{"version":3,"file":"chunks/BlogPage.chunk.762152585813afa235f7.js","mappings":"66BAmBA,IAqFA,EArFuB,WACtB,IAAMA,GAAWC,EAAAA,EAAAA,eAGXC,IADSC,EAAAA,EAAAA,GAAWH,EAASI,QACRC,MAAQ,EAC7BC,GAAWC,EAAAA,EAAAA,eAEXC,GAAaC,EAAAA,EAAAA,cAAY,SAACC,GAAD,OAA6BA,EAAMF,WAAWG,IAA9C,IAE/B,OAAO,gCACLH,EAAa,EAEZ,gBAACI,EAAA,GAAD,CACCC,KAAK,OACLC,MAAO,SAACC,GAAD,eACN,4BACC,uBAAKC,UAAU,iBACd,uBAAKA,UAAU,mBAAmBC,MAAO,CAAEC,OAAQ,EAAGC,QAAS,EAAGC,UAAW,SAC5E,uBAAKJ,UAAU,YACd,sBAAIA,UAAU,wBACb,0BACC,gBAAC,EAAAK,KAAD,CAAMC,GAAG,KAAT,SAED,sBAAIN,UAAU,UAAd,UAGF,mCAID,uBAAKA,UAAU,IACd,uBAAKA,UAAU,iBACd,gBAACO,EAAA,GAAD,CACCC,MAAOT,SAAF,UAAEA,EAAYS,aAAd,aAAE,EAAmBC,KAC1BC,WAAY,CAAEC,QAASzB,EAAY0B,SAAU,GAAIC,MAAOd,SAAF,UAAEA,EAAYS,aAAd,aAAE,EAAmBM,OAC3EC,KAAK,OACLC,YAAY,6BACZC,QAAS,CAAE5B,KAAMH,EAAYgC,GAAI1B,GACjC2B,cAAY,EACZC,gCAAiC,SAACH,GAAD,eAC7BI,EAAAA,EAAAA,IAAuCJ,IADV,IAEhC5B,KAAM4B,EAAQ5B,MAAQ,GAFU,EAIjCiC,OAAQ,SAAC3B,GACR,ICnCqB4B,EDmCfC,EAAO7B,EAAK8B,QAASC,EAAAA,EAAAA,GAAY/B,GAEvC,OAAO,uBAAKK,UAAU,mBAAmB2B,IAAKhC,EAAKuB,IAClD,gBAAC,EAAAb,KAAD,CAAMC,GAAE,WAAMX,EAAKiC,UAAY5B,UAAU,QACxC,sBAAIA,UAAU,gBAAe6B,EAAAA,EAAAA,GAAiBlC,KAE9CA,EAAKmC,QACL,uBACC9B,UAAU,kBACVC,MAAO,CAAE8B,iBC5CSR,ED4CyB,WAAD,OAAY5B,EAAKmC,QC3CzE,eAAeP,aAAf,EAAeA,EAAOS,QAAQ,KAAM,KAApC,UD8CY,uBAAKhC,UAAU,gBAAgBiC,wBAAyB,CAAEC,OAAQV,EAAOA,EAAKW,UAAY,MAC1F,0BACCpB,KAAK,SACLf,UAAU,2BACVoC,QAAS,kBAAM9C,EAAS,IAAD,OAAKK,EAAKiC,UAAxB,GAHV,aAQD,GAED,uBAAK5B,UAAU,eACd,gBAACqC,EAAA,EAAD,CAAgBrC,UAAU,qCAA1B,kBAtDA,IAkEP,gBAAC,EAAAsC,SAAD,CAAUhC,GAAG,MAGjB,C","sources":["webpack://SMAesthetics/./ClientApp/components/Pages/Blog/Blog.tsx","webpack://SMAesthetics/./common/typescript/Utils.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n\tLink, Navigate, useNavigate, useLocation,\n} from 'react-router-dom';\nimport { useSelector } from 'react-redux';\n\nimport { parseQuery } from '@common/typescript/utils/url';\nimport { defaultTransformFiltersBeforeHandleUrl, ItemsProvider } from '@common/react/components/Core/ItemsProvider/ItemsProvider';\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\nimport { getBackgroundUrl } from '@common/typescript/Utils';\nimport LoadMoreButton from '@common/react/components/Core/ItemsProvider/LoadMoreButton';\n\nimport { Page } from '@commonTuna/react/objects/Page';\n\nimport { getPageInfo, getPageShortName } from '@app/components/Utils';\nimport { ApplicationState } from '@app/store';\n\nimport '@app/scss/pages/blog.scss';\n\nconst Blog: React.FC = () => {\n\tconst location = useLocation();\n\n\tconst search = parseQuery(location.search);\n\tconst defCurrent = +search.page || 1;\n\tconst navigate = useNavigate();\n\n\tconst blogPageId = useSelector((state: ApplicationState) => state.blogPageId.item);\n\n\treturn <>\n\t\t{blogPageId > 0\n\t\t\t? (\n\t\t\t\t<ServerPageProvider\n\t\t\t\t\tpath=\"blog\"\n\t\t\t\t\tinner={(serverPage) => (\n\t\t\t\t\t\t<main>\n\t\t\t\t\t\t\t<div className=\"content-block\">\n\t\t\t\t\t\t\t\t<div className=\"extra-text-block\" style={{ margin: 0, padding: 0, marginTop: '32px' }}>\n\t\t\t\t\t\t\t\t\t<div className=\"clearfix\">\n\t\t\t\t\t\t\t\t\t\t<ol className=\"breadcrumb pull-left\">\n\t\t\t\t\t\t\t\t\t\t\t<li>\n\t\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/\">Home</Link>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t\t<li className=\"active\">Blog</li>\n\t\t\t\t\t\t\t\t\t\t</ol>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<h2>\n\t\t\t\t\t\t\t\t\t\tBlog\n\t\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div className=\"\">\n\t\t\t\t\t\t\t\t\t<div className=\"sub-pages row\">\n\t\t\t\t\t\t\t\t\t\t<ItemsProvider<Page>\n\t\t\t\t\t\t\t\t\t\t\titems={serverPage?.items?.list}\n\t\t\t\t\t\t\t\t\t\t\tpagination={{ current: defCurrent, pageSize: 10, total: serverPage?.items?.count }}\n\t\t\t\t\t\t\t\t\t\t\ttype=\"blog\"\n\t\t\t\t\t\t\t\t\t\t\tloadRequest=\"blogArticlesViewListRemote\"\n\t\t\t\t\t\t\t\t\t\t\tfilters={{ page: defCurrent, id: blogPageId }}\n\t\t\t\t\t\t\t\t\t\t\tpageInSearch\n\t\t\t\t\t\t\t\t\t\t\ttransformFiltersBeforeHandleUrl={(filters) => ({\n\t\t\t\t\t\t\t\t\t\t\t\t...defaultTransformFiltersBeforeHandleUrl(filters),\n\t\t\t\t\t\t\t\t\t\t\t\tpage: filters.page || 1,\n\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\trender={(item) => {\n\t\t\t\t\t\t\t\t\t\t\t\tconst info = item.langs && getPageInfo(item);\n\n\t\t\t\t\t\t\t\t\t\t\t\treturn <div className=\"article clearfix\" key={item.id}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Link to={`/${item.fullPath}`} className=\"post\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 className=\"post__title\">{getPageShortName(item)}</h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.avatar && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"sub-page__image\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundImage: getBackgroundUrl(`/remote/${item.avatar}`) }}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"external-html\" dangerouslySetInnerHTML={{ __html: info ? info.shortBody : '' }} />\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"article__link pull-right\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => navigate(`/${item.fullPath}`)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tRead more\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>;\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-center\">\n\t\t\t\t\t\t\t\t\t\t\t\t<LoadMoreButton className=\"more-button more-button__big mb10\">\n\t\t\t\t\t\t\t\t\t\t\t\t\tLoad More\n\t\t\t\t\t\t\t\t\t\t\t\t</LoadMoreButton>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</ItemsProvider>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</main>\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t)\n\t\t\t: <Navigate to=\"/\" />\n\t\t}\n\t</>;\n};\n\nexport default Blog;\n","export const dateFormat = (\n\tdate: number | null | undefined,\n\tparams: Intl.DateTimeFormatOptions = { year: 'numeric', month: '2-digit', day: '2-digit' },\n\tlocale: string = 'en-US',\n): string => {\n\tif (date === null || date === undefined) {\n\t\treturn '';\n\t}\n\n\tconst d: Date = new Date(date);\n\n\treturn d.toLocaleDateString(locale, params);\n};\n\nexport const dateTimeFormat = (\n\tdate: number | null | undefined,\n\tparams: Intl.DateTimeFormatOptions = { hour: '2-digit', minute: '2-digit' },\n\tlocale: string = 'en-US',\n): string => {\n\tif (date === null || date === undefined) {\n\t\treturn '';\n\t}\n\n\tconst d: Date = new Date(date);\n\n\treturn d.toLocaleTimeString(locale, params);\n};\n\nexport const getBackgroundUrl = (image: string) => {\n\treturn `url(\"${image?.replace('\\\\', '/')}\")`;\n};\n\nconst transliterate = (str: string): string => {\n\t// tslint:disable-next-line:max-line-length\n\tlet newString = str.toLowerCase();\n\n\tconst from = 'ãàáäâẽèéëêìíïîõòóöôùúüûñç'.split('');\n\tconst to = 'aaaaaeeeeeiiiiooooouuuunc'.split('');\n\n\tfrom.forEach((char, index) => {\n\t\tnewString = newString.replace(new RegExp(char, 'g'), to[index]);\n\t});\n\n\t// eslint-disable-next-line max-len\n\tconst tr = 'A B V G D E ZH Z I Y K L M N O P R S T U F H C CH SH SCH  Y  E YU YA a b v g d e zh z i y k l m n o p r s t u f h c ch sh sch  y  e yu ya e e'.split(' ');\n\tlet result = '';\n\tfor (let i = 0; i < newString.length; ++i) {\n\t\tconst cc = newString.charCodeAt(i);\n\t\tresult += (cc === 1025 ? 'E' : (cc >= 1040 ? tr[cc - 1040] : newString[i]));\n\t}\n\treturn result;\n};\n\nexport const stringToUrl: (str: string, saveHyphen?: boolean) => string = (str, saveHyphen) => {\n\treturn transliterate(str)\n\t\t.replace(/[^0-9A-Za-z\\s-]+/g, '')\n\t\t.replace(/\\s/g, '-')\n\t\t.replace('\\'', '')\n\t\t.replace(/-/g, saveHyphen ? '-' : '')\n\t\t.replace(/&/, '')\n\t\t.toLowerCase();\n};\n\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport const debounce = <F extends Function>(func: F, wait: number):F => {\n\tlet timeoutID: number;\n\tlet time = wait;\n\n\tNumber.isFinite = Number.isFinite || ((value) => {\n\t\treturn typeof value === 'number' && isFinite(value);\n\t});\n\n\tNumber.isInteger = Number.isInteger || ((value) => {\n\t\treturn typeof value === 'number'\n\t\t\t&& Number.isFinite(value)\n\t\t\t&& !(value % 1);\n\t});\n\n\tif (!Number.isInteger(time)) {\n\t\tconsole.log('Called debounce without a valid number');\n\t\ttime = 300;\n\t}\n\n\t// conversion through any necessary as it wont satisfy criteria otherwise\n\treturn <F><any> function (this:any, ...args: Array<any>) {\n\t\tclearTimeout(timeoutID);\n\t\t// eslint-disable-next-line @typescript-eslint/no-this-alias\n\t\tconst self = this;\n\n\t\ttimeoutID = window.setTimeout(() => {\n\t\t\tfunc.apply(self, args);\n\t\t}, time);\n\t};\n};\n\nexport const equal = (a, b) => {\n\treturn JSON.stringify(a) === JSON.stringify(b);\n};\n\nexport const replaceExceptNumber = (str: string) => str.replace(/\\D/g, '');\n"],"names":["location","useLocation","defCurrent","parseQuery","search","page","navigate","useNavigate","blogPageId","useSelector","state","item","ServerPageProvider","path","inner","serverPage","className","style","margin","padding","marginTop","Link","to","ItemsProvider","items","list","pagination","current","pageSize","total","count","type","loadRequest","filters","id","pageInSearch","transformFiltersBeforeHandleUrl","defaultTransformFiltersBeforeHandleUrl","render","image","info","langs","getPageInfo","key","fullPath","getPageShortName","avatar","backgroundImage","replace","dangerouslySetInnerHTML","__html","shortBody","onClick","LoadMoreButton","Navigate"],"sourceRoot":""}