@sheerid/jslib 2.262.0 → 2.264.0

package/chunk/EmailLoopPending-Bm7vJ_QR.js

@@ -0,0 +1,133 @@
+
+/**
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
+ */
+import { Gt as e, Ht as t, Kt as n, Lt as r, c as i, lt as a } from "./options-BqxY1ri6.js";
+import { a as o, c as s, n as c, t as l } from "./jsx-runtime-B29HBOo1.js";
+import { t as u } from "./VerificationApiClient-PLVc1WDR.js";
+import { t as d } from "./hooks-ClexZCWs.js";
+import { t as f } from "./LogoComponent-Dt2sl-7K.js";
+import { t as p } from "./AnnouncingHeader-DSPYeTwU.js";
+import { q as m, rt as h } from "../sheerid.js";
+//#region src/components/StepEmailLoop/EmailLoopPending.tsx
+var g = /* @__PURE__ */ e({
+	EmailLoopPending: () => b,
+	EmailLoopPendingComponent: () => x,
+	default: () => x
+}), _ = /* @__PURE__ */ n(s(), 1), v = l(), y = 1e4, b = ({ intl: e, verificationService: n }) => {
+	let o = n.verificationResponse, { programId: s } = n, { verificationId: l } = o, { canResendEmailLoop: g } = o, b = o.cancelUrl, x = n.viewModel, S = n.previousViewModel || void 0, C = n.previousVerificationResponse || void 0, w = d("hc-my-sheer-id-theme-builder"), [T, E] = _.useState(""), D = a(() => S.email), O = () => {
+		t.info("StepEmailLoopComponent submitting form"), n.submitStep(r.emailLoop, x, n.verificationResponse);
+	};
+	_.useEffect(() => {
+		m(n);
+	}, []), _.useEffect(() => {
+		x.emailToken && O();
+	}, [x.emailToken]), h(() => {
+		n.fetchExistingVerificationRequest(s, l, C, S, !1);
+	}, y);
+	let k = async (t) => {
+		let n = await u.getResendNewEmailCode(t);
+		E(n && n.status === 204 ? e.formatHTMLMessage({
+			id: "step.emailLoop.successResend",
+			defaultMessage: "Email re-sent successfully."
+		}) : e.formatHTMLMessage({
+			id: "step.emailLoop.errors.resend",
+			defaultMessage: "Error sending email"
+		}));
+	}, A = async () => {
+		t.info("StepEmailLoopComponent submitting form after skipping email loop");
+		let e = i(x, () => {});
+		n.submitStep(r.cancelEmailLoop, e, n.verificationResponse);
+	};
+	return /* @__PURE__ */ (0, v.jsxs)("div", {
+		className: "sid-header sid-l-horz-center",
+		children: [
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-email-loop-logo-container sid-l-horz-center",
+				children: /* @__PURE__ */ (0, v.jsx)(f, {
+					verificationService: n,
+					fallbackLogo: !w && /* @__PURE__ */ (0, v.jsx)("img", {
+						className: "sid-email-loop-logo sid-l-lead-image",
+						alt: "",
+						src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)(p, {
+				align: "center",
+				children: /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.title",
+					defaultMessage: "Check your email",
+					tagName: "h1"
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__subtitle",
+				children: D ? /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitleWithEmail",
+					defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.",
+					values: { email: D }
+				}) : /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitleWithoutEmail",
+					defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process."
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", { className: "sid-l-space-top-md" }),
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__subtitle-two sid-l-space-top-md",
+				children: /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitle2",
+					defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details."
+				})
+			}),
+			b && /* @__PURE__ */ (0, v.jsxs)("div", {
+				className: "sid-skip-email sid-l-space-top-lg",
+				children: [
+					/* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.skipEmail",
+						defaultMessage: "Unable to retrieve this email? Click "
+					}),
+					"\xA0",
+					/* @__PURE__ */ (0, v.jsx)("button", {
+						type: "button",
+						onClick: () => A(),
+						className: "sid-incorrect-number__refresh-link sid-h-btn-link-like",
+						children: /* @__PURE__ */ (0, v.jsx)(c, {
+							id: "step.emailLoop.skipEmailCTA",
+							defaultMessage: "here"
+						})
+					}),
+					"\xA0",
+					/* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.skipEmail2",
+						defaultMessage: " to proceed."
+					})
+				]
+			}),
+			g && /* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center",
+				children: /* @__PURE__ */ (0, v.jsx)("button", {
+					id: "sid-resend-email",
+					onClick: () => k(l),
+					type: "submit",
+					className: "sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel",
+					"aria-label": "re-send",
+					children: /* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.resendButton",
+						defaultMessage: "Re-send"
+					})
+				})
+			}),
+			T && /* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-resent-email-loop-email-message",
+				children: /* @__PURE__ */ (0, v.jsx)("p", { children: T })
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", { className: "sid-l-space-top-xl" })
+		]
+	});
+}, x = o(b);
+//#endregion
+export { g as n, x as t };

package/chunk/EmailLoopPending-Bm7vJ_QR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLoopPending-Bm7vJ_QR.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopPending.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { injectIntl, FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type StudentPersonalInfoViewModel,\n  type EmailLoopViewModel,\n  type EmailLoopResponse,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { populateViewModelFromQueryParams } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { usePollingInterval } from \"../../lib/utils/usePollingInterval/usePollingInterval\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\nimport { type StepEmailLoopComponentProps } from \"./StepEmailLoopComponent\";\n\nconst EMAIL_LOOP_POLL_DURATION = 10000;\n\nexport const EmailLoopPending = ({ intl, verificationService }: StepEmailLoopComponentProps) => {\n  const verificationResponse = verificationService.verificationResponse as EmailLoopResponse;\n  const { programId } = verificationService;\n  const { verificationId } = verificationResponse;\n  const { canResendEmailLoop } = verificationResponse;\n  const canCancelEmailLoop = verificationResponse.cancelUrl;\n  const viewModel = verificationService.viewModel as EmailLoopViewModel;\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n  const previousVerificationResponse =\n    verificationService.previousVerificationResponse || undefined;\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const [resendMessage, setResendMessage] = React.useState(\"\");\n  const email = getSafe(() => previousViewModel.email);\n\n  const submitForm = () => {\n    logger.info(\"StepEmailLoopComponent submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.emailLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  React.useEffect(() => {\n    populateViewModelFromQueryParams(verificationService);\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.emailToken) {\n      submitForm();\n    }\n  }, [viewModel.emailToken]);\n\n  usePollingInterval(() => {\n    verificationService.fetchExistingVerificationRequest(\n      programId,\n      verificationId,\n      previousVerificationResponse,\n      previousViewModel,\n      false,\n    );\n  }, EMAIL_LOOP_POLL_DURATION);\n\n  const resendEmail = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewEmailCode(verificationId);\n    if (response) {\n      const successMsgObject = {\n        id: \"step.emailLoop.successResend\",\n        defaultMessage: \"Email re-sent successfully.\",\n      };\n      const maxRetriesMsgObject = {\n        id: \"step.emailLoop.errors.resend\",\n        defaultMessage: \"Error sending email\",\n      };\n      const message =\n        response.status === 204\n          ? intl.formatHTMLMessage(successMsgObject)\n          : intl.formatHTMLMessage(maxRetriesMsgObject);\n      setResendMessage(message);\n    } else {\n      setResendMessage(\n        intl.formatHTMLMessage({\n          id: \"step.emailLoop.errors.resend\",\n          defaultMessage: \"Error sending email\",\n        }),\n      );\n    }\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div className=\"sid-header sid-l-horz-center\">\n      <div className=\"sid-email-loop-logo-container sid-l-horz-center\">\n        <LogoComponent\n          verificationService={verificationService}\n          fallbackLogo={\n            !shouldHideIcon && (\n              <img\n                className=\"sid-email-loop-logo 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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.emailLoop.title\"\n          defaultMessage=\"Check your email\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {email ? (\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.subtitleWithEmail\"\n            defaultMessage=\"An email has been sent to {email} with a personalized link to complete the verification process.\"\n            values={{ email }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.subtitleWithoutEmail\"\n            defaultMessage=\"An email has been sent to your email account with a personalized link to complete the verification process.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-l-space-top-md\" />\n\n      <div className=\"sid-header__subtitle-two sid-l-space-top-md\">\n        <FormattedHTMLMessage\n          id=\"step.emailLoop.subtitle2\"\n          defaultMessage=\"Please check for an email from us (verify@sheerid.com) for all the details.\"\n        />\n      </div>\n\n      {canCancelEmailLoop && (\n        <div className=\"sid-skip-email sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.skipEmail\"\n            defaultMessage=\"Unable to retrieve this email? Click \"\n          />\n          &nbsp;\n          <button\n            type=\"button\"\n            onClick={() => cancelEmailLoop()}\n            className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n          >\n            <FormattedHTMLMessage id=\"step.emailLoop.skipEmailCTA\" defaultMessage=\"here\" />\n          </button>\n          &nbsp;\n          <FormattedHTMLMessage id=\"step.emailLoop.skipEmail2\" defaultMessage=\" to proceed.\" />\n        </div>\n      )}\n\n      {canResendEmailLoop && (\n        <div className=\"sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center\">\n          <button\n            id=\"sid-resend-email\"\n            onClick={() => resendEmail(verificationId)}\n            type=\"submit\"\n            className=\"sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel\"\n            aria-label=\"re-send\"\n          >\n            <FormattedHTMLMessage id=\"step.emailLoop.resendButton\" defaultMessage=\"Re-send\" />\n          </button>\n        </div>\n      )}\n\n      {resendMessage && (\n        <div className=\"sid-resent-email-loop-email-message\">\n          <p>{resendMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-l-space-top-xl\" />\n    </div>\n  );\n};\n\nexport const EmailLoopPendingComponent = injectIntl(EmailLoopPending);\nexport default EmailLoopPendingComponent;\n"],"mappings":"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"}

package/chunk/EmailLoopPending-CpMrwV1m.js

@@ -0,0 +1,137 @@
+
+/**
+ *   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.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
+ */
+import { Bt as e, Ft as t, Gt as n, Kt as r, Vt as i, p as a } from "./intl-CuZpjbF2.js";
+import { a as o, c as s, n as c, t as l } from "./jsx-runtime-Br-ldzo0.js";
+import { t as u } from "./VerificationApiClient-1OjLrKjE.js";
+import { t as d } from "./hooks-DqGWdJ7N.js";
+import { t as f } from "./LogoComponent-qYFfdGhk.js";
+import { t as p } from "./AnnouncingHeader-DDT5xAyL.js";
+import { K as m, nt as h } from "../_mysheerid-preview.js";
+//#region src/components/StepEmailLoop/EmailLoopPending.tsx
+var g = /* @__PURE__ */ n({
+	EmailLoopPending: () => b,
+	EmailLoopPendingComponent: () => x,
+	default: () => x
+}), _ = /* @__PURE__ */ r(s(), 1), v = l(), y = 1e4, b = ({ intl: n, verificationService: r }) => {
+	let o = r.verificationResponse, { programId: s } = r, { verificationId: l } = o, { canResendEmailLoop: g } = o, b = o.cancelUrl, x = r.viewModel, S = r.previousViewModel || void 0, C = r.previousVerificationResponse || void 0, w = d("hc-my-sheer-id-theme-builder"), [T, E] = _.useState(""), D = e(() => S.email), O = () => {
+		i.info("StepEmailLoopComponent submitting form"), r.submitStep(t.emailLoop, x, r.verificationResponse);
+	};
+	_.useEffect(() => {
+		m(r);
+	}, []), _.useEffect(() => {
+		x.emailToken && O();
+	}, [x.emailToken]), h(() => {
+		r.fetchExistingVerificationRequest(s, l, C, S, !1);
+	}, y);
+	let k = async (e) => {
+		let t = await u.getResendNewEmailCode(e);
+		E(t && t.status === 204 ? n.formatHTMLMessage({
+			id: "step.emailLoop.successResend",
+			defaultMessage: "Email re-sent successfully."
+		}) : n.formatHTMLMessage({
+			id: "step.emailLoop.errors.resend",
+			defaultMessage: "Error sending email"
+		}));
+	}, A = async () => {
+		i.info("StepEmailLoopComponent submitting form after skipping email loop");
+		let e = a(x, () => {});
+		r.submitStep(t.cancelEmailLoop, e, r.verificationResponse);
+	};
+	return /* @__PURE__ */ (0, v.jsxs)("div", {
+		className: "sid-header sid-l-horz-center",
+		children: [
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-email-loop-logo-container sid-l-horz-center",
+				children: /* @__PURE__ */ (0, v.jsx)(f, {
+					verificationService: r,
+					fallbackLogo: !w && /* @__PURE__ */ (0, v.jsx)("img", {
+						className: "sid-email-loop-logo sid-l-lead-image",
+						alt: "",
+						src: "https://assets-resources.sheerid.com/common/images/2018/icons/doc-pending.svg"
+					})
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)(p, {
+				align: "center",
+				children: /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.title",
+					defaultMessage: "Check your email",
+					tagName: "h1"
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__subtitle",
+				children: D ? /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitleWithEmail",
+					defaultMessage: "An email has been sent to {email} with a personalized link to complete the verification process.",
+					values: { email: D }
+				}) : /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitleWithoutEmail",
+					defaultMessage: "An email has been sent to your email account with a personalized link to complete the verification process."
+				})
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", { className: "sid-l-space-top-md" }),
+			/* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__subtitle-two sid-l-space-top-md",
+				children: /* @__PURE__ */ (0, v.jsx)(c, {
+					id: "step.emailLoop.subtitle2",
+					defaultMessage: "Please check for an email from us (verify@sheerid.com) for all the details."
+				})
+			}),
+			b && /* @__PURE__ */ (0, v.jsxs)("div", {
+				className: "sid-skip-email sid-l-space-top-lg",
+				children: [
+					/* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.skipEmail",
+						defaultMessage: "Unable to retrieve this email? Click "
+					}),
+					"\xA0",
+					/* @__PURE__ */ (0, v.jsx)("button", {
+						type: "button",
+						onClick: () => A(),
+						className: "sid-incorrect-number__refresh-link sid-h-btn-link-like",
+						children: /* @__PURE__ */ (0, v.jsx)(c, {
+							id: "step.emailLoop.skipEmailCTA",
+							defaultMessage: "here"
+						})
+					}),
+					"\xA0",
+					/* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.skipEmail2",
+						defaultMessage: " to proceed."
+					})
+				]
+			}),
+			g && /* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center",
+				children: /* @__PURE__ */ (0, v.jsx)("button", {
+					id: "sid-resend-email",
+					onClick: () => k(l),
+					type: "submit",
+					className: "sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel",
+					"aria-label": "re-send",
+					children: /* @__PURE__ */ (0, v.jsx)(c, {
+						id: "step.emailLoop.resendButton",
+						defaultMessage: "Re-send"
+					})
+				})
+			}),
+			T && /* @__PURE__ */ (0, v.jsx)("div", {
+				className: "sid-resent-email-loop-email-message",
+				children: /* @__PURE__ */ (0, v.jsx)("p", { children: T })
+			}),
+			/* @__PURE__ */ (0, v.jsx)("div", { className: "sid-l-space-top-xl" })
+		]
+	});
+}, x = o(b);
+//#endregion
+export { g as n, x as t };

package/chunk/EmailLoopPending-CpMrwV1m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailLoopPending-CpMrwV1m.js","names":[],"sources":["../../src/components/StepEmailLoop/EmailLoopPending.tsx"],"sourcesContent":["import React from \"react\";\nimport produce from \"immer\";\nimport { injectIntl, FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type StudentPersonalInfoViewModel,\n  type EmailLoopViewModel,\n  type EmailLoopResponse,\n} from \"../../lib/types/types\";\nimport { VerificationStepsEnum } from \"../../lib/types/runtimeTypes\";\nimport { LogoComponent } from \"../LogoComponent/LogoComponent\";\nimport { populateViewModelFromQueryParams } from \"../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { usePollingInterval } from \"../../lib/utils/usePollingInterval/usePollingInterval\";\nimport { VerificationApiClient } from \"../../lib/ServerApi/VerificationApiClient\";\nimport { AnnouncingHeader } from \"../AnnouncingHeader/AnnouncingHeader\";\nimport { useFlag } from \"../FeatureFlags/hooks\";\n\nimport { type StepEmailLoopComponentProps } from \"./StepEmailLoopComponent\";\n\nconst EMAIL_LOOP_POLL_DURATION = 10000;\n\nexport const EmailLoopPending = ({ intl, verificationService }: StepEmailLoopComponentProps) => {\n  const verificationResponse = verificationService.verificationResponse as EmailLoopResponse;\n  const { programId } = verificationService;\n  const { verificationId } = verificationResponse;\n  const { canResendEmailLoop } = verificationResponse;\n  const canCancelEmailLoop = verificationResponse.cancelUrl;\n  const viewModel = verificationService.viewModel as EmailLoopViewModel;\n  const previousViewModel =\n    (verificationService.previousViewModel as StudentPersonalInfoViewModel) || undefined;\n  const previousVerificationResponse =\n    verificationService.previousVerificationResponse || undefined;\n  const shouldHideIcon = useFlag(\"hc-my-sheer-id-theme-builder\");\n\n  const [resendMessage, setResendMessage] = React.useState(\"\");\n  const email = getSafe(() => previousViewModel.email);\n\n  const submitForm = () => {\n    logger.info(\"StepEmailLoopComponent submitting form\");\n    verificationService.submitStep(\n      VerificationStepsEnum.emailLoop,\n      viewModel,\n      verificationService.verificationResponse,\n    );\n  };\n\n  React.useEffect(() => {\n    populateViewModelFromQueryParams(verificationService);\n  }, []);\n\n  React.useEffect(() => {\n    if (viewModel.emailToken) {\n      submitForm();\n    }\n  }, [viewModel.emailToken]);\n\n  usePollingInterval(() => {\n    verificationService.fetchExistingVerificationRequest(\n      programId,\n      verificationId,\n      previousVerificationResponse,\n      previousViewModel,\n      false,\n    );\n  }, EMAIL_LOOP_POLL_DURATION);\n\n  const resendEmail = async (verificationId) => {\n    const response = await VerificationApiClient.getResendNewEmailCode(verificationId);\n    if (response) {\n      const successMsgObject = {\n        id: \"step.emailLoop.successResend\",\n        defaultMessage: \"Email re-sent successfully.\",\n      };\n      const maxRetriesMsgObject = {\n        id: \"step.emailLoop.errors.resend\",\n        defaultMessage: \"Error sending email\",\n      };\n      const message =\n        response.status === 204\n          ? intl.formatHTMLMessage(successMsgObject)\n          : intl.formatHTMLMessage(maxRetriesMsgObject);\n      setResendMessage(message);\n    } else {\n      setResendMessage(\n        intl.formatHTMLMessage({\n          id: \"step.emailLoop.errors.resend\",\n          defaultMessage: \"Error sending email\",\n        }),\n      );\n    }\n  };\n\n  const cancelEmailLoop = async () => {\n    logger.info(\"StepEmailLoopComponent submitting form after skipping email loop\");\n    const nextState = produce(viewModel, () => {});\n    verificationService.submitStep(\n      VerificationStepsEnum.cancelEmailLoop,\n      nextState,\n      verificationService.verificationResponse,\n    );\n  };\n\n  return (\n    <div className=\"sid-header sid-l-horz-center\">\n      <div className=\"sid-email-loop-logo-container sid-l-horz-center\">\n        <LogoComponent\n          verificationService={verificationService}\n          fallbackLogo={\n            !shouldHideIcon && (\n              <img\n                className=\"sid-email-loop-logo 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      <AnnouncingHeader align=\"center\">\n        <FormattedHTMLMessage\n          id=\"step.emailLoop.title\"\n          defaultMessage=\"Check your email\"\n          tagName=\"h1\"\n        />\n      </AnnouncingHeader>\n\n      <div className=\"sid-header__subtitle\">\n        {email ? (\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.subtitleWithEmail\"\n            defaultMessage=\"An email has been sent to {email} with a personalized link to complete the verification process.\"\n            values={{ email }}\n          />\n        ) : (\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.subtitleWithoutEmail\"\n            defaultMessage=\"An email has been sent to your email account with a personalized link to complete the verification process.\"\n          />\n        )}\n      </div>\n\n      <div className=\"sid-l-space-top-md\" />\n\n      <div className=\"sid-header__subtitle-two sid-l-space-top-md\">\n        <FormattedHTMLMessage\n          id=\"step.emailLoop.subtitle2\"\n          defaultMessage=\"Please check for an email from us (verify@sheerid.com) for all the details.\"\n        />\n      </div>\n\n      {canCancelEmailLoop && (\n        <div className=\"sid-skip-email sid-l-space-top-lg\">\n          <FormattedHTMLMessage\n            id=\"step.emailLoop.skipEmail\"\n            defaultMessage=\"Unable to retrieve this email? Click \"\n          />\n          &nbsp;\n          <button\n            type=\"button\"\n            onClick={() => cancelEmailLoop()}\n            className=\"sid-incorrect-number__refresh-link sid-h-btn-link-like\"\n          >\n            <FormattedHTMLMessage id=\"step.emailLoop.skipEmailCTA\" defaultMessage=\"here\" />\n          </button>\n          &nbsp;\n          <FormattedHTMLMessage id=\"step.emailLoop.skipEmail2\" defaultMessage=\" to proceed.\" />\n        </div>\n      )}\n\n      {canResendEmailLoop && (\n        <div className=\"sid-header__resend-btn sid-l-space-top-md sid-submit sid-l-horz-center\">\n          <button\n            id=\"sid-resend-email\"\n            onClick={() => resendEmail(verificationId)}\n            type=\"submit\"\n            className=\"sid-btn sid-btn--light sid-resend-email-btn sid-submit__cancel\"\n            aria-label=\"re-send\"\n          >\n            <FormattedHTMLMessage id=\"step.emailLoop.resendButton\" defaultMessage=\"Re-send\" />\n          </button>\n        </div>\n      )}\n\n      {resendMessage && (\n        <div className=\"sid-resent-email-loop-email-message\">\n          <p>{resendMessage}</p>\n        </div>\n      )}\n\n      <div className=\"sid-l-space-top-xl\" />\n    </div>\n  );\n};\n\nexport const EmailLoopPendingComponent = injectIntl(EmailLoopPending);\nexport default EmailLoopPendingComponent;\n"],"mappings":"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"}

