@sheerid/jslib-nightly 2.286.0-alpha.1 → 2.286.0-alpha.2

package/chunk/StepLowIncomePersonalInfo-zPhDWXQu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLowIncomePersonalInfo-zPhDWXQu.js","names":[],"sources":["../../src/components/StepLowIncomePersonalInfo/StepLowIncomePersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type FormSelectChoice,\n  type LowIncomePersonalInfoResponse,\n  type LowIncomePersonalInfoViewModel,\n  type LowIncomeStatus,\n  type Organization,\n  type State,\n  type VerificationService,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  getFieldConfigByFieldId,\n  getStatusLabel,\n  getStatusOptions,\n  handleEmailOnKeyDown,\n  orgToOption,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\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 } from \"../FormFields/Status/StatusComponent\";\nimport { LowIncomeOrganizationComponent as LowIncomeOrganization } from \"../FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { EBTCardNumberComponent } from \"../FormFields/EBTCardNumber/EBTCardNumberComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { blankOrganization } from \"../../lib/types/empties\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\nimport { useCollectFieldsEndpoint } from \"../../lib/ServerApi/useCollectFieldsEndpoint\";\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { isLowIncomeVM } from \"./lowIncomeTypes\";\n\ninterface StepLowIncomePersonalInfoComponentProps {\n  verificationService: VerificationService<LowIncomePersonalInfoViewModel>;\n  intl: any;\n}\n\ntype DefaultStatusMessages = {\n  [key in LowIncomeStatus]: string;\n};\n\nexport const defaultStatusMessages: DefaultStatusMessages = {\n  SNAP_BENEFITS: \"Snap Benefits Recipient\",\n  OTHER_GOVERNMENT_ASSISTANCE: \"Other Government Assistance Recipient\",\n  COMMUNITY_ELIGIBILITY_PROVISION: \"CEP (Community Eligibility Provision, Title 1/LAP)\",\n};\n\nconst StepLowIncomePersonalInfo = ({\n  intl,\n  verificationService,\n}: StepLowIncomePersonalInfoComponentProps) => {\n  const { viewModel } = verificationService;\n  const options = getOptions();\n\n  if (!isLowIncomeVM(viewModel)) {\n    logger.error(\"Expected LowIncomePersonalInfoViewModel\");\n    return null;\n  }\n\n  const { fieldValidationErrors } = verificationService;\n  const { verificationResponse } = verificationService;\n  const failedInstantMatch = hasFailedInstantMatch(\n    verificationResponse as LowIncomePersonalInfoResponse,\n  );\n\n  const { availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: (verificationResponse as LowIncomePersonalInfoResponse).verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(\n    verificationService.programTheme,\n    countryChoiceValue,\n  );\n\n  const statusOptions = getStatusOptions(\n    intl,\n    dynamicStatuses ?? (verificationResponse as LowIncomePersonalInfoResponse).availableStatuses,\n  );\n\n  const locale = viewModel.localeChoice.value;\n\n  const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;\n  const isSelectedStatusSnapBenefits = selectedStatus === \"SNAP_BENEFITS\";\n  const updateLowIncomeViewModel = (key: keyof LowIncomePersonalInfoViewModel, value: any) => {\n    if (!isLowIncomeVM(viewModel)) {\n      logger.error(\"Expected LowIncomePersonalInfoViewModel\");\n      return;\n    }\n    const nextState: LowIncomePersonalInfoViewModel = produce(\n      viewModel,\n      (draft: LowIncomePersonalInfoViewModel) => {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    // SNAP recipients get the EBT card number field instead of an organization\n    // picker, so organization cannot be validated for them. Preserve entries\n    // other fields own, and drop ours again once the picker comes back.\n    // A partial update cannot do this: it deep merges, which concatenates\n    // arrays rather than replacing them, so entries could never be removed.\n    const remaining = (viewModel.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"organization\",\n    );\n    updateLowIncomeViewModel(\n      \"fieldsToSkipValidation\",\n      isSelectedStatusSnapBenefits ? [...remaining, \"organization\"] : remaining,\n    );\n  }, [isSelectedStatusSnapBenefits]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"low-income\"\n      />\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <StatusComponent\n        segmentId=\"low-income\"\n        value={{\n          value: viewModel.statuses ? viewModel.statuses[0] : \"\",\n          label: viewModel.statuses ? getStatusLabel(intl, viewModel.statuses[0]) : \"\",\n        }}\n        isErrored={!!fieldValidationErrors.statuses}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"statuses\")?.disabled}\n        options={statusOptions}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\n        onChange={(status: FormSelectChoice<LowIncomeStatus>) => {\n          const updatedStatuses = status ? [status.value as LowIncomeStatus] : [];\n          const nextState: LowIncomePersonalInfoViewModel = produce(\n            viewModel,\n            (draft: LowIncomePersonalInfoViewModel) => {\n              if (viewModel.statuses[0] !== updatedStatuses[0]) {\n                draft.organization = blankOrganization.organization; // Clear out the org b/c they're of different kind\n              }\n              draft.statuses = updatedStatuses;\n            },\n          );\n          verificationService.updateViewModel(nextState);\n          updateFieldValidationErrorsByFieldId(\n            \"statuses\",\n            status ? status.value : \"\",\n            verificationService,\n          );\n        }}\n      />\n      {selectedStatus === \"SNAP_BENEFITS\" && (\n        <EBTCardNumberComponent\n          value={viewModel.ebtCardNumber}\n          isErrored={!!fieldValidationErrors.ebtCardNumber}\n          disabled={getFieldConfigByFieldId(\"ebtCardNumber\")?.disabled}\n          onChange={(newValue) => {\n            updateLowIncomeViewModel(\"ebtCardNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"ebtCardNumber\", newValue, verificationService);\n          }}\n        />\n      )}\n      {(selectedStatus === \"OTHER_GOVERNMENT_ASSISTANCE\" ||\n        selectedStatus === \"COMMUNITY_ELIGIBILITY_PROVISION\") && (\n        <LowIncomeOrganization\n          isErrored={!!fieldValidationErrors.organization}\n          onChange={(choice: Organization) => {\n            updateViewModelOrganization(choice, verificationService);\n            updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n          }}\n          value={orgToOption(verificationService.viewModel.organization)}\n          verificationService={verificationService}\n          isRequired\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            updateLowIncomeViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateLowIncomeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateLowIncomeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n      />\n      <AddressComponent\n        isErrored={!!fieldValidationErrors.address1}\n        errorId={fieldValidationErrors.address1}\n        disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n        onChange={(newValue) => {\n          updateLowIncomeViewModel(\"address1\", newValue);\n          updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n        }}\n        value={viewModel.address1}\n        isRequired\n        explanation={\n          <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n        }\n      />\n      <div className=\"sid-address-extra-fields sid-thirds\">\n        <CityComponent\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          onChange={(newValue) => {\n            updateLowIncomeViewModel(\"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          value={viewModel.state || undefined}\n          isErrored={Boolean(fieldValidationErrors.state)}\n          disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n            const stateValue = stateChoice ? stateChoice.value : undefined;\n            updateLowIncomeViewModel(\"state\", stateValue);\n            updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n          }}\n        />\n        <PostalCodeComponent\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateLowIncomeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      </div>\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateLowIncomeViewModel(\"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            updateLowIncomeViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      {(options.customFormFields || []).map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}{\" \"}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateLowIncomeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectLowIncomePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepLowIncomePersonalInfoComponent = injectIntl(StepLowIncomePersonalInfo);\n"],"mappings":"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"}

