{"version":3,"sources":["webpack:///./src/Avensia.Common/Features/AppShell/Partials/AppShell.tsx"],"names":["Center","Object","_glitz_react__WEBPACK_IMPORTED_MODULE_2__","Shared_PageLayout__WEBPACK_IMPORTED_MODULE_4__","display","flexDirection","textAlign","justifyContent","Splash","Shared_Logotype__WEBPACK_IMPORTED_MODULE_5__","maxWidth","maxHeight","margin","x","y","color","Shared_Style__WEBPACK_IMPORTED_MODULE_6__","AppShell","_super","tslib__WEBPACK_IMPORTED_MODULE_0__","prototype","render","this","props","isLoading","loadFailure","status","react__WEBPACK_IMPORTED_MODULE_1___default","a","createElement","Error_Pages_PageNotFound__WEBPACK_IMPORTED_MODULE_7__","appearance","Narrow","navigator","onLine","_avensia_scope__WEBPACK_IMPORTED_MODULE_3__","Component"],"mappings":"2KAYMA,EAASC,OAAAC,EAAA,EAAAD,CAAOE,EAAA,GACpBC,QAAS,OACTC,cAAe,SACfC,UAAW,SACXC,eAAgB,WAGZC,EAASP,OAAAC,EAAA,EAAAD,CAAOA,OAAAC,EAAA,EAAAD,CAAeQ,EAAA,IACnCL,QAAS,QACTM,SAAU,QACVC,UAAW,QACXC,QAAUC,EAAG,OAAQC,EAAG,QACxBC,MAAOC,EAAA,IAOTC,EAAA,SAAAC,GAAA,SAAAD,mDAwBA,OAxBsCE,EAAA,EAAAF,EAAAC,GACpCD,EAAAG,UAAAC,OAAA,WACE,OAAQC,KAAKC,MAAMC,WAAaF,KAAKC,MAAME,aAAiD,MAAlCH,KAAKC,MAAME,YAAYC,OAC/EC,EAAAC,EAAAC,cAACC,EAAA,QAAY,MAEbH,EAAAC,EAAAC,cAAC7B,GAAO+B,WAAY5B,EAAA,EAAe6B,QAChCV,KAAKC,MAAMC,UACVG,EAAAC,EAAAC,cAAC1B,EAAA,EAAI,KACHwB,EAAAC,EAAAC,cAACrB,EAAM,OAENyB,UAAUC,OAMbP,EAAAC,EAAAC,cAAC1B,EAAA,EAAO,KACNwB,EAAAC,EAAAC,cAAA,UAAK5B,OAAAkC,EAAA,EAAAlC,CAAU,qCACf0B,EAAAC,EAAAC,cAAA,SAAI5B,OAAAkC,EAAA,EAAAlC,CAAU,oCAPhB0B,EAAAC,EAAAC,cAAC1B,EAAA,EAAO,KACNwB,EAAAC,EAAAC,cAAA,UAAK5B,OAAAkC,EAAA,EAAAlC,CAAU,0BACf0B,EAAAC,EAAAC,cAAA,SAAI5B,OAAAkC,EAAA,EAAAlC,CAAU,2BAW1BgB,EAxBA,CAAsCU,EAAAC,EAAMQ","file":"assets/appshell.chunk.2aae9fd5ef4ab87d7b06.js","sourcesContent":["/**\r\n * @ComponentFor AppShellViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled, applyClassName } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport { Main, Part, Section, Appearance as PageAppearance } from 'Shared/PageLayout';\r\nimport Logotype from 'Shared/Logotype';\r\nimport { PageType } from 'Shared/State';\r\nimport * as style from 'Shared/Style';\r\nimport PageNotFound from 'Error/Pages/PageNotFound';\r\n\r\nconst Center = styled(Main, {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  textAlign: 'center',\r\n  justifyContent: 'center',\r\n});\r\n\r\nconst Splash = styled(applyClassName(Logotype), {\r\n  display: 'block',\r\n  maxWidth: '20rem',\r\n  maxHeight: '10rem',\r\n  margin: { x: 'auto', y: 'auto' },\r\n  color: style.monochrome,\r\n});\r\n\r\n// This component is rendered when the visitor has a service worker enabled browser\r\n// and she is making a full page load for a url that we don't have in the local cache.\r\n// So the app shell (header and footer) will be rendered and this component gets\r\n// rendered during the time we load the page she wanted.\r\nexport default class AppShell extends React.Component<PageType> {\r\n  render() {\r\n    return !this.props.isLoading && this.props.loadFailure && this.props.loadFailure.status === 404 ? (\r\n      <PageNotFound />\r\n    ) : (\r\n      <Center appearance={PageAppearance.Narrow}>\r\n        {this.props.isLoading ? (\r\n          <Part>\r\n            <Splash />\r\n          </Part>\r\n        ) : !navigator.onLine ? (\r\n          <Section>\r\n            <h1>{translate('/Errors/OfflineHeader')}</h1>\r\n            <p>{translate('/Errors/OfflineText')}</p>\r\n          </Section>\r\n        ) : (\r\n          <Section>\r\n            <h1>{translate('/Errors/UnknownLoadFailureHeader')}</h1>\r\n            <p>{translate('/Errors/UnknownLoadFailureText')}</p>\r\n          </Section>\r\n        )}\r\n      </Center>\r\n    );\r\n  }\r\n}\r\n"],"sourceRoot":""}