npm - @sheerid/jslib - Versions diffs - 2.314.0 → 2.316.0 - Mend

@sheerid/jslib 2.314.0 → 2.316.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (433) hide show

package/chunk/{StepCollectPersonalInfo-DWygvbfF.js.map → StepCollectPersonalInfo-DmTVCQ3_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepCollectPersonalInfo-DWygvbfF.js","names":["produce","CollegeName","TeacherSchool","MembershipOrganization","BranchOfService","FirstResponderOrganization","MedicalProfessionalOrganization","LicensedProfessionalOrganization","LowIncomeOrganization","Status","FirstName","LastName","BirthDate","Email","PhoneNumber","DriverLicenseNumber","MemberId","MarketConsentWrapper","FormFooter","__toESM","getSafe","fn","getOptions","logger","VerificationStepsEnum","FieldIdEnum","SegmentEnum","FormattedHTMLMessage","require_jsx_runtime","getAllFieldsToCollect","useProgramConfiguration","getMarketConsent","hasFailedInstantMatch","FormFooterComponent","PersonalInfoHeader","useCollectFieldsEndpoint","orgToOption","submitForm","handleEmailOnKeyDown","produceDraftViewModelWithAllRequiredFields","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","useFormSelectChoice","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","isCountrySelectionNeeded","CollegeNameComponent","StateSelectComponent","BranchOfServiceComponent","ActiveDutyStartDateComponent","DischargeDateComponent","DriverLicenseNumberComponent","EBTCardNumberComponent","LowIncomeOrganizationComponent","StatusComponent","FirstResponderOrganizationComponent","LicensedProfessionalOrganizationComponent","MedicalProfessionalOrganizationComponent","MemberIdComponent","MembershipOrganizationComponent","TeacherSchoolComponent","SocialSecurityNumber","import_react","require_react","import_jsx_runtime","StepCollectPersonalInfoComponent","programConfiguration","viewModel","verificationService","requiredFields","setRequiredFields","isFieldRequired","field","key","verificationResponse","failedInstantMatch","updatePersonalInfoViewModel","nextState","value","updateViewModelWithRequiredFields","newRequiredFields","locale","options","pascalCaseSegment","segment","isStatusRequired","availableStatuses","dynamicStatuses","countryChoiceValue","needToPickCountry","statusOptions","getAndSetRequiredFields","collectFieldsResponse","requestBody","error","option","fieldValidationErrors","status","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","choice","newValue","event","stateValue","stateChoice"],"sources":["../../src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { useFormSelectChoice } from \"@/components/FormInputs/InputSelect/InputSelectComponent\";\nimport { type MessageId } from \"@/lib/intl/types\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 orgToOption,\n handleEmailOnKeyDown,\n submitForm,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n produceDraftViewModelWithAllRequiredFields,\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 { useCollectFieldsEndpoint } from \"../../lib/ServerApi/useCollectFieldsEndpoint\";\nimport { getMarketConsent } from \"../../lib/ProgramConfiguration/programConfigurationGetters\";\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepCollectPersonalInfoProps {\n verificationService: VerificationService;\n}\n\nexport const StepCollectPersonalInfoComponent = ({\n verificationService,\n}: StepCollectPersonalInfoProps) => {\n const programConfiguration = useProgramConfiguration();\n const viewModel = verificationService.viewModel as CollectPersonalInfoViewModel;\n const { updateViewModel } = 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 { availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n });\n\n const countryChoiceValue = viewModel.countryChoice?.value;\n const needToPickCountry = isCountrySelectionNeeded(programConfiguration, countryChoiceValue);\n const statusOptions = useFormSelectChoice((dynamicStatuses ?? availableStatuses) as MessageId[]);\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 (\n !getMarketConsent(programConfiguration).enabled &&\n requiredFields &&\n requiredFields.length === 0\n ) {\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={statusOptions.find((option) => option.value === viewModel.status)}\n isErrored={!!fieldValidationErrors.status}\n errorId={`invalid${pascalCaseSegment}Status`}\n options={statusOptions}\n disabled={needToPickCountry \|\| getFieldConfigByFieldId(\"status\")?.disabled}\n explanation={\n needToPickCountry ? (\n <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n ) : undefined\n }\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={!!programConfiguration.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 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 programConfiguration.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"],"mappings":"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"}
1	+ {"version":3,"file":"StepCollectPersonalInfo-DmTVCQ3_.js","names":["produce","CollegeName","TeacherSchool","MembershipOrganization","BranchOfService","FirstResponderOrganization","MedicalProfessionalOrganization","LicensedProfessionalOrganization","LowIncomeOrganization","Status","FirstName","LastName","BirthDate","Email","PhoneNumber","DriverLicenseNumber","MemberId","MarketConsentWrapper","FormFooter","fn","getSafe","getOptions","__toESM","require_react","require_jsx_runtime","logger","VerificationStepsEnum","FieldIdEnum","SegmentEnum","getAllFieldsToCollect","getMarketConsent","hasFailedInstantMatch","FormFooterComponent","FormattedHTMLMessage","PersonalInfoHeader","useCollectFieldsEndpoint","orgToOption","submitForm","handleEmailOnKeyDown","produceDraftViewModelWithAllRequiredFields","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","useFormSelectChoice","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","isCountrySelectionNeeded","CollegeNameComponent","StateSelectComponent","BranchOfServiceComponent","ActiveDutyStartDateComponent","DischargeDateComponent","DriverLicenseNumberComponent","EBTCardNumberComponent","LowIncomeOrganizationComponent","StatusComponent","FirstResponderOrganizationComponent","LicensedProfessionalOrganizationComponent","MedicalProfessionalOrganizationComponent","MemberIdComponent","MembershipOrganizationComponent","TeacherSchoolComponent","SocialSecurityNumber","import_react","import_jsx_runtime","StepCollectPersonalInfoComponent","programConfiguration","useProgramConfiguration","viewModel","verificationService","requiredFields","setRequiredFields","isFieldRequired","field","key","verificationResponse","failedInstantMatch","updatePersonalInfoViewModel","nextState","value","updateViewModelWithRequiredFields","newRequiredFields","locale","options","pascalCaseSegment","segment","isStatusRequired","availableStatuses","dynamicStatuses","countryChoiceValue","needToPickCountry","statusOptions","getAndSetRequiredFields","collectFieldsResponse","requestBody","error","option","fieldValidationErrors","status","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","choice","newValue","event","stateValue","stateChoice"],"sources":["../../src/components/StepCollectPersonalInfo/StepCollectPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { useFormSelectChoice } from \"@/components/FormInputs/InputSelect/InputSelectComponent\";\nimport { type MessageId } from \"@/lib/intl/types\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 orgToOption,\n handleEmailOnKeyDown,\n submitForm,\n updateFieldValidationErrorsByFieldId,\n updateViewModelOrganization,\n produceDraftViewModelWithAllRequiredFields,\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 { useCollectFieldsEndpoint } from \"../../lib/ServerApi/useCollectFieldsEndpoint\";\nimport { getMarketConsent } from \"../../lib/ProgramConfiguration/programConfigurationGetters\";\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepCollectPersonalInfoProps {\n verificationService: VerificationService;\n}\n\nexport const StepCollectPersonalInfoComponent = ({\n verificationService,\n}: StepCollectPersonalInfoProps) => {\n const programConfiguration = useProgramConfiguration();\n const viewModel = verificationService.viewModel as CollectPersonalInfoViewModel;\n const { updateViewModel } = 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 { availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n verificationId: verificationResponse.verificationId,\n currentStep: verificationResponse.currentStep,\n viewModel,\n });\n\n const countryChoiceValue = viewModel.countryChoice?.value;\n const needToPickCountry = isCountrySelectionNeeded(programConfiguration, countryChoiceValue);\n const statusOptions = useFormSelectChoice((dynamicStatuses ?? availableStatuses) as MessageId[]);\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 (\n !getMarketConsent(programConfiguration).enabled &&\n requiredFields &&\n requiredFields.length === 0\n ) {\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={statusOptions.find((option) => option.value === viewModel.status)}\n isErrored={!!fieldValidationErrors.status}\n errorId={`invalid${pascalCaseSegment}Status`}\n options={statusOptions}\n disabled={needToPickCountry \|\| getFieldConfigByFieldId(\"status\")?.disabled}\n explanation={\n needToPickCountry ? (\n <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n ) : undefined\n }\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={!!programConfiguration.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 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 programConfiguration.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"],"mappings":"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"}

