{"version":3,"sources":["webpack:///./Avensia.Common/Features/Error/Pages/PageNotFound.tsx"],"names":["TopContentWrap","div","overflow","background","size","positionX","positionY","height","IntroWrap","margin","y","CenterContent","textAlign","state","pageNotFoundBlocks","appShellData","content","pageNotFoundIntro","pageNotFoundImage","props","epiContent","topMarginCompact","topMarginDesktop","isCompact","css","marginTop","image","url","FullWidth","className","alignItems","position","color","monochrome","white","fontSize","D96_M40","D20_M20","D32_M24","paddingTop","paddingBottom"],"mappings":"sPA4BMA,EAAiB,IAAOC,IAAI,CAChCC,SAAU,SACVC,WAAY,CACVC,KAAM,QACNC,UAAW,SACXC,UAAW,UAEbC,OAAQ,UAGJC,EAAY,IAAOP,MAAG,GAC1BQ,OAAQ,CAAEC,EAAG,UACZ,UAAY,KAAsB,CACjCD,OAAQ,CAAEC,EAAG,S,IAIXC,EAAgB,IAAOV,IAAI,CAC/BW,UAAW,WAuDE,uBACb,SAACC,GAA4B,OAC3BC,mBAAoBD,EAAME,aAAaC,QAAQF,mBAC/CG,kBAAmBJ,EAAME,aAAaC,QAAQC,kBAC9CC,kBAAmBL,EAAME,aAAaC,QAAQE,qBAJnC,EApDM,SAACC,GACpB,IAAMC,EAAaD,EAAML,mBACnBO,EAAmB,IAAqB,IAAgB,IACxDC,EAAmB,IAAwB,IAEjD,OACE,kBAAC,IAAQ,MACN,SAACC,G,MAAc,OACd,kBAAC,IAAI,KACDH,EAQA,oCACE,kBAACpB,EAAc,CACbwB,IAAK,CACHC,UAAWF,GAAaF,GAAoBC,EAC5CnB,WAAY,CACVuB,MAAO,YAA0C,QAAxB,EAACP,EAAMD,yBAAiB,eAAES,IAAK,IAAOC,cAInE,kBAAC,IAAQ,CAACC,UAAU,OAAOL,IAAG,aAAIjB,OAAQ,OAAQuB,WAAY,UAAcP,GAAa,CAAEQ,SAAU,cACnG,yBAAKF,UAAW,YAAkB,GAAI,GAAIN,EAAY,GAAK,YAA2B,GAAK,qBACzF,kBAACZ,EAAa,CAACkB,UAAW,YAAkB,GAAI,EAAG,YAA2B,KAC5E,kBAAC,IAAE,CAACL,IAAK,CAAEQ,MAAO,IAAaC,WAAWC,OAASC,SAAU,IAAeC,SAAO,OACnF,kBAAC,IAAS,CAACD,SAAU,IAAeE,SAAUlB,EAAMF,uBAK3DE,EAAMF,mBACL,kBAAC,IAAQ,CAACY,UAAU,QAClB,kBAACrB,EAAS,CAACqB,UAAW,YAAkB,GAAI,EAAG,YAA2B,KACxE,kBAAC,IAAS,CAACM,SAAU,IAAeG,SAAUnB,EAAMF,qBAI1D,kBAAC,IAAW,eAAKE,EAAML,sBAhCzB,kBAAC,IAAQ,CAACe,UAAU,OAAOL,IAAG,GAC5B,kBAACb,EAAa,CAACkB,UAAW,YAAkB,GAAI,KAC9C,kBAAC,IAAE,CAACM,SAAU,IAAeC,SAAO,OACpC,kBAAC,IAAS,CAACZ,IAAG,EAAyBW,SAAU,IAAeE,SAAU,aAAU,2C,MAHxD,CAAEE,WAAY,OAAQC,cAAe,Q,EAGjD,CAAEf,UAAW","file":"assets/45.chunk.82615e9f04288fadca1b.js","sourcesContent":["/**\r\n * @ComponentFor PageNotFoundViewModel\r\n */\r\nimport React from 'react';\r\nimport connect from 'Shared/connect';\r\nimport { translate } from '@polarnopyret/scope';\r\nimport { ContentArea } from '@polarnopyret/scope-episerver';\r\nimport Viewport from 'Shared/Viewport';\r\nimport Page from 'Shared/Page';\r\nimport { styled } from '@glitz/react';\r\nimport { HEIGHT as DESKTOP_HEADER_HEIGHT } from 'SiteLayout/Header/DesktopHeader';\r\nimport { BLACK_TOP_MOBILE_HEIGHT, BLACK_TOP_DESKTOP_HEIGHT } from 'SiteLayout/Header';\r\nimport { HEIGHT as MOBILE_HEIGHT } from 'SiteLayout/Header/MobileHeader';\r\nimport { QUICKSEARCH_HEIGHT } from 'Search/QuickSearch';\r\nimport { H1, Paragraph, ResponsiveSize } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport { setImageBackground, Preset } from 'Shared/image-background';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype ConnectStateType = {\r\n  pageNotFoundBlocks: Scope.ContentArea;\r\n  pageNotFoundIntro: string;\r\n  pageNotFoundImage: Scope.UrlViewModel;\r\n};\r\n\r\ntype PropType = {} & ConnectStateType;\r\n\r\nconst TopContentWrap = styled.div({\r\n  overflow: 'hidden',\r\n  background: {\r\n    size: 'cover',\r\n    positionX: 'center',\r\n    positionY: 'center',\r\n  },\r\n  height: '100vh',\r\n})\r\n\r\nconst IntroWrap = styled.div({\r\n  margin: { y: '40px', },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    margin: { y: '80px', },\r\n  },\r\n})\r\n\r\nconst CenterContent = styled.div({\r\n  textAlign: 'center',\r\n})\r\n\r\nconst PageNotFound = (props: PropType) => {\r\n  const epiContent = props.pageNotFoundBlocks;\r\n  const topMarginCompact = QUICKSEARCH_HEIGHT + MOBILE_HEIGHT + BLACK_TOP_MOBILE_HEIGHT;\r\n  const topMarginDesktop = DESKTOP_HEADER_HEIGHT + BLACK_TOP_DESKTOP_HEIGHT;\r\n\r\n  return (\r\n    <Viewport>\r\n      {(isCompact) => (\r\n        <Page>\r\n          {!epiContent ? (\r\n            <GridWrap className='grid' css={{ paddingTop: '48px', paddingBottom: '96px' }}>\r\n              <CenterContent className={createGridClasses(12, 12)}>\r\n                <H1 fontSize={ResponsiveSize.D96_M40}>404</H1>\r\n                <Paragraph css={{ marginTop: '24px' }} fontSize={ResponsiveSize.D20_M20}>{translate('/site/errors/pagenotfoundtext')}</Paragraph>\r\n              </CenterContent>\r\n            </GridWrap>\r\n          ) : (\r\n            <>\r\n              <TopContentWrap\r\n                css={{\r\n                  marginTop: isCompact ? -topMarginCompact : -topMarginDesktop,\r\n                  background: {\r\n                    image: setImageBackground(props.pageNotFoundImage?.url, Preset.FullWidth),\r\n                  },\r\n                }}\r\n              >\r\n                <GridWrap className='grid' css={{ height: '100%', alignItems: 'center', ...(isCompact && { position: 'relative' }) }}>\r\n                  <div className={createGridClasses(12, 10, isCompact ? '' : createOffsetGridClassLarge(2) + ' grid subgrid-10')}>\r\n                    <CenterContent className={createGridClasses(12, 8, createOffsetGridClassLarge(2))}>\r\n                      <H1 css={{ color: style.colors.monochrome.white }} fontSize={ResponsiveSize.D96_M40}>404</H1>\r\n                      <Paragraph fontSize={ResponsiveSize.D20_M20}>{props.pageNotFoundIntro}</Paragraph>\r\n                    </CenterContent>\r\n                  </div>\r\n                </GridWrap>\r\n              </TopContentWrap>\r\n              {props.pageNotFoundIntro && (\r\n                <GridWrap className='grid'>\r\n                  <IntroWrap className={createGridClasses(12, 8, createOffsetGridClassLarge(2))}>\r\n                    <Paragraph fontSize={ResponsiveSize.D32_M24}>{props.pageNotFoundIntro}</Paragraph>\r\n                  </IntroWrap>\r\n                </GridWrap>\r\n              )}\r\n              <ContentArea {...props.pageNotFoundBlocks} />\r\n            </>\r\n          )\r\n          }\r\n        </Page>\r\n      )}\r\n    </Viewport>\r\n  );\r\n}\r\n\r\nexport default connect(\r\n  (state): ConnectStateType => ({\r\n    pageNotFoundBlocks: state.appShellData.content.pageNotFoundBlocks,\r\n    pageNotFoundIntro: state.appShellData.content.pageNotFoundIntro,\r\n    pageNotFoundImage: state.appShellData.content.pageNotFoundImage,\r\n  }),\r\n)(PageNotFound);\r\n"],"sourceRoot":""}