@sheerid/jslib 2.314.0 → 2.316.0

package/chunk/{StatusComponent-DHvMI6LS.js.map → StatusComponent-B9xHqfyT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatusComponent-DHvMI6LS.js","names":["__toESM","FormattedHTMLMessage","require_react","require_jsx_runtime","useMessage","getFieldConfigByFieldId","FormFieldInputSelect","import_react","import_jsx_runtime","StatusComponent","inputId","segmentId","hasOnlyOneOption","options","isFieldHidden","onlyOption","selectedValue","value","onChange","status","option","placeholder","msg","isErrored","errorId"],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\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 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\" })}\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":";;;;;;A,4CAeaS,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAAD,EAAA,IAAA,CAACP,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQG,EAAW,GACrBM,IAAU,GAAGC,EAAU,UACvBC,IAAmBC,EAAQ,WAAW,GACtCC,IACJT,EAAwB,QAAQ,CAAC,EAAE,UAAUA,EAAwB,UAAU,CAAC,EAAE,QAK9EU,IAAaH,IAAmBC,EAAQ,KAAK,KAAA,GAC7CG,IAAgBC,GAAO;CAW7B,OAVAV,EAAM,gBAAgB;EACpB,AAAIQ,KAAcC,MAAkBD,EAAW,SAC7CG,EAASH,CAAU;CAEvB,GAAG,CAACA,GAAY,OAAOC,CAAa,CAAC,GAEjCJ,KAAoBE,IACf,OAIP,iBAAA,GAAAN,EAAA,IAAA,CAACF,GAAD;EACE,SAASI;EACA;EACT,WAAW,MAA6BQ,EAASC,CAAM;EAC5C;EACX,OAAON,EAAQ,MAAM,MAAWO,EAAO,WAAWH,KAASA,EAAM,MAAM;EACvE,aAAaI,KAAeC,EAAI,EAAE,IAAI,oBAAoB,CAAC;EAC3D,6BAA6B,CAAC,CAACD;EAC/B,YAAA;EACA,aAAa,OAAOX;EACb;EACG;EACG;EACb,cACEa,KACE,iBAAA,GAAAf,EAAA,IAAA,CAACP,GAAD;GACE,IAAI,WAAWuB;GACf,gBAAgB,WAAWb,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}
+{"version":3,"file":"StatusComponent-B9xHqfyT.js","names":["__toESM","require_react","require_jsx_runtime","useMessage","FormattedHTMLMessage","getFieldConfigByFieldId","FormFieldInputSelect","import_react","import_jsx_runtime","StatusComponent","inputId","segmentId","hasOnlyOneOption","options","isFieldHidden","onlyOption","selectedValue","value","onChange","status","option","placeholder","msg","isErrored","errorId"],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\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 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\" })}\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":";;;;;;;A,4CAeaS,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAAD,EAAA,IAAA,CAACJ,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQD,EAAW,GACrBO,IAAU,GAAGC,EAAU,UACvBC,IAAmBC,EAAQ,WAAW,GACtCC,IACJT,EAAwB,QAAQ,CAAC,EAAE,UAAUA,EAAwB,UAAU,CAAC,EAAE,QAK9EU,IAAaH,IAAmBC,EAAQ,KAAK,KAAA,GAC7CG,IAAgBC,GAAO;CAW7B,OAVAV,EAAM,gBAAgB;EACpB,AAAIQ,KAAcC,MAAkBD,EAAW,SAC7CG,EAASH,CAAU;CAEvB,GAAG,CAACA,GAAY,OAAOC,CAAa,CAAC,GAEjCJ,KAAoBE,IACf,OAIP,iBAAA,GAAAN,EAAA,IAAA,CAACF,GAAD;EACE,SAASI;EACA;EACT,WAAW,MAA6BQ,EAASC,CAAM;EAC5C;EACX,OAAON,EAAQ,MAAM,MAAWO,EAAO,WAAWH,KAASA,EAAM,MAAM;EACvE,aAAaI,KAAeC,EAAI,EAAE,IAAI,oBAAoB,CAAC;EAC3D,6BAA6B,CAAC,CAACD;EAC/B,YAAA;EACA,aAAa,OAAOX;EACb;EACG;EACG;EACb,cACEa,KACE,iBAAA,GAAAf,EAAA,IAAA,CAACJ,GAAD;GACE,IAAI,WAAWoB;GACf,gBAAgB,WAAWb,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}

package/chunk/StatusComponent-wmBrTgh8.js

@@ -0,0 +1,42 @@
+
+/**
+ *   VERSION: 2.316.0
+ *   BUILD_TIMESTAMP: 1793815392848
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
+ */
+import { zt as e } from "./empties-xLh6FzDA.js";
+import { r as t, t as n } from "./jsx-runtime-h9ybVYa3.js";
+import { n as r } from "./Message-DeYfEIfJ.js";
+import { t as i } from "./index.es-Dw43pp1V.js";
+import { t as a } from "./stepComponentHelpers-BcYAcI_q.js";
+import { t as o } from "./FormFieldInputSelect-DCe1fl-X.js";
+//#region src/components/FormFields/Status/StatusComponent.tsx
+var s = /* @__PURE__ */ e(t(), 1), c = n(), l = ({ value: e, isErrored: t, errorId: n = "invalidStatus", options: l, onChange: u, placeholder: d = "", onKeyDown: f = void 0, segmentId: p, disabled: m = !1, label: h = /* @__PURE__ */ (0, c.jsx)(i, {
+	id: "status",
+	defaultMessage: "Status"
+}), explanation: g = void 0 }) => {
+	let { msg: _ } = r(), v = `${p}-status`, y = l.length === 1, b = a("status")?.hidden || a("statuses")?.hidden, x = y ? l[0] : void 0, S = e?.value;
+	return s.useEffect(() => {
+		x && S !== x.value && u(x);
+	}, [x?.value, S]), y || b ? null : /* @__PURE__ */ (0, c.jsx)(o, {
+		fieldId: v,
+		options: l,
+		onChange: (e) => u(e),
+		onKeyDown: f,
+		value: l.find((t) => t.value === (e && e.value)),
+		placeholder: d || _({ id: "statusPlaceholder" }),
+		showPlaceholderAndHideLabel: !!d,
+		isRequired: !0,
+		containerId: `sid-${v}`,
+		label: h,
+		disabled: m,
+		explanation: g,
+		errorMessage: t && /* @__PURE__ */ (0, c.jsx)(i, {
+			id: `errorId.${n}`,
+			defaultMessage: `Invalid ${p} status`
+		})
+	});
+};
+//#endregion
+export { l as t };

package/chunk/{StatusComponent-DJMknEBZ.js.map → StatusComponent-wmBrTgh8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StatusComponent-DJMknEBZ.js","names":["__toESM","FormattedHTMLMessage","require_react","require_jsx_runtime","useMessage","getFieldConfigByFieldId","FormFieldInputSelect","import_react","import_jsx_runtime","StatusComponent","inputId","segmentId","hasOnlyOneOption","options","isFieldHidden","onlyOption","selectedValue","value","onChange","status","option","placeholder","msg","isErrored","errorId"],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\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 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\" })}\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":";;;;;;A,4CAeaS,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAAD,EAAA,IAAA,CAACP,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQG,EAAW,GACrBM,IAAU,GAAGC,EAAU,UACvBC,IAAmBC,EAAQ,WAAW,GACtCC,IACJT,EAAwB,QAAQ,CAAC,EAAE,UAAUA,EAAwB,UAAU,CAAC,EAAE,QAK9EU,IAAaH,IAAmBC,EAAQ,KAAK,KAAA,GAC7CG,IAAgBC,GAAO;CAW7B,OAVAV,EAAM,gBAAgB;EACpB,AAAIQ,KAAcC,MAAkBD,EAAW,SAC7CG,EAASH,CAAU;CAEvB,GAAG,CAACA,GAAY,OAAOC,CAAa,CAAC,GAEjCJ,KAAoBE,IACf,OAIP,iBAAA,GAAAN,EAAA,IAAA,CAACF,GAAD;EACE,SAASI;EACA;EACT,WAAW,MAA6BQ,EAASC,CAAM;EAC5C;EACX,OAAON,EAAQ,MAAM,MAAWO,EAAO,WAAWH,KAASA,EAAM,MAAM;EACvE,aAAaI,KAAeC,EAAI,EAAE,IAAI,oBAAoB,CAAC;EAC3D,6BAA6B,CAAC,CAACD;EAC/B,YAAA;EACA,aAAa,OAAOX;EACb;EACG;EACG;EACb,cACEa,KACE,iBAAA,GAAAf,EAAA,IAAA,CAACP,GAAD;GACE,IAAI,WAAWuB;GACf,gBAAgB,WAAWb,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}
+{"version":3,"file":"StatusComponent-wmBrTgh8.js","names":["__toESM","require_react","require_jsx_runtime","useMessage","FormattedHTMLMessage","getFieldConfigByFieldId","FormFieldInputSelect","import_react","import_jsx_runtime","StatusComponent","inputId","segmentId","hasOnlyOneOption","options","isFieldHidden","onlyOption","selectedValue","value","onChange","status","option","placeholder","msg","isErrored","errorId"],"sources":["../../src/components/FormFields/Status/StatusComponent.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\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 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\" })}\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":";;;;;;;A,4CAeaS,KAAmB,EAC9B,UACA,cACA,aAAU,iBACV,YACA,aACA,iBAAc,IACd,eAAY,KAAA,GACZ,cACA,cAAW,IACX,WAAQ,iBAAA,GAAAD,EAAA,IAAA,CAACJ,GAAD;CAAsB,IAAG;CAAS,gBAAe;AAAU,CAAA,GACnE,iBAAc,KAAA,QACY;CAC1B,IAAM,EAAE,WAAQD,EAAW,GACrBO,IAAU,GAAGC,EAAU,UACvBC,IAAmBC,EAAQ,WAAW,GACtCC,IACJT,EAAwB,QAAQ,CAAC,EAAE,UAAUA,EAAwB,UAAU,CAAC,EAAE,QAK9EU,IAAaH,IAAmBC,EAAQ,KAAK,KAAA,GAC7CG,IAAgBC,GAAO;CAW7B,OAVAV,EAAM,gBAAgB;EACpB,AAAIQ,KAAcC,MAAkBD,EAAW,SAC7CG,EAASH,CAAU;CAEvB,GAAG,CAACA,GAAY,OAAOC,CAAa,CAAC,GAEjCJ,KAAoBE,IACf,OAIP,iBAAA,GAAAN,EAAA,IAAA,CAACF,GAAD;EACE,SAASI;EACA;EACT,WAAW,MAA6BQ,EAASC,CAAM;EAC5C;EACX,OAAON,EAAQ,MAAM,MAAWO,EAAO,WAAWH,KAASA,EAAM,MAAM;EACvE,aAAaI,KAAeC,EAAI,EAAE,IAAI,oBAAoB,CAAC;EAC3D,6BAA6B,CAAC,CAACD;EAC/B,YAAA;EACA,aAAa,OAAOX;EACb;EACG;EACG;EACb,cACEa,KACE,iBAAA,GAAAf,EAAA,IAAA,CAACJ,GAAD;GACE,IAAI,WAAWoB;GACf,gBAAgB,WAAWb,EAAU;EACtC,CAAA;CAGN,CAAA;AAEL"}

package/chunk/StepAgePersonalInfo-8s929DzY.js

@@ -0,0 +1,177 @@
+
+/**
+ *   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.316.0
+ *   BUILD_TIMESTAMP: 1793815397313
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:17 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
+ */
+import { Ft as e, g as t, zt as n } from "./empties-DtevBq9w.js";
+import { b as r } from "./runtimeTypes-B2AGNJMT.js";
+import { r as i, t as a } from "./jsx-runtime-DQgZVOUX.js";
+import { o } from "./programThemeGetters-B2hrl_I4.js";
+import { m as s, y as c } from "./FormFooterComponent-BNcMAlwo.js";
+import { t as l } from "./index.es-Cir3-TDI.js";
+import { t as u } from "../_mysheerid-preview.js";
+import { t as d } from "./useCollectFieldsEndpoint-CE4ZmnRu.js";
+import { d as f, o as p, r as m, t as h } from "./stepComponentHelpers-3SlH9niv.js";
+import { a as g, i as _, n as v, o as y, s as b, t as x } from "./CaptchaComponent-Cw4MkQRy.js";
+import { n as S, t as C } from "./PersonalInfoStepSubmitButton-CT7lguuZ.js";
+import { t as w } from "./BirthDateComponent-d6voii3J.js";
+import { t as T } from "./PostalCodeComponent-CM7B9nbQ.js";
+import { t as E } from "./CountryComponentWrapper-D6bRhqUP.js";
+import { t as D } from "./City-CR2xigNn.js";
+import { t as O } from "./AddressComponent-D2mEkfix.js";
+import { t as k } from "./ExtraMessage-CR5rN46Q.js";
+import { t as A } from "./ChangeLocaleComponent--uRPSHsI.js";
+import { t as j } from "./PersonalInfoStepWrapper-Wq0T4gth.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var M = /* @__PURE__ */ n(i(), 1), N = a(), P = ({ verificationService: n }) => {
+	let i = o(), a = n.viewModel, { fieldValidationErrors: P } = n, F = n.verificationResponse, I = s(F), L = c(i), R = L.length > 0 ? L[0] : "US", z = e(() => a.countryChoice.value, R), B = z === "US" ? [{ key: "postalCode" }] : [], V = z !== "US" || i.isSmsNotifierConfigured || i.smsLoopEnabled, H = z !== "US" || i.smsLoopEnabled, U = a.localeChoice.value, W = t();
+	!P.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
+		...P,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let G = (e, t) => {
+		let r = p(a, e, t);
+		n.updateViewModel(r);
+	}, { isFieldRequired: K } = d({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: a,
+		defaultRequiredFields: B
+	});
+	return M.useEffect(() => {
+		f("phoneNumber", a.phoneNumber, n);
+	}, [a.country]), /* @__PURE__ */ (0, N.jsxs)(j, {
+		verificationService: n,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, N.jsx)(u, {
+				verificationService: n,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, N.jsx)(A, { verificationService: n }),
+			/* @__PURE__ */ (0, N.jsx)(E, {
+				verificationService: n,
+				disabled: h("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, N.jsx)(g, {
+					value: a.firstName,
+					isErrored: !!P.firstName,
+					disabled: h("firstName")?.disabled,
+					onChange: (e) => {
+						G("firstName", e), f("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, N.jsx)(_, {
+					value: a.lastName,
+					isErrored: !!P.lastName,
+					disabled: h("lastName")?.disabled,
+					onChange: (e) => {
+						G("lastName", e), f("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsx)(w, {
+				errorId: P.birthDate,
+				locale: U,
+				onChange: (e) => {
+					G("birthDate", e), f("birthDate", e, n);
+				},
+				value: a.birthDate,
+				disabled: h("birthDate")?.disabled
+			}),
+			K("city") && /* @__PURE__ */ (0, N.jsx)(D, {
+				value: a.city,
+				isRequired: !0,
+				isErrored: !!P.city,
+				errorId: P.city,
+				disabled: h("city")?.disabled,
+				onChange: (e) => {
+					G("city", e), f("city", e, n);
+				}
+			}),
+			K("address1") && /* @__PURE__ */ (0, N.jsx)(O, {
+				value: a.address1,
+				isRequired: !0,
+				isErrored: !!P.address1,
+				errorId: P.address1,
+				onChange: (e) => {
+					G("address1", e), f("address1", e, n);
+				}
+			}),
+			K("postalCode") && /* @__PURE__ */ (0, N.jsx)(T, {
+				isErrored: !!P.postalCode,
+				onChange: (e) => {
+					G("postalCode", e), f("postalCode", e, n);
+				},
+				value: a.postalCode,
+				disabled: h("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsx)(S, {
+				value: a.email,
+				isErrored: !!P.email,
+				explanation: /* @__PURE__ */ (0, N.jsx)(l, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					G("email", e), f("email", e, n);
+				},
+				onKeyDown: (e) => m(e),
+				disabled: h("email")?.disabled
+			}),
+			V ? /* @__PURE__ */ (0, N.jsx)(y, {
+				isRequired: H,
+				value: a.phoneNumber,
+				isErrored: !!P.phoneNumber,
+				onChange: (e) => {
+					G("phoneNumber", e), f("phoneNumber", e, n);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value,
+				disabled: h("phoneNumber")?.disabled
+			}) : null,
+			W.customFormFields.map((e) => /* @__PURE__ */ (0, N.jsx)(v, {
+				config: e,
+				verificationService: n
+			})),
+			/* @__PURE__ */ (0, N.jsx)(b, {
+				verificationService: n,
+				isErrored: !!P.marketConsentValue,
+				onChange: (e) => {
+					G("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), f("marketConsentValue", e, n);
+				},
+				viewModel: a,
+				disabled: h("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsx)(k, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, N.jsx)(x, {
+				verificationService: n,
+				isErrored: !!P.captchaToken
+			}),
+			/* @__PURE__ */ (0, N.jsx)(C, {
+				step: r.collectAgePersonalInfo,
+				verificationService: n,
+				viewModel: a,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, N.jsx)(l, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { P as default };

package/chunk/{StepAgePersonalInfo-15a4u8lW.js.map → StepAgePersonalInfo-8s929DzY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-15a4u8lW.js","names":["FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MarketConsentWrapper","__toESM","getSafe","getOptions","FormattedHTMLMessage","require_react","require_jsx_runtime","VerificationStepsEnum","getConfiguredCountries","hasFailedInstantMatch","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","import_react","import_jsx_runtime","StepAgePersonalInfoComponent","programConfiguration","useProgramConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","countryChoices","defaultCountryChoice","safeCountryValue","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","fieldValidationErrors","updateAgeViewModel","nextState","key","value","newValue","isFieldRequired","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\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(programConfiguration);\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    programConfiguration.isSmsNotifierConfigured ||\n    programConfiguration.smsLoopEnabled;\n  const phoneNumberRequired = safeCountryValue !== \"US\" || programConfiguration.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-8s929DzY.js","names":["FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MarketConsentWrapper","getSafe","getOptions","__toESM","VerificationStepsEnum","require_react","require_jsx_runtime","hasFailedInstantMatch","getConfiguredCountries","FormattedHTMLMessage","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","import_react","import_jsx_runtime","StepAgePersonalInfoComponent","programConfiguration","useProgramConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","countryChoices","defaultCountryChoice","safeCountryValue","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","fieldValidationErrors","updateAgeViewModel","nextState","key","value","newValue","isFieldRequired","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\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(programConfiguration);\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    programConfiguration.isSmsNotifierConfigured ||\n    programConfiguration.smsLoopEnabled;\n  const phoneNumberRequired = safeCountryValue !== \"US\" || programConfiguration.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-Bbh1q-Ny.js

@@ -0,0 +1,173 @@
+
+/**
+ *   VERSION: 2.316.0
+ *   BUILD_TIMESTAMP: 1793815392848
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
+ */
+import { xt as e, y as t, zt as n } from "./empties-xLh6FzDA.js";
+import { r, t as i } from "./jsx-runtime-h9ybVYa3.js";
+import { o as a } from "./programThemeGetters-BhNmQw7_.js";
+import { b as o } from "./runtimeTypes-B2AGNJMT.js";
+import { S as s, h as c } from "./FormFooterComponent-CCnomymd.js";
+import { t as l } from "./index.es-Dw43pp1V.js";
+import { n as u } from "../sheerid.js";
+import { t as d } from "./useCollectFieldsEndpoint-1jasoT_J.js";
+import { d as f, o as p, r as m, t as h } from "./stepComponentHelpers-BcYAcI_q.js";
+import { a as g, i as _, n as v, o as y, s as b, t as x } from "./CaptchaComponent-Da7DkPA_.js";
+import { n as S, t as C } from "./PersonalInfoStepSubmitButton-jF2Q-TQ1.js";
+import { t as w } from "./BirthDateComponent-BwcAqOFe.js";
+import { t as T } from "./PostalCodeComponent-DOaiP-XH.js";
+import { t as E } from "./CountryComponentWrapper-PZKJeo-8.js";
+import { t as D } from "./City-DoccJLpM.js";
+import { t as O } from "./AddressComponent-BxavEqNN.js";
+import { t as k } from "./ExtraMessage-Dy5YujvI.js";
+import { t as A } from "./ChangeLocaleComponent-CUEmQuoA.js";
+import { t as j } from "./PersonalInfoStepWrapper-8bWmgyhA.js";
+//#region src/components/StepAgePersonalInfo/StepAgePersonalInfoComponent.tsx
+var M = /* @__PURE__ */ n(r(), 1), N = i(), P = ({ verificationService: n }) => {
+	let r = a(), i = n.viewModel, { fieldValidationErrors: P } = n, F = n.verificationResponse, I = c(F), L = s(r), R = L.length > 0 ? L[0] : "US", z = e(() => i.countryChoice.value, R), B = z === "US" ? [{ key: "postalCode" }] : [], V = z !== "US" || r.isSmsNotifierConfigured || r.smsLoopEnabled, H = z !== "US" || r.smsLoopEnabled, U = i.localeChoice.value, W = t();
+	!P.phoneNumber && F.errorIds && F.errorIds.includes("invalidPhoneNumber") && n.updateFieldValidationErrors({
+		...P,
+		phoneNumber: "invalidPhoneNumber"
+	});
+	let G = (e, t) => {
+		let r = p(i, e, t);
+		n.updateViewModel(r);
+	}, { isFieldRequired: K } = d({
+		verificationId: F.verificationId,
+		currentStep: F.currentStep,
+		viewModel: i,
+		defaultRequiredFields: B
+	});
+	return M.useEffect(() => {
+		f("phoneNumber", i.phoneNumber, n);
+	}, [i.country]), /* @__PURE__ */ (0, N.jsxs)(j, {
+		verificationService: n,
+		step: F.currentStep,
+		children: [
+			/* @__PURE__ */ (0, N.jsx)(u, {
+				verificationService: n,
+				classNameIdentifier: "age"
+			}),
+			/* @__PURE__ */ (0, N.jsx)(A, { verificationService: n }),
+			/* @__PURE__ */ (0, N.jsx)(E, {
+				verificationService: n,
+				disabled: h("country")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, N.jsx)(g, {
+					value: i.firstName,
+					isErrored: !!P.firstName,
+					disabled: h("firstName")?.disabled,
+					onChange: (e) => {
+						G("firstName", e), f("firstName", e, n);
+					}
+				}), /* @__PURE__ */ (0, N.jsx)(_, {
+					value: i.lastName,
+					isErrored: !!P.lastName,
+					disabled: h("lastName")?.disabled,
+					onChange: (e) => {
+						G("lastName", e), f("lastName", e, n);
+					}
+				})]
+			}),
+			/* @__PURE__ */ (0, N.jsx)(w, {
+				errorId: P.birthDate,
+				locale: U,
+				onChange: (e) => {
+					G("birthDate", e), f("birthDate", e, n);
+				},
+				value: i.birthDate,
+				disabled: h("birthDate")?.disabled
+			}),
+			K("city") && /* @__PURE__ */ (0, N.jsx)(D, {
+				value: i.city,
+				isRequired: !0,
+				isErrored: !!P.city,
+				errorId: P.city,
+				disabled: h("city")?.disabled,
+				onChange: (e) => {
+					G("city", e), f("city", e, n);
+				}
+			}),
+			K("address1") && /* @__PURE__ */ (0, N.jsx)(O, {
+				value: i.address1,
+				isRequired: !0,
+				isErrored: !!P.address1,
+				errorId: P.address1,
+				onChange: (e) => {
+					G("address1", e), f("address1", e, n);
+				}
+			}),
+			K("postalCode") && /* @__PURE__ */ (0, N.jsx)(T, {
+				isErrored: !!P.postalCode,
+				onChange: (e) => {
+					G("postalCode", e), f("postalCode", e, n);
+				},
+				value: i.postalCode,
+				disabled: h("postalCode")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsx)(S, {
+				value: i.email,
+				isErrored: !!P.email,
+				explanation: /* @__PURE__ */ (0, N.jsx)(l, {
+					id: "emailExplanation",
+					defaultMessage: " "
+				}),
+				onChange: (e) => {
+					G("email", e), f("email", e, n);
+				},
+				onKeyDown: (e) => m(e),
+				disabled: h("email")?.disabled
+			}),
+			V ? /* @__PURE__ */ (0, N.jsx)(y, {
+				isRequired: H,
+				value: i.phoneNumber,
+				isErrored: !!P.phoneNumber,
+				onChange: (e) => {
+					G("phoneNumber", e), f("phoneNumber", e, n);
+				},
+				selectedCountryCode: i.countryChoice && i.countryChoice.value,
+				disabled: h("phoneNumber")?.disabled
+			}) : null,
+			W.customFormFields.map((e) => /* @__PURE__ */ (0, N.jsx)(v, {
+				config: e,
+				verificationService: n
+			})),
+			/* @__PURE__ */ (0, N.jsx)(b, {
+				verificationService: n,
+				isErrored: !!P.marketConsentValue,
+				onChange: (e) => {
+					G("metadata", {
+						...n.viewModel.metadata,
+						marketConsentValue: e
+					}), f("marketConsentValue", e, n);
+				},
+				viewModel: i,
+				disabled: h("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, N.jsx)(k, {
+				verificationService: n,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, N.jsx)(x, {
+				verificationService: n,
+				isErrored: !!P.captchaToken
+			}),
+			/* @__PURE__ */ (0, N.jsx)(C, {
+				step: o.collectAgePersonalInfo,
+				verificationService: n,
+				viewModel: i,
+				failedInstantMatch: I,
+				buttonText: /* @__PURE__ */ (0, N.jsx)(l, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify and continue"
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { P as default };

package/chunk/{StepAgePersonalInfo-D2ax7PaI.js.map → StepAgePersonalInfo-Bbh1q-Ny.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepAgePersonalInfo-D2ax7PaI.js","names":["FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MarketConsentWrapper","__toESM","getSafe","getOptions","VerificationStepsEnum","FormattedHTMLMessage","require_react","require_jsx_runtime","useProgramConfiguration","hasFailedInstantMatch","getConfiguredCountries","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","import_react","import_jsx_runtime","StepAgePersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","countryChoices","defaultCountryChoice","safeCountryValue","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","fieldValidationErrors","updateAgeViewModel","nextState","key","value","newValue","isFieldRequired","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\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(programConfiguration);\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    programConfiguration.isSmsNotifierConfigured ||\n    programConfiguration.smsLoopEnabled;\n  const phoneNumberRequired = safeCountryValue !== \"US\" || programConfiguration.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-Bbh1q-Ny.js","names":["FirstName","LastName","BirthDate","PostalCode","Email","PhoneNumber","MarketConsentWrapper","getSafe","getOptions","__toESM","require_jsx_runtime","useProgramConfiguration","VerificationStepsEnum","getConfiguredCountries","hasFailedInstantMatch","FormattedHTMLMessage","PersonalInfoHeader","useCollectFieldsEndpoint","updateFieldValidationErrorsByFieldId","produceDraftViewModel","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","BirthDateComponent","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","import_react","require_react","import_jsx_runtime","StepAgePersonalInfoComponent","programConfiguration","viewModel","verificationService","verificationResponse","failedInstantMatch","countryChoices","defaultCountryChoice","safeCountryValue","defaultRequiredFields","showPhoneNumber","phoneNumberRequired","locale","options","fieldValidationErrors","updateAgeViewModel","nextState","key","value","newValue","isFieldRequired","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useCollectFieldsEndpoint } from \"@/lib/ServerApi/useCollectFieldsEndpoint\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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 programConfiguration = useProgramConfiguration();\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(programConfiguration);\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    programConfiguration.isSmsNotifierConfigured ||\n    programConfiguration.smsLoopEnabled;\n  const phoneNumberRequired = safeCountryValue !== \"US\" || programConfiguration.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/{StepCard-BEucy3JJ.js → StepCard-C1asZqmo.js}

@@ -1,11 +1,11 @@
 
 /**
- *   VERSION: 2.314.0
- *   BUILD_TIMESTAMP: 1793754654073
- *   BUILD_DATE: Wed Nov 04 2026 01:10:54 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 22244e83657b6c12023c5aac9710b7924aab6459
+ *   VERSION: 2.316.0
+ *   BUILD_TIMESTAMP: 1793815392848
+ *   BUILD_DATE: Wed Nov 04 2026 18:03:12 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: bb665aedf7c454e7b96109378831b676a31ea9eb
  */
-import { t as e } from "./jsx-runtime-DwmrsRqi.js";
+import { t as e } from "./jsx-runtime-h9ybVYa3.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-BEucy3JJ.js.map → StepCard-C1asZqmo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepCard-BEucy3JJ.js","names":["require_jsx_runtime","import_jsx_runtime","StepCardComponent","isHighlighted","icon","title","subtitle"],"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":";;A,aA6BaE,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAAD,EAAA,KAAA,CAAC,OAAD;CACE,WAAW,0BAA0BE,KAAiB;CADxD,UAAA,CAGE,iBAAA,GAAAF,EAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAgC,UAAAG;CAAU,CAAA,GAEzD,iBAAA,GAAAH,EAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAiC,UAAAI;EAAW,CAAA,GAC1DC,KACC,iBAAA,GAAAL,EAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAuD,UAAAK;EAAc,CAAA,CAEnF;CACF,CAAA,CAAA"}
+{"version":3,"file":"StepCard-C1asZqmo.js","names":["require_jsx_runtime","import_jsx_runtime","StepCardComponent","isHighlighted","icon","title","subtitle"],"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":";;A,aA6BaE,KApBK,EAChB,SACA,UACA,cAAW,KAAA,GACX,mBAAgB,SAEhB,iBAAA,GAAAD,EAAA,KAAA,CAAC,OAAD;CACE,WAAW,0BAA0BE,KAAiB;CADxD,UAAA,CAGE,iBAAA,GAAAF,EAAA,IAAA,CAAC,OAAD;EAAK,WAAU;EAAgC,UAAAG;CAAU,CAAA,GAEzD,iBAAA,GAAAH,EAAA,KAAA,CAAC,OAAD;EAAK,WAAU;EAAf,UAAA,CACE,iBAAA,GAAAA,EAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAiC,UAAAI;EAAW,CAAA,GAC1DC,KACC,iBAAA,GAAAL,EAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GAAuD,UAAAK;EAAc,CAAA,CAEnF;CACF,CAAA,CAAA"}