@sheerid/jslib 2.293.0 → 2.295.0

package/chunk/{StatusComponent-BNW03jct.js.map → StatusComponent-DQOSEKFy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatusComponent-BNW03jct.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\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 StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\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={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\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"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,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,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,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,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,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"}
+{"version":3,"file":"StatusComponent-DQOSEKFy.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\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 StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\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={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\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"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,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,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,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,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,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"}

package/chunk/{StatusComponent-BNW03jct.js → StatusComponent-Dc38Mb9r.js}

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.293.0
- *   BUILD_TIMESTAMP: 1790101528001
- *   BUILD_DATE: Tue Sep 22 2026 18:25:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114649208
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:09 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { kt as e } from "./intl-DYOqmiaL.js";
 import { c as t, n, t as r } from "./jsx-runtime-B6t5B3Mb.js";
-import { n as i, s as a } from "./Message-9U_vSk1g.js";
-import { t as o } from "./stepComponentHelpers-CvC0Nxhe.js";
-import { t as s } from "./FormFieldInputSelect-IPo7-GWc.js";
+import { n as i, s as a } from "./Message-BOC0ndsP.js";
+import { t as o } from "./stepComponentHelpers-J67LZsd0.js";
+import { t as s } from "./FormFieldInputSelect-Bzfv3xGL.js";
 //#region src/components/FormFields/Status/StatusComponent.tsx
 var c = /* @__PURE__ */ e(t(), 1), l = r(), u = ({ value: e, isErrored: t, errorId: r = "invalidStatus", options: u, onChange: d, placeholder: f = "", onKeyDown: p = void 0, segmentId: m, disabled: h = !1, label: g = /* @__PURE__ */ (0, l.jsx)(n, {
 	id: "status",

package/chunk/{StatusComponent-BYtArAqN.js.map → StatusComponent-Dc38Mb9r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatusComponent-BYtArAqN.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\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 StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\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={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\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"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,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,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,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,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,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"}
+{"version":3,"file":"StatusComponent-Dc38Mb9r.js","names":[],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\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 StatusComponent = ({\n  value,\n  isErrored,\n  errorId = \"invalidStatus\",\n  options,\n  onChange,\n  placeholder = \"\",\n  onKeyDown = undefined,\n  segmentId,\n  disabled = false,\n  label = <FormattedHTMLMessage id=\"status\" defaultMessage=\"Status\" />,\n  explanation = undefined,\n}: StatusComponentProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\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={placeholder || msg({ id: \"statusPlaceholder\", context: segment })}\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"],"mappings":";;;;;;4CAgBa,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,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,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,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,aAAa,KAAe,EAAI;GAAE,IAAI;GAAqB,SAAS;EAAQ,CAAC;EAC7E,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"}

package/chunk/{StepAgePersonalInfo-CdXCL0bo.js → StepAgePersonalInfo-O-fJZAXz.js}

@@ -1,28 +1,28 @@
 
 /**
- *   VERSION: 2.293.0
- *   BUILD_TIMESTAMP: 1790101523842
- *   BUILD_DATE: Tue Sep 22 2026 18:25:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114644972
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:04 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { dt as e, kt as t, n } from "./options-DsRV5fwh.js";
 import { c as r, n as i, t as a } from "./jsx-runtime-338NbZob.js";
 import { b as o } from "./runtimeTypes-B2AGNJMT.js";
-import { n as s } from "./programThemeGetters-CVbMoRhw.js";
-import { h as c } from "./FormFooterComponent-ChbgdbyW.js";
+import { n as s } from "./programThemeGetters-Df5v2sTO.js";
+import { h as c } from "./FormFooterComponent-r-Wk8ivg.js";
 import { n as l } from "../sheerid.js";
-import { t as u } from "./useCollectFieldsEndpoint-VZhNaKRq.js";
-import { a as d, c as f, p, t as m } from "./stepComponentHelpers-HOnoMkIF.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-CvmkQ_5D.js";
-import { n as x, t as S } from "./PersonalInfoStepSubmitButton-CD-vfZ2W.js";
-import { t as C } from "./BirthDateComponent-DoxUuygs.js";
-import { t as w } from "./PostalCodeComponent-BzOER20j.js";
-import { t as T } from "./CountryComponentWrapper-S7tjrj1n.js";
-import { t as E } from "./City-BBwhhp0r.js";
-import { t as D } from "./AddressComponent-CmJnOMbH.js";
-import { t as O } from "./ExtraMessage-D4cO9DeJ.js";
-import { t as k } from "./ChangeLocaleComponent-ZNY5d0nd.js";
-import { t as A } from "./PersonalInfoStepWrapper-DNrpE3DD.js";
+import { t as u } from "./useCollectFieldsEndpoint-DzxiHifj.js";
+import { d, o as f, r as p, t as m } from "./stepComponentHelpers-hkvp2qUS.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-Yb-l7_Pn.js";
+import { n as x, t as S } from "./PersonalInfoStepSubmitButton-CuQmqVvc.js";
+import { t as C } from "./BirthDateComponent-CLfHsLxA.js";
+import { t as w } from "./PostalCodeComponent-BwV4q_6-.js";
+import { t as T } from "./CountryComponentWrapper-CI5jLzGL.js";
+import { t as E } from "./City-D7NN9waG.js";
+import { t as D } from "./AddressComponent-maoUGgcH.js";
+import { t as O } from "./ExtraMessage-DEA8DQsG.js";
+import { t as k } from "./ChangeLocaleComponent-dhAkzkH4.js";
+import { t as A } from "./PersonalInfoStepWrapper-hoTD6n-G.js";
 //#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
 var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) => {
 	let r = t.viewModel, { fieldValidationErrors: a } = t, N = t.verificationResponse, P = c(N), F = s(t.programTheme), I = e(() => r.countryChoice.value, F.length > 0 ? F[0] : "US"), L = I === "US" ? [{ key: "postalCode" }] : [], R = I !== "US" || t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled, z = I !== "US" || t.programTheme.smsLoopEnabled, B = r.localeChoice.value, V = n();
@@ -40,7 +40,7 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 		defaultRequiredFields: L
 	});
 	return j.useEffect(() => {
-		p("phoneNumber", r.phoneNumber, t);
+		d("phoneNumber", r.phoneNumber, t);
 	}, [r.country]), /* @__PURE__ */ (0, M.jsxs)(A, {
 		verificationService: t,
 		step: N.currentStep,
@@ -61,14 +61,14 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 					isErrored: !!a.firstName,
 					disabled: m("firstName")?.disabled,
 					onChange: (e) => {
-						H("firstName", e), p("firstName", e, t);
+						H("firstName", e), d("firstName", e, t);
 					}
 				}), /* @__PURE__ */ (0, M.jsx)(g, {
 					value: r.lastName,
 					isErrored: !!a.lastName,
 					disabled: m("lastName")?.disabled,
 					onChange: (e) => {
-						H("lastName", e), p("lastName", e, t);
+						H("lastName", e), d("lastName", e, t);
 					}
 				})]
 			}),
@@ -76,7 +76,7 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 				errorId: a.birthDate,
 				locale: B,
 				onChange: (e) => {
-					H("birthDate", e), p("birthDate", e, t);
+					H("birthDate", e), d("birthDate", e, t);
 				},
 				value: r.birthDate,
 				disabled: m("birthDate")?.disabled
@@ -88,7 +88,7 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 				errorId: a.city,
 				disabled: m("city")?.disabled,
 				onChange: (e) => {
-					H("city", e), p("city", e, t);
+					H("city", e), d("city", e, t);
 				}
 			}),
 			U("address1") && /* @__PURE__ */ (0, M.jsx)(D, {
@@ -97,13 +97,13 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 				isErrored: !!a.address1,
 				errorId: a.address1,
 				onChange: (e) => {
-					H("address1", e), p("address1", e, t);
+					H("address1", e), d("address1", e, t);
 				}
 			}),
 			U("postalCode") && /* @__PURE__ */ (0, M.jsx)(w, {
 				isErrored: !!a.postalCode,
 				onChange: (e) => {
-					H("postalCode", e), p("postalCode", e, t);
+					H("postalCode", e), d("postalCode", e, t);
 				},
 				value: r.postalCode,
 				disabled: m("postalCode")?.disabled
@@ -116,9 +116,9 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 					defaultMessage: " "
 				}),
 				onChange: (e) => {
-					H("email", e), p("email", e, t);
+					H("email", e), d("email", e, t);
 				},
-				onKeyDown: (e) => d(e),
+				onKeyDown: (e) => p(e),
 				disabled: m("email")?.disabled
 			}),
 			R ? /* @__PURE__ */ (0, M.jsx)(v, {
@@ -126,7 +126,7 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 				value: r.phoneNumber,
 				isErrored: !!a.phoneNumber,
 				onChange: (e) => {
-					H("phoneNumber", e), p("phoneNumber", e, t);
+					H("phoneNumber", e), d("phoneNumber", e, t);
 				},
 				selectedCountryCode: r.countryChoice && r.countryChoice.value,
 				disabled: m("phoneNumber")?.disabled
@@ -142,7 +142,7 @@ var j = /* @__PURE__ */ t(r(), 1), M = a(), N = ({ verificationService: t }) =>
 					H("metadata", {
 						...t.viewModel.metadata,
 						marketConsentValue: e
-					}), p("marketConsentValue", e, t);
+					}), d("marketConsentValue", e, t);
 				},
 				viewModel: r,
 				disabled: m("marketConsentValue")?.disabled

