@sheerid/jslib-nightly 2.115.0-alpha.4 → 2.115.0-alpha.5

package/chunk/{index-3wRIidxQ.js.map → index-DvQoVn8P.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-3wRIidxQ.js","sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport {\n  VerificationStepsEnum,\n  MedicalProfessionalStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  MedicalProfessionalPersonalInfoViewModel,\n  MedicalProfessionalPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getAvailableMedicalStatuses,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  // #region collect-info-step-email-first\n\n  const {\n    isEmailUpTop,\n    isEmailValidationLoading,\n    showFormFields,\n    emailLookupResponse,\n    emailOnBlur,\n    emailOnKeyDown,\n    handleResendClick,\n    showEmailLookupResponseMessages,\n    enableFormFields,\n    handleOnClickProceedHere,\n  } = useEmailFirstExperiment(\n    verificationService.programId,\n    viewModel.email,\n    verificationService.verificationResponse.segment,\n  );\n  // #endregion collect-info-step-email-first\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      {\n        // #region email-first-experiment\n        isEmailUpTop && (\n          <div className=\"email-input-wrapper\">\n            {isEmailValidationLoading && (\n              <div className=\"email-input-wrapper-frame\">\n                <div className=\"transform-scale\">\n                  <LoadingSpinnerComponent />\n                </div>\n              </div>\n            )}\n            <Email\n              value={viewModel.email}\n              isErrored={!!fieldValidationErrors.email}\n              explanation={\n                <FormattedHTMLMessage\n                  id=\"emailExplanation\"\n                  defaultMessage=\"Personal email address is recommended\"\n                />\n              }\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"email\", newValue);\n                updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n              }}\n              onKeyDown={emailOnKeyDown}\n              onBlur={emailOnBlur}\n              disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n            />\n          </div>\n        )\n        // #endregion email-first-experiment\n      }\n      {showEmailLookupResponseMessages && emailLookupResponse && (\n        <EmailLookupResponseMessages\n          emailLookupResponse={emailLookupResponse}\n          onResendClick={handleResendClick}\n          onHandleClickLink={handleOnClickProceedHere}\n        />\n      )}\n      {showFormFields && (\n        <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n          <ChangeLocaleV2Component verificationService={verificationService} />\n          <CountryComponentWrapper\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n          />\n          <MedicalStatus\n            segmentId=\"medical\"\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(\n                intl,\n                viewModel.status,\n                MedicalProfessionalStatusDefaultMessagesEnum,\n              ),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            options={getAvailableMedicalStatuses(intl, verificationResponse.availableStatuses)}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n          <MedicalProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={\n              (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel)\n                .organization\n            }\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n          <div className=\"sid-names\">\n            <FirstName\n              value={viewModel.firstName}\n              isErrored={!!fieldValidationErrors.firstName}\n              disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"firstName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n              }}\n            />\n\n            <LastName\n              value={viewModel.lastName}\n              isErrored={!!fieldValidationErrors.lastName}\n              disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"lastName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n              }}\n            />\n          </div>\n          <BirthDate\n            errorId={fieldValidationErrors.birthDate}\n            locale={locale}\n            disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n            }}\n            value={viewModel.birthDate}\n          />\n          <PostalCode\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n            explanation={\n              <FormattedHTMLMessage\n                id=\"postalCodeExplanation\"\n                defaultMessage=\"Use the location on file with your licensing body\"\n              />\n            }\n          />\n          {!isEmailUpTop && (\n            <Email\n              value={viewModel.email}\n              isErrored={!!fieldValidationErrors.email}\n              explanation={\n                <FormattedHTMLMessage\n                  id=\"emailExplanation\"\n                  defaultMessage=\"Needed to send you your unique code\"\n                />\n              }\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"email\", newValue);\n                updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n              }}\n              onKeyDown={(event) => handleEmailOnKeyDown(event)}\n              disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n            />\n          )}\n          {verificationService.programTheme.isSmsNotifierConfigured ||\n          verificationService.programTheme.smsLoopEnabled ? (\n            <PhoneNumber\n              isRequired={!!verificationService.programTheme.smsLoopEnabled}\n              value={viewModel.phoneNumber}\n              isErrored={!!fieldValidationErrors.phoneNumber}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n                updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n              }}\n              selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n              disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n            />\n          ) : null}\n          {shouldRenderMemberId && (\n            <MemberId\n              value={viewModel.memberId}\n              isErrored={!!fieldValidationErrors.memberId}\n              isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n              disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"memberId\", newValue);\n                updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n              }}\n              explanation={\n                <FormattedHTMLMessage\n                  id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n                  defaultMessage=\"Your Professional Membership Registration Number\"\n                />\n              }\n              label={\n                <FormattedHTMLMessage\n                  id={getMemberIdMessageKeys(viewModel.country).labelKey}\n                  defaultMessage=\"Registration Number\"\n                />\n              }\n            />\n          )}\n          {options.customFormFields.map((config: CustomFormFieldConfig) => (\n            <FormFieldCustom config={config} verificationService={verificationService} />\n          ))}\n          <MarketConsentWrapper\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.marketConsentValue}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"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          <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n          <PersonalInfoStepSubmitButton\n            step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n            verificationService={verificationService}\n            viewModel={viewModel}\n            failedInstantMatch={failedInstantMatch}\n            buttonText={\n              <FormattedHTMLMessage\n                id=\"step.personalInfo.submitButtonText\"\n                defaultMessage=\"Verify My Medical Professional Status\"\n              />\n            }\n          />\n        </div>\n      )}\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"names":["memberIdMessageKeysByCountry","getMemberIdMessageKeys","country","memberIdFieldType","StepMedicalProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateMedicalProfessionalViewModel","key","value","nextState","produceDraftViewModel","isFieldOptional","useCollectFieldsEndpoint","shouldRenderMemberId","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","MedicalStatus","getStatusLabel","MedicalProfessionalStatusDefaultMessagesEnum","getAvailableMedicalStatuses","_c","status","MedicalProfessionalOrganization","choice","updateViewModelOrganization","_d","FirstName","_e","LastName","_f","BirthDate","_g","PostalCode","_h","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","MemberId","_k","_l","config","FormFieldCustom","MarketConsentWrapper","_m","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMedicalProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-DvQoVn8P.js","sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport {\n  VerificationStepsEnum,\n  MedicalProfessionalStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  MedicalProfessionalPersonalInfoViewModel,\n  MedicalProfessionalPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getAvailableMedicalStatuses,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  // #region collect-info-step-email-first\n\n  const {\n    isEmailUpTop,\n    isEmailValidationLoading,\n    showFormFields,\n    emailLookupResponse,\n    emailOnBlur,\n    emailOnKeyDown,\n    handleResendClick,\n    showEmailLookupResponseMessages,\n    enableFormFields,\n    handleOnClickProceedHere,\n  } = useEmailFirstExperiment(\n    verificationService.programId,\n    viewModel.email,\n    verificationService.verificationResponse.segment,\n  );\n  // #endregion collect-info-step-email-first\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      {\n        // #region email-first-experiment\n        isEmailUpTop && (\n          <div className=\"email-input-wrapper\">\n            {isEmailValidationLoading && (\n              <div className=\"email-input-wrapper-frame\">\n                <div className=\"transform-scale\">\n                  <LoadingSpinnerComponent />\n                </div>\n              </div>\n            )}\n            <Email\n              value={viewModel.email}\n              isErrored={!!fieldValidationErrors.email}\n              explanation={\n                <FormattedHTMLMessage\n                  id=\"emailExplanation\"\n                  defaultMessage=\"Personal email address is recommended\"\n                />\n              }\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"email\", newValue);\n                updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n              }}\n              onKeyDown={emailOnKeyDown}\n              onBlur={emailOnBlur}\n              disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n            />\n          </div>\n        )\n        // #endregion email-first-experiment\n      }\n      {showEmailLookupResponseMessages && emailLookupResponse && (\n        <EmailLookupResponseMessages\n          emailLookupResponse={emailLookupResponse}\n          onResendClick={handleResendClick}\n          onHandleClickLink={handleOnClickProceedHere}\n        />\n      )}\n      {showFormFields && (\n        <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n          <ChangeLocaleV2Component verificationService={verificationService} />\n          <CountryComponentWrapper\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n          />\n          <MedicalStatus\n            segmentId=\"medical\"\n            value={{\n              value: viewModel.status,\n              label: getStatusLabel(\n                intl,\n                viewModel.status,\n                MedicalProfessionalStatusDefaultMessagesEnum,\n              ),\n            }}\n            isErrored={!!fieldValidationErrors.status}\n            options={getAvailableMedicalStatuses(intl, verificationResponse.availableStatuses)}\n            disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n            onChange={(status: FormSelectChoice) => {\n              updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n              updateFieldValidationErrorsByFieldId(\n                \"status\",\n                status ? (status.value as string) : \"\",\n                verificationService,\n              );\n            }}\n          />\n          <MedicalProfessionalOrganization\n            isErrored={!!fieldValidationErrors.organization}\n            onChange={(choice: Organization) => {\n              updateViewModelOrganization(choice, verificationService);\n              updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n            }}\n            value={\n              (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel)\n                .organization\n            }\n            verificationService={verificationService}\n            disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n          />\n          <div className=\"sid-names\">\n            <FirstName\n              value={viewModel.firstName}\n              isErrored={!!fieldValidationErrors.firstName}\n              disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"firstName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n              }}\n            />\n\n            <LastName\n              value={viewModel.lastName}\n              isErrored={!!fieldValidationErrors.lastName}\n              disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"lastName\", newValue);\n                updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n              }}\n            />\n          </div>\n          <BirthDate\n            errorId={fieldValidationErrors.birthDate}\n            locale={locale}\n            disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n              updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n            }}\n            value={viewModel.birthDate}\n          />\n          <PostalCode\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n            explanation={\n              <FormattedHTMLMessage\n                id=\"postalCodeExplanation\"\n                defaultMessage=\"Use the location on file with your licensing body\"\n              />\n            }\n          />\n          {!isEmailUpTop && (\n            <Email\n              value={viewModel.email}\n              isErrored={!!fieldValidationErrors.email}\n              explanation={\n                <FormattedHTMLMessage\n                  id=\"emailExplanation\"\n                  defaultMessage=\"Needed to send you your unique code\"\n                />\n              }\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"email\", newValue);\n                updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n              }}\n              onKeyDown={(event) => handleEmailOnKeyDown(event)}\n              disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n            />\n          )}\n          {verificationService.programTheme.isSmsNotifierConfigured ||\n          verificationService.programTheme.smsLoopEnabled ? (\n            <PhoneNumber\n              isRequired={!!verificationService.programTheme.smsLoopEnabled}\n              value={viewModel.phoneNumber}\n              isErrored={!!fieldValidationErrors.phoneNumber}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n                updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n              }}\n              selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n              disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n            />\n          ) : null}\n          {shouldRenderMemberId && (\n            <MemberId\n              value={viewModel.memberId}\n              isErrored={!!fieldValidationErrors.memberId}\n              isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n              disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n              onChange={(newValue) => {\n                updateMedicalProfessionalViewModel(\"memberId\", newValue);\n                updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n              }}\n              explanation={\n                <FormattedHTMLMessage\n                  id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n                  defaultMessage=\"Your Professional Membership Registration Number\"\n                />\n              }\n              label={\n                <FormattedHTMLMessage\n                  id={getMemberIdMessageKeys(viewModel.country).labelKey}\n                  defaultMessage=\"Registration Number\"\n                />\n              }\n            />\n          )}\n          {options.customFormFields.map((config: CustomFormFieldConfig) => (\n            <FormFieldCustom config={config} verificationService={verificationService} />\n          ))}\n          <MarketConsentWrapper\n            verificationService={verificationService}\n            isErrored={!!fieldValidationErrors.marketConsentValue}\n            onChange={(newValue) => {\n              updateMedicalProfessionalViewModel(\"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          <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n          <PersonalInfoStepSubmitButton\n            step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n            verificationService={verificationService}\n            viewModel={viewModel}\n            failedInstantMatch={failedInstantMatch}\n            buttonText={\n              <FormattedHTMLMessage\n                id=\"step.personalInfo.submitButtonText\"\n                defaultMessage=\"Verify My Medical Professional Status\"\n              />\n            }\n          />\n        </div>\n      )}\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"names":["memberIdMessageKeysByCountry","getMemberIdMessageKeys","country","memberIdFieldType","StepMedicalProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateMedicalProfessionalViewModel","key","value","nextState","produceDraftViewModel","isFieldOptional","useCollectFieldsEndpoint","shouldRenderMemberId","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","MedicalStatus","getStatusLabel","MedicalProfessionalStatusDefaultMessagesEnum","getAvailableMedicalStatuses","_c","status","MedicalProfessionalOrganization","choice","updateViewModelOrganization","_d","FirstName","_e","LastName","_f","BirthDate","_g","PostalCode","_h","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","MemberId","_k","_l","config","FormFieldCustom","MarketConsentWrapper","_m","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMedicalProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-DUXQFubY.js → index-DzqRsB7_.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994308928
- *   BUILD_DATE: Tue Jul 08 2025 17:05:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.5
+ *   BUILD_TIMESTAMP: 1751997295197
+ *   BUILD_DATE: Tue Jul 08 2025 17:54:55 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e88df5182261b24ec3e7ea59f536a60ed4ed6a19
  */
-import { s as c, R as V, a7 as R, I as F, V as O, j as a, A as K, b as C, u as S, m as P } from "../sheerid.js";
+import { s as c, R as V, a7 as R, K as F, V as O, j as a, A as K, b as C, u as S, m as P } from "../sheerid.js";
 var z = ["alpha", "numeric", "alphanumeric"], B = {
   alpha: {
     type: "text",
@@ -70,21 +70,21 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
         n.value = "";
       x();
     }
-  }, I = function(e) {
-    e.target.select();
   }, $ = function(e) {
+    e.target.select();
+  }, k = function(e) {
     for (var o = e.clipboardData.getData("Text"), n = 0, s = 0; s < o.length; s++) {
-      var _ = o.charAt(s), H = r.current[n].value;
-      _.match(g.pattern) && (H || (r.current[n].value = _, r.current[n].nextElementSibling !== null && (r.current[n].nextElementSibling.focus(), n++)));
+      var _ = o.charAt(s), I = r.current[n].value;
+      _.match(g.pattern) && (I || (r.current[n].value = _, r.current[n].nextElementSibling !== null && (r.current[n].nextElementSibling.focus(), n++)));
     }
     x(), e.preventDefault();
-  }, A = [], k = function(e) {
+  }, A = [], H = function(e) {
     A.push(V.createElement("input", Object.assign({
       key: e,
       onChange: L,
       onKeyDown: T,
-      onFocus: I,
-      onPaste: $
+      onFocus: $,
+      onPaste: k
     }, g, {
       type: w ? "password" : g.type,
       ref: function(n) {
@@ -98,7 +98,7 @@ var z = ["alpha", "numeric", "alphanumeric"], B = {
       placeholder: D
     })));
   }, E = 0; E < j; E++)
-    k(E);
+    H(E);
   return V.createElement("div", {
     className: y
   }, A);

package/chunk/{index-DUXQFubY.js.map → index-DzqRsB7_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DUXQFubY.js","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\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\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"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","React.useRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","React.useEffect","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index-DzqRsB7_.js","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\";\n\nimport AuthCode from \"react-auth-code-input\";\nimport produce from \"immer\";\nimport { CompleteAuthenticationViewModel, VerificationService } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { AUTH_TOKEN_LENGTH } from \"../../constants\";\n\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"],"names":["allowedCharactersValues","propsMap","AuthCode","forwardRef","_ref","ref","_ref$allowedCharacter","allowedCharacters","ariaLabel","_ref$autoFocus","autoFocus","containerClassName","disabled","inputClassName","_ref$isPassword","isPassword","_ref$length","length","placeholder","onChange","value","inputsRef","useRef","inputProps","useImperativeHandle","i","sendResult","useEffect","res","input","handleOnChange","_e$target","nextElementSibling","handleOnKeyDown","key","target","t","handleOnFocus","handleOnPaste","pastedValue","currentInput","pastedCharacter","currentValue","inputs","_loop","React","el","StepCompleteAuthenticationComponent","verificationService","viewModel","fieldValidationErrors","verificationResponse","errorIds","authInputRef","React.useRef","updateCompleteAuthenticationViewmodel","nextState","produce","draft","manuallyVerifyViewModel","React.useEffect","AUTH_TOKEN_LENGTH","submitForm","VerificationStepsEnum","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","token","updateFieldValidationErrorsByFieldId"],"mappings":"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","x_google_ignoreList":[0]}

package/chunk/{index-VrTXSLSj.js → index-FjzhfDlx.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.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994370347
- *   BUILD_DATE: Tue Jul 08 2025 17:06:10 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.5
+ *   BUILD_TIMESTAMP: 1751997358313
+ *   BUILD_DATE: Tue Jul 08 2025 17:55:58 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: e88df5182261b24ec3e7ea59f536a60ed4ed6a19
  */
-import { j as s, L as r, b as l, k as u, i as y, R as o, I as S, V as n, A as g, w as f, J as w, K as C, u as M, N as _, m as k } from "../_mysheerid-preview.js";
-const V = ({ useSsn: e, useDocUpload: c, verificationService: d }) => /* @__PURE__ */ s.jsxs("div", { id: "sid-ssn-choice", className: "sid-ssn-choice-container sid-l-container sid-l-horz-center", children: [
+import { j as s, L as n, b as l, k as r, i as j, R as N, A as y, w as S, S as g, I as w, u as f, J as C, K as M, V as o, m as _ } from "../_mysheerid-preview.js";
+const k = ({ useSsn: e, useDocUpload: d, verificationService: c }) => /* @__PURE__ */ s.jsxs("div", { id: "sid-ssn-choice", className: "sid-ssn-choice-container sid-l-container sid-l-horz-center", children: [
   /* @__PURE__ */ s.jsxs("div", { role: "main", children: [
     /* @__PURE__ */ s.jsxs("div", { className: "sid-header", children: [
-      /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-choice-logo-container sid-l-horz-center", children: /* @__PURE__ */ s.jsx(r, { verificationService: d }) }),
+      /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-choice-logo-container sid-l-horz-center", children: /* @__PURE__ */ s.jsx(n, { verificationService: c }) }),
       /* @__PURE__ */ s.jsx("div", { className: "sid-header__title sid-l-horz-center", children: /* @__PURE__ */ s.jsx(
         l,
         {
@@ -42,7 +42,7 @@ const V = ({ useSsn: e, useDocUpload: c, verificationService: d }) => /* @__PURE
       "button",
       {
         type: "button",
-        onClick: c,
+        onClick: d,
         className: "sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload",
         children: /* @__PURE__ */ s.jsx(
           l,
@@ -54,30 +54,25 @@ const V = ({ useSsn: e, useDocUpload: c, verificationService: d }) => /* @__PURE
       }
     ) })
   ] }),
-  /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-choice__footer sid-l-space-top-lg", children: /* @__PURE__ */ s.jsx(u, { verificationService: d }) })
-] }), E = V, F = ({ verificationService: e }) => {
-  const [c, d] = o.useState(!0), t = e.viewModel, { fieldValidationErrors: m } = e, a = () => e.submitStep(
-    n.cancelSocialSecurityNumber,
-    t,
+  /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-choice__footer sid-l-space-top-lg", children: /* @__PURE__ */ s.jsx(r, { verificationService: c }) })
+] }), V = k, E = ({ verificationService: e }) => {
+  const [d, c] = N.useState(!0), i = e.viewModel, { fieldValidationErrors: u } = e, a = () => e.submitStep(
+    o.cancelSocialSecurityNumber,
+    i,
     e.verificationResponse
-  ), b = (i, x) => {
-    const j = k(
-      t,
-      (N) => {
-        N[i] = x;
+  ), m = (t, h) => {
+    const p = _(
+      i,
+      (x) => {
+        x[t] = h;
       }
     );
-    e.updateViewModel(j);
-  }, h = o.useCallback(
-    (i) => {
-      i.preventDefault(), S(t, e, n.collectSocialSecurityNumber);
-    },
-    [t, e]
-  ), p = t.socialSecurityNumber && t.socialSecurityNumber.toString().length === 9;
-  return c ? /* @__PURE__ */ s.jsx(
-    E,
+    e.updateViewModel(p);
+  }, b = i.socialSecurityNumber && i.socialSecurityNumber.toString().length === 9;
+  return d ? /* @__PURE__ */ s.jsx(
+    V,
     {
-      useSsn: () => d(!1),
+      useSsn: () => c(!1),
       useDocUpload: a,
       verificationService: e
     }
@@ -89,52 +84,48 @@ const V = ({ useSsn: e, useDocUpload: c, verificationService: d }) => /* @__PURE
       children: [
         /* @__PURE__ */ s.jsxs("div", { role: "main", children: [
           /* @__PURE__ */ s.jsxs("div", { className: "sid-header", children: [
-            /* @__PURE__ */ s.jsx("div", { className: "sid-social-security-number-logo-container sid-l-horz-center", children: /* @__PURE__ */ s.jsx(r, { verificationService: e }) }),
-            /* @__PURE__ */ s.jsx(g, { align: "center", children: /* @__PURE__ */ s.jsx(
+            /* @__PURE__ */ s.jsx("div", { className: "sid-social-security-number-logo-container sid-l-horz-center", children: /* @__PURE__ */ s.jsx(n, { verificationService: e }) }),
+            /* @__PURE__ */ s.jsx(y, { align: "center", children: /* @__PURE__ */ s.jsx(
               l,
               {
                 id: "step.collectSocialSecurityNumber.title",
                 defaultMessage: "Enter your social security number",
                 tagName: "h1"
               }
+            ) }),
+            /* @__PURE__ */ s.jsx(S, { verificationService: e }),
+            /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-wrapper", children: /* @__PURE__ */ s.jsx(
+              g,
+              {
+                value: i.socialSecurityNumber,
+                onChange: (t) => {
+                  m("socialSecurityNumber", t), f(
+                    "socialSecurityNumber",
+                    t,
+                    e
+                  );
+                },
+                isErrored: !!u[w.socialSecurityNumber],
+                placeholder: "000-00-0000"
+              }
             ) })
           ] }),
-          /* @__PURE__ */ s.jsxs(
-            "form",
+          /* @__PURE__ */ s.jsx("div", { className: "sid-form-region sid-submit-wrapper sid-l-space-top-md", children: /* @__PURE__ */ s.jsx("div", { className: "sid-social-security-number-submit sid-submit", children: /* @__PURE__ */ s.jsx(
+            "button",
             {
-              onSubmit: h,
-              className: "sid-form-region sid-submit-wrapper sid-l-space-top-md",
-              children: [
-                /* @__PURE__ */ s.jsx(f, { verificationService: e }),
-                /* @__PURE__ */ s.jsx("div", { className: "sid-ssn-wrapper sid-l-space-btm-md", children: /* @__PURE__ */ s.jsx(
-                  w,
-                  {
-                    value: t.socialSecurityNumber,
-                    onChange: (i) => {
-                      b("socialSecurityNumber", i), M(
-                        "socialSecurityNumber",
-                        i,
-                        e
-                      );
-                    },
-                    isErrored: !!m[C.socialSecurityNumber],
-                    placeholder: "000-00-0000"
-                  }
-                ) }),
-                /* @__PURE__ */ s.jsx("div", { className: "sid-social-security-number-submit sid-submit", children: /* @__PURE__ */ s.jsx(
-                  "button",
-                  {
-                    id: "sid-submit-wrapper__collect-info",
-                    type: "submit",
-                    className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${p ? "" : "sid-btn--disabled-like"}`,
-                    "aria-label": "submit",
-                    ref: (i) => _("submitButton", i),
-                    children: /* @__PURE__ */ s.jsx(l, { id: "proceed", defaultMessage: "Proceed" })
-                  }
-                ) })
-              ]
+              id: "sid-submit-wrapper__collect-info",
+              onClick: () => M(
+                i,
+                e,
+                o.collectSocialSecurityNumber
+              ),
+              type: "submit",
+              className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${b ? "" : "sid-btn--disabled-like"}`,
+              "aria-label": "submit",
+              ref: (t) => C("submitButton", t),
+              children: /* @__PURE__ */ s.jsx(l, { id: "proceed", defaultMessage: "Proceed" })
             }
-          ),
+          ) }) }),
           /* @__PURE__ */ s.jsx(
             "div",
             {
@@ -153,11 +144,11 @@ const V = ({ useSsn: e, useDocUpload: c, verificationService: d }) => /* @__PURE
             }
           )
         ] }),
-        /* @__PURE__ */ s.jsx(u, { verificationService: e })
+        /* @__PURE__ */ s.jsx(r, { verificationService: e })
       ]
     }
   );
-}, z = y(F);
+}, I = j(E);
 export {
-  z as default
+  I as default
 };

package/chunk/index-FjzhfDlx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-FjzhfDlx.js","sources":["../../src/components/StepSocialSecurityNumber/SsnChoice.tsx","../../src/components/StepSocialSecurityNumber/StepSocialSecurityNumber.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\n\ntype Props = {\n  useSsn: () => void;\n  useDocUpload: () => void;\n  verificationService: any;\n};\n\nconst Step = ({ useSsn, useDocUpload, verificationService }: Props) => (\n  <div id=\"sid-ssn-choice\" className=\"sid-ssn-choice-container sid-l-container sid-l-horz-center\">\n    <div role=\"main\">\n      <div className=\"sid-header\">\n        <div className=\"sid-ssn-choice-logo-container sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n        <div className=\"sid-header__title sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.selectOption\"\n            defaultMessage=\"Select an option\"\n            tagName=\"h1\"\n          />\n        </div>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice1 sid-l-space-top-lg\">\n        <button\n          type=\"button\"\n          onClick={useSsn}\n          className=\"sid-btn sid-ssn-choice-one-btn sid-btn--light sid-l-full-width sid-use-ssn\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.useSsn\"\n            defaultMessage=\"Verify using your social security number\"\n          />\n        </button>\n      </div>\n\n      <div className=\"sid-ssn-choice__choice2 sid-l-space-top-md\">\n        <button\n          type=\"button\"\n          onClick={useDocUpload}\n          className=\"sid-btn sid-ssn-choice-two-btn sid-btn--light sid-l-full-width sid-use-doc-upload\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.collectSocialSecurityNumber.uploadDoc\"\n            defaultMessage=\"Upload a document\"\n          />\n        </button>\n      </div>\n    </div>\n    <div className=\"sid-ssn-choice__footer sid-l-space-top-lg\">\n      <FormFooter verificationService={verificationService} />\n    </div>\n  </div>\n);\n\nexport const SsnChoice = Step;\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum, FieldIdEnum } from \"../../lib/types/runtimeTypes\";\nimport { setRef } from \"../../lib/refs/refs\";\nimport { VerificationService, SocialSecurityViewModel } from \"../../lib/types/types\";\nimport {\n  submitForm,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { SocialSecurityNumber } from \"../FormFields/SSN/SSN\";\nimport { SsnChoice } from \"./SsnChoice\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSocialSecurityNumberProps {\n  verificationService: VerificationService;\n}\n\nconst Step = ({ verificationService }: StepSocialSecurityNumberProps) => {\n  const [showChoice, setShowChoice] = React.useState(true);\n  const viewModel = verificationService.viewModel as SocialSecurityViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const doCancelStep = () =>\n    verificationService.submitStep(\n      VerificationStepsEnum.cancelSocialSecurityNumber,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n\n  const updateSSNViewModel = (key: keyof SocialSecurityViewModel, value: any) => {\n    const nextState: SocialSecurityViewModel = produce(\n      viewModel,\n      (draft: SocialSecurityViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const isSubmittable =\n    viewModel.socialSecurityNumber && viewModel.socialSecurityNumber.toString().length === 9;\n\n  if (showChoice) {\n    return (\n      <SsnChoice\n        useSsn={() => setShowChoice(false)}\n        useDocUpload={doCancelStep}\n        verificationService={verificationService}\n      />\n    );\n  }\n\n  return (\n    <div\n      id=\"sid-step-social-security\"\n      className=\"sid-social-sercurity-number-container sid-l-container sid-l-horz-center\"\n    >\n      <div role=\"main\">\n        <div className=\"sid-header\">\n          <div className=\"sid-social-security-number-logo-container sid-l-horz-center\">\n            <LogoComponent verificationService={verificationService} />\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.title\"\n              defaultMessage=\"Enter your social security number\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n\n          <ChangeLocaleV2Component verificationService={verificationService} />\n\n          <div className=\"sid-ssn-wrapper\">\n            <SocialSecurityNumber\n              value={viewModel.socialSecurityNumber}\n              onChange={(value: string) => {\n                updateSSNViewModel(\"socialSecurityNumber\", value);\n                updateFieldValidationErrorsByFieldId(\n                  \"socialSecurityNumber\",\n                  value,\n                  verificationService,\n                );\n              }}\n              isErrored={!!fieldValidationErrors[FieldIdEnum.socialSecurityNumber]}\n              placeholder=\"000-00-0000\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-submit-wrapper sid-l-space-top-md\">\n          <div className=\"sid-social-security-number-submit sid-submit\">\n            <button\n              id=\"sid-submit-wrapper__collect-info\"\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.collectSocialSecurityNumber,\n                )\n              }\n              type=\"submit\"\n              className={`sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${\n                isSubmittable ? \"\" : \"sid-btn--disabled-like\"\n              }`}\n              aria-label=\"submit\"\n              ref={(button) => setRef(\"submitButton\", button)}\n            >\n              <FormattedHTMLMessage id=\"proceed\" defaultMessage=\"Proceed\" />\n            </button>\n          </div>\n        </div>\n\n        <div\n          className=\"sid-form-region sid-social-security-number-upload-instead-btn sid-l-space-top-md\"\n          role=\"button\"\n          tabIndex={0}\n          onKeyUp={doCancelStep}\n          onClick={doCancelStep}\n        >\n          <div className=\"sid-social-security-number-upload-instead-text sid-h-link-like\">\n            <FormattedHTMLMessage\n              id=\"step.collectSocialSecurityNumber.uploadInstead\"\n              defaultMessage=\"Upload a document instead\"\n            />\n          </div>\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\n// TODO remove injectIntl, it's not used\nexport const StepSocialSecurityNumber = injectIntl(Step);\n"],"names":["Step","useSsn","useDocUpload","verificationService","jsxs","jsx","LogoComponent","FormattedHTMLMessage","FormFooter","SsnChoice","showChoice","setShowChoice","React","viewModel","fieldValidationErrors","doCancelStep","VerificationStepsEnum","updateSSNViewModel","key","value","nextState","produce","draft","isSubmittable","AnnouncingHeader","ChangeLocaleV2Component","SocialSecurityNumber","updateFieldValidationErrorsByFieldId","FieldIdEnum","submitForm","button","setRef","StepSocialSecurityNumber","injectIntl"],"mappings":"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"}