{"version":3,"sources":["webpack:///./src/pages/submit-insurance/other/upload-documents.js"],"names":["_StyledH","_styled","H2","withConfig","displayName","componentId","p","_css","UploadDocuments","_ref","_state$form","_state$form2","_state$form2$files","location","_useStore","useStore","dispatch","state","pages","useSubmitInsuranceLogic","_useMustAttachLogic","useMustAttachLogic","handleSubmit","isValid","React","createElement","SubmitInsuranceLayout","onSubmit","AppLayout","leftSide","Fragment","Paragraph","mb","typeStyle","textAlign","color","H1","fontWeight","rightSide","InfoBox","className","css","pb","FileUploader","files","form","onChange","type","payload","_objectSpread","Control","id","accept","multiple","length","Box","P","mt","display","FilesList","Caption","footerButtons","alignItems","justifyContent","ProgressIndicator","currentPage","pathname","ButtonGroup","BackButton","NextButton","formikProps","isSubmitting"],"mappings":"6wBA0B4B,IAAAA,EAAAC,kBAAAC,MAAAC,WAAA,CAAAC,YAAA,6BAAAC,YAAA,YAAAJ,CAAA,kBAAAK,GAAA,OAAAA,EAAAC,QAkHbC,UAhHS,SAAHC,GAAsB,IAADC,EAAAC,EAAAC,EAAfC,EAAQJ,EAARI,SACzBC,EAA4BC,cAApBC,EAAQF,EAARE,SAAUC,EAAKH,EAALG,MACVC,EAAUC,YAAwBN,GAAlCK,MAERE,EAAkCC,YAAmBR,GAA7CS,EAAYF,EAAZE,aAAcC,EAAOH,EAAPG,QAEtB,OACEC,IAAAC,cAACC,IAAqB,KACpBF,IAAAC,cAAA,QAAME,SAAUL,GACdE,IAAAC,cAACG,IAAS,CACRC,SACEL,IAAAC,cAAAD,IAAAM,SAAA,KACEN,IAAAC,cAACM,YAAS,CACRC,GAAI,EACJC,UAAU,aACVC,UAAU,OACVC,MAAM,WACP,gBAGDX,IAAAC,cAACW,KAAE,CAACH,UAAU,iBAAiBI,WAAY,KAAK,gDAGhDb,IAAAC,cAACM,YAAS,CACRE,UAAU,aACVC,UAAU,OACVC,MAAM,WACP,wJAOLG,UACEd,IAAAC,cAAAD,IAAAM,SAAA,KACEN,IAAAC,cAACc,IAAO,KACNf,IAAAC,cAAAzB,EAAA,CACEwC,UAAU,aACVP,UAAU,aACVI,WAAY,IACZH,UAAU,OAAM3B,KACXkC,YAAI,CAAEC,GAAI,KAChB,oBAIDlB,IAAAC,cAACkB,IAAY,CACXC,OAAO3B,SAAW,QAANP,EAALO,EAAO4B,YAAI,IAAAnC,OAAN,EAALA,EAAakC,QAAS,GAC7BE,SAAU,SAAAF,GACR5B,EAAS,CACP+B,KAAM,aACNC,QAAS,CAAEH,KAAII,IAAA,GAAOhC,EAAM4B,MAAI,IAAED,MAAOA,SAI7CpB,IAAAC,cAACkB,IAAaO,QAAO,CACnBC,GAAG,aACHC,OAAO,0CACPC,UAAQ,MAEPpC,SAAW,QAANN,EAALM,EAAO4B,YAAI,IAAAlC,GAAO,QAAPC,EAAXD,EAAaiC,aAAK,IAAAhC,IAAlBA,EAAoB0C,SACrB9B,IAAAC,cAAC8B,MAAG,KACF/B,IAAAC,cAAC+B,IAAC,CACAvB,UAAU,QACVC,UAAU,OACVF,GAAI,EACJyB,GAAI,EACJC,QAAQ,SACT,kBAGDlC,IAAAC,cAACkB,IAAagB,UAAS,QAGzBpC,GACAC,IAAAC,cAACmC,UAAO,CAACF,QAAQ,OAAOvB,MAAM,SAAQ,uCAQhD0B,cACErC,IAAAC,cAAC8B,MAAG,CACFG,QAAQ,OACRI,WAAW,WACXC,eAAe,iBAEfvC,IAAAC,cAACuC,oBAAiB,CAChB9C,MAAOA,EACP+C,YAAapD,EAASqD,WAExB1C,IAAAC,cAAC0C,IAAW,CAACT,QAAQ,OAAOK,eAAe,YACzCvC,IAAAC,cAAC2C,IAAU,MACX5C,IAAAC,cAAC4C,IACC,CACAC,YAAa,CACXC,cAAc,EACdhD","file":"component---src-pages-submit-insurance-other-upload-documents-js-ecbf227e7d8094c41ac8.js","sourcesContent":["import React from 'react'\r\nimport { css } from '@styled-system/css'\r\n\r\nimport {\r\n  Box,\r\n  Caption,\r\n  Paragraph,\r\n  ProgressIndicator,\r\n  P,\r\n  H2,\r\n  H1,\r\n} from '@allied-solutions/affinity'\r\n\r\nimport {\r\n  useMustAttachLogic,\r\n  useStore,\r\n  useSubmitInsuranceLogic,\r\n} from '../../../hooks'\r\nimport {\r\n  AppLayout,\r\n  BackButton,\r\n  ButtonGroup,\r\n  FileUploader,\r\n  InfoBox,\r\n  NextButton,\r\n  SubmitInsuranceLayout,\r\n} from '../../../components'\r\n\r\nconst UploadDocuments = ({ location }) => {\r\n  const { dispatch, state } = useStore()\r\n  const { pages } = useSubmitInsuranceLogic(location)\r\n\r\n  const { handleSubmit, isValid } = useMustAttachLogic(location)\r\n\r\n  return (\r\n    <SubmitInsuranceLayout>\r\n      <form onSubmit={handleSubmit}>\r\n        <AppLayout\r\n          leftSide={\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                Upload Files\r\n              </Paragraph>\r\n              <H1 typeStyle=\"headlineMedium\" fontWeight={900}>\r\n                We need to confirm you have proper coverage.\r\n              </H1>\r\n              <Paragraph\r\n                typeStyle=\"bodyMedium\"\r\n                textAlign=\"left\"\r\n                color=\"gray600\"\r\n              >\r\n                We help your lender confirm you have the right insurance\r\n                coverage. All we need is copy of your insurance policy\r\n                documents. Simply upload them here.\r\n              </Paragraph>\r\n            </>\r\n          }\r\n          rightSide={\r\n            <>\r\n              <InfoBox>\r\n                <H2\r\n                  className=\"titleSmall\"\r\n                  typeStyle=\"titleSmall\"\r\n                  fontWeight={900}\r\n                  textAlign=\"left\"\r\n                  css={css({ pb: 6 })}\r\n                >\r\n                  Upload Documents\r\n                </H2>\r\n\r\n                <FileUploader\r\n                  files={state?.form?.files || []}\r\n                  onChange={files => {\r\n                    dispatch({\r\n                      type: 'addToState',\r\n                      payload: { form: { ...state.form, files: files } },\r\n                    })\r\n                  }}\r\n                >\r\n                  <FileUploader.Control\r\n                    id=\"fileUpload\"\r\n                    accept=\"application/pdf, image/tiff, image/jpeg\"\r\n                    multiple\r\n                  />\r\n                  {!!state?.form?.files?.length && (\r\n                    <Box>\r\n                      <P\r\n                        typeStyle=\"label\"\r\n                        textAlign=\"left\"\r\n                        mb={4}\r\n                        mt={7}\r\n                        display=\"block\"\r\n                      >\r\n                        Selected files\r\n                      </P>\r\n                      <FileUploader.FilesList />\r\n                    </Box>\r\n                  )}\r\n                  {!isValid && (\r\n                    <Caption display=\"flex\" color=\"error\">\r\n                      Please attach at least one file.\r\n                    </Caption>\r\n                  )}\r\n                </FileUploader>\r\n              </InfoBox>\r\n            </>\r\n          }\r\n          footerButtons={\r\n            <Box\r\n              display=\"flex\"\r\n              alignItems=\"baseline\"\r\n              justifyContent=\"space-between\"\r\n            >\r\n              <ProgressIndicator\r\n                pages={pages}\r\n                currentPage={location.pathname}\r\n              />\r\n              <ButtonGroup display=\"flex\" justifyContent=\"flex-end\">\r\n                <BackButton />\r\n                <NextButton\r\n                  // spoof Formik props\r\n                  formikProps={{\r\n                    isSubmitting: false,\r\n                    isValid,\r\n                  }}\r\n                />\r\n              </ButtonGroup>\r\n            </Box>\r\n          }\r\n        />\r\n      </form>\r\n    </SubmitInsuranceLayout>\r\n  )\r\n}\r\n\r\nexport default UploadDocuments\r\n"],"sourceRoot":""}