{"version":3,"sources":["components/LoadingPage/styles.ts","components/LoadingPage/LoadingPage.tsx","components/LoadingPage/index.tsx","hooks/requests/virtualLookup.ts","features/prescreen/BatchPrescreenStart/LookupPrescreenId/index.tsx","features/prescreen/BatchPrescreenStart/LookupPrescreenId/LookupPrescreenId.tsx","features/prescreen/BatchPrescreenStart/FormPrescreenId/styles.ts","features/prescreen/BatchPrescreenStart/FormPrescreenId/FormPrescreenIdView.tsx","features/prescreen/BatchPrescreenStart/FormPrescreenId/FormPrescreenId.tsx","features/prescreen/BatchPrescreenStart/FormPrescreenId/index.tsx","features/prescreen/BatchPrescreenStart/BatchPrescreenStart.tsx"],"names":["styles","titleText","theme","css","LoadingPage","props","headerTitle","Box","mt","mb","PageContainer","Grid","container","alignItems","justify","item","my","CircularProgress","aria-label","size","VirtualLookupError","Error","useVirtualLookup","useState","error","setError","useFetchApi","status","fetch","dispatch","useDispatch","useQueryParameters","mockVL","location","channel","subchannel","handleExistingAccount","useHandleExistingAccount","creditApplication","useSelector","selectCreditApplication","tenant","selectTenant","setAnalyticsVariables","useAnalyticsVariables","useCallback","params","a","sharedParams","mockResponse","idParams","prescreenId","prequalificationId","method","body","response","ok","Promise","reject","json","searchResults","applicationId","accountId","trustedBrandPrefill","searchResultsKeys","keys","pick","pickBy","isPresent","hasExistingAccount","sendToSdk","mergeApplication","results","complement","isNil","firstName","lastName","address1","address2","city","state","zip","ssn","setPrescreenId","lockFields","Boolean","mergePrequalOffer","creditLimit","LookupPrescreenId","t","useTranslate","virtualLookupCall","fetched","useRef","useEffect","current","headingContainer","mui","spacing","idPrompt","subtitleText","formFields","submitButton","FormPrescreenIdView","isValid","isSubmitting","attempts","maxAttempts","tMd","useMarkdownTranslate","tMdMultiline","useMarkdownMultilineTranslate","pathAfter","useWorkflow","hasError","count","maxWidth","name","fieldProps","id","mask","prescreenIdMask","label","helperText","undefined","IovationButton","type","disabled","loading","Button","component","Link","to","Step","BATCH_PRESCREEN_START","variant","CancelButton","schema","Yup","shape","required","concat","isPrescreenId","FormPrescreenId","onSubmit","values","initialValues","FmcForm","validationSchema","initialTouched","initialDataKeys","BatchPrescreenStart","useLoadInitialData","useTrackApplicationStart","virtualLookup","push","useNavigationHelpers","setAttempts","successfulVirtualLookup","selectVirtualLookupSuccessful","makeVirtualLookupCall","prescreenIdInput","isExpired","setVirtualLookupSuccessful","NonClientError","console"],"mappings":"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","file":"static/js/BatchPrescreenStart.ed6f7287.chunk.js","sourcesContent":["import { css, SerializedStyles } from '@emotion/core';\nimport { Theme, titleText } from 'features/Theme';\n\nconst styles = {\n  titleText: (theme: Theme): SerializedStyles => css`\n    ${titleText(theme)}\n    text-align: center;\n  `,\n};\n\nexport default styles;\n","/** @jsx jsx */\nimport React from 'react';\nimport { jsx } from '@emotion/core';\n\nimport { Box, CircularProgress, Grid } from '@material-ui/core';\nimport PageContainer from 'components/PageContainer';\n\nimport styles from './styles';\ninterface LoadingViewProps {\n  headerTitle: string;\n}\n\nconst LoadingPage: React.FC<LoadingViewProps> = props => {\n  const { headerTitle } = props;\n  return (\n    <Box mt={8}>\n      <Box mb={2}>\n        <h1 css={styles.titleText}>{headerTitle}</h1>\n      </Box>\n\n      <PageContainer>\n        <Grid container alignItems=\"center\" justify=\"center\">\n          <Grid item>\n            <Box my={5}>\n              <CircularProgress aria-label=\"progress\" size={24} />\n            </Box>\n          </Grid>\n        </Grid>\n      </PageContainer>\n    </Box>\n  );\n};\n\nexport default LoadingPage;\n","import LoadingPage from './LoadingPage';\n\nexport default LoadingPage;\n","/* eslint-disable @typescript-eslint/camelcase */\n\nimport { useState, useCallback } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport useHandleExistingAccount from './handleExistingAccount';\nimport { Status } from 'hooks/requests/fetchUtils';\nimport useFetchApi from 'hooks/useFetchApi';\nimport useQueryParameters from 'hooks/useQueryParameters';\nimport {\n  CreditApplication,\n  mergeApplication,\n  lockFields,\n  selectCreditApplication,\n} from 'state/creditApplication';\nimport { InstantCredit } from 'state/instantCredit';\nimport { selectTenant } from 'state/tenant';\nimport { keys, pick, pickBy, isNil, complement } from 'ramda';\nimport isPresent from 'utils/isPresent';\nimport { setPrescreenId } from 'state/prescreen';\nimport { mergePrequalOffer } from 'state/prequalOffer';\nimport useAnalyticsVariables from 'hooks/useAnalyticVariables';\n\nconst PATH = '/api/virtual_lookup';\n\nexport type VirtualLookupSearchParams =\n  | {\n      prescreenId: string;\n    }\n  | {\n      prequalificationId: string;\n    };\n\ninterface SearchResults {\n  returnCode: string | undefined;\n  errorMessage: string | undefined;\n  errorCode: string | undefined;\n  address1: string | undefined;\n  address2: string | undefined;\n  city: string | undefined;\n  state: string | undefined;\n  zip: string | undefined;\n  ssn: string | undefined;\n  dateOfBirth: string | undefined;\n  firstName: string | undefined;\n  middleInitial: string | undefined;\n  lastName: string | undefined;\n  hasExistingAccount: false;\n  isExpired: boolean | undefined;\n  // Perhaps discriminated type is better here.\n  prescreenId: string | undefined;\n  prequalificationId: string | undefined;\n  creditLimit: number | undefined;\n  // The prescreen case appears to be able to return these elements\n  // without an existing account\n  applicationId: string | undefined;\n  accountId: string | undefined;\n}\n\ninterface ExistingAccountResult extends InstantCredit {\n  hasExistingAccount: true;\n}\n\ntype VirtualLookupResult = SearchResults | ExistingAccountResult;\n\ntype VirtualLookupHook = () => [\n  (params: VirtualLookupSearchParams) => Promise<VirtualLookupResult>,\n  Status,\n  boolean,\n];\n\nexport class VirtualLookupError extends Error {}\n\nconst prefillValues = (results: SearchResults): Partial<CreditApplication> =>\n  pickBy(complement(isNil), {\n    firstName: results.firstName,\n    lastName: results.lastName,\n    address1: results.address1,\n    address2: results.address2,\n    city: results.city,\n    state: results.state,\n    zip: results.zip,\n    ssn: results.ssn,\n  });\n\nconst useVirtualLookup: VirtualLookupHook = () => {\n  const [error, setError] = useState<boolean>(false);\n  const [status, fetch] = useFetchApi();\n  const dispatch = useDispatch();\n  const { mockVL, location, channel, subchannel } = useQueryParameters();\n  const handleExistingAccount = useHandleExistingAccount();\n  const creditApplication = useSelector(selectCreditApplication);\n  const tenant = useSelector(selectTenant);\n  const { setAnalyticsVariables } = useAnalyticsVariables();\n\n  const lookupVirtual = useCallback(\n    async (params: VirtualLookupSearchParams): Promise<VirtualLookupResult> => {\n      setError(false);\n      const sharedParams = {\n        mockResponse: mockVL,\n        location,\n        channel,\n        subchannel,\n      };\n      const idParams =\n        'prescreenId' in params\n          ? { prescreenId: params.prescreenId }\n          : { prequalificationId: params.prequalificationId };\n\n      const response = await fetch(PATH, {\n        method: 'POST',\n        body: {\n          ...sharedParams,\n          ...idParams,\n        },\n      });\n      if (!response.ok) {\n        setError(true);\n        return Promise.reject(new VirtualLookupError());\n      }\n\n      let searchResults: VirtualLookupResult = await response.json();\n\n      setAnalyticsVariables({\n        applicationId: searchResults.applicationId,\n        accountId: searchResults.accountId,\n      });\n\n      if (tenant.trustedBrandPrefill) {\n        const searchResultsKeys = (keys(\n          searchResults,\n        ) as unknown) as (keyof SearchResults)[];\n\n        searchResults = pick(searchResultsKeys, {\n          ...searchResults,\n          ...(pickBy(isPresent, creditApplication) as object),\n        }) as SearchResults;\n      }\n\n      if (searchResults.hasExistingAccount) {\n        handleExistingAccount(searchResults, { sendToSdk: true });\n      } else {\n        dispatch(mergeApplication(prefillValues(searchResults)));\n\n        if (searchResults.prescreenId) {\n          dispatch(setPrescreenId(searchResults.prescreenId));\n        } else if (searchResults.prequalificationId) {\n          dispatch(\n            lockFields({\n              ssn: Boolean(searchResults.ssn),\n            }),\n          );\n          dispatch(\n            mergePrequalOffer({\n              prequalificationId: searchResults.prequalificationId,\n              creditLimit: searchResults.creditLimit,\n            }),\n          );\n        }\n      }\n\n      return searchResults;\n    },\n    [\n      mockVL,\n      location,\n      channel,\n      subchannel,\n      fetch,\n      setAnalyticsVariables,\n      tenant.trustedBrandPrefill,\n      creditApplication,\n      handleExistingAccount,\n      dispatch,\n    ],\n  );\n\n  return [lookupVirtual, status, error];\n};\n\nexport default useVirtualLookup;\n","import LookupPrescreenId from './LookupPrescreenId';\n\nexport default LookupPrescreenId;\n","import React, { FC, useEffect, useRef } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport useQueryParameters from 'hooks/useQueryParameters';\nimport LoadingPage from 'components/LoadingPage';\n\nimport { selectCreditApplication } from 'state/creditApplication';\nimport useTranslate from 'hooks/useTranslate';\nimport { setPrescreenId } from 'state/prescreen';\n\ninterface PropTypes {\n  virtualLookupCall: (id: string) => Promise<void>;\n}\n\nconst LookupPrescreenId: FC<PropTypes> = props => {\n  const t = useTranslate();\n  const { prescreenId } = useQueryParameters();\n  const { virtualLookupCall } = props;\n  const fetched = useRef<boolean>(false);\n  const { firstName } = useSelector(selectCreditApplication);\n  const dispatch = useDispatch();\n\n  if (prescreenId) {\n    dispatch(setPrescreenId(prescreenId));\n  }\n\n  useEffect(() => {\n    if (!prescreenId) {\n      throw new Error('prescreenId required for virtual lookup.');\n    }\n    // Ensure we only fetched once.\n    if (!fetched.current) {\n      fetched.current = true;\n      virtualLookupCall(prescreenId);\n    }\n  }, [prescreenId, virtualLookupCall]);\n\n  const headerTitle = firstName\n    ? t('batchPrescreen.prescreenLookup.welcome', { firstName: firstName })\n    : t('batchPrescreen.prescreenLookup.loading');\n\n  return <LoadingPage headerTitle={headerTitle} />;\n};\n\nexport default LookupPrescreenId;\n","import { css } from '@emotion/core';\n\nimport { Theme, titleText, subtitleText } from 'features/Theme';\n\nexport default {\n  headingContainer: (theme: Theme) => css`\n    text-align: center;\n    margin-bottom: ${theme.mui.spacing(3)}px;\n  `,\n  titleText: (theme: Theme) => css`\n    ${titleText(theme)}\n    margin-bottom: ${theme.mui.spacing(2)}px;\n  `,\n  idPrompt: (theme: Theme) => css`\n    p {\n      ${subtitleText(theme)}\n      margin-bottom: ${theme.mui.spacing(2)}px;\n    }\n  `,\n  formFields: (theme: Theme) => css`\n    margin-bottom: ${theme.mui.spacing(3)}px;\n  `,\n  submitButton: (theme: Theme) => css`\n    &.MuiButton-root {\n      margin-bottom: ${theme.mui.spacing(2)}px;\n    }\n  `,\n};\n","/** @jsx jsx */\nimport { jsx } from '@emotion/core';\nimport React, { Fragment } from 'react';\nimport { Box } from '@material-ui/core';\nimport { Field, FieldProps, Form, FormikProps } from 'formik';\nimport useTranslate from 'hooks/useTranslate';\nimport {\n  useMarkdownTranslate,\n  useMarkdownMultilineTranslate,\n} from 'hooks/useTranslate/useTranslate';\nimport Link from 'components/Link';\nimport Button from 'components/Button';\nimport IovationButton from 'features/IovationButton';\n\nimport PageContainer from 'components/PageContainer';\nimport { FormTextField } from 'components/TextField';\n\nimport { FormValues } from './FormPrescreenId';\n\nimport styles from './styles';\nimport useWorkflow, { Step } from 'hooks/useWorkflow';\nimport ActionButtonContainer from 'components/ActionButtonsContainer';\n\nimport { prescreenIdMask } from 'utils/masks';\nimport CancelButton from 'features/CancelButton';\n\ninterface PropTypes extends FormikProps<FormValues> {\n  attempts: number;\n  maxAttempts: number;\n}\n\nconst FormPrescreenIdView: React.FC<PropTypes> = props => {\n  const { isValid, isSubmitting, attempts, maxAttempts } = props;\n  const t = useTranslate();\n  const tMd = useMarkdownTranslate();\n  const tMdMultiline = useMarkdownMultilineTranslate();\n  const { pathAfter } = useWorkflow();\n\n  const hasError = attempts > 0;\n  const error = tMd('batchPrescreen.formPrescreen.error', {\n    count: maxAttempts - attempts,\n  });\n\n  return (\n    <Fragment>\n      <PageContainer maxWidth=\"sm\">\n        <Form>\n          <Box mb={5}>\n            <div css={styles.headingContainer}>\n              <h1 css={styles.titleText}>\n                {tMd('batchPrescreen.formPrescreen.title')}\n              </h1>\n              <div css={styles.idPrompt}>\n                {tMdMultiline('batchPrescreen.formPrescreen.idPrompt')}\n              </div>\n            </div>\n            <div css={styles.formFields}>\n              <Field name=\"prescreenId\">\n                {(fieldProps: FieldProps) => (\n                  <FormTextField\n                    id=\"prescreenId\"\n                    fieldProps={fieldProps}\n                    mask={prescreenIdMask}\n                    label={t('formLabel.prescreenId')}\n                    error={hasError}\n                    helperText={hasError ? error : undefined}\n                  />\n                )}\n              </Field>\n            </div>\n          </Box>\n          <ActionButtonContainer>\n            <IovationButton\n              id=\"formPrescreenSubmit\"\n              type=\"submit\"\n              disabled={!isValid}\n              css={styles.submitButton}\n              loading={isSubmitting}\n            >\n              {t('batchPrescreen.formPrescreen.submit')}\n            </IovationButton>\n            {attempts > 0 ? (\n              <Button\n                component={Link}\n                to={pathAfter(Step.BATCH_PRESCREEN_START)}\n                id=\"continueToApplication\"\n                variant=\"text\"\n              >\n                {t('batchPrescreen.formPrescreen.secondarySubmit')}\n              </Button>\n            ) : null}\n            <CancelButton />\n          </ActionButtonContainer>\n        </Form>\n      </PageContainer>\n    </Fragment>\n  );\n};\n\nexport default FormPrescreenIdView;\n","import React, { useCallback } from 'react';\nimport * as Yup from 'yup';\n\nimport FmcForm from 'components/FmcForm';\nimport FormPrescreenIdView from './FormPrescreenIdView';\nimport useQueryParameters from 'hooks/useQueryParameters';\n\nimport { isPrescreenId } from 'utils/validations';\n\nconst schema = Yup.object().shape({\n  prescreenId: Yup.string()\n    .required('Required')\n    .concat(isPrescreenId),\n});\n\nexport type FormValues = ReturnType<typeof schema.cast>;\n\ninterface PropTypes {\n  virtualLookupCall: (id: string) => Promise<void>;\n  attempts: number;\n  maxAttempts: number;\n}\n\nconst FormPrescreenId: React.FC<PropTypes> = props => {\n  const { virtualLookupCall, attempts, maxAttempts } = props;\n  const { prescreenId } = useQueryParameters();\n\n  const onSubmit = useCallback(\n    async (values: FormValues) => {\n      virtualLookupCall(values.prescreenId);\n    },\n    [virtualLookupCall],\n  );\n\n  const initialValues: FormValues = {\n    prescreenId: prescreenId || '',\n  };\n\n  return (\n    <FmcForm\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      validationSchema={schema}\n      initialTouched={{\n        prescreenId: Boolean(prescreenId),\n      }}\n    >\n      {props => (\n        <FormPrescreenIdView\n          {...props}\n          attempts={attempts}\n          maxAttempts={maxAttempts}\n        />\n      )}\n    </FmcForm>\n  );\n};\n\nexport default FormPrescreenId;\n","import FormPrescreenId from './FormPrescreenId';\n\nexport default FormPrescreenId;\n","import React, { FC, useState, useCallback, useEffect } from 'react';\nimport useQueryParameters from 'hooks/useQueryParameters';\nimport useLoadInitialData from 'hooks/useLoadInitialData';\nimport LookupPrescreenId from './LookupPrescreenId';\nimport FormPrescreenId from './FormPrescreenId';\n\nimport useVirtualLookup, {\n  VirtualLookupError,\n} from 'hooks/requests/virtualLookup';\nimport useWorkflow, { Step } from 'hooks/useWorkflow';\nimport useNavigationHelpers from 'hooks/useNavigationHelpers';\nimport { useTrackApplicationStart } from 'hooks/useAnalytics';\nimport { useDispatch, useSelector } from 'react-redux';\nimport {\n  setVirtualLookupSuccessful,\n  selectVirtualLookupSuccessful,\n} from 'state/prescreen';\nimport { NonClientError } from 'hooks/requests/fetchUtils';\n\n/**\n * Maxmimum number of times the user can try the Virtual Lookup\n */\nconst MAX_ATTEMPTS = 3;\n\nconst initialDataKeys = [\n  'firstName',\n  'lastName',\n  'address1',\n  'address2',\n  'city',\n  'state',\n  'zip',\n  'emailAddress',\n  'mobilePhone',\n  'alternativePhone',\n  'storeNumber',\n  'category',\n  'cardType',\n  'cartAmount',\n  'checkoutAmount',\n  'correlationData',\n  'customerNumber',\n  'loyaltyNumber',\n  'productAmount',\n  'sku',\n  'clientVariable1',\n  'clientVariable2',\n  'clientVariable3',\n  'clientVariable4',\n  'associateId',\n];\n\nconst BatchPrescreenStart: FC = () => {\n  useLoadInitialData(initialDataKeys);\n  useTrackApplicationStart();\n  const { prescreenId } = useQueryParameters();\n  const [virtualLookup] = useVirtualLookup();\n  const { push } = useNavigationHelpers();\n\n  const { pathAfter } = useWorkflow();\n  const [attempts, setAttempts] = useState<number>(0);\n  const dispatch = useDispatch();\n  const successfulVirtualLookup = useSelector(selectVirtualLookupSuccessful);\n\n  const makeVirtualLookupCall = useCallback(\n    async (prescreenIdInput: string) => {\n      try {\n        const response = await virtualLookup({ prescreenId: prescreenIdInput });\n        setAttempts(attempts => attempts + 1);\n        if (response.hasExistingAccount) {\n          push('/existing-account');\n        } else if (response.isExpired) {\n          push('/batch-prescreen/expired');\n        } else {\n          // The new value for virtualLookupSuccessful is only propagated to the\n          // components and hooks on the next render cycle. So looking up the\n          // next step immediately here may return the incorrect step.\n          //\n          // We work around this by only setting the state, and on the next\n          // render cycle (when the workflow hooks has the correct value for\n          // virtualLookupSuccessful), lookup the next step and navigate.\n          dispatch(setVirtualLookupSuccessful(true));\n        }\n      } catch (e) {\n        if (!(e instanceof VirtualLookupError || e instanceof NonClientError)) {\n          console.error(e);\n        }\n        if (prescreenId) {\n          push('/batch-prescreen/error');\n        } else {\n          setAttempts(attempts => attempts + 1);\n        }\n      }\n    },\n    [dispatch, setAttempts, virtualLookup, prescreenId, push],\n  );\n\n  useEffect(() => {\n    if (attempts >= MAX_ATTEMPTS) {\n      push('/batch-prescreen/error');\n    } else if (successfulVirtualLookup) {\n      push(pathAfter(Step.BATCH_PRESCREEN_START));\n    }\n  }, [push, pathAfter, successfulVirtualLookup, attempts]);\n\n  if (attempts >= MAX_ATTEMPTS || successfulVirtualLookup) {\n    // Nothing to render in this cycle.\n    // After mount, the effect above will run and perform a push.\n    // If we don't render null here, there will be a flash of the components\n    // rendered below.\n    return null;\n  } else if (prescreenId && attempts === 0) {\n    // If prescreenId is present with an error, we don't increment attemps.\n    // If attempts are incremented for some reason, there will be a flash of FormPrescreenId\n    return <LookupPrescreenId virtualLookupCall={makeVirtualLookupCall} />;\n  } else {\n    return (\n      <FormPrescreenId\n        virtualLookupCall={makeVirtualLookupCall}\n        attempts={attempts}\n        maxAttempts={MAX_ATTEMPTS}\n      />\n    );\n  }\n};\n\nexport default BatchPrescreenStart;\n"],"sourceRoot":""}