package/chunk/{StepMedicalProfessionalPersonalInfo-BSEm9NTU.js → StepMedicalProfessionalPersonalInfo-CenlDA7k.js}

@@ -1,29 +1,29 @@
 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583676758
- *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.2
+ *   BUILD_TIMESTAMP: 1789596641519
+ *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { Ot as e, n as t } from "./options-CRzdSTAR.js";
-import { a as n, c as r, n as i, t as a } from "./jsx-runtime-CyXcV_93.js";
+import { Ot as e, n as t } from "./options-CvRaXPRs.js";
+import { a as n, c as r, n as i, t as a } from "./jsx-runtime-ClghfwTa.js";
 import { b as o } from "./runtimeTypes-B2AGNJMT.js";
-import { h as s } from "./FormFooterComponent-CnpcFVui.js";
+import { h as s } from "./FormFooterComponent-DYBSB7Oh.js";
 import { n as c } from "../sheerid.js";
-import { t as l } from "./useCollectFieldsEndpoint-Ebbgvv8F.js";
-import { _ as u, c as d, d as f, g as p, i as m, o as h, s as g } from "./stepComponentHelpers-DXPc6DBY.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-DbYliGoM.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-B5Dgy7f5.js";
-import { t as T } from "./BirthDateComponent-BLdyysZz.js";
-import { t as E } from "./PostalCodeComponent-Bgb7szGz.js";
-import { t as D } from "./CountryComponentWrapper-BWfP7cjU.js";
-import { t as O } from "./ExtraMessage-BeVf1e6k.js";
-import { t as k } from "./ChangeLocaleComponent-DLdFkire.js";
-import { t as A } from "./PersonalInfoStepWrapper-pPWIu_wT.js";
-import { t as j } from "./countryUtils-n_5QoHGV.js";
-import { t as M } from "./StatusComponent-Bdb906LR.js";
-import { t as N } from "./MedicalProfessionalOrganizationComponent-_p253lES.js";
-import { t as P } from "./MemberIdComponent-BRxEQsN-.js";
+import { t as l } from "./useCollectFieldsEndpoint-DV9zk9Je.js";
+import { a as u, g as d, h as f, o as p, r as m, s as h, u as g } from "./stepComponentHelpers-BweXuNBz.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-3qiTIduG.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-C4NAU26j.js";
+import { t as T } from "./BirthDateComponent-Dv6hU22_.js";
+import { t as E } from "./PostalCodeComponent-VDfukHbY.js";
+import { t as D } from "./CountryComponentWrapper-B1wLa3TB.js";
+import { t as O } from "./ExtraMessage-OwXiBnCM.js";
+import { t as k } from "./ChangeLocaleComponent-B4Tlnh2U.js";
+import { t as A } from "./PersonalInfoStepWrapper-Dlmhjo6N.js";
+import { t as j } from "./countryUtils-BrbLtF3F.js";
+import { t as M } from "./StatusComponent-CqF9cCjU.js";
+import { t as N } from "./MedicalProfessionalOrganizationComponent-B3QspdhP.js";
+import { t as P } from "./MemberIdComponent-UMnfxBez.js";
 //#region src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx
 var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 	AT: "gbrNummer",
