@sheerid/jslib 2.275.0 → 2.277.0

package/chunk/{StatusComponent-DFtcHMpS.js → StatusComponent-BxQNsHYs.js}

@@ -4,25 +4,25 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.275.0
- *   BUILD_TIMESTAMP: 1787352276442
- *   BUILD_DATE: Fri Aug 21 2026 22:44:36 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Jt as e } from "./intl-TN1Dianl.js";
-import { a as t, c as n, n as r, t as i } from "./jsx-runtime-QRCZ6ZTK.js";
-import { u as a } from "./stepComponentHelpers-DeWac6nj.js";
-import { t as o } from "./FormFieldInputSelect-ChTWVZ0h.js";
+import { Wt as e } from "./intl-e5WHiYfA.js";
+import { a as t, c as n, n as r, t as i } from "./jsx-runtime-LqzCS-0D.js";
+import { a } from "./stepComponentHelpers-BdqtwfRd.js";
+import { t as o } from "./FormFieldInputSelect-Cl4QZ12h.js";
 //#region src/components/FormFields/Status/StatusComponent.tsx
 var s = /* @__PURE__ */ e(n(), 1), c = i(), l = t(({ value: e, isErrored: t, errorId: n = "invalidStatus", options: i, onChange: l, intl: u, placeholder: d = "", onKeyDown: f = void 0, segmentId: p, disabled: m = !1, label: h = /* @__PURE__ */ (0, c.jsx)(r, {
 	id: "status",
 	defaultMessage: "Status"
-}) }) => {
-	let g = `${p}-status`, _ = i.length === 1, v = a("status")?.hidden || a("statuses")?.hidden;
+}), explanation: g = void 0 }) => {
+	let _ = `${p}-status`, v = i.length === 1, y = a("status")?.hidden || a("statuses")?.hidden, b = v ? i[0] : void 0, x = e?.value;
 	return s.useEffect(() => {
-		_ && l(i[0]);
-	}, []), _ || v ? null : /* @__PURE__ */ (0, c.jsx)(o, {
-		fieldId: g,
+		b && x !== b.value && l(b);
+	}, [b?.value, x]), v || y ? null : /* @__PURE__ */ (0, c.jsx)(o, {
+		fieldId: _,
 		options: i,
 		onChange: (e) => l(e),
 		onKeyDown: f,
@@ -33,9 +33,10 @@ var s = /* @__PURE__ */ e(n(), 1), c = i(), l = t(({ value: e, isErrored: t, err
 		}),
 		showPlaceholderAndHideLabel: !!d,
 		isRequired: !0,
-		containerId: `sid-${g}`,
+		containerId: `sid-${_}`,
 		label: h,
 		disabled: m,
+		explanation: g,
 		errorMessage: t && /* @__PURE__ */ (0, c.jsx)(r, {
 			id: `errorId.${n}`,
 			defaultMessage: `Invalid ${p} status`

package/chunk/StatusComponent-BxQNsHYs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusComponent-BxQNsHYs.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\ninterface StatusComponentProps<T = FormSelectChoice> extends InputSelectComponentProps<T> {\n  segmentId: string;\n  errorId?: string;\n  explanation?: string | JSX.Element;\n}\n\nexport const Status = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  intl,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const inputId = `${segmentId}-status`;\n  const hasOnlyOneOption = options.length === 1;\n  const isFieldHidden =\n    getFieldConfigByFieldId(\"status\")?.hidden || getFieldConfigByFieldId(\"statuses\")?.hidden;\n\n  // Auto select a status if there is only one option. Available statuses can\n  // change after initial render.\n  // Uses values instead of arrays for stable identities.\n  const onlyOption = hasOnlyOneOption ? options[0] : undefined;\n  const selectedValue = value?.value;\n  React.useEffect(() => {\n    if (onlyOption && selectedValue !== onlyOption.value) {\n      onChange(onlyOption);\n    }\n  }, [onlyOption?.value, selectedValue]);\n\n  if (hasOnlyOneOption || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(status: FormSelectChoice) => onChange(status)}\n      onKeyDown={onKeyDown}\n      value={options.find((option) => option.value === (value && value.value))}\n      placeholder={\n        placeholder || intl.formatHTMLMessage({ id: \"statusPlaceholder\", defaultMessage: \"Status\" })\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      isRequired\n      containerId={`sid-${inputId}`}\n      label={label}\n      disabled={disabled}\n      explanation={explanation}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id={`errorId.${errorId}`}\n            defaultMessage={`Invalid ${segmentId} status`}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport const StatusComponent = injectIntl(Status);\n"],"mappings":";;;;;4CA4Ea,IAAkB,GA9DR,EACrB,UACA,cACA,aAAU,iBACV,YACA,aACA,SACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAA,EAAA,KAAC,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,IAAU,GAAG,EAAU,UACvB,IAAmB,EAAQ,WAAW,GACtC,IACJ,EAAwB,QAAQ,GAAG,UAAU,EAAwB,UAAU,GAAG,QAK9E,IAAa,IAAmB,EAAQ,KAAK,KAAA,GAC7C,IAAgB,GAAO;CAW7B,OAVA,EAAM,gBAAgB;EACpB,AAAI,KAAc,MAAkB,EAAW,SAC7C,EAAS,CAAU;CAEvB,GAAG,CAAC,GAAY,OAAO,CAAa,CAAC,GAEjC,KAAoB,IACf,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACA;EACT,WAAW,MAA6B,EAAS,CAAM;EAC5C;EACX,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EACvE,aACE,KAAe,EAAK,kBAAkB;GAAE,IAAI;GAAqB,gBAAgB;EAAS,CAAC;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,YAAA;EACA,aAAa,OAAO;EACb;EACG;EACG;EACb,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAI,WAAW;GACf,gBAAgB,WAAW,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL,CAEgD"}

package/chunk/StepAgePersonalInfo-BOnOqXxm.js

@@ -0,0 +1,174 @@
+
+/**
+ *   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.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
+ */
+import { Nt as e, Rt as t, Wt as n, s as r } from "./intl-e5WHiYfA.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-LqzCS-0D.js";
+import { O as c } from "./FormFooterComponent-CaOt9TQw.js";
+import { t as l } from "../_mysheerid-preview.js";
+import { t as u } from "./useCollectFieldsEndpoint-D7OQBDpX.js";
+import { a as d, i as f, p, t as m, u as h, v as g } from "./stepComponentHelpers-BdqtwfRd.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-CCq7YSum.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-D_Y9q0Iy.js";
+import { t as T } from "./BirthDateComponent-MZDnneXy.js";
+import { t as E } from "./PostalCodeComponent-BhBBSAL-.js";
+import { t as D } from "./CountryComponentWrapper-DeR9PrA2.js";
+import { t as O } from "./City-CUVEjTrI.js";
+import { t as k } from "./AddressComponent-C3iwf09x.js";
+import { t as A } from "./ExtraMessage-PLTUBdhw.js";
+import { t as j } from "./ChangeLocaleComponent-CKKK4OcA.js";
+import { t as M } from "./PersonalInfoStepWrapper-Dsb0Qcv5.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var N = /* @__PURE__ */ n(a(), 1), P = s(), F = i(({ verificationService: n, intl: i }) => {
+	let a = n.viewModel, { fieldValidationErrors: s } = n, F = n.verificationResponse, I = c(F), L = t(() => a.countryChoice.value, f(m(n.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || n.programTheme.isSmsNotifierConfigured || n.programTheme.smsLoopEnabled, B = L !== "US" || n.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
+	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
+		...s,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let U = (e, t) => {
+		let r = p(a, e, t);
+		n.updateViewModel(r);
+	}, { isFieldRequired: W } = u({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: a,
+		defaultRequiredFields: R
+	});
+	return N.useEffect(() => {
+		g("phoneNumber", a.phoneNumber, n);
+	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
+		verificationService: n,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, P.jsx)(l, {
+				verificationService: n,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: n }),
+			/* @__PURE__ */ (0, P.jsx)(D, {
+				verificationService: n,
+				disabled: d("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, P.jsx)(_, {
+					value: a.firstName,
+					isErrored: !!s.firstName,
+					disabled: d("firstName")?.disabled,
+					onChange: (e) => {
+						U("firstName", e), g("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, P.jsx)(v, {
+					value: a.lastName,
+					isErrored: !!s.lastName,
+					disabled: d("lastName")?.disabled,
+					onChange: (e) => {
+						U("lastName", e), g("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, P.jsx)(T, {
+				errorId: s.birthDate,
+				locale: V,
+				onChange: (e) => {
+					U("birthDate", e), g("birthDate", e, n);
+				},
+				value: a.birthDate,
+				disabled: d("birthDate")?.disabled
+			}),
+			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
+				value: a.city,
+				isRequired: !0,
+				isErrored: !!s.city,
+				errorId: s.city,
+				disabled: d("city")?.disabled,
+				onChange: (e) => {
+					U("city", e), g("city", e, n);
+				}
+			}),
+			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
+				value: a.address1,
+				isRequired: !0,
+				isErrored: !!s.address1,
+				errorId: s.address1,
+				onChange: (e) => {
+					U("address1", e), g("address1", e, n);
+				}
+			}),
+			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
+				isErrored: !!s.postalCode,
+				onChange: (e) => {
+					U("postalCode", e), g("postalCode", e, n);
+				},
+				value: a.postalCode,
+				disabled: d("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(C, {
+				value: a.email,
+				isErrored: !!s.email,
+				explanation: /* @__PURE__ */ (0, P.jsx)(o, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					U("email", e), g("email", e, n);
+				},
+				onKeyDown: (e) => h(e),
+				disabled: d("email")?.disabled
+			}),
+			z ? /* @__PURE__ */ (0, P.jsx)(b, {
+				isRequired: B,
+				value: a.phoneNumber,
+				isErrored: !!s.phoneNumber,
+				onChange: (e) => {
+					U("phoneNumber", e), g("phoneNumber", e, n);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value,
+				disabled: d("phoneNumber")?.disabled
+			}) : null,
+			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
+				config: e,
+				verificationService: n
+			})),
+			/* @__PURE__ */ (0, P.jsx)(x, {
+				verificationService: n,
+				isErrored: !!s.marketConsentValue,
+				onChange: (e) => {
+					U("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), g("marketConsentValue", e, n);
+				},
+				viewModel: a,
+				disabled: d("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, P.jsx)(A, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, P.jsx)(S, {
+				verificationService: n,
+				isErrored: !!s.captchaToken
+			}),
+			/* @__PURE__ */ (0, P.jsx)(w, {
+				step: e.collectAgePersonalInfo,
+				verificationService: n,
+				viewModel: a,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, P.jsx)(o, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { F as default };

package/chunk/{StepAgePersonalInfo-BHWaDlVH.js.map → StepAgePersonalInfo-BOnOqXxm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-BHWaDlVH.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-BOnOqXxm.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-CH3r6vpW.js → StepAgePersonalInfo-UWfkIpnn.js}

@@ -1,39 +1,35 @@
 
 /**
- *   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.275.0
- *   BUILD_TIMESTAMP: 1787352276442
- *   BUILD_DATE: Fri Aug 21 2026 22:44:36 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693415496
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { Ht as e, Jt as t, Lt as n, s as r } from "./intl-TN1Dianl.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-QRCZ6ZTK.js";
-import { O as c } from "./FormFooterComponent-B_Wh4HXO.js";
-import { t as l } from "../_mysheerid-preview.js";
-import { t as u } from "./useCollectFieldsEndpoint-CqUxwQWc.js";
-import { C as d, h as f, l as p, t as m, u as h, v as g } from "./stepComponentHelpers-DeWac6nj.js";
-import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-CaHSH2GC.js";
-import { n as C, t as w } from "./PersonalInfoStepSubmitButton-C7QmpcVd.js";
-import { t as T } from "./BirthDateComponent-DA7yEebd.js";
-import { t as E } from "./PostalCodeComponent-Cd3MQUvZ.js";
-import { t as D } from "./CountryComponentWrapper-CEbjr-D-.js";
-import { t as O } from "./City-C1CWD14n.js";
-import { t as k } from "./AddressComponent-DeQlodxe.js";
-import { t as A } from "./ExtraMessage-DNuEH_rP.js";
-import { t as j } from "./ChangeLocaleComponent-BcCMSbju.js";
-import { t as M } from "./PersonalInfoStepWrapper-C3OKK8Mh.js";
+import { Ft as e, Wt as t, lt as n, n as r } from "./options-pBCAJBwS.js";
+import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Ini3eO9_.js";
+import { w as c } from "./FormFooterComponent-B2W5vjOS.js";
+import { n as l } from "../sheerid.js";
+import { t as u } from "./useCollectFieldsEndpoint-BsX_IHLN.js";
+import { a as d, i as f, p, t as m, u as h, v as g } from "./stepComponentHelpers-DIHMDrmF.js";
+import { a as _, i as v, n as y, o as b, s as x, t as S } from "./CaptchaComponent-hqx9tSkk.js";
+import { n as C, t as w } from "./PersonalInfoStepSubmitButton-DA3ceOLw.js";
+import { t as T } from "./BirthDateComponent-f9e4it7x.js";
+import { t as E } from "./PostalCodeComponent-DKC3DspF.js";
+import { t as D } from "./CountryComponentWrapper-B3Ki9bAz.js";
+import { t as O } from "./City-Drub1WX8.js";
+import { t as k } from "./AddressComponent-oDHvr6bn.js";
+import { t as A } from "./ExtraMessage-BXxlQROb.js";
+import { t as j } from "./ChangeLocaleComponent-DtJjnuBc.js";
+import { t as M } from "./PersonalInfoStepWrapper-6neTJTQD.js";
 //#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
 var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, intl: i }) => {
-	let a = t.viewModel, { fieldValidationErrors: s } = t, F = t.verificationResponse, I = c(F), L = e(() => a.countryChoice.value, p(m(t.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled, B = L !== "US" || t.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
+	let a = t.viewModel, { fieldValidationErrors: s } = t, F = t.verificationResponse, I = c(F), L = n(() => a.countryChoice.value, f(m(t.programTheme, i)).value), R = L === "US" ? [{ key: "postalCode" }] : [], z = L !== "US" || t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled, B = L !== "US" || t.programTheme.smsLoopEnabled, V = a.localeChoice.value, H = r();
 	!s.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && t.updateFieldValidationErrors({
 		...s,
 		phoneNumber: "invalidPhoneNumber"
 	});
 	let U = (e, n) => {
-		let r = g(a, e, n);
+		let r = p(a, e, n);
 		t.updateViewModel(r);
 	}, { isFieldRequired: W } = u({
 		verificationId: F.verificationId,
@@ -42,7 +38,7 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 		defaultRequiredFields: R
 	});
 	return N.useEffect(() => {
-		d("phoneNumber", a.phoneNumber, t);
+		g("phoneNumber", a.phoneNumber, t);
 	}, [a.country]), /* @__PURE__ */ (0, P.jsxs)(M, {
 		verificationService: t,
 		step: F.currentStep,
@@ -54,23 +50,23 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 			/* @__PURE__ */ (0, P.jsx)(j, { verificationService: t }),
 			/* @__PURE__ */ (0, P.jsx)(D, {
 				verificationService: t,
-				disabled: h("country")?.disabled
+				disabled: d("country")?.disabled
 			}),
 			/* @__PURE__ */ (0, P.jsxs)("div", {
 				className: "sid-names",
 				children: [/* @__PURE__ */ (0, P.jsx)(_, {
 					value: a.firstName,
 					isErrored: !!s.firstName,
-					disabled: h("firstName")?.disabled,
+					disabled: d("firstName")?.disabled,
 					onChange: (e) => {
-						U("firstName", e), d("firstName", e, t);
+						U("firstName", e), g("firstName", e, t);
 					}
 				}), /* @__PURE__ */ (0, P.jsx)(v, {
 					value: a.lastName,
 					isErrored: !!s.lastName,
-					disabled: h("lastName")?.disabled,
+					disabled: d("lastName")?.disabled,
 					onChange: (e) => {
-						U("lastName", e), d("lastName", e, t);
+						U("lastName", e), g("lastName", e, t);
 					}
 				})]
 			}),
@@ -78,19 +74,19 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 				errorId: s.birthDate,
 				locale: V,
 				onChange: (e) => {
-					U("birthDate", e), d("birthDate", e, t);
+					U("birthDate", e), g("birthDate", e, t);
 				},
 				value: a.birthDate,
-				disabled: h("birthDate")?.disabled
+				disabled: d("birthDate")?.disabled
 			}),
 			W("city") && /* @__PURE__ */ (0, P.jsx)(O, {
 				value: a.city,
 				isRequired: !0,
 				isErrored: !!s.city,
 				errorId: s.city,
-				disabled: h("city")?.disabled,
+				disabled: d("city")?.disabled,
 				onChange: (e) => {
-					U("city", e), d("city", e, t);
+					U("city", e), g("city", e, t);
 				}
 			}),
 			W("address1") && /* @__PURE__ */ (0, P.jsx)(k, {
@@ -99,16 +95,16 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 				isErrored: !!s.address1,
 				errorId: s.address1,
 				onChange: (e) => {
-					U("address1", e), d("address1", e, t);
+					U("address1", e), g("address1", e, t);
 				}
 			}),
 			W("postalCode") && /* @__PURE__ */ (0, P.jsx)(E, {
 				isErrored: !!s.postalCode,
 				onChange: (e) => {
-					U("postalCode", e), d("postalCode", e, t);
+					U("postalCode", e), g("postalCode", e, t);
 				},
 				value: a.postalCode,
-				disabled: h("postalCode")?.disabled
+				disabled: d("postalCode")?.disabled
 			}),
 			/* @__PURE__ */ (0, P.jsx)(C, {
 				value: a.email,
@@ -118,20 +114,20 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 					defaultMessage: " "
 				}),
 				onChange: (e) => {
-					U("email", e), d("email", e, t);
+					U("email", e), g("email", e, t);
 				},
-				onKeyDown: (e) => f(e),
-				disabled: h("email")?.disabled
+				onKeyDown: (e) => h(e),
+				disabled: d("email")?.disabled
 			}),
 			z ? /* @__PURE__ */ (0, P.jsx)(b, {
 				isRequired: B,
 				value: a.phoneNumber,
 				isErrored: !!s.phoneNumber,
 				onChange: (e) => {
-					U("phoneNumber", e), d("phoneNumber", e, t);
+					U("phoneNumber", e), g("phoneNumber", e, t);
 				},
 				selectedCountryCode: a.countryChoice && a.countryChoice.value,
-				disabled: h("phoneNumber")?.disabled
+				disabled: d("phoneNumber")?.disabled
 			}) : null,
 			H.customFormFields.map((e) => /* @__PURE__ */ (0, P.jsx)(y, {
 				config: e,
@@ -144,10 +140,10 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 					U("metadata", {
 						...t.viewModel.metadata,
 						marketConsentValue: e
-					}), d("marketConsentValue", e, t);
+					}), g("marketConsentValue", e, t);
 				},
 				viewModel: a,
-				disabled: h("marketConsentValue")?.disabled
+				disabled: d("marketConsentValue")?.disabled
 			}),
 			/* @__PURE__ */ (0, P.jsx)(A, {
 				verificationService: t,
@@ -158,7 +154,7 @@ var N = /* @__PURE__ */ t(a(), 1), P = s(), F = i(({ verificationService: t, int
 				isErrored: !!s.captchaToken
 			}),
 			/* @__PURE__ */ (0, P.jsx)(w, {
-				step: n.collectAgePersonalInfo,
+				step: e.collectAgePersonalInfo,
 				verificationService: t,
 				viewModel: a,
 				failedInstantMatch: I,

package/chunk/{StepAgePersonalInfo-CH3r6vpW.js.map → StepAgePersonalInfo-UWfkIpnn.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-CH3r6vpW.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-UWfkIpnn.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/{StepCard-CPjUPPj0.js → StepCard-B0o7IN6g.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.275.0
- *   BUILD_TIMESTAMP: 1787352272226
- *   BUILD_DATE: Fri Aug 21 2026 22:44:32 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693415496
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { t as e } from "./jsx-runtime-lVLuHIkM.js";
+import { t as e } from "./jsx-runtime-Ini3eO9_.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx
 var t = e(), n = ({ icon: e, title: n, subtitle: r = void 0, isHighlighted: i = !1 }) => /* @__PURE__ */ (0, t.jsxs)("div", {
 	className: `sid-id-check-step-card ${i && "sid-id-check-step-card--highlighted"}`,

package/chunk/{StepCard-CPjUPPj0.js.map → StepCard-B0o7IN6g.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCard-CPjUPPj0.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n  icon,\n  title,\n  subtitle = undefined,\n  isHighlighted = false,\n}: StepCardComponentProps) => (\n  <div\n    className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n  >\n    <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n    <div className=\"sid-id-check-step-card__description\">\n      <div className=\"sid-id-check-step-card__title\">{title}</div>\n      {subtitle && (\n        <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n      )}\n    </div>\n  </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}
+{"version":3,"file":"StepCard-B0o7IN6g.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n  icon,\n  title,\n  subtitle = undefined,\n  isHighlighted = false,\n}: StepCardComponentProps) => (\n  <div\n    className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n  >\n    <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n    <div className=\"sid-id-check-step-card__description\">\n      <div className=\"sid-id-check-step-card__title\">{title}</div>\n      {subtitle && (\n        <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n      )}\n    </div>\n  </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}

package/chunk/{StepCard-CbZaVC-t.js → StepCard-CWT2BiAH.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.275.0
- *   BUILD_TIMESTAMP: 1787352276442
- *   BUILD_DATE: Fri Aug 21 2026 22:44:36 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 30913cd7a2f4f6324e4692d7ed7cde8020560774
+ *   VERSION: 2.277.0
+ *   BUILD_TIMESTAMP: 1787693419738
+ *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
  */
-import { t as e } from "./jsx-runtime-QRCZ6ZTK.js";
+import { t as e } from "./jsx-runtime-LqzCS-0D.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx
 var t = e(), n = ({ icon: e, title: n, subtitle: r = void 0, isHighlighted: i = !1 }) => /* @__PURE__ */ (0, t.jsxs)("div", {
 	className: `sid-id-check-step-card ${i && "sid-id-check-step-card--highlighted"}`,

package/chunk/{StepCard-CbZaVC-t.js.map → StepCard-CWT2BiAH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCard-CbZaVC-t.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n  icon,\n  title,\n  subtitle = undefined,\n  isHighlighted = false,\n}: StepCardComponentProps) => (\n  <div\n    className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n  >\n    <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n    <div className=\"sid-id-check-step-card__description\">\n      <div className=\"sid-id-check-step-card__title\">{title}</div>\n      {subtitle && (\n        <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n      )}\n    </div>\n  </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}
+{"version":3,"file":"StepCard-CWT2BiAH.js","names":[],"sources":["../../src/components/StepIDCheckLoop/StepCard/StepCard.tsx"],"sourcesContent":["import type React from \"react\";\n\ninterface StepCardComponentProps {\n  icon: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  isHighlighted?: boolean;\n}\n\nconst StepCard = ({\n  icon,\n  title,\n  subtitle = undefined,\n  isHighlighted = false,\n}: StepCardComponentProps) => (\n  <div\n    className={`sid-id-check-step-card ${isHighlighted && \"sid-id-check-step-card--highlighted\"}`}\n  >\n    <div className=\"sid-id-check-step-card__icon\">{icon}</div>\n\n    <div className=\"sid-id-check-step-card__description\">\n      <div className=\"sid-id-check-step-card__title\">{title}</div>\n      {subtitle && (\n        <div className=\"sid-id-check-step-card__subtitle sid-l-space-top-sm\">{subtitle}</div>\n      )}\n    </div>\n  </div>\n);\n\nexport const StepCardComponent = StepCard;\n"],"mappings":";;aA6Ba,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAA,EAAA,MAAC,OAAD;CACE,WAAW,0BAA0B,KAAiB;WADxD,CAGE,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YAAgC;CAAU,CAAA,GAEzD,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAiC;EAAW,CAAA,GAC1D,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAuD;EAAc,CAAA,CAEnF;GACF"}