@sheerid/jslib-nightly 2.262.0-alpha.3 → 2.263.0-alpha.0

package/chunk/{StepCollectPersonalInfo-DFocRlxy.js.map → StepCollectPersonalInfo-qc9qiwM9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCollectPersonalInfo-DFocRlxy.js","names":[],"sources":["../../src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type CollectPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type Organization,\n  type FormSelectChoice,\n  type State,\n  type CollectFieldsResponse,\n  type CollectPersonalInfoResponse,\n  type FieldDescription,\n  type AllStatuses,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  orgToOption,\n  getStatusLabel,\n  handleEmailOnKeyDown,\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModelWithAllRequiredFields,\n  getAvailableStatuses,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { FieldIdEnum, SegmentEnum, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { ActiveDutyStartDateComponent } from \"../FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent\";\nimport { BranchOfServiceComponent as BranchOfService } from \"../FormFields/BranchOfService/BranchOfServiceComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { EBTCardNumberComponent } from \"../FormFields/EBTCardNumber/EBTCardNumberComponent\";\nimport { StatusComponent as Status } from \"../FormFields/Status/StatusComponent\";\nimport { LowIncomeOrganizationComponent as LowIncomeOrganization } from \"../FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent\";\nimport { FirstResponderOrganizationComponent as FirstResponderOrganization } from \"../FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent\";\nimport { LicensedProfessionalOrganizationComponent as LicensedProfessionalOrganization } from \"../FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { MembershipOrganizationComponent as MembershipOrganization } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { TeacherSchoolComponent as TeacherSchool } from \"../FormFields/TeacherSchool/TeacherSchoolComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { DischargeDateComponent } from \"../FormFields/DischargeDate/DischargeDateComponent\";\nimport { getAllFieldsToCollect } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { getMarketConsent } from \"../../lib/ProgramTheme/programThemeGetters\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepCollectPersonalInfoProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepCollectPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepCollectPersonalInfoProps) => {\n  const viewModel = verificationService.viewModel as CollectPersonalInfoViewModel;\n  const { updateViewModel, programTheme } = verificationService;\n\n  const [requiredFields, setRequiredFields] = React.useState<FieldDescription[]>(undefined);\n\n  const isFieldRequired = (key: keyof CollectPersonalInfoViewModel) =>\n    requiredFields && requiredFields.some((field) => field.key === key);\n\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as CollectPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updatePersonalInfoViewModel = (key: keyof CollectPersonalInfoViewModel, value: any) => {\n    const nextState: CollectPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: CollectPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    updateViewModel(nextState);\n  };\n\n  const updateViewModelWithRequiredFields = (newRequiredFields: FieldDescription[]) => {\n    const nextState: CollectPersonalInfoViewModel = produceDraftViewModelWithAllRequiredFields(\n      viewModel,\n      newRequiredFields,\n    );\n    updateViewModel(nextState);\n  };\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const { segment, availableStatuses } = verificationResponse;\n  const pascalCaseSegment = segment.charAt(0).toUpperCase() + segment.slice(1);\n\n  const isStatusRequired = (): boolean =>\n    availableStatuses &&\n    (segment === SegmentEnum.FIRST_RESPONDER ||\n      segment === SegmentEnum.MEDICAL ||\n      segment === SegmentEnum.LOW_INCOME ||\n      segment === SegmentEnum.LICENSED_PROFESSIONAL ||\n      segment === SegmentEnum.EMPLOYMENT ||\n      segment === SegmentEnum.RECENT_MOVER ||\n      segment === SegmentEnum.MILITARY);\n\n  const getAndSetRequiredFields = (requestBody: { statuses?: AllStatuses[] }) =>\n    (async () => {\n      try {\n        const collectFieldsResponse: CollectFieldsResponse = await getAllFieldsToCollect(\n          verificationResponse.verificationId,\n          verificationResponse.currentStep,\n          requestBody,\n        );\n        const newRequiredFields = getSafe(() => collectFieldsResponse.fieldsToCollect.required, []);\n\n        if (isStatusRequired()) {\n          // Adding `status` as a required input field if it's been removed by getting\n          // all fields to collect with a statuses req body\n          newRequiredFields.push({ key: \"status\" });\n        }\n\n        updateViewModelWithRequiredFields(newRequiredFields);\n        setRequiredFields(newRequiredFields);\n      } catch (error) {\n        logger.error(`Failed to determine fields to collect: ${error}`);\n      }\n    })();\n\n  const getOrganizationField = () => {\n    switch (segment) {\n      case SegmentEnum.STUDENT:\n        return (\n          <CollegeName\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.TEACHER:\n        return (\n          <TeacherSchool\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.MEMBER:\n        return (\n          <MembershipOrganization\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.MILITARY:\n        return (\n          <BranchOfService\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={{\n              value: getSafe(\n                () =>\n                  (verificationService.viewModel as CollectPersonalInfoViewModel).organization.id,\n              ),\n              label: getSafe(\n                () =>\n                  (verificationService.viewModel as CollectPersonalInfoViewModel).organization.name,\n              ),\n            }}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.FIRST_RESPONDER:\n        return (\n          <FirstResponderOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.MEDICAL:\n        return (\n          <MedicalProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.LICENSED_PROFESSIONAL:\n        return (\n          <LicensedProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.LOW_INCOME:\n        return (\n          <LowIncomeOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={orgToOption(\n              (verificationService.viewModel as CollectPersonalInfoViewModel).organization,\n            )}\n            verificationService={verificationService}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  React.useEffect(() => {\n    if (availableStatuses && segment === SegmentEnum.MILITARY) {\n      // display all required military fields by setting an initial default status\n      getAndSetRequiredFields({ statuses: [] });\n    } else {\n      // fetch initial list of required input fields\n      getAndSetRequiredFields({});\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!getMarketConsent(programTheme).enabled && requiredFields && requiredFields.length === 0) {\n      // skip this step if there are no required fields, and marketConsent is not enabled\n      submitForm(viewModel, verificationService, VerificationStepsEnum.collectPersonalInfo);\n    }\n  }, [requiredFields]);\n\n  React.useEffect(() => {\n    if (viewModel.status) {\n      // if status changes, re-fetch required fields because they may have changed based on selected status\n      getAndSetRequiredFields({ statuses: [viewModel.status] });\n    }\n  }, [viewModel.status]);\n\n  return (\n    <div\n      id=\"sid-step-personal-info-personal-info\"\n      className=\"sid-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"personal-info\"\n        />\n\n        <CountryComponentWrapper\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        />\n\n        {isStatusRequired() && (\n          <Status\n            segmentId={segment}\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(intl, viewModel.status, null),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            errorId={`invalid${pascalCaseSegment}Status`}\n            options={getAvailableStatuses(intl, availableStatuses)}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updatePersonalInfoViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"organization\") && getOrganizationField()}\n\n        <div className=\"sid-names\">\n          {isFieldRequired(\"firstName\") && (\n            <FirstName\n              value={viewModel.firstName}\n              isErrored={!!fieldValidationErrors.firstName}\n              disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"firstName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n              }}\n            />\n          )}\n\n          {isFieldRequired(\"lastName\") && (\n            <LastName\n              value={viewModel.lastName}\n              isErrored={!!fieldValidationErrors.lastName}\n              disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"lastName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n              }}\n            />\n          )}\n        </div>\n\n        {isFieldRequired(\"birthDate\") && (\n          <BirthDate\n            value={viewModel.birthDate}\n            errorId={fieldValidationErrors.birthDate}\n            locale={locale}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"birthDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"email\") && (\n          <Email\n            value={viewModel.email}\n            isErrored={!!fieldValidationErrors.email}\n            explanation=\" \"\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"email\", newValue);\n              updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n            }}\n            onKeyDown={(event) => handleEmailOnKeyDown(event)}\n            disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"phoneNumber\") && (\n          <PhoneNumber\n            isRequired={!!verificationService.programTheme.smsLoopEnabled}\n            value={viewModel.phoneNumber}\n            isErrored={!!fieldValidationErrors.phoneNumber}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"phoneNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n            }}\n            selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n            disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"address1\") && (\n          <AddressComponent\n            value={viewModel.address1}\n            isRequired\n            isErrored={!!fieldValidationErrors.address1}\n            errorId={fieldValidationErrors.address1}\n            disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n            onChange={(value) => {\n              updatePersonalInfoViewModel(\"address1\", value);\n              updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"city\") && (\n          <CityComponent\n            value={viewModel.city}\n            isRequired\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"dischargeDate\") && (\n          <DischargeDateComponent\n            errorId={fieldValidationErrors.dischargeDate}\n            locale={locale}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"dischargeDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"dischargeDate\", newValue, verificationService);\n            }}\n            value={viewModel.dischargeDate}\n            disabled={getFieldConfigByFieldId(\"dischargeDate\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"driverLicenseNumber\") && (\n          <DriverLicenseNumber\n            value={viewModel.driverLicenseNumber}\n            isErrored={!!fieldValidationErrors.driverLicenseNumber}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"driverLicenseNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\n                \"driverLicenseNumber\",\n                newValue,\n                verificationService,\n              );\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"ebtCardNumber\") && (\n          <EBTCardNumberComponent\n            value={viewModel.ebtCardNumber}\n            isErrored={!!fieldValidationErrors.ebtCardNumber}\n            disabled={getFieldConfigByFieldId(\"ebtCardNumber\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"ebtCardNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"ebtCardNumber\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"memberId\") && (\n          <MemberId\n            value={viewModel.memberId}\n            isErrored={!!fieldValidationErrors.memberId}\n            isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n            disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"memberId\", newValue);\n              updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n            }}\n            label={\n              <FormattedHTMLMessage\n                id=\"step.collectMedicalPersonalInfo.registrationNumberLabel\"\n                defaultMessage=\"Registration Number\"\n              />\n            }\n          />\n        )}\n\n        {isFieldRequired(\"postalCode\") && (\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"socialSecurityNumber\") && (\n          <div className=\"sid-ssn-wrapper\">\n            <SocialSecurityNumber\n              value={viewModel.socialSecurityNumber}\n              onChange={(value: string) => {\n                updatePersonalInfoViewModel(\"socialSecurityNumber\", value);\n                updateFieldValidationErrorsByFieldId(\n                  \"socialSecurityNumber\",\n                  value,\n                  verificationService,\n                );\n              }}\n              isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n              placeholder=\"000-00-0000\"\n              disabled={getFieldConfigByFieldId(\"socialSecurityNumber\")?.disabled}\n            />\n          </div>\n        )}\n\n        {isFieldRequired(\"state\") && (\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updatePersonalInfoViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"activeDutyStartDate\") &&\n          verificationService.programTheme.strictMilitaryValidationEnabled && (\n            <ActiveDutyStartDateComponent\n              errorId={fieldValidationErrors.activeDutyStartDate}\n              locale={locale}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"activeDutyStartDate\", newValue);\n                updateFieldValidationErrorsByFieldId(\n                  \"activeDutyStartDate\",\n                  newValue,\n                  verificationService,\n                );\n              }}\n              value={viewModel.activeDutyStartDate}\n              disabled={getFieldConfigByFieldId(\"activeDutyStartDate\")?.disabled}\n            />\n          )}\n\n        {options.customFormFields?.map((config: CustomFormFieldConfig) => (\n          <FormFieldCustom config={config} verificationService={verificationService} />\n        ))}\n\n        <MarketConsentWrapper\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.marketConsentValue}\n          onChange={(newValue) => {\n            updatePersonalInfoViewModel(\"metadata\", {\n              ...verificationService.viewModel.metadata,\n              marketConsentValue: newValue,\n            });\n            updateFieldValidationErrorsByFieldId(\n              \"marketConsentValue\",\n              newValue,\n              verificationService,\n            );\n          }}\n          viewModel={viewModel}\n          disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        />\n\n        <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n        <CaptchaComponent\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.captchaToken}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectPersonalInfo}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectPersonalInfoComponent = injectIntl(StepCollectPersonalInfo);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;4CA6lBa,IAAmC,GAnhBR,EACtC,SACA,6BACkC;CAClC,IAAM,IAAY,EAAoB,WAChC,EAAE,oBAAiB,oBAAiB,GAEpC,CAAC,GAAgB,MAAA,EAA2B,SAA6B,KAAA,CAAS,GAElF,KAAmB,MACvB,KAAkB,EAAe,MAAM,MAAU,EAAM,QAAQ,CAAG,GAE9D,EAAE,6BAA0B,GAC5B,IACJ,EAAoB,sBAChB,KAAqB,GAAsB,CAAoB,GAE/D,KAA+B,GAAyC,MAAe;EAO3F,EANgD,EAC9C,IACC,MAAwC;GACvC,EAAO,KAAe;EACxB,CAEc,CAAS;CAC3B,GAEM,MAAqC,MAA0C;EAKnF,EAJgD,GAC9C,GACA,CAEc,CAAS;CAC3B,GAEM,IAAS,EAAU,aAAa,OAChC,KAAU,GAAW,GAErB,EAAE,YAAS,yBAAsB,GACjC,KAAoB,EAAQ,OAAO,CAAC,EAAE,YAAY,IAAI,EAAQ,MAAM,CAAC,GAErE,UACJ,MACC,MAAY,EAAY,mBACvB,MAAY,EAAY,WACxB,MAAY,EAAY,cACxB,MAAY,EAAY,yBACxB,MAAY,EAAY,cACxB,MAAY,EAAY,gBACxB,MAAY,EAAY,WAEtB,KAA2B,OAC9B,YAAY;EACX,IAAI;GACF,IAAM,IAA+C,MAAM,GACzD,EAAqB,gBACrB,EAAqB,aACrB,CACF,GACM,IAAoB,QAAc,EAAsB,gBAAgB,UAAU,CAAC,CAAC;GAS1F,AAPI,EAAiB,KAGnB,EAAkB,KAAK,EAAE,KAAK,SAAS,CAAC,GAG1C,GAAkC,CAAiB,GACnD,GAAkB,CAAiB;EACrC,SAAS,GAAO;GACd,EAAO,MAAM,0CAA0C,GAAO;EAChE;CACF,GAAG;CAsJL,OAxBA,EAAM,gBAAgB;EACpB,AAAI,KAAqB,MAAY,EAAY,WAE/C,EAAwB,EAAE,UAAU,CAAC,EAAE,CAAC,IAGxC,EAAwB,CAAC,CAAC;CAE9B,GAAG,CAAC,CAAC,GAEL,EAAM,gBAAgB;EACpB,AAAI,CAAC,EAAiB,CAAY,EAAE,WAAW,KAAkB,EAAe,WAAW,KAEzF,GAAW,GAAW,GAAqB,EAAsB,mBAAmB;CAExF,GAAG,CAAC,CAAc,CAAC,GAEnB,EAAM,gBAAgB;EACpB,AAAI,EAAU,UAEZ,EAAwB,EAAE,UAAU,CAAC,EAAU,MAAM,EAAE,CAAC;CAE5D,GAAG,CAAC,EAAU,MAAM,CAAC,GAGnB,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,IAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,UAAU,EAAwB,SAAS,GAAG;IAC/C,CAAA;IAEA,EAAiB,KAChB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,WAAW;KACX,OAAO;MACL,OAAO,EAAU;MACjB,OAAO,GAAe,GAAM,EAAU,QAAQ,IAAI;KACpD;KACA,WAAW,CAAC,CAAC,EAAsB;KACnC,SAAS,UAAU,GAAkB;KACrC,SAAS,GAAqB,GAAM,CAAiB;KACrD,UAAU,EAAwB,QAAQ,GAAG;KAC7C,WAAW,MAA6B;MAEtC,AADA,EAA4B,UAAU,IAAU,EAAO,QAAmB,EAAE,GAC5E,EACE,UACA,IAAU,EAAO,QAAmB,IACpC,CACF;KACF;IACD,CAAA;IAGF,EAAgB,cAAc,YA1LF;KACjC,QAAQ,GAAR;MACE,KAAK,EAAY,SACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,OAAQ,EAAoB,UAA2C;OAClD;OACrB,WAAW,CAAC,CAAC,EAAsB;OACnC,YAAA;OACA,UAAU,EAAwB,cAAc,GAAG;OACnD,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;MACD,CAAA;MAEL,KAAK,EAAY,SACf,OACE,iBAAA,GAAA,EAAA,KAAC,IAAD;OACE,OAAQ,EAAoB,UAA2C;OAClD;OACrB,WAAW,CAAC,CAAC,EAAsB;OACnC,UAAU,EAAwB,cAAc,GAAG;OACnD,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;MACD,CAAA;MAEL,KAAK,EAAY,QACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,OAAQ,EAAoB,UAA2C;OAClD;OACrB,WAAW,CAAC,CAAC,EAAsB;OACnC,UAAU,EAAwB,cAAc,GAAG;OACnD,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;MACD,CAAA;MAEL,KAAK,EAAY,UACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,WAAW,CAAC,CAAC,EAAsB;OACnC,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;OACA,OAAO;QACL,OAAO,QAEF,EAAoB,UAA2C,aAAa,EACjF;QACA,OAAO,QAEF,EAAoB,UAA2C,aAAa,IACjF;OACF;OACqB;OACrB,UAAU,EAAwB,cAAc,GAAG;MACpD,CAAA;MAEL,KAAK,EAAY,iBACf,OACE,iBAAA,GAAA,EAAA,KAAC,IAAD;OACE,WAAW,CAAC,CAAC,EAAsB;OACnC,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;OACA,OAAQ,EAAoB,UAA2C;OAClD;OACrB,UAAU,EAAwB,cAAc,GAAG;MACpD,CAAA;MAEL,KAAK,EAAY,SACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,WAAW,CAAC,CAAC,EAAsB;OACnC,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;OACA,OAAQ,EAAoB,UAA2C;OAClD;OACrB,UAAU,EAAwB,cAAc,GAAG;MACpD,CAAA;MAEL,KAAK,EAAY,uBACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,WAAW,CAAC,CAAC,EAAsB;OACnC,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;OACA,OAAQ,EAAoB,UAA2C;OAClD;OACrB,UAAU,EAAwB,cAAc,GAAG;MACpD,CAAA;MAEL,KAAK,EAAY,YACf,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,WAAW,CAAC,CAAC,EAAsB;OACnC,WAAW,MAAyB;QAElC,AADA,EAA4B,GAAQ,CAAmB,GACvD,EAAqC,gBAAgB,GAAQ,CAAmB;OAClF;OACA,OAAO,GACJ,EAAoB,UAA2C,YAClE;OACqB;OACrB,YAAA;OACA,UAAU,EAAwB,cAAc,GAAG;MACpD,CAAA;MAEL,SACE,OAAO;KACX;IACF,GAgE+D;IAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAgB,WAAW,KAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,OAAO,EAAU;MACjB,WAAW,CAAC,CAAC,EAAsB;MACnC,UAAU,EAAwB,WAAW,GAAG;MAChD,WAAW,MAAa;OAEtB,AADA,EAA4B,aAAa,CAAQ,GACjD,EAAqC,aAAa,GAAU,CAAmB;MACjF;KACD,CAAA,GAGF,EAAgB,UAAU,KACzB,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,OAAO,EAAU;MACjB,WAAW,CAAC,CAAC,EAAsB;MACnC,UAAU,EAAwB,UAAU,GAAG;MAC/C,WAAW,MAAa;OAEtB,AADA,EAA4B,YAAY,CAAQ,GAChD,EAAqC,YAAY,GAAU,CAAmB;MAChF;KACD,CAAA,CAEA;;IAEJ,EAAgB,WAAW,KAC1B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,SAAS,EAAsB;KACvB;KACR,YAAA;KACA,UAAU,EAAwB,WAAW,GAAG;KAChD,WAAW,MAAa;MAEtB,AADA,EAA4B,aAAa,CAAQ,GACjD,EAAqC,aAAa,GAAU,CAAmB;KACjF;IACD,CAAA;IAGF,EAAgB,OAAO,KACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aAAY;KACZ,WAAW,MAAa;MAEtB,AADA,EAA4B,SAAS,CAAQ,GAC7C,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAU,GAAqB,CAAK;KAChD,UAAU,EAAwB,OAAO,GAAG;IAC7C,CAAA;IAGF,EAAgB,aAAa,KAC5B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,YAAY,CAAC,CAAC,EAAoB,aAAa;KAC/C,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MAEtB,AADA,EAA4B,eAAe,CAAQ,GACnD,EAAqC,eAAe,GAAU,CAAmB;KACnF;KACA,qBAAqB,EAAU,iBAAiB,EAAU,cAAc;KACxE,UAAU,EAAwB,aAAa,GAAG;IACnD,CAAA;IAGF,EAAgB,UAAU,KACzB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,YAAA;KACA,WAAW,CAAC,CAAC,EAAsB;KACnC,SAAS,EAAsB;KAC/B,UAAU,EAAwB,UAAU,GAAG;KAC/C,WAAW,MAAU;MAEnB,AADA,EAA4B,YAAY,CAAK,GAC7C,EAAqC,YAAY,GAAO,CAAmB;KAC7E;IACD,CAAA;IAGF,EAAgB,MAAM,KACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,YAAA;KACA,WAAW,CAAC,CAAC,EAAsB;KACnC,SAAS,EAAsB;KAC/B,UAAU,EAAwB,MAAM,GAAG;KAC3C,WAAW,MAAa;MAEtB,AADA,EAA4B,QAAQ,CAAQ,GAC5C,EAAqC,QAAQ,GAAU,CAAmB;KAC5E;IACD,CAAA;IAGF,EAAgB,eAAe,KAC9B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,SAAS,EAAsB;KACvB;KACR,WAAW,MAAa;MAEtB,AADA,EAA4B,iBAAiB,CAAQ,GACrD,EAAqC,iBAAiB,GAAU,CAAmB;KACrF;KACA,OAAO,EAAU;KACjB,UAAU,EAAwB,eAAe,GAAG;IACrD,CAAA;IAGF,EAAgB,qBAAqB,KACpC,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,YAAA;KACA,UAAU,EAAwB,qBAAqB,GAAG;KAC1D,WAAW,MAAa;MAEtB,AADA,EAA4B,uBAAuB,CAAQ,GAC3D,EACE,uBACA,GACA,CACF;KACF;IACD,CAAA;IAGF,EAAgB,eAAe,KAC9B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,UAAU,EAAwB,eAAe,GAAG;KACpD,WAAW,MAAa;MAEtB,AADA,EAA4B,iBAAiB,CAAQ,GACrD,EAAqC,iBAAiB,GAAU,CAAmB;KACrF;IACD,CAAA;IAGF,EAAgB,UAAU,KACzB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,YAAY,EAAwB,UAAU,GAAG;KACjD,UAAU,EAAwB,UAAU,GAAG;KAC/C,WAAW,MAAa;MAEtB,AADA,EAA4B,YAAY,CAAQ,GAChD,EAAqC,YAAY,GAAU,CAAmB;KAChF;KACA,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;IAGF,EAAgB,YAAY,KAC3B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MAEtB,AADA,EAA4B,cAAc,CAAQ,GAClD,EAAqC,cAAc,GAAU,CAAmB;KAClF;KACA,OAAO,EAAU;KACjB,UAAU,EAAwB,YAAY,GAAG;IAClD,CAAA;IAGF,EAAgB,sBAAsB,KACrC,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,IAAD;MACE,OAAO,EAAU;MACjB,WAAW,MAAkB;OAE3B,AADA,EAA4B,wBAAwB,CAAK,GACzD,EACE,wBACA,GACA,CACF;MACF;MACA,WAAW,CAAC,CAAC,EAAsB,GAAY;MAC/C,aAAY;MACZ,UAAU,EAAwB,sBAAsB,GAAG;KAC5D,CAAA;IACE,CAAA;IAGN,EAAgB,OAAO,KACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,YAAA;KACA,SAAS,GAAyB,EAAoB,cAAc,CAAI;KACxE,OAAO,EAAU,SAAS,KAAA;KAC1B,WAAW,EAAQ,EAAsB;KACzC,UAAU,OAAO,MAAiD;MAChE,IAAM,IAAa,IAAc,EAAY,QAAQ,KAAA;MAErD,AADA,EAA4B,SAAS,CAAU,GAC/C,EAAqC,SAAS,GAAY,CAAmB;KAC/E;KACA,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;MAAsB,IAAG;MAAQ,gBAAe;KAAS,CAAA;KAChE,UAAU,EAAwB,OAAO,GAAG;IAC7C,CAAA;IAGF,EAAgB,qBAAqB,KACpC,EAAoB,aAAa,mCAC/B,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,SAAS,EAAsB;KACvB;KACR,WAAW,MAAa;MAEtB,AADA,EAA4B,uBAAuB,CAAQ,GAC3D,EACE,uBACA,GACA,CACF;KACF;KACA,OAAO,EAAU;KACjB,UAAU,EAAwB,qBAAqB,GAAG;IAC3D,CAAA;IAGJ,GAAQ,kBAAkB,KAAK,MAC9B,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAyB;KAA6B;IAAsB,CAAA,CAC7E;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,WAAW,CAAC,CAAC,EAAsB;KACnC,WAAW,MAAa;MAKtB,AAJA,EAA4B,YAAY;OACtC,GAAG,EAAoB,UAAU;OACjC,oBAAoB;MACtB,CAAC,GACD,EACE,sBACA,GACA,CACF;KACF;KACW;KACX,UAAU,EAAwB,oBAAoB,GAAG;IAC1D,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAmC;KAAqB,QAAO;IAAsB,CAAA;IAErF,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,WAAW,CAAC,CAAC,EAAsB;IACpC,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,IAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET,CAEkF"}
+{"version":3,"file":"StepCollectPersonalInfo-qc9qiwM9.js","names":[],"sources":["../../src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type CollectPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type Organization,\n  type FormSelectChoice,\n  type State,\n  type CollectFieldsResponse,\n  type CollectPersonalInfoResponse,\n  type FieldDescription,\n  type AllStatuses,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableStateChoices,\n  orgToOption,\n  getStatusLabel,\n  handleEmailOnKeyDown,\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModelWithAllRequiredFields,\n  getAvailableStatuses,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { CollegeNameComponent as CollegeName } from \"../FormFields/CollegeName/CollegeNameComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { FieldIdEnum, SegmentEnum, VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { ActiveDutyStartDateComponent } from \"../FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent\";\nimport { BranchOfServiceComponent as BranchOfService } from \"../FormFields/BranchOfService/BranchOfServiceComponent\";\nimport { DriverLicenseNumberComponent as DriverLicenseNumber } from \"../FormFields/DriverLicenseNumber/DriverLicenseNumberComponent\";\nimport { EBTCardNumberComponent } from \"../FormFields/EBTCardNumber/EBTCardNumberComponent\";\nimport { StatusComponent as Status } from \"../FormFields/Status/StatusComponent\";\nimport { LowIncomeOrganizationComponent as LowIncomeOrganization } from \"../FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent\";\nimport { FirstResponderOrganizationComponent as FirstResponderOrganization } from \"../FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent\";\nimport { LicensedProfessionalOrganizationComponent as LicensedProfessionalOrganization } from \"../FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { MembershipOrganizationComponent as MembershipOrganization } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { TeacherSchoolComponent as TeacherSchool } from \"../FormFields/TeacherSchool/TeacherSchoolComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { DischargeDateComponent } from \"../FormFields/DischargeDate/DischargeDateComponent\";\nimport { getAllFieldsToCollect } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { getMarketConsent } from \"../../lib/ProgramTheme/programThemeGetters\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepCollectPersonalInfoProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nexport const StepCollectPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepCollectPersonalInfoProps) => {\n  const viewModel = verificationService.viewModel as CollectPersonalInfoViewModel;\n  const { updateViewModel, programTheme } = verificationService;\n\n  const [requiredFields, setRequiredFields] = React.useState<FieldDescription[]>(undefined);\n\n  const isFieldRequired = (key: keyof CollectPersonalInfoViewModel) =>\n    requiredFields && requiredFields.some((field) => field.key === key);\n\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as CollectPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updatePersonalInfoViewModel = (key: keyof CollectPersonalInfoViewModel, value: any) => {\n    const nextState: CollectPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: CollectPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    updateViewModel(nextState);\n  };\n\n  const updateViewModelWithRequiredFields = (newRequiredFields: FieldDescription[]) => {\n    const nextState: CollectPersonalInfoViewModel = produceDraftViewModelWithAllRequiredFields(\n      viewModel,\n      newRequiredFields,\n    );\n    updateViewModel(nextState);\n  };\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const { segment, availableStatuses } = verificationResponse;\n  const pascalCaseSegment = segment.charAt(0).toUpperCase() + segment.slice(1);\n\n  const isStatusRequired = (): boolean =>\n    availableStatuses &&\n    (segment === SegmentEnum.FIRST_RESPONDER ||\n      segment === SegmentEnum.MEDICAL ||\n      segment === SegmentEnum.LOW_INCOME ||\n      segment === SegmentEnum.LICENSED_PROFESSIONAL ||\n      segment === SegmentEnum.EMPLOYMENT ||\n      segment === SegmentEnum.RECENT_MOVER ||\n      segment === SegmentEnum.MILITARY);\n\n  const getAndSetRequiredFields = (requestBody: { statuses?: AllStatuses[] }) =>\n    (async () => {\n      try {\n        const collectFieldsResponse: CollectFieldsResponse = await getAllFieldsToCollect(\n          verificationResponse.verificationId,\n          verificationResponse.currentStep,\n          requestBody,\n        );\n        const newRequiredFields = getSafe(() => collectFieldsResponse.fieldsToCollect.required, []);\n\n        if (isStatusRequired()) {\n          // Adding `status` as a required input field if it's been removed by getting\n          // all fields to collect with a statuses req body\n          newRequiredFields.push({ key: \"status\" });\n        }\n\n        updateViewModelWithRequiredFields(newRequiredFields);\n        setRequiredFields(newRequiredFields);\n      } catch (error) {\n        logger.error(`Failed to determine fields to collect: ${error}`);\n      }\n    })();\n\n  const getOrganizationField = () => {\n    switch (segment) {\n      case SegmentEnum.STUDENT:\n        return (\n          <CollegeName\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.TEACHER:\n        return (\n          <TeacherSchool\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.MEMBER:\n        return (\n          <MembershipOrganization\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.organization}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n          />\n        );\n      case SegmentEnum.MILITARY:\n        return (\n          <BranchOfService\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={{\n              value: getSafe(\n                () =>\n                  (verificationService.viewModel as CollectPersonalInfoViewModel).organization.id,\n              ),\n              label: getSafe(\n                () =>\n                  (verificationService.viewModel as CollectPersonalInfoViewModel).organization.name,\n              ),\n            }}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.FIRST_RESPONDER:\n        return (\n          <FirstResponderOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.MEDICAL:\n        return (\n          <MedicalProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.LICENSED_PROFESSIONAL:\n        return (\n          <LicensedProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={(verificationService.viewModel as CollectPersonalInfoViewModel).organization}\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      case SegmentEnum.LOW_INCOME:\n        return (\n          <LowIncomeOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={orgToOption(\n              (verificationService.viewModel as CollectPersonalInfoViewModel).organization,\n            )}\n            verificationService={verificationService}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n        );\n      default:\n        return null;\n    }\n  };\n\n  React.useEffect(() => {\n    if (availableStatuses && segment === SegmentEnum.MILITARY) {\n      // display all required military fields by setting an initial default status\n      getAndSetRequiredFields({ statuses: [] });\n    } else {\n      // fetch initial list of required input fields\n      getAndSetRequiredFields({});\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!getMarketConsent(programTheme).enabled && requiredFields && requiredFields.length === 0) {\n      // skip this step if there are no required fields, and marketConsent is not enabled\n      submitForm(viewModel, verificationService, VerificationStepsEnum.collectPersonalInfo);\n    }\n  }, [requiredFields]);\n\n  React.useEffect(() => {\n    if (viewModel.status) {\n      // if status changes, re-fetch required fields because they may have changed based on selected status\n      getAndSetRequiredFields({ statuses: [viewModel.status] });\n    }\n  }, [viewModel.status]);\n\n  return (\n    <div\n      id=\"sid-step-personal-info-personal-info\"\n      className=\"sid-personal-info-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"personal-info\"\n        />\n\n        <CountryComponentWrapper\n          verificationService={verificationService}\n          disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        />\n\n        {isStatusRequired() && (\n          <Status\n            segmentId={segment}\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(intl, viewModel.status, null),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            errorId={`invalid${pascalCaseSegment}Status`}\n            options={getAvailableStatuses(intl, availableStatuses)}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updatePersonalInfoViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"organization\") && getOrganizationField()}\n\n        <div className=\"sid-names\">\n          {isFieldRequired(\"firstName\") && (\n            <FirstName\n              value={viewModel.firstName}\n              isErrored={!!fieldValidationErrors.firstName}\n              disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"firstName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n              }}\n            />\n          )}\n\n          {isFieldRequired(\"lastName\") && (\n            <LastName\n              value={viewModel.lastName}\n              isErrored={!!fieldValidationErrors.lastName}\n              disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"lastName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n              }}\n            />\n          )}\n        </div>\n\n        {isFieldRequired(\"birthDate\") && (\n          <BirthDate\n            value={viewModel.birthDate}\n            errorId={fieldValidationErrors.birthDate}\n            locale={locale}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"birthDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"email\") && (\n          <Email\n            value={viewModel.email}\n            isErrored={!!fieldValidationErrors.email}\n            explanation=\" \"\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"email\", newValue);\n              updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n            }}\n            onKeyDown={(event) => handleEmailOnKeyDown(event)}\n            disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"phoneNumber\") && (\n          <PhoneNumber\n            isRequired={!!verificationService.programTheme.smsLoopEnabled}\n            value={viewModel.phoneNumber}\n            isErrored={!!fieldValidationErrors.phoneNumber}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"phoneNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n            }}\n            selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n            disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"address1\") && (\n          <AddressComponent\n            value={viewModel.address1}\n            isRequired\n            isErrored={!!fieldValidationErrors.address1}\n            errorId={fieldValidationErrors.address1}\n            disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n            onChange={(value) => {\n              updatePersonalInfoViewModel(\"address1\", value);\n              updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"city\") && (\n          <CityComponent\n            value={viewModel.city}\n            isRequired\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"dischargeDate\") && (\n          <DischargeDateComponent\n            errorId={fieldValidationErrors.dischargeDate}\n            locale={locale}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"dischargeDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"dischargeDate\", newValue, verificationService);\n            }}\n            value={viewModel.dischargeDate}\n            disabled={getFieldConfigByFieldId(\"dischargeDate\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"driverLicenseNumber\") && (\n          <DriverLicenseNumber\n            value={viewModel.driverLicenseNumber}\n            isErrored={!!fieldValidationErrors.driverLicenseNumber}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"driverLicenseNumber\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"driverLicenseNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\n                \"driverLicenseNumber\",\n                newValue,\n                verificationService,\n              );\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"ebtCardNumber\") && (\n          <EBTCardNumberComponent\n            value={viewModel.ebtCardNumber}\n            isErrored={!!fieldValidationErrors.ebtCardNumber}\n            disabled={getFieldConfigByFieldId(\"ebtCardNumber\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"ebtCardNumber\", newValue);\n              updateFieldValidationErrorsByFieldId(\"ebtCardNumber\", newValue, verificationService);\n            }}\n          />\n        )}\n\n        {isFieldRequired(\"memberId\") && (\n          <MemberId\n            value={viewModel.memberId}\n            isErrored={!!fieldValidationErrors.memberId}\n            isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n            disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"memberId\", newValue);\n              updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n            }}\n            label={\n              <FormattedHTMLMessage\n                id=\"step.collectMedicalPersonalInfo.registrationNumberLabel\"\n                defaultMessage=\"Registration Number\"\n              />\n            }\n          />\n        )}\n\n        {isFieldRequired(\"postalCode\") && (\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updatePersonalInfoViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"socialSecurityNumber\") && (\n          <div className=\"sid-ssn-wrapper\">\n            <SocialSecurityNumber\n              value={viewModel.socialSecurityNumber}\n              onChange={(value: string) => {\n                updatePersonalInfoViewModel(\"socialSecurityNumber\", value);\n                updateFieldValidationErrorsByFieldId(\n                  \"socialSecurityNumber\",\n                  value,\n                  verificationService,\n                );\n              }}\n              isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n              placeholder=\"000-00-0000\"\n              disabled={getFieldConfigByFieldId(\"socialSecurityNumber\")?.disabled}\n            />\n          </div>\n        )}\n\n        {isFieldRequired(\"state\") && (\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updatePersonalInfoViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n        )}\n\n        {isFieldRequired(\"activeDutyStartDate\") &&\n          verificationService.programTheme.strictMilitaryValidationEnabled && (\n            <ActiveDutyStartDateComponent\n              errorId={fieldValidationErrors.activeDutyStartDate}\n              locale={locale}\n              onChange={(newValue) => {\n                updatePersonalInfoViewModel(\"activeDutyStartDate\", newValue);\n                updateFieldValidationErrorsByFieldId(\n                  \"activeDutyStartDate\",\n                  newValue,\n                  verificationService,\n                );\n              }}\n              value={viewModel.activeDutyStartDate}\n              disabled={getFieldConfigByFieldId(\"activeDutyStartDate\")?.disabled}\n            />\n          )}\n\n        {options.customFormFields?.map((config: CustomFormFieldConfig) => (\n          <FormFieldCustom config={config} verificationService={verificationService} />\n        ))}\n\n        <MarketConsentWrapper\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.marketConsentValue}\n          onChange={(newValue) => {\n            updatePersonalInfoViewModel(\"metadata\", {\n              ...verificationService.viewModel.metadata,\n              marketConsentValue: newValue,\n            });\n            updateFieldValidationErrorsByFieldId(\n              \"marketConsentValue\",\n              newValue,\n              verificationService,\n            );\n          }}\n          viewModel={viewModel}\n          disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n        />\n\n        <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n        <CaptchaComponent\n          verificationService={verificationService}\n          isErrored={!!fieldValidationErrors.captchaToken}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectPersonalInfo}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectPersonalInfoComponent = injectIntl(StepCollectPersonalInfo);\n"],"mappings":"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"}

