{"version":3,"file":"chunks/BlogPage.chunk.a90cc62734aad9323007.js","mappings":"kOAgGO,I,2sBChFP,IAqFA,EArFuB,WACtB,IAAMA,GAAWC,EAAAA,EAAAA,eAGXC,IADSC,EAAAA,EAAAA,GAAWH,EAASI,QACRC,MAAQ,EAC7BC,GAAUC,EAAAA,EAAAA,cAEVC,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,IDhC8B4B,ECgCxBC,EAAO7B,EAAK8B,QAASC,EAAAA,EAAAA,IAAY/B,GAEvC,OAAO,uBAAKK,UAAU,mBAAmB2B,IAAKhC,EAAKuB,IAClD,gBAAC,EAAAb,KAAD,CAAMC,GAAE,WAAMX,EAAKiC,UAAY5B,UAAU,QACxC,sBAAIA,UAAU,gBAAe6B,EAAAA,EAAAA,IAAiBlC,KAE9CA,EAAKmC,QACL,uBACC9B,UAAU,kBACVC,MAAO,CAAE8B,iBDzCkBR,ECyCgB,WAAD,OAAY5B,EAAKmC,QDxCzE,eAAeP,aAAf,EAAeA,EAAOS,QAAQ,KAAM,KAApC,UC2CY,uBAAKhC,UAAU,gBAAgBiC,wBAAyB,CAAEC,OAAQV,EAAOA,EAAKW,UAAY,MAC1F,0BACCpB,KAAK,SACLf,UAAU,2BACVoC,QAAS,kBAAM9C,EAAQ+C,KAAR,WAAiB1C,EAAKiC,UAA5B,GAHV,aAQD,GAED,uBAAK5B,UAAU,eACd,gBAACsC,EAAA,EAAD,CAAgBtC,UAAU,qCAA1B,kBAtDA,IAkEP,gBAAC,EAAAuC,SAAD,CAAUjC,GAAG,MAGjB,C","sources":["webpack://SMAesthetics/./common/typescript/Utils.ts","webpack://SMAesthetics/./ClientApp/components/Pages/Blog/Blog.tsx"],"sourcesContent":["export const dateFormat = function (\r\n\tdate: number | null | undefined,\r\n\tparams: Intl.DateTimeFormatOptions = { year: 'numeric', month:'2-digit', day: '2-digit' },\r\n\tlocale: string = 'en-US'\r\n): string {\r\n\tif (date === null || date === undefined) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tconst d: Date = new Date(date);\r\n\r\n\treturn d.toLocaleDateString(locale, params);\r\n};\r\n\r\nexport const dateTimeFormat = function (\r\n\tdate: number | null | undefined,\r\n\tparams: Intl.DateTimeFormatOptions = { hour:'2-digit', minute: '2-digit' },\r\n\tlocale: string = 'en-US'\r\n): string {\r\n\tif (date === null || date === undefined) {\r\n\t\treturn '';\r\n\t}\r\n\r\n\tconst d: Date = new Date(date);\r\n\r\n\treturn d.toLocaleTimeString(locale, params);\r\n};\r\n\r\nexport const getBackgroundUrl = function (image: string) {\r\n\treturn `url(\"${image?.replace('\\\\', '/')}\")`;\r\n};\r\n\r\nfunction transliterate(str: string): string {\r\n\t// tslint:disable-next-line:max-line-length\r\n\tlet newString = str.toLowerCase();\r\n\r\n\tconst from = 'ãàáäâẽèéëêìíïîõòóöôùúüûñç'.split('');\r\n\tconst to   = 'aaaaaeeeeeiiiiooooouuuunc'.split('');\r\n\r\n\tfrom.forEach((char, index) => {\r\n\t\tnewString = newString.replace(new RegExp(char, 'g'), to[index]);\r\n\t});\r\n\r\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(' ');\r\n\tlet result = '';\r\n\tfor (let i = 0; i < newString.length; ++i) {\r\n\t\tconst cc = newString.charCodeAt(i);\r\n\t\tresult += (cc === 1025 ? 'E' : (cc >= 1040 ? tr[cc - 1040] : newString[i]));\r\n\t}\r\n\treturn result;\r\n}\r\n\r\nexport const stringToUrl: (str: string, saveHyphen?: boolean) => string = (str, saveHyphen) => {\r\n\treturn transliterate(str)\r\n\t\t.replace(/[^0-9A-Za-z\\s-]+/g, '')\r\n\t\t.replace(/\\s/g, '-')\r\n\t\t.replace('\\'', '')\r\n\t\t.replace(/-/g, saveHyphen ? '-' : '')\r\n\t\t.replace(/&/, '')\r\n\t\t.toLowerCase();\r\n};\r\n\r\nexport function debounce<F extends Function>(func: F, wait: number):F {\r\n\tlet timeoutID: number;\r\n\tlet time = wait;\r\n\r\n\tNumber.isFinite = Number.isFinite || function (value) {\r\n\t\treturn typeof value === 'number' && isFinite(value);\r\n\t};\r\n\r\n\tNumber.isInteger = Number.isInteger || function (value) {\r\n\t\treturn typeof value === 'number'\r\n\t\t\t&& Number.isFinite(value)\r\n\t\t\t&& !(value % 1);\r\n\t};\r\n\r\n\tif (!Number.isInteger(time)) {\r\n\t\tconsole.log('Called debounce without a valid number');\r\n\t\ttime = 300;\r\n\t}\r\n\r\n\t// conversion through any necessary as it wont satisfy criteria otherwise\r\n\treturn <F><any>function (this:any, ...args: any[]) {\r\n\t\tclearTimeout(timeoutID);\r\n\t\tconst self = this;\r\n\r\n\t\ttimeoutID = window.setTimeout(() => {\r\n\t\t\tfunc.apply(self, args);\r\n\t\t}, time);\r\n\t};\r\n}\r\n\r\nexport function equal(a, b) {\r\n\treturn JSON.stringify(a) === JSON.stringify(b);\r\n}\r\n\r\nexport const replaceExceptNumber = (str: string) => str.replace(/\\D/g, '');","import * as React from 'react';\r\nimport {\r\n\tLink, Redirect, useHistory, useLocation,\r\n} from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport { parseQuery } from '@common/typescript/utils/url';\r\nimport { defaultTransformFiltersBeforeHandleUrl, ItemsProvider } from '@common/react/components/Core/ItemsProvider/ItemsProvider';\r\nimport ServerPageProvider from '@common/react/components/Core/ServerPageProvider/ServerPageProvider';\r\nimport { getBackgroundUrl } from '@common/typescript/Utils';\r\nimport LoadMoreButton from '@common/react/components/Core/ItemsProvider/LoadMoreButton';\r\n\r\nimport { getPageInfo, getPageShortName, Page } from '@app/objects/Page';\r\nimport { ApplicationState } from '@app/store';\r\nimport '@app/scss/pages/blog.scss';\r\n\r\nconst Blog: React.FC = () => {\r\n\tconst location = useLocation();\r\n\r\n\tconst search = parseQuery(location.search);\r\n\tconst defCurrent = +search.page || 1;\r\n\tconst history = useHistory();\r\n\r\n\tconst blogPageId = useSelector((state: ApplicationState) => state.blogPageId.item);\r\n\r\n\treturn <>\r\n\t\t{blogPageId > 0\r\n\t\t\t? (\r\n\t\t\t\t<ServerPageProvider\r\n\t\t\t\t\tpath=\"blog\"\r\n\t\t\t\t\tinner={(serverPage) => (\r\n\t\t\t\t\t\t<main>\r\n\t\t\t\t\t\t\t<div className=\"content-block\">\r\n\t\t\t\t\t\t\t\t<div className=\"extra-text-block\" style={{ margin: 0, padding: 0, marginTop: '32px' }}>\r\n\t\t\t\t\t\t\t\t\t<div className=\"clearfix\">\r\n\t\t\t\t\t\t\t\t\t\t<ol className=\"breadcrumb pull-left\">\r\n\t\t\t\t\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t<Link to=\"/\">Home</Link>\r\n\t\t\t\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t\t\t\t\t<li className=\"active\">Blog</li>\r\n\t\t\t\t\t\t\t\t\t\t</ol>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<h2>\r\n\t\t\t\t\t\t\t\t\t\tBlog\r\n\t\t\t\t\t\t\t\t\t</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<div className=\"\">\r\n\t\t\t\t\t\t\t\t\t<div className=\"sub-pages row\">\r\n\t\t\t\t\t\t\t\t\t\t<ItemsProvider<Page>\r\n\t\t\t\t\t\t\t\t\t\t\titems={serverPage?.items?.list}\r\n\t\t\t\t\t\t\t\t\t\t\tpagination={{ current: defCurrent, pageSize: 10, total: serverPage?.items?.count }}\r\n\t\t\t\t\t\t\t\t\t\t\ttype=\"blog\"\r\n\t\t\t\t\t\t\t\t\t\t\tloadRequest=\"blogArticlesViewListRemote\"\r\n\t\t\t\t\t\t\t\t\t\t\tfilters={{ page: defCurrent, id: blogPageId }}\r\n\t\t\t\t\t\t\t\t\t\t\tpageInSearch\r\n\t\t\t\t\t\t\t\t\t\t\ttransformFiltersBeforeHandleUrl={(filters) => ({\r\n\t\t\t\t\t\t\t\t\t\t\t\t...defaultTransformFiltersBeforeHandleUrl(filters),\r\n\t\t\t\t\t\t\t\t\t\t\t\tpage: filters.page || 1,\r\n\t\t\t\t\t\t\t\t\t\t\t})}\r\n\t\t\t\t\t\t\t\t\t\t\trender={(item) => {\r\n\t\t\t\t\t\t\t\t\t\t\t\tconst info = item.langs && getPageInfo(item);\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\treturn <div className=\"article clearfix\" key={item.id}>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Link to={`/${item.fullPath}`} className=\"post\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 className=\"post__title\">{getPageShortName(item)}</h3>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</Link>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t{item.avatar && (\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"sub-page__image\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ backgroundImage: getBackgroundUrl(`/remote/${item.avatar}`) }}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"external-html\" dangerouslySetInnerHTML={{ __html: info ? info.shortBody : '' }} />\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"article__link pull-right\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => history.push(`/${item.fullPath}`)}\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tRead more\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\r\n\t\t\t\t\t\t\t\t\t\t\t\t</div>;\r\n\t\t\t\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"text-center\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<LoadMoreButton className=\"more-button more-button__big mb10\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tLoad More\r\n\t\t\t\t\t\t\t\t\t\t\t\t</LoadMoreButton>\r\n\t\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t</ItemsProvider>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</main>\r\n\t\t\t\t\t)}\r\n\t\t\t\t/>\r\n\t\t\t)\r\n\t\t\t: <Redirect to=\"/\" />\r\n\t\t}\r\n\t</>;\r\n};\r\n\r\nexport default Blog;\r\n"],"names":["location","useLocation","defCurrent","parseQuery","search","page","history","useHistory","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","push","LoadMoreButton","Redirect"],"sourceRoot":""}