package/chunk/{StepAgePersonalInfo-CMOwbuli.js.map → StepAgePersonalInfo-O-fJZAXz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-CMOwbuli.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\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 FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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  verificationService: VerificationService;\n}\n\nexport const StepAgePersonalInfoComponent = ({\n  verificationService,\n}: 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 = getConfiguredCountries(verificationService.programTheme);\n  const defaultCountryChoice = countryChoices.length > 0 ? countryChoices[0] : \"US\";\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice);\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"],"mappings":"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"}
+{"version":3,"file":"StepAgePersonalInfo-O-fJZAXz.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\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 FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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  verificationService: VerificationService;\n}\n\nexport const StepAgePersonalInfoComponent = ({\n  verificationService,\n}: 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 = getConfiguredCountries(verificationService.programTheme);\n  const defaultCountryChoice = countryChoices.length > 0 ? countryChoices[0] : \"US\";\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice);\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"],"mappings":"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"}

package/chunk/{StepAgePersonalInfo-CMOwbuli.js → StepAgePersonalInfo-laL4y5lq.js}

@@ -4,29 +4,29 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.293.0
- *   BUILD_TIMESTAMP: 1790101528001
- *   BUILD_DATE: Tue Sep 22 2026 18:25:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114649208
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:09 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { Tt as e, kt as t, s as n } from "./intl-DYOqmiaL.js";
 import { b as r } from "./runtimeTypes-B2AGNJMT.js";