package/chunk/{ExtraMessage-Cf_jXuhg.js → ExtraMessage-BbACElsX.js}

@@ -1,13 +1,13 @@
 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450406075
- *   BUILD_DATE: Thu Jul 30 2026 22:26:46 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { b as e } from "./options-PkP3zQGm.js";
-import { t } from "./jsx-runtime-CeRrwqti.js";
-import { s as n } from "./FormFooterComponent-Cjj1N06z.js";
+import { b as e } from "./options-BqxY1ri6.js";
+import { t } from "./jsx-runtime-B29HBOo1.js";
+import { s as n } from "./FormFooterComponent-khRc1L5E.js";
 //#region src/components/ExtraMessage.tsx
 var r = t(), i = ({ suffix: t }) => {
 	let i = `extraMessage${t}`;

package/chunk/{ExtraMessage-BjQEDNZp.js.map → ExtraMessage-BbACElsX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExtraMessage-BjQEDNZp.js","names":[],"sources":["../../src/components/ExtraMessage.tsx"],"sourcesContent":["import Message from \"@components/Message\";\n\nimport i18next from \"@/lib/intl/i18next\";\nimport { type VerificationService } from \"@/lib/types/types\";\n\ninterface ExtraMessageProps {\n  verificationService?: VerificationService;\n  suffix: \"CollectAboveSubmit\"; // In the future, expand this type for other official extra messages. e.g. add \"| 'CollectBelowSubmit'\"\n}\n/**\n * Defines the expected literal union type for message IDs generated from ExtraMessageProps.suffix.\n * TODO: Refactor theme specific messages into an interface for easier Declaration Merging of keys\n *   but for now this is exported in the @/lib/intl/type space for redist.\n */\nexport type ExtraMessageId = `extraMessage${ExtraMessageProps[\"suffix\"]}`;\n/**\n * Extra message component\n *\n * Easily register extra messages to specific spots in the form using this component\n *\n * These new regions do NOT have a message by default, but messages can be added simply by specifying the messageId + value\n * either in my.sheerid.com or via setOptions(). No need to override a component just to add a message as long as the ExtraMessage\n * appears in a desirable spot.\n */\nexport const ExtraMessage = ({ suffix }: ExtraMessageProps) => {\n  const messageId: ExtraMessageId = `extraMessage${suffix}`;\n  // if there is no i18next message for and id of `messageId` return null;\n  if (!i18next.exists(messageId)) {\n    return null;\n  }\n\n  return (\n    <div className={`sid-extra-message sid-extra-message-${suffix}`}>\n      <div className=\"sid-l-space-top-md\" />\n      <Message id={messageId} />\n    </div>\n  );\n};\n"],"mappings":";;;;aAwBa,KAAgB,EAAE,gBAAgC;CAC7D,IAAM,IAA4B,eAAe;CAMjD,OAJK,EAAQ,OAAO,CAAS,IAK3B,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,uCAAuC;YAAvD,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA,GACrC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,IAAI,EAAY,CAAA,CACtB;MAPE;AASX"}
+{"version":3,"file":"ExtraMessage-BbACElsX.js","names":[],"sources":["../../src/components/ExtraMessage.tsx"],"sourcesContent":["import Message from \"@components/Message\";\n\nimport i18next from \"@/lib/intl/i18next\";\nimport { type VerificationService } from \"@/lib/types/types\";\n\ninterface ExtraMessageProps {\n  verificationService?: VerificationService;\n  suffix: \"CollectAboveSubmit\"; // In the future, expand this type for other official extra messages. e.g. add \"| 'CollectBelowSubmit'\"\n}\n/**\n * Defines the expected literal union type for message IDs generated from ExtraMessageProps.suffix.\n * TODO: Refactor theme specific messages into an interface for easier Declaration Merging of keys\n *   but for now this is exported in the @/lib/intl/type space for redist.\n */\nexport type ExtraMessageId = `extraMessage${ExtraMessageProps[\"suffix\"]}`;\n/**\n * Extra message component\n *\n * Easily register extra messages to specific spots in the form using this component\n *\n * These new regions do NOT have a message by default, but messages can be added simply by specifying the messageId + value\n * either in my.sheerid.com or via setOptions(). No need to override a component just to add a message as long as the ExtraMessage\n * appears in a desirable spot.\n */\nexport const ExtraMessage = ({ suffix }: ExtraMessageProps) => {\n  const messageId: ExtraMessageId = `extraMessage${suffix}`;\n  // if there is no i18next message for and id of `messageId` return null;\n  if (!i18next.exists(messageId)) {\n    return null;\n  }\n\n  return (\n    <div className={`sid-extra-message sid-extra-message-${suffix}`}>\n      <div className=\"sid-l-space-top-md\" />\n      <Message id={messageId} />\n    </div>\n  );\n};\n"],"mappings":";;;;aAwBa,KAAgB,EAAE,gBAAgC;CAC7D,IAAM,IAA4B,eAAe;CAMjD,OAJK,EAAQ,OAAO,CAAS,IAK3B,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,uCAAuC;YAAvD,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA,GACrC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,IAAI,EAAY,CAAA,CACtB;MAPE;AASX"}

