@sheerid/jslib 2.284.0 → 2.286.0

package/chunk/{StepEmailLoop-D0p8Uguc.js → StepEmailLoop-D3ifl2Sv.js}

@@ -4,20 +4,21 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.284.0
- *   BUILD_TIMESTAMP: 1789507151508
- *   BUILD_DATE: Tue Sep 15 2026 21:19:11 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
+ *   VERSION: 2.286.0
+ *   BUILD_TIMESTAMP: 1789602709095
+ *   BUILD_DATE: Wed Sep 16 2026 23:51:49 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6fd856ef6c8333c8408563f4b448705da6f1af44
  */
-import { Pt as e, Vt as t, p as n } from "./intl-DwZU2l1o.js";
-import { n as r, t as i } from "./jsx-runtime-DmTh-fvV.js";
-import { t as a } from "./FormFooterComponent-Ckbv1OLP.js";
-import { t as o } from "./hooks-DY9jekmV.js";
-import { t as s } from "./LogoComponent-Cq0AZvcg.js";
-import { t as c } from "./AnnouncingHeader-B84Vw5oF.js";
-import { g as l, m as u } from "./stepComponentHelpers-DN6dYb4A.js";
-import { t as d } from "./FormFieldText-CoWhLvws.js";
-import { t as f } from "./EmailLoopPending-CVWkH7cw.js";
+import { p as e } from "./intl-CvSmE54g.js";
+import { S as t, b as n } from "./runtimeTypes-B2AGNJMT.js";
+import { n as r, t as i } from "./jsx-runtime-JSlXFmKD.js";
+import { t as a } from "./FormFooterComponent-BYIO3JLm.js";
+import { t as o } from "./hooks-B8Gr4Mtw.js";
+import { t as s } from "./LogoComponent-BDhMcJvy.js";
+import { t as c } from "./AnnouncingHeader-B0Ku-xl_.js";
+import { g as l, m as u } from "./stepComponentHelpers-DKGaTSta.js";
+import { t as d } from "./FormFieldText-Py7x4EZ6.js";
+import { t as f } from "./EmailLoopPending-BA1IDc-u.js";
 //#region src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx
 var p = i(), m = ({ verificationService: i }) => {
 	let f = i.viewModel, m = i.fieldValidationErrors, h = (i.verificationResponse?.errorIds || []).includes("invalidEmail"), g = o("hc-my-sheer-id-theme-builder");
@@ -94,7 +95,7 @@ var p = i(), m = ({ verificationService: i }) => {
 						id: "sid-submit-btn-sso",
 						type: "submit",
 						disabled: !!m.organizationEmail,
-						onClick: () => u(f, i, e.emailLoopCollectOrganizationEmail),
+						onClick: () => u(f, i, n.emailLoopCollectOrganizationEmail),
 						className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width ",
 						"aria-label": "submit",
 						children: /* @__PURE__ */ (0, p.jsx)(r, {
@@ -125,8 +126,8 @@ var p = i(), m = ({ verificationService: i }) => {
 							children: /* @__PURE__ */ (0, p.jsx)("button", {
 								onClick: async () => {
 									t.info("StepEmailLoopComponent submitting form after skipping email loop");
-									let r = n(f, () => {});
-									return i.submitStep(e.cancelEmailLoop, r, i.verificationResponse);
+									let r = e(f, () => {});
+									return i.submitStep(n.cancelEmailLoop, r, i.verificationResponse);
 								},
 								className: "sid-h-btn-link-like sid-link sid-h-bold-text",
 								type: "button",

package/chunk/{StepEmailLoop-D0p8Uguc.js.map → StepEmailLoop-D3ifl2Sv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmailLoop-D0p8Uguc.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                !shouldHideIcon && (\n                  <img\n                    className=\"sid-sso-logo-default sid-l-lead-image\"\n                    alt=\"\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                  />\n                )\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StepEmailLoop-D3ifl2Sv.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx","../../src/components/StepEmailLoop/StepEmailLoopComponent.tsx"],"sourcesContent":["import produce from \"immer\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { FormFooterComponent as FormFooter } from \"../FormFooter/FormFooterComponent\";\nimport { FormFieldText } from \"../FormFields/FormFieldText/FormFieldText\";\nimport {\n  updateFieldValidationErrorsByFieldId,\n  submitForm,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type EmailLoopCollectOrganizationEmailViewModel,\n  type VerificationService,\n} from \"../../lib/types/types\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\nexport const EmailLoopCollectOrganizationEmail = ({\n  verificationService,\n}: {\n  verificationService: VerificationService;\n}) => {\n  const viewModel = verificationService.viewModel as EmailLoopCollectOrganizationEmailViewModel;\n  const fieldValidationErrors = verificationService.fieldValidationErrors;\n  const isInvalidOrgEmail = (verificationService.verificationResponse?.errorIds || []).includes(\n    \"invalidEmail\",\n  );\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const setEmailValue = (organizationEmail: string) => {\n    verificationService.updateViewModel({ ...viewModel, organizationEmail });\n    updateFieldValidationErrorsByFieldId(\n      \"organizationEmail\",\n      organizationEmail,\n      verificationService,\n    );\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    return verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <>\n      <div className=\"sid-header sid-l-horz-center\">\n        <div role=\"main\">\n          <div className=\"sid-sso-logo-container sid-l-horz-center\">\n            <LogoComponent\n              verificationService={verificationService}\n              fallbackLogo={\n                !shouldHideIcon && (\n                  <img\n                    className=\"sid-sso-logo-default sid-l-lead-image\"\n                    alt=\"\"\n                    src=\"https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg\"\n                  />\n                )\n              }\n            />\n          </div>\n          <div className=\"sid-preheader-label sid-l-space-top-md\">\n            <span className=\"sid-h-label\">\n              <FormattedHTMLMessage id=\"instant\" defaultMessage=\"Instant\" />\n            </span>\n          </div>\n          <AnnouncingHeader align=\"center\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.title\"\n              defaultMessage=\"Verify using your work email address\"\n              tagName=\"h1\"\n            />\n          </AnnouncingHeader>\n          <div className=\"sid-header__subtitle-one\">\n            <FormattedHTMLMessage\n              id=\"step.emailLoop.collectOrganizationEmail.subtitle\"\n              defaultMessage=\"Enter the email address provided by your employer and we'll send you a verification link\"\n            />\n          </div>\n        </div>\n\n        <div className=\"sid-form-region sid-email-submit sid-submit-wrapper sid-l-space-top-md\">\n          <FormFieldText\n            fieldId=\"emailOverride\"\n            value={viewModel.organizationEmail}\n            onChange={setEmailValue}\n            placeholder=\"\"\n            label={\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.label\"\n                defaultMessage=\"Work email address\"\n              />\n            }\n            errorMessage={\n              (isInvalidOrgEmail && (\n                <FormattedHTMLMessage\n                  id=\"step.emailLoop.errors.invalidEmail\"\n                  defaultMessage=\"This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below.\"\n                />\n              )) ||\n              (fieldValidationErrors.organizationEmail && (\n                <FormattedHTMLMessage id=\"emailIds.invalidEmail\" defaultMessage=\"Invalid email\" />\n              ))\n            }\n          />\n          <div className=\"sid-l-space-top-sm\">\n            <button\n              id=\"sid-submit-btn-sso\"\n              type=\"submit\"\n              disabled={!!fieldValidationErrors.organizationEmail}\n              onClick={() =>\n                submitForm(\n                  viewModel,\n                  verificationService,\n                  VerificationStepsEnum.emailLoopCollectOrganizationEmail,\n                )\n              }\n              className=\"sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width \"\n              aria-label=\"submit\"\n            >\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.email.send\"\n                defaultMessage=\"Send Email\"\n              />\n            </button>\n          </div>\n\n          <div className=\"sid-form-region sid-l-space-top-lg sid-l-horz-center\">\n            <div className=\"sid-header__subtitle-two sid-h-bold-text\">\n              <FormattedHTMLMessage\n                id=\"step.emailLoop.collectOrganizationEmail.alternative\"\n                defaultMessage=\"Unable to access a work email address?\"\n              />\n            </div>\n            <div className=\"sid-form-region sid-l-space-btm-sm sid-l-space-top-sm\">\n              <FormattedHTMLMessage\n                id=\"step.sso.alternative\"\n                defaultMessage=\"You can also verify by uploading proof of eligibility\"\n              />\n            </div>\n            <div className=\"sid-l-space-top-sm\">\n              <button\n                onClick={cancelEmailLoop}\n                className=\"sid-h-btn-link-like sid-link sid-h-bold-text\"\n                type=\"button\"\n              >\n                <FormattedHTMLMessage\n                  id=\"step.sso.cancel\"\n                  defaultMessage=\"Upload Proof of Enrollment\"\n                />\n              </button>\n            </div>\n          </div>\n\n          <div className=\"sid-l-space-top-lg\" />\n        </div>\n      </div>\n      <FormFooter verificationService={verificationService} />\n    </>\n  );\n};\n","import { type EmailLoopResponse, type VerificationService } from \"../../lib/types/types\";\n\nimport { EmailLoopCollectOrganizationEmail } from \"./EmailLoopCollectOrganizationEmail\";\nimport EmailLoopPendingComponent from \"./EmailLoopPending\";\n\nexport interface StepEmailLoopComponentProps {\n  verificationService: VerificationService;\n}\n\nexport const StepEmailLoopComponent = ({ verificationService }: StepEmailLoopComponentProps) => {\n  const isCollectOrgEmailState =\n    (verificationService.verificationResponse as EmailLoopResponse).currentState ===\n    \"collectOrganizationEmail\";\n  return (\n    <div id=\"sid-step-email-loop\" className=\"sid-step-email-loop-container sid-l-container\">\n      {isCollectOrgEmailState ? (\n        <EmailLoopCollectOrganizationEmail verificationService={verificationService} />\n      ) : (\n        <EmailLoopPendingComponent verificationService={verificationService} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/chunk/StepEmploymentPersonalInfo-DuBXeE06.js

@@ -0,0 +1,217 @@
+
+/**
+ *   VERSION: 2.286.0
+ *   BUILD_TIMESTAMP: 1789602705295
+ *   BUILD_DATE: Wed Sep 16 2026 23:51:45 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6fd856ef6c8333c8408563f4b448705da6f1af44
+ */
+import { c as e, n as t } from "./options-CRzdSTAR.js";
+import { a as n, n as r, t as i } from "./jsx-runtime-CyXcV_93.js";
+import { n as a } from "./Message-9_oXkro6.js";
+import { b as o } from "./runtimeTypes-B2AGNJMT.js";
+import { c as s } from "./programThemeGetters-VBnkSxuj.js";
+import { n as c } from "../sheerid.js";
+import { _ as l, c as u, g as d, i as f, n as p, p as m } from "./stepComponentHelpers-DXPc6DBY.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-DYlkYclc.js";
+import { n as x, t as S } from "./PersonalInfoStepSubmitButton-C31TPJsr.js";
+import { t as C } from "./PostalCodeComponent-CNwKrZsf.js";
+import { t as w } from "./CountryComponentWrapper-CF45pXeO.js";
+import { t as T } from "./City-D_2sVMWL.js";
+import { t as E } from "./AddressComponent-y-Ii5tpl.js";
+import { t as D } from "./ExtraMessage-BqjXp3Gj.js";
+import { t as O } from "./ChangeLocaleComponent-DjOWvlLc.js";
+import { t as k } from "./PersonalInfoStepWrapper-_qMmj4Yd.js";
+import { t as A } from "./FormFieldTypeahead--Zb8Crog.js";
+import { t as j } from "./StateSelectComponent-DnqzEF_0.js";
+//#region src/components/FormFields/Company/CompanyComponent.tsx
+var M = i(), N = ({ value: e, isErrored: t, onChange: n, verificationService: i, placeholder: o = "", disabled: c = !1 }) => {
+	let { msg: l } = a();
+	return f("organization")?.hidden ? null : /* @__PURE__ */ (0, M.jsx)(A, {
+		fieldId: "company",
+		value: e,
+		verificationService: i,
+		onChange: (e) => n(e),
+		placeholder: o || l({ id: "companyPlaceholder" }),
+		label: /* @__PURE__ */ (0, M.jsx)(r, {
+			id: "company",
+			defaultMessage: "Company"
+		}),
+		errorMessage: t && /* @__PURE__ */ (0, M.jsx)(r, {
+			id: "errorId.invalidOrganization",
+			defaultMessage: "You must select an organization from the list"
+		}),
+		orgSearchUrl: s(i.viewModel, i.programTheme),
+		showPlaceholderAndHideLabel: !!o,
+		disabled: c
+	});
+}, P = n(({ intl: n, verificationService: i }) => {
+	let a = i.viewModel, { fieldValidationErrors: s } = i, A = t(), P = (t, n) => {
+		let r = e(a, (e) => {
+			e[t] = n;
+		});
+		i.updateViewModel(r);
+	};
+	return /* @__PURE__ */ (0, M.jsxs)(k, {
+		verificationService: i,
+		step: i.verificationResponse.currentStep,
+		children: [
+			/* @__PURE__ */ (0, M.jsx)(c, {
+				verificationService: i,
+				classNameIdentifier: "employment"
+			}),
+			/* @__PURE__ */ (0, M.jsx)(O, { verificationService: i }),
+			/* @__PURE__ */ (0, M.jsx)(w, {
+				verificationService: i,
+				disabled: f("country")?.disabled,
+				viewModelDraftDecorator: (e, t) => {
+					let n = e;
+					n.shouldCollectAddress = m(t, i.programTheme.config.countries);
+					let r = [
+						"address1",
+						"city",
+						"state",
+						"postalCode"
+					], a = (n.fieldsToSkipValidation || []).filter((e) => !r.includes(e));
+					n.shouldCollectAddress ? n.fieldsToSkipValidation = a.length ? a : void 0 : (n.address1 = "", n.city = "", n.state = "", n.postalCode = "", n.fieldsToSkipValidation = [...a, ...r]);
+				}
+			}),
+			/* @__PURE__ */ (0, M.jsx)(N, {
+				value: i.viewModel.organization,
+				verificationService: i,
+				isErrored: !!s.organization,
+				disabled: f("organization")?.disabled,
+				onChange: (e) => {
+					l(e, i), d("organization", e, i);
+				}
+			}),
+			/* @__PURE__ */ (0, M.jsxs)("div", {
+				className: "sid-names",
+				children: [/* @__PURE__ */ (0, M.jsx)(h, {
+					value: a.firstName,
+					isErrored: !!s.firstName,
+					disabled: f("firstName")?.disabled,
+					onChange: (e) => {
+						P("firstName", e), d("firstName", e, i);
+					}
+				}), /* @__PURE__ */ (0, M.jsx)(g, {
+					value: a.lastName,
+					isErrored: !!s.lastName,
+					disabled: f("lastName")?.disabled,
+					onChange: (e) => {
+						P("lastName", e), d("lastName", e, i);
+					}
+				})]
+			}),
+			m(a.countryChoice, i.programTheme.config.countries) ? /* @__PURE__ */ (0, M.jsx)(E, {
+				isErrored: !!s.address1,
+				errorId: s.address1,
+				onChange: (e) => {
+					P("address1", e), d("address1", e, i);
+				},
+				isRequired: !0,
+				value: a.address1,
+				disabled: f("address1")?.disabled,
+				explanation: /* @__PURE__ */ (0, M.jsx)(r, {
+					id: "addressExplanation",
+					defaultMessage: "Use your home address"
+				})
+			}) : null,
+			m(a.countryChoice, i.programTheme.config.countries) ? /* @__PURE__ */ (0, M.jsxs)("div", {
+				className: "sid-thirds",
+				children: [
+					/* @__PURE__ */ (0, M.jsx)(T, {
+						isErrored: !!s.city,
+						errorId: s.city,
+						onChange: (e) => {
+							P("city", e), d("city", e, i);
+						},
+						value: a.city,
+						isRequired: !0,
+						disabled: f("city")?.disabled
+					}),
+					/* @__PURE__ */ (0, M.jsx)(j, {
+						isRequired: !0,
+						options: p(i.programTheme, n),
+						value: a.state || void 0,
+						isErrored: !!s.state,
+						onChange: async (e) => {
+							let t = e ? e.value : void 0;
+							P("state", t), d("state", t, i);
+						},
+						label: /* @__PURE__ */ (0, M.jsx)(r, {
+							id: "state",
+							defaultMessage: "State"
+						}),
+						disabled: f("state")?.disabled
+					}),
+					/* @__PURE__ */ (0, M.jsx)(C, {
+						isErrored: !!s.postalCode,
+						onChange: (e) => {
+							P("postalCode", e), d("postalCode", e, i);
+						},
+						value: a.postalCode,
+						disabled: f("postalCode")?.disabled
+					})
+				]
+			}) : null,
+			/* @__PURE__ */ (0, M.jsx)(x, {
+				value: a.email,
+				isErrored: !!s.email,
+				explanation: /* @__PURE__ */ (0, M.jsx)(r, {
+					id: "emailExplanation",
+					defaultMessage: "Use your work email if you have one"
+				}),
+				onChange: (e) => {
+					P("email", e), d("email", e, i);
+				},
+				onKeyDown: (e) => u(e),
+				disabled: f("email")?.disabled
+			}),
+			i.programTheme.isSmsNotifierConfigured || i.programTheme.smsLoopEnabled ? /* @__PURE__ */ (0, M.jsx)(v, {
+				isRequired: !!i.programTheme.smsLoopEnabled,
+				value: a.phoneNumber,
+				isErrored: !!s.phoneNumber,
+				onChange: (e) => {
+					P("phoneNumber", e), d("phoneNumber", e, i);
+				},
+				selectedCountryCode: a.countryChoice && a.countryChoice.value,
+				disabled: f("phoneNumber")?.disabled
+			}) : null,
+			A.customFormFields.map((e) => /* @__PURE__ */ (0, M.jsx)(_, {
+				config: e,
+				verificationService: i
+			})),
+			/* @__PURE__ */ (0, M.jsx)(y, {
+				verificationService: i,
+				isErrored: !!s.marketConsentValue,
+				onChange: (e) => {
+					P("metadata", {
+						...i.viewModel.metadata,
+						marketConsentValue: e
+					}), d("marketConsentValue", e, i);
+				},
+				viewModel: a,
+				disabled: f("marketConsentValue")?.disabled
+			}),
+			/* @__PURE__ */ (0, M.jsx)(D, {
+				verificationService: i,
+				suffix: "CollectAboveSubmit"
+			}),
+			/* @__PURE__ */ (0, M.jsx)(b, {
+				verificationService: i,
+				isErrored: !!s.captchaToken
+			}),
+			/* @__PURE__ */ (0, M.jsx)(S, {
+				step: o.collectEmployeePersonalInfo,
+				verificationService: i,
+				viewModel: a,
+				buttonText: /* @__PURE__ */ (0, M.jsx)(r, {
+					id: "step.personalInfo.submitButtonText",
+					defaultMessage: "Verify My Employment Status"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { P as default };

package/chunk/{StepEmploymentPersonalInfo-BshfK2mS.js.map → StepEmploymentPersonalInfo-DuBXeE06.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmploymentPersonalInfo-BshfK2mS.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"companyPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"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          updateEmploymentViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}
+{"version":3,"file":"StepEmploymentPersonalInfo-DuBXeE06.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"companyPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"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          updateEmploymentViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}

package/chunk/{StepEmploymentPersonalInfo-BxYmesv2.js → StepEmploymentPersonalInfo-VcfGDPHF.js}

@@ -4,28 +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.284.0
- *   BUILD_TIMESTAMP: 1789507151508
- *   BUILD_DATE: Tue Sep 15 2026 21:19:11 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
+ *   VERSION: 2.286.0
+ *   BUILD_TIMESTAMP: 1789602709095
+ *   BUILD_DATE: Wed Sep 16 2026 23:51:49 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 6fd856ef6c8333c8408563f4b448705da6f1af44
  */
-import { Pt as e, p as t, s as n } from "./intl-DwZU2l1o.js";
-import { a as r, n as i, t as a } from "./jsx-runtime-DmTh-fvV.js";
-import { n as o } from "./Message-BNNsbHmI.js";
-import { c as s } from "./programThemeGetters-CZMLVLDB.js";
+import { p as e, s as t } from "./intl-CvSmE54g.js";
+import { b as n } from "./runtimeTypes-B2AGNJMT.js";
+import { a as r, n as i, t as a } from "./jsx-runtime-JSlXFmKD.js";
+import { n as o } from "./Message-C66R6xdJ.js";
+import { c as s } from "./programThemeGetters-DYWYXv-a.js";
 import { t as c } from "../_mysheerid-preview.js";
-import { _ as l, c as u, g as d, i as f, n as p, p as m } from "./stepComponentHelpers-DN6dYb4A.js";
-import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-523RAr_6.js";
-import { n as x, t as S } from "./PersonalInfoStepSubmitButton-D3mRi9aO.js";
-import { t as C } from "./PostalCodeComponent-DQizi-5r.js";
-import { t as w } from "./CountryComponentWrapper-Bv66MHPy.js";
-import { t as T } from "./City-Cp8nDZib.js";
-import { t as E } from "./AddressComponent-CZv5pMP1.js";
-import { t as D } from "./ExtraMessage-FucjC5O0.js";
-import { t as O } from "./ChangeLocaleComponent-C86ehiKN.js";
-import { t as k } from "./PersonalInfoStepWrapper-L7CiE7rH.js";
-import { t as A } from "./FormFieldTypeahead-B7FmlNZl.js";
-import { t as j } from "./StateSelectComponent-CY5xfRHI.js";
+import { _ as l, c as u, g as d, i as f, n as p, p as m } from "./stepComponentHelpers-DKGaTSta.js";
+import { a as h, i as g, n as _, o as v, s as y, t as b } from "./CaptchaComponent-C8wOP7tS.js";
+import { n as x, t as S } from "./PersonalInfoStepSubmitButton-BfDq_I9X.js";
+import { t as C } from "./PostalCodeComponent-CNRdl96V.js";
+import { t as w } from "./CountryComponentWrapper-CjUUQdjn.js";
+import { t as T } from "./City-DVhhliBQ.js";
+import { t as E } from "./AddressComponent-D2wuzHQj.js";
+import { t as D } from "./ExtraMessage-tf_vMomh.js";
+import { t as O } from "./ChangeLocaleComponent-D1wLkrWR.js";
+import { t as k } from "./PersonalInfoStepWrapper-BV0AbuZQ.js";
+import { t as A } from "./FormFieldTypeahead-DihXl104.js";
+import { t as j } from "./StateSelectComponent-BhdLtglI.js";
 //#region src/components/FormFields/Company/CompanyComponent.tsx
 var M = a(), N = ({ value: e, isErrored: t, onChange: n, verificationService: r, placeholder: a = "", disabled: c = !1 }) => {
 	let { msg: l } = o();
@@ -48,9 +49,9 @@ var M = a(), N = ({ value: e, isErrored: t, onChange: n, verificationService: r,
 		disabled: c
 	});
 }, P = r(({ intl: r, verificationService: a }) => {
-	let o = a.viewModel, { fieldValidationErrors: s } = a, A = n(), P = (e, n) => {
-		let r = t(o, (t) => {
-			t[e] = n;
+	let o = a.viewModel, { fieldValidationErrors: s } = a, A = t(), P = (t, n) => {
+		let r = e(o, (e) => {
+			e[t] = n;
 		});
 		a.updateViewModel(r);
 	};
@@ -205,7 +206,7 @@ var M = a(), N = ({ value: e, isErrored: t, onChange: n, verificationService: r,
 				isErrored: !!s.captchaToken
 			}),
 			/* @__PURE__ */ (0, M.jsx)(S, {
-				step: e.collectEmployeePersonalInfo,
+				step: n.collectEmployeePersonalInfo,
 				verificationService: a,
 				viewModel: o,
 				buttonText: /* @__PURE__ */ (0, M.jsx)(i, {

package/chunk/{StepEmploymentPersonalInfo-BxYmesv2.js.map → StepEmploymentPersonalInfo-VcfGDPHF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmploymentPersonalInfo-BxYmesv2.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"companyPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"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          updateEmploymentViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}
+{"version":3,"file":"StepEmploymentPersonalInfo-VcfGDPHF.js","names":[],"sources":["../../src/components/FormFields/Company/CompanyComponent.tsx","../../src/components/StepEmploymentPersonalInfo/StepEmploymentPersonalInfoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"company\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"companyPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"company\" defaultMessage=\"Company\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport {\n  type VerificationService,\n  type Organization,\n  type EmploymentPersonalInfoViewModel,\n  type CustomFormFieldConfig,\n  type FormSelectChoice,\n  type State,\n  type FieldId,\n} from \"../../lib/types/types\";\nimport {\n  handleEmailOnKeyDown,\n  updateFieldValidationErrorsByFieldId,\n  updateViewModelOrganization,\n  shouldCollectAddressFields,\n  getAvailableStateChoices,\n  getFieldConfigByFieldId,\n} from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { PhoneNumberComponent as PhoneNumber } from \"../FormFields/PhoneNumber/PhoneNumberComponent\";\nimport { FirstNameComponent as FirstName } from \"../FormFields/FirstName/FirstNameComponent\";\nimport { LastNameComponent as LastName } from \"../FormFields/LastName/LastNameComponent\";\nimport { EmailComponent as Email } from \"../FormFields/Email/EmailComponent\";\nimport { MarketConsentWrapperComponent as MarketConsentWrapper } from \"../FormFields/MarketConsentWrapper/MarketConsentWrapperComponent\";\nimport { AddressComponent } from \"../FormFields/Address/AddressComponent\";\nimport { CityComponent } from \"../FormFields/City/City\";\nimport { StateSelectComponent } from \"../FormFields/State/StateSelectComponent\";\nimport { CompanyComponent } from \"../FormFields/Company/CompanyComponent\";\nimport { PostalCodeComponent } from \"../FormFields/PostalCode/PostalCodeComponent\";\nimport { CountryComponentWrapper } from \"../FormFields/Country/CountryComponentWrapper\";\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 StepEmploymentPersonalInfoComponentProps {\n  intl: any;\n  verificationService: VerificationService;\n}\n\nconst StepEmploymentPersonalInfo = ({\n  intl,\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const viewModel = verificationService.viewModel as EmploymentPersonalInfoViewModel;\n  const { fieldValidationErrors } = verificationService;\n  const options = getOptions();\n\n  const updateEmploymentViewModel = (key: keyof EmploymentPersonalInfoViewModel, value: any) => {\n    const nextState: EmploymentPersonalInfoViewModel = produce(\n      viewModel,\n      (draft: EmploymentPersonalInfoViewModel) => {\n        (draft[key] as any) = value;\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  return (\n    <PersonalInfoWrapper\n      verificationService={verificationService}\n      step={verificationService.verificationResponse.currentStep}\n    >\n      <PersonalInfoHeader\n        verificationService={verificationService}\n        classNameIdentifier=\"employment\"\n      />\n\n      <ChangeLocaleV2Component verificationService={verificationService} />\n      <CountryComponentWrapper\n        verificationService={verificationService}\n        disabled={getFieldConfigByFieldId(\"country\")?.disabled}\n        viewModelDraftDecorator={(draft, countryChoice) => {\n          const viewModel = draft as EmploymentPersonalInfoViewModel;\n\n          viewModel.shouldCollectAddress = shouldCollectAddressFields(\n            countryChoice,\n            verificationService.programTheme.config.countries,\n          );\n          const addressFields: FieldId[] = [\"address1\", \"city\", \"state\", \"postalCode\"];\n          const existing = (viewModel.fieldsToSkipValidation || []).filter(\n            (id) => !addressFields.includes(id),\n          );\n          if (!viewModel.shouldCollectAddress) {\n            viewModel.address1 = \"\";\n            viewModel.city = \"\";\n            viewModel.state = \"\";\n            viewModel.postalCode = \"\";\n            viewModel.fieldsToSkipValidation = [...existing, ...addressFields];\n          } else {\n            viewModel.fieldsToSkipValidation = existing.length ? existing : undefined;\n          }\n        }}\n      />\n\n      <CompanyComponent\n        value={(verificationService.viewModel as EmploymentPersonalInfoViewModel).organization}\n        verificationService={verificationService}\n        isErrored={!!fieldValidationErrors.organization}\n        disabled={getFieldConfigByFieldId(\"organization\")?.disabled}\n        onChange={(choice: Organization) => {\n          updateViewModelOrganization(choice, verificationService);\n          updateFieldValidationErrorsByFieldId(\"organization\", choice, verificationService);\n        }}\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            updateEmploymentViewModel(\"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            updateEmploymentViewModel(\"lastName\", newValue);\n            updateFieldValidationErrorsByFieldId(\"lastName\", newValue, verificationService);\n          }}\n        />\n      </div>\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <AddressComponent\n          isErrored={!!fieldValidationErrors.address1}\n          errorId={fieldValidationErrors.address1}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"address1\", newValue);\n            updateFieldValidationErrorsByFieldId(\"address1\", newValue, verificationService);\n          }}\n          isRequired\n          value={viewModel.address1}\n          disabled={getFieldConfigByFieldId(\"address1\")?.disabled}\n          explanation={\n            <FormattedHTMLMessage id=\"addressExplanation\" defaultMessage=\"Use your home address\" />\n          }\n        />\n      ) : null}\n\n      {shouldCollectAddressFields(\n        viewModel.countryChoice,\n        verificationService.programTheme.config.countries,\n      ) ? (\n        <div className=\"sid-thirds\">\n          <CityComponent\n            isErrored={!!fieldValidationErrors.city}\n            errorId={fieldValidationErrors.city}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"city\", newValue);\n              updateFieldValidationErrorsByFieldId(\"city\", newValue, verificationService);\n            }}\n            value={viewModel.city}\n            isRequired\n            disabled={getFieldConfigByFieldId(\"city\")?.disabled}\n          />\n          <StateSelectComponent\n            isRequired\n            options={getAvailableStateChoices(verificationService.programTheme, intl)}\n            value={viewModel.state || undefined}\n            isErrored={Boolean(fieldValidationErrors.state)}\n            onChange={async (stateChoice: FormSelectChoice<State, string>) => {\n              const stateValue = stateChoice ? stateChoice.value : undefined;\n              updateEmploymentViewModel(\"state\", stateValue);\n              updateFieldValidationErrorsByFieldId(\"state\", stateValue, verificationService);\n            }}\n            label={<FormattedHTMLMessage id=\"state\" defaultMessage=\"State\" />}\n            disabled={getFieldConfigByFieldId(\"state\")?.disabled}\n          />\n          <PostalCodeComponent\n            isErrored={!!fieldValidationErrors.postalCode}\n            onChange={(newValue) => {\n              updateEmploymentViewModel(\"postalCode\", newValue);\n              updateFieldValidationErrorsByFieldId(\"postalCode\", newValue, verificationService);\n            }}\n            value={viewModel.postalCode}\n            disabled={getFieldConfigByFieldId(\"postalCode\")?.disabled}\n          />\n        </div>\n      ) : null}\n\n      <Email\n        value={viewModel.email}\n        isErrored={!!fieldValidationErrors.email}\n        explanation={\n          <FormattedHTMLMessage\n            id=\"emailExplanation\"\n            defaultMessage=\"Use your work email if you have one\"\n          />\n        }\n        onChange={(newValue) => {\n          updateEmploymentViewModel(\"email\", newValue);\n          updateFieldValidationErrorsByFieldId(\"email\", newValue, verificationService);\n        }}\n        onKeyDown={(event) => handleEmailOnKeyDown(event)}\n        disabled={getFieldConfigByFieldId(\"email\")?.disabled}\n      />\n      {verificationService.programTheme.isSmsNotifierConfigured ||\n      verificationService.programTheme.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!verificationService.programTheme.smsLoopEnabled}\n          value={viewModel.phoneNumber}\n          isErrored={!!fieldValidationErrors.phoneNumber}\n          onChange={(newValue) => {\n            updateEmploymentViewModel(\"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          updateEmploymentViewModel(\"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\n      <PersonalInfoStepSubmitButton\n        step={VerificationStepsEnum.collectEmployeePersonalInfo}\n        verificationService={verificationService}\n        viewModel={viewModel}\n        buttonText={\n          <FormattedHTMLMessage\n            id=\"step.personalInfo.submitButtonText\"\n            defaultMessage=\"Verify My Employment Status\"\n          />\n        }\n      />\n    </PersonalInfoWrapper>\n  );\n};\n\n// TODO remove injectIntl, unused\nexport const StepEmploymentPersonalInfoComponent = injectIntl(StepEmploymentPersonalInfo);\n"],"mappings":"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"}