-import { n as i } from "./programThemeGetters-DXLr_Q4_.js";
+import { n as i } from "./programThemeGetters-DmWeluMk.js";
 import { c as a, n as o, t as s } from "./jsx-runtime-B6t5B3Mb.js";
-import { p as c } from "./FormFooterComponent-DcKXPYSW.js";
+import { p as c } from "./FormFooterComponent-DuoNNzmM.js";
 import { t as l } from "../_mysheerid-preview.js";
-import { t as u } from "./useCollectFieldsEndpoint-DlHC1_Qi.js";
-import { a as d, c as f, p, t as m } from "./stepComponentHelpers-CvC0Nxhe.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-1QN8Diwc.js";
-import { n as x, t as S } from "./PersonalInfoStepSubmitButton-CrB88-09.js";
-import { t as C } from "./BirthDateComponent-C8TH6zhC.js";
-import { t as w } from "./PostalCodeComponent-CYS0aDbk.js";
-import { t as T } from "./CountryComponentWrapper-BriofJKE.js";
-import { t as E } from "./City-BAUe7lNj.js";
-import { t as D } from "./AddressComponent-CglwEa12.js";
-import { t as O } from "./ExtraMessage-B5w5QVkn.js";
-import { t as k } from "./ChangeLocaleComponent-DuUnRYy4.js";
-import { t as A } from "./PersonalInfoStepWrapper-Cx3INM03.js";
+import { t as u } from "./useCollectFieldsEndpoint-CQeQ7JOB.js";
+import { d, o as f, r as p, t as m } from "./stepComponentHelpers-J67LZsd0.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-REgKvi8p.js";
+import { n as x, t as S } from "./PersonalInfoStepSubmitButton-GwnOAcWy.js";
+import { t as C } from "./BirthDateComponent-DsswVPXn.js";
+import { t as w } from "./PostalCodeComponent-BQ7y0ygq.js";
+import { t as T } from "./CountryComponentWrapper-DMctN0cb.js";
+import { t as E } from "./City-DL20Kfkf.js";
+import { t as D } from "./AddressComponent-DgdxVCak.js";
+import { t as O } from "./ExtraMessage-hNyxibRx.js";
+import { t as k } from "./ChangeLocaleComponent-BJ3jZ7Nk.js";
+import { t as A } from "./PersonalInfoStepWrapper-DNUApKjr.js";
 //#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
 var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) => {
 	let a = t.viewModel, { fieldValidationErrors: s } = t, N = t.verificationResponse, P = c(N), F = i(t.programTheme), I = e(() => a.countryChoice.value, F.length > 0 ? F[0] : "US"), L = I === "US" ? [{ key: "postalCode" }] : [], R = I !== "US" || t.programTheme.isSmsNotifierConfigured || t.programTheme.smsLoopEnabled, z = I !== "US" || t.programTheme.smsLoopEnabled, B = a.localeChoice.value, V = n();
@@ -44,7 +44,7 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 		defaultRequiredFields: L
 	});
 	return j.useEffect(() => {
-		p("phoneNumber", a.phoneNumber, t);
+		d("phoneNumber", a.phoneNumber, t);
 	}, [a.country]), /* @__PURE__ */ (0, M.jsxs)(A, {
 		verificationService: t,
 		step: N.currentStep,
@@ -65,14 +65,14 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 					isErrored: !!s.firstName,
 					disabled: m("firstName")?.disabled,
 					onChange: (e) => {
-						H("firstName", e), p("firstName", e, t);
+						H("firstName", e), d("firstName", e, t);
 					}
 				}), /* @__PURE__ */ (0, M.jsx)(g, {
 					value: a.lastName,
 					isErrored: !!s.lastName,
 					disabled: m("lastName")?.disabled,
 					onChange: (e) => {
-						H("lastName", e), p("lastName", e, t);
+						H("lastName", e), d("lastName", e, t);
 					}
 				})]
 			}),
