{"version":3,"sources":["webpack:///./src/pages/no-reference-id/index.js"],"names":["links","icon","Auto1","title","link","extra","Building3","Ellipsis","Add","_StyledLink","_styled","Link","withConfig","displayName","componentId","Box","props","theme","colors","default","blue","lightBlue200","NoRefIdPage","_ref","location","React","createElement","SubmitInsuranceLayout","FullScreenLayout","Container","maxWidth","px","pt","textAlign","H1","className","fontWeight","typeStyle","H2","Flex","mt","display","mb","map","item","Col","key","id","to","borderRadius","bg","height","pb","mx","Icon","src","color","justifyContent","P","as"],"mappings":"0LAqBMA,EAAQ,CACZ,CACEC,KAAMC,QACNC,MAAO,UACPC,KAAM,mCACNC,MAAO,IAET,CACEJ,KAAMK,YACNH,MAAO,OACPC,KAAM,oCACNC,MAAO,IAET,CACEJ,KAAMM,WACNJ,MAAO,QACPC,KAAM,4CACNC,MAAO,mBAET,CACEJ,KAAMO,MACNL,MAAO,MACPC,KAAM,4CACNC,MAAO,uCAEVI,EAAAC,kBAAAC,KAAAC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,gBAAAJ,CAAA,6IAmBmBK,OACoB,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,OAAOC,UAM9CJ,OACgB,SAAAC,GAAK,OAAIA,EAAMC,MAAMC,OAAOE,QACxB,SAAAJ,GAAK,OACvBA,EAAMC,MAAMC,OAAOG,gBAoD5BC,UA/EK,SAAHC,GAAA,IAAMC,EAAQD,EAARC,SAAQ,OAC7BC,IAAAC,cAACC,IAAqB,CAACH,SAAUA,GAC/BC,IAAAC,cAACE,IAAgB,KACfH,IAAAC,cAACG,YAAS,CAACC,SAAS,QAAQC,GAAI,EAAGC,GAAI,CAAC,OAAQ,OAAQ,KAAM,OAC5DP,IAAAC,cAACX,MAAG,CAACkB,UAAU,UACbR,IAAAC,cAACQ,KAAE,CAACC,UAAU,aAAaC,WAAY,IAAKC,UAAU,cAAa,sBAGnEZ,IAAAC,cAACY,KAAE,KAAC,wDAENb,IAAAC,cAACa,OAAI,CAACC,GAAI,GAAIC,QAAS,CAAC,KAAM,KAAM,QAASC,IAAK,GAC/C1C,EAAM2C,KAAI,SAAAC,GAAI,OACbnB,IAAAC,cAACa,OAAKM,IAAG,CAACC,IAAG,kBAAoBF,EAAKzC,MAASqC,GAAI,GACjDf,IAAAC,cAAAjB,EAAA,CACEsC,GAAE,kBAAoBH,EAAKzC,MAC3B6C,GAAIJ,EAAKxC,MAiBTqB,IAAAC,cAACX,MAAG,CACFkC,aAAc,EACdC,GAAG,SACHjB,UAAU,SACVkB,OAAO,OACPnB,GAAI,GACJoB,GAAI,EACJtB,SAAU,GACVuB,GAAG,QAEH5B,IAAAC,cAAC4B,OAAI,CACHC,IAAKX,EAAK3C,KACVuD,MAAM,OACNf,QAAQ,OACRgB,eAAe,WAEjBhC,IAAAC,cAACgC,IAAC,CACAhB,GAAI,EACJiB,GAAG,KACHH,MAAM,WACNnB,UAAU,YACVJ,UAAU,SACVO,GAAI,GAEHI,EAAKzC,OAEPyC,EAAKvC,OACJoB,IAAAC,cAACgC,IAAC,CACAhB,GAAI,EACJiB,GAAG,IACHtB,UAAU,UACVJ,UAAU,SACVuB,MAAM,QAELZ,EAAKvC","file":"component---src-pages-no-reference-id-index-js-7808493d8189b0701a2c.js","sourcesContent":["import React from 'react'\r\n// import { Link } from 'gatsby'\r\nimport { LinkAnchor as Link } from '../../components/LinkAnchor'\r\nimport {\r\n  Box,\r\n  Container,\r\n  Icon,\r\n  Flex,\r\n  P,\r\n  H1,\r\n  H2,\r\n} from '@allied-solutions/affinity'\r\n\r\nimport {\r\n  Auto1,\r\n  Building3,\r\n  Ellipsis,\r\n  Add\r\n} from '@allied-solutions/affinity-react-icons/dist/16px'\r\nimport { FullScreenLayout, SubmitInsuranceLayout } from '../../components'\r\n\r\nconst links = [\r\n  {\r\n    icon: Auto1,\r\n    title: 'Vehicle',\r\n    link: '/no-reference-id/lookup/vehicle/',\r\n    extra: '',\r\n  },\r\n  {\r\n    icon: Building3,\r\n    title: 'Home',\r\n    link: '/no-reference-id/lookup/mortgage/',\r\n    extra: '',\r\n  },\r\n  {\r\n    icon: Ellipsis,\r\n    title: 'Other',\r\n    link: '/submit-insurance/other/upload-documents/',\r\n    extra: '(RV, boat, etc)',\r\n  },\r\n  {\r\n    icon: Add,\r\n    title: 'New',\r\n    link: '/submit-insurance/other/upload-documents/',\r\n    extra: '(Loans opened in the last 2 weeks)',\r\n  }\r\n]\r\n\r\nconst NoRefIdPage = ({ location }) => (\r\n  <SubmitInsuranceLayout location={location}>\r\n    <FullScreenLayout>\r\n      <Container maxWidth=\"644px\" px={8} pt={['3rem', '4rem', null, null]}>\r\n        <Box textAlign=\"center\">\r\n          <H1 className=\"labelLarge\" fontWeight={900} typeStyle=\"labelLarge\">\r\n            Look up my account\r\n          </H1>\r\n          <H2>Select the one that best describes why you’re here.</H2>\r\n        </Box>\r\n        <Flex mt={20} display={[null, null, 'flex']} mb={-4}>\r\n          {links.map(item => (\r\n            <Flex.Col key={`NoRefId__Link--${item.title}`} mt={4}>\r\n              <Link\r\n                id={`NoRefId__Link--${item.title}`}\r\n                to={item.link}\r\n                css={`\r\n                  ${Box} {\r\n                    border: 1px solid ${props => props.theme.colors.default};\r\n                    transition-property: border-color, background-color;\r\n                  }\r\n\r\n                  &:hover,\r\n                  &:focus {\r\n                    ${Box} {\r\n                      border-color: ${props => props.theme.colors.blue};\r\n                      background-color: ${props =>\r\n                        props.theme.colors.lightBlue200};\r\n                    }\r\n                  }\r\n                `}\r\n              >\r\n                <Box\r\n                  borderRadius={1}\r\n                  bg=\"gray20\"\r\n                  textAlign=\"center\"\r\n                  height=\"100%\"\r\n                  pt={11}\r\n                  pb={6}\r\n                  maxWidth={56}\r\n                  mx=\"auto\"\r\n                >\r\n                  <Icon\r\n                    src={item.icon}\r\n                    color=\"blue\"\r\n                    display=\"flex\"\r\n                    justifyContent=\"center\"\r\n                  />\r\n                  <P\r\n                    mb={0}\r\n                    as=\"h3\"\r\n                    color=\"gray1000\"\r\n                    typeStyle=\"bodyLarge\"\r\n                    textAlign=\"center\"\r\n                    mt={1}\r\n                  >\r\n                    {item.title}\r\n                  </P>\r\n                  {item.extra && (\r\n                    <P\r\n                      mb={0}\r\n                      as=\"p\"\r\n                      typeStyle=\"caption\"\r\n                      textAlign=\"center\"\r\n                      color=\"hint\"\r\n                    >\r\n                      {item.extra}\r\n                    </P>\r\n                  )}\r\n                </Box>\r\n              </Link>\r\n            </Flex.Col>\r\n          ))}\r\n        </Flex>\r\n      </Container>\r\n    </FullScreenLayout>\r\n  </SubmitInsuranceLayout>\r\n)\r\n\r\nexport default NoRefIdPage\r\n"],"sourceRoot":""}