package/chunk/{StepCompleteAuthentication-DIu2DNgh.js → StepCompleteAuthentication-D5eAqv1G.js}

@@ -1,13 +1,13 @@
 
 /**
- *   VERSION: 2.262.0-alpha.3
- *   BUILD_TIMESTAMP: 1785444444877
- *   BUILD_DATE: Thu Jul 30 2026 20:47:24 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 572623f7bc6b5a1e30face657957b5ba18222d0c
+ *   VERSION: 2.263.0-alpha.0
+ *   BUILD_TIMESTAMP: 1785516877881
+ *   BUILD_DATE: Fri Jul 31 2026 16:54:37 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
  */
-import { Gt as e, It as t, c as n } from "./options-BbtwtZJW.js";
-import { c as r, n as i, t as a } from "./jsx-runtime-Dwjl7cK_.js";
-import { t as o } from "./AnnouncingHeader-BxnHzcl6.js";
+import { Kt as e, Lt as t, c as n } from "./options-5u5_TcMp.js";
+import { c as r, n as i, t as a } from "./jsx-runtime-BzjRi5cY.js";
+import { t as o } from "./AnnouncingHeader-C46Kp2B-.js";
 import { Q as s, et as c } from "../sheerid.js";
 //#region ../node_modules/react-auth-code-input/dist/index.modern.js
 var l = /* @__PURE__ */ e(r()), u = [

package/chunk/{StepCompleteAuthentication-CbAA1cG8.js.map → StepCompleteAuthentication-D5eAqv1G.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-CbAA1cG8.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"StepCompleteAuthentication-D5eAqv1G.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/chunk/{StepCompleteAuthentication-CbAA1cG8.js → StepCompleteAuthentication-Dn2a9n2B.js}

@@ -4,14 +4,14 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0-alpha.3
- *   BUILD_TIMESTAMP: 1785444448827
- *   BUILD_DATE: Thu Jul 30 2026 20:47:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 572623f7bc6b5a1e30face657957b5ba18222d0c
+ *   VERSION: 2.263.0-alpha.0
+ *   BUILD_TIMESTAMP: 1785516882559
+ *   BUILD_DATE: Fri Jul 31 2026 16:54:42 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
  */
-import { Mt as e, Ut as t, p as n } from "./intl-CSRMUNER.js";
-import { c as r, n as i, t as a } from "./jsx-runtime-ad-EElqi.js";
-import { t as o } from "./AnnouncingHeader-BQ8ZM0VA.js";
+import { Ft as e, Kt as t, p as n } from "./intl-RejEV_0u.js";
+import { c as r, n as i, t as a } from "./jsx-runtime-C8rHQFpC.js";
+import { t as o } from "./AnnouncingHeader-2fKF8wpi.js";
 import { $ as s, Z as c } from "../_mysheerid-preview.js";
 //#region ../node_modules/react-auth-code-input/dist/index.modern.js
 var l = /* @__PURE__ */ t(r()), u = [

package/chunk/{StepCompleteAuthentication-DIu2DNgh.js.map → StepCompleteAuthentication-Dn2a9n2B.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCompleteAuthentication-DIu2DNgh.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"StepCompleteAuthentication-Dn2a9n2B.js","names":[],"sources":["../../../node_modules/react-auth-code-input/dist/index.modern.js","../../src/components/StepCompleteAuthentication/StepCompleteAuthenticationComponent.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useImperativeHandle, useEffect } from 'react';\n\nvar allowedCharactersValues = ['alpha', 'numeric', 'alphanumeric'];\nvar propsMap = {\n  alpha: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z]{1}'\n  },\n  alphanumeric: {\n    type: 'text',\n    inputMode: 'text',\n    pattern: '[a-zA-Z0-9]{1}'\n  },\n  numeric: {\n    type: 'tel',\n    inputMode: 'numeric',\n    pattern: '[0-9]{1}',\n    min: '0',\n    max: '9'\n  }\n};\nvar AuthCode = forwardRef(function (_ref, ref) {\n  var _ref$allowedCharacter = _ref.allowedCharacters,\n      allowedCharacters = _ref$allowedCharacter === void 0 ? 'alphanumeric' : _ref$allowedCharacter,\n      ariaLabel = _ref.ariaLabel,\n      _ref$autoFocus = _ref.autoFocus,\n      autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n      containerClassName = _ref.containerClassName,\n      disabled = _ref.disabled,\n      inputClassName = _ref.inputClassName,\n      _ref$isPassword = _ref.isPassword,\n      isPassword = _ref$isPassword === void 0 ? false : _ref$isPassword,\n      _ref$length = _ref.length,\n      length = _ref$length === void 0 ? 6 : _ref$length,\n      placeholder = _ref.placeholder,\n      onChange = _ref.onChange;\n\n  if (isNaN(length) || length < 1) {\n    throw new Error('Length should be a number and greater than 0');\n  }\n\n  if (!allowedCharactersValues.some(function (value) {\n    return value === allowedCharacters;\n  })) {\n    throw new Error('Invalid value for allowedCharacters. Use alpha, numeric, or alphanumeric');\n  }\n\n  var inputsRef = useRef([]);\n  var inputProps = propsMap[allowedCharacters];\n  useImperativeHandle(ref, function () {\n    return {\n      focus: function focus() {\n        if (inputsRef.current) {\n          inputsRef.current[0].focus();\n        }\n      },\n      clear: function clear() {\n        if (inputsRef.current) {\n          for (var i = 0; i < inputsRef.current.length; i++) {\n            inputsRef.current[i].value = '';\n          }\n\n          inputsRef.current[0].focus();\n        }\n\n        sendResult();\n      }\n    };\n  });\n  useEffect(function () {\n    if (autoFocus) {\n      inputsRef.current[0].focus();\n    }\n  }, []);\n\n  var sendResult = function sendResult() {\n    var res = inputsRef.current.map(function (input) {\n      return input.value;\n    }).join('');\n    onChange && onChange(res);\n  };\n\n  var handleOnChange = function handleOnChange(e) {\n    var _e$target = e.target,\n        value = _e$target.value,\n        nextElementSibling = _e$target.nextElementSibling;\n\n    if (value.length > 1) {\n      e.target.value = value.charAt(0);\n\n      if (nextElementSibling !== null) {\n        nextElementSibling.focus();\n      }\n    } else {\n      if (value.match(inputProps.pattern)) {\n        if (nextElementSibling !== null) {\n          nextElementSibling.focus();\n        }\n      } else {\n        e.target.value = '';\n      }\n    }\n\n    sendResult();\n  };\n\n  var handleOnKeyDown = function handleOnKeyDown(e) {\n    var key = e.key;\n    var target = e.target;\n\n    if (key === 'Backspace') {\n      if (target.value === '') {\n        if (target.previousElementSibling !== null) {\n          var t = target.previousElementSibling;\n          t.value = '';\n          t.focus();\n          e.preventDefault();\n        }\n      } else {\n        target.value = '';\n      }\n\n      sendResult();\n    }\n  };\n\n  var handleOnFocus = function handleOnFocus(e) {\n    e.target.select();\n  };\n\n  var handleOnPaste = function handleOnPaste(e) {\n    var pastedValue = e.clipboardData.getData('Text');\n    var currentInput = 0;\n\n    for (var i = 0; i < pastedValue.length; i++) {\n      var pastedCharacter = pastedValue.charAt(i);\n      var currentValue = inputsRef.current[currentInput].value;\n\n      if (pastedCharacter.match(inputProps.pattern)) {\n        if (!currentValue) {\n          inputsRef.current[currentInput].value = pastedCharacter;\n\n          if (inputsRef.current[currentInput].nextElementSibling !== null) {\n            inputsRef.current[currentInput].nextElementSibling.focus();\n            currentInput++;\n          }\n        }\n      }\n    }\n\n    sendResult();\n    e.preventDefault();\n  };\n\n  var inputs = [];\n\n  var _loop = function _loop(i) {\n    inputs.push(React.createElement(\"input\", Object.assign({\n      key: i,\n      onChange: handleOnChange,\n      onKeyDown: handleOnKeyDown,\n      onFocus: handleOnFocus,\n      onPaste: handleOnPaste\n    }, inputProps, {\n      type: isPassword ? 'password' : inputProps.type,\n      ref: function ref(el) {\n        inputsRef.current[i] = el;\n      },\n      maxLength: 1,\n      className: inputClassName,\n      autoComplete: i === 0 ? 'one-time-code' : 'off',\n      \"aria-label\": ariaLabel ? ariaLabel + \". Character \" + (i + 1) + \".\" : \"Character \" + (i + 1) + \".\",\n      disabled: disabled,\n      placeholder: placeholder\n    })));\n  };\n\n  for (var i = 0; i < length; i++) {\n    _loop(i);\n  }\n\n  return React.createElement(\"div\", {\n    className: containerClassName\n  }, inputs);\n});\n\nexport default AuthCode;\n//# sourceMappingURL=index.modern.js.map\n","import * as React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\n\nimport {\n  type CompleteAuthenticationViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepCompleteAuthenticationProps {\n  verificationService: VerificationService;\n}\n\nexport const StepCompleteAuthenticationComponent = ({\n  verificationService,\n}: StepCompleteAuthenticationProps) => {\n  const viewModel = verificationService.viewModel as CompleteAuthenticationViewModel;\n  const { fieldValidationErrors, verificationResponse } = verificationService;\n  const { errorIds } = verificationResponse;\n\n  const authInputRef = React.useRef(null);\n\n  const updateCompleteAuthenticationViewmodel = (\n    key: keyof CompleteAuthenticationViewModel,\n    value: any,\n  ) => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const manuallyVerifyViewModel = (): CompleteAuthenticationViewModel => {\n    const nextState: CompleteAuthenticationViewModel = produce(\n      viewModel,\n      (draft: CompleteAuthenticationViewModel) => {\n        draft.didManuallyVerify = true;\n        delete draft.authenticationCode;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n\n    return nextState;\n  };\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode) {\n      // reset local viewModel's authenticationCode to prevent form from submitting\n      // prematurely when provided with an incorrect auth code.\n      viewModel.authenticationCode = \"\";\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.authenticationCode.length >= AUTH_TOKEN_LENGTH) {\n      submitForm(viewModel, verificationService, VerificationStepsEnum.completeAuthentication);\n    }\n  }, [viewModel.authenticationCode]);\n\n  return (\n    <div\n      id=\"sid-step-complete-authentication\"\n      className=\"sid-step-complete-authentication-container sid-l-container\"\n    >\n      <div className=\"sid-header\">\n        <AnnouncingHeader align=\"center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.title\"\n            defaultMessage=\"Verify with Remember Me\"\n          />\n        </AnnouncingHeader>\n        <div className=\"sid-header__subtitle sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.subtitle\"\n            defaultMessage=\"Enter the code sent to your email.\"\n          />\n        </div>\n      </div>\n      <div className=\"sid-l-space-top-md\" />\n      <div className=\"auth-code\">\n        <AuthCode\n          onChange={(token) => {\n            updateCompleteAuthenticationViewmodel(\"authenticationCode\", token);\n            updateFieldValidationErrorsByFieldId(\"authenticationCode\", token, verificationService);\n          }}\n          ref={authInputRef}\n          allowedCharacters=\"numeric\"\n          length={AUTH_TOKEN_LENGTH}\n          isPassword\n          containerClassName=\"auth-code__container\"\n          inputClassName={`auth-code__input${\n            fieldValidationErrors.authenticationCode ? \" auth-code__input-error\" : \"\"\n          }`}\n        />\n        {fieldValidationErrors.authenticationCode ||\n          (errorIds?.length > 0 && (\n            <div className=\"auth-code__error-container\">\n              <div>\n                <img\n                  alt=\"red-exclaimation-circle\"\n                  src=\"https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg\"\n                />\n              </div>\n              <div className=\"auth-code__error-text\">\n                <FormattedHTMLMessage\n                  id=\"errorId.invalidAuthenticationLoopToken\"\n                  defaultMessage=\"The code provided is invalid\"\n                />\n              </div>\n            </div>\n          ))}\n      </div>\n      <div className=\"sid-complete-auth__manually-verify-button-continer\">\n        <button\n          type=\"button\"\n          className=\"sid-btn sid-btn-light sid-complete-auth__manually-verify-button\"\n          aria-label=\"submit\"\n          onClick={() => {\n            submitForm(\n              manuallyVerifyViewModel(),\n              verificationService,\n              VerificationStepsEnum.completeAuthentication,\n            );\n          }}\n        >\n          <FormattedHTMLMessage\n            id=\"step.completeAuthentication.manuallyVerifyButton\"\n            defaultMessage=\"Manually verify\"\n          />\n        </button>\n      </div>\n    </div>\n  );\n};\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/chunk/{StepConsolation-CPppVczj.js → StepConsolation-98Hyjrx9.js}

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0-alpha.3
- *   BUILD_TIMESTAMP: 1785444448827
- *   BUILD_DATE: Thu Jul 30 2026 20:47:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 572623f7bc6b5a1e30face657957b5ba18222d0c
+ *   VERSION: 2.263.0-alpha.0
+ *   BUILD_TIMESTAMP: 1785516882559
+ *   BUILD_DATE: Fri Jul 31 2026 16:54:42 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
  */
-import { wt as e } from "./intl-CSRMUNER.js";
-import { n as t, t as n } from "./jsx-runtime-ad-EElqi.js";
-import { t as r } from "./ApiUrls-nZXwhWiR.js";
-import { t as i } from "./LogoComponent-DfYUd29W.js";
-import { t as a } from "./CopyToClipboardComponent-28EiBssf.js";
+import { Dt as e } from "./intl-RejEV_0u.js";
+import { n as t, t as n } from "./jsx-runtime-C8rHQFpC.js";
+import { t as r } from "./ApiUrls-DlpncFa4.js";
+import { t as i } from "./LogoComponent-40n5vaD0.js";
+import { t as a } from "./CopyToClipboardComponent-mgX-iqqn.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var o = n(), s = ({ verificationService: n }) => {
 	let s = n.verificationResponse.consolationRewardCode || "${consolationRewardCode}", c = n.programTheme.config.offerType === "noCode", { verificationId: l } = n.verificationResponse, { rewardDisplay: u } = n.programTheme.config, d = !c && !!u.length;

package/chunk/{StepConsolation-CPppVczj.js.map → StepConsolation-98Hyjrx9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-CPppVczj.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n            {(companyName) => (\n              <FormattedHTMLMessage\n                id=\"step.consolation.subtitle\"\n                defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                values={{ companyName }}\n              />\n            )}\n          </FormattedHTMLMessage>\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAqHa,KAzGY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;KACvD,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,IAAG;MACH,MAAK;gBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,SAAQ;MACT,CAAA;KACE,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA;KACnB,CAAA;IACF;;GAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;eAEJ;IACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA;IACd,CAAA,CACL,EAAA,CAAA,IA1BA,iBAAA,GAAA,EAAA,KAAC,OAAD;KAEE,WAAU;KACV,KAAK;KACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;IACxE,GAJM,CAIN,CAuBN;GACE,CAAA;GAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAU;IACV,MAAK;cAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAc,gBAAe;gBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,QAAQ,EAAE,eAAY;KACvB,CAAA;IAEiB,CAAA;GACnB,CAAA;EACF;;AAET"}
+{"version":3,"file":"StepConsolation-98Hyjrx9.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n            {(companyName) => (\n              <FormattedHTMLMessage\n                id=\"step.consolation.subtitle\"\n                defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                values={{ companyName }}\n              />\n            )}\n          </FormattedHTMLMessage>\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAqHa,KAzGY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;KACvD,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,IAAG;MACH,MAAK;gBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,SAAQ;MACT,CAAA;KACE,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA;KACnB,CAAA;IACF;;GAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;eAEJ;IACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA;IACd,CAAA,CACL,EAAA,CAAA,IA1BA,iBAAA,GAAA,EAAA,KAAC,OAAD;KAEE,WAAU;KACV,KAAK;KACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;IACxE,GAJM,CAIN,CAuBN;GACE,CAAA;GAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAU;IACV,MAAK;cAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAc,gBAAe;gBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,QAAQ,EAAE,eAAY;KACvB,CAAA;IAEiB,CAAA;GACnB,CAAA;EACF;;AAET"}

package/chunk/{StepConsolation-Ga2Deo3F.js → StepConsolation-XE4XTZd0.js}

@@ -1,15 +1,15 @@
 
 /**
- *   VERSION: 2.262.0-alpha.3
- *   BUILD_TIMESTAMP: 1785444444877
- *   BUILD_DATE: Thu Jul 30 2026 20:47:24 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 572623f7bc6b5a1e30face657957b5ba18222d0c
+ *   VERSION: 2.263.0-alpha.0
+ *   BUILD_TIMESTAMP: 1785516877881
+ *   BUILD_DATE: Fri Jul 31 2026 16:54:37 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
  */
-import { Ot as e } from "./options-BbtwtZJW.js";
-import { n as t, t as n } from "./jsx-runtime-Dwjl7cK_.js";
-import { t as r } from "./ApiUrls-CV7PU5EV.js";
-import { t as i } from "./LogoComponent-DLw4pZDn.js";
-import { t as a } from "./CopyToClipboardComponent-RewXk0sK.js";
+import { kt as e } from "./options-5u5_TcMp.js";
+import { n as t, t as n } from "./jsx-runtime-BzjRi5cY.js";
+import { t as r } from "./ApiUrls-CcYW2aEq.js";
+import { t as i } from "./LogoComponent-lTeCnowz.js";
+import { t as a } from "./CopyToClipboardComponent-C3q4w3A8.js";
 //#region src/components/StepConsolation/StepConsolationComponent.tsx
 var o = n(), s = ({ verificationService: n }) => {
 	let s = n.verificationResponse.consolationRewardCode || "${consolationRewardCode}", c = n.programTheme.config.offerType === "noCode", { verificationId: l } = n.verificationResponse, { rewardDisplay: u } = n.programTheme.config, d = !c && !!u.length;

package/chunk/{StepConsolation-Ga2Deo3F.js.map → StepConsolation-XE4XTZd0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepConsolation-Ga2Deo3F.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n            {(companyName) => (\n              <FormattedHTMLMessage\n                id=\"step.consolation.subtitle\"\n                defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                values={{ companyName }}\n              />\n            )}\n          </FormattedHTMLMessage>\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAqHa,KAzGY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;KACvD,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,IAAG;MACH,MAAK;gBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,SAAQ;MACT,CAAA;KACE,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA;KACnB,CAAA;IACF;;GAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;eAEJ;IACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA;IACd,CAAA,CACL,EAAA,CAAA,IA1BA,iBAAA,GAAA,EAAA,KAAC,OAAD;KAEE,WAAU;KACV,KAAK;KACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;IACxE,GAJM,CAIN,CAuBN;GACE,CAAA;GAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAU;IACV,MAAK;cAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAc,gBAAe;gBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,QAAQ,EAAE,eAAY;KACvB,CAAA;IAEiB,CAAA;GACnB,CAAA;EACF;;AAET"}
+{"version":3,"file":"StepConsolation-XE4XTZd0.js","names":[],"sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService, type ConsolationResponse } from \"../../lib/types/types\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n            {(companyName) => (\n              <FormattedHTMLMessage\n                id=\"step.consolation.subtitle\"\n                defaultMessage=\"Although we couldn't verify you, {companyName} is providing you this code. It is unique to you and can be only used once.\"\n                values={{ companyName }}\n              />\n            )}\n          </FormattedHTMLMessage>\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"mappings":";;;;;;aAqHa,KAzGY,EAAE,6BAAgD;CACzE,IAAM,IACH,EAAoB,qBAA6C,yBAClE,4BAEI,IAAa,EAAoB,aAAa,OAAO,cAAc,UACnE,EAAE,sBAAmB,EAAoB,sBAEzC,EAAE,qBAAkB,EAAoB,aAAa,QACrD,IAAa,CAAC,KAAc,CAAC,CAAC,EAAc;CAElD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,IAAG;EAAuB,WAAU;YAAzC;GACE,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAoC,uBAAsB,CAAA;KACvD,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MACE,WAAU;MACV,IAAG;MACH,MAAK;gBAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;OACf,SAAQ;MACT,CAAA;KACE,CAAA;KAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;MAAK,WAAU;gBACb,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAc,gBAAe;kBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;QACE,IAAG;QACH,gBAAe;QACf,QAAQ,EAAE,eAAY;OACvB,CAAA;MAEiB,CAAA;KACnB,CAAA;IACF;;GAEJ,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACZ,EAAc,KAAK,MACd,MAAgB,EAAkB,OAUpC,iBAAA,GAAA,EAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;KACE,WAAU;KACV,MAAK;eAEJ;IACE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eACb,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,YAAY;MACZ,kBAAkB,iBAAA,GAAA,EAAA,KAAC,GAAD;OAAsB,IAAG;OAAS,gBAAe;MAAU,CAAA;gBAE7E,iBAAA,GAAA,EAAA,KAAC,GAAD;OACE,IAAG;OACH,gBAAe;MAChB,CAAA;KACc,CAAA;IACd,CAAA,CACL,EAAA,CAAA,IA1BA,iBAAA,GAAA,EAAA,KAAC,OAAD;KAEE,WAAU;KACV,KAAK;KACL,KAAK,EAAc,GAAgB,yBAAyB,CAAW;IACxE,GAJM,CAIN,CAuBN;GACE,CAAA;GAGP,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GACE,CAAA;GAEL,iBAAA,GAAA,EAAA,KAAC,OAAD;IACE,WAAU;IACV,MAAK;cAEL,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAc,gBAAe;gBAClD,MACA,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;MACf,QAAQ,EAAE,eAAY;KACvB,CAAA;IAEiB,CAAA;GACnB,CAAA;EACF;;AAET"}