package/chunk/{ExtraMessage-BjQEDNZp.js → ExtraMessage-C4sJr6cw.js}

@@ -4,14 +4,14 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450410018
- *   BUILD_DATE: Thu Jul 30 2026 22:26:50 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { T as e } from "./intl-B461eGlU.js";
-import { t } from "./jsx-runtime-KEs0wOl5.js";
-import { r as n } from "./FormFooterComponent-B5GraQki.js";
+import { D as e } from "./intl-CuZpjbF2.js";
+import { t } from "./jsx-runtime-Br-ldzo0.js";
+import { r as n } from "./FormFooterComponent-BkXmQxBf.js";
 //#region src/components/ExtraMessage.tsx
 var r = t(), i = ({ suffix: t }) => {
 	let i = `extraMessage${t}`;

package/chunk/{ExtraMessage-Cf_jXuhg.js.map → ExtraMessage-C4sJr6cw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExtraMessage-Cf_jXuhg.js","names":[],"sources":["../../src/components/ExtraMessage.tsx"],"sourcesContent":["import Message from \"@components/Message\";\n\nimport i18next from \"@/lib/intl/i18next\";\nimport { type VerificationService } from \"@/lib/types/types\";\n\ninterface ExtraMessageProps {\n  verificationService?: VerificationService;\n  suffix: \"CollectAboveSubmit\"; // In the future, expand this type for other official extra messages. e.g. add \"| 'CollectBelowSubmit'\"\n}\n/**\n * Defines the expected literal union type for message IDs generated from ExtraMessageProps.suffix.\n * TODO: Refactor theme specific messages into an interface for easier Declaration Merging of keys\n *   but for now this is exported in the @/lib/intl/type space for redist.\n */\nexport type ExtraMessageId = `extraMessage${ExtraMessageProps[\"suffix\"]}`;\n/**\n * Extra message component\n *\n * Easily register extra messages to specific spots in the form using this component\n *\n * These new regions do NOT have a message by default, but messages can be added simply by specifying the messageId + value\n * either in my.sheerid.com or via setOptions(). No need to override a component just to add a message as long as the ExtraMessage\n * appears in a desirable spot.\n */\nexport const ExtraMessage = ({ suffix }: ExtraMessageProps) => {\n  const messageId: ExtraMessageId = `extraMessage${suffix}`;\n  // if there is no i18next message for and id of `messageId` return null;\n  if (!i18next.exists(messageId)) {\n    return null;\n  }\n\n  return (\n    <div className={`sid-extra-message sid-extra-message-${suffix}`}>\n      <div className=\"sid-l-space-top-md\" />\n      <Message id={messageId} />\n    </div>\n  );\n};\n"],"mappings":";;;;aAwBa,KAAgB,EAAE,gBAAgC;CAC7D,IAAM,IAA4B,eAAe;CAMjD,OAJK,EAAQ,OAAO,CAAS,IAK3B,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,uCAAuC;YAAvD,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA,GACrC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,IAAI,EAAY,CAAA,CACtB;MAPE;AASX"}
+{"version":3,"file":"ExtraMessage-C4sJr6cw.js","names":[],"sources":["../../src/components/ExtraMessage.tsx"],"sourcesContent":["import Message from \"@components/Message\";\n\nimport i18next from \"@/lib/intl/i18next\";\nimport { type VerificationService } from \"@/lib/types/types\";\n\ninterface ExtraMessageProps {\n  verificationService?: VerificationService;\n  suffix: \"CollectAboveSubmit\"; // In the future, expand this type for other official extra messages. e.g. add \"| 'CollectBelowSubmit'\"\n}\n/**\n * Defines the expected literal union type for message IDs generated from ExtraMessageProps.suffix.\n * TODO: Refactor theme specific messages into an interface for easier Declaration Merging of keys\n *   but for now this is exported in the @/lib/intl/type space for redist.\n */\nexport type ExtraMessageId = `extraMessage${ExtraMessageProps[\"suffix\"]}`;\n/**\n * Extra message component\n *\n * Easily register extra messages to specific spots in the form using this component\n *\n * These new regions do NOT have a message by default, but messages can be added simply by specifying the messageId + value\n * either in my.sheerid.com or via setOptions(). No need to override a component just to add a message as long as the ExtraMessage\n * appears in a desirable spot.\n */\nexport const ExtraMessage = ({ suffix }: ExtraMessageProps) => {\n  const messageId: ExtraMessageId = `extraMessage${suffix}`;\n  // if there is no i18next message for and id of `messageId` return null;\n  if (!i18next.exists(messageId)) {\n    return null;\n  }\n\n  return (\n    <div className={`sid-extra-message sid-extra-message-${suffix}`}>\n      <div className=\"sid-l-space-top-md\" />\n      <Message id={messageId} />\n    </div>\n  );\n};\n"],"mappings":";;;;aAwBa,KAAgB,EAAE,gBAAgC;CAC7D,IAAM,IAA4B,eAAe;CAMjD,OAJK,EAAQ,OAAO,CAAS,IAK3B,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,uCAAuC;YAAvD,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA,GACrC,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,IAAI,EAAY,CAAA,CACtB;MAPE;AASX"}