package/chunk/{StepCompleteAuthentication-Ds3ieihr.js → StepCompleteAuthentication-Bjs9HhHK.js} RENAMED Viewed

@@ -1,18 +1,23 @@
 /**
- *   VERSION: 2.314.0
- *   BUILD_TIMESTAMP: 1793754654073
- *   BUILD_DATE: Wed Nov 04 2026 01:10:54 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 22244e83657b6c12023c5aac9710b7924aab6459
+ *   WARNING: This file is intended to be used within MySheerID.
+ *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
+ */
+/**
+ *   VERSION: 2.316.0
+ *   BUILD_TIMESTAMP: 1793815397313
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:17 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
  */
-import { At as e, dt as t } from "./i18next-iyVj5hRL.js";
-import { n, s as r, t as i } from "./jsx-runtime-DwmrsRqi.js";
-import { b as a } from "./runtimeTypes-B2AGNJMT.js";
-import { t as o } from "./hooks-D0X_qdc-.js";
-import { t as s } from "./AnnouncingHeader-CM01vEpF.js";
-import { d as c, l } from "./stepComponentHelpers-CyqXTDdj.js";
+import { S as e, zt as t } from "./empties-DtevBq9w.js";
+import { b as n } from "./runtimeTypes-B2AGNJMT.js";
+import { r, t as i } from "./jsx-runtime-DQgZVOUX.js";
+import { t as a } from "./hooks-D4L3tNqJ.js";
+import { t as o } from "./index.es-Cir3-TDI.js";
+import { t as s } from "./AnnouncingHeader-OtaykXZw.js";
+import { d as c, l } from "./stepComponentHelpers-3SlH9niv.js";
 //#region ../node_modules/react-auth-code-input/dist/index.modern.js