@@ -80,7 +80,7 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 				errorId: s.birthDate,
 				locale: B,
 				onChange: (e) => {
-					H("birthDate", e), p("birthDate", e, t);
+					H("birthDate", e), d("birthDate", e, t);
 				},
 				value: a.birthDate,
 				disabled: m("birthDate")?.disabled
@@ -92,7 +92,7 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 				errorId: s.city,
 				disabled: m("city")?.disabled,
 				onChange: (e) => {
-					H("city", e), p("city", e, t);
+					H("city", e), d("city", e, t);
 				}
 			}),
 			U("address1") && /* @__PURE__ */ (0, M.jsx)(D, {
@@ -101,13 +101,13 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 				isErrored: !!s.address1,
 				errorId: s.address1,
 				onChange: (e) => {
-					H("address1", e), p("address1", e, t);
+					H("address1", e), d("address1", e, t);
 				}
 			}),
 			U("postalCode") && /* @__PURE__ */ (0, M.jsx)(w, {
 				isErrored: !!s.postalCode,
 				onChange: (e) => {
-					H("postalCode", e), p("postalCode", e, t);
+					H("postalCode", e), d("postalCode", e, t);
 				},
 				value: a.postalCode,
 				disabled: m("postalCode")?.disabled
@@ -120,9 +120,9 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 					defaultMessage: " "
 				}),
 				onChange: (e) => {
-					H("email", e), p("email", e, t);
+					H("email", e), d("email", e, t);
 				},
-				onKeyDown: (e) => d(e),
+				onKeyDown: (e) => p(e),
 				disabled: m("email")?.disabled
 			}),
 			R ? /* @__PURE__ */ (0, M.jsx)(v, {
@@ -130,7 +130,7 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 				value: a.phoneNumber,
 				isErrored: !!s.phoneNumber,
 				onChange: (e) => {
-					H("phoneNumber", e), p("phoneNumber", e, t);
+					H("phoneNumber", e), d("phoneNumber", e, t);
 				},
 				selectedCountryCode: a.countryChoice && a.countryChoice.value,
 				disabled: m("phoneNumber")?.disabled
@@ -146,7 +146,7 @@ var j = /* @__PURE__ */ t(a(), 1), M = s(), N = ({ verificationService: t }) =>
 					H("metadata", {
 						...t.viewModel.metadata,
 						marketConsentValue: e
-					}), p("marketConsentValue", e, t);
+					}), d("marketConsentValue", e, t);
 				},
 				viewModel: a,
 				disabled: m("marketConsentValue")?.disabled

