{"version":3,"sources":["webpack:///./src/pages/enter-reference-id/index.js","webpack:///./src/pages/enter-reference-id/Illustration.svg"],"names":["_StyledImg","_styled","withConfig","displayName","componentId","p","_css","SubmitInsurancePage","props","state","useStore","handleSubmit","useFetchBorrower","React","createElement","Layout","Helmet","name","content","Formik","initialValues","_objectSpread","refId","form","onSubmit","validationSchema","Yup","shape","required","Form","noValidate","AppLayout","leftSide","Fragment","Paragraph","mb","typeStyle","textAlign","color","H1","className","Span","fontWeight","FormGroup","id","mt","focusStyleTest","Label","hint","LinkAnchor","to","tabIndex","P","visible","InputGroup","Input","pattern","rightSide","src","illustration","alt","css","display","mx","footerButtons","Box","NextButton","ml","formikProps","module","exports"],"mappings":"o1BAqBwD,IAAAA,EAAAC,kBAAA,OAAAC,WAAA,CAAAC,YAAA,iCAAAC,YAAA,YAAAH,CAAA,kBAAAI,GAAA,OAAAA,EAAAC,QA2HzCC,UAzHa,SAAAC,GAC1B,IAAQC,EAAUC,cAAVD,MACAE,EAAiBC,YACvB,yCADMD,aAIR,OACEE,IAAAC,cAACC,IAAM,KACLF,IAAAC,cAACE,IAAM,KACLH,IAAAC,cAAA,aAAO,uBACPD,IAAAC,cAAA,QACEG,KAAK,cACLC,QAAQ,+IAGZL,IAAAC,cAACK,SAAM,CACLC,cAAaC,EAAA,CACXC,MAAO,IACJb,EAAMc,MAEXC,SAAUb,EACVc,iBAAkBC,MAAaC,MAAM,CACnCL,MAAOI,MAAaE,SAAS,0CAG9B,SAAApB,GAAK,OACJK,IAAAC,cAAA,YACED,IAAAC,cAACe,OAAI,CAACC,YAAU,GACdjB,IAAAC,cAACiB,IAAS,CACRC,SAEEnB,IAAAC,cAAAD,IAAAoB,SAAA,KACEpB,IAAAC,cAACoB,YAAS,CACRC,GAAI,EACJC,UAAU,aACVC,UAAU,OACVC,MAAM,WACP,mBAGDzB,IAAAC,cAACyB,KAAE,CAACC,UAAU,KAAKJ,UAAU,MAAK,4BAGlCvB,IAAAC,cAACoB,YAAS,CACRE,UAAU,aACVC,UAAU,OACVC,MAAM,YACNH,GAAI,GACL,6FAGCtB,IAAAC,cAAA,WACAD,IAAAC,cAAA,WACAD,IAAAC,cAAC2B,OAAI,CAACC,WAAY,KAAK,SAAY,uEAIrC7B,IAAAC,cAAC6B,YAAS,CAACC,GAAG,QAAQhB,UAAQ,EAACiB,GAAI,GAAIC,gBAAc,GACnDjC,IAAAC,cAAC6B,YAAUI,MAAK,CACdC,KACEnC,IAAAC,cAACmC,IAAU,CACTL,GAAG,8BACHM,GAAG,oBACHC,SAAU,GAEVtC,IAAAC,cAACsC,IAAC,CACAjB,GAAI,EACJC,UAAU,UACVC,UAAU,QACVC,MAAM,QACP,sBAKLe,SAAO,GACR,gBAGDxC,IAAAC,cAAC6B,YAAUW,WAAU,CAACH,UAAW,GAC/BtC,IAAAC,cAAC6B,YAAUW,WAAWC,MAAK,CACzBJ,SAAU,EACVK,QAAQ,cAQlBC,UACE5C,IAAAC,cAAAd,EAAA,CACE0D,IAAKC,IACLC,IAAI,GAAEtD,KACDuD,YAAI,CACPC,QAAS,CAAC,OAAQ,KAAM,KAAM,SAC9BC,GAAI,WAIVC,cACEnD,IAAAC,cAACmD,MAAG,CAACH,QAAQ,QACXjD,IAAAC,cAACoD,IAAU,CACTf,SAAS,IACTgB,GAAG,OACHC,YAAa5D,EACboC,GAAG,4BACJ,0B,qBClIrByB,EAAOC,QAAU,IAA0B","file":"component---src-pages-enter-reference-id-index-js-694ae9826a96342be768.js","sourcesContent":["import React, { Fragment } from 'react'\r\nimport { Form, Formik } from 'formik'\r\nimport * as Yup from 'yup'\r\n\r\nimport { Helmet } from 'react-helmet'\r\nimport { css } from '@styled-system/css'\r\n\r\nimport {\r\n  Box,\r\n  FormGroup,\r\n  Paragraph,\r\n  P,\r\n  Span,\r\n  H1,\r\n  Button,\r\n  LoadingSpinner,\r\n} from '@allied-solutions/affinity'\r\n\r\nimport { useFetchBorrower, useStore } from '../../hooks'\r\nimport { AppLayout, Layout, NextButton } from '../../components'\r\nimport illustration from './Illustration.svg'\r\nimport { LinkAnchor } from '../../components/LinkAnchor'\r\n\r\nconst SubmitInsurancePage = props => {\r\n  const { state } = useStore()\r\n  const { handleSubmit } = useFetchBorrower(\r\n    '/enter-reference-id/confirm-identity/'\r\n  )\r\n\r\n  return (\r\n    <Layout>\r\n      <Helmet>\r\n        <title>Verify My Insurance</title>\r\n        <meta\r\n          name=\"description\"\r\n          content=\"Start the 5-minute insurance verification process on your own by entering your reference ID number from the letter or email you received.\"\r\n        />\r\n      </Helmet>\r\n      <Formik\r\n        initialValues={{\r\n          refId: '',\r\n          ...state.form,\r\n        }}\r\n        onSubmit={handleSubmit}\r\n        validationSchema={Yup.object().shape({\r\n          refId: Yup.string().required('Please enter a valid Reference ID.'),\r\n        })}\r\n      >\r\n        {props => (\r\n          <main>\r\n            <Form noValidate>\r\n              <AppLayout\r\n                leftSide={\r\n                  // <Box mt={[null, '3rem', null, null]}>\r\n                  <>\r\n                    <Paragraph\r\n                      mb={6}\r\n                      typeStyle=\"labelLarge\"\r\n                      textAlign=\"left\"\r\n                      color=\"gray600\"\r\n                    >\r\n                      Getting Started\r\n                    </Paragraph>\r\n                    <H1 className=\"h5\" typeStyle=\"h5\">\r\n                      Enter your reference ID.\r\n                    </H1>\r\n                    <Paragraph\r\n                      typeStyle=\"bodyMedium\"\r\n                      textAlign=\"left\"\r\n                      color=\"secondary\"\r\n                      mb={8}\r\n                    >\r\n                      Your reference ID can be found in the email or letter your\r\n                      financial institution sent you.\r\n                      <br />\r\n                      <br />\r\n                      <Span fontWeight={600}>Note:</Span> It will be helpful to\r\n                      have your insurance policy before you start.\r\n                    </Paragraph>\r\n\r\n                    <FormGroup id=\"refId\" required mt={18} focusStyleTest>\r\n                      <FormGroup.Label\r\n                        hint={\r\n                          <LinkAnchor\r\n                            id=\"EnterRefId__Button--noRefId\"\r\n                            to=\"/no-reference-id/\"\r\n                            tabIndex={1}\r\n                          >\r\n                            <P\r\n                              mb={0}\r\n                              typeStyle=\"caption\"\r\n                              textAlign=\"right\"\r\n                              color=\"info\"\r\n                            >\r\n                              Don't have an ID?\r\n                            </P>\r\n                          </LinkAnchor>\r\n                        }\r\n                        visible\r\n                      >\r\n                        Reference ID\r\n                      </FormGroup.Label>\r\n                      <FormGroup.InputGroup tabIndex={-1}>\r\n                        <FormGroup.InputGroup.Input\r\n                          tabIndex={0}\r\n                          pattern=\"[0-9]*\"\r\n                        />\r\n                      </FormGroup.InputGroup>\r\n                    </FormGroup>\r\n\r\n                    {/* </Box> */}\r\n                  </>\r\n                }\r\n                rightSide={\r\n                  <img\r\n                    src={illustration}\r\n                    alt=\"\"\r\n                    css={css({\r\n                      display: ['none', null, null, 'block'],\r\n                      mx: 'auto',\r\n                    })}\r\n                  />\r\n                }\r\n                footerButtons={\r\n                  <Box display=\"flex\">\r\n                    <NextButton\r\n                      tabIndex=\"0\"\r\n                      ml=\"auto\"\r\n                      formikProps={props}\r\n                      id=\"EnterRefId__Button--next\"\r\n                    >\r\n                      Get Started\r\n                    </NextButton>\r\n                  </Box>\r\n                }\r\n              />\r\n            </Form>\r\n          </main>\r\n        )}\r\n      </Formik>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default SubmitInsurancePage\r\n","module.exports = __webpack_public_path__ + \"static/Illustration-5c20883ca4b3d4fc878f2f876daeddd5.svg\";"],"sourceRoot":""}