@sheerid/jslib 2.249.0 → 2.250.0

package/chunk/StepAgePersonalInfo-BPeMAudS.js

@@ -0,0 +1,166 @@
+
+/**
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
+ */
+import { Bt as e, K as t, Mn as n, Rt as r, V as i, Y as a, an as o, et as s, gt as c, j as l, kn as u, r as d, rn as f, sn as p, wn as m, z as h } from "../sheerid.js";
+import { t as g } from "./useCollectFieldsEndpoint-BEwU2IXN.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-DtcFKhJ1.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-DL0Qjm6T.js";
+import { t as T } from "./BirthDateComponent-CMfd5EBF.js";
+import { t as E } from "./PostalCodeComponent-BAMN5oNJ.js";
+import { t as D } from "./CountryComponentWrapper-CASuw2te.js";
+import { t as O } from "./City-DcsZCOpS.js";
+import { t as k } from "./AddressComponent-ZIF4nAg6.js";
+import { t as A } from "./ExtraMessage-BKREmfl_.js";
+import { t as j } from "./ChangeLocaleComponent-C506fsyP.js";
+import { t as M } from "./PersonalInfoStepWrapper-BoM-u8Vg.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var N = /* @__PURE__ */ n(u(), 1), P = r(), F = o(({ verificationService: n, intl: r }) => {
+	let o = n.viewModel, { fieldValidationErrors: u } = n, F = n.verificationResponse, I = c(F), L = p(() => o.countryChoice.value, h(l(n.programTheme, r)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || n.programTheme.isSmsNotifierConfigured || n.programTheme.smsLoopEnabled, B = L !== "US" || n.programTheme.smsLoopEnabled, V = o.localeChoice.value, H = e();
+	!u.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
+		...u,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let U = (e, t) => {
+		let r = a(o, e, t);
+		n.updateViewModel(r);
+	}, { isFieldRequired: W } = g({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: o,
+		defaultRequiredFields: R
+	});
+	return N.useEffect(() => {
+		s("phoneNumber", o.phoneNumber, n);
+	}, [o.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
+		verificationService: n,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(d, {
+				verificationService: n,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: n }),
+			/* @__PURE__ */ (0, P.jsx)(D, {
+				verificationService: n,
+				disabled: i("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, P.jsx)(_, {
+					value: o.firstName,
+					isErrored: !!u.firstName,
+					disabled: i("firstName")?.disabled,
+					onChange: (e) => {
+						U("firstName", e), s("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, P.jsx)(v, {
+					value: o.lastName,
+					isErrored: !!u.lastName,
+					disabled: i("lastName")?.disabled,
+					onChange: (e) => {
+						U("lastName", e), s("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, P.jsx)(T, {
+				errorId: u.birthDate,
+				locale: V,
+				onChange: (e) => {
+					U("birthDate", e), s("birthDate", e, n);
+				},
+				value: o.birthDate,
+				disabled: i("birthDate")?.disabled
+			}),
+			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
+				value: o.city,
+				isRequired: !0,
+				isErrored: !!u.city,
+				errorId: u.city,
+				disabled: i("city")?.disabled,
+				onChange: (e) => {
+					U("city", e), s("city", e, n);
+				}
+			}),
+			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
+				value: o.address1,
+				isRequired: !0,
+				isErrored: !!u.address1,
+				errorId: u.address1,
+				onChange: (e) => {
+					U("address1", e), s("address1", e, n);
+				}
+			}),
+			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
+				isErrored: !!u.postalCode,
+				onChange: (e) => {
+					U("postalCode", e), s("postalCode", e, n);
+				},
+				value: o.postalCode,
+				disabled: i("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(C, {
+				value: o.email,
+				isErrored: !!u.email,
+				explanation: /* @__PURE__ */ (0, P.jsx)(f, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					U("email", e), s("email", e, n);
+				},
+				onKeyDown: (e) => t(e),
+				disabled: i("email")?.disabled
+			}),
+			z ? /* @__PURE__ */ (0, P.jsx)(b, {
+				isRequired: B,
+				value: o.phoneNumber,
+				isErrored: !!u.phoneNumber,
+				onChange: (e) => {
+					U("phoneNumber", e), s("phoneNumber", e, n);
+				},
+				selectedCountryCode: o.countryChoice && o.countryChoice.value,
+				disabled: i("phoneNumber")?.disabled
+			}) : null,
+			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
+				config: e,
+				verificationService: n
+			})),
+			/* @__PURE__ */ (0, P.jsx)(x, {
+				verificationService: n,
+				isErrored: !!u.marketConsentValue,
+				onChange: (e) => {
+					U("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), s("marketConsentValue", e, n);
+				},
+				viewModel: o,
+				disabled: i("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(A, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(S, {
+				verificationService: n,
+				isErrored: !!u.captchaToken
+			}),
+			/* @__PURE__ */ (0, P.jsx)(w, {
+				step: m.collectAgePersonalInfo,
+				verificationService: n,
+				viewModel: o,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, P.jsx)(f, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { F as default };

package/chunk/{StepAgePersonalInfo-Bi-QeGX8.js.map → StepAgePersonalInfo-BPeMAudS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-Bi-QeGX8.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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 StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"mappings":"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"}
+{"version":3,"file":"StepAgePersonalInfo-BPeMAudS.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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 StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"mappings":"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"}

package/chunk/StepAgePersonalInfo-ChwZMKcL.js

@@ -0,0 +1,170 @@
+
+/**
+ *   WARNING: This file is intended to be used within MySheerID.
+ *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
+ */ 
+/**
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922524478
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
+ */
+import { $ as e, A as t, B as n, Dn as r, Et as i, G as a, J as o, Mn as s, R as c, Tn as l, Yt as u, _t as d, bt as f, n as p, nn as m, vt as h } from "../_mysheerid-preview.js";
+import { t as g } from "./useCollectFieldsEndpoint-CvOWXfx8.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-D9qU6ygz.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-COTSMNng.js";
+import { t as T } from "./BirthDateComponent-qIJ6VyBN.js";
+import { t as E } from "./PostalCodeComponent-BoviWgTs.js";
+import { t as D } from "./CountryComponentWrapper-hbHOWlgu.js";
+import { t as O } from "./City-Ci2TwR7A.js";
+import { t as k } from "./AddressComponent-CmVyKqXc.js";
+import { t as A } from "./ExtraMessage-BF7WCgKF.js";
+import { t as j } from "./ChangeLocaleComponent-D56onLa2.js";
+import { t as M } from "./PersonalInfoStepWrapper-DgxBk5YC.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var N = /* @__PURE__ */ s(m(), 1), P = d(), F = f(({ verificationService: s, intl: d }) => {
+	let f = s.viewModel, { fieldValidationErrors: m } = s, F = s.verificationResponse, I = i(F), L = r(() => f.countryChoice.value, c(t(s.programTheme, d)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || s.programTheme.isSmsNotifierConfigured || s.programTheme.smsLoopEnabled, B = L !== "US" || s.programTheme.smsLoopEnabled, V = f.localeChoice.value, H = u();
+	!m.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && s.updateFieldValidationErrors({
+		...m,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let U = (e, t) => {
+		let n = o(f, e, t);
+		s.updateViewModel(n);
+	}, { isFieldRequired: W } = g({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: f,
+		defaultRequiredFields: R
+	});
+	return N.useEffect(() => {
+		e("phoneNumber", f.phoneNumber, s);
+	}, [f.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
+		verificationService: s,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(p, {
+				verificationService: s,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: s }),
+			/* @__PURE__ */ (0, P.jsx)(D, {
+				verificationService: s,
+				disabled: n("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, P.jsx)(_, {
+					value: f.firstName,
+					isErrored: !!m.firstName,
+					disabled: n("firstName")?.disabled,
+					onChange: (t) => {
+						U("firstName", t), e("firstName", t, s);
+					}
+				}), /* @__PURE__ */ (0, P.jsx)(v, {
+					value: f.lastName,
+					isErrored: !!m.lastName,
+					disabled: n("lastName")?.disabled,
+					onChange: (t) => {
+						U("lastName", t), e("lastName", t, s);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, P.jsx)(T, {
+				errorId: m.birthDate,
+				locale: V,
+				onChange: (t) => {
+					U("birthDate", t), e("birthDate", t, s);
+				},
+				value: f.birthDate,
+				disabled: n("birthDate")?.disabled
+			}),
+			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
+				value: f.city,
+				isRequired: !0,
+				isErrored: !!m.city,
+				errorId: m.city,
+				disabled: n("city")?.disabled,
+				onChange: (t) => {
+					U("city", t), e("city", t, s);
+				}
+			}),
+			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
+				value: f.address1,
+				isRequired: !0,
+				isErrored: !!m.address1,
+				errorId: m.address1,
+				onChange: (t) => {
+					U("address1", t), e("address1", t, s);
+				}
+			}),
+			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
+				isErrored: !!m.postalCode,
+				onChange: (t) => {
+					U("postalCode", t), e("postalCode", t, s);
+				},
+				value: f.postalCode,
+				disabled: n("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(C, {
+				value: f.email,
+				isErrored: !!m.email,
+				explanation: /* @__PURE__ */ (0, P.jsx)(h, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (t) => {
+					U("email", t), e("email", t, s);
+				},
+				onKeyDown: (e) => a(e),
+				disabled: n("email")?.disabled
+			}),
+			z ? /* @__PURE__ */ (0, P.jsx)(b, {
+				isRequired: B,
+				value: f.phoneNumber,
+				isErrored: !!m.phoneNumber,
+				onChange: (t) => {
+					U("phoneNumber", t), e("phoneNumber", t, s);
+				},
+				selectedCountryCode: f.countryChoice && f.countryChoice.value,
+				disabled: n("phoneNumber")?.disabled
+			}) : null,
+			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
+				config: e,
+				verificationService: s
+			})),
+			/* @__PURE__ */ (0, P.jsx)(x, {
+				verificationService: s,
+				isErrored: !!m.marketConsentValue,
+				onChange: (t) => {
+					U("metadata", {
+						...s.viewModel.metadata,
+						marketConsentValue: t
+					}), e("marketConsentValue", t, s);
+				},
+				viewModel: f,
+				disabled: n("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(A, {
+				verificationService: s,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(S, {
+				verificationService: s,
+				isErrored: !!m.captchaToken
+			}),
+			/* @__PURE__ */ (0, P.jsx)(w, {
+				step: l.collectAgePersonalInfo,
+				verificationService: s,
+				viewModel: f,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, P.jsx)(h, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { F as default };

package/chunk/{StepAgePersonalInfo-CQBDmfRF.js.map → StepAgePersonalInfo-ChwZMKcL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-CQBDmfRF.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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 StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"mappings":"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"}
+{"version":3,"file":"StepAgePersonalInfo-ChwZMKcL.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["/**\n * TODO - preamble\n */\nimport React from \"react\";\nimport { FormattedHTMLMessage, type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type AgePersonalInfoViewModel,\n  type AgePersonalInfoResponse,\n  type FormSelectChoice,\n  type Country,\n  type FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  getAvailableCountryChoices,\n  getDefaultCountryChoice,\n  produceDraftViewModel,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\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 { PostalCodeComponent as PostalCode } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\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 StepAgePersonalInfoComponentProps {\n  intl: InjectedIntl;\n  verificationService: VerificationService;\n}\n\nconst StepAgePersonalInfo = ({ verificationService, intl }: StepAgePersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as AgePersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as AgePersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n  const countryChoices: FormSelectChoice<Country, string>[] = getAvailableCountryChoices(\n    verificationService.programTheme,\n    intl,\n  );\n  const defaultCountryChoice: FormSelectChoice<Country, string> =\n    getDefaultCountryChoice(countryChoices);\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice.value);\n  const defaultRequiredFields: FieldDescription[] =\n    safeCountryValue === \"US\" ? [{ key: \"postalCode\" }] : [];\n\n  // PhoneNumber is required for all non-US age programs and if smsLoop is enabled.\n  const showPhoneNumber =\n    safeCountryValue !== \"US\" ||\n    verificationService.programTheme.isSmsNotifierConfigured ||\n    verificationService.programTheme.smsLoopEnabled;\n  const phoneNumberRequired =\n    safeCountryValue !== \"US\" || verificationService.programTheme.smsLoopEnabled;\n\n  const locale = viewModel.localeChoice.value;\n  const options = getOptions();\n\n  if (\n    !fieldValidationErrors.phoneNumber &&\n    verificationResponse.errorIds &&\n    verificationResponse.errorIds.includes(\"invalidPhoneNumber\")\n  ) {\n    verificationService.updateFieldValidationErrors({\n      ...fieldValidationErrors,\n      phoneNumber: \"invalidPhoneNumber\",\n    });\n  }\n\n  const updateAgeViewModel = (key: keyof AgePersonalInfoViewModel, value: any) => {\n    const nextState: AgePersonalInfoViewModel = produceDraftViewModel(viewModel, key, value);\n    verificationService.updateViewModel(nextState);\n  };\n\n  const { isFieldRequired } = useCollectFieldsEndpoint({\n    verificationId: verificationResponse.verificationId,\n    currentStep: verificationResponse.currentStep,\n    viewModel,\n    defaultRequiredFields,\n  });\n\n  React.useEffect(() => {\n    // When country changes re-check the phone number validation\n    updateFieldValidationErrorsByFieldId(\"phoneNumber\", viewModel.phoneNumber, verificationService);\n  }, [viewModel.country]);\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader verificationService={verificationService} classNameIdentifier=\"age\" />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.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            updateAgeViewModel(\"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            updateAgeViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n      <BirthDate\n        errorId={fieldValidationErrors.birthDate}\n        locale={locale}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"birthDate\", newValue);\n          updateFieldValidationErrorsByFieldId(\"birthDate\", newValue, verificationService);\n        }}\n        value={viewModel.birthDate}\n        disabled={getFieldConfigByFieldId(\"birthDate\")?.disabled}\n      />\n      {isFieldRequired(\"city\") && (\n        <CityComponent\n          value={viewModel.city}\n          isRequired\n          isErrored={!!fieldValidationErrors.city}\n          errorId={fieldValidationErrors.city}\n          disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          onChange={(value) => {\n            updateAgeViewModel(\"city\", value);\n            updateFieldValidationErrorsByFieldId(\"city\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"address1\") && (\n        <AddressComponent\n          value={viewModel.address1}\n          isRequired\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(value) => {\n            updateAgeViewModel(\"address1\", value);\n            updateFieldValidationErrorsByFieldId(\"address1\", value, verificationService);\n          }}\n        />\n      )}\n      {isFieldRequired(\"postalCode\") && (\n        <PostalCode\n          isErrored={!!fieldValidationErrors.postalCode}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"postalCode\", newValue);\n            updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n          }}\n          value={viewModel.postalCode}\n          disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n        />\n      )}\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={<FormattedHTMLMessage id=\"emailExplanation\" defaultMessage=\" \" />}\n        onChange={(newValue) => {\n          updateAgeViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n\n      {showPhoneNumber ? (\n        <PhoneNumber\n          isRequired={phoneNumberRequired}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateAgeViewModel(\"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          updateAgeViewModel(\"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      <CaptchaComponent\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.captchaToken}\n      />\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectAgePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        failedInstantMatch={failedInstantMatch}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify and continue\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\nexport const StepAgePersonalInfoComponent = injectIntl(StepAgePersonalInfo);\n"],"mappings":";;;;;;;;;;;;;4CA6Pa,IAA+B,GAxMf,EAAE,wBAAqB,cAA8C;CAChG,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAO/D,IAAmB,QAAc,EAAU,cAAc,OAD7D,EAL0D,EAC1D,EAAoB,cACpB,CAGwB,CAC4C,EAAqB,KAAK,GAC1F,IACJ,MAAqB,OAAO,CAAC,EAAE,KAAK,aAAa,CAAC,IAAI,CAAC,GAGnD,IACJ,MAAqB,QACrB,EAAoB,aAAa,2BACjC,EAAoB,aAAa,gBAC7B,IACJ,MAAqB,QAAQ,EAAoB,aAAa,gBAE1D,IAAS,EAAU,aAAa,OAChC,IAAU,EAAW;CAE3B,AACE,CAAC,EAAsB,eACvB,EAAqB,YACrB,EAAqB,SAAS,SAAS,oBAAoB,KAE3D,EAAoB,4BAA4B;EAC9C,GAAG;EACH,aAAa;CACf,CAAC;CAGH,IAAM,KAAsB,GAAqC,MAAe;EAC9E,IAAM,IAAsC,EAAsB,GAAW,GAAK,CAAK;EACvF,EAAoB,gBAAgB,CAAS;CAC/C,GAEM,EAAE,uBAAoB,EAAyB;EACnD,gBAAgB,EAAqB;EACrC,aAAa,EAAqB;EAClC;EACA;CACF,CAAC;CAOD,OALA,EAAM,gBAAgB;EAEpB,EAAqC,eAAe,EAAU,aAAa,CAAmB;CAChG,GAAG,CAAC,EAAU,OAAO,CAAC,GAGpB,iBAAA,GAAA,EAAA,MAAC,GAAD;EACuB;EACrB,MAAM,EAAqB;YAF7B;GAIE,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAyC;IAAqB,qBAAoB;GAAO,CAAA;GAEzF,iBAAA,GAAA,EAAA,KAAC,GAAD,EAA8C,uBAAsB,CAAA;GACpE,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,UAAU,EAAwB,SAAS,GAAG;GAC/C,CAAA;GAED,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,UAAU,EAAwB,WAAW,GAAG;KAChD,WAAW,MAAa;MAEtB,AADA,EAAmB,aAAa,CAAQ,GACxC,EAAqC,aAAa,GAAU,CAAmB;KACjF;IACD,CAAA,GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,UAAU,EAAwB,UAAU,GAAG;KAC/C,WAAW,MAAa;MAEtB,AADA,EAAmB,YAAY,CAAQ,GACvC,EAAqC,YAAY,GAAU,CAAmB;KAChF;IACD,CAAA,CACE;;GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,SAAS,EAAsB;IACvB;IACR,WAAW,MAAa;KAEtB,AADA,EAAmB,aAAa,CAAQ,GACxC,EAAqC,aAAa,GAAU,CAAmB;IACjF;IACA,OAAO,EAAU;IACjB,UAAU,EAAwB,WAAW,GAAG;GACjD,CAAA;GACA,EAAgB,MAAM,KACrB,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,YAAA;IACA,WAAW,CAAC,CAAC,EAAsB;IACnC,SAAS,EAAsB;IAC/B,UAAU,EAAwB,MAAM,GAAG;IAC3C,WAAW,MAAU;KAEnB,AADA,EAAmB,QAAQ,CAAK,GAChC,EAAqC,QAAQ,GAAO,CAAmB;IACzE;GACD,CAAA;GAEF,EAAgB,UAAU,KACzB,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,YAAA;IACA,WAAW,CAAC,CAAC,EAAsB;IACnC,SAAS,EAAsB;IAC/B,WAAW,MAAU;KAEnB,AADA,EAAmB,YAAY,CAAK,GACpC,EAAqC,YAAY,GAAO,CAAmB;IAC7E;GACD,CAAA;GAEF,EAAgB,YAAY,KAC3B,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,WAAW,CAAC,CAAC,EAAsB;IACnC,WAAW,MAAa;KAEtB,AADA,EAAmB,cAAc,CAAQ,GACzC,EAAqC,cAAc,GAAU,CAAmB;IAClF;IACA,OAAO,EAAU;IACjB,UAAU,EAAwB,YAAY,GAAG;GAClD,CAAA;GAEH,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,aAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;KAAsB,IAAG;KAAmB,gBAAe;IAAK,CAAA;IAC7E,WAAW,MAAa;KAEtB,AADA,EAAmB,SAAS,CAAQ,GACpC,EAAqC,SAAS,GAAU,CAAmB;IAC7E;IACA,YAAY,MAAU,EAAqB,CAAK;IAChD,UAAU,EAAwB,OAAO,GAAG;GAC7C,CAAA;GAEA,IACC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,YAAY;IACZ,OAAO,EAAU;IACjB,WAAW,CAAC,CAAC,EAAsB;IACnC,WAAW,MAAa;KAEtB,AADA,EAAmB,eAAe,CAAQ,GAC1C,EAAqC,eAAe,GAAU,CAAmB;IACnF;IACA,qBAAqB,EAAU,iBAAiB,EAAU,cAAc;IACxE,UAAU,EAAwB,aAAa,GAAG;GACnD,CAAA,IACC;GAEH,EAAQ,iBAAiB,KAAK,MAC7B,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAyB;IAA6B;GAAsB,CAAA,CAC7E;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,WAAW,CAAC,CAAC,EAAsB;IACnC,WAAW,MAAa;KAKtB,AAJA,EAAmB,YAAY;MAC7B,GAAG,EAAoB,UAAU;MACjC,oBAAoB;KACtB,CAAC,GACD,EAAqC,sBAAsB,GAAU,CAAmB;IAC1F;IACW;IACX,UAAU,EAAwB,oBAAoB,GAAG;GAC1D,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAmC;IAAqB,QAAO;GAAsB,CAAA;GAErF,iBAAA,GAAA,EAAA,KAAC,GAAD;IACuB;IACrB,WAAW,CAAC,CAAC,EAAsB;GACpC,CAAA;GACD,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM,EAAsB;IACP;IACV;IACS;IACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,IAAG;KACH,gBAAe;IAChB,CAAA;GAEJ,CAAA;EACkB;;AAEzB,CAE0E"}

package/chunk/StepCard-B06reTxD.js

@@ -1,9 +1,9 @@
 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520953730
- *   BUILD_DATE: Sat Jun 27 2026 00:42:33 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
 import { Rt as e } from "../sheerid.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx

package/chunk/StepCard-Bypd7Dt8.js

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520958289
- *   BUILD_DATE: Sat Jun 27 2026 00:42:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922524478
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
 import { _t as e } from "../_mysheerid-preview.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx

package/chunk/{StepCollectIdentifier-BHAvn2O0.js → StepCollectIdentifier-DuKdS-j5.js}

@@ -1,19 +1,19 @@
 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520953730
- *   BUILD_DATE: Sat Jun 27 2026 00:42:33 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { $ as e, G as t, Rt as n, Tn as r, Vt as i, gt as a, in as o, n as s, ot as c } from "../sheerid.js";
-import { n as l, t as u } from "./PersonalInfoStepSubmitButton-C2E_vI6h.js";
+import { K as e, Rt as t, Vt as n, et as r, gt as i, r as a, rn as o, st as s, wn as c } from "../sheerid.js";
+import { n as l, t as u } from "./PersonalInfoStepSubmitButton-DL0Qjm6T.js";
 //#region src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx
-var d = n(), f = ({ verificationService: n }) => {
-	let f = n.viewModel, { fieldValidationErrors: p } = n, m = n.verificationResponse, h = a(m), g = (e, t) => {
-		let r = i(f, (n) => {
-			n[e] = t;
+var d = t(), f = ({ verificationService: t }) => {
+	let f = t.viewModel, { fieldValidationErrors: p } = t, m = t.verificationResponse, h = i(m), g = (e, r) => {
+		let i = n(f, (t) => {
+			t[e] = r;
 		});
-		n.updateViewModel(r);
+		t.updateViewModel(i);
 	};
 	return /* @__PURE__ */ (0, d.jsxs)("div", {
 		id: "sid-step-collect-transaction-id",
@@ -21,8 +21,8 @@ var d = n(), f = ({ verificationService: n }) => {
 		children: [/* @__PURE__ */ (0, d.jsxs)("div", {
 			role: "main",
 			children: [
-				/* @__PURE__ */ (0, d.jsx)(s, {
-					verificationService: n,
+				/* @__PURE__ */ (0, d.jsx)(a, {
+					verificationService: t,
 					classNameIdentifier: "step-collect-transaction-id"
 				}),
 				/* @__PURE__ */ (0, d.jsx)(l, {
@@ -32,14 +32,14 @@ var d = n(), f = ({ verificationService: n }) => {
 						id: "step.collectIdentifier.inputExplanation",
 						defaultMessage: "Needed to send authentication code"
 					}),
-					onChange: (t) => {
-						g("email", t), e("email", t, n);
+					onChange: (e) => {
+						g("email", e), r("email", e, t);
 					},
-					onKeyDown: (e) => t(e)
+					onKeyDown: (t) => e(t)
 				}),
 				/* @__PURE__ */ (0, d.jsx)(u, {
-					step: r.collectIdentifier,
-					verificationService: n,
+					step: c.collectIdentifier,
+					verificationService: t,
 					viewModel: f,
 					failedInstantMatch: h,
 					buttonText: /* @__PURE__ */ (0, d.jsx)(o, {
@@ -48,7 +48,7 @@ var d = n(), f = ({ verificationService: n }) => {
 					})
 				})
 			]
-		}), /* @__PURE__ */ (0, d.jsx)(c, { verificationService: n })]
+		}), /* @__PURE__ */ (0, d.jsx)(s, { verificationService: t })]
 	});
 };
 //#endregion

package/chunk/{StepCollectIdentifier-BHAvn2O0.js.map → StepCollectIdentifier-DuKdS-j5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCollectIdentifier-BHAvn2O0.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type CollectIdentifierViewModel,\n  type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n  verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n  const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n    const nextState: CollectIdentifierViewModel = produce(\n      viewModel,\n      (draft: CollectIdentifierViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <div\n      id=\"sid-step-collect-transaction-id\"\n      className=\"sid-step-collect-transaction-id-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"step-collect-transaction-id\"\n        />\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"step.collectIdentifier.inputExplanation\"\n              defaultMessage=\"Needed to send authentication code\"\n            />\n          }\n          onChange={(newValue) => {\n            updateCollectIdentifierViewmodel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectIdentifier}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}
+{"version":3,"file":"StepCollectIdentifier-DuKdS-j5.js","names":[],"sources":["../../src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { hasFailedInstantMatch } from \"../../lib/VerificationService/VerificationServiceHelpers\";\nimport {\n  type VerificationService,\n  type CollectIdentifierViewModel,\n  type PersonalInfoResponse,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { PersonalInfoHeader } from \"../FormHeader/StepHeaders/PersonalInfoHeaderComponent\";\nimport { PersonalInfoStepSubmitButton } from \"../PersonalInfoStepSubmitButton/PersonalInfoStepSubmitButton\";\n\ninterface StepCollectIdentifierProps {\n  verificationService: VerificationService;\n}\n\nconst StepCollectIdentifier = ({ verificationService }: StepCollectIdentifierProps) => {\n  const viewModel = verificationService.viewModel as CollectIdentifierViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const verificationResponse = verificationService.verificationResponse as PersonalInfoResponse;\n  const failedInstantMatch = hasFailedInstantMatch(verificationResponse);\n\n  const updateCollectIdentifierViewmodel = (key: keyof CollectIdentifierViewModel, value: any) => {\n    const nextState: CollectIdentifierViewModel = produce(\n      viewModel,\n      (draft: CollectIdentifierViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <div\n      id=\"sid-step-collect-transaction-id\"\n      className=\"sid-step-collect-transaction-id-container sid-l-container\"\n    >\n      <div role=\"main\">\n        <PersonalInfoHeader\n          verificationService={verificationService}\n          classNameIdentifier=\"step-collect-transaction-id\"\n        />\n\n        <Email\n          value={viewModel.email}\n          isErrored={!!fieldValidationErrors.email}\n          explanation={\n            <FormattedHTMLMessage\n              id=\"step.collectIdentifier.inputExplanation\"\n              defaultMessage=\"Needed to send authentication code\"\n            />\n          }\n          onChange={(newValue) => {\n            updateCollectIdentifierViewmodel(\"email\", newValue);\n            updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n          }}\n          onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => handleEmailOnKeyDown(event)}\n        />\n\n        <PersonalInfoStepSubmitButton\n          step={VerificationStepsEnum.collectIdentifier}\n          verificationService={verificationService}\n          viewModel={viewModel}\n          failedInstantMatch={failedInstantMatch}\n          buttonText={\n            <FormattedHTMLMessage\n              id=\"step.personalInfo.submitButtonText\"\n              defaultMessage=\"Verify and continue\"\n            />\n          }\n        />\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </div>\n  );\n};\n\nexport const StepCollectIdentifierComponent = StepCollectIdentifier;\n"],"mappings":";;;aAqFa,KA7DkB,EAAE,6BAAsD;CACrF,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAE/D,KAAoC,GAAuC,MAAe;EAC9F,IAAM,IAAwC,EAC5C,IACC,MAAsC;GACrC,EAAO,KAAe;EACxB,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,IAAG;EACH,WAAU;YAFZ,CAIE,iBAAA,GAAA,EAAA,MAAC,OAAD;GAAK,MAAK;aAAV;IACE,iBAAA,GAAA,EAAA,KAAC,GAAD;KACuB;KACrB,qBAAoB;IACrB,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,OAAO,EAAU;KACjB,WAAW,CAAC,CAAC,EAAsB;KACnC,aACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;KAEH,WAAW,MAAa;MAEtB,AADA,EAAiC,SAAS,CAAQ,GAClD,EAAqC,SAAS,GAAU,CAAmB;KAC7E;KACA,YAAY,MAAiD,EAAqB,CAAK;IACxF,CAAA;IAED,iBAAA,GAAA,EAAA,KAAC,GAAD;KACE,MAAM,EAAsB;KACP;KACV;KACS;KACpB,YACE,iBAAA,GAAA,EAAA,KAAC,GAAD;MACE,IAAG;MACH,gBAAe;KAChB,CAAA;IAEJ,CAAA;GACE;MACL,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAiC,uBAAsB,CAAA,CACpD;;AAET"}