{"version":3,"sources":["webpack:///./wwwroot/Scripts/src/components/ChaptersListingRedirect.tsx"],"names":["buildInitialState","props","initialState","keywords","selectedCategory","undefined","selectedChapter","Chapters","length","selectedYearMonth","redirectUrl","ChaptersListingRedirect","_useReducer","useReducer","prevState","Chapterstate","_objectSpread","_useReducer2","_slicedToArray","state","setState","search","filter","getHashParams","window","location","href","Value","Utils","cat","Title","ym","q","useEffect","ListingUrl","React","className","style","backgroundImage","concat","BackgroundImage","GenericDropdown","dataSource","getId","x","renderItem","renderSelectedItem","nullSelectionText","allowNullSelection","selectedValue","onSelectedItemChanged","Categories","YearMonths","Input","onChange","e","target","value","onKeyPress","key","preventDefault","placeholder","Button","onClick"],"mappings":"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","file":"ChaptersListingRedirect.bundle.js","sourcesContent":["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 * as Utils from '../Utils';\r\nimport { HashParams } from \"./ChaptersListing\";\r\n\r\ntype OrderBy = 'date' | 'alpha';\r\n\r\ntype ChaptersListingRedirectProps = {\r\n    Categories: LookupItem[];\r\n    Chapters: LookupItem[];\r\n    YearMonths: LookupItem[];\r\n    BackgroundImage: string;\r\n    Title: string;\r\n    ListingUrl: string;\r\n}\r\n\r\ntype ChaptersListingRedirectState = {\r\n    keywords: string;\r\n    selectedCategory: LookupItem;\r\n    selectedChapter: LookupItem;\r\n    selectedYearMonth: LookupItem;\r\n    redirectUrl: string;\r\n}\r\n\r\n\r\n\r\nconst buildInitialState = (props: ChaptersListingRedirectProps) => {\r\n\r\n    let initialState: ChaptersListingRedirectState = {\r\n        keywords: '',\r\n        selectedCategory: undefined,\r\n        selectedChapter: (props.Chapters || []).length > 0 ? props.Chapters[0] : undefined,\r\n        selectedYearMonth: undefined,\r\n        redirectUrl: ''\r\n    }\r\n\r\n    return initialState;\r\n}\r\n\r\nconst ChaptersListingRedirect = (props: ChaptersListingRedirectProps) => {\r\n\r\n    const [state, setState] = useReducer(\r\n        (prevState: ChaptersListingRedirectState, Chapterstate: Partial<ChaptersListingRedirectState>) => ({ ...prevState, ...Chapterstate }),\r\n        buildInitialState(props)\r\n    );\r\n\r\n    const search = () => {\r\n\r\n        const filter = getHashParams();\r\n\r\n        window.location.href = state.selectedChapter.Value + Utils.buildHash(filter);\r\n    };\r\n\r\n    const getHashParams = () => {\r\n\r\n        const filter: HashParams = {\r\n            //chap: state.selectedChapter ? state.selectedChapter.Title : undefined,\r\n            cat: state.selectedCategory ? state.selectedCategory.Title : undefined,\r\n            ym: state.selectedYearMonth ? state.selectedYearMonth.Title : undefined,\r\n            q: state.keywords.length > 0 ? state.keywords : undefined\r\n        }\r\n\r\n        return filter;\r\n    }\r\n\r\n    useEffect(() => {\r\n\r\n        const filter = getHashParams();\r\n\r\n        setState({ redirectUrl: props.ListingUrl + Utils.buildHash(filter) });\r\n\r\n    }, [state.keywords, state.selectedCategory, state.selectedChapter, state.selectedYearMonth]);\r\n\r\n    // return\r\n    return <div className=\"chapters-listing\">\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                            renderSelectedItem={x => x.Title}\r\n                            nullSelectionText=\"All Chapters\"\r\n                            allowNullSelection={false}\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 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                        <form className=\"form-inline search-form\">\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                            </div>\r\n                        </form>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n}\r\n\r\nexport default ChaptersListingRedirect;"],"sourceRoot":""}