{"version":3,"sources":["webpack:///./wwwroot/Scripts/src/components/ChaptersListingResult.tsx","webpack:///./wwwroot/Scripts/src/components/ChaptersListing.tsx"],"names":["initialState","items","totalItems","isNoResults","isLoading","canLoadMore","searchFilter","undefined","ChaptersListingItem","props","item","link","isLive","ExternalLink","Url","React","className","Thumbnail","length","href","src","alt","ThumbnailAlt","Category","style","backgroundColor","BackgroundColor","color","TextColor","onClick","searchByCategory","CategoryId","Name","Media","target","ExternalLinkOpenNewWindow","Title","dangerouslySetInnerHTML","__html","Summary","EventDateAsString","Chapter","IsEventLive","DateAsString","EventsListingResult","_useReducer2","_slicedToArray","useReducer","prevState","Chapterstate","_objectSpread","state","setState","serviceCall","sf","offset","payload","pageSize","fetch","method","headers","body","JSON","stringify","then","res","json","useEffect","x","InfiniteScroll","pageStart","loadMore","updatedItems","concat","hasMore","map","key","NodeId","keywords","selectedCategory","selectedChapter","selectedYearMonth","orderBy","initDone","HashParams","_createClass","_classCallCheck","_defineProperty","ChaptersListing","search","Value","YearMonth","Keywords","SortByField","SortASC","Path","hp","cat","ym","q","window","location","Utils","newState","PreselectedChapterValue","Chapters","find","toLowerCase","hash","urlParams","Categories","YearMonths","backgroundImage","BackgroundImage","GenericDropdown","dataSource","getId","renderItem","customItemWrapperRender","children","renderSelectedItem","nullSelectionText","selectedValue","onSelectedItemChanged","allowNullSelection","Input","onChange","e","value","onKeyPress","preventDefault","placeholder","Button","HeaderHtml","Row","Col","md","ChaptersListingResults","categoryId","category","IsLive","FeaturedArticle","FeaturedChapter","Spotlights","index","Spotlight"],"mappings":"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","file":"ChaptersListing.bundle.2eb3f760c027d7dad03d.js","sourcesContent":["import * as React from \"react\";\r\nimport { useReducer, useEffect } from \"react\";\r\nimport InfiniteScroll from 'react-infinite-scroller';\r\nimport { FacetResult } from \"../Models/FacetResult\";\r\nimport { ChapterArticle } from \"../Models/ChapterArticle\";\r\n\r\nexport type SearchFilter = {\r\n    Keywords: string;\r\n    Category: string;\r\n    //Chapter: string;\r\n    YearMonth: string;\r\n    SortByField: string;\r\n    SortASC?: boolean;\r\n    Path: string;\r\n}\r\n\r\ntype ChaptersListingResultState = {\r\n\r\n    items: ChapterArticle[];\r\n    totalItems: number;\r\n    isNoResults: boolean;\r\n    isLoading: boolean;\r\n    canLoadMore: boolean;\r\n    searchFilter: SearchFilter;\r\n}\r\n\r\n\r\nconst initialState: ChaptersListingResultState = {\r\n    items: [],\r\n    totalItems: 0,\r\n    isNoResults: false,\r\n    isLoading: false,\r\n    canLoadMore: false,\r\n    searchFilter: undefined\r\n}\r\n\r\nconst EventsListingResult = (props: {\r\n    searchFilter: SearchFilter;\r\n    searchByCategory: (categoryId: string) => void;\r\n    isLive: boolean;\r\n}) => {\r\n\r\n    const [state, setState] = useReducer(\r\n        (prevState: ChaptersListingResultState, Chapterstate: Partial<ChaptersListingResultState>) => ({ ...prevState, ...Chapterstate }),\r\n        initialState\r\n    );\r\n\r\n    const search = () => {\r\n        if (!props.searchFilter)\r\n            return;\r\n\r\n        setState({ isLoading: true, canLoadMore: false });\r\n\r\n        serviceCall(props.searchFilter, 0)\r\n            .then(x =>\r\n                setState({\r\n                    items: x.items,\r\n                    isNoResults: x.items.length == 0,\r\n                    canLoadMore: x.totalItems > x.items.length,\r\n                    isLoading: false\r\n                })\r\n            );\r\n\r\n    }\r\n\r\n    const loadMore = () => {\r\n\r\n        setState({ isLoading: true, canLoadMore: false });\r\n\r\n        serviceCall(props.searchFilter, state.items.length)\r\n            .then(x => {\r\n\r\n                const updatedItems = state.items.concat(x.items);\r\n\r\n                setState({\r\n                    items: updatedItems,\r\n                    canLoadMore: x.totalItems > updatedItems.length,\r\n                    isLoading: false\r\n                });\r\n            }\r\n            );\r\n    }\r\n\r\n    const serviceCall = (sf: SearchFilter, offset: number): Promise<FacetResult<ChapterArticle>> => {\r\n\r\n        let payload = { ...sf, offset, pageSize: 10 };\r\n\r\n        return fetch('/cpaapi/chapternews', {\r\n            method: 'post',\r\n            headers: { 'Content-Type': 'application/json' },\r\n            body: JSON.stringify(payload)\r\n        }).then(res => res.json());\r\n\r\n    };\r\n\r\n\r\n    // update on new search filter\r\n    useEffect(() => {\r\n        search();\r\n    }, [props.searchFilter]);\r\n\r\n    return <InfiniteScroll\r\n        pageStart={0}\r\n        loadMore={loadMore}\r\n        hasMore={state.canLoadMore && !state.isLoading}\r\n        className=\"results-wrapper\"\r\n    >\r\n        {state.items.map(x => <ChaptersListingItem key={x.NodeId} item={x} searchByCategory={props.searchByCategory} isLive={props.isLive} />)}\r\n    </InfiniteScroll>\r\n}\r\n\r\nconst ChaptersListingItem = (props: {\r\n    item: ChapterArticle;\r\n    searchByCategory: (categoryId: string) => void;\r\n    isLive: boolean\r\n}) => {\r\n\r\n    const { item, isLive } = props;\r\n    const link = isLive && item.ExternalLink ? item.ExternalLink: item.Url;\r\n\r\n    return <div className=\"chapters-listing-item\">\r\n        {item.Thumbnail && item.Thumbnail.length > 0 && <a href={item.Url} className=\"img-container float-right\">\r\n            <img src={item.Thumbnail} alt={item.ThumbnailAlt} className=\"img-fluid\" />\r\n        </a>}\r\n        <div className=\"event-body\">\r\n            {item.Category && <div>\r\n                <span className=\"category cursor-pointer\" style={{ backgroundColor: item.Category.BackgroundColor, color: item.Category.TextColor }}\r\n                    onClick={() => { props.searchByCategory(item.CategoryId) }}\r\n                >{item.Category.Name}</span>\r\n                <span className=\"audience\">{item.Media}</span>\r\n            </div>}\r\n            <a href={link} className=\"event-title\" target={item.ExternalLinkOpenNewWindow ? \"_blank\" : \"_self\"}>{item.Title}</a>\r\n            <div className=\"summary\" dangerouslySetInnerHTML={{ __html: item.Summary }}></div>\r\n            <div className=\"event-bottom\">\r\n                {/*<span className=\"author\">By <b>{item.Author}</b></span>*/}\r\n                {item.EventDateAsString && <span className=\"event-date\">Event Date: {item.EventDateAsString}</span>}\r\n                <div className=\"chapter-name\">{item.Chapter}</div>\r\n                {!item.IsEventLive && <span className=\"publish-date\">Published Date: {item.DateAsString}</span>}\r\n\r\n                {/*\r\n                <span className=\"addthis_toolbox d-inline\" data-addthis-url={props.item.Url} data-addthis-title={props.item.Title}>\r\n                    <span className=\"custom_images\">\r\n                        <a className=\"addthis_button_more\"><span className=\"btn-share\">Share</span></a>\r\n                    </span>\r\n                </span>\r\n                */}\r\n            </div>\r\n        </div>\r\n\r\n        <div className=\"clearfix\"></div>\r\n    </div>;\r\n}\r\n\r\nexport default EventsListingResult;\r\n","import * as React from \"react\";\r\nimport { useReducer, useEffect } from \"react\";\r\nimport { Row, Col, Button, Input } from 'reactstrap';\r\nimport GenericDropdown from './controls/GenericDropdown';\r\nimport { LookupItem } from \"../Models/LookupItem\";\r\nimport { ChapterArticle } from \"../Models/ChapterArticle\";\r\nimport ChaptersListingResults, { SearchFilter } from './ChaptersListingResult';\r\nimport FeaturedChapter from \"./FeaturedChapter\";\r\nimport { SpotlightItem } from \"./Spotlight\";\r\nimport Spotlight from \"./Spotlight\";\r\nimport * as Utils from '../Utils';\r\n\r\ntype OrderBy = 'date' | 'alpha';\r\n\r\ntype ChaptersListingState = {\r\n    keywords: string;\r\n    selectedCategory: LookupItem;\r\n    selectedChapter: LookupItem;\r\n    selectedYearMonth: LookupItem;\r\n    searchFilter: SearchFilter;\r\n    orderBy: OrderBy;\r\n    initDone: boolean;\r\n}\r\n\r\nconst initialState: ChaptersListingState = {\r\n    keywords: '',\r\n    selectedCategory: undefined,\r\n    selectedChapter: undefined,\r\n    selectedYearMonth: undefined,\r\n    searchFilter: undefined,\r\n    orderBy: 'date',\r\n    initDone: false\r\n}\r\n\r\nconst ChaptersListing = (props: {\r\n    Path: string;\r\n    Categories: LookupItem[];\r\n    Chapters: LookupItem[];\r\n    YearMonths: LookupItem[];\r\n    BackgroundImage: string;\r\n    Title: string;\r\n    FeaturedArticle: ChapterArticle;\r\n    Spotlights: SpotlightItem[];\r\n    PreselectedChapterValue?: string;\r\n    HeaderHtml?: string;\r\n    IsLive: boolean\r\n}) => {\r\n\r\n    let [state, setState] = useReducer(\r\n        (prevState: ChaptersListingState, Chapterstate: Partial<ChaptersListingState>) => ({ ...prevState, ...Chapterstate }),\r\n        initialState\r\n    );\r\n\r\n    const search = () => {\r\n        const sf: SearchFilter = {\r\n            Category: state.selectedCategory ? state.selectedCategory.Value : undefined,\r\n            \r\n            YearMonth: state.selectedYearMonth ? state.selectedYearMonth.Value : undefined,\r\n            Keywords: state.keywords,\r\n            SortByField: state.orderBy,\r\n            SortASC: false,\r\n            Path: props.Path\r\n        };\r\n\r\n        setState({ searchFilter: sf });\r\n    };\r\n\r\n    const searchByCategory = (categoryId: string) => {\r\n\r\n        let category = props.Categories.find(x => x.Value == categoryId);\r\n\r\n        let sf: SearchFilter = {\r\n            Category: category ? category.Value : undefined,            \r\n            YearMonth: undefined,\r\n            Keywords: '',\r\n            SortByField: state.orderBy,            \r\n            Path: props.Path\r\n        };\r\n\r\n        let newState: Partial<ChaptersListingState> = {\r\n            selectedCategory: category,\r\n            searchFilter: sf,\r\n            selectedChapter: state.selectedChapter,\r\n            selectedYearMonth: undefined,\r\n            keywords: ''\r\n        }\r\n\r\n        setState(newState);\r\n\r\n    }\r\n\r\n    const clearFilters = () => {\r\n\r\n        let sf: SearchFilter = {\r\n            Category: undefined,\r\n            YearMonth: undefined,\r\n            Keywords: '',\r\n            SortByField: state.orderBy,            \r\n            Path: props.Path\r\n        };\r\n\r\n        setState({\r\n            keywords: '',\r\n            selectedCategory: undefined,\r\n            selectedYearMonth: undefined,\r\n            searchFilter: sf\r\n        });\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n\r\n        let hp: HashParams = {\r\n            cat: state.selectedCategory ? state.selectedCategory.Title : undefined,            \r\n            ym: state.selectedYearMonth ? state.selectedYearMonth.Value : undefined,\r\n            q: state.keywords\r\n        };\r\n\r\n        if (state.initDone) {\r\n            window.location.href = Utils.buildHash(hp);\r\n        }\r\n\r\n    }, [state.searchFilter]);\r\n\r\n    useEffect(() => {\r\n\r\n        let newState: Partial<ChaptersListingState> = {};\r\n\r\n        if (props.PreselectedChapterValue && props.PreselectedChapterValue.length > 0) {\r\n            newState.selectedChapter = props.Chapters.find(x => x.Value.toLowerCase() == props.PreselectedChapterValue.toLowerCase());\r\n        }\r\n\r\n        if (location.hash && location.hash.length > 2) {\r\n            let urlParams = Utils.hashStringParse(location.hash) as HashParams;\r\n\r\n            // set category\r\n            if (urlParams.cat) {\r\n                newState.selectedCategory = props.Categories.find(x => x.Title.toLowerCase() == urlParams.cat.toLowerCase());\r\n            }\r\n\r\n            // set keyword\r\n            if (urlParams.q && urlParams.q.length > 0) {\r\n                newState.keywords = urlParams.q;\r\n            }\r\n\r\n            // chapter\r\n            //if (urlParams.chap)\r\n            //    newState.selectedChapter = props.Chapters.find(x => x.Title.toLowerCase() == urlParams.chap.toLowerCase());\r\n\r\n            // year month\r\n            if (urlParams.ym)\r\n                newState.selectedYearMonth = props.YearMonths.find(x => x.Value == urlParams.ym);\r\n        }\r\n\r\n        newState.initDone = true;\r\n        newState.orderBy = 'date';\r\n\r\n        newState.searchFilter = {\r\n            Category: newState.selectedCategory ? newState.selectedCategory.Value : undefined,\r\n            //Chapter: newState.selectedChapter ? newState.selectedChapter.Value : undefined,\r\n            YearMonth: newState.selectedYearMonth ? newState.selectedYearMonth.Value : undefined,\r\n            Keywords: newState.keywords,\r\n            SortByField: newState.orderBy,\r\n            Path: props.Path\r\n        };\r\n\r\n        setState(newState);\r\n\r\n    }, []);\r\n\r\n    // return\r\n    return <div className=\"chapters-listing\">\r\n        <div className=\"full-width-content p-0\">\r\n            <div className=\"page-section py-0\">\r\n                <div className=\"chapter-filters-wrapper\" style={{ backgroundImage: `url(${props.BackgroundImage})` }}>\r\n                    <h1 className=\"title\">{props.Title}</h1>\r\n                    <div className=\"inline-filters d-flex flex-md-row flex-column flex-sm-column\">\r\n                        <div className=\"d-md-flex w-100\">\r\n\r\n                            <div className=\"dropdown-wrapper\">\r\n                                <div className=\"small dropdown-head-label\">Select Chapter</div>\r\n                                <GenericDropdown\r\n                                    dataSource={props.Chapters}\r\n                                    getId={x => x.Value}\r\n                                    renderItem={x => x.Title}\r\n                                    customItemWrapperRender={(x, key, children) => <a href={x.Value} key={key} className=\"menuitem d-block\">{children}</a>}\r\n                                    renderSelectedItem={x => x.Title}\r\n                                    nullSelectionText=\"All Chapters\"\r\n                                    selectedValue={state.selectedChapter ? state.selectedChapter.Value : undefined}\r\n                                    onSelectedItemChanged={x => setState({ selectedChapter: x })}\r\n                                />\r\n                            </div>\r\n\r\n                            <GenericDropdown\r\n                                dataSource={props.Categories}\r\n                                getId={x => x.Value}\r\n                                renderItem={x => x.Title}\r\n                                renderSelectedItem={x => x.Title}\r\n                                nullSelectionText=\"All News & Events\"\r\n                                allowNullSelection={true}\r\n                                selectedValue={state.selectedCategory ? state.selectedCategory.Value : undefined}\r\n                                onSelectedItemChanged={x => setState({ selectedCategory: x })}\r\n                            />\r\n\r\n                            <GenericDropdown\r\n                                dataSource={props.YearMonths}\r\n                                getId={x => x.Value}\r\n                                renderItem={x => x.Title}\r\n                                renderSelectedItem={x => x.Title}\r\n                                nullSelectionText=\"All Dates\"\r\n                                allowNullSelection={true}\r\n                                selectedValue={state.selectedYearMonth ? state.selectedYearMonth.Value : undefined}\r\n                                onSelectedItemChanged={x => setState({ selectedYearMonth: x })}\r\n                            />\r\n\r\n                            <div className=\"search\">                                \r\n                                <div className=\"input-group w-100\">\r\n                                    <div className=\"search-icon\">\r\n                                        <i className=\"fas fa-search\"></i>\r\n                                    </div>\r\n                                    <Input onChange={(e) => { setState({ keywords: e.target.value }) }}\r\n                                        onKeyPress={(e) => {\r\n                                            if (e.key === 'Enter') {\r\n                                                e.preventDefault();\r\n                                                search();\r\n                                            }\r\n                                        }}\r\n                                        value={state.keywords}\r\n                                        className=\"form-control\"\r\n                                        placeholder=\"Search for keywords and description\" />\r\n\r\n                                    <Button onClick={search}>Search</Button>\r\n                                    <Button onClick={clearFilters} className=\"btn-clear\">Clear Search</Button>\r\n                                </div>                              \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className=\"clearfix\"></div>\r\n                {props.HeaderHtml && <div dangerouslySetInnerHTML={{ __html: props.HeaderHtml }}></div>}\r\n            </div>\r\n        </div>\r\n        <div className=\"full-width-content pt-0\">\r\n            <div className=\"page-section pt-0\">\r\n                <div className=\"page-section-inner\">\r\n                    <Row>\r\n                        <Col md={9}>\r\n                            <ChaptersListingResults\r\n                                searchFilter={state.searchFilter}\r\n                                searchByCategory={searchByCategory}\r\n                                isLive={props.IsLive}\r\n                            />\r\n                        </Col>\r\n                        <Col md={3} className=\"pt-30\">\r\n                            {props.FeaturedArticle && <FeaturedChapter item={props.FeaturedArticle} />}\r\n                            {(props.Spotlights || []).map((x, index) => <Spotlight item={x} key={index} />)}\r\n                        </Col>\r\n                    </Row>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n}\r\n\r\nexport class HashParams {    \r\n    cat: string;\r\n    ym: string;\r\n    q: string;\r\n}\r\n\r\nexport default ChaptersListing;"],"sourceRoot":""}