@@ -40,13 +40,13 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 	};
 }, z = n(({ intl: e, verificationService: n }) => {
 	let r = n.viewModel, { fieldValidationErrors: a } = n, L = n.verificationResponse, z = s(L), B = t(), V = r.localeChoice.value, H = (e, t) => {
-		let i = f(r, e, t);
+		let i = g(r, e, t);
 		n.updateViewModel(i);
 	}, { isFieldOptional: U, availableStatuses: W } = l({
 		verificationId: L.verificationId,
 		currentStep: L.currentStep,
 		viewModel: r
-	}), G = U("memberId"), K = r.countryChoice?.value, q = j(n.programTheme, K), J = g(e, W ?? L.availableStatuses);
+	}), G = U("memberId"), K = r.countryChoice?.value, q = j(n.programTheme, K), J = p(e, W ?? L.availableStatuses);
 	return F.useEffect(() => {
 		let e = (n.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "memberId");
 		G ? n.updateViewModel({ fieldsToSkipValidation: e }, { partial: !0 }) : n.updateViewModel({ fieldsToSkipValidation: [...e, "memberId"] }, { partial: !0 });
@@ -67,7 +67,7 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 				segmentId: "medical",
 				value: {
 					value: r.status,
-					label: h(e, r.status)
+					label: u(e, r.status)
 				},
 				isErrored: !!a.status,
 				options: J,
@@ -77,13 +77,13 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 					defaultMessage: "Choose a country first"
 				}) : void 0,
 				onChange: (e) => {
-					H("status", e ? e.value : ""), p("status", e ? e.value : "", n);
+					H("status", e ? e.value : ""), f("status", e ? e.value : "", n);
 				}
 			}),
 			/* @__PURE__ */ (0, I.jsx)(N, {
 				isErrored: !!a.organization,
 				onChange: (e) => {
-					u(e, n), p("organization", e, n);
+					d(e, n), f("organization", e, n);
 				},
 				value: n.viewModel.organization,
 				verificationService: n,
@@ -96,14 +96,14 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 					isErrored: !!a.firstName,
 					disabled: m("firstName")?.disabled,
 					onChange: (e) => {
-						H("firstName", e), p("firstName", e, n);
+						H("firstName", e), f("firstName", e, n);
 					}
 				}), /* @__PURE__ */ (0, I.jsx)(v, {
 					value: r.lastName,
 					isErrored: !!a.lastName,
 					disabled: m("lastName")?.disabled,
 					onChange: (e) => {
-						H("lastName", e), p("lastName", e, n);
+						H("lastName", e), f("lastName", e, n);
 					}
 				})]
 			}),
