@sheerid/jslib 2.315.0 → 2.317.0

package/chunk/{StepEmailLoop-2ftuvoPd.js.map → StepEmailLoop-BWsv5YAe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmailLoop-2ftuvoPd.js","names":["produce","_Fragment","FormFooter","fn","logger","VerificationStepsEnum","FormattedHTMLMessage","require_jsx_runtime","FormFooterComponent","useFlag","LogoComponent","AnnouncingHeader","updateFieldValidationErrorsByFieldId","submitForm","FormFieldText","EmailLoopPendingComponent","import_jsx_runtime","EmailLoopCollectOrganizationEmail","viewModel","verificationService","fieldValidationErrors","isInvalidOrgEmail","shouldHideIcon","organizationEmail","nextState","StepEmailLoopComponent","isCollectOrgEmailState"],"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-BWsv5YAe.js","names":["produce","_Fragment","FormFooter","fn","logger","VerificationStepsEnum","require_jsx_runtime","FormFooterComponent","useFlag","FormattedHTMLMessage","LogoComponent","AnnouncingHeader","updateFieldValidationErrorsByFieldId","submitForm","FormFieldText","EmailLoopPendingComponent","import_jsx_runtime","EmailLoopCollectOrganizationEmail","viewModel","verificationService","fieldValidationErrors","isInvalidOrgEmail","shouldHideIcon","organizationEmail","nextState","StepEmailLoopComponent","isCollectOrgEmailState"],"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/{StepEmailLoop-CqjFTe3c.js → StepEmailLoop-Dkvzpmnv.js}

@@ -1,23 +1,24 @@
 
 /**
- *   VERSION: 2.315.0
- *   BUILD_TIMESTAMP: 1793755574220
- *   BUILD_DATE: Wed Nov 04 2026 01:26:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 22244e83657b6c12023c5aac9710b7924aab6459
+ *   VERSION: 2.317.0
+ *   BUILD_TIMESTAMP: 1793828551263
+ *   BUILD_DATE: Wed Nov 04 2026 21:42:31 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cfcae53b477fea0855447c301740825340a005f8
  */
-import { dt as e } from "./i18next-iyVj5hRL.js";
-import { n as t, t as n } from "./jsx-runtime-DwmrsRqi.js";
-import { S as r, b as i } from "./runtimeTypes-B2AGNJMT.js";
-import { t as a } from "./FormFooterComponent-BTfz7YAX.js";
-import { t as o } from "./hooks-D0X_qdc-.js";
-import { t as s } from "./LogoComponent-BoEYsksW.js";
-import { t as c } from "./AnnouncingHeader-CM01vEpF.js";
-import { d as l, l as u } from "./stepComponentHelpers-CyqXTDdj.js";
-import { t as d } from "./FormFieldText-CkPmuIPf.js";
-import { t as f } from "./EmailLoopPending-DnPlbLqA.js";
+import { bt as e } from "./empties-xLh6FzDA.js";
+import { t } from "./jsx-runtime-h9ybVYa3.js";
+import { S as n, b as r } from "./runtimeTypes-B2AGNJMT.js";
+import { t as i } from "./FormFooterComponent-DTMJcOBW.js";
+import { t as a } from "./hooks-df3XJbin.js";
+import { t as o } from "./index.es-Dw43pp1V.js";
+import { t as s } from "./LogoComponent-Dwrer09q.js";
+import { t as c } from "./AnnouncingHeader-C3W0VQzV.js";
+import { d as l, l as u } from "./stepComponentHelpers-BcYAcI_q.js";
+import { t as d } from "./FormFieldText-CSfUMOnT.js";
+import { t as f } from "./EmailLoopPending-jjuq_4Uo.js";
 //#region src/components/StepEmailLoop/EmailLoopCollectOrganizationEmail.tsx
-var p = n(), m = ({ verificationService: n }) => {
-	let f = n.viewModel, m = n.fieldValidationErrors, h = (n.verificationResponse?.errorIds || []).includes("invalidEmail"), g = o("hc-my-sheer-id-theme-builder");
+var p = t(), m = ({ verificationService: t }) => {
+	let f = t.viewModel, m = t.fieldValidationErrors, h = (t.verificationResponse?.errorIds || []).includes("invalidEmail"), g = a("hc-my-sheer-id-theme-builder");
 	return /* @__PURE__ */ (0, p.jsxs)(p.Fragment, { children: [/* @__PURE__ */ (0, p.jsxs)("div", {
 		className: "sid-header sid-l-horz-center",
 		children: [/* @__PURE__ */ (0, p.jsxs)("div", {
@@ -26,7 +27,7 @@ var p = n(), m = ({ verificationService: n }) => {
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-sso-logo-container sid-l-horz-center",
 					children: /* @__PURE__ */ (0, p.jsx)(s, {
-						verificationService: n,
+						verificationService: t,
 						fallbackLogo: !g && /* @__PURE__ */ (0, p.jsx)("img", {
 							className: "sid-sso-logo-default sid-l-lead-image",
 							alt: "",
@@ -38,7 +39,7 @@ var p = n(), m = ({ verificationService: n }) => {
 					className: "sid-preheader-label sid-l-space-top-md",
 					children: /* @__PURE__ */ (0, p.jsx)("span", {
 						className: "sid-h-label",
-						children: /* @__PURE__ */ (0, p.jsx)(t, {
+						children: /* @__PURE__ */ (0, p.jsx)(o, {
 							id: "instant",
 							defaultMessage: "Instant"
 						})
@@ -46,7 +47,7 @@ var p = n(), m = ({ verificationService: n }) => {
 				}),
 				/* @__PURE__ */ (0, p.jsx)(c, {
 					align: "center",
-					children: /* @__PURE__ */ (0, p.jsx)(t, {
+					children: /* @__PURE__ */ (0, p.jsx)(o, {
 						id: "step.emailLoop.collectOrganizationEmail.title",
 						defaultMessage: "Verify using your work email address",
 						tagName: "h1"
@@ -54,7 +55,7 @@ var p = n(), m = ({ verificationService: n }) => {
 				}),
 				/* @__PURE__ */ (0, p.jsx)("div", {
 					className: "sid-header__subtitle-one",
-					children: /* @__PURE__ */ (0, p.jsx)(t, {
+					children: /* @__PURE__ */ (0, p.jsx)(o, {
 						id: "step.emailLoop.collectOrganizationEmail.subtitle",
 						defaultMessage: "Enter the email address provided by your employer and we'll send you a verification link"
 					})
@@ -67,20 +68,20 @@ var p = n(), m = ({ verificationService: n }) => {
 					fieldId: "emailOverride",
 					value: f.organizationEmail,
 					onChange: (e) => {
-						n.updateViewModel({
+						t.updateViewModel({
 							...f,
 							organizationEmail: e
-						}), l("organizationEmail", e, n);
+						}), l("organizationEmail", e, t);
 					},
 					placeholder: "",
-					label: /* @__PURE__ */ (0, p.jsx)(t, {
+					label: /* @__PURE__ */ (0, p.jsx)(o, {
 						id: "step.emailLoop.collectOrganizationEmail.email.label",
 						defaultMessage: "Work email address"
 					}),
-					errorMessage: h && /* @__PURE__ */ (0, p.jsx)(t, {
+					errorMessage: h && /* @__PURE__ */ (0, p.jsx)(o, {
 						id: "step.emailLoop.errors.invalidEmail",
 						defaultMessage: "This email address is not valid for instant verification. Please use an email address provided by your employer or upload documentation below."
-					}) || m.organizationEmail && /* @__PURE__ */ (0, p.jsx)(t, {
+					}) || m.organizationEmail && /* @__PURE__ */ (0, p.jsx)(o, {
 						id: "emailIds.invalidEmail",
 						defaultMessage: "Invalid email"
 					})
@@ -91,10 +92,10 @@ var p = n(), m = ({ verificationService: n }) => {
 						id: "sid-submit-btn-sso",
 						type: "submit",
 						disabled: !!m.organizationEmail,
-						onClick: () => u(f, n, i.emailLoopCollectOrganizationEmail),
+						onClick: () => u(f, t, r.emailLoopCollectOrganizationEmail),
 						className: "sid-btn sid-sso-submit-btn sid-btn--dark sid-l-full-width ",
 						"aria-label": "submit",
-						children: /* @__PURE__ */ (0, p.jsx)(t, {
+						children: /* @__PURE__ */ (0, p.jsx)(o, {
 							id: "step.emailLoop.collectOrganizationEmail.email.send",
 							defaultMessage: "Send Email"
 						})
@@ -105,14 +106,14 @@ var p = n(), m = ({ verificationService: n }) => {
 					children: [
 						/* @__PURE__ */ (0, p.jsx)("div", {
 							className: "sid-header__subtitle-two sid-h-bold-text",
-							children: /* @__PURE__ */ (0, p.jsx)(t, {
+							children: /* @__PURE__ */ (0, p.jsx)(o, {
 								id: "step.emailLoop.collectOrganizationEmail.alternative",
 								defaultMessage: "Unable to access a work email address?"
 							})
 						}),
 						/* @__PURE__ */ (0, p.jsx)("div", {
 							className: "sid-form-region sid-l-space-btm-sm sid-l-space-top-sm",
-							children: /* @__PURE__ */ (0, p.jsx)(t, {
+							children: /* @__PURE__ */ (0, p.jsx)(o, {
 								id: "step.sso.alternative",
 								defaultMessage: "You can also verify by uploading proof of eligibility"
 							})
@@ -121,13 +122,13 @@ var p = n(), m = ({ verificationService: n }) => {
 							className: "sid-l-space-top-sm",
 							children: /* @__PURE__ */ (0, p.jsx)("button", {
 								onClick: async () => {
-									r.info("StepEmailLoopComponent submitting form after skipping email loop");
-									let t = e(f, () => {});
-									return n.submitStep(i.cancelEmailLoop, t, n.verificationResponse);
+									n.info("StepEmailLoopComponent submitting form after skipping email loop");
+									let i = e(f, () => {});
+									return t.submitStep(r.cancelEmailLoop, i, t.verificationResponse);
 								},
 								className: "sid-h-btn-link-like sid-link sid-h-bold-text",
 								type: "button",
-								children: /* @__PURE__ */ (0, p.jsx)(t, {
+								children: /* @__PURE__ */ (0, p.jsx)(o, {
 									id: "step.sso.cancel",
 									defaultMessage: "Upload Proof of Enrollment"
 								})
@@ -138,7 +139,7 @@ var p = n(), m = ({ verificationService: n }) => {
 				/* @__PURE__ */ (0, p.jsx)("div", { className: "sid-l-space-top-lg" })
 			]
 		})]
-	}), /* @__PURE__ */ (0, p.jsx)(a, { verificationService: n })] });
+	}), /* @__PURE__ */ (0, p.jsx)(i, { verificationService: t })] });
 }, h = ({ verificationService: e }) => {
 	let t = e.verificationResponse.currentState === "collectOrganizationEmail";
 	return /* @__PURE__ */ (0, p.jsx)("div", {

package/chunk/{StepEmailLoop-CqjFTe3c.js.map → StepEmailLoop-Dkvzpmnv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmailLoop-CqjFTe3c.js","names":["produce","_Fragment","FormFooter","fn","FormattedHTMLMessage","require_jsx_runtime","logger","VerificationStepsEnum","FormFooterComponent","useFlag","LogoComponent","AnnouncingHeader","updateFieldValidationErrorsByFieldId","submitForm","FormFieldText","EmailLoopPendingComponent","import_jsx_runtime","EmailLoopCollectOrganizationEmail","viewModel","verificationService","fieldValidationErrors","isInvalidOrgEmail","shouldHideIcon","organizationEmail","nextState","StepEmailLoopComponent","isCollectOrgEmailState"],"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-Dkvzpmnv.js","names":["produce","_Fragment","FormFooter","fn","logger","VerificationStepsEnum","FormFooterComponent","useFlag","FormattedHTMLMessage","LogoComponent","AnnouncingHeader","updateFieldValidationErrorsByFieldId","submitForm","FormFieldText","EmailLoopPendingComponent","import_jsx_runtime","require_jsx_runtime","EmailLoopCollectOrganizationEmail","viewModel","verificationService","fieldValidationErrors","isInvalidOrgEmail","shouldHideIcon","organizationEmail","nextState","StepEmailLoopComponent","isCollectOrgEmailState"],"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-B-iW-S7t.js → StepEmploymentPersonalInfo-9DtJG0OG.js}

@@ -1,53 +1,58 @@
 
 /**
- *   VERSION: 2.315.0
- *   BUILD_TIMESTAMP: 1793755574220
- *   BUILD_DATE: Wed Nov 04 2026 01:26:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 22244e83657b6c12023c5aac9710b7924aab6459
+ *   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.317.0
+ *   BUILD_TIMESTAMP: 1793828555691
+ *   BUILD_DATE: Wed Nov 04 2026 21:42:35 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cfcae53b477fea0855447c301740825340a005f8
  */
-import { dt as e, u as t } from "./i18next-iyVj5hRL.js";
-import { n, t as r } from "./jsx-runtime-DwmrsRqi.js";
-import { o as i } from "./programThemeGetters-0iwXNOx6.js";
-import { b as a } from "./runtimeTypes-B2AGNJMT.js";
-import { n as o } from "./Message-CexO4eZq.js";
-import { w as s } from "./FormFooterComponent-BTfz7YAX.js";
-import { n as c } from "../sheerid.js";
-import { c as l, d as u, f as d, r as f, t as p } from "./stepComponentHelpers-CyqXTDdj.js";
-import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-g9Ye-t7Z.js";
-import { n as b, t as x } from "./PersonalInfoStepSubmitButton-vpNt-1XI.js";
-import { t as S } from "./PostalCodeComponent-B25YSrIO.js";
-import { t as C } from "./CountryComponentWrapper-DHUcGCUF.js";
-import { t as w } from "./City-gBRdOIsP.js";
-import { t as T } from "./AddressComponent-uhBMgV3q.js";
-import { t as E } from "./ExtraMessage-v4rZ0l8r.js";
-import { t as D } from "./ChangeLocaleComponent-DBoMb2NA.js";
-import { t as O } from "./PersonalInfoStepWrapper-CyCuyImb.js";
-import { t as k } from "./FormFieldTypeahead-BjsW2DUM.js";
-import { t as A } from "./StateSelectComponent-uKT0CUkG.js";
+import { S as e, g as t } from "./empties-DtevBq9w.js";
+import { b as n } from "./runtimeTypes-B2AGNJMT.js";
+import { t as r } from "./jsx-runtime-DQgZVOUX.js";
+import { n as i } from "./Message-B40rYRnQ.js";
+import { o as a } from "./programThemeGetters-B2hrl_I4.js";
+import { x as o } from "./FormFooterComponent-DIRoNXm5.js";
+import { t as s } from "./index.es-Cir3-TDI.js";
+import { t as c } from "../_mysheerid-preview.js";
+import { c as l, d as u, f as d, r as f, t as p } from "./stepComponentHelpers-3SlH9niv.js";
+import { a as m, i as h, n as g, o as _, s as v, t as y } from "./CaptchaComponent-BcQgxG0o.js";
+import { n as b, t as x } from "./PersonalInfoStepSubmitButton-CT7lguuZ.js";
+import { t as S } from "./PostalCodeComponent-CM7B9nbQ.js";
+import { t as C } from "./CountryComponentWrapper-CA5QjkzI.js";
+import { t as w } from "./City-CR2xigNn.js";
+import { t as T } from "./AddressComponent-D2mEkfix.js";
+import { t as E } from "./ExtraMessage-CR5rN46Q.js";
+import { t as D } from "./ChangeLocaleComponent-ry8sqUF9.js";
+import { t as O } from "./PersonalInfoStepWrapper-B6KYjnG-.js";
+import { t as k } from "./FormFieldTypeahead-CVBnJBm4.js";
+import { t as A } from "./StateSelectComponent-CDUxaxhl.js";
 //#region src/components/FormFields/Company/CompanyComponent.tsx
-var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a, placeholder: c = "", disabled: l = !1 }) => {
-	let u = i(), { msg: d } = o();
+var j = r(), M = ({ value: e, isErrored: t, onChange: n, verificationService: r, placeholder: c = "", disabled: l = !1 }) => {
+	let u = a(), { msg: d } = i();
 	return p("organization")?.hidden ? null : /* @__PURE__ */ (0, j.jsx)(k, {
 		fieldId: "company",
 		value: e,
-		verificationService: a,
-		onChange: (e) => r(e),
+		verificationService: r,
+		onChange: (e) => n(e),
 		placeholder: c || d({ id: "companyPlaceholder" }),
-		label: /* @__PURE__ */ (0, j.jsx)(n, {
+		label: /* @__PURE__ */ (0, j.jsx)(s, {
 			id: "company",
 			defaultMessage: "Company"
 		}),
-		errorMessage: t && /* @__PURE__ */ (0, j.jsx)(n, {
+		errorMessage: t && /* @__PURE__ */ (0, j.jsx)(s, {
 			id: "errorId.invalidOrganization",
 			defaultMessage: "You must select an organization from the list"
 		}),
-		orgSearchUrl: s(a.viewModel, u),
+		orgSearchUrl: o(r.viewModel, u),
 		showPlaceholderAndHideLabel: !!c,
 		disabled: l
 	});
 }, N = ({ verificationService: r }) => {
-	let o = i(), s = r.viewModel, { fieldValidationErrors: k } = r, N = t(), P = (t, n) => {
-		let i = e(s, (e) => {
+	let i = a(), o = r.viewModel, { fieldValidationErrors: k } = r, N = t(), P = (t, n) => {
+		let i = e(o, (e) => {
 			e[t] = n;
 		});
 		r.updateViewModel(i);
@@ -66,14 +71,14 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 				disabled: p("country")?.disabled,
 				viewModelDraftDecorator: (e, t) => {
 					let n = e;
-					n.shouldCollectAddress = l(t, o.countries);
+					n.shouldCollectAddress = l(t, i.countries);
 					let r = [
 						"address1",
 						"city",
 						"state",
 						"postalCode"
-					], i = (n.fieldsToSkipValidation || []).filter((e) => !r.includes(e));
-					n.shouldCollectAddress ? n.fieldsToSkipValidation = i.length ? i : void 0 : (n.address1 = "", n.city = "", n.state = "", n.postalCode = "", n.fieldsToSkipValidation = [...i, ...r]);
+					], 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, j.jsx)(M, {
@@ -88,14 +93,14 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 			/* @__PURE__ */ (0, j.jsxs)("div", {
 				className: "sid-names",
 				children: [/* @__PURE__ */ (0, j.jsx)(m, {
-					value: s.firstName,
+					value: o.firstName,
 					isErrored: !!k.firstName,
 					disabled: p("firstName")?.disabled,
 					onChange: (e) => {
 						P("firstName", e), u("firstName", e, r);
 					}
 				}), /* @__PURE__ */ (0, j.jsx)(h, {
-					value: s.lastName,
+					value: o.lastName,
 					isErrored: !!k.lastName,
 					disabled: p("lastName")?.disabled,
 					onChange: (e) => {
@@ -103,21 +108,21 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 					}
 				})]
 			}),
-			l(s.countryChoice, o.countries) ? /* @__PURE__ */ (0, j.jsx)(T, {
+			l(o.countryChoice, i.countries) ? /* @__PURE__ */ (0, j.jsx)(T, {
 				isErrored: !!k.address1,
 				errorId: k.address1,
 				onChange: (e) => {
 					P("address1", e), u("address1", e, r);
 				},
 				isRequired: !0,
-				value: s.address1,
+				value: o.address1,
 				disabled: p("address1")?.disabled,
-				explanation: /* @__PURE__ */ (0, j.jsx)(n, {
+				explanation: /* @__PURE__ */ (0, j.jsx)(s, {
 					id: "addressExplanation",
 					defaultMessage: "Use your home address"
 				})
 			}) : null,
-			l(s.countryChoice, o.countries) ? /* @__PURE__ */ (0, j.jsxs)("div", {
+			l(o.countryChoice, i.countries) ? /* @__PURE__ */ (0, j.jsxs)("div", {
 				className: "sid-thirds",
 				children: [
 					/* @__PURE__ */ (0, j.jsx)(w, {
@@ -126,19 +131,19 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 						onChange: (e) => {
 							P("city", e), u("city", e, r);
 						},
-						value: s.city,
+						value: o.city,
 						isRequired: !0,
 						disabled: p("city")?.disabled
 					}),
 					/* @__PURE__ */ (0, j.jsx)(A, {
 						isRequired: !0,
-						value: s.state || void 0,
+						value: o.state || void 0,
 						isErrored: !!k.state,
 						onChange: async (e) => {
 							let t = e ? e.value : void 0;
 							P("state", t), u("state", t, r);
 						},
-						label: /* @__PURE__ */ (0, j.jsx)(n, {
+						label: /* @__PURE__ */ (0, j.jsx)(s, {
 							id: "state",
 							defaultMessage: "State"
 						}),
@@ -149,15 +154,15 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 						onChange: (e) => {
 							P("postalCode", e), u("postalCode", e, r);
 						},
-						value: s.postalCode,
+						value: o.postalCode,
 						disabled: p("postalCode")?.disabled
 					})
 				]
 			}) : null,
 			/* @__PURE__ */ (0, j.jsx)(b, {
-				value: s.email,
+				value: o.email,
 				isErrored: !!k.email,
-				explanation: /* @__PURE__ */ (0, j.jsx)(n, {
+				explanation: /* @__PURE__ */ (0, j.jsx)(s, {
 					id: "emailExplanation",
 					defaultMessage: "Use your work email if you have one"
 				}),
@@ -167,14 +172,14 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 				onKeyDown: (e) => f(e),
 				disabled: p("email")?.disabled
 			}),
-			o.isSmsNotifierConfigured || o.smsLoopEnabled ? /* @__PURE__ */ (0, j.jsx)(_, {
-				isRequired: !!o.smsLoopEnabled,
-				value: s.phoneNumber,
+			i.isSmsNotifierConfigured || i.smsLoopEnabled ? /* @__PURE__ */ (0, j.jsx)(_, {
+				isRequired: !!i.smsLoopEnabled,
+				value: o.phoneNumber,
 				isErrored: !!k.phoneNumber,
 				onChange: (e) => {
 					P("phoneNumber", e), u("phoneNumber", e, r);
 				},
-				selectedCountryCode: s.countryChoice && s.countryChoice.value,
+				selectedCountryCode: o.countryChoice && o.countryChoice.value,
 				disabled: p("phoneNumber")?.disabled
 			}) : null,
 			N.customFormFields.map((e) => /* @__PURE__ */ (0, j.jsx)(g, {
@@ -190,7 +195,7 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 						marketConsentValue: e
 					}), u("marketConsentValue", e, r);
 				},
-				viewModel: s,
+				viewModel: o,
 				disabled: p("marketConsentValue")?.disabled
 			}),
 			/* @__PURE__ */ (0, j.jsx)(E, {
@@ -202,10 +207,10 @@ var j = r(), M = ({ value: e, isErrored: t, onChange: r, verificationService: a,
 				isErrored: !!k.captchaToken
 			}),
 			/* @__PURE__ */ (0, j.jsx)(x, {
-				step: a.collectEmployeePersonalInfo,
+				step: n.collectEmployeePersonalInfo,
 				verificationService: r,
-				viewModel: s,
-				buttonText: /* @__PURE__ */ (0, j.jsx)(n, {
+				viewModel: o,
+				buttonText: /* @__PURE__ */ (0, j.jsx)(s, {
 					id: "step.personalInfo.submitButtonText",
 					defaultMessage: "Verify My Employment Status"
 				})

package/chunk/{StepEmploymentPersonalInfo-D7Dp0Cg4.js.map → StepEmploymentPersonalInfo-9DtJG0OG.js.map}

@@ -1 +1 @@
-{"version":3,"file":"StepEmploymentPersonalInfo-D7Dp0Cg4.js","names":["produce","FirstName","LastName","Email","PhoneNumber","MarketConsentWrapper","fn","getOptions","VerificationStepsEnum","FormattedHTMLMessage","require_jsx_runtime","useMessage","getOrgSearchUrl","PersonalInfoHeader","shouldCollectAddressFields","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","FormFieldTypeahead","StateSelectComponent","import_jsx_runtime","CompanyComponent","programConfiguration","useProgramConfiguration","onChange","choice","placeholder","msg","isErrored","verificationService","StepEmploymentPersonalInfoComponent","viewModel","options","updateEmploymentViewModel","nextState","key","value","draft","countryChoice","addressFields","existing","id","fieldValidationErrors","newValue","stateValue","stateChoice","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const programConfiguration = useProgramConfiguration();\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(verificationService.viewModel, programConfiguration)}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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  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  verificationService: VerificationService;\n}\n\nexport const StepEmploymentPersonalInfoComponent = ({\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\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            programConfiguration.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(viewModel.countryChoice, programConfiguration.countries) ? (\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(viewModel.countryChoice, programConfiguration.countries) ? (\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            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      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.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"],"mappings":"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"}
+{"version":3,"file":"StepEmploymentPersonalInfo-9DtJG0OG.js","names":["produce","FirstName","LastName","Email","PhoneNumber","MarketConsentWrapper","fn","getOptions","VerificationStepsEnum","require_jsx_runtime","useMessage","useProgramConfiguration","getOrgSearchUrl","FormattedHTMLMessage","PersonalInfoHeader","shouldCollectAddressFields","updateFieldValidationErrorsByFieldId","updateViewModelOrganization","handleEmailOnKeyDown","getFieldConfigByFieldId","FirstNameComponent","LastNameComponent","FormFieldCustom","PhoneNumberComponent","MarketConsentWrapperComponent","CaptchaComponent","EmailComponent","PersonalInfoStepSubmitButton","PostalCodeComponent","CountryComponentWrapper","CityComponent","AddressComponent","ExtraMessage","ChangeLocaleV2Component","PersonalInfoWrapper","FormFieldTypeahead","StateSelectComponent","import_jsx_runtime","CompanyComponent","programConfiguration","onChange","choice","placeholder","msg","isErrored","verificationService","StepEmploymentPersonalInfoComponent","viewModel","options","updateEmploymentViewModel","nextState","key","value","draft","countryChoice","addressFields","existing","id","fieldValidationErrors","newValue","stateValue","stateChoice","event"],"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/ProgramConfiguration/programConfigurationGetters\";\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\n\nexport const CompanyComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const programConfiguration = useProgramConfiguration();\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(verificationService.viewModel, programConfiguration)}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n","/**\n * TODO - preamble\n */\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport { produce } from \"immer\";\n\nimport { useProgramConfiguration } from \"@/lib/state/contextHooks\";\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  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  verificationService: VerificationService;\n}\n\nexport const StepEmploymentPersonalInfoComponent = ({\n  verificationService,\n}: StepEmploymentPersonalInfoComponentProps) => {\n  const programConfiguration = useProgramConfiguration();\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            programConfiguration.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(viewModel.countryChoice, programConfiguration.countries) ? (\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(viewModel.countryChoice, programConfiguration.countries) ? (\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            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      {programConfiguration.isSmsNotifierConfigured || programConfiguration.smsLoopEnabled ? (\n        <PhoneNumber\n          isRequired={!!programConfiguration.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"],"mappings":"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"}