@sheerid/jslib-nightly 2.103.0-alpha.1 → 2.104.0-alpha.0

package/chunk/{index-RmF57u5_.js.map → index-C6cgSdQ9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-RmF57u5_.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: [] }, true);\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [\"memberId\"] }, true);\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":";;;AAgEA,MAAMA,KAAkE;AAAA,EACtE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAyB,CAACC,MAAoB;AAC5C,QAAAC,IACJH,GAA6BE,CAAO,KAAK;AACpC,SAAA;AAAA,IACL,UAAU,mCAAmCC,CAAiB;AAAA,IAC9D,gBAAgB,mCAAmCA,CAAiB;AAAA,EACtE;AACF,GAEaC,KAAsC,CAAC;AAAA,EAClD,MAAAC;AAAA,EACA,qBAAAC;AACF,MAAyD;;AACvD,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,MAA0BF,GAC5BG,IACJH,EAAoB,sBAChBI,IAAqBC,EAAsBF,CAAoB,GAC/DG,IAAUC,EAAW,GAErBC,IAASP,EAAU,aAAa,OAEhCQ,IAAqC,CACzCC,GACAC,MACG;AACH,UAAMC,IAAYC,GAAsBZ,GAAWS,GAAKC,CAAK;AAC7D,IAAAX,EAAoB,gBAAgBY,CAAS;AAAA,EAC/C,GAEM,EAAE,iBAAAE,EAAgB,IAAIC,GAAyB;AAAA,IACnD,gBAAgBZ,EAAqB;AAAA,IACrC,aAAaA,EAAqB;AAAA,IAClC,WAAAF;AAAA,EAAA,CACD,GACKe,IAAuBF,EAAgB,UAAU,GAIjD;AAAA,IACJ,cAAAG;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,IACEC;AAAA,IACF3B,EAAoB;AAAA,IACpBC,EAAU;AAAA,IACVD,EAAoB,qBAAqB;AAAA,EAC3C;AAGA,SAAA4B,EAAM,UAAU,MAAM;AAGpB,IAAIZ,IACFhB,EAAoB,gBAAgB,EAAE,wBAAwB,CAAC,EAAA,GAAK,EAAI,IAExEA,EAAoB,gBAAgB,EAAE,wBAAwB,CAAC,UAAU,KAAK,EAAI;AAAA,EACpF,GACC,CAACgB,CAAoB,CAAC,GAGvBa,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,qBAAA9B;AAAA,MACA,MAAMG,EAAqB;AAAA,MAE3B,UAAA;AAAA,QAAA4B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAAhC;AAAA,YACA,qBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA;AAAA,QAIEiB,KACEY,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uBACZ,UAAA;AAAA,UACCX,KAAAa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,6BACb,UAAAA,gBAAAA,MAAC,OAAI,EAAA,WAAU,mBACb,UAAAA,gBAAAA,EAAAA,IAACE,GAAwB,CAAA,CAAA,EAC3B,CAAA,GACF;AAAA,UAEFF,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAOjC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACE6B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAA3B,EAAmC,SAAS2B,CAAQ,GACfC,EAAA,SAASD,GAAUpC,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAWsB;AAAA,cACX,QAAQD;AAAA,cACR,WAAUiB,IAAAC,EAAwB,OAAO,MAA/B,gBAAAD,EAAkC;AAAA,YAAA;AAAA,UAAA;AAAA,QAC9C,GACF;AAAA,QAIHd,KAAmCJ,KAClCW,gBAAAA,EAAA;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,qBAAApB;AAAA,YACA,eAAeG;AAAA,YACf,mBAAmBG;AAAA,UAAA;AAAA,QACrB;AAAA,QAEDP,4BACE,OAAI,EAAA,WAAWM,KAAoB,CAACR,IAAe,KAAK,wBACvD,UAAA;AAAA,UAAAc,gBAAAA,MAACU,KAAwB,qBAAAzC,GAA0C;AAAA,UACnE+B,gBAAAA,EAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,qBAAA1C;AAAA,cACA,WAAU2C,IAAAJ,EAAwB,SAAS,MAAjC,gBAAAI,EAAoC;AAAA,YAAA;AAAA,UAChD;AAAA,UACAZ,gBAAAA,EAAA;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAO3C,EAAU;AAAA,gBACjB,OAAO4C;AAAA,kBACL9C;AAAA,kBACAE,EAAU;AAAA,kBACV6C;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACA,WAAW,CAAC,CAAC5C,EAAsB;AAAA,cACnC,SAAS6C,EAA4BhD,GAAMI,EAAqB,iBAAiB;AAAA,cACjF,WAAU6C,IAAAT,EAAwB,QAAQ,MAAhC,gBAAAS,EAAmC;AAAA,cAC7C,UAAU,CAACC,MAA6B;AACtC,gBAAAxC,EAAmC,UAAUwC,IAAUA,EAAO,QAAmB,EAAE,GACnFZ;AAAA,kBACE;AAAA,kBACAY,IAAUA,EAAO,QAAmB;AAAA,kBACpCjD;AAAA,gBACF;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,UACA+B,gBAAAA,EAAA;AAAA,YAACmB;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAChD,EAAsB;AAAA,cACnC,UAAU,CAACiD,MAAyB;AAClC,gBAAAC,GAA4BD,GAAQnD,CAAmB,GAClBqC,EAAA,gBAAgBc,GAAQnD,CAAmB;AAAA,cAClF;AAAA,cACA,OACGA,EAAoB,UAClB;AAAA,cAEL,qBAAAA;AAAA,cACA,WAAUqD,IAAAd,EAAwB,cAAc,MAAtC,gBAAAc,EAAyC;AAAA,YAAA;AAAA,UACrD;AAAA,UACAxB,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,YAAAE,gBAAAA,EAAA;AAAA,cAACuB;AAAAA,cAAA;AAAA,gBACC,OAAOrD,EAAU;AAAA,gBACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,gBACnC,WAAUqD,IAAAhB,EAAwB,WAAW,MAAnC,gBAAAgB,EAAsC;AAAA,gBAChD,UAAU,CAACnB,MAAa;AACtB,kBAAA3B,EAAmC,aAAa2B,CAAQ,GACnBC,EAAA,aAAaD,GAAUpC,CAAmB;AAAA,gBAAA;AAAA,cACjF;AAAA,YACF;AAAA,YAEA+B,gBAAAA,EAAA;AAAA,cAACyB;AAAAA,cAAA;AAAA,gBACC,OAAOvD,EAAU;AAAA,gBACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,gBACnC,WAAUuD,IAAAlB,EAAwB,UAAU,MAAlC,gBAAAkB,EAAqC;AAAA,gBAC/C,UAAU,CAACrB,MAAa;AACtB,kBAAA3B,EAAmC,YAAY2B,CAAQ,GAClBC,EAAA,YAAYD,GAAUpC,CAAmB;AAAA,gBAAA;AAAA,cAChF;AAAA,YAAA;AAAA,UACF,GACF;AAAA,UACA+B,gBAAAA,EAAA;AAAA,YAAC2B;AAAAA,YAAA;AAAA,cACC,SAASxD,EAAsB;AAAA,cAC/B,QAAAM;AAAA,cACA,WAAUmD,IAAApB,EAAwB,WAAW,MAAnC,gBAAAoB,EAAsC;AAAA,cAChD,UAAU,CAACvB,MAAa;AACtB,gBAAA3B,EAAmC,aAAa2B,CAAQ,GACnBC,EAAA,aAAaD,GAAUpC,CAAmB;AAAA,cACjF;AAAA,cACA,OAAOC,EAAU;AAAA,YAAA;AAAA,UACnB;AAAA,UACA8B,gBAAAA,EAAA;AAAA,YAAC6B;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAC1D,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,cAAc2B,CAAQ,GACpBC,EAAA,cAAcD,GAAUpC,CAAmB;AAAA,cAClF;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,WAAU4D,IAAAtB,EAAwB,YAAY,MAApC,gBAAAsB,EAAuC;AAAA,cACjD,aACE9B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UACC,CAAClB,KACAc,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAOjC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACE6B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAA3B,EAAmC,SAAS2B,CAAQ,GACfC,EAAA,SAASD,GAAUpC,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAW,CAAC8D,MAAUC,GAAqBD,CAAK;AAAA,cAChD,WAAUE,IAAAzB,EAAwB,OAAO,MAA/B,gBAAAyB,EAAkC;AAAA,YAAA;AAAA,UAC9C;AAAA,UAEDhE,EAAoB,aAAa,2BAClCA,EAAoB,aAAa,iBAC/B+B,gBAAAA,EAAA;AAAA,YAACkC;AAAAA,YAAA;AAAA,cACC,YAAY,CAAC,CAACjE,EAAoB,aAAa;AAAA,cAC/C,OAAOC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,eAAe2B,CAAQ,GACrBC,EAAA,eAAeD,GAAUpC,CAAmB;AAAA,cACnF;AAAA,cACA,qBAAqBC,EAAU,iBAAiBA,EAAU,cAAc;AAAA,cACxE,WAAUiE,IAAA3B,EAAwB,aAAa,MAArC,gBAAA2B,EAAwC;AAAA,YAAA;AAAA,UAAA,IAElD;AAAA,UACHlD,KACCe,gBAAAA,EAAA;AAAA,YAACoC;AAAAA,YAAA;AAAA,cACC,OAAOlE,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aAAYkE,IAAA7B,EAAwB,UAAU,MAAlC,gBAAA6B,EAAqC;AAAA,cACjD,WAAUC,IAAA9B,EAAwB,UAAU,MAAlC,gBAAA8B,EAAqC;AAAA,cAC/C,UAAU,CAACjC,MAAa;AACtB,gBAAA3B,EAAmC,YAAY2B,CAAQ,GAClBC,EAAA,YAAYD,GAAUpC,CAAmB;AAAA,cAChF;AAAA,cACA,aACE+B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAIxC,EAAuBM,EAAU,OAAO,EAAE;AAAA,kBAC9C,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,OACE8B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAIxC,EAAuBM,EAAU,OAAO,EAAE;AAAA,kBAC9C,gBAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB;AAAA,UAEJ;AAAA,UAEDK,EAAQ,iBAAiB,IAAI,CAACgE,MAC5BvC,gBAAAA,MAAAwC,IAAA,EAAgB,QAAAD,GAAgB,qBAAAtE,EAAA,CAA0C,CAC5E;AAAA,UACD+B,gBAAAA,EAAA;AAAA,YAACyC;AAAAA,YAAA;AAAA,cACC,qBAAAxE;AAAA,cACA,WAAW,CAAC,CAACE,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,YAAY;AAAA,kBAC7C,GAAGT,EAAoB,UAAU;AAAA,kBACjC,oBAAoBoC;AAAA,gBAAA,CACrB,GACDC;AAAA,kBACE;AAAA,kBACAD;AAAA,kBACApC;AAAA,gBACF;AAAA,cACF;AAAA,cACA,WAAAC;AAAA,cACA,WAAUwE,IAAAlC,EAAwB,oBAAoB,MAA5C,gBAAAkC,EAA+C;AAAA,YAAA;AAAA,UAC3D;AAAA,UACC1C,gBAAAA,EAAAA,IAAA2C,IAAA,EAAa,qBAAA1E,GAA0C,QAAO,qBAAqB,CAAA;AAAA,UACpF+B,gBAAAA,EAAA;AAAA,YAAC4C;AAAA,YAAA;AAAA,cACC,MAAMC,GAAsB;AAAA,cAC5B,qBAAA5E;AAAA,cACA,WAAAC;AAAA,cACA,oBAAAG;AAAA,cACA,YACE2B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAEJ,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ,GAEa0C,KAA+CC;AAAA,EAC1DhF;AACF;"}
+{"version":3,"file":"index-C6cgSdQ9.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: [] }, true);\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [\"memberId\"] }, true);\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":";;;AAgEA,MAAMA,KAAkE;AAAA,EACtE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAyB,CAACC,MAAoB;AAC5C,QAAAC,IACJH,GAA6BE,CAAO,KAAK;AACpC,SAAA;AAAA,IACL,UAAU,mCAAmCC,CAAiB;AAAA,IAC9D,gBAAgB,mCAAmCA,CAAiB;AAAA,EAAA;AAExE,GAEaC,KAAsC,CAAC;AAAA,EAClD,MAAAC;AAAA,EACA,qBAAAC;AACF,MAAyD;;AACvD,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,EAA0B,IAAAF,GAC5BG,IACJH,EAAoB,sBAChBI,IAAqBC,EAAsBF,CAAoB,GAC/DG,IAAUC,MAEVC,IAASP,EAAU,aAAa,OAEhCQ,IAAqC,CACzCC,GACAC,MACG;AACH,UAAMC,IAAYC,GAAsBZ,GAAWS,GAAKC,CAAK;AAC7D,IAAAX,EAAoB,gBAAgBY,CAAS;AAAA,EAAA,GAGzC,EAAE,iBAAAE,EAAgB,IAAIC,GAAyB;AAAA,IACnD,gBAAgBZ,EAAqB;AAAA,IACrC,aAAaA,EAAqB;AAAA,IAClC,WAAAF;AAAA,EAAA,CACD,GACKe,IAAuBF,EAAgB,UAAU,GAIjD;AAAA,IACJ,cAAAG;AAAA,IACA,0BAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,0BAAAC;AAAA,EAAA,IACEC;AAAA,IACF3B,EAAoB;AAAA,IACpBC,EAAU;AAAA,IACVD,EAAoB,qBAAqB;AAAA,EAAA;AAI3C,SAAA4B,EAAM,UAAU,MAAM;AAGpB,IAAIZ,IACFhB,EAAoB,gBAAgB,EAAE,wBAAwB,CAAA,KAAM,EAAI,IAExEA,EAAoB,gBAAgB,EAAE,wBAAwB,CAAC,UAAU,EAAA,GAAK,EAAI;AAAA,EACpF,GACC,CAACgB,CAAoB,CAAC,GAGvBa,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,qBAAA9B;AAAA,MACA,MAAMG,EAAqB;AAAA,MAE3B,UAAA;AAAA,QAAA4B,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAAhC;AAAA,YACA,qBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA;AAAA,QAIEiB,KACEY,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,uBACZ,UAAA;AAAA,UACCX,KAAAa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,6BACb,UAAAA,gBAAAA,MAAC,OAAI,EAAA,WAAU,mBACb,UAAAA,gBAAAA,EAAAA,IAACE,GAAwB,CAAA,CAAA,EAC3B,CAAA,GACF;AAAA,UAEFF,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAOjC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACE6B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAA3B,EAAmC,SAAS2B,CAAQ,GACfC,EAAA,SAASD,GAAUpC,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAWsB;AAAA,cACX,QAAQD;AAAA,cACR,WAAUiB,IAAAC,EAAwB,OAAO,MAA/B,gBAAAD,EAAkC;AAAA,YAAA;AAAA,UAC9C;AAAA,QAAA,GACF;AAAA,QAIHd,KAAmCJ,KAClCW,gBAAAA,EAAA;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,qBAAApB;AAAA,YACA,eAAeG;AAAA,YACf,mBAAmBG;AAAA,UAAA;AAAA,QACrB;AAAA,QAEDP,4BACE,OAAI,EAAA,WAAWM,KAAoB,CAACR,IAAe,KAAK,wBACvD,UAAA;AAAA,UAAAc,gBAAAA,MAACU,KAAwB,qBAAAzC,GAA0C;AAAA,UACnE+B,gBAAAA,EAAA;AAAA,YAACW;AAAA,YAAA;AAAA,cACC,qBAAA1C;AAAA,cACA,WAAU2C,IAAAJ,EAAwB,SAAS,MAAjC,gBAAAI,EAAoC;AAAA,YAAA;AAAA,UAChD;AAAA,UACAZ,gBAAAA,EAAA;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO;AAAA,gBACL,OAAO3C,EAAU;AAAA,gBACjB,OAAO4C;AAAA,kBACL9C;AAAA,kBACAE,EAAU;AAAA,kBACV6C;AAAA,gBACF;AAAA,cACF;AAAA,cACA,WAAW,CAAC,CAAC5C,EAAsB;AAAA,cACnC,SAAS6C,GAA4BhD,GAAMI,EAAqB,iBAAiB;AAAA,cACjF,WAAU6C,IAAAT,EAAwB,QAAQ,MAAhC,gBAAAS,EAAmC;AAAA,cAC7C,UAAU,CAACC,MAA6B;AACtC,gBAAAxC,EAAmC,UAAUwC,IAAUA,EAAO,QAAmB,EAAE,GACnFZ;AAAA,kBACE;AAAA,kBACAY,IAAUA,EAAO,QAAmB;AAAA,kBACpCjD;AAAA,gBAAA;AAAA,cAEJ;AAAA,YAAA;AAAA,UACF;AAAA,UACA+B,gBAAAA,EAAA;AAAA,YAACmB;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAChD,EAAsB;AAAA,cACnC,UAAU,CAACiD,MAAyB;AAClC,gBAAAC,GAA4BD,GAAQnD,CAAmB,GAClBqC,EAAA,gBAAgBc,GAAQnD,CAAmB;AAAA,cAClF;AAAA,cACA,OACGA,EAAoB,UAClB;AAAA,cAEL,qBAAAA;AAAA,cACA,WAAUqD,IAAAd,EAAwB,cAAc,MAAtC,gBAAAc,EAAyC;AAAA,YAAA;AAAA,UACrD;AAAA,UACAxB,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,YAAAE,gBAAAA,EAAA;AAAA,cAACuB;AAAAA,cAAA;AAAA,gBACC,OAAOrD,EAAU;AAAA,gBACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,gBACnC,WAAUqD,IAAAhB,EAAwB,WAAW,MAAnC,gBAAAgB,EAAsC;AAAA,gBAChD,UAAU,CAACnB,MAAa;AACtB,kBAAA3B,EAAmC,aAAa2B,CAAQ,GACnBC,EAAA,aAAaD,GAAUpC,CAAmB;AAAA,gBACjF;AAAA,cAAA;AAAA,YACF;AAAA,YAEA+B,gBAAAA,EAAA;AAAA,cAACyB;AAAAA,cAAA;AAAA,gBACC,OAAOvD,EAAU;AAAA,gBACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,gBACnC,WAAUuD,IAAAlB,EAAwB,UAAU,MAAlC,gBAAAkB,EAAqC;AAAA,gBAC/C,UAAU,CAACrB,MAAa;AACtB,kBAAA3B,EAAmC,YAAY2B,CAAQ,GAClBC,EAAA,YAAYD,GAAUpC,CAAmB;AAAA,gBAChF;AAAA,cAAA;AAAA,YACF;AAAA,UAAA,GACF;AAAA,UACA+B,gBAAAA,EAAA;AAAA,YAAC2B;AAAAA,YAAA;AAAA,cACC,SAASxD,EAAsB;AAAA,cAC/B,QAAAM;AAAA,cACA,WAAUmD,IAAApB,EAAwB,WAAW,MAAnC,gBAAAoB,EAAsC;AAAA,cAChD,UAAU,CAACvB,MAAa;AACtB,gBAAA3B,EAAmC,aAAa2B,CAAQ,GACnBC,EAAA,aAAaD,GAAUpC,CAAmB;AAAA,cACjF;AAAA,cACA,OAAOC,EAAU;AAAA,YAAA;AAAA,UACnB;AAAA,UACA8B,gBAAAA,EAAA;AAAA,YAAC6B;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAC1D,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,cAAc2B,CAAQ,GACpBC,EAAA,cAAcD,GAAUpC,CAAmB;AAAA,cAClF;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,WAAU4D,IAAAtB,EAAwB,YAAY,MAApC,gBAAAsB,EAAuC;AAAA,cACjD,aACE9B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAEJ;AAAA,UACC,CAAClB,KACAc,gBAAAA,EAAA;AAAA,YAACG;AAAAA,YAAA;AAAA,cACC,OAAOjC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aACE6B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,UAAU,CAACC,MAAa;AACtB,gBAAA3B,EAAmC,SAAS2B,CAAQ,GACfC,EAAA,SAASD,GAAUpC,CAAmB;AAAA,cAC7E;AAAA,cACA,WAAW,CAAC8D,MAAUC,GAAqBD,CAAK;AAAA,cAChD,WAAUE,IAAAzB,EAAwB,OAAO,MAA/B,gBAAAyB,EAAkC;AAAA,YAAA;AAAA,UAC9C;AAAA,UAEDhE,EAAoB,aAAa,2BAClCA,EAAoB,aAAa,iBAC/B+B,gBAAAA,EAAA;AAAA,YAACkC;AAAAA,YAAA;AAAA,cACC,YAAY,CAAC,CAACjE,EAAoB,aAAa;AAAA,cAC/C,OAAOC,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,eAAe2B,CAAQ,GACrBC,EAAA,eAAeD,GAAUpC,CAAmB;AAAA,cACnF;AAAA,cACA,qBAAqBC,EAAU,iBAAiBA,EAAU,cAAc;AAAA,cACxE,WAAUiE,IAAA3B,EAAwB,aAAa,MAArC,gBAAA2B,EAAwC;AAAA,YAAA;AAAA,UAAA,IAElD;AAAA,UACHlD,KACCe,gBAAAA,EAAA;AAAA,YAACoC;AAAAA,YAAA;AAAA,cACC,OAAOlE,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,aAAYkE,IAAA7B,EAAwB,UAAU,MAAlC,gBAAA6B,EAAqC;AAAA,cACjD,WAAUC,IAAA9B,EAAwB,UAAU,MAAlC,gBAAA8B,EAAqC;AAAA,cAC/C,UAAU,CAACjC,MAAa;AACtB,gBAAA3B,EAAmC,YAAY2B,CAAQ,GAClBC,EAAA,YAAYD,GAAUpC,CAAmB;AAAA,cAChF;AAAA,cACA,aACE+B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAIxC,EAAuBM,EAAU,OAAO,EAAE;AAAA,kBAC9C,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,cAEF,OACE8B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAIxC,EAAuBM,EAAU,OAAO,EAAE;AAAA,kBAC9C,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAEJ;AAAA,UAEDK,EAAQ,iBAAiB,IAAI,CAACgE,MAC5BvC,gBAAAA,MAAAwC,IAAA,EAAgB,QAAAD,GAAgB,qBAAAtE,EAAA,CAA0C,CAC5E;AAAA,UACD+B,gBAAAA,EAAA;AAAA,YAACyC;AAAAA,YAAA;AAAA,cACC,qBAAAxE;AAAA,cACA,WAAW,CAAC,CAACE,EAAsB;AAAA,cACnC,UAAU,CAACkC,MAAa;AACtB,gBAAA3B,EAAmC,YAAY;AAAA,kBAC7C,GAAGT,EAAoB,UAAU;AAAA,kBACjC,oBAAoBoC;AAAA,gBAAA,CACrB,GACDC;AAAA,kBACE;AAAA,kBACAD;AAAA,kBACApC;AAAA,gBAAA;AAAA,cAEJ;AAAA,cACA,WAAAC;AAAA,cACA,WAAUwE,IAAAlC,EAAwB,oBAAoB,MAA5C,gBAAAkC,EAA+C;AAAA,YAAA;AAAA,UAC3D;AAAA,UACC1C,gBAAAA,EAAAA,IAAA2C,IAAA,EAAa,qBAAA1E,GAA0C,QAAO,qBAAqB,CAAA;AAAA,UACpF+B,gBAAAA,EAAA;AAAA,YAAC4C;AAAA,YAAA;AAAA,cACC,MAAMC,GAAsB;AAAA,cAC5B,qBAAA5E;AAAA,cACA,WAAAC;AAAA,cACA,oBAAAG;AAAA,cACA,YACE2B,gBAAAA,EAAA;AAAA,gBAACI;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,gBAAe;AAAA,gBAAA;AAAA,cACjB;AAAA,YAAA;AAAA,UAEJ;AAAA,QAAA,GACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,GAEa0C,KAA+CC;AAAA,EAC1DhF;AACF;"}

