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

package/chunk/{index-m9Gpah9q.js.map → index-DO5Z3e-E.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-m9Gpah9q.js","sources":["../../src/components/StepFirstResponderPersonalInfo/StepFirstResponderPersonalInfoComponent.tsx"],"sourcesContent":["/* eslint-disable */\n/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  VerificationStepsEnum,\n  FirstResponderStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  FirstResponderPersonalInfoViewModel,\n  FirstResponderPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableFirstResponderStatuses,\n  getFieldConfigByFieldId,\n  getStatusLabel,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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 { StatusComponent as FirstResponderStatus } from \"../FormFields/Status/StatusComponent\";\nimport { FirstResponderOrganizationComponent as FirstResponderOrganization } from \"../FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 { blankOrganization } from \"../../lib/types/empties\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepFirstResponderPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\nexport const StepFirstResponderPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepFirstResponderPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as FirstResponderPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as FirstResponderPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateFirstResponderViewModel = (\n    key: keyof FirstResponderPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState: FirstResponderPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: FirstResponderPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\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  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"first-responder\"\n      />\n\n      {\n        // #region email-first-experiment\n        isEmailUpTop && (\n          <>\n            <div className=\"email-input-wrapper\">\n              {isEmailValidationLoading && (\n                <div className=\"email-input-wrapper-frame\">\n                  <div className=\"sid-spinner scaled\">\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                  updateFirstResponderViewModel(\"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        <>\n          <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n            <ChangeLocaleV2Component verificationService={verificationService} />\n            <CountryComponentWrapper\n              verificationService={verificationService}\n              disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n            />\n            <FirstResponderStatus\n              segmentId=\"first-responder\"\n              value={{\n                value: viewModel.status,\n                label: getStatusLabel(\n                  intl,\n                  viewModel.status,\n                  FirstResponderStatusDefaultMessagesEnum,\n                ),\n              }}\n              isErrored={!!fieldValidationErrors.status}\n              errorId=\"invalidFirstResponderStatus\"\n              disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n              options={getAvailableFirstResponderStatuses(\n                intl,\n                verificationResponse.availableStatuses,\n              )}\n              onChange={(status: FormSelectChoice) => {\n                updateFirstResponderViewModel(\"status\", status ? (status.value as string) : \"\");\n                updateFieldValidationErrorsByFieldId(\n                  \"status\",\n                  status ? (status.value as string) : \"\",\n                  verificationService,\n                );\n              }}\n            />\n\n            <FirstResponderOrganization\n              isErrored={!!fieldValidationErrors.organization}\n              onChange={(choice: Organization = blankOrganization.organization) => {\n                const nextState = produce(viewModel, (draft) => {\n                  draft.organization = {\n                    id: choice.id,\n                    idExtended: choice.idExtended,\n                    name: choice.name,\n                    source: choice.source,\n                  };\n\n                  if (viewModel.organization && viewModel.organization.source !== undefined) {\n                    draft.organization.source = viewModel.organization.source;\n                  }\n\n                  if (\n                    getSafe(() => verificationService.programTheme.openOrgSearchEnabled) &&\n                    getSafe(() => choice.id) === 0 &&\n                    getSafe(() => choice.name, \"\").length > 0\n                  ) {\n                    draft.postalCode = viewModel.postalCode ? viewModel.postalCode : \"\";\n                  } else if (viewModel.postalCode || viewModel.postalCode === \"\") {\n                    delete draft.postalCode;\n                  }\n                });\n\n                verificationService.updateViewModel(nextState);\n                updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n              }}\n              value={\n                (verificationService.viewModel as FirstResponderPersonalInfoViewModel).organization\n              }\n              verificationService={verificationService}\n              disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            />\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                  updateFirstResponderViewModel(\"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                  updateFirstResponderViewModel(\"lastName\", newValue);\n                  updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n                }}\n              />\n            </div>\n\n            <BirthDate\n              errorId={fieldValidationErrors.birthDate}\n              locale={locale}\n              onChange={(newValue) => {\n                updateFirstResponderViewModel(\"birthDate\", newValue);\n                updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n              }}\n              value={viewModel.birthDate}\n              disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\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                  updateFirstResponderViewModel(\"email\", newValue);\n                  updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n                }}\n                onKeyDown={(event) => handleEmailOnKeyDown(event)}\n                disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n              />\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                  updateFirstResponderViewModel(\"phoneNumber\", newValue);\n                  updateFieldValidationErrorsByFieldId(\n                    \"phoneNumber\",\n                    newValue,\n                    verificationService,\n                  );\n                }}\n                selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n                disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n              />\n            ) : null}\n            {getSafe(() => verificationService.programTheme.openOrgSearchEnabled) &&\n              getSafe(() => viewModel.organization.id) === 0 &&\n              getSafe(() => viewModel.organization.name, \"\").length > 0 && (\n                <PostalCodeComponent\n                  isErrored={!!fieldValidationErrors.postalCode}\n                  onChange={(newValue) => {\n                    updateFirstResponderViewModel(\"postalCode\", newValue);\n                    updateFieldValidationErrorsByFieldId(\n                      \"postalCode\",\n                      newValue,\n                      verificationService,\n                    );\n                  }}\n                  value={viewModel.postalCode}\n                  disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n                />\n              )}\n\n            {options.customFormFields.map((config: CustomFormFieldConfig) => (\n              <FormFieldCustom config={config} verificationService={verificationService} />\n            ))}\n\n            <MarketConsentWrapper\n              verificationService={verificationService}\n              isErrored={!!fieldValidationErrors.marketConsentValue}\n              onChange={(newValue) => {\n                updateFirstResponderViewModel(\"metadata\", {\n                  ...verificationService.viewModel.metadata,\n                  marketConsentValue: newValue,\n                });\n                updateFieldValidationErrorsByFieldId(\n                  \"marketConsentValue\",\n                  newValue,\n                  verificationService,\n                );\n              }}\n              viewModel={viewModel}\n              disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n            />\n\n            <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n            <PersonalInfoStepSubmitButton\n              step={VerificationStepsEnum.collectFirstResponderPersonalInfo}\n              verificationService={verificationService}\n              viewModel={viewModel}\n              failedInstantMatch={failedInstantMatch}\n              buttonText={\n                <FormattedHTMLMessage\n                  id=\"step.personalInfo.submitButtonText\"\n                  defaultMessage=\"Verify My First Responder Status\"\n                />\n              }\n            />\n          </div>\n        </>\n      )}\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepFirstResponderPersonalInfoComponent = injectIntl(StepFirstResponderPersonalInfo);\n"],"names":["StepFirstResponderPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateFirstResponderViewModel","key","value","nextState","produce","draft","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","Fragment","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","FirstResponderStatus","getStatusLabel","FirstResponderStatusDefaultMessagesEnum","_c","getAvailableFirstResponderStatuses","status","FirstResponderOrganization","choice","blankOrganization","getSafe","_d","FirstName","_e","LastName","_f","BirthDate","_g","event","handleEmailOnKeyDown","_h","PhoneNumber","_i","PostalCodeComponent","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepFirstResponderPersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-DO5Z3e-E.js","sources":["../../src/components/StepFirstResponderPersonalInfo/StepFirstResponderPersonalInfoComponent.tsx"],"sourcesContent":["/* eslint-disable */\n/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport {\n  VerificationStepsEnum,\n  FirstResponderStatusDefaultMessagesEnum,\n} from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport { getSafe } from \"../../lib/utils/getSafe\";\nimport {\n  VerificationService,\n  FormSelectChoice,\n  Organization,\n  FirstResponderPersonalInfoViewModel,\n  FirstResponderPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getAvailableFirstResponderStatuses,\n  getFieldConfigByFieldId,\n  getStatusLabel,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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 { StatusComponent as FirstResponderStatus } from \"../FormFields/Status/StatusComponent\";\nimport { FirstResponderOrganizationComponent as FirstResponderOrganization } from \"../FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 { blankOrganization } from \"../../lib/types/empties\";\nimport { LoadingSpinnerComponent } from \"../LoadingSpinner/LoadingSpinnerComponent\";\nimport EmailLookupResponseMessages from \"../FormFields/EmailFirstCollectInfo/EmailLookupResponseMessageComponent\";\nimport { useEmailFirstExperiment } from \"../FormFields/EmailFirstCollectInfo/useEmailFirstExperiment\";\n\ninterface StepFirstResponderPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\nexport const StepFirstResponderPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepFirstResponderPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as FirstResponderPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as FirstResponderPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateFirstResponderViewModel = (\n    key: keyof FirstResponderPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState: FirstResponderPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: FirstResponderPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\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  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"first-responder\"\n      />\n\n      {\n        // #region email-first-experiment\n        isEmailUpTop && (\n          <>\n            <div className=\"email-input-wrapper\">\n              {isEmailValidationLoading && (\n                <div className=\"email-input-wrapper-frame\">\n                  <div className=\"sid-spinner scaled\">\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                  updateFirstResponderViewModel(\"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        <>\n          <div className={enableFormFields || !isEmailUpTop ? \"\" : \"sid-disable-elements\"}>\n            <ChangeLocaleV2Component verificationService={verificationService} />\n            <CountryComponentWrapper\n              verificationService={verificationService}\n              disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n            />\n            <FirstResponderStatus\n              segmentId=\"first-responder\"\n              value={{\n                value: viewModel.status,\n                label: getStatusLabel(\n                  intl,\n                  viewModel.status,\n                  FirstResponderStatusDefaultMessagesEnum,\n                ),\n              }}\n              isErrored={!!fieldValidationErrors.status}\n              errorId=\"invalidFirstResponderStatus\"\n              disabled={getFieldConfigByFieldId(\"status\")?.disabled}\n              options={getAvailableFirstResponderStatuses(\n                intl,\n                verificationResponse.availableStatuses,\n              )}\n              onChange={(status: FormSelectChoice) => {\n                updateFirstResponderViewModel(\"status\", status ? (status.value as string) : \"\");\n                updateFieldValidationErrorsByFieldId(\n                  \"status\",\n                  status ? (status.value as string) : \"\",\n                  verificationService,\n                );\n              }}\n            />\n\n            <FirstResponderOrganization\n              isErrored={!!fieldValidationErrors.organization}\n              onChange={(choice: Organization = blankOrganization.organization) => {\n                const nextState = produce(viewModel, (draft) => {\n                  draft.organization = {\n                    id: choice.id,\n                    idExtended: choice.idExtended,\n                    name: choice.name,\n                    source: choice.source,\n                  };\n\n                  if (viewModel.organization && viewModel.organization.source !== undefined) {\n                    draft.organization.source = viewModel.organization.source;\n                  }\n\n                  if (\n                    getSafe(() => verificationService.programTheme.openOrgSearchEnabled) &&\n                    getSafe(() => choice.id) === 0 &&\n                    getSafe(() => choice.name, \"\").length > 0\n                  ) {\n                    draft.postalCode = viewModel.postalCode ? viewModel.postalCode : \"\";\n                  } else if (viewModel.postalCode || viewModel.postalCode === \"\") {\n                    delete draft.postalCode;\n                  }\n                });\n\n                verificationService.updateViewModel(nextState);\n                updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n              }}\n              value={\n                (verificationService.viewModel as FirstResponderPersonalInfoViewModel).organization\n              }\n              verificationService={verificationService}\n              disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n            />\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                  updateFirstResponderViewModel(\"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                  updateFirstResponderViewModel(\"lastName\", newValue);\n                  updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n                }}\n              />\n            </div>\n\n            <BirthDate\n              errorId={fieldValidationErrors.birthDate}\n              locale={locale}\n              onChange={(newValue) => {\n                updateFirstResponderViewModel(\"birthDate\", newValue);\n                updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n              }}\n              value={viewModel.birthDate}\n              disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\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                  updateFirstResponderViewModel(\"email\", newValue);\n                  updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n                }}\n                onKeyDown={(event) => handleEmailOnKeyDown(event)}\n                disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n              />\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                  updateFirstResponderViewModel(\"phoneNumber\", newValue);\n                  updateFieldValidationErrorsByFieldId(\n                    \"phoneNumber\",\n                    newValue,\n                    verificationService,\n                  );\n                }}\n                selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n                disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n              />\n            ) : null}\n            {getSafe(() => verificationService.programTheme.openOrgSearchEnabled) &&\n              getSafe(() => viewModel.organization.id) === 0 &&\n              getSafe(() => viewModel.organization.name, \"\").length > 0 && (\n                <PostalCodeComponent\n                  isErrored={!!fieldValidationErrors.postalCode}\n                  onChange={(newValue) => {\n                    updateFirstResponderViewModel(\"postalCode\", newValue);\n                    updateFieldValidationErrorsByFieldId(\n                      \"postalCode\",\n                      newValue,\n                      verificationService,\n                    );\n                  }}\n                  value={viewModel.postalCode}\n                  disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n                />\n              )}\n\n            {options.customFormFields.map((config: CustomFormFieldConfig) => (\n              <FormFieldCustom config={config} verificationService={verificationService} />\n            ))}\n\n            <MarketConsentWrapper\n              verificationService={verificationService}\n              isErrored={!!fieldValidationErrors.marketConsentValue}\n              onChange={(newValue) => {\n                updateFirstResponderViewModel(\"metadata\", {\n                  ...verificationService.viewModel.metadata,\n                  marketConsentValue: newValue,\n                });\n                updateFieldValidationErrorsByFieldId(\n                  \"marketConsentValue\",\n                  newValue,\n                  verificationService,\n                );\n              }}\n              viewModel={viewModel}\n              disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n            />\n\n            <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n            <PersonalInfoStepSubmitButton\n              step={VerificationStepsEnum.collectFirstResponderPersonalInfo}\n              verificationService={verificationService}\n              viewModel={viewModel}\n              failedInstantMatch={failedInstantMatch}\n              buttonText={\n                <FormattedHTMLMessage\n                  id=\"step.personalInfo.submitButtonText\"\n                  defaultMessage=\"Verify My First Responder Status\"\n                />\n              }\n            />\n          </div>\n        </>\n      )}\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepFirstResponderPersonalInfoComponent = injectIntl(StepFirstResponderPersonalInfo);\n"],"names":["StepFirstResponderPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","locale","updateFirstResponderViewModel","key","value","nextState","produce","draft","isEmailUpTop","isEmailValidationLoading","showFormFields","emailLookupResponse","emailOnBlur","emailOnKeyDown","handleResendClick","showEmailLookupResponseMessages","enableFormFields","handleOnClickProceedHere","useEmailFirstExperiment","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","Fragment","LoadingSpinnerComponent","Email","FormattedHTMLMessage","newValue","updateFieldValidationErrorsByFieldId","_a","getFieldConfigByFieldId","EmailLookupResponseMessages","ChangeLocaleV2Component","CountryComponentWrapper","_b","FirstResponderStatus","getStatusLabel","FirstResponderStatusDefaultMessagesEnum","_c","getAvailableFirstResponderStatuses","status","FirstResponderOrganization","choice","blankOrganization","getSafe","_d","FirstName","_e","LastName","_f","BirthDate","_g","event","handleEmailOnKeyDown","_h","PhoneNumber","_i","PostalCodeComponent","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepFirstResponderPersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-VxNSWlHu.js → index-DRlGAW07.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994308928
- *   BUILD_DATE: Tue Jul 08 2025 17:05:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.6
+ *   BUILD_TIMESTAMP: 1752007985523
+ *   BUILD_DATE: Tue Jul 08 2025 20:53:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9f279eaa405d05800d0c13ddefe8b5693433632d
  */
-import { i as N, R as l, d as c, j as e, A as R, b as t, S as E, m as V, l as w, V as y, r as k } from "../sheerid.js";
+import { i as S, R as l, d as c, j as e, A as R, b as t, N as E, m as V, l as w, V as y, r as k } from "../sheerid.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")
@@ -28,7 +28,7 @@ const I = ({ intl: i, verificationService: s }) => {
     ...s.fieldValidationErrors,
     smsCode: d.errorIds[0]
   });