package/chunk/{FirstResponderOrganizationComponent-BeCWKFfA.js → FirstResponderOrganizationComponent-Bq03G6Dk.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450406075
- *   BUILD_DATE: Thu Jul 30 2026 22:26:46 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { a as e, n as t, t as n } from "./jsx-runtime-CeRrwqti.js";
-import { u as r } from "./programThemeGetters-DSFEiKNU.js";
-import { V as i } from "../sheerid.js";
-import { t as a } from "./FormFieldTypeahead-f3sCsyGd.js";
+import { a as e, n as t, t as n } from "./jsx-runtime-B29HBOo1.js";
+import { u as r } from "./programThemeGetters-BKJAvlOG.js";
+import { B as i } from "../sheerid.js";
+import { t as a } from "./FormFieldTypeahead-BSbSF1lL.js";
 //#region src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx
 var o = n(), s = e(({ value: e, isErrored: n, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => i("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
 	fieldId: "first-responder-organization",

package/chunk/{FirstResponderOrganizationComponent-5kCooG6X.js.map → FirstResponderOrganizationComponent-Bq03G6Dk.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FirstResponderOrganizationComponent-5kCooG6X.js","names":[],"sources":["../../src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const FirstResponderOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"first-responder-organization\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"organizationPlaceholder\", defaultMessage: \"Organization\" })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\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      isRequired\n      disabled={disabled}\n    />\n  );\n};\n\nexport const FirstResponderOrganizationComponent = injectIntl(FirstResponderOrganization);\n"],"mappings":";;;;;aAyDa,IAAsC,GA7CR,EACzC,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EAAE,IAAI;EAA2B,gBAAgB;CAAe,CAAC;CAE1F,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CAC/B,YAAA;CACU;AACX,CAAA,CAImF"}
+{"version":3,"file":"FirstResponderOrganizationComponent-Bq03G6Dk.js","names":[],"sources":["../../src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const FirstResponderOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"first-responder-organization\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"organizationPlaceholder\", defaultMessage: \"Organization\" })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\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      isRequired\n      disabled={disabled}\n    />\n  );\n};\n\nexport const FirstResponderOrganizationComponent = injectIntl(FirstResponderOrganization);\n"],"mappings":";;;;;aAyDa,IAAsC,GA7CR,EACzC,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EAAE,IAAI;EAA2B,gBAAgB;CAAe,CAAC;CAE1F,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CAC/B,YAAA;CACU;AACX,CAAA,CAImF"}

package/chunk/{FirstResponderOrganizationComponent-5kCooG6X.js → FirstResponderOrganizationComponent-C7ULKSCq.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450410018
- *   BUILD_DATE: Thu Jul 30 2026 22:26:50 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { a as e, n as t, t as n } from "./jsx-runtime-KEs0wOl5.js";
-import { u as r } from "./programThemeGetters-LYR56E0U.js";
-import { B as i } from "../_mysheerid-preview.js";
-import { t as a } from "./FormFieldTypeahead-Qg03EGUM.js";
+import { a as e, n as t, t as n } from "./jsx-runtime-Br-ldzo0.js";
+import { u as r } from "./programThemeGetters-f9o96pYi.js";
+import { z as i } from "../_mysheerid-preview.js";
+import { t as a } from "./FormFieldTypeahead-DmKNOVYP.js";
 //#region src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx
 var o = n(), s = e(({ value: e, isErrored: n, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => i("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
 	fieldId: "first-responder-organization",

package/chunk/{FirstResponderOrganizationComponent-BeCWKFfA.js.map → FirstResponderOrganizationComponent-C7ULKSCq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FirstResponderOrganizationComponent-BeCWKFfA.js","names":[],"sources":["../../src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const FirstResponderOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"first-responder-organization\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"organizationPlaceholder\", defaultMessage: \"Organization\" })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\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      isRequired\n      disabled={disabled}\n    />\n  );\n};\n\nexport const FirstResponderOrganizationComponent = injectIntl(FirstResponderOrganization);\n"],"mappings":";;;;;aAyDa,IAAsC,GA7CR,EACzC,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EAAE,IAAI;EAA2B,gBAAgB;CAAe,CAAC;CAE1F,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CAC/B,YAAA;CACU;AACX,CAAA,CAImF"}
+{"version":3,"file":"FirstResponderOrganizationComponent-C7ULKSCq.js","names":[],"sources":["../../src/components/FormFields/FirstResponderOrganization/FirstResponderOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const FirstResponderOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"first-responder-organization\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"organizationPlaceholder\", defaultMessage: \"Organization\" })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\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      isRequired\n      disabled={disabled}\n    />\n  );\n};\n\nexport const FirstResponderOrganizationComponent = injectIntl(FirstResponderOrganization);\n"],"mappings":";;;;;aAyDa,IAAsC,GA7CR,EACzC,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EAAE,IAAI;EAA2B,gBAAgB;CAAe,CAAC;CAE1F,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CAC/B,YAAA;CACU;AACX,CAAA,CAImF"}

package/chunk/{FormFieldInputSelect-BGytnCis.js → FormFieldInputSelect-B3UZlH_H.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450406075
- *   BUILD_DATE: Thu Jul 30 2026 22:26:46 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { t as e } from "./jsx-runtime-CeRrwqti.js";
+import { t as e } from "./jsx-runtime-B29HBOo1.js";
 import { t } from "./strings-DWLVdUcm.js";
-import { t as n } from "./FormFieldLayout-Bmwrqqid.js";
-import { r, t as i } from "./FormSelectChoice-CwTiq1ri.js";
+import { t as n } from "./FormFieldLayout-eXRaMPRB.js";
+import { r, t as i } from "./FormSelectChoice-DJuQmzKz.js";
 //#region src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx
 var a = e(), o = ({ fieldId: e = void 0, value: o, onChange: s, placeholder: c, label: l, errorMessage: u, showPlaceholderAndHideLabel: d = !1, isRequired: f = !0, isLoading: p = !1, disabled: m = !1, explanation: h = "", autoFocus: g, options: _, containerId: v = void 0, onKeyDown: y, refId: b = "status", suppressPlaceholder: x = !0 }) => {
 	let S = `sid-${t(e)}`, C = `sid-${t(e)}-error`;

package/chunk/{FormFieldInputSelect-BGytnCis.js.map → FormFieldInputSelect-B3UZlH_H.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInputSelect-BGytnCis.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldInputSelectComponent = FormFieldInputSelect;\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"FormFieldInputSelect-B3UZlH_H.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldInputSelectComponent = FormFieldInputSelect;\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}

package/chunk/{FormFieldInputSelect-ERxtSM2k.js → FormFieldInputSelect-CnGFMROq.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450410018
- *   BUILD_DATE: Thu Jul 30 2026 22:26:50 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { t as e } from "./jsx-runtime-KEs0wOl5.js";
+import { t as e } from "./jsx-runtime-Br-ldzo0.js";
 import { t } from "./strings-DWLVdUcm.js";
-import { t as n } from "./FormFieldLayout-BzljWm45.js";
-import { r, t as i } from "./FormSelectChoice-BYqGfG0H.js";
+import { t as n } from "./FormFieldLayout-C-prs50D.js";
+import { r, t as i } from "./FormSelectChoice-tC4ovQdX.js";
 //#region src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx
 var a = e(), o = ({ fieldId: e = void 0, value: o, onChange: s, placeholder: c, label: l, errorMessage: u, showPlaceholderAndHideLabel: d = !1, isRequired: f = !0, isLoading: p = !1, disabled: m = !1, explanation: h = "", autoFocus: g, options: _, containerId: v = void 0, onKeyDown: y, refId: b = "status", suppressPlaceholder: x = !0 }) => {
 	let S = `sid-${t(e)}`, C = `sid-${t(e)}-error`;

package/chunk/{FormFieldInputSelect-ERxtSM2k.js.map → FormFieldInputSelect-CnGFMROq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInputSelect-ERxtSM2k.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldInputSelectComponent = FormFieldInputSelect;\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"FormFieldInputSelect-CnGFMROq.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings in the calling component and pass them as props to this component.\nexport const FormFieldInputSelectComponent = FormFieldInputSelect;\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}

package/chunk/{FormFieldLayout-BzljWm45.js → FormFieldLayout-C-prs50D.js}

@@ -4,13 +4,13 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.262.0
- *   BUILD_TIMESTAMP: 1785450410018
- *   BUILD_DATE: Thu Jul 30 2026 22:26:50 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 68821addc264679ff62b3fd4a999222f4aba0b42
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
-import { Ut as e } from "./intl-B461eGlU.js";
-import { c as t, t as n } from "./jsx-runtime-KEs0wOl5.js";
+import { Kt as e } from "./intl-CuZpjbF2.js";
+import { c as t, t as n } from "./jsx-runtime-Br-ldzo0.js";
 import { t as r } from "./strings-DWLVdUcm.js";
 //#region src/components/FieldLabel.tsx
 var i = /* @__PURE__ */ e(t(), 1), a = n(), o = (e) => !i.isValidElement(e) && e === "", s = ({ text: e, htmlForLabel: t, id: n, displayClasses: r, isRequired: i, children: s }) => /* @__PURE__ */ (0, a.jsx)("label", {