@sheerid/jslib 2.105.0 → 2.106.0

package/chunk/{index-D6RaCifq.js.map → index-C8MQD8EK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D6RaCifq.js","sources":["../../src/components/StepLicensedProfessionalPersonalInfo/StepLicensedProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  LicensedProfessionalPersonalInfoResponse,\n  LicensedProfessionalPersonalInfoViewModel,\n  LicensedProfessionalStatus,\n  Organization,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\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 { StatusComponent as LicensedProfessionalStatusComponent } from \"../FormFields/Status/StatusComponent\";\nimport { LicensedProfessionalOrganizationComponent as LicensedProfessionalOrganization } from \"../FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepLicensedProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype DefaultStatusMessages = {\n  [key in LicensedProfessionalStatus]: string;\n};\n\nconst defaultStatusMessages: DefaultStatusMessages = {\n  LICENSED_COSMETOLOGIST: \"Licensed Cosmetologist\",\n  LICENSED_REAL_ESTATE_AGENT: \"Licensed Real Estate Agent\",\n  VETERINARIAN: \"Veterinarian\",\n  CHILD_CARE_WORKER: \"Child Care Worker\",\n  LIBRARIAN: \"Librarian\",\n  INTERIOR_DESIGNER: \"Interior Designer\",\n  ARCHITECT: \"Architect\",\n  GENERAL_CONTRACTOR: \"General Contractor\",\n  NUTRITION_PROFESSIONAL: \"Nutrition Professional\",\n};\n\nconst StepLicensedProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepLicensedProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as LicensedProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as LicensedProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const updateLicensedProfessionalViewModel = (\n    key: keyof LicensedProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState: LicensedProfessionalPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: LicensedProfessionalPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const getStatusLabel = (status: LicensedProfessionalStatus | undefined): string => {\n    if (!status) {\n      return \"\";\n    }\n    return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages[status] });\n  };\n\n  const getAvailableLicensedProfessionalStatuses = () => {\n    const availableStatusesResponse = verificationResponse.availableStatuses;\n    const availableStatuses: FormSelectChoice[] = [];\n\n    if (availableStatusesResponse) {\n      for (const status of availableStatusesResponse) {\n        availableStatuses.push({\n          value: status,\n          label: getStatusLabel(status),\n        });\n      }\n    }\n    return availableStatuses;\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"licensed-professional\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <LicensedProfessionalStatusComponent\n        segmentId=\"licensed-professional\"\n        value={{\n          value: viewModel.statuses ? viewModel.statuses[0] : \"\",\n          label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : \"\",\n        }}\n        isErrored={!!fieldValidationErrors.statuses}\n        options={getAvailableLicensedProfessionalStatuses()}\n        disabled={getFieldConfigByFieldId(\"statuses\")?.disabled}\n        onChange={(status: FormSelectChoice) => {\n          const updatedStatuses = status ? [status.value as string] : [];\n          updateLicensedProfessionalViewModel(\"statuses\", updatedStatuses);\n          updateFieldValidationErrorsByFieldId(\n            \"statuses\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <LicensedProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as LicensedProfessionalPersonalInfoViewModel).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            updateLicensedProfessionalViewModel(\"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            updateLicensedProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      <PostalCodeComponent\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"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      <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          updateLicensedProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateLicensedProfessionalViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"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.collectLicensedProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Licensed Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepLicensedProfessionalPersonalInfoComponent = injectIntl(\n  StepLicensedProfessionalPersonalInfo,\n);\n"],"names":["defaultStatusMessages","StepLicensedProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","locale","options","getOptions","updateLicensedProfessionalViewModel","key","value","nextState","produce","draft","getStatusLabel","status","getAvailableLicensedProfessionalStatuses","availableStatusesResponse","availableStatuses","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","LicensedProfessionalStatusComponent","_b","updatedStatuses","updateFieldValidationErrorsByFieldId","LicensedProfessionalOrganization","choice","updateViewModelOrganization","_c","FirstName","_d","newValue","LastName","_e","BirthDate","_f","PostalCodeComponent","_g","FormattedHTMLMessage","Email","event","handleEmailOnKeyDown","_h","PhoneNumber","_i","config","FormFieldCustom","MarketConsentWrapper","_j","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepLicensedProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}
+{"version":3,"file":"index-C8MQD8EK.js","sources":["../../src/components/StepLicensedProfessionalPersonalInfo/StepLicensedProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  LicensedProfessionalPersonalInfoResponse,\n  LicensedProfessionalPersonalInfoViewModel,\n  LicensedProfessionalStatus,\n  Organization,\n  VerificationService,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\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 { StatusComponent as LicensedProfessionalStatusComponent } from \"../FormFields/Status/StatusComponent\";\nimport { LicensedProfessionalOrganizationComponent as LicensedProfessionalOrganization } from \"../FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\n\ninterface StepLicensedProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype DefaultStatusMessages = {\n  [key in LicensedProfessionalStatus]: string;\n};\n\nconst defaultStatusMessages: DefaultStatusMessages = {\n  LICENSED_COSMETOLOGIST: \"Licensed Cosmetologist\",\n  LICENSED_REAL_ESTATE_AGENT: \"Licensed Real Estate Agent\",\n  VETERINARIAN: \"Veterinarian\",\n  CHILD_CARE_WORKER: \"Child Care Worker\",\n  LIBRARIAN: \"Librarian\",\n  INTERIOR_DESIGNER: \"Interior Designer\",\n  ARCHITECT: \"Architect\",\n  GENERAL_CONTRACTOR: \"General Contractor\",\n  NUTRITION_PROFESSIONAL: \"Nutrition Professional\",\n};\n\nconst StepLicensedProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepLicensedProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as LicensedProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as LicensedProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  const updateLicensedProfessionalViewModel = (\n    key: keyof LicensedProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState: LicensedProfessionalPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: LicensedProfessionalPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  const getStatusLabel = (status: LicensedProfessionalStatus | undefined): string => {\n    if (!status) {\n      return \"\";\n    }\n    return intl.formatHTMLMessage({ id: status, defaultMessage: defaultStatusMessages[status] });\n  };\n\n  const getAvailableLicensedProfessionalStatuses = () => {\n    const availableStatusesResponse = verificationResponse.availableStatuses;\n    const availableStatuses: FormSelectChoice[] = [];\n\n    if (availableStatusesResponse) {\n      for (const status of availableStatusesResponse) {\n        availableStatuses.push({\n          value: status,\n          label: getStatusLabel(status),\n        });\n      }\n    }\n    return availableStatuses;\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"licensed-professional\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n\n      <LicensedProfessionalStatusComponent\n        segmentId=\"licensed-professional\"\n        value={{\n          value: viewModel.statuses ? viewModel.statuses[0] : \"\",\n          label: viewModel.statuses ? getStatusLabel(viewModel.statuses[0]) : \"\",\n        }}\n        isErrored={!!fieldValidationErrors.statuses}\n        options={getAvailableLicensedProfessionalStatuses()}\n        disabled={getFieldConfigByFieldId(\"statuses\")?.disabled}\n        onChange={(status: FormSelectChoice) => {\n          const updatedStatuses = status ? [status.value as string] : [];\n          updateLicensedProfessionalViewModel(\"statuses\", updatedStatuses);\n          updateFieldValidationErrorsByFieldId(\n            \"statuses\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <LicensedProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as LicensedProfessionalPersonalInfoViewModel).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            updateLicensedProfessionalViewModel(\"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            updateLicensedProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      <PostalCodeComponent\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"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      <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          updateLicensedProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateLicensedProfessionalViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateLicensedProfessionalViewModel(\"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.collectLicensedProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Licensed Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepLicensedProfessionalPersonalInfoComponent = injectIntl(\n  StepLicensedProfessionalPersonalInfo,\n);\n"],"names":["defaultStatusMessages","StepLicensedProfessionalPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","verificationResponse","failedInstantMatch","hasFailedInstantMatch","locale","options","getOptions","updateLicensedProfessionalViewModel","key","value","nextState","produce","draft","getStatusLabel","status","getAvailableLicensedProfessionalStatuses","availableStatusesResponse","availableStatuses","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","LicensedProfessionalStatusComponent","_b","updatedStatuses","updateFieldValidationErrorsByFieldId","LicensedProfessionalOrganization","choice","updateViewModelOrganization","_c","FirstName","_d","newValue","LastName","_e","BirthDate","_f","PostalCodeComponent","_g","FormattedHTMLMessage","Email","event","handleEmailOnKeyDown","_h","PhoneNumber","_i","config","FormFieldCustom","MarketConsentWrapper","_j","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepLicensedProfessionalPersonalInfoComponent","injectIntl"],"mappings":"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"}

package/chunk/{index-Cb7GlxEu.js → index-C8u9IJUa.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.105.0
- *   BUILD_TIMESTAMP: 1746205253259
- *   BUILD_DATE: Fri May 02 2025 17:00:53 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.106.0
+ *   BUILD_TIMESTAMP: 1746459852962
+ *   BUILD_DATE: Mon May 05 2025 15:44:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 7c075bae25a0aacdeced516d09b9d25db3b82216
  */
-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";
+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 "../_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 j = (r) => {
+  const N = (r) => {
     const a = V(o, (b) => {
       b.smsCode = r, b.phoneNumber = n && n.phoneNumber;
     });
     s.updateViewModel(a);
-  }, C = () => {
+  }, j = () => {
     w.info("StepSMSLoop submitting form"), s.submitStep(
       y.smsLoop,
       o,
       s.verificationResponse
     );
-  }, N = async (r) => {
+  }, C = 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: j,
+        onChange: N,
         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: C,
+          onClick: j,
           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: () => N(d.verificationId),
+          onClick: () => C(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-BmJ3aubI.js.map → index-C8u9IJUa.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BmJ3aubI.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":";AAwBA,MAAMA,IAAc,CAAC,EAAE,MAAAC,GAAM,qBAAAC,QAA4C;AACvE,QAAMC,IAAYD,EAAoB,WAChCE,IAAuBF,EAAoB,sBAC3CG,IAAY,EAAQH,EAAoB,sBAAsB,SAC9DI,IACHJ,EAAoB,qBAAsD,QAEvE,CAACK,GAAmBC,CAAoB,IAAIC,EAAM,SAAS,EAAE,GAC7D,CAACC,GAAwBC,CAAuB,IAAIF,EAAM;AAAA,IAC9DL,EAAqB,YACnBA,EAAqB,SAAS,SAAS,sCAAsC;AAAA,EAAA,GAG3EQ,IAAqBX,EAAK,kBAAkB;AAAA,IAChD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKY,IAAyBZ,EAAK,kBAAkB;AAAA,IACpD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKa,IAA2Bb,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB,GACKc,IAA2Bd,EAAK,kBAAkB;AAAA,IACtD,IAAI;AAAA,IACJ,gBAAgB;AAAA,EAAA,CACjB;AAED,EAAAQ,EAAM,UAAU,MAAM;AACpB,IAAIC,KACFF,EAAqBM,CAAwB;AAAA,EAEjD,GAAG,CAAE,CAAA,GAGHE,EAAQ,MAAMZ,EAAqB,SAAS,MAAM,KAClD,CAACF,EAAoB,sBAAsB,WAE3CA,EAAoB,4BAA4B;AAAA,IAC9C,GAAGA,EAAoB;AAAA,IACvB,SAASE,EAAqB,SAAS,CAAC;AAAA,EAAA,CACzC;AAGG,QAAAa,IAAgB,CAACC,MAAU;AAC/B,UAAMC,IAA8BC,EAAQjB,GAAW,CAACkB,MAA4B;AAClF,MAAAA,EAAM,UAAUH,GACVG,EAAA,cAAcf,KAAqBA,EAAkB;AAAA,IAAA,CAC5D;AACD,IAAAJ,EAAoB,gBAAgBiB,CAAS;AAAA,EAAA,GAGzCG,IAAa,MAAM;AACvB,IAAAC,EAAO,KAAK,6BAA6B,GACrBrB,EAAA;AAAA,MAClBsB,EAAsB;AAAA,MACtBrB;AAAA,MACAD,EAAoB;AAAA,IAAA;AAAA,EACtB,GAGIuB,IAAgB,OAAOC,MAAmB;AAC9C,UAAMC,IAAW,MAAMC,EAAsB,oBAAoBF,CAAc;AAC/E,IAAIC,KACFhB,EAAwB,EAAK,GAC7BH,EAAqBmB,EAAS,WAAW,MAAMf,IAAqBC,CAAsB,KAE1FL,EAAqBO,CAAwB;AAAA,EAC/C;AAGF,SACGc,gBAAAA,EAAAA,KAAA,OAAA,EAAI,IAAG,qBAAoB,WAAU,0CACpC,UAAA;AAAA,IAACC,gBAAAA,EAAAA,IAAAC,GAAA,EAAiB,OAAM,UACtB,UAAAD,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,SAAQ;AAAA,MAAA;AAAA,IAAA,GAEZ;AAAA,IAEAF,gBAAAA,MAAC,SAAI,WAAU,wBACZ,YAAQ,MAAMxB,EAAkB,WAAW,IAC1CwB,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,QACf,QAAQ;AAAA,UACN,QAAQhB,EAAQ,MAAMV,EAAkB,YAAY,MAAM,EAAE,GAAG,EAAE;AAAA,QACnE;AAAA,MAAA;AAAA,IAAA,IAGFwB,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,gBAAe;AAAA,MAAA;AAAA,IAAA,GAGrB;AAAA,IAEAF,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,6CACb,UAAAA,gBAAAA,EAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,UAAUhB;AAAA,QACV,OAAOd,EAAU;AAAA,QACjB,WAAAE;AAAA,QACA,SAASH,EAAoB,sBAAsB;AAAA,MAAA;AAAA,IAAA,GAEvD;AAAA,IAECK,KACEuB,gBAAAA,EAAA,IAAA,OAAA,EACC,UAACA,gBAAAA,EAAAA,IAAA,KAAA,EAAG,YAAkB,CAAA,GACxB;AAAA,IAGFD,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,uEACb,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAASR;AAAA,UACT,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UACX,UACE,CAAC,EAAE,CAACnB,EAAU,WAAWA,EAAU,QAAQ,UAAU,KAAKO;AAAA,UAG5D,UAACoB,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,UAAS;AAAA,QAAA;AAAA,MAC/E;AAAA,MAECF,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,uBAAsB,UAAM,KAAA;AAAA,MAE3CA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,SAAS,MAAML,EAAcrB,EAAqB,cAAc;AAAA,UAChE,MAAK;AAAA,UACL,WAAU;AAAA,UACV,cAAW;AAAA,UAEX,UAAC0B,gBAAAA,EAAA,IAAAE,GAAA,EAAqB,IAAG,6BAA4B,gBAAe,WAAU;AAAA,QAAA;AAAA,MAChF;AAAA,IAAA,GACF;AAAA,IAEAH,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,MAAAC,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAAE;AAAA,MAEFH,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM,OAAO,SAAS,OAAO;AAAA,UACtC,WAAU;AAAA,UAEV,UAAA;AAAA,YAAAC,gBAAAA,EAAA;AAAA,cAACE;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YACjB;AAAA,YAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,4BACCA,GAAqB,EAAA,IAAG,eAAc,gBAAe,aACnD,WAACE,MACAJ,gBAAAA,EAAA;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,gBAAe;AAAA,UACf,QAAQ,EAAE,aAAAE,EAAY;AAAA,QAAA;AAAA,MAAA,GAG5B;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ,GAEaC,IAAuBC,EAAWpC,CAAW;"}
+{"version":3,"file":"index-C8u9IJUa.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-n6-LNqUp.js → index-C96ntS0u.js}

@@ -1,18 +1,18 @@
 
 /**
- *   VERSION: 2.105.0
- *   BUILD_TIMESTAMP: 1746205178756
- *   BUILD_DATE: Fri May 02 2025 16:59:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bc9b7c13c867b22d0b64758983911e2b4e64489
+ *   VERSION: 2.106.0
+ *   BUILD_TIMESTAMP: 1746459800883
+ *   BUILD_DATE: Mon May 05 2025 15:43:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 7c075bae25a0aacdeced516d09b9d25db3b82216
  */
-import { i as k, j as a, x as P, P as V, y as f, Y as z, a as t, a9 as u, aa as A, _ as B, u as n, z as R, B as D, D as L, b as p, a6 as q, ab as w, ac as H, G as K, E as O, f as W, H as U, J as G, M as J, K as Y, k as _, V as Q, N as X, n as Z } from "../sheerid.js";
+import { i as P, j as a, t as k, v as V, P as f, w as z, Q as A, g as t, a3 as u, a4 as B, U as R, u as n, x as w, y as D, z as L, b as p, a0 as q, a5 as H, a6 as O, B as U, E as W, e as K, D as G, G as Q, M as J, H as X, f as Y, V as Z, m as _ } from "../sheerid.js";
 const $ = ({
   intl: I,
   verificationService: e
 }) => {
   var C, b, g, h, x, y, i, E, j, N, M;
-  const o = e.viewModel, { fieldValidationErrors: d } = e, T = X(), m = (s, r) => {
-    const l = Z(
+  const o = e.viewModel, { fieldValidationErrors: d } = e, T = V(), m = (s, r) => {
+    const l = _(
       o,
       (F) => {
         F[s] = r;
@@ -21,21 +21,21 @@ const $ = ({
     e.updateViewModel(l);
   };
   return /* @__PURE__ */ a.jsxs(
-    P,
+    k,
     {
       verificationService: e,
       step: e.verificationResponse.currentStep,
       children: [
         /* @__PURE__ */ a.jsx(
-          V,
+          f,
           {
             verificationService: e,
             classNameIdentifier: "employment"
           }
         ),
-        /* @__PURE__ */ a.jsx(f, { verificationService: e }),
+        /* @__PURE__ */ a.jsx(z, { verificationService: e }),
         /* @__PURE__ */ a.jsx(
-          z,
+          A,
           {
             verificationService: e,
             disabled: (C = t("country")) == null ? void 0 : C.disabled,
@@ -49,20 +49,20 @@ const $ = ({
           }
         ),
         /* @__PURE__ */ a.jsx(
-          A,
+          B,
           {
             value: e.viewModel.organization,
             verificationService: e,
             isErrored: !!d.organization,
             disabled: (b = t("organization")) == null ? void 0 : b.disabled,
             onChange: (s) => {
-              B(s, e), n("organization", s, e);
+              R(s, e), n("organization", s, e);
             }
           }
         ),
         /* @__PURE__ */ a.jsxs("div", { className: "sid-names", children: [
           /* @__PURE__ */ a.jsx(
-            R,
+            w,
             {
               value: o.firstName,
               isErrored: !!d.firstName,
@@ -119,10 +119,10 @@ const $ = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            w,
+            H,
             {
               isRequired: !0,
-              options: H(e.programTheme, I),
+              options: O(e.programTheme, I),
               value: o.state || void 0,
               isErrored: !!d.state,
               onChange: async (s) => {
@@ -134,7 +134,7 @@ const $ = ({
             }
           ),
           /* @__PURE__ */ a.jsx(
-            K,
+            U,
             {
               isErrored: !!d.postalCode,
               onChange: (s) => {
@@ -146,7 +146,7 @@ const $ = ({
           )
         ] }) : null,
         /* @__PURE__ */ a.jsx(
-          O,
+          W,
           {
             value: o.email,
             isErrored: !!d.email,
@@ -160,12 +160,12 @@ const $ = ({
             onChange: (s) => {
               m("email", s), n("email", s, e);
             },
-            onKeyDown: (s) => W(s),
+            onKeyDown: (s) => K(s),
             disabled: (j = t("email")) == null ? void 0 : j.disabled
           }
         ),
         e.programTheme.isSmsNotifierConfigured || e.programTheme.smsLoopEnabled ? /* @__PURE__ */ a.jsx(
-          U,
+          G,
           {
             isRequired: !!e.programTheme.smsLoopEnabled,
             value: o.phoneNumber,
@@ -177,7 +177,7 @@ const $ = ({
             disabled: (N = t("phoneNumber")) == null ? void 0 : N.disabled
           }
         ) : null,
-        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(G, { config: s, verificationService: e })),
+        T.customFormFields.map((s) => /* @__PURE__ */ a.jsx(Q, { config: s, verificationService: e })),
         /* @__PURE__ */ a.jsx(
           J,
           {
@@ -193,11 +193,11 @@ const $ = ({
             disabled: (M = t("marketConsentValue")) == null ? void 0 : M.disabled
           }
         ),
-        /* @__PURE__ */ a.jsx(Y, { verificationService: e, suffix: "CollectAboveSubmit" }),
+        /* @__PURE__ */ a.jsx(X, { verificationService: e, suffix: "CollectAboveSubmit" }),
         /* @__PURE__ */ a.jsx(
-          _,
+          Y,
           {
-            step: Q.collectEmployeePersonalInfo,
+            step: Z.collectEmployeePersonalInfo,
             verificationService: e,
             viewModel: o,
             buttonText: /* @__PURE__ */ a.jsx(
@@ -212,7 +212,7 @@ const $ = ({
       ]
     }
   );
-}, S = k($);
+}, S = P($);
 export {
   S as default
 };

package/chunk/{index-n6-LNqUp.js.map → index-C96ntS0u.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-n6-LNqUp.js","sources":["../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  VerificationService,\n  Organization,\n  EmploymentPersonalInfoViewModel,\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  State,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\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\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          } else {\n            viewModel.fieldsToSkipValidation = undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateEmploymentViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"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.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"names":["StepEmploymentPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","options","getOptions","updateEmploymentViewModel","key","value","nextState","produce","draft","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","countryChoice","shouldCollectAddressFields","CompanyComponent","_b","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_c","newValue","LastName","_d","AddressComponent","_e","FormattedHTMLMessage","CityComponent","_f","StateSelectComponent","getAvailableStateChoices","stateChoice","stateValue","_g","PostalCodeComponent","_h","Email","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepEmploymentPersonalInfoComponent","injectIntl"],"mappings":";AAkDA,MAAMA,IAA6B,CAAC;AAAA,EAClC,MAAAC;AAAA,EACA,qBAAAC;AACF,MAAgD;;AAC9C,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,EAA0B,IAAAF,GAC5BG,IAAUC,KAEVC,IAA4B,CAACC,GAA4CC,MAAe;AAC5F,UAAMC,IAA6CC;AAAAA,MACjDR;AAAA,MACA,CAACS,MAA2C;AACzC,QAAAA,EAAMJ,CAAG,IAAYC;AAAA,MACxB;AAAA,IAAA;AAEF,IAAAP,EAAoB,gBAAgBQ,CAAS;AAAA,EAAA;AAI7C,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,qBAAAZ;AAAA,MACA,MAAMA,EAAoB,qBAAqB;AAAA,MAE/C,UAAA;AAAA,QAAAa,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAAd;AAAA,YACA,qBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA,QAEAa,gBAAAA,MAACE,KAAwB,qBAAAf,GAA0C;AAAA,QACnEa,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,qBAAAhB;AAAA,YACA,WAAUiB,IAAAC,EAAwB,SAAS,MAAjC,gBAAAD,EAAoC;AAAA,YAC9C,yBAAyB,CAACP,GAAOS,MAAkB;AACjD,oBAAMlB,IAAYS;AAElBT,cAAAA,EAAU,uBAAuBmB;AAAA,gBAC/BD;AAAA,gBACAnB,EAAoB,aAAa,OAAO;AAAA,cAAA,GAErCC,EAAU,uBAObA,EAAU,yBAAyB,UANnCA,EAAU,WAAW,IACrBA,EAAU,OAAO,IACjBA,EAAU,QAAQ,IAClBA,EAAU,aAAa,IACvBA,EAAU,yBAAyB,CAAC,YAAY,QAAQ,SAAS,YAAY;AAAA,YAIjF;AAAA,UAAA;AAAA,QACF;AAAA,QAEAY,gBAAAA,EAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,OAAQrB,EAAoB,UAA8C;AAAA,YAC1E,qBAAAA;AAAA,YACA,WAAW,CAAC,CAACE,EAAsB;AAAA,YACnC,WAAUoB,IAAAJ,EAAwB,cAAc,MAAtC,gBAAAI,EAAyC;AAAA,YACnD,UAAU,CAACC,MAAyB;AAClC,cAAAC,EAA4BD,GAAQvB,CAAmB,GAClByB,EAAA,gBAAgBF,GAAQvB,CAAmB;AAAA,YAClF;AAAA,UAAA;AAAA,QACF;AAAA,QAEAW,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,OAAOzB,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,WAAUyB,IAAAT,EAAwB,WAAW,MAAnC,gBAAAS,EAAsC;AAAA,cAChD,UAAU,CAACC,MAAa;AACtB,gBAAAvB,EAA0B,aAAauB,CAAQ,GACVH,EAAA,aAAaG,GAAU5B,CAAmB;AAAA,cACjF;AAAA,YAAA;AAAA,UACF;AAAA,UAEAa,gBAAAA,EAAA;AAAA,YAACgB;AAAAA,YAAA;AAAA,cACC,OAAO5B,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,WAAU4B,IAAAZ,EAAwB,UAAU,MAAlC,gBAAAY,EAAqC;AAAA,cAC/C,UAAU,CAACF,MAAa;AACtB,gBAAAvB,EAA0B,YAAYuB,CAAQ,GACTH,EAAA,YAAYG,GAAU5B,CAAmB;AAAA,cAChF;AAAA,YAAA;AAAA,UACF;AAAA,QAAA,GACF;AAAA,QAECoB;AAAA,UACCnB,EAAU;AAAA,UACVD,EAAoB,aAAa,OAAO;AAAA,QAAA,IAExCa,gBAAAA,EAAA;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,CAAC7B,EAAsB;AAAA,YACnC,SAASA,EAAsB;AAAA,YAC/B,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,YAAYuB,CAAQ,GACTH,EAAA,YAAYG,GAAU5B,CAAmB;AAAA,YAChF;AAAA,YACA,YAAU;AAAA,YACV,OAAOC,EAAU;AAAA,YACjB,WAAU+B,IAAAd,EAAwB,UAAU,MAAlC,gBAAAc,EAAqC;AAAA,YAC/C,aACGnB,gBAAAA,EAAA,IAAAoB,GAAA,EAAqB,IAAG,sBAAqB,gBAAe,yBAAwB;AAAA,UAAA;AAAA,QAAA,IAGvF;AAAA,QAEHb;AAAA,UACCnB,EAAU;AAAA,UACVD,EAAoB,aAAa,OAAO;AAAA,QAExC,IAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAACqB;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAChC,EAAsB;AAAA,cACnC,SAASA,EAAsB;AAAA,cAC/B,UAAU,CAAC0B,MAAa;AACtB,gBAAAvB,EAA0B,QAAQuB,CAAQ,GACLH,EAAA,QAAQG,GAAU5B,CAAmB;AAAA,cAC5E;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,YAAU;AAAA,cACV,WAAUkC,IAAAjB,EAAwB,MAAM,MAA9B,gBAAAiB,EAAiC;AAAA,YAAA;AAAA,UAC7C;AAAA,UACAtB,gBAAAA,EAAA;AAAA,YAACuB;AAAA,YAAA;AAAA,cACC,YAAU;AAAA,cACV,SAASC,EAAyBrC,EAAoB,cAAcD,CAAI;AAAA,cACxE,OAAOE,EAAU,SAAS;AAAA,cAC1B,WAAW,EAAQC,EAAsB;AAAA,cACzC,UAAU,OAAOoC,MAAiD;AAC1D,sBAAAC,IAAaD,IAAcA,EAAY,QAAQ;AACrD,gBAAAjC,EAA0B,SAASkC,CAAU,GACRd,EAAA,SAASc,GAAYvC,CAAmB;AAAA,cAC/E;AAAA,cACA,OAAQa,gBAAAA,EAAA,IAAAoB,GAAA,EAAqB,IAAG,SAAQ,gBAAe,SAAQ;AAAA,cAC/D,WAAUO,IAAAtB,EAAwB,OAAO,MAA/B,gBAAAsB,EAAkC;AAAA,YAAA;AAAA,UAC9C;AAAA,UACA3B,gBAAAA,EAAA;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAACvC,EAAsB;AAAA,cACnC,UAAU,CAAC0B,MAAa;AACtB,gBAAAvB,EAA0B,cAAcuB,CAAQ,GACXH,EAAA,cAAcG,GAAU5B,CAAmB;AAAA,cAClF;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,WAAUyC,IAAAxB,EAAwB,YAAY,MAApC,gBAAAwB,EAAuC;AAAA,YAAA;AAAA,UACnD;AAAA,QAAA,EAAA,CACF,IACE;AAAA,QAEJ7B,gBAAAA,EAAA;AAAA,UAAC8B;AAAAA,UAAA;AAAA,YACC,OAAO1C,EAAU;AAAA,YACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,YACnC,aACEW,gBAAAA,EAAA;AAAA,cAACoB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YACjB;AAAA,YAEF,UAAU,CAACL,MAAa;AACtB,cAAAvB,EAA0B,SAASuB,CAAQ,GACNH,EAAA,SAASG,GAAU5B,CAAmB;AAAA,YAC7E;AAAA,YACA,WAAW,CAAC4C,MAAUC,EAAqBD,CAAK;AAAA,YAChD,WAAUE,IAAA5B,EAAwB,OAAO,MAA/B,gBAAA4B,EAAkC;AAAA,UAAA;AAAA,QAC9C;AAAA,QACC9C,EAAoB,aAAa,2BAClCA,EAAoB,aAAa,iBAC/Ba,gBAAAA,EAAA;AAAA,UAACkC;AAAAA,UAAA;AAAA,YACC,YAAY,CAAC,CAAC/C,EAAoB,aAAa;AAAA,YAC/C,OAAOC,EAAU;AAAA,YACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,YACnC,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,eAAeuB,CAAQ,GACZH,EAAA,eAAeG,GAAU5B,CAAmB;AAAA,YACnF;AAAA,YACA,qBAAqBC,EAAU,iBAAiBA,EAAU,cAAc;AAAA,YACxE,WAAU+C,IAAA9B,EAAwB,aAAa,MAArC,gBAAA8B,EAAwC;AAAA,UAAA;AAAA,QAAA,IAElD;AAAA,QAEH7C,EAAQ,iBAAiB,IAAI,CAAC8C,MAC5BpC,gBAAAA,MAAAqC,GAAA,EAAgB,QAAAD,GAAgB,qBAAAjD,EAAA,CAA0C,CAC5E;AAAA,QAEDa,gBAAAA,EAAA;AAAA,UAACsC;AAAAA,UAAA;AAAA,YACC,qBAAAnD;AAAA,YACA,WAAW,CAAC,CAACE,EAAsB;AAAA,YACnC,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,YAAY;AAAA,gBACpC,GAAGL,EAAoB,UAAU;AAAA,gBACjC,oBAAoB4B;AAAA,cAAA,CACrB,GACoCH,EAAA,sBAAsBG,GAAU5B,CAAmB;AAAA,YAC1F;AAAA,YACA,WAAAC;AAAA,YACA,WAAUmD,IAAAlC,EAAwB,oBAAoB,MAA5C,gBAAAkC,EAA+C;AAAA,UAAA;AAAA,QAC3D;AAAA,QAECvC,gBAAAA,EAAAA,IAAAwC,GAAA,EAAa,qBAAArD,GAA0C,QAAO,qBAAqB,CAAA;AAAA,QAEpFa,gBAAAA,EAAA;AAAA,UAACyC;AAAA,UAAA;AAAA,YACC,MAAMC,EAAsB;AAAA,YAC5B,qBAAAvD;AAAA,YACA,WAAAC;AAAA,YACA,YACEY,gBAAAA,EAAA;AAAA,cAACoB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YACjB;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN,GAGauB,IAAsCC,EAAW3D,CAA0B;"}
+{"version":3,"file":"index-C96ntS0u.js","sources":["../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  VerificationService,\n  Organization,\n  EmploymentPersonalInfoViewModel,\n  CustomFormFieldConfig,\n  FormSelectChoice,\n  State,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\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 { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\n\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\";\n\ninterface StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          } else {\n            viewModel.fieldsToSkipValidation = undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\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            updateEmploymentViewModel(\"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      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"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.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"names":["StepEmploymentPersonalInfo","intl","verificationService","viewModel","fieldValidationErrors","options","getOptions","updateEmploymentViewModel","key","value","nextState","produce","draft","jsxs","PersonalInfoWrapper","jsx","PersonalInfoHeader","ChangeLocaleV2Component","CountryComponentWrapper","_a","getFieldConfigByFieldId","countryChoice","shouldCollectAddressFields","CompanyComponent","_b","choice","updateViewModelOrganization","updateFieldValidationErrorsByFieldId","FirstName","_c","newValue","LastName","_d","AddressComponent","_e","FormattedHTMLMessage","CityComponent","_f","StateSelectComponent","getAvailableStateChoices","stateChoice","stateValue","_g","PostalCodeComponent","_h","Email","event","handleEmailOnKeyDown","_i","PhoneNumber","_j","config","FormFieldCustom","MarketConsentWrapper","_k","ExtraMessage","PersonalInfoStepSubmitButton","VerificationStepsEnum","StepEmploymentPersonalInfoComponent","injectIntl"],"mappings":";AAkDA,MAAMA,IAA6B,CAAC;AAAA,EAClC,MAAAC;AAAA,EACA,qBAAAC;AACF,MAAgD;;AAC9C,QAAMC,IAAYD,EAAoB,WAChC,EAAE,uBAAAE,MAA0BF,GAC5BG,IAAUC,EAAW,GAErBC,IAA4B,CAACC,GAA4CC,MAAe;AAC5F,UAAMC,IAA6CC;AAAAA,MACjDR;AAAA,MACA,CAACS,MAA2C;AACzC,QAAAA,EAAMJ,CAAG,IAAYC;AAAA,MAAA;AAAA,IAE1B;AACA,IAAAP,EAAoB,gBAAgBQ,CAAS;AAAA,EAC/C;AAGE,SAAAG,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,qBAAAZ;AAAA,MACA,MAAMA,EAAoB,qBAAqB;AAAA,MAE/C,UAAA;AAAA,QAAAa,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,qBAAAd;AAAA,YACA,qBAAoB;AAAA,UAAA;AAAA,QACtB;AAAA,QAEAa,gBAAAA,MAACE,KAAwB,qBAAAf,GAA0C;AAAA,QACnEa,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,qBAAAhB;AAAA,YACA,WAAUiB,IAAAC,EAAwB,SAAS,MAAjC,gBAAAD,EAAoC;AAAA,YAC9C,yBAAyB,CAACP,GAAOS,MAAkB;AACjD,oBAAMlB,IAAYS;AAElBT,cAAAA,EAAU,uBAAuBmB;AAAA,gBAC/BD;AAAA,gBACAnB,EAAoB,aAAa,OAAO;AAAA,cAC1C,GACKC,EAAU,uBAObA,EAAU,yBAAyB,UANnCA,EAAU,WAAW,IACrBA,EAAU,OAAO,IACjBA,EAAU,QAAQ,IAClBA,EAAU,aAAa,IACvBA,EAAU,yBAAyB,CAAC,YAAY,QAAQ,SAAS,YAAY;AAAA,YAG/E;AAAA,UACF;AAAA,QACF;AAAA,QAEAY,gBAAAA,EAAA;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,OAAQrB,EAAoB,UAA8C;AAAA,YAC1E,qBAAAA;AAAA,YACA,WAAW,CAAC,CAACE,EAAsB;AAAA,YACnC,WAAUoB,IAAAJ,EAAwB,cAAc,MAAtC,gBAAAI,EAAyC;AAAA,YACnD,UAAU,CAACC,MAAyB;AAClC,cAAAC,EAA4BD,GAAQvB,CAAmB,GAClByB,EAAA,gBAAgBF,GAAQvB,CAAmB;AAAA,YAAA;AAAA,UAClF;AAAA,QACF;AAAA,QAEAW,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAACa;AAAAA,YAAA;AAAA,cACC,OAAOzB,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,WAAUyB,IAAAT,EAAwB,WAAW,MAAnC,gBAAAS,EAAsC;AAAA,cAChD,UAAU,CAACC,MAAa;AACtB,gBAAAvB,EAA0B,aAAauB,CAAQ,GACVH,EAAA,aAAaG,GAAU5B,CAAmB;AAAA,cAAA;AAAA,YACjF;AAAA,UACF;AAAA,UAEAa,gBAAAA,EAAA;AAAA,YAACgB;AAAAA,YAAA;AAAA,cACC,OAAO5B,EAAU;AAAA,cACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,cACnC,WAAU4B,IAAAZ,EAAwB,UAAU,MAAlC,gBAAAY,EAAqC;AAAA,cAC/C,UAAU,CAACF,MAAa;AACtB,gBAAAvB,EAA0B,YAAYuB,CAAQ,GACTH,EAAA,YAAYG,GAAU5B,CAAmB;AAAA,cAAA;AAAA,YAChF;AAAA,UAAA;AAAA,QACF,GACF;AAAA,QAECoB;AAAA,UACCnB,EAAU;AAAA,UACVD,EAAoB,aAAa,OAAO;AAAA,QAAA,IAExCa,gBAAAA,EAAA;AAAA,UAACkB;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,CAAC7B,EAAsB;AAAA,YACnC,SAASA,EAAsB;AAAA,YAC/B,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,YAAYuB,CAAQ,GACTH,EAAA,YAAYG,GAAU5B,CAAmB;AAAA,YAChF;AAAA,YACA,YAAU;AAAA,YACV,OAAOC,EAAU;AAAA,YACjB,WAAU+B,IAAAd,EAAwB,UAAU,MAAlC,gBAAAc,EAAqC;AAAA,YAC/C,aACGnB,gBAAAA,EAAA,IAAAoB,GAAA,EAAqB,IAAG,sBAAqB,gBAAe,wBAAwB,CAAA;AAAA,UAAA;AAAA,QAAA,IAGvF;AAAA,QAEHb;AAAA,UACCnB,EAAU;AAAA,UACVD,EAAoB,aAAa,OAAO;AAAA,QAExC,IAAAW,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,cACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAACqB;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAAChC,EAAsB;AAAA,cACnC,SAASA,EAAsB;AAAA,cAC/B,UAAU,CAAC0B,MAAa;AACtB,gBAAAvB,EAA0B,QAAQuB,CAAQ,GACLH,EAAA,QAAQG,GAAU5B,CAAmB;AAAA,cAC5E;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,YAAU;AAAA,cACV,WAAUkC,IAAAjB,EAAwB,MAAM,MAA9B,gBAAAiB,EAAiC;AAAA,YAAA;AAAA,UAC7C;AAAA,UACAtB,gBAAAA,EAAA;AAAA,YAACuB;AAAA,YAAA;AAAA,cACC,YAAU;AAAA,cACV,SAASC,EAAyBrC,EAAoB,cAAcD,CAAI;AAAA,cACxE,OAAOE,EAAU,SAAS;AAAA,cAC1B,WAAW,EAAQC,EAAsB;AAAA,cACzC,UAAU,OAAOoC,MAAiD;AAC1D,sBAAAC,IAAaD,IAAcA,EAAY,QAAQ;AACrD,gBAAAjC,EAA0B,SAASkC,CAAU,GACRd,EAAA,SAASc,GAAYvC,CAAmB;AAAA,cAC/E;AAAA,cACA,OAAQa,gBAAAA,EAAA,IAAAoB,GAAA,EAAqB,IAAG,SAAQ,gBAAe,SAAQ;AAAA,cAC/D,WAAUO,IAAAtB,EAAwB,OAAO,MAA/B,gBAAAsB,EAAkC;AAAA,YAAA;AAAA,UAC9C;AAAA,UACA3B,gBAAAA,EAAA;AAAA,YAAC4B;AAAA,YAAA;AAAA,cACC,WAAW,CAAC,CAACvC,EAAsB;AAAA,cACnC,UAAU,CAAC0B,MAAa;AACtB,gBAAAvB,EAA0B,cAAcuB,CAAQ,GACXH,EAAA,cAAcG,GAAU5B,CAAmB;AAAA,cAClF;AAAA,cACA,OAAOC,EAAU;AAAA,cACjB,WAAUyC,IAAAxB,EAAwB,YAAY,MAApC,gBAAAwB,EAAuC;AAAA,YAAA;AAAA,UAAA;AAAA,QACnD,EAAA,CACF,IACE;AAAA,QAEJ7B,gBAAAA,EAAA;AAAA,UAAC8B;AAAAA,UAAA;AAAA,YACC,OAAO1C,EAAU;AAAA,YACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,YACnC,aACEW,gBAAAA,EAAA;AAAA,cAACoB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YACjB;AAAA,YAEF,UAAU,CAACL,MAAa;AACtB,cAAAvB,EAA0B,SAASuB,CAAQ,GACNH,EAAA,SAASG,GAAU5B,CAAmB;AAAA,YAC7E;AAAA,YACA,WAAW,CAAC4C,MAAUC,EAAqBD,CAAK;AAAA,YAChD,WAAUE,IAAA5B,EAAwB,OAAO,MAA/B,gBAAA4B,EAAkC;AAAA,UAAA;AAAA,QAC9C;AAAA,QACC9C,EAAoB,aAAa,2BAClCA,EAAoB,aAAa,iBAC/Ba,gBAAAA,EAAA;AAAA,UAACkC;AAAAA,UAAA;AAAA,YACC,YAAY,CAAC,CAAC/C,EAAoB,aAAa;AAAA,YAC/C,OAAOC,EAAU;AAAA,YACjB,WAAW,CAAC,CAACC,EAAsB;AAAA,YACnC,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,eAAeuB,CAAQ,GACZH,EAAA,eAAeG,GAAU5B,CAAmB;AAAA,YACnF;AAAA,YACA,qBAAqBC,EAAU,iBAAiBA,EAAU,cAAc;AAAA,YACxE,WAAU+C,IAAA9B,EAAwB,aAAa,MAArC,gBAAA8B,EAAwC;AAAA,UAAA;AAAA,QAAA,IAElD;AAAA,QAEH7C,EAAQ,iBAAiB,IAAI,CAAC8C,MAC5BpC,gBAAAA,MAAAqC,GAAA,EAAgB,QAAAD,GAAgB,qBAAAjD,EAAA,CAA0C,CAC5E;AAAA,QAEDa,gBAAAA,EAAA;AAAA,UAACsC;AAAAA,UAAA;AAAA,YACC,qBAAAnD;AAAA,YACA,WAAW,CAAC,CAACE,EAAsB;AAAA,YACnC,UAAU,CAAC0B,MAAa;AACtB,cAAAvB,EAA0B,YAAY;AAAA,gBACpC,GAAGL,EAAoB,UAAU;AAAA,gBACjC,oBAAoB4B;AAAA,cAAA,CACrB,GACoCH,EAAA,sBAAsBG,GAAU5B,CAAmB;AAAA,YAC1F;AAAA,YACA,WAAAC;AAAA,YACA,WAAUmD,IAAAlC,EAAwB,oBAAoB,MAA5C,gBAAAkC,EAA+C;AAAA,UAAA;AAAA,QAC3D;AAAA,QAECvC,gBAAAA,EAAAA,IAAAwC,GAAA,EAAa,qBAAArD,GAA0C,QAAO,qBAAqB,CAAA;AAAA,QAEpFa,gBAAAA,EAAA;AAAA,UAACyC;AAAA,UAAA;AAAA,YACC,MAAMC,EAAsB;AAAA,YAC5B,qBAAAvD;AAAA,YACA,WAAAC;AAAA,YACA,YACEY,gBAAAA,EAAA;AAAA,cAACoB;AAAA,cAAA;AAAA,gBACC,IAAG;AAAA,gBACH,gBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EACF;AAEJ,GAGauB,IAAsCC,EAAW3D,CAA0B;"}