-  const S = (r) => {
+  const N = (r) => {
     const a = V(o, (b) => {
       b.smsCode = r, b.phoneNumber = n && n.phoneNumber;
     });
@@ -71,7 +71,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: S,
+        onChange: N,
         value: o.smsCode,
         isErrored: M,
         errorId: s.fieldValidationErrors.smsCode
@@ -141,7 +141,7 @@ const I = ({ intl: i, verificationService: s }) => {
       ) })
     ] })
   ] });
-}, A = N(I);
+}, A = S(I);
 export {
   A as default
 };

package/chunk/{index-VxNSWlHu.js.map → index-DRlGAW07.js.map}

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

package/chunk/index-DVynViqA.js

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994370347
- *   BUILD_DATE: Tue Jul 08 2025 17:06:10 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.6
+ *   BUILD_TIMESTAMP: 1752008038882
+ *   BUILD_DATE: Tue Jul 08 2025 20:53:58 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9f279eaa405d05800d0c13ddefe8b5693433632d
  */
 import { h as m, j as t, P as u, E as x, e as f, u as I, b as a, f as j, V as h, k as E, m as M } from "../_mysheerid-preview.js";
 const C = ({ verificationService: e }) => {

package/chunk/{index-f8an5bUm.js → index-D_9J6arc.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994308928
- *   BUILD_DATE: Tue Jul 08 2025 17:05:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.6
+ *   BUILD_TIMESTAMP: 1752007985523
+ *   BUILD_DATE: Tue Jul 08 2025 20:53:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9f279eaa405d05800d0c13ddefe8b5693433632d
  */
-import { h as R, g as t, R as T, j as a, t as P, v as k, P as O, w as q, O as z, Q as w, T as B, u as n, x as L, y as W, E as H, e as K, b as j, U as A, W as G, D as Q, G as U, M as J, H as X, f as Y, V as Z, m as _ } from "../sheerid.js";
+import { h as R, g as t, R as T, j as a, t as P, v as k, P as q, w as z, Q as O, T as w, U as B, u as n, x as L, y as W, E as H, e as K, b as j, W as A, X as G, D as Q, G as U, M as X, H as J, f as Y, V as Z, m as _ } from "../sheerid.js";
 const $ = ({ verificationService: e }) => {
   var p, b, u, h, C, i, x, g, M, I, N;
   const o = e.viewModel, { fieldValidationErrors: d } = e, r = e.verificationResponse, E = R(r), y = k(), m = (p = t("memberId")) == null ? void 0 : p.requireIfOptional, F = o.localeChoice.value, l = (s, f) => {
@@ -29,15 +29,15 @@ const $ = ({ verificationService: e }) => {
       step: r.currentStep,
       children: [
         /* @__PURE__ */ a.jsx(
-          O,
+          q,
           {
             verificationService: e,
             classNameIdentifier: "member-personal-info"
           }
         ),
-        /* @__PURE__ */ a.jsx(q, { verificationService: e }),
+        /* @__PURE__ */ a.jsx(z, { verificationService: e }),
         /* @__PURE__ */ a.jsx(
-          z,
+          O,
           {
             verificationService: e,
             disabled: (b = t("country")) == null ? void 0 : b.disabled
@@ -132,7 +132,7 @@ const $ = ({ verificationService: e }) => {
         ) : null,
         y.customFormFields.map((s) => /* @__PURE__ */ a.jsx(U, { config: s, verificationService: e })),
         /* @__PURE__ */ a.jsx(
-          J,
+          X,
           {
             verificationService: e,
             isErrored: !!d.marketConsentValue,
@@ -146,7 +146,7 @@ const $ = ({ verificationService: e }) => {
             disabled: (N = t("marketConsentValue")) == null ? void 0 : N.disabled
           }
         ),
-        /* @__PURE__ */ a.jsx(X, { verificationService: e, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ a.jsx(J, { verificationService: e, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ a.jsx(
           Y,
           {

package/chunk/{index-FfsFdWXt.js.map → index-D_9J6arc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-FfsFdWXt.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\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            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","isMemberIdRequired","_a","getFieldConfigByFieldId","locale","updateMemberViewModel","key","value","nextState","produce","draft","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_b","MembershipOrganizationComponent","_c","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_d","newValue","LastName","_e","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_f","BirthDate","_g","_h","MemberId","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}
+{"version":3,"file":"index-D_9J6arc.js","sources":["../../src/components/StepMemberPersonalInfo/StepMemberPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  VerificationService,\n  Organization,\n  MemberPersonalInfoViewModel,\n  MemberPersonalInfoResponse,\n  CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\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 { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { MembershipOrganizationComponent } from \"../FormFields/MembershipOrganization/MembershipOrganizationComponent\";\nimport { MarketConsentWrapperComponent } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepMemberPersonalInfoComponentProps {\n  verificationService: VerificationService;\n}\n\nconst StepMemberPersonalInfo = ({ verificationService }: StepMemberPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MemberPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MemberPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n  const isMemberIdRequired = getFieldConfigByFieldId(\"memberId\")?.requireIfOptional;\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMemberViewModel = (key: keyof MemberPersonalInfoViewModel, value: any) => {\n    const nextState: MemberPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: MemberPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    if (!isMemberIdRequired) {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [\"memberId\"] },\n        { partial: true },\n      );\n    } else {\n      verificationService.updateViewModel({ fieldsToSkipValidation: [] }, { partial: true });\n    }\n  }, [isMemberIdRequired]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"member-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <MembershipOrganizationComponent\n        value={(verificationService.viewModel as MemberPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n      />\n\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMemberViewModel(\"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            updateMemberViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        isRequired={getFieldConfigByFieldId(\"birthDate\")?.requireIfOptional}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n\n      <MemberId\n        value={viewModel.memberId}\n        isErrored={!!fieldValidationErrors.memberId}\n        isRequired={isMemberIdRequired}\n        disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"memberId\", newValue);\n          updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n        }}\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            updateMemberViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n\n      <MarketConsentWrapperComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMemberViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMemberPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Membership Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMemberPersonalInfoComponent = StepMemberPersonalInfo;\n"],"names":["StepMemberPersonalInfo","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","options","getOptions","isMemberIdRequired","_a","getFieldConfigByFieldId","locale","updateMemberViewModel","key","value","nextState","produce","draft","React","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_b","MembershipOrganizationComponent","_c","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_d","newValue","LastName","_e","Email","FormattedHTMLMessage","event","handleEmailOnKeyDown","_f","BirthDate","_g","_h","MemberId","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapperComponent","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepMemberPersonalInfoComponent"],"mappings":"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"}

package/chunk/{index-DHrneLz9.js → index-Dg8t7-dm.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.115.0-alpha.4
- *   BUILD_TIMESTAMP: 1751994370347
- *   BUILD_DATE: Tue Jul 08 2025 17:06:10 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 9b953bf464bb46df40df3f4b766e06f47b82b5aa
+ *   VERSION: 2.115.0-alpha.6
+ *   BUILD_TIMESTAMP: 1752008038882
+ *   BUILD_DATE: Tue Jul 08 2025 20:53:58 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 9f279eaa405d05800d0c13ddefe8b5693433632d
  */
-import { i as $, ai as B, g as l, j as a, X as S, b as i, R as g, h as v, m as ee, t as ae, P as se, a8 as ne, E as k, u as r, v as te, w as le, O as oe, aj as de, T as w, x as re, y as ie, U as me, e as ue, D as pe, G as be, M as ce, H as Ce, f as ge, V as he } from "../_mysheerid-preview.js";
+import { i as $, ai as B, g as l, j as a, O as S, b as i, R as g, h as v, m as ee, t as ae, P as se, a8 as ne, E as k, u as r, v as te, w as le, Q as oe, aj as de, U as w, x as re, y as ie, W as me, e as ue, D as pe, G as be, M as ce, H as Ce, f as ge, V as he } from "../_mysheerid-preview.js";
 import { u as xe, E as Ne, a as L } from "./useEmailFirstExperiment-BbDrKQEs.js";
 const Ee = ({
   value: e,
@@ -60,7 +60,7 @@ const Ee = ({
 }, fe = $(Ee), je = ({
   verificationService: e
 }) => {
-  var f, j, M, F, y, I, O, V, D, T, P, R;
+  var f, j, M, F, y, I, O, V, D, P, T, R;
   const n = e.viewModel, { fieldValidationErrors: o } = e, c = e.verificationResponse, h = te(), p = B("include-cvec-field-france-student"), b = p !== "control" && p !== "default" && ((f = n == null ? void 0 : n.countryChoice) == null ? void 0 : f.value) === "FR";
   g.useEffect(() => {
     b ? d("fieldsToSkipValidation", []) : d("fieldsToSkipValidation", ["cvecNumber"]);
@@ -82,7 +82,7 @@ const Ee = ({
     e.programId,
     n.email,
     e.verificationResponse.segment
-  ), [_, E] = g.useState(null), [X, G] = g.useState(null);
+  ), [_, E] = g.useState(null), [G, Q] = g.useState(null);
   g.useEffect(() => {
     C && t && (async () => {
       if (n.email && C && t && t.status === L.NOT_FOUND) {
@@ -92,7 +92,7 @@ const Ee = ({
         E(null);
     })();
   }, [n.email, C, t == null ? void 0 : t.status]);
-  const J = v(c), d = (s, u) => {
+  const X = v(c), d = (s, u) => {
     const Y = ee(
       n,
       (Z) => {
@@ -100,7 +100,7 @@ const Ee = ({
       }
     );
     e.updateViewModel(Y);
-  }, Q = n.localeChoice.value;
+  }, J = n.localeChoice.value;
   return /* @__PURE__ */ a.jsxs(
     ae,
     {
@@ -159,13 +159,13 @@ const Ee = ({
           /* @__PURE__ */ a.jsx(
             de,
             {
-              value: X || m && (t == null ? void 0 : t.status) === L.NOT_FOUND && _ || e.viewModel.organization,
+              value: G || m && (t == null ? void 0 : t.status) === L.NOT_FOUND && _ || e.viewModel.organization,
               verificationService: e,
               isErrored: !!o.organization,
               isRequired: !0,
               disabled: (F = l("organization")) == null ? void 0 : F.disabled,
               onChange: (s) => {
-                G(s), w(s, e), r("organization", s, e);
+                Q(s), w(s, e), r("organization", s, e);
               }
             }
           ),
@@ -210,7 +210,7 @@ const Ee = ({
             {
               value: n.birthDate,
               errorId: o.birthDate,
-              locale: Q,
+              locale: J,
               isRequired: !0,
               disabled: (D = l("birthDate")) == null ? void 0 : D.disabled,
               onChange: (s) => {
@@ -234,7 +234,7 @@ const Ee = ({
                 d("email", s), r("email", s, e);
               },
               onKeyDown: (s) => ue(s),
-              disabled: (T = l("email")) == null ? void 0 : T.disabled
+              disabled: (P = l("email")) == null ? void 0 : P.disabled
             }
           ),
           e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
@@ -243,7 +243,7 @@ const Ee = ({
               isRequired: !!e.programTheme.smsLoopEnabled,
               value: n.phoneNumber,
               isErrored: !!o.phoneNumber,
-              disabled: (P = l("phoneNumber")) == null ? void 0 : P.disabled,
+              disabled: (T = l("phoneNumber")) == null ? void 0 : T.disabled,
               onChange: (s) => {
                 d("phoneNumber", s), r(
                   "phoneNumber",
@@ -282,7 +282,7 @@ const Ee = ({
               step: he.collectStudentPersonalInfo,
               verificationService: e,
               viewModel: n,
-              failedInstantMatch: J,
+              failedInstantMatch: X,
               buttonText: /* @__PURE__ */ a.jsx(
                 i,
                 {