@@ -112,14 +112,14 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 				locale: V,
 				disabled: m("birthDate")?.disabled,
 				onChange: (e) => {
-					H("birthDate", e), p("birthDate", e, n);
+					H("birthDate", e), f("birthDate", e, n);
 				},
 				value: r.birthDate
 			}),
 			/* @__PURE__ */ (0, I.jsx)(E, {
 				isErrored: !!a.postalCode,
 				onChange: (e) => {
-					H("postalCode", e), p("postalCode", e, n);
+					H("postalCode", e), f("postalCode", e, n);
 				},
 				value: r.postalCode,
 				disabled: m("postalCode")?.disabled,
@@ -136,9 +136,9 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 					defaultMessage: "Needed to send you your unique code"
 				}),
 				onChange: (e) => {
-					H("email", e), p("email", e, n);
+					H("email", e), f("email", e, n);
 				},
-				onKeyDown: (e) => d(e),
+				onKeyDown: (e) => h(e),
 				disabled: m("email")?.disabled
 			}),
 			n.programTheme.isSmsNotifierConfigured || n.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, I.jsx)(b, {
@@ -146,7 +146,7 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 				value: r.phoneNumber,
 				isErrored: !!a.phoneNumber,
 				onChange: (e) => {
-					H("phoneNumber", e), p("phoneNumber", e, n);
+					H("phoneNumber", e), f("phoneNumber", e, n);
 				},
 				selectedCountryCode: r.countryChoice && r.countryChoice.value,
 				disabled: m("phoneNumber")?.disabled
@@ -157,7 +157,7 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 				isRequired: m("memberId")?.requireIfOptional,
 				disabled: m("memberId")?.disabled,
 				onChange: (e) => {
-					H("memberId", e), p("memberId", e, n);
+					H("memberId", e), f("memberId", e, n);
 				},
 				explanation: /* @__PURE__ */ (0, I.jsx)(i, {
 					id: R(r.country).explanationKey,
@@ -179,7 +179,7 @@ var F = /* @__PURE__ */ e(r(), 1), I = a(), L = {
 					H("metadata", {
 						...n.viewModel.metadata,
 						marketConsentValue: e
-					}), p("marketConsentValue", e, n);
+					}), f("marketConsentValue", e, n);
 				},
 				viewModel: r,
 				disabled: m("marketConsentValue")?.disabled

package/chunk/{StepMedicalProfessionalPersonalInfo-BRnvUAH3.js.map → StepMedicalProfessionalPersonalInfo-CenlDA7k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMedicalProfessionalPersonalInfo-BRnvUAH3.js","names":[],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getStatusOptions,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(\n    verificationService.programTheme,\n    countryChoiceValue,\n  );\n\n  const statusOptions = getStatusOptions(\n    intl,\n    dynamicStatuses ?? verificationResponse.availableStatuses,\n  );\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={{\n          value: viewModel.status,\n          label: getStatusLabel(intl, viewModel.status),\n        }}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\n        onChange={(status: FormSelectChoice) => {\n          updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n          updateFieldValidationErrorsByFieldId(\n            \"status\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <MedicalProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel).organization\n        }\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n      />\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n      />\n      <PostalCode\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n        value={viewModel.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"postalCodeExplanation\"\n            defaultMessage=\"Use the location on file with your licensing body\"\n          />\n        }\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      {shouldRenderMemberId && (\n        <MemberId\n          value={viewModel.memberId}\n          isErrored={!!fieldValidationErrors.memberId}\n          isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n          disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"memberId\", newValue);\n            updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n          }}\n          explanation={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n              defaultMessage=\"Your Professional Membership Registration Number\"\n            />\n          }\n          label={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).labelKey}\n              defaultMessage=\"Registration Number\"\n            />\n          }\n        />\n      )}\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Medical Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"mappings":"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"}
+{"version":3,"file":"StepMedicalProfessionalPersonalInfo-CenlDA7k.js","names":[],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getStatusOptions,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(\n    verificationService.programTheme,\n    countryChoiceValue,\n  );\n\n  const statusOptions = getStatusOptions(\n    intl,\n    dynamicStatuses ?? verificationResponse.availableStatuses,\n  );\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={{\n          value: viewModel.status,\n          label: getStatusLabel(intl, viewModel.status),\n        }}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\n        onChange={(status: FormSelectChoice) => {\n          updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n          updateFieldValidationErrorsByFieldId(\n            \"status\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <MedicalProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel).organization\n        }\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n      />\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n      />\n      <PostalCode\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n        value={viewModel.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"postalCodeExplanation\"\n            defaultMessage=\"Use the location on file with your licensing body\"\n          />\n        }\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      {shouldRenderMemberId && (\n        <MemberId\n          value={viewModel.memberId}\n          isErrored={!!fieldValidationErrors.memberId}\n          isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n          disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"memberId\", newValue);\n            updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n          }}\n          explanation={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n              defaultMessage=\"Your Professional Membership Registration Number\"\n            />\n          }\n          label={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).labelKey}\n              defaultMessage=\"Registration Number\"\n            />\n          }\n        />\n      )}\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Medical Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"mappings":"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"}

package/chunk/{StepMedicalProfessionalPersonalInfo-BRnvUAH3.js → StepMedicalProfessionalPersonalInfo-DFjztEA9.js}

@@ -4,30 +4,30 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.286.0-alpha.1
- *   BUILD_TIMESTAMP: 1789583680538
- *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.2
+ *   BUILD_TIMESTAMP: 1789596645608
+ *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
-import { Ot as e, s as t } from "./intl-CvSmE54g.js";
+import { Ot as e, s as t } from "./intl-D0f52P7V.js";
 import { b as n } from "./runtimeTypes-B2AGNJMT.js";
-import { a as r, c as i, n as a, t as o } from "./jsx-runtime-JSlXFmKD.js";
-import { p as s } from "./FormFooterComponent-C8-JM5_T.js";
+import { a as r, c as i, n as a, t as o } from "./jsx-runtime-FfARtXk2.js";
+import { p as s } from "./FormFooterComponent-C68F5kaP.js";
 import { t as c } from "../_mysheerid-preview.js";
-import { t as l } from "./useCollectFieldsEndpoint-CbmFrBU4.js";
-import { _ as u, c as d, d as f, g as p, i as m, o as h, s as g } from "./stepComponentHelpers-DKGaTSta.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-DIkA9FFI.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-DLAOVDlb.js";
-import { t as T } from "./BirthDateComponent-CgTLq2WG.js";
-import { t as E } from "./PostalCodeComponent-BtLrVcrF.js";
-import { t as D } from "./CountryComponentWrapper-1WCljRM0.js";
-import { t as O } from "./ExtraMessage-BqSJhjGv.js";
-import { t as k } from "./ChangeLocaleComponent-CIxj6nDo.js";
-import { t as A } from "./PersonalInfoStepWrapper-DRRgtniH.js";
-import { t as j } from "./countryUtils-BBN8jYxF.js";
-import { t as M } from "./StatusComponent-Ojhh4poh.js";
-import { t as N } from "./MedicalProfessionalOrganizationComponent-BNsFWxKR.js";
-import { t as P } from "./MemberIdComponent-Bm824GxH.js";
+import { t as l } from "./useCollectFieldsEndpoint-D15FcoFB.js";
+import { a as u, g as d, h as f, o as p, r as m, s as h, u as g } from "./stepComponentHelpers-CmZT1Man.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-Dtr_Cbvu.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-DZaG_Bd6.js";
+import { t as T } from "./BirthDateComponent-COBjAdFk.js";
+import { t as E } from "./PostalCodeComponent-CPZfUESZ.js";
+import { t as D } from "./CountryComponentWrapper-DhAq6SAW.js";
+import { t as O } from "./ExtraMessage-Bx2shBsO.js";
+import { t as k } from "./ChangeLocaleComponent-jMvrJEW-.js";
+import { t as A } from "./PersonalInfoStepWrapper-BgmoL6ee.js";
+import { t as j } from "./countryUtils-2xROZ0HR.js";
+import { t as M } from "./StatusComponent-DU8VVzqB.js";
+import { t as N } from "./MedicalProfessionalOrganizationComponent-Cp4yUfxf.js";
+import { t as P } from "./MemberIdComponent-cwxA9cHM.js";
 //#region src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx
 var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 	AT: "gbrNummer",
@@ -44,13 +44,13 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 	};
 }, z = r(({ intl: e, verificationService: r }) => {
 	let i = r.viewModel, { fieldValidationErrors: o } = r, L = r.verificationResponse, z = s(L), B = t(), V = i.localeChoice.value, H = (e, t) => {
-		let n = f(i, e, t);
+		let n = g(i, e, t);
 		r.updateViewModel(n);
 	}, { isFieldOptional: U, availableStatuses: W } = l({
 		verificationId: L.verificationId,
 		currentStep: L.currentStep,
 		viewModel: i
-	}), G = U("memberId"), K = i.countryChoice?.value, q = j(r.programTheme, K), J = g(e, W ?? L.availableStatuses);
+	}), G = U("memberId"), K = i.countryChoice?.value, q = j(r.programTheme, K), J = p(e, W ?? L.availableStatuses);
 	return F.useEffect(() => {
 		let e = (r.viewModel?.fieldsToSkipValidation || []).filter((e) => e !== "memberId");
 		G ? r.updateViewModel({ fieldsToSkipValidation: e }, { partial: !0 }) : r.updateViewModel({ fieldsToSkipValidation: [...e, "memberId"] }, { partial: !0 });
@@ -71,7 +71,7 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 				segmentId: "medical",
 				value: {
 					value: i.status,
-					label: h(e, i.status)
+					label: u(e, i.status)
 				},
 				isErrored: !!o.status,
 				options: J,
@@ -81,13 +81,13 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 					defaultMessage: "Choose a country first"
 				}) : void 0,
 				onChange: (e) => {
-					H("status", e ? e.value : ""), p("status", e ? e.value : "", r);
+					H("status", e ? e.value : ""), f("status", e ? e.value : "", r);
 				}
 			}),
 			/* @__PURE__ */ (0, I.jsx)(N, {
 				isErrored: !!o.organization,
 				onChange: (e) => {
-					u(e, r), p("organization", e, r);
+					d(e, r), f("organization", e, r);
 				},
 				value: r.viewModel.organization,
 				verificationService: r,
@@ -100,14 +100,14 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 					isErrored: !!o.firstName,
 					disabled: m("firstName")?.disabled,
 					onChange: (e) => {
-						H("firstName", e), p("firstName", e, r);
+						H("firstName", e), f("firstName", e, r);
 					}
 				}), /* @__PURE__ */ (0, I.jsx)(v, {
 					value: i.lastName,
 					isErrored: !!o.lastName,
 					disabled: m("lastName")?.disabled,
 					onChange: (e) => {
-						H("lastName", e), p("lastName", e, r);
+						H("lastName", e), f("lastName", e, r);
 					}
 				})]
 			}),