package/chunk/{index-D3dphMnl.js → index-CEidf7uT.js}

@@ -4,17 +4,17 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113289616
- *   BUILD_DATE: Thu May 01 2025 15:28:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122131368
+ *   BUILD_DATE: Thu May 01 2025 17:55:31 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { j as e, L as r, a as s, m as c, n as p, C as m } from "../_mysheerid-preview.js";
-const u = ({ verificationService: o }) => {
-  const d = o.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = o.programTheme.config.offerType === "noCode", { verificationId: n } = o.verificationResponse, { rewardDisplay: t } = o.programTheme.config, l = !i && !!t.length;
+import { j as e, o as r, b as o, p as c, q as p, C as m } from "../_mysheerid-preview.js";
+const u = ({ verificationService: s }) => {
+  const d = s.verificationResponse.consolationRewardCode || "${consolationRewardCode}", i = s.programTheme.config.offerType === "noCode", { verificationId: n } = s.verificationResponse, { rewardDisplay: t } = s.programTheme.config, l = !i && !!t.length;
   return /* @__PURE__ */ e.jsxs("div", { id: "sid-step-consolation", className: "sid-l-container", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "sid-header sid-l-horz-center sid-l-space-top-md", children: [
-      /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(r, { verificationService: o }) }),
+      /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(r, { verificationService: s }) }),
       /* @__PURE__ */ e.jsx(
         "div",
         {
@@ -22,7 +22,7 @@ const u = ({ verificationService: o }) => {
           id: "consolation-status",
           role: "alertdialog",
           children: /* @__PURE__ */ e.jsx(
-            s,
+            o,
             {
               id: "step.consolation.title",
               defaultMessage: "Claim your offer",
@@ -32,7 +32,7 @@ const u = ({ verificationService: o }) => {
         }
       ),
       /* @__PURE__ */ e.jsx("div", { className: "sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
-        s,
+        o,
         {
           id: "step.consolation.subtitle",
           defaultMessage: "Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once."
@@ -60,9 +60,9 @@ const u = ({ verificationService: o }) => {
         m,
         {
           textToCopy: d,
-          notificationText: /* @__PURE__ */ e.jsx(s, { id: "copied", defaultMessage: "Copied" }),
+          notificationText: /* @__PURE__ */ e.jsx(o, { id: "copied", defaultMessage: "Copied" }),
           children: /* @__PURE__ */ e.jsx(
-            s,
+            o,
             {
               id: "step.success.copyCouponCode",
               defaultMessage: "Copy Coupon code"
@@ -72,7 +72,7 @@ const u = ({ verificationService: o }) => {
       ) })
     ] })) }),
     /* @__PURE__ */ e.jsx("div", { className: "sid-footer sid-l-horz-center sid-l-space-top-lg", children: /* @__PURE__ */ e.jsx(
-      s,
+      o,
       {
         id: "rewardCodeEmailNotification",
         defaultMessage: "We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com."
@@ -83,8 +83,8 @@ const u = ({ verificationService: o }) => {
       {
         className: "sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text",
         role: "contentinfo",
-        children: /* @__PURE__ */ e.jsx(s, { id: "companyName", defaultMessage: "{Company}", children: (a) => /* @__PURE__ */ e.jsx(
-          s,
+        children: /* @__PURE__ */ e.jsx(o, { id: "companyName", defaultMessage: "{Company}", children: (a) => /* @__PURE__ */ e.jsx(
+          o,
           {
             id: "step.consolation.verificationOnly",
             defaultMessage: "Please direct any and all questions about this offer to {companyName}.",

package/{lib/index-Sytmygw_.js.map → chunk/index-CEidf7uT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-Sytmygw_.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}
+{"version":3,"file":"index-CEidf7uT.js","sources":["../../src/components/StepConsolation/StepConsolationComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { VerificationService, ConsolationResponse } from \"../../lib/types/types\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { CopyToClipboard } from \"../CopyToClipboard/CopyToClipboardComponent\";\nimport { RewardDisplayEnum } from \"../../lib/types/runtimeTypes\";\nimport { getBarcodeUrl } from \"../../lib/ServerApi/ApiUrls\";\n\ninterface StepConsolationProps {\n  verificationService: VerificationService;\n}\n\nconst StepConsolation = ({ verificationService }: StepConsolationProps) => {\n  const consolationRewardCode =\n    (verificationService.verificationResponse as ConsolationResponse).consolationRewardCode ||\n    \"${consolationRewardCode}\"; // eslint-disable-line no-template-curly-in-string\n\n  const noCodeType = verificationService.programTheme.config.offerType === \"noCode\";\n  const { verificationId } = verificationService.verificationResponse;\n\n  const { rewardDisplay } = verificationService.programTheme.config;\n  const showReward = !noCodeType && !!rewardDisplay.length;\n\n  return (\n    <div id=\"sid-step-consolation\" className=\"sid-l-container\">\n      <div className=\"sid-header sid-l-horz-center sid-l-space-top-md\">\n        <div className=\"sid-l-horz-center\">\n          <LogoComponent verificationService={verificationService} />\n        </div>\n\n        <div\n          className=\"sid-header__title sid-l-horz-center sid-l-space-top-md\"\n          id=\"consolation-status\"\n          role=\"alertdialog\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.consolation.title\"\n            defaultMessage=\"Claim your offer\"\n            tagName=\"h1\"\n          />\n        </div>\n\n        <div className=\"sid-l-horz-center\">\n          <FormattedHTMLMessage\n            id=\"step.consolation.subtitle\"\n            defaultMessage=\"Unfortunately we could not verify your status, but we value your interest and are offering this promo code as a thank you. It is unique to you and can only be used once.\"\n          />\n        </div>\n      </div>\n\n      {showReward && (\n        <div className=\"sid-l-horz-center sid-reward-container sid-l-space-top-md\">\n          {rewardDisplay.map((displayType) => {\n            if (displayType !== RewardDisplayEnum.TEXT)\n              return (\n                <img\n                  key={displayType}\n                  className=\"sid-l-space-top-md sid-barcode\"\n                  alt={consolationRewardCode}\n                  src={getBarcodeUrl(verificationId, \"consolationRewardCode\", displayType)}\n                />\n              );\n            return (\n              <>\n                <div\n                  className=\"sid-reward-code sid-l-space-top-lg sid-h-jumbo-text sid-l-horz-center\"\n                  role=\"region\"\n                >\n                  {consolationRewardCode}\n                </div>\n                <div className=\"sid-l-space-top-md sid-h-bold-text sid-l-horz-center\">\n                  <CopyToClipboard\n                    textToCopy={consolationRewardCode}\n                    notificationText={<FormattedHTMLMessage id=\"copied\" defaultMessage=\"Copied\" />}\n                  >\n                    <FormattedHTMLMessage\n                      id=\"step.success.copyCouponCode\"\n                      defaultMessage=\"Copy Coupon code\"\n                    />\n                  </CopyToClipboard>\n                </div>\n              </>\n            );\n          })}\n        </div>\n      )}\n\n      <div className=\"sid-footer sid-l-horz-center sid-l-space-top-lg\">\n        <FormattedHTMLMessage\n          id=\"rewardCodeEmailNotification\"\n          defaultMessage=\"We have emailed you a copy so you can use your new code now or later. Look for the email from verify@sheerid.com.\"\n        />\n      </div>\n\n      <div\n        className=\"sid-footer sid-l-horz-center sid-l-space-top-lg sid-h-small-text\"\n        role=\"contentinfo\"\n      >\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.consolation.verificationOnly\"\n              defaultMessage=\"Please direct any and all questions about this offer to {companyName}.\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepConsolationComponent = StepConsolation;\n"],"names":["StepConsolation","verificationService","consolationRewardCode","noCodeType","verificationId","rewardDisplay","showReward","jsxs","jsx","LogoComponent","FormattedHTMLMessage","displayType","RewardDisplayEnum","getBarcodeUrl","Fragment","CopyToClipboard","companyName","StepConsolationComponent"],"mappings":"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"}

package/chunk/{index-BhkJfnda.js → index-CGKKTwvx.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113289616
- *   BUILD_DATE: Thu May 01 2025 15:28:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122131368
+ *   BUILD_DATE: Thu May 01 2025 17:55:31 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { j as s, L as n, a as l, f as r, i as j, R as N, A as y, v as S, S as g, I as f, u as w, J as C, K as M, V as o, k as _ } from "../_mysheerid-preview.js";
+import { j as s, o as n, b as l, m as r, i as j, R as N, A as y, y as S, S as g, u as f, O as w, T as C, V as o, U as M, n 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: [
@@ -60,15 +60,15 @@ const k = ({ useSsn: e, useDocUpload: d, verificationService: c }) => /* @__PURE
     o.cancelSocialSecurityNumber,
     i,
     e.verificationResponse
-  ), m = (t, b) => {
+  ), m = (t, h) => {
     const p = _(
       i,
       (x) => {
-        x[t] = b;
+        x[t] = h;
       }
     );
     e.updateViewModel(p);
-  }, h = i.socialSecurityNumber && i.socialSecurityNumber.toString().length === 9;
+  }, b = i.socialSecurityNumber && i.socialSecurityNumber.toString().length === 9;
   return d ? /* @__PURE__ */ s.jsx(
     V,
     {
@@ -99,13 +99,13 @@ const k = ({ useSsn: e, useDocUpload: d, verificationService: c }) => /* @__PURE
               {
                 value: i.socialSecurityNumber,
                 onChange: (t) => {
-                  m("socialSecurityNumber", t), w(
+                  m("socialSecurityNumber", t), f(
                     "socialSecurityNumber",
                     t,
                     e
                   );
                 },
-                isErrored: !!u[f.socialSecurityNumber],
+                isErrored: !!u[w.socialSecurityNumber],
                 placeholder: "000-00-0000"
               }
             ) })
@@ -114,15 +114,15 @@ const k = ({ useSsn: e, useDocUpload: d, verificationService: c }) => /* @__PURE
             "button",
             {
               id: "sid-submit-wrapper__collect-info",
-              onClick: () => M(
+              onClick: () => C(
                 i,
                 e,
                 o.collectSocialSecurityNumber
               ),
               type: "submit",
-              className: `sid-btn sid-social-security-number-submit-btn sid-btn--dark sid-l-full-width ${h ? "" : "sid-btn--disabled-like"}`,
+              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),
+              ref: (t) => M("submitButton", t),
               children: /* @__PURE__ */ s.jsx(l, { id: "proceed", defaultMessage: "Proceed" })
             }
           ) }) }),
@@ -148,7 +148,7 @@ const k = ({ useSsn: e, useDocUpload: d, verificationService: c }) => /* @__PURE
       ]
     }
   );
-}, I = j(E);
+}, z = j(E);
 export {
-  I as default
+  z as default
 };

package/chunk/{index-BDw8efPp.js.map → index-CGKKTwvx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BDw8efPp.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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"}
+{"version":3,"file":"index-CGKKTwvx.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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"}

package/chunk/{index-BtYzUCrC.js → index-Cb7GlxEu.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.103.0-alpha.1
- *   BUILD_TIMESTAMP: 1746113289616
- *   BUILD_DATE: Thu May 01 2025 15:28:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d965970f2cd2a5e2e0ec472faaa3d106de7ca01e
+ *   VERSION: 2.104.0-alpha.0
+ *   BUILD_TIMESTAMP: 1746122131368
+ *   BUILD_DATE: Thu May 01 2025 17:55:31 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 11de903d86267c3dbd7e05948a323fa12b63d0ec
  */
-import { i as S, R as l, c, j as e, A as R, a as t, N as E, k as V, l as w, V as y, q as k } from "../_mysheerid-preview.js";
+import { i as S, R as l, e as c, j as e, A as R, b as t, W as E, n as V, l as w, V as y, v as k } from "../_mysheerid-preview.js";
 const I = ({ intl: i, verificationService: s }) => {
   const o = s.viewModel, d = s.verificationResponse, M = !!s.fieldValidationErrors.smsCode, n = s.previousViewModel || void 0, [u, m] = l.useState(""), [p, g] = l.useState(
     d.errorIds && d.errorIds.includes("incorrectSMSCodeAttemptLimitExceeded")
@@ -32,18 +32,18 @@ const I = ({ intl: i, verificationService: s }) => {
     ...s.fieldValidationErrors,
     smsCode: d.errorIds[0]
   });
-  const N = (r) => {
+  const j = (r) => {
     const a = V(o, (b) => {
       b.smsCode = r, b.phoneNumber = n && n.phoneNumber;
     });
     s.updateViewModel(a);
-  }, j = () => {
+  }, C = () => {
     w.info("StepSMSLoop submitting form"), s.submitStep(
       y.smsLoop,
       o,
       s.verificationResponse
     );
-  }, C = async (r) => {
+  }, N = async (r) => {
     const a = await k.getResendNewSmsCode(r);
     a ? (g(!1), m(a.status === 204 ? h : f)) : m(L);
   };
@@ -75,7 +75,7 @@ const I = ({ intl: i, verificationService: s }) => {
     /* @__PURE__ */ e.jsx("div", { className: "sid-sms-code-id-wrapper sid-l-horz-center", children: /* @__PURE__ */ e.jsx(
       E,
       {
-        onChange: N,
+        onChange: j,
         value: o.smsCode,
         isErrored: M,
         errorId: s.fieldValidationErrors.smsCode
@@ -87,7 +87,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-submit-sms-code",
-          onClick: j,
+          onClick: C,
           type: "button",
           className: "sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue",
           "aria-label": "submit",
@@ -100,7 +100,7 @@ const I = ({ intl: i, verificationService: s }) => {
         "button",
         {
           id: "sid-resend-sms-code",
-          onClick: () => C(d.verificationId),
+          onClick: () => N(d.verificationId),
           type: "submit",
           className: "sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel",
           "aria-label": "re-send",

package/chunk/{index-BtYzUCrC.js.map → index-Cb7GlxEu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BtYzUCrC.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-Cb7GlxEu.js","sources":["../../src/components/StepSMSLoop/StepSMSLoopComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { injectIntl, FormattedHTMLMessage, InjectedIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"../../lib/utils/logger/logger\";\nimport {\n  VerificationService,\n  StudentPersonalInfoViewModel,\n  SMSLoopResponse,\n  SMSLoopViewModel,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\n\nimport { SMSCodeComponent } from \"../FormFields/SMSCode/SMSCodeComponent\";\n\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\n\ninterface StepSMSLoopProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepSMSLoop = ({ intl, verificationService }: StepSMSLoopProps) => {\n  const viewModel = verificationService.viewModel as SMSLoopViewModel;\n  const verificationResponse = verificationService.verificationResponse as SMSLoopResponse;\n  const isErrored = Boolean(verificationService.fieldValidationErrors.smsCode);\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n\n  const [stepResultMessage, setStepResultMessage] = React.useState(\"\");\n  const [isAttemptLimitExceeded, setAttemptLimitExceeded] = React.useState(\n    verificationResponse.errorIds &&\n      verificationResponse.errorIds.includes(\"incorrectSMSCodeAttemptLimitExceeded\"),\n  );\n\n  const stepSuccessMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.successResend\",\n    defaultMessage: \"SMS message re-sent successfully\",\n  });\n  const maxTotalRetriesMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const maxRetriesPerCodeMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.codeResendLimit\",\n    defaultMessage: \"Maximum number of re-tries has been reached.\",\n  });\n  const errorResendingSMSMessage = intl.formatHTMLMessage({\n    id: \"step.smsLoop.errors.resend\",\n    defaultMessage: \"Error sending the SMS message\",\n  });\n\n  React.useEffect(() => {\n    if (isAttemptLimitExceeded) {\n      setStepResultMessage(maxRetriesPerCodeMessage);\n    }\n  }, []);\n\n  if (\n    getSafe(() => verificationResponse.errorIds.length) &&\n    !verificationService.fieldValidationErrors.smsCode\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...verificationService.fieldValidationErrors,\n      smsCode: verificationResponse.errorIds[0],\n    });\n  }\n\n  const updateSmsCode = (value) => {\n    const nextState: SMSLoopViewModel = produce(viewModel, (draft: SMSLoopViewModel) => {\n      draft.smsCode = value;\n      draft.phoneNumber = previousViewModel && previousViewModel.phoneNumber;\n    });\n    verificationService.updateViewModel(nextState);\n  };\n\n  const submitForm = () => {\n    logger.info(\"StepSMSLoop submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.smsLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  const resendSmsCode = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewSmsCode(verificationId);\n    if (response) {\n      setAttemptLimitExceeded(false);\n      setStepResultMessage(response.status === 204 ? stepSuccessMessage : maxTotalRetriesMessage);\n    } else {\n      setStepResultMessage(errorResendingSMSMessage);\n    }\n  };\n\n  return (\n    <div id=\"sid-step-sms-loop\" className=\"sid-sms-loop-container sid-l-container\">\n      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.verificationCode\"\n          defaultMessage=\"Verification Code\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {getSafe(() => previousViewModel.phoneNumber) ? (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithNumber\"\n            defaultMessage=\"We've sent an SMS message to the mobile number ending in {number}. Enter your code here.\"\n            values={{\n              number: getSafe(() => previousViewModel.phoneNumber.slice(-4), \"\"),\n            }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.titleWithoutNumber\"\n            defaultMessage=\"We've sent an SMS to your mobile number. Please enter the code here.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-sms-code-id-wrapper sid-l-horz-center\">\n        <SMSCodeComponent\n          onChange={updateSmsCode}\n          value={viewModel.smsCode}\n          isErrored={isErrored}\n          errorId={verificationService.fieldValidationErrors.smsCode}\n        />\n      </div>\n\n      {stepResultMessage && (\n        <div>\n          <p>{stepResultMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-submit sid-sms-loop-submit sid-l-space-top-md sid-l-horz-center\">\n        <button\n          id=\"sid-submit-sms-code\"\n          onClick={submitForm}\n          type=\"button\"\n          className=\"sid-btn sid-sms-loop-submit-btn sid-btn--dark sid-submit__continue\"\n          aria-label=\"submit\"\n          disabled={\n            !!(!viewModel.smsCode || viewModel.smsCode.length <= 0 || isAttemptLimitExceeded)\n          }\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.submitButton\" defaultMessage=\"Submit\" />\n        </button>\n\n        <div className=\"sid-l-space-left-sm\">&nbsp;</div>\n\n        <button\n          id=\"sid-resend-sms-code\"\n          onClick={() => resendSmsCode(verificationResponse.verificationId)}\n          type=\"submit\"\n          className=\"sid-btn sid-resend-sms-code-btn sid-btn--light sid-submit__cancel\"\n          aria-label=\"re-send\"\n        >\n          <FormattedHTMLMessage id=\"step.smsLoop.resendButton\" defaultMessage=\"Re-send\" />\n        </button>\n      </div>\n\n      <div className=\"sid-incorrect-number sid-l-horz-center\">\n        <FormattedHTMLMessage\n          id=\"step.smsLoop.incorrectNumber.incorrectNumber1\"\n          defaultMessage=\"Incorrect number? Click\"\n        />\n        &nbsp;\n        <button\n          type=\"button\"\n          onClick={() => window.location.reload()}\n          className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n        >\n          <FormattedHTMLMessage\n            id=\"step.smsLoop.incorrectNumber.incorrectNumber2\"\n            defaultMessage=\"here\"\n          />\n          &nbsp;\n        </button>\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <FormattedHTMLMessage\n              id=\"step.smsLoop.incorrectNumber.incorrectNumber3\"\n              defaultMessage=\"to return to {companyName}\"\n              values={{ companyName }}\n            />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    </div>\n  );\n};\n\nexport const StepSMSLoopComponent = injectIntl(StepSMSLoop);\n"],"names":["StepSMSLoop","intl","verificationService","viewModel","verificationResponse","isErrored","previousViewModel","stepResultMessage","setStepResultMessage","React","isAttemptLimitExceeded","setAttemptLimitExceeded","stepSuccessMessage","maxTotalRetriesMessage","maxRetriesPerCodeMessage","errorResendingSMSMessage","getSafe","updateSmsCode","value","nextState","produce","draft","submitForm","logger","VerificationStepsEnum","resendSmsCode","verificationId","response","VerificationApiClient","jsxs","jsx","AnnouncingHeader","FormattedHTMLMessage","SMSCodeComponent","companyName","StepSMSLoopComponent","injectIntl"],"mappings":"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"}