{"version":3,"sources":["assets/images/homepage-banner.jpg","components/SignInForm/SignInForm.tsx","pages/HomePage/HomePage.tsx"],"names":["withWidth","width","returnUrl","window","location","protocol","host","ROUTES","PIN_SELECTION","loginUrl","AUTH_ROUTES","Login","QueryParameterNames","ReturnUrl","encodeURI","container","alignItems","justify","isWidthUp","item","xs","sm","md","type","color","gutterBottom","Box","mt","component","RouterLink","to","useStyles","makeStyles","theme","bg","breakpoints","up","background","COLORS","subtleBackground","phoneImage","backgroundSize","HomePage","classes","dispatch","useDispatch","useState","serviceCentres","setServiceCentres","useEffect","fetchContractServiceCentres","then","catch","className"],"mappings":"iKAAe,MAA0B,4C,iDC8B1BA,iBAvB+B,SAAH,GAA0B,IAAD,IAAnBC,aAAK,MAAG,KAAI,EACrDC,EAAS,UAAMC,OAAOC,SAASC,SAAQ,aAAKF,OAAOC,SAASE,MAAI,OAAGC,IAAOC,eAC1EC,EAAQ,UAAMC,IAAYC,MAAK,YAAIC,KAAoBC,UAAS,YAAIC,UAAUZ,IAEpF,OACE,cAAC,KAAU,CAACa,WAAS,EAACC,WAAW,SAASC,QAASC,YAAU,KAAMjB,GAAS,aAAe,SAAS,SAClG,eAAC,KAAU,CAACkB,MAAI,EAACC,GAAI,GAAIC,GAAI,EAAGC,GAAI,EAAE,UACpC,cAAC,KAAQ,CAACC,KAAK,QAAQC,MAAM,YAAYC,cAAY,iCAGrD,cAAC,IAAQ,CAACF,KAAK,QAAQC,MAAM,YAAYC,cAAY,kDAGrD,cAACC,EAAA,EAAG,CAACC,GAAI,EAAE,SACT,cAAC,KAAY,CAACC,UAAWC,IAAYC,GAAIrB,EAAS,2BAO5D,I,eCdMsB,EAAYC,aAAW,SAACC,GAAK,MAAM,CACvCC,GAAG,eACAD,EAAME,YAAYC,GAAG,MAAQ,CAC5BC,WAAW,GAAD,OAAKC,IAAOC,iBAAgB,gBAAQC,EAAU,kBACxDC,eAAgB,UAGrB,IA2BcC,UAzBY,WACzB,IAAMC,EAAUZ,IACVa,EAAWC,cACjB,EAA4CC,mBAA2B,IAAG,mBAAnEC,EAAc,KAAEC,EAAiB,KAUxC,OARAC,qBAAU,WACRL,EAAcM,gBACXC,KAAKH,GACLI,OAAM,WACL,GAEN,GAAG,CAACR,IAGF,eAAC,KAAI,WACH,cAAC,KAAc,CAACpB,MAAM,mBAAmB6B,UAAWV,EAAQT,GAAG,SAC7D,cAAC,EAAU,MAEb,cAAC,KAAc,UACb,cAAC,KAAc,CAACa,eAAgBA,QAIxC,C","file":"static/js/20.92f31101.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/homepage-banner.c2fcbb50.jpg\";","import { Box, isWidthUp, withWidth, WithWidthProps } from '@material-ui/core';\r\nimport { ROUTES } from 'constants/routes';\r\nimport { AUTH_ROUTES, BodyText, Headline, QueryParameterNames, StyledButton, StyledGrid } from 'millbrook-core';\r\nimport { Link as RouterLink } from 'react-router-dom';\r\n\r\ninterface SignInFormProps extends WithWidthProps {}\r\n\r\nconst SignInForm: React.FC<SignInFormProps> = ({ width = 'xs' }) => {\r\n  const returnUrl = `${window.location.protocol}//${window.location.host}${ROUTES.PIN_SELECTION}`;\r\n  const loginUrl = `${AUTH_ROUTES.Login}?${QueryParameterNames.ReturnUrl}=${encodeURI(returnUrl)}`;\r\n\r\n  return (\r\n    <StyledGrid container alignItems=\"center\" justify={isWidthUp('md', width) ? 'flex-start' : 'center'}>\r\n      <StyledGrid item xs={12} sm={8} md={5}>\r\n        <Headline type=\"large\" color=\"regalBlue\" gutterBottom>\r\n          Welcome to Portal\r\n        </Headline>\r\n        <BodyText type=\"large\" color=\"regalBlue\" gutterBottom>\r\n          Please login using the link below:\r\n        </BodyText>\r\n        <Box mt={3}>\r\n          <StyledButton component={RouterLink} to={loginUrl}>\r\n            Sign in\r\n          </StyledButton>\r\n        </Box>\r\n      </StyledGrid>\r\n    </StyledGrid>\r\n  );\r\n};\r\n\r\nexport default withWidth()(SignInForm);\r\n","import { makeStyles } from '@material-ui/core';\r\nimport phoneImage from 'assets/images/homepage-banner.jpg';\r\nimport SignInForm from 'components/SignInForm/SignInForm';\r\nimport {\r\n  COLORS,\r\n  fetchContractServiceCentres,\r\n  IServiceCentre,\r\n  Page,\r\n  ServiceCentres,\r\n  SpacingSection\r\n} from 'millbrook-core';\r\nimport { useEffect, useState } from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  bg: {\r\n    [theme.breakpoints.up('md')]: {\r\n      background: `${COLORS.subtleBackground} url(${phoneImage}) bottom right`,\r\n      backgroundSize: 'cover'\r\n    }\r\n  }\r\n}));\r\n\r\nconst HomePage: React.FC = () => {\r\n  const classes = useStyles();\r\n  const dispatch = useDispatch();\r\n  const [serviceCentres, setServiceCentres] = useState<IServiceCentre[]>([]);\r\n\r\n  useEffect(() => {\r\n    dispatch<any>(fetchContractServiceCentres())\r\n      .then(setServiceCentres)\r\n      .catch(() => {\r\n        // fail silently. Don't need to bother the user that it failed\r\n      });\r\n  }, [dispatch]);\r\n\r\n  return (\r\n    <Page>\r\n      <SpacingSection color=\"subtleBackground\" className={classes.bg}>\r\n        <SignInForm />\r\n      </SpacingSection>\r\n      <SpacingSection>\r\n        <ServiceCentres serviceCentres={serviceCentres} />\r\n      </SpacingSection>\r\n    </Page>\r\n  );\r\n};\r\n\r\nexport default HomePage;\r\n"],"sourceRoot":""}