{"version":3,"file":"chunks/BlogPage.chunk.045dadba23d0040d1d03.js","mappings":"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","sources":["webpack://BeautyBecomes/./ClientApp/components/Pages/Blog/Blog.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useTranslation } from 'react-i18next';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nimport loadable from '@loadable/component';\r\n\r\nimport { Lang } from '@common/typescript/objects/Lang';\r\nimport { parseQuery } from '@common/typescript/utils/url';\r\nimport {\r\n\tdefaultTransformFiltersBeforeHandleUrl,\r\n\tItemsProvider,\r\n\tuseItemsProviderContext,\r\n} from '@common/react/components/Core/ItemsProvider/ItemsProvider';\r\nimport { loadableDelay } from '@common/react/loadable/loadableSettings';\r\nimport Button from '@common/react/components/Forms/Button';\r\n\r\nimport { capitalizeFirstLetter } from '@app/components/Utils';\r\nimport { getPageInfo } from '@app/objects/Page';\r\nimport LinkWithLang from '@app/components/UI/LinkWithLang/LinkWithLang';\r\nimport { Blog as BlogInterface } from '@app/objects/Pages/BlogPage';\r\nimport { SimpleBreadCrumbs } from '@app/components/UI/SimpleBreadcrumbs/SimpleBreadcrumbs';\r\nimport ServerPageProvider from '@app/components/UI/SeverPageProviderWithLang/ServerpageProviderWithLang';\r\nimport '@app/scss/pages/blog.scss';\r\n\r\nconst Pagination = loadable(\r\n\t() =>\r\n\t\tloadableDelay(import(/* webpackChunkName: \"Pagination\" */ '@app/components/UI/CustomPagination')),\r\n\t{\r\n\t\tfallback: (\r\n\t\t\t<div className=\"text-center\">\r\n\t\t\t\t<Button className=\"btn-sm btn btn-primary\" isLoading>\r\n\t\t\t\t\tLoading\r\n\t\t\t\t</Button>\r\n\t\t\t</div>),\r\n\t},\r\n);\r\n\r\ninterface BlogInnerProps {\r\n\tlang: Lang;\r\n}\r\n\r\nconst BlogInner: React.FC<BlogInnerProps> = ({\r\n\tlang,\r\n}) => {\r\n\tconst context = useItemsProviderContext<BlogInterface>();\r\n\r\n\tif (!context.state) throw 'Need ItemsProvider context!';\r\n\r\n\tconst { state: { items, pagination }, actions: { handleChange } } = context;\r\n\r\n\tconst { t, i18n } = useTranslation();\r\n\tconst langString = capitalizeFirstLetter(i18n.language);\r\n\r\n\treturn <>\r\n\t\t{items && <>\r\n\t\t\t{items.map((item: BlogInterface, index: number) => {\r\n\t\t\t\tconst pageInfo = getPageInfo(item, lang);\r\n\t\t\t\treturn (\r\n\t\t\t\t\t<div className=\"post\" key={index}>\r\n\t\t\t\t\t\t<LinkWithLang to={`/${item[langString === 'En' ? 'fullPath' : 'fullPathEs']}`} className=\"post\">\r\n\t\t\t\t\t\t\t<h3 className=\"post__title\">{item[`shortName${langString}`]}</h3>\r\n\t\t\t\t\t\t</LinkWithLang>\r\n\t\t\t\t\t\t<div className=\"external-html\" dangerouslySetInnerHTML={{ __html: pageInfo ? pageInfo.shortBody : '' }} />\r\n\t\t\t\t\t\t<LinkWithLang\r\n\t\t\t\t\t\t\tto={`/${item[langString === 'En' ? 'fullPath' : 'fullPathEs']}`}\r\n\t\t\t\t\t\t\tclassName=\"general-form-button general-form-button_sm\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t{t('site.Read More')}\r\n\t\t\t\t\t\t</LinkWithLang>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t);\r\n\t\t\t})}\r\n\t\t\t{pagination.total > 10\r\n\t\t\t\t&& <Pagination\r\n\t\t\t\t\tclassName=\"dark-pagination\"\r\n\t\t\t\t\tdefaultCurrent={pagination.current}\r\n\t\t\t\t\ttotal={pagination.total ? pagination.total : 0}\r\n\t\t\t\t\tonChange={(page) => handleChange({ page })}\r\n\t\t\t\t/>\r\n\t\t\t}\r\n\t\t</>}\r\n\t</>;\r\n};\r\n\r\nconst Blog: React.FC = () => {\r\n\tconst { t, i18n } = useTranslation();\r\n\tconst location = useLocation();\r\n\tconst lang = i18n.language === 'es' ? Lang.Es : Lang.En;\r\n\r\n\tconst search = parseQuery(location.search);\r\n\tconst defCurrent = +search.page || 1;\r\n\r\n\treturn (\r\n\t\t<div className=\"blog-page inner-page container\">\r\n\t\t\t<SimpleBreadCrumbs title={t('seo.blogPage.title')} />\r\n\t\t\t<ServerPageProvider\r\n\t\t\t\tpath=\"blog\"\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={{ current: defCurrent, pageSize: 10, total: serverPage?.items?.count }}\r\n\t\t\t\t\t\ttype=\"blog\"\r\n\t\t\t\t\t\tloadRequest=\"blogListRemote\"\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<BlogInner\r\n\t\t\t\t\t\t\tlang={lang}\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 Blog;\r\n"],"names":["Pagination","loadable","resolved","chunkName","isReady","props","key","resolve","__webpack_modules__","importAsync","loadableDelay","requireAsync","_this","then","requireSync","id","__webpack_require__","fallback","React","className","Button","isLoading","BlogInner","_ref","lang","context","useItemsProviderContext","state","_context$state","items","pagination","handleChange","actions","_useTranslation","useTranslation","t","i18n","langString","capitalizeFirstLetter","language","map","item","index","pageInfo","getPageInfo","LinkWithLang","to","concat","dangerouslySetInnerHTML","__html","shortBody","total","defaultCurrent","current","onChange","page","Blog","_useTranslation2","location","useLocation","Lang","defCurrent","parseQuery","search","SimpleBreadCrumbs","title","ServerPageProvider","path","inner","serverPage","_serverPage$items","_serverPage$items2","ItemsProvider","list","pageSize","count","type","loadRequest","filters","withRows","withHandleUrl","pageInSearch","transformFiltersBeforeHandleUrl","_objectSpread","defaultTransformFiltersBeforeHandleUrl"],"sourceRoot":""}