{"version":3,"sources":["webpack:///./Avensia.Common/Features/AppShell/Partials/AppShell.tsx"],"names":["Center","display","flexDirection","textAlign","justifyContent","render","appearance","Narrow","this","props","isLoading","loadFailure","status","navigator","onLine","Component"],"mappings":"mJASMA,EAAS,YAAO,IAAM,CAC1BC,QAAS,OACTC,cAAe,SACfC,UAAW,SACXC,eAAgB,WAOlB,2B,+CAwBA,OAxBsC,iBACpC,YAAAC,OAAA,WACE,OACE,kBAACL,EAAM,CAACM,WAAY,IAAeC,SAC/BC,KAAKC,MAAMC,YACVF,KAAKC,MAAME,aAAiD,MAAlCH,KAAKC,MAAME,YAAYC,OAChD,kBAAC,IAAO,KACN,4BAAK,aAAU,+BACf,2BAAI,aAAU,8BAEbC,UAAUC,OAMb,kBAAC,IAAO,KACN,4BAAK,aAAU,qCACf,2BAAI,aAAU,oCAPhB,kBAAC,IAAO,KACN,4BAAK,aAAU,0BACf,2BAAI,aAAU,4BAW5B,EAxBA,CAAsC,IAAMC,W","file":"assets/42.chunk.7665270b8f35d4cc047c.js","sourcesContent":["/**\r\n * @ComponentFor AppShellViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled } from '@glitz/react';\r\nimport { translate } from '@avensia/scope';\r\nimport { Main, Section, Appearance as PageAppearance } from 'Shared/PageLayout';\r\nimport { PageType } from 'Shared/State';\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\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, void> {\r\n  render() {\r\n    return (\r\n      <Center appearance={PageAppearance.Narrow}>\r\n        {!this.props.isLoading &&\r\n          (this.props.loadFailure && this.props.loadFailure.status === 404 ? (\r\n            <Section>\r\n              <h1>{translate('/Errors/PageNotFoundHeader')}</h1>\r\n              <p>{translate('/Errors/PageNotFoundText')}</p>\r\n            </Section>\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":""}