-var u = /* @__PURE__ */ e(r()), d = [
+var u = /* @__PURE__ */ t(r()), d = [
 	"alpha",
 	"numeric",
 	"alphanumeric"
@@ -105,22 +110,22 @@ var u = /* @__PURE__ */ e(r()), d = [
 		})));
 	}, O = 0; O < g; O++) D(O);
 	return u.createElement("div", { className: s }, E);
-}), m = i(), h = ({ verificationService: e }) => {
-	let r = e.viewModel, { fieldValidationErrors: i, verificationResponse: d } = e, { errorIds: f } = d, h = o("hc-my-sheer-id-theme-builder"), g = u.useRef(null), _ = (n, i) => {
-		let a = t(r, (e) => {
+}), m = i(), h = ({ verificationService: t }) => {
+	let r = t.viewModel, { fieldValidationErrors: i, verificationResponse: d } = t, { errorIds: f } = d, h = a("hc-my-sheer-id-theme-builder"), g = u.useRef(null), _ = (n, i) => {
+		let a = e(r, (e) => {
 			e[n] = i;
 		});
-		e.updateViewModel(a);
+		t.updateViewModel(a);
 	}, v = () => {
-		let n = t(r, (e) => {
+		let n = e(r, (e) => {
 			e.didManuallyVerify = !0, delete e.authenticationCode;
 		});
-		return e.updateViewModel(n), n;
+		return t.updateViewModel(n), n;
 	};
 	return u.useEffect(() => {
 		r.authenticationCode &&= "";
 	}, []), u.useEffect(() => {
-		r.authenticationCode.length >= 6 && l(r, e, a.completeAuthentication);
+		r.authenticationCode.length >= 6 && l(r, t, n.completeAuthentication);
 	}, [r.authenticationCode]), /* @__PURE__ */ (0, m.jsx)("div", {
 		id: "sid-step-complete-authentication",
 		className: "sid-step-complete-authentication-container sid-l-container",
@@ -131,13 +136,13 @@ var u = /* @__PURE__ */ e(r()), d = [
 					className: "sid-header",
 					children: [/* @__PURE__ */ (0, m.jsx)(s, {
 						align: "center",
-						children: /* @__PURE__ */ (0, m.jsx)(n, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.title",
 							defaultMessage: "Verify with Remember Me"
 						})
 					}), /* @__PURE__ */ (0, m.jsx)("div", {
 						className: "sid-header__subtitle sid-l-horz-center",
-						children: /* @__PURE__ */ (0, m.jsx)(n, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.subtitle",
 							defaultMessage: "Enter the code sent to your email."
 						})
@@ -147,8 +152,8 @@ var u = /* @__PURE__ */ e(r()), d = [
 				/* @__PURE__ */ (0, m.jsxs)("div", {
 					className: "auth-code",
 					children: [/* @__PURE__ */ (0, m.jsx)(p, {
-						onChange: (t) => {
-							_("authenticationCode", t), c("authenticationCode", t, e);
+						onChange: (e) => {
+							_("authenticationCode", e), c("authenticationCode", e, t);
 						},
 						ref: g,
 						allowedCharacters: "numeric",
@@ -163,7 +168,7 @@ var u = /* @__PURE__ */ e(r()), d = [
 							src: "https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg"
 						}) }), /* @__PURE__ */ (0, m.jsx)("div", {
 							className: "auth-code__error-text",
-							children: /* @__PURE__ */ (0, m.jsx)(n, {
+							children: /* @__PURE__ */ (0, m.jsx)(o, {
 								id: "errorId.invalidAuthenticationLoopToken",
 								defaultMessage: "The code provided is invalid"
 							})
@@ -177,9 +182,9 @@ var u = /* @__PURE__ */ e(r()), d = [
 						className: "sid-btn sid-btn-light sid-complete-auth__manually-verify-button",
 						"aria-label": "submit",
 						onClick: () => {
-							l(v(), e, a.completeAuthentication);
+							l(v(), t, n.completeAuthentication);
 						},
-						children: /* @__PURE__ */ (0, m.jsx)(n, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.manuallyVerifyButton",
 							defaultMessage: "Manually verify"
 						})

package/chunk/{StepCompleteAuthentication-Ds3ieihr.js.map → StepCompleteAuthentication-Bjs9HhHK.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepCompleteAuthentication-Ds3ieihr.js","names":["forwardRef","useRef","produce","__toESM","fn","require_react","require_jsx_runtime","VerificationStepsEnum","useFlag","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","FormattedHTMLMessage","token","fieldValidationErrors","errorIds"],"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\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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 const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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 role=\"main\">\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(\n \"authenticationCode\",\n token,\n verificationService,\n );\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 {!shouldHideIcon && (\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 )}\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 </div>\n );\n};\n"],"ignoreList":[0],"mappings":"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"}
1	+ {"version":3,"file":"StepCompleteAuthentication-Bjs9HhHK.js","names":["forwardRef","useRef","produce","fn","__toESM","VerificationStepsEnum","require_jsx_runtime","useFlag","FormattedHTMLMessage","AnnouncingHeader","updateFieldValidationErrorsByFieldId","import_react","require_react","allowedCharactersValues","propsMap","AuthCode","_ref$allowedCharacter","_ref","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","inputProps","ref","i","sendResult","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","el","import_jsx_runtime","StepCompleteAuthenticationComponent","viewModel","verificationService","verificationResponse","shouldHideIcon","authInputRef","updateCompleteAuthenticationViewmodel","nextState","manuallyVerifyViewModel","draft","submitForm","token","fieldValidationErrors","errorIds"],"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\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\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 const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\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 role=\"main\">\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(\n \"authenticationCode\",\n token,\n verificationService,\n );\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 {!shouldHideIcon && (\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 )}\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 </div>\n );\n};\n"],"ignoreList":[0],"mappings":"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"}

package/chunk/{StepCompleteAuthentication-B_0EZ3mH.js → StepCompleteAuthentication-CK8SYf3r.js} RENAMED Viewed

@@ -1,22 +1,19 @@
 /**
- *   WARNING: This file is intended to be used within MySheerID.
- *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
- */
-/**
- *   VERSION: 2.314.0
- *   BUILD_TIMESTAMP: 1793754658252
- *   BUILD_DATE: Wed Nov 04 2026 01:10:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 22244e83657b6c12023c5aac9710b7924aab6459
+ *   VERSION: 2.316.0
+ *   BUILD_TIMESTAMP: 1793815392848
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
  */
-import { At as e, p as t } from "./intl-BK4prEGw.js";
-import { b as n } from "./runtimeTypes-B2AGNJMT.js";
-import { n as r, s as i, t as a } from "./jsx-runtime-BUMIo32n.js";
-import { t as o } from "./hooks-B7aeAwHn.js";
-import { t as s } from "./AnnouncingHeader-CSh0UW8I.js";
-import { d as c, l } from "./stepComponentHelpers-Dztw-HNP.js";
+import { bt as e, zt as t } from "./empties-xLh6FzDA.js";
+import { r as n, t as r } from "./jsx-runtime-h9ybVYa3.js";
+import { b as i } from "./runtimeTypes-B2AGNJMT.js";
+import { t as a } from "./hooks-df3XJbin.js";
+import { t as o } from "./index.es-Dw43pp1V.js";
+import { t as s } from "./AnnouncingHeader-C3W0VQzV.js";
+import { d as c, l } from "./stepComponentHelpers-BcYAcI_q.js";
 //#region ../node_modules/react-auth-code-input/dist/index.modern.js
-var u = /* @__PURE__ */ e(i()), d = [
+var u = /* @__PURE__ */ t(n()), d = [
 	"alpha",
 	"numeric",
 	"alphanumeric"
@@ -109,23 +106,23 @@ var u = /* @__PURE__ */ e(i()), d = [
 		})));
 	}, O = 0; O < g; O++) D(O);
 	return u.createElement("div", { className: s }, E);
-}), m = a(), h = ({ verificationService: e }) => {
-	let i = e.viewModel, { fieldValidationErrors: a, verificationResponse: d } = e, { errorIds: f } = d, h = o("hc-my-sheer-id-theme-builder"), g = u.useRef(null), _ = (n, r) => {
-		let a = t(i, (e) => {
-			e[n] = r;
+}), m = r(), h = ({ verificationService: t }) => {
+	let n = t.viewModel, { fieldValidationErrors: r, verificationResponse: d } = t, { errorIds: f } = d, h = a("hc-my-sheer-id-theme-builder"), g = u.useRef(null), _ = (r, i) => {
+		let a = e(n, (e) => {
+			e[r] = i;
 		});
-		e.updateViewModel(a);
+		t.updateViewModel(a);
 	}, v = () => {
-		let n = t(i, (e) => {
+		let r = e(n, (e) => {
 			e.didManuallyVerify = !0, delete e.authenticationCode;
 		});
-		return e.updateViewModel(n), n;
+		return t.updateViewModel(r), r;
 	};
 	return u.useEffect(() => {
-		i.authenticationCode &&= "";
+		n.authenticationCode &&= "";
 	}, []), u.useEffect(() => {
-		i.authenticationCode.length >= 6 && l(i, e, n.completeAuthentication);
-	}, [i.authenticationCode]), /* @__PURE__ */ (0, m.jsx)("div", {
+		n.authenticationCode.length >= 6 && l(n, t, i.completeAuthentication);
+	}, [n.authenticationCode]), /* @__PURE__ */ (0, m.jsx)("div", {
 		id: "sid-step-complete-authentication",
 		className: "sid-step-complete-authentication-container sid-l-container",
 		children: /* @__PURE__ */ (0, m.jsxs)("div", {
@@ -135,13 +132,13 @@ var u = /* @__PURE__ */ e(i()), d = [
 					className: "sid-header",
 					children: [/* @__PURE__ */ (0, m.jsx)(s, {
 						align: "center",
-						children: /* @__PURE__ */ (0, m.jsx)(r, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.title",
 							defaultMessage: "Verify with Remember Me"
 						})
 					}), /* @__PURE__ */ (0, m.jsx)("div", {
 						className: "sid-header__subtitle sid-l-horz-center",
-						children: /* @__PURE__ */ (0, m.jsx)(r, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.subtitle",
 							defaultMessage: "Enter the code sent to your email."
 						})
@@ -151,23 +148,23 @@ var u = /* @__PURE__ */ e(i()), d = [
 				/* @__PURE__ */ (0, m.jsxs)("div", {
 					className: "auth-code",
 					children: [/* @__PURE__ */ (0, m.jsx)(p, {
-						onChange: (t) => {
-							_("authenticationCode", t), c("authenticationCode", t, e);
+						onChange: (e) => {
+							_("authenticationCode", e), c("authenticationCode", e, t);
 						},
 						ref: g,
 						allowedCharacters: "numeric",
 						length: 6,
 						isPassword: !0,
 						containerClassName: "auth-code__container",
-						inputClassName: `auth-code__input${a.authenticationCode ? " auth-code__input-error" : ""}`
-					}), a.authenticationCode || f?.length > 0 && /* @__PURE__ */ (0, m.jsxs)("div", {
+						inputClassName: `auth-code__input${r.authenticationCode ? " auth-code__input-error" : ""}`
+					}), r.authenticationCode || f?.length > 0 && /* @__PURE__ */ (0, m.jsxs)("div", {
 						className: "auth-code__error-container",
 						children: [!h && /* @__PURE__ */ (0, m.jsx)("div", { children: /* @__PURE__ */ (0, m.jsx)("img", {
 							alt: "red-exclaimation-circle",
 							src: "https://assets-resources.sheerid.com/common/images/2018/icons/red-exclaimation-circle.svg"
 						}) }), /* @__PURE__ */ (0, m.jsx)("div", {
 							className: "auth-code__error-text",
-							children: /* @__PURE__ */ (0, m.jsx)(r, {
+							children: /* @__PURE__ */ (0, m.jsx)(o, {
 								id: "errorId.invalidAuthenticationLoopToken",
 								defaultMessage: "The code provided is invalid"
 							})
@@ -181,9 +178,9 @@ var u = /* @__PURE__ */ e(i()), d = [
 						className: "sid-btn sid-btn-light sid-complete-auth__manually-verify-button",
 						"aria-label": "submit",
 						onClick: () => {
-							l(v(), e, n.completeAuthentication);
+							l(v(), t, i.completeAuthentication);
 						},
-						children: /* @__PURE__ */ (0, m.jsx)(r, {
+						children: /* @__PURE__ */ (0, m.jsx)(o, {
 							id: "step.completeAuthentication.manuallyVerifyButton",
 							defaultMessage: "Manually verify"
 						})