{"version":3,"file":"chunks/FaqListPage.chunk.1b01b8e1a86fc5fecbf9.js","mappings":"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","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/Faq/Faq.tsx","webpack://BeautyBecomes/./common/react/components/Forms/SimpleSearchInput/SimpleSearchInput.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport { parseQuery } from '@common/typescript/utils/url';\r\nimport SimpleSearchInput from '@common/react/components/Forms/SimpleSearchInput/SimpleSearchInput';\r\nimport {\r\n\tdefaultTransformFiltersBeforeHandleUrl,\r\n\tItemsProvider,\r\n\tuseItemsProviderContext,\r\n} from '@common/react/components/Core/ItemsProvider/ItemsProvider';\r\nimport Pagination from '@common/react/components/base/Pagination/Pagination';\r\nimport Loader from '@common/react/components/Core/LoadingProvider/Loader';\r\n\r\nimport { capitalizeFirstLetter } from '@app/components/Utils';\r\nimport { Faq } from '@app/objects/Faq';\r\nimport { SimpleBreadCrumbs } from '@app/components/UI/SimpleBreadcrumbs/SimpleBreadcrumbs';\r\nimport ServerPageProvider from '@app/components/UI/SeverPageProviderWithLang/ServerpageProviderWithLang';\r\nimport ShareLinks from '@app/components/UI/ShareLinks/ShareLinks';\r\nimport CollapseService from '@app/components/Pages/Faq/CollapseService';\r\nimport { selectProps } from '@app/components/UI/BseSelect';\r\n\r\nimport '@app/scss/pages/faqPage.scss';\r\n\r\ninterface FaqListPageInnerProps {\r\n\ttitle: string;\r\n}\r\n\r\nconst FaqListPageInner: React.FC<FaqListPageInnerProps> = ({\r\n\ttitle,\r\n}) => {\r\n\tconst context = useItemsProviderContext<Faq>();\r\n\r\n\tif (!context.state) throw 'Need ItemsProvider context!';\r\n\r\n\tconst {\r\n\t\tstate: {\r\n\t\t\titems, filters, pagination, loading,\r\n\t\t},\r\n\t\tactions: { handleChange, reload },\r\n\t} = context;\r\n\r\n\tconst { t, i18n } = useTranslation();\r\n\tconst langName: 'Es' | 'En' = capitalizeFirstLetter(i18n.language);\r\n\r\n\treturn <>\r\n\t\t<SimpleSearchInput\r\n\t\t\tname=\"text\"\r\n\t\t\tcontainerClassName=\"dark-search\"\r\n\t\t\tplaceholder={t('forms.search')}\r\n\t\t\tonSubmit={handleChange}\r\n\t\t\tdefaultValue={filters.text}\r\n\t\t\twithoutForm\r\n\t\t/>\r\n\t\t{items\r\n\t\t\t&& <div className=\"service-page__block is-relative\">\r\n\t\t\t\t{loading && <div className=\"loader-container\">\r\n\t\t\t\t\t<Loader />\r\n\t\t\t\t</div>}\r\n\t\t\t\t<CollapseService items={items} langName={langName} search={filters.text} hideEmpty={false} />\r\n\t\t\t\t{pagination.total > 10\r\n\t\t\t\t\t&& <Pagination\r\n\t\t\t\t\t\tcurrent={pagination.current}\r\n\t\t\t\t\t\tclassName=\"dark-pagination\"\r\n\t\t\t\t\t\tpageSize={pagination.pageSize}\r\n\t\t\t\t\t\ttotal={pagination.total ? pagination.total : 0}\r\n\t\t\t\t\t\tonChange={(page, pageSize) => reload({ current: page, pageSize })}\r\n\t\t\t\t\t\tselectProps={selectProps}\r\n\t\t\t\t\t/>\r\n\t\t\t\t}\r\n\t\t\t</div>\r\n\t\t}\r\n\t</>;\r\n};\r\n\r\nconst FaqListPage: React.FC = () => {\r\n\tconst { t } = useTranslation();\r\n\r\n\tconst location = useLocation();\r\n\r\n\tconst search = parseQuery(location.search);\r\n\tconst defCurrent = +search.page || 1;\r\n\tconst title = t('site.Faqs');\r\n\r\n\treturn (\r\n\t\t<div className=\"faq-page inner-page container\">\r\n\t\t\t<div className=\"clearfix\">\r\n\t\t\t\t<SimpleBreadCrumbs title={title} />\r\n\t\t\t\t<ShareLinks />\r\n\t\t\t</div>\r\n\t\t\t<div className=\"inner-page__headline text-center\">\r\n\t\t\t\t<h1>{t('site.Faqs')}</h1>\r\n\t\t\t</div>\r\n\t\t\t<ServerPageProvider\r\n\t\t\t\tpath=\"faq\"\r\n\t\t\t\tinner={(serverPage) =>\r\n\t\t\t\t\t<ItemsProvider\r\n\t\t\t\t\t\titems={serverPage?.items?.list}\r\n\t\t\t\t\t\tpagination={{\r\n\t\t\t\t\t\t\tcurrent: defCurrent, pageSize: 10, total: serverPage?.items?.count,\r\n\t\t\t\t\t\t}}\r\n\t\t\t\t\t\ttype=\"faq\"\r\n\t\t\t\t\t\tloadRequest=\"faqViewListRemote\"\r\n\t\t\t\t\t\tfilters={{ page: defCurrent, withRows: true }}\r\n\t\t\t\t\t\twithHandleUrl\r\n\t\t\t\t\t\tpageInSearch\r\n\t\t\t\t\t\ttransformFiltersBeforeHandleUrl={(filters) => ({\r\n\t\t\t\t\t\t\t...defaultTransformFiltersBeforeHandleUrl(filters),\r\n\t\t\t\t\t\t\tpage: filters.page || 1,\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<FaqListPageInner\r\n\t\t\t\t\t\t\ttitle={title}\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t</ItemsProvider>\r\n\t\t\t\t}\r\n\t\t\t/>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default FaqListPage;\r\n","import * as React from 'react';\r\n\r\nimport { HandleChangeEventElement } from '@common/react/components/Core/ItemsProvider/ItemsProvider';\r\n\r\nexport interface ComponentProps<T> {\r\n\tonChange?: (evt: HandleChangeEventElement) => void;\r\n\tonSubmit?: (evt: HandleChangeEventElement) => void;\r\n\tname?: string;\r\n\tclassName?: string;\r\n\tplaceholder?: string;\r\n\twithoutForm?: boolean;\r\n\tbuttonType?: React.ButtonHTMLAttributes<T>['type'];\r\n\tbuttonContent?: string | JSX.Element;\r\n\tsubmitOnClear?: boolean;\r\n\tcontainerClassName?: string;\r\n\tdefaultValue?: string;\r\n\tdataParam?: string;\r\n\tvalue?: string;\r\n\totherInputProps?: T;\r\n\tinputComponent?: any;\r\n}\r\n\r\nconst SimpleSearchInput = <T extends React.HTMLProps<HTMLInputElement>>(props: ComponentProps<T>) => {\r\n\tconst {\r\n\t\tclassName = 'form-control',\r\n\t\tplaceholder = 'Search',\r\n\t\twithoutForm = false,\r\n\t\tbuttonType = 'submit',\r\n\t\tsubmitOnClear = true,\r\n\t\tdefaultValue,\r\n\t\tvalue: valueFromProps,\r\n\t\tonChange,\r\n\t\tonSubmit,\r\n\t\tname = 'text',\r\n\t\tcontainerClassName = '',\r\n\t\tbuttonContent,\r\n\t\tdataParam,\r\n\t\tinputComponent: InputComponent,\r\n\t\totherInputProps,\r\n\t} = props;\r\n\tconst buttonRef = React.useRef<HTMLButtonElement>(null);\r\n\tconst [value, setValue] = React.useState<string>(defaultValue || '');\r\n\r\n\tReact.useEffect(() => {\r\n\t\tif (valueFromProps !== undefined && valueFromProps !== value) {\r\n\t\t\tsetValue(valueFromProps);\r\n\t\t}\r\n\t}, [valueFromProps]);\r\n\r\n\tconst handleChange = (evt: React.FormEvent<HTMLInputElement>): void => {\r\n\t\tsetValue(evt.currentTarget.value);\r\n\r\n\t\tonChange && onChange(evt);\r\n\t};\r\n\r\n\tconst onKeyPress = (evt: React.KeyboardEvent<HTMLInputElement>): void => {\r\n\t\tif (evt && evt.key === 'Enter') {\r\n\t\t\tonSubmit && onSubmit({\r\n\t\t\t\tcurrentTarget: { name, value },\r\n\t\t\t});\r\n\t\t}\r\n\t};\r\n\r\n\tconst onClick = (): void => {\r\n\t\tonSubmit && onSubmit({\r\n\t\t\tcurrentTarget: { name, value },\r\n\t\t});\r\n\t};\r\n\r\n\tconst clearField = (): void => {\r\n\t\tconst fakeTarget = {\r\n\t\t\tcurrentTarget: { name, value: '' },\r\n\t\t};\r\n\r\n\t\tsetValue('');\r\n\r\n\t\tonChange && onChange(fakeTarget);\r\n\r\n\t\tif (submitOnClear) {\r\n\t\t\tif (onSubmit && withoutForm) {\r\n\t\t\t\tonSubmit(fakeTarget);\r\n\t\t\t} else if (buttonRef.current) {\r\n\t\t\t\tbuttonRef.current.click();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n\r\n\tconst inputProps = {\r\n\t\ttype: 'text',\r\n\t\tclassName,\r\n\t\tplaceholder,\r\n\t\tname,\r\n\t\tonChange: handleChange,\r\n\t\tvalue,\r\n\t\tonKeyPress: withoutForm ? onKeyPress : undefined,\r\n\t};\r\n\r\n\treturn <div className={`simple-search-component input-group ${containerClassName}`} data-param={dataParam}>\r\n\t\t{InputComponent ? <InputComponent {...otherInputProps} {...inputProps} /> : <input {...otherInputProps} {...inputProps} />}\r\n\t\t{value ? <i className=\"fa fa-times simple-search-component__clear\" onClick={clearField} /> : null}\r\n\t\t<div className=\"input-group-btn\">\r\n\t\t\t<button\r\n\t\t\t\ttype={buttonType === 'submit' ? 'submit' : 'button'}\r\n\t\t\t\tonClick={withoutForm ? onClick : undefined}\r\n\t\t\t\tclassName=\"btn btn-sm btn-primary\"\r\n\t\t\t\tref={buttonRef}\r\n\t\t\t>\r\n\t\t\t\t{buttonContent\r\n\t\t\t\t?? <i className=\"fa fa-search\" />\r\n\t\t\t\t}\r\n\t\t\t</button>\r\n\t\t</div>\r\n\t</div>;\r\n};\r\n\r\nexport default SimpleSearchInput;\r\n"],"names":["FaqListPageInner","_ref","title","context","useItemsProviderContext","state","_context$state","items","filters","pagination","loading","_context$actions","actions","handleChange","reload","_useTranslation","useTranslation","t","i18n","langName","capitalizeFirstLetter","language","React","SimpleSearchInput","name","containerClassName","placeholder","onSubmit","defaultValue","text","withoutForm","className","Loader","CollapseService","search","hideEmpty","total","Pagination","current","pageSize","onChange","page","selectProps","location","useLocation","defCurrent","parseQuery","SimpleBreadCrumbs","ShareLinks","ServerPageProvider","path","inner","serverPage","_serverPage$items","_serverPage$items2","ItemsProvider","list","count","type","loadRequest","withRows","withHandleUrl","pageInSearch","transformFiltersBeforeHandleUrl","_objectSpread","defaultTransformFiltersBeforeHandleUrl","props","_props$className","_props$placeholder","_props$withoutForm","_props$buttonType","buttonType","_props$submitOnClear","submitOnClear","valueFromProps","value","_props$name","_props$containerClass","buttonContent","dataParam","InputComponent","inputComponent","otherInputProps","buttonRef","_React$useState2","_slicedToArray","setValue","undefined","inputProps","evt","currentTarget","onKeyPress","key","concat","_extends","onClick","fakeTarget","click","ref"],"sourceRoot":""}