package/chunk/{StepAgePersonalInfo-CdXCL0bo.js.map → StepAgePersonalInfo-laL4y5lq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-CdXCL0bo.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\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 FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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  verificationService: VerificationService;\n}\n\nexport const StepAgePersonalInfoComponent = ({\n  verificationService,\n}: 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 = getConfiguredCountries(verificationService.programTheme);\n  const defaultCountryChoice = countryChoices.length > 0 ? countryChoices[0] : \"US\";\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice);\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"],"mappings":"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"}
+{"version":3,"file":"StepAgePersonalInfo-laL4y5lq.js","names":[],"sources":["../../src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\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 FieldDescription,\n  type CustomFormFieldConfig,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\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  verificationService: VerificationService;\n}\n\nexport const StepAgePersonalInfoComponent = ({\n  verificationService,\n}: 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 = getConfiguredCountries(verificationService.programTheme);\n  const defaultCountryChoice = countryChoices.length > 0 ? countryChoices[0] : \"US\";\n  const safeCountryValue = getSafe(() => viewModel.countryChoice.value, defaultCountryChoice);\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"],"mappings":";;;;;;;;;;;;;;;;;;;4CA8Ca,KAAgC,EAC3C,6BACuC;CACvC,IAAM,IAAY,EAAoB,WAChC,EAAE,6BAA0B,GAC5B,IAAuB,EAAoB,sBAC3C,IAAqB,EAAsB,CAAoB,GAC/D,IAAiB,EAAuB,EAAoB,YAAY,GAExE,IAAmB,QAAc,EAAU,cAAc,OADlC,EAAe,SAAS,IAAI,EAAe,KAAK,IACa,GACpF,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"}

package/chunk/StepCard-CQGeXH7Z.js

@@ -1,9 +1,9 @@
 
 /**
- *   VERSION: 2.293.0
- *   BUILD_TIMESTAMP: 1790101523842
- *   BUILD_DATE: Tue Sep 22 2026 18:25:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114644972
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:04 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { t as e } from "./jsx-runtime-338NbZob.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx

package/chunk/StepCard-DD1BU5jb.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.293.0
- *   BUILD_TIMESTAMP: 1790101528001
- *   BUILD_DATE: Tue Sep 22 2026 18:25:28 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114649208
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:09 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { t as e } from "./jsx-runtime-B6t5B3Mb.js";
 //#region src/components/StepIDCheckLoop/StepCard/StepCard.tsx

package/chunk/{StepCollectIdentifier-Ct_XcHhJ.js → StepCollectIdentifier-Cjm32rgq.js}

@@ -1,17 +1,17 @@
 
 /**
- *   VERSION: 2.293.0
- *   BUILD_TIMESTAMP: 1790101523842
- *   BUILD_DATE: Tue Sep 22 2026 18:25:23 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 00fab93cde3d7a4fa864bf23fd76ab6952622776
+ *   VERSION: 2.295.0
+ *   BUILD_TIMESTAMP: 1790114644972
+ *   BUILD_DATE: Tue Sep 22 2026 22:04:04 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 52df9017e3cb51641ba764b25f2494e8745819c7
  */
 import { c as e } from "./options-DsRV5fwh.js";
 import { n as t, t as n } from "./jsx-runtime-338NbZob.js";
 import { b as r } from "./runtimeTypes-B2AGNJMT.js";
-import { h as i, t as a } from "./FormFooterComponent-ChbgdbyW.js";
+import { h as i, t as a } from "./FormFooterComponent-r-Wk8ivg.js";
 import { n as o } from "../sheerid.js";
-import { a as s, p as c } from "./stepComponentHelpers-HOnoMkIF.js";
-import { n as l, t as u } from "./PersonalInfoStepSubmitButton-CD-vfZ2W.js";
+import { d as s, r as c } from "./stepComponentHelpers-hkvp2qUS.js";
+import { n as l, t as u } from "./PersonalInfoStepSubmitButton-CuQmqVvc.js";
 //#region src/components/StepCollectIdentifier/StepCollectIdentifierComponent.tsx
 var d = n(), f = ({ verificationService: n }) => {
 	let f = n.viewModel, { fieldValidationErrors: p } = n, m = n.verificationResponse, h = i(m), g = (t, r) => {
@@ -38,9 +38,9 @@ var d = n(), f = ({ verificationService: n }) => {
 						defaultMessage: "Needed to send authentication code"
 					}),
 					onChange: (e) => {
-						g("email", e), c("email", e, n);
+						g("email", e), s("email", e, n);
 					},
-					onKeyDown: (e) => s(e)
+					onKeyDown: (e) => c(e)
 				}),
 				/* @__PURE__ */ (0, d.jsx)(u, {
 					step: r.collectIdentifier,

package/chunk/{StepCollectIdentifier-Ct_XcHhJ.js.map → StepCollectIdentifier-Cjm32rgq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCollectIdentifier-Ct_XcHhJ.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-Cjm32rgq.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"}