@@ -116,14 +116,14 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 				locale: V,
 				disabled: m("birthDate")?.disabled,
 				onChange: (e) => {
-					H("birthDate", e), p("birthDate", e, r);
+					H("birthDate", e), f("birthDate", e, r);
 				},
 				value: i.birthDate
 			}),
 			/* @__PURE__ */ (0, I.jsx)(E, {
 				isErrored: !!o.postalCode,
 				onChange: (e) => {
-					H("postalCode", e), p("postalCode", e, r);
+					H("postalCode", e), f("postalCode", e, r);
 				},
 				value: i.postalCode,
 				disabled: m("postalCode")?.disabled,
@@ -140,9 +140,9 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 					defaultMessage: "Needed to send you your unique code"
 				}),
 				onChange: (e) => {
-					H("email", e), p("email", e, r);
+					H("email", e), f("email", e, r);
 				},
-				onKeyDown: (e) => d(e),
+				onKeyDown: (e) => h(e),
 				disabled: m("email")?.disabled
 			}),
 			r.programTheme.isSmsNotifierConfigured || r.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, I.jsx)(b, {
@@ -150,7 +150,7 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 				value: i.phoneNumber,
 				isErrored: !!o.phoneNumber,
 				onChange: (e) => {
-					H("phoneNumber", e), p("phoneNumber", e, r);
+					H("phoneNumber", e), f("phoneNumber", e, r);
 				},
 				selectedCountryCode: i.countryChoice && i.countryChoice.value,
 				disabled: m("phoneNumber")?.disabled
@@ -161,7 +161,7 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 				isRequired: m("memberId")?.requireIfOptional,
 				disabled: m("memberId")?.disabled,
 				onChange: (e) => {
-					H("memberId", e), p("memberId", e, r);
+					H("memberId", e), f("memberId", e, r);
 				},
 				explanation: /* @__PURE__ */ (0, I.jsx)(a, {
 					id: R(i.country).explanationKey,
@@ -183,7 +183,7 @@ var F = /* @__PURE__ */ e(i(), 1), I = o(), L = {
 					H("metadata", {
 						...r.viewModel.metadata,
 						marketConsentValue: e
-					}), p("marketConsentValue", e, r);
+					}), f("marketConsentValue", e, r);
 				},
 				viewModel: i,
 				disabled: m("marketConsentValue")?.disabled

package/chunk/{StepMedicalProfessionalPersonalInfo-BSEm9NTU.js.map → StepMedicalProfessionalPersonalInfo-DFjztEA9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepMedicalProfessionalPersonalInfo-BSEm9NTU.js","names":[],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getStatusOptions,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(\n    verificationService.programTheme,\n    countryChoiceValue,\n  );\n\n  const statusOptions = getStatusOptions(\n    intl,\n    dynamicStatuses ?? verificationResponse.availableStatuses,\n  );\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={{\n          value: viewModel.status,\n          label: getStatusLabel(intl, viewModel.status),\n        }}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\n        onChange={(status: FormSelectChoice) => {\n          updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n          updateFieldValidationErrorsByFieldId(\n            \"status\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <MedicalProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel).organization\n        }\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n      />\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n      />\n      <PostalCode\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n        value={viewModel.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"postalCodeExplanation\"\n            defaultMessage=\"Use the location on file with your licensing body\"\n          />\n        }\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      {shouldRenderMemberId && (\n        <MemberId\n          value={viewModel.memberId}\n          isErrored={!!fieldValidationErrors.memberId}\n          isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n          disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"memberId\", newValue);\n            updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n          }}\n          explanation={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n              defaultMessage=\"Your Professional Membership Registration Number\"\n            />\n          }\n          label={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).labelKey}\n              defaultMessage=\"Registration Number\"\n            />\n          }\n        />\n      )}\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Medical Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"mappings":"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"}
+{"version":3,"file":"StepMedicalProfessionalPersonalInfo-DFjztEA9.js","names":[],"sources":["../../src/components/StepMedicalProfessionalPersonalInfo/StepMedicalProfessionalPersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { isCountrySelectionNeeded } from \"../FormFields/Country/countryUtils\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type FormSelectChoice,\n  type Organization,\n  type MedicalProfessionalPersonalInfoViewModel,\n  type MedicalProfessionalPersonalInfoResponse,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  produceDraftViewModel,\n  getStatusLabel,\n  getStatusOptions,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { BirthDateComponent as BirthDate } from \"../FormFields/BirthDate/BirthDateComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { StatusComponent as MedicalStatus } from \"../FormFields/Status/StatusComponent\";\nimport { MedicalProfessionalOrganizationComponent as MedicalProfessionalOrganization } from \"../FormFields/MedicalProfessionalOrganization/MedicalProfessionalOrganizationComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { MemberIdComponent as MemberId } from \"../FormFields/MemberId/MemberIdComponent\";\nimport { getOptions } from \"../../options/options\";\nimport { FormFieldCustom } from \"../FormFields/FormFieldCustom/FormFieldCustom\";\nimport { ExtraMessage } from \"../ExtraMessage\";\nimport { ChangeLocaleV2Component } from \"../FormFields/ChangeLocale/ChangeLocaleComponent\";\nimport { PersonalInfoWrapper } from \"../PersonalInfoStepWrapper/PersonalInfoStepWrapper\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { CaptchaComponent } from \"../FormFields/Captcha/CaptchaComponent\";\n\ninterface StepMedicalProfessionalPersonalInfoComponentProps {\n  verificationService: VerificationService;\n  intl: any;\n}\n\ntype MemberIdFieldType =\n  | \"registrationNumber\"\n  | \"numeroColegiado\"\n  | \"autorisationsId\"\n  | \"globalLocationNumber\"\n  | \"gbrNummer\";\n\nconst memberIdMessageKeysByCountry: Record<string, MemberIdFieldType> = {\n  AT: \"gbrNummer\",\n  ES: \"numeroColegiado\",\n  DK: \"autorisationsId\",\n  CH: \"globalLocationNumber\",\n  IE: \"registrationNumber\",\n  GB: \"registrationNumber\",\n};\n\nconst getMemberIdMessageKeys = (country: string) => {\n  const memberIdFieldType: MemberIdFieldType =\n    memberIdMessageKeysByCountry[country] || \"registrationNumber\";\n  return {\n    labelKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Label`,\n    explanationKey: `step.collectMedicalPersonalInfo.${memberIdFieldType}Explanation`,\n  };\n};\n\nexport const StepMedicalProfessionalPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepMedicalProfessionalPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse =\n    verificationService.verificationResponse as MedicalProfessionalPersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const options = getOptions();\n\n  const locale = viewModel.localeChoice.value;\n\n  const updateMedicalProfessionalViewModel = (\n    key: keyof MedicalProfessionalPersonalInfoViewModel,\n    value: any,\n  ) => {\n    const nextState = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldOptional, availableStatuses: dynamicStatuses } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n  });\n  const shouldRenderMemberId = isFieldOptional(\"memberId\");\n\n  const countryChoiceValue = viewModel.countryChoice?.value;\n  const needToPickCountry = isCountrySelectionNeeded(\n    verificationService.programTheme,\n    countryChoiceValue,\n  );\n\n  const statusOptions = getStatusOptions(\n    intl,\n    dynamicStatuses ?? verificationResponse.availableStatuses,\n  );\n\n  React.useEffect(() => {\n    // If the memberId field is not rendered, we shouldn't validate it\n    //  partially update to avoid clobbering the rest of the viewModel\n    const existing = (verificationService.viewModel?.fieldsToSkipValidation || []).filter(\n      (id) => id !== \"memberId\",\n    );\n    if (shouldRenderMemberId) {\n      verificationService.updateViewModel({ fieldsToSkipValidation: existing }, { partial: true });\n    } else {\n      verificationService.updateViewModel(\n        { fieldsToSkipValidation: [...existing, \"memberId\"] },\n        { partial: true },\n      );\n    }\n  }, [shouldRenderMemberId]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"medical-personal-info\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n      />\n      <MedicalStatus\n        segmentId=\"medical\"\n        value={{\n          value: viewModel.status,\n          label: getStatusLabel(intl, viewModel.status),\n        }}\n        isErrored={!!fieldValidationErrors.status}\n        options={statusOptions}\n        disabled={needToPickCountry || getFieldConfigByFieldId(\"status\")?.disabled}\n        explanation={\n          needToPickCountry ? (\n            <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n          ) : undefined\n        }\n        onChange={(status: FormSelectChoice) => {\n          updateMedicalProfessionalViewModel(\"status\", status ? (status.value as string) : \"\");\n          updateFieldValidationErrorsByFieldId(\n            \"status\",\n            status ? (status.value as string) : \"\",\n            verificationService,\n          );\n        }}\n      />\n      <MedicalProfessionalOrganization\n        isErrored={!!fieldValidationErrors.organization}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\n        value={\n          (verificationService.viewModel as MedicalProfessionalPersonalInfoViewModel).organization\n        }\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n      />\n      <div className=\"sid-names\">\n        <FirstName\n          value={viewModel.firstName}\n          isErrored={!!fieldValidationErrors.firstName}\n          disabled={getFieldConfigByFieldId(\"firstName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"firstName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"firstName\", newValue, verificationService);\n          }}\n        />\n\n        <LastName\n          value={viewModel.lastName}\n          isErrored={!!fieldValidationErrors.lastName}\n          disabled={getFieldConfigByFieldId(\"lastName\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n      />\n      <PostalCode\n        isErrored={!!fieldValidationErrors.postalCode}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"postalCode\", newValue);\n          updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n        }}\n        value={viewModel.postalCode}\n        disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"postalCodeExplanation\"\n            defaultMessage=\"Use the location on file with your licensing body\"\n          />\n        }\n      />\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Needed to send you your unique code\"\n          />\n        }\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"phoneNumber\", newValue);\n            updateFieldValidationErrorsByFieldId(\"phoneNumber\", newValue, verificationService);\n          }}\n          selectedCountryCode={viewModel.countryChoice && viewModel.countryChoice.value}\n          disabled={getFieldConfigByFieldId(\"phoneNumber\")?.disabled}\n        />\n      ) : null}\n      {shouldRenderMemberId && (\n        <MemberId\n          value={viewModel.memberId}\n          isErrored={!!fieldValidationErrors.memberId}\n          isRequired={getFieldConfigByFieldId(\"memberId\")?.requireIfOptional}\n          disabled={getFieldConfigByFieldId(\"memberId\")?.disabled}\n          onChange={(newValue) => {\n            updateMedicalProfessionalViewModel(\"memberId\", newValue);\n            updateFieldValidationErrorsByFieldId(\"memberId\", newValue, verificationService);\n          }}\n          explanation={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).explanationKey}\n              defaultMessage=\"Your Professional Membership Registration Number\"\n            />\n          }\n          label={\n            <FormattedHTMLMessage\n              id={getMemberIdMessageKeys(viewModel.country).labelKey}\n              defaultMessage=\"Registration Number\"\n            />\n          }\n        />\n      )}\n      {options.customFormFields.map((config: CustomFormFieldConfig) => (\n        <FormFieldCustom config={config} verificationService={verificationService} />\n      ))}\n      <MarketConsentWrapper\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.marketConsentValue}\n        onChange={(newValue) => {\n          updateMedicalProfessionalViewModel(\"metadata\", {\n            ...verificationService.viewModel.metadata,\n            marketConsentValue: newValue,\n          });\n          updateFieldValidationErrorsByFieldId(\"marketConsentValue\", newValue, verificationService);\n        }}\n        viewModel={viewModel}\n        disabled={getFieldConfigByFieldId(\"marketConsentValue\")?.disabled}\n      />\n      <ExtraMessage verificationService={verificationService} suffix=\"CollectAboveSubmit\" />\n\n      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectMedicalProfessionalPersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Medical Professional Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepMedicalProfessionalPersonalInfoComponent = injectIntl(\n  StepMedicalProfessionalPersonalInfo,\n);\n"],"mappings":"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"}