@sheerid/jslib 2.282.0 → 2.284.0

package/chunk/{ChangeLocaleComponent-B7y1PVqW.js → ChangeLocaleComponent-C86ehiKN.js}

@@ -4,19 +4,20 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.282.0
- *   BUILD_TIMESTAMP: 1789082039987
- *   BUILD_DATE: Thu Sep 10 2026 23:13:59 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507151508
+ *   BUILD_DATE: Tue Sep 15 2026 21:19:11 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { z as e } from "./intl-DwZU2l1o.js";
 import { n as t, t as n } from "./jsx-runtime-DmTh-fvV.js";
-import { n as r, o as i } from "./Message-CJbueAGg.js";
+import { n as r, o as i } from "./Message-BNNsbHmI.js";
 import { t as a } from "./programThemeGetters-CZMLVLDB.js";
-import { t as o } from "./downshift.esm-BrU6PpG0.js";
+import { t as o } from "./downshift.esm-BdUQwm0I.js";
+import { t as s } from "./clsx-CB5rauS5.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
-var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {
-	let a = r.length * c, o = (t, a) => /* @__PURE__ */ (0, s.jsx)("div", {
+var c = n(), l = 42, u = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {
+	let a = r.length * l, o = (t, a) => /* @__PURE__ */ (0, c.jsx)("div", {
 		className: `sid-select-list__item ${n === a ? "sid-select-list__item--highlighted" : ""}`,
 		...e({
 			index: a,
@@ -24,22 +25,22 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		}),
 		children: i(r[a])
 	}, a);
-	return !r || r.length === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
+	return !r || r.length === 0 ? /* @__PURE__ */ (0, c.jsx)("div", {
 		className: "sid-select-list__message",
-		children: /* @__PURE__ */ (0, s.jsx)(t, {
+		children: /* @__PURE__ */ (0, c.jsx)(t, {
 			id: "noOptions",
 			defaultMessage: "No Options"
 		})
-	}) : /* @__PURE__ */ (0, s.jsx)("div", {
+	}) : /* @__PURE__ */ (0, c.jsx)("div", {
 		className: "sid-input-select-list__menu",
 		style: { height: Math.min(a, 280) },
 		children: r.map((e, t) => o(e, t))
 	});
-}, u = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, s.jsx)("button", {
+}, d = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, c.jsx)("button", {
 	...e({}),
 	className: "sid-select-button",
 	type: "button",
-	children: /* @__PURE__ */ (0, s.jsx)("svg", {
+	children: /* @__PURE__ */ (0, c.jsx)("svg", {
 		viewBox: "0 0 20 20",
 		preserveAspectRatio: "none",
 		width: 16,
@@ -47,21 +48,21 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		stroke: "currentColor",
 		strokeWidth: "3px",
 		transform: t ? "rotate(180)" : void 0,
-		children: /* @__PURE__ */ (0, s.jsx)("path", { d: "M1,6 L10,15 L19,6" })
+		children: /* @__PURE__ */ (0, c.jsx)("path", { d: "M1,6 L10,15 L19,6" })
 	})
-}), d = (e) => e ? e.label : "", f = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: a = "", value: c, DisplayValueDecorator: f, id: p }) => {
-	let { isOpen: m, getInputProps: h, getMenuProps: g, getToggleButtonProps: _, getItemProps: v, highlightedIndex: y } = o({
-		id: p,
+}), f = (e) => e ? e.label : "", p = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: a = "", value: l, DisplayValueDecorator: p, id: m }) => {
+	let { isOpen: h, getInputProps: g, getMenuProps: _, getToggleButtonProps: v, getItemProps: y, highlightedIndex: b } = o({
+		id: m,
 		onSelectedItemChange: ({ selectedItem: e }) => n(e),
 		items: r,
-		itemToString: d,
-		initialSelectedItem: c && c.value && c.label ? c : void 0
-	}), b = c?.label || "";
-	return /* @__PURE__ */ (0, s.jsxs)("div", {
-		className: `sid-select-list ${e}`,
+		itemToString: f,
+		initialSelectedItem: l && l.value && l.label ? l : void 0
+	}), x = l?.label || "";
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: s("sid-select-list", e),
 		children: [
-			/* @__PURE__ */ (0, s.jsx)("input", {
-				...h(),
+			/* @__PURE__ */ (0, c.jsx)("input", {
+				...g(),
 				className: `
                     sid-l-full-width
                     ${i || "sid-select-input"}
@@ -70,71 +71,71 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 				placeholder: a,
 				readOnly: !0
 			}),
-			b && /* @__PURE__ */ (0, s.jsxs)("span", {
+			x && /* @__PURE__ */ (0, c.jsxs)("span", {
 				className: "sid-select-display",
 				children: [
-					f && f,
-					/* @__PURE__ */ (0, s.jsx)("span", {
+					p && p,
+					/* @__PURE__ */ (0, c.jsx)("span", {
 						"aria-hidden": !0,
-						children: b
+						children: x
 					}),
-					/* @__PURE__ */ (0, s.jsx)(u, {
-						getToggleButtonProps: _,
-						isOpen: m
+					/* @__PURE__ */ (0, c.jsx)(d, {
+						getToggleButtonProps: v,
+						isOpen: h
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
-				...g(),
-				children: m && /* @__PURE__ */ (0, s.jsx)(l, {
-					highlightedIndex: y,
-					itemToString: d,
+			/* @__PURE__ */ (0, c.jsx)("div", {
+				..._(),
+				children: h && /* @__PURE__ */ (0, c.jsx)(u, {
+					highlightedIndex: b,
+					itemToString: f,
 					options: r,
-					getItemProps: v
+					getItemProps: y
 				})
 			})
 		]
 	});
-}, p = () => /* @__PURE__ */ (0, s.jsx)("svg", {
+}, m = () => /* @__PURE__ */ (0, c.jsx)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "3.48 3.06 67.67 37.07",
 	"aria-hidden": "true",
 	focusable: "false",
 	className: "locale-symbol-svg",
-	children: /* @__PURE__ */ (0, s.jsx)("path", {
+	children: /* @__PURE__ */ (0, c.jsx)("path", {
 		fill: "currentColor",
 		stroke: "none",
 		d: "m 4.53,38.37 -1.05,-1.75 2.56,-0.81 c 4.27,-1.35 9.26,-3.96 12.59,-6.59 0.46,-0.36 0.47,-0.45 0.11,-0.87 -4.36,-5.09 -5.75,-7.32 -7.63,-12.24 l -0.96,-2.51 -2.96,-0.07 -2.96,-0.07 V 11.48 9.5 h 7.81 c 7.41,0 7.8,-0.02 7.56,-0.47 -0.14,-0.26 -0.92,-1.4 -1.73,-2.53 -0.81,-1.13 -1.48,-2.1 -1.48,-2.16 0,-0.05 0.63,-0.33 1.39,-0.61 2.65,-0.98 2.41,-1.04 3.57,0.8 0.58,0.92 1.43,2.41 1.89,3.32 l 0.83,1.65 h 7.54 7.54 v 1.98 1.98 l -2.98,0.07 -2.98,0.07 -0.61,1.72 c -1.44,4.04 -4.11,8.89 -6.44,11.68 -0.56,0.68 -1.02,1.39 -1.02,1.59 0,0.42 4,3.14 6.89,4.7 1.1,0.59 3.3,1.62 4.89,2.28 1.59,0.67 2.94,1.26 3,1.32 0.09,0.09 -0.54,1.14 -1.84,3.1 -0.39,0.59 -8.46,-3.29 -12.5,-6.02 -3.87,-2.62 -3.41,-2.46 -4.65,-1.57 -4.56,3.28 -7.64,4.93 -12.51,6.7 l -2.83,1.03 z M 23.84,23.73 c 1.66,-2.24 4.6,-7.89 4.9,-9.4 l 0.17,-0.86 h -7.34 -7.34 l 0.17,0.86 c 0.25,1.27 2.39,5.4 3.73,7.19 1.67,2.23 3.57,4.39 3.86,4.39 0.14,0 0.98,-0.98 1.86,-2.17 z M 44.03,35.51 c 0.08,-0.26 2.45,-6.96 5.27,-14.89 l 5.12,-14.42 3.06,-0.07 3.06,-0.07 0.39,1.13 c 0.43,1.23 9.28,26.16 9.86,27.79 l 0.36,0.99 h -2.83 -2.83 l -1.19,-3.77 -1.19,-3.77 -5.56,-0.07 -5.56,-0.07 -1.23,3.78 -1.23,3.78 -2.82,0.08 c -2.6,0.07 -2.81,0.04 -2.67,-0.4 z M 61.64,23.99 c -0.03,-0.54 -3.96,-12.23 -4.13,-12.29 -0.19,-0.06 -4.07,11.52 -4.07,12.16 0,0.11 1.85,0.2 4.1,0.2 2.26,0 4.1,-0.03 4.1,-0.07 z"
 	})
-}), m = ({ value: e, options: n, onChange: i }) => {
+}), h = ({ value: e, options: n, onChange: i }) => {
 	let { msg: a } = r(), o = n.map((e) => ({
 		value: e.value,
 		label: a({ id: `locales.${e.value}` })
-	})), c = "changeLanguageSelector";
-	return /* @__PURE__ */ (0, s.jsxs)("div", {
+	})), s = "changeLanguageSelector";
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
 		className: "sid-change-locale",
-		children: [/* @__PURE__ */ (0, s.jsx)("div", {
+		children: [/* @__PURE__ */ (0, c.jsx)("div", {
 			className: "sid-field__label sid-change-locale__label",
-			id: `${c}-label`,
-			children: /* @__PURE__ */ (0, s.jsx)(t, {
+			id: `${s}-label`,
+			children: /* @__PURE__ */ (0, c.jsx)(t, {
 				id: "changeLanguage",
 				defaultMessage: "Change language"
 			})
-		}), /* @__PURE__ */ (0, s.jsx)(f, {
+		}), /* @__PURE__ */ (0, c.jsx)(p, {
 			className: "sid-change-locale__select",
 			options: o,
 			onChange: (e) => i(e),
-			DisplayValueDecorator: /* @__PURE__ */ (0, s.jsx)(p, {}),
+			DisplayValueDecorator: /* @__PURE__ */ (0, c.jsx)(m, {}),
 			overrideInputClassName: "sid-change-locale__input",
 			value: o.find((t) => t.value === (e && e.value)),
-			id: c
+			id: s
 		})]
 	});
-}, h = ({ verificationService: t }) => {
+}, g = ({ verificationService: t }) => {
 	let { msg: n } = r(), o = a(i()).map((e) => ({
 		value: e,
 		label: n({ id: `locales.${e}` })
-	})), c = (e) => {
+	})), s = (e) => {
 		e?.value && t.viewModel.localeChoice.value !== e.value && t.updateLocale(e.value, t.verificationResponse.segment);
 	};
 	if (o.length <= 1) return null;
@@ -142,11 +143,11 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		value: e,
 		label: "English"
 	};
-	return /* @__PURE__ */ (0, s.jsx)(m, {
+	return /* @__PURE__ */ (0, c.jsx)(h, {
 		options: o,
 		value: t.viewModel.localeChoice || l,
-		onChange: (e) => c(e)
+		onChange: (e) => s(e)
 	});
 };
 //#endregion
-export { h as t };
+export { g as t };

package/chunk/ChangeLocaleComponent-C86ehiKN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeLocaleComponent-C86ehiKN.js","names":[],"sources":["../../src/components/FormInputs/Select/SelectList/SelectListComponent.tsx","../../src/components/FormInputs/Select/SelectButton/SelectButtonComponent.tsx","../../src/components/FormInputs/Select/SelectComponent.tsx","../../src/components/FormFields/ChangeLocale/icons/LocaleSymbol.tsx","../../src/components/FormFields/ChangeLocale/ChangeLocaleComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\ninterface SelectListProps {\n  getItemProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n}\n\nconst ROW_HEIGHT = 42;\n\nconst SelectList = ({ getItemProps, highlightedIndex, options, itemToString }: SelectListProps) => {\n  const fullHeight = options.length * ROW_HEIGHT;\n\n  const optionWithItemProps = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-select-list__item ${\n        highlightedIndex === index ? \"sid-select-list__item--highlighted\" : \"\"\n      }`}\n      key={index}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...getItemProps({\n        index,\n        item,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  if (!options || options.length === 0) {\n    return (\n      <div className=\"sid-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"sid-input-select-list__menu\" style={{ height: Math.min(fullHeight, 280) }}>\n      {options.map((option, index) => optionWithItemProps(option, index))}\n    </div>\n  );\n};\n\nexport const SelectListComponent = SelectList;\n","interface SelectButtonProps {\n  getToggleButtonProps: any;\n  isOpen: boolean;\n}\n\nconst SelectButton = ({ getToggleButtonProps, isOpen }: SelectButtonProps) => (\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  <button {...getToggleButtonProps({})} className=\"sid-select-button\" type=\"button\">\n    <svg\n      viewBox=\"0 0 20 20\"\n      preserveAspectRatio=\"none\"\n      width={16}\n      fill=\"transparent\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3px\"\n      transform={isOpen ? \"rotate(180)\" : undefined}\n    >\n      <path d=\"M1,6 L10,15 L19,6\" />\n    </svg>\n  </button>\n);\n\nexport const SelectButtonComponent = SelectButton;\n","import type React from \"react\";\nimport clsx from \"clsx\";\nimport { useCombobox } from \"downshift\";\n\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\nimport { SelectListComponent } from \"./SelectList/SelectListComponent\";\nimport { SelectButtonComponent } from \"./SelectButton/SelectButtonComponent\";\n\ninterface SelectProps {\n  className?: string;\n  isErrored?: boolean;\n  onChange: any;\n  options: FormSelectChoice[];\n  overrideInputClassName?: string;\n  placeholder?: string;\n  value?: FormSelectChoice;\n  DisplayValueDecorator?: React.ReactNode;\n  id?: string;\n}\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst Select = ({\n  className,\n  isErrored = false,\n  onChange,\n  options,\n  overrideInputClassName,\n  placeholder = \"\",\n  value,\n  DisplayValueDecorator,\n  id,\n}: SelectProps) => {\n  const {\n    isOpen,\n    getInputProps,\n    getMenuProps,\n    getToggleButtonProps,\n    getItemProps,\n    highlightedIndex,\n  } = useCombobox({\n    id,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    items: options,\n    itemToString,\n    initialSelectedItem: value && value.value && value.label ? value : undefined,\n  });\n  const displayValue = value?.label || \"\";\n\n  return (\n    <div className={clsx(\"sid-select-list\", className)}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps()}\n        className={`\n                    sid-l-full-width\n                    ${overrideInputClassName || \"sid-select-input\"}\n                    ${isErrored ? \"sid-select-input--error\" : \"\"}\n                  `}\n        placeholder={placeholder}\n        readOnly\n      />\n\n      {displayValue && (\n        <span className=\"sid-select-display\">\n          {DisplayValueDecorator && DisplayValueDecorator}\n          <span aria-hidden>{displayValue}</span>\n          <SelectButtonComponent getToggleButtonProps={getToggleButtonProps} isOpen={isOpen} />\n        </span>\n      )}\n\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <div {...getMenuProps()}>\n        {isOpen && (\n          <SelectListComponent\n            highlightedIndex={highlightedIndex}\n            itemToString={itemToString}\n            options={options}\n            getItemProps={getItemProps}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const SelectComponent = Select;\n","export const LocaleSymbol = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"3.48 3.06 67.67 37.07\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    className=\"locale-symbol-svg\"\n  >\n    <path\n      fill=\"currentColor\"\n      stroke=\"none\"\n      d=\"m 4.53,38.37 -1.05,-1.75 2.56,-0.81 c 4.27,-1.35 9.26,-3.96 12.59,-6.59 0.46,-0.36 0.47,-0.45 0.11,-0.87 -4.36,-5.09 -5.75,-7.32 -7.63,-12.24 l -0.96,-2.51 -2.96,-0.07 -2.96,-0.07 V 11.48 9.5 h 7.81 c 7.41,0 7.8,-0.02 7.56,-0.47 -0.14,-0.26 -0.92,-1.4 -1.73,-2.53 -0.81,-1.13 -1.48,-2.1 -1.48,-2.16 0,-0.05 0.63,-0.33 1.39,-0.61 2.65,-0.98 2.41,-1.04 3.57,0.8 0.58,0.92 1.43,2.41 1.89,3.32 l 0.83,1.65 h 7.54 7.54 v 1.98 1.98 l -2.98,0.07 -2.98,0.07 -0.61,1.72 c -1.44,4.04 -4.11,8.89 -6.44,11.68 -0.56,0.68 -1.02,1.39 -1.02,1.59 0,0.42 4,3.14 6.89,4.7 1.1,0.59 3.3,1.62 4.89,2.28 1.59,0.67 2.94,1.26 3,1.32 0.09,0.09 -0.54,1.14 -1.84,3.1 -0.39,0.59 -8.46,-3.29 -12.5,-6.02 -3.87,-2.62 -3.41,-2.46 -4.65,-1.57 -4.56,3.28 -7.64,4.93 -12.51,6.7 l -2.83,1.03 z M 23.84,23.73 c 1.66,-2.24 4.6,-7.89 4.9,-9.4 l 0.17,-0.86 h -7.34 -7.34 l 0.17,0.86 c 0.25,1.27 2.39,5.4 3.73,7.19 1.67,2.23 3.57,4.39 3.86,4.39 0.14,0 0.98,-0.98 1.86,-2.17 z M 44.03,35.51 c 0.08,-0.26 2.45,-6.96 5.27,-14.89 l 5.12,-14.42 3.06,-0.07 3.06,-0.07 0.39,1.13 c 0.43,1.23 9.28,26.16 9.86,27.79 l 0.36,0.99 h -2.83 -2.83 l -1.19,-3.77 -1.19,-3.77 -5.56,-0.07 -5.56,-0.07 -1.23,3.78 -1.23,3.78 -2.82,0.08 c -2.6,0.07 -2.81,0.04 -2.67,-0.4 z M 61.64,23.99 c -0.03,-0.54 -3.96,-12.23 -4.13,-12.29 -0.19,-0.06 -4.07,11.52 -4.07,12.16 0,0.11 1.85,0.2 4.1,0.2 2.26,0 4.1,-0.03 4.1,-0.07 z\"\n    />\n  </svg>\n);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { SelectComponent } from \"@/components/FormInputs/Select/SelectComponent\";\nimport { useMessage } from \"@/components/Message\";\nimport { DEFAULT_LOCALE } from \"@/constants\";\nimport { type FormSelectChoice, type Locale, type VerificationService } from \"@/lib/types/types\";\nimport { getAvailableLocales } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nimport { LocaleSymbol } from \"./icons/LocaleSymbol\";\n\ninterface ChangeLocaleProps {\n  value: FormSelectChoice<Locale, string>;\n  options: FormSelectChoice<Locale, string>[];\n  onChange: (localeChoice: FormSelectChoice) => any;\n}\n\nexport const ChangeLocaleComponent = ({ value, options, onChange }: ChangeLocaleProps) => {\n  const { msg } = useMessage();\n  const newOptions: FormSelectChoice[] = options.map((option) => ({\n    value: option.value,\n    label: msg({ id: `locales.${option.value}` }),\n  }));\n  const id = \"changeLanguageSelector\";\n\n  return (\n    <div className=\"sid-change-locale\">\n      <div className=\"sid-field__label sid-change-locale__label\" id={`${id}-label`}>\n        <FormattedHTMLMessage id=\"changeLanguage\" defaultMessage=\"Change language\" />\n      </div>\n      <SelectComponent\n        className=\"sid-change-locale__select\"\n        options={newOptions}\n        onChange={(locale: FormSelectChoice) => onChange(locale)}\n        DisplayValueDecorator={<LocaleSymbol />}\n        overrideInputClassName=\"sid-change-locale__input\"\n        value={newOptions.find((option) => option.value === (value && value.value))}\n        id={id}\n      />\n    </div>\n  );\n};\n\n/**\n * This V2 component wraps the original one\n * It only takes verificationService as a prop for easier/slimmer invocation and to ensure locale ends up in the viewModel\n */\ninterface ChangeLocaleV2Props {\n  verificationService: VerificationService;\n}\n\nexport const ChangeLocaleV2Component = ({ verificationService }: ChangeLocaleV2Props) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const localeChoices: FormSelectChoice<Locale, string>[] = getAvailableLocales(programTheme).map(\n    (locale) => ({\n      value: locale,\n      label: msg({ id: `locales.${locale}` }),\n    }),\n  );\n\n  const updateLocale = (localeChoice: FormSelectChoice<Locale, string>) => {\n    if (!localeChoice?.value) return;\n    if (verificationService.viewModel.localeChoice.value === localeChoice.value) return;\n\n    verificationService.updateLocale(\n      localeChoice.value,\n      verificationService.verificationResponse.segment,\n    );\n  };\n\n  if (localeChoices.length <= 1) {\n    return null;\n  }\n\n  const defaultLocaleChoice: FormSelectChoice<Locale, string> = {\n    value: DEFAULT_LOCALE,\n    label: \"English\",\n  };\n\n  return (\n    <ChangeLocaleComponent\n      options={localeChoices}\n      value={verificationService.viewModel.localeChoice || defaultLocaleChoice}\n      onChange={(localeChoice: FormSelectChoice<Locale, string>) => updateLocale(localeChoice)}\n    />\n  );\n};\n"],"mappings":"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"}

package/chunk/{ChangeLocaleComponent-BwvDPfmo.js → ChangeLocaleComponent-DKs0nm4K.js}

@@ -1,18 +1,19 @@
 
 /**
- *   VERSION: 2.282.0
- *   BUILD_TIMESTAMP: 1789082034615
- *   BUILD_DATE: Thu Sep 10 2026 23:13:54 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507136659
+ *   BUILD_DATE: Tue Sep 15 2026 21:18:56 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { L as e } from "./options-kkjACM14.js";
 import { n as t, t as n } from "./jsx-runtime-n0jD1uEy.js";
-import { n as r, o as i } from "./Message-BaBqxbGS.js";
+import { n as r, o as i } from "./Message-CLRlAd43.js";
 import { t as a } from "./programThemeGetters-rty9XxxN.js";
-import { t as o } from "./downshift.esm-F7uFMa03.js";
+import { t as o } from "./downshift.esm-EsIc8yi0.js";
+import { t as s } from "./clsx-CB5rauS5.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
-var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {
-	let a = r.length * c, o = (t, a) => /* @__PURE__ */ (0, s.jsx)("div", {
+var c = n(), l = 42, u = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {
+	let a = r.length * l, o = (t, a) => /* @__PURE__ */ (0, c.jsx)("div", {
 		className: `sid-select-list__item ${n === a ? "sid-select-list__item--highlighted" : ""}`,
 		...e({
 			index: a,
@@ -20,22 +21,22 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		}),
 		children: i(r[a])
 	}, a);
-	return !r || r.length === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
+	return !r || r.length === 0 ? /* @__PURE__ */ (0, c.jsx)("div", {
 		className: "sid-select-list__message",
-		children: /* @__PURE__ */ (0, s.jsx)(t, {
+		children: /* @__PURE__ */ (0, c.jsx)(t, {
 			id: "noOptions",
 			defaultMessage: "No Options"
 		})
-	}) : /* @__PURE__ */ (0, s.jsx)("div", {
+	}) : /* @__PURE__ */ (0, c.jsx)("div", {
 		className: "sid-input-select-list__menu",
 		style: { height: Math.min(a, 280) },
 		children: r.map((e, t) => o(e, t))
 	});
-}, u = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, s.jsx)("button", {
+}, d = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, c.jsx)("button", {
 	...e({}),
 	className: "sid-select-button",
 	type: "button",
-	children: /* @__PURE__ */ (0, s.jsx)("svg", {
+	children: /* @__PURE__ */ (0, c.jsx)("svg", {
 		viewBox: "0 0 20 20",
 		preserveAspectRatio: "none",
 		width: 16,
@@ -43,21 +44,21 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		stroke: "currentColor",
 		strokeWidth: "3px",
 		transform: t ? "rotate(180)" : void 0,
-		children: /* @__PURE__ */ (0, s.jsx)("path", { d: "M1,6 L10,15 L19,6" })
+		children: /* @__PURE__ */ (0, c.jsx)("path", { d: "M1,6 L10,15 L19,6" })
 	})
-}), d = (e) => e ? e.label : "", f = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: a = "", value: c, DisplayValueDecorator: f, id: p }) => {
-	let { isOpen: m, getInputProps: h, getMenuProps: g, getToggleButtonProps: _, getItemProps: v, highlightedIndex: y } = o({
-		id: p,
+}), f = (e) => e ? e.label : "", p = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: a = "", value: l, DisplayValueDecorator: p, id: m }) => {
+	let { isOpen: h, getInputProps: g, getMenuProps: _, getToggleButtonProps: v, getItemProps: y, highlightedIndex: b } = o({
+		id: m,
 		onSelectedItemChange: ({ selectedItem: e }) => n(e),
 		items: r,
-		itemToString: d,
-		initialSelectedItem: c && c.value && c.label ? c : void 0
-	}), b = c?.label || "";
-	return /* @__PURE__ */ (0, s.jsxs)("div", {
-		className: `sid-select-list ${e}`,
+		itemToString: f,
+		initialSelectedItem: l && l.value && l.label ? l : void 0
+	}), x = l?.label || "";
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
+		className: s("sid-select-list", e),
 		children: [
-			/* @__PURE__ */ (0, s.jsx)("input", {
-				...h(),
+			/* @__PURE__ */ (0, c.jsx)("input", {
+				...g(),
 				className: `
                     sid-l-full-width
                     ${i || "sid-select-input"}
@@ -66,71 +67,71 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 				placeholder: a,
 				readOnly: !0
 			}),
-			b && /* @__PURE__ */ (0, s.jsxs)("span", {
+			x && /* @__PURE__ */ (0, c.jsxs)("span", {
 				className: "sid-select-display",
 				children: [
-					f && f,
-					/* @__PURE__ */ (0, s.jsx)("span", {
+					p && p,
+					/* @__PURE__ */ (0, c.jsx)("span", {
 						"aria-hidden": !0,
-						children: b
+						children: x
 					}),
-					/* @__PURE__ */ (0, s.jsx)(u, {
-						getToggleButtonProps: _,
-						isOpen: m
+					/* @__PURE__ */ (0, c.jsx)(d, {
+						getToggleButtonProps: v,
+						isOpen: h
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, s.jsx)("div", {
-				...g(),
-				children: m && /* @__PURE__ */ (0, s.jsx)(l, {
-					highlightedIndex: y,
-					itemToString: d,
+			/* @__PURE__ */ (0, c.jsx)("div", {
+				..._(),
+				children: h && /* @__PURE__ */ (0, c.jsx)(u, {
+					highlightedIndex: b,
+					itemToString: f,
 					options: r,
-					getItemProps: v
+					getItemProps: y
 				})
 			})
 		]
 	});
-}, p = () => /* @__PURE__ */ (0, s.jsx)("svg", {
+}, m = () => /* @__PURE__ */ (0, c.jsx)("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
 	viewBox: "3.48 3.06 67.67 37.07",
 	"aria-hidden": "true",
 	focusable: "false",
 	className: "locale-symbol-svg",
-	children: /* @__PURE__ */ (0, s.jsx)("path", {
+	children: /* @__PURE__ */ (0, c.jsx)("path", {
 		fill: "currentColor",
 		stroke: "none",
 		d: "m 4.53,38.37 -1.05,-1.75 2.56,-0.81 c 4.27,-1.35 9.26,-3.96 12.59,-6.59 0.46,-0.36 0.47,-0.45 0.11,-0.87 -4.36,-5.09 -5.75,-7.32 -7.63,-12.24 l -0.96,-2.51 -2.96,-0.07 -2.96,-0.07 V 11.48 9.5 h 7.81 c 7.41,0 7.8,-0.02 7.56,-0.47 -0.14,-0.26 -0.92,-1.4 -1.73,-2.53 -0.81,-1.13 -1.48,-2.1 -1.48,-2.16 0,-0.05 0.63,-0.33 1.39,-0.61 2.65,-0.98 2.41,-1.04 3.57,0.8 0.58,0.92 1.43,2.41 1.89,3.32 l 0.83,1.65 h 7.54 7.54 v 1.98 1.98 l -2.98,0.07 -2.98,0.07 -0.61,1.72 c -1.44,4.04 -4.11,8.89 -6.44,11.68 -0.56,0.68 -1.02,1.39 -1.02,1.59 0,0.42 4,3.14 6.89,4.7 1.1,0.59 3.3,1.62 4.89,2.28 1.59,0.67 2.94,1.26 3,1.32 0.09,0.09 -0.54,1.14 -1.84,3.1 -0.39,0.59 -8.46,-3.29 -12.5,-6.02 -3.87,-2.62 -3.41,-2.46 -4.65,-1.57 -4.56,3.28 -7.64,4.93 -12.51,6.7 l -2.83,1.03 z M 23.84,23.73 c 1.66,-2.24 4.6,-7.89 4.9,-9.4 l 0.17,-0.86 h -7.34 -7.34 l 0.17,0.86 c 0.25,1.27 2.39,5.4 3.73,7.19 1.67,2.23 3.57,4.39 3.86,4.39 0.14,0 0.98,-0.98 1.86,-2.17 z M 44.03,35.51 c 0.08,-0.26 2.45,-6.96 5.27,-14.89 l 5.12,-14.42 3.06,-0.07 3.06,-0.07 0.39,1.13 c 0.43,1.23 9.28,26.16 9.86,27.79 l 0.36,0.99 h -2.83 -2.83 l -1.19,-3.77 -1.19,-3.77 -5.56,-0.07 -5.56,-0.07 -1.23,3.78 -1.23,3.78 -2.82,0.08 c -2.6,0.07 -2.81,0.04 -2.67,-0.4 z M 61.64,23.99 c -0.03,-0.54 -3.96,-12.23 -4.13,-12.29 -0.19,-0.06 -4.07,11.52 -4.07,12.16 0,0.11 1.85,0.2 4.1,0.2 2.26,0 4.1,-0.03 4.1,-0.07 z"
 	})
-}), m = ({ value: e, options: n, onChange: i }) => {
+}), h = ({ value: e, options: n, onChange: i }) => {
 	let { msg: a } = r(), o = n.map((e) => ({
 		value: e.value,
 		label: a({ id: `locales.${e.value}` })
-	})), c = "changeLanguageSelector";
-	return /* @__PURE__ */ (0, s.jsxs)("div", {
+	})), s = "changeLanguageSelector";
+	return /* @__PURE__ */ (0, c.jsxs)("div", {
 		className: "sid-change-locale",
-		children: [/* @__PURE__ */ (0, s.jsx)("div", {
+		children: [/* @__PURE__ */ (0, c.jsx)("div", {
 			className: "sid-field__label sid-change-locale__label",
-			id: `${c}-label`,
-			children: /* @__PURE__ */ (0, s.jsx)(t, {
+			id: `${s}-label`,
+			children: /* @__PURE__ */ (0, c.jsx)(t, {
 				id: "changeLanguage",
 				defaultMessage: "Change language"
 			})
-		}), /* @__PURE__ */ (0, s.jsx)(f, {
+		}), /* @__PURE__ */ (0, c.jsx)(p, {
 			className: "sid-change-locale__select",
 			options: o,
 			onChange: (e) => i(e),
-			DisplayValueDecorator: /* @__PURE__ */ (0, s.jsx)(p, {}),
+			DisplayValueDecorator: /* @__PURE__ */ (0, c.jsx)(m, {}),
 			overrideInputClassName: "sid-change-locale__input",
 			value: o.find((t) => t.value === (e && e.value)),
-			id: c
+			id: s
 		})]
 	});
-}, h = ({ verificationService: t }) => {
+}, g = ({ verificationService: t }) => {
 	let { msg: n } = r(), o = a(i()).map((e) => ({
 		value: e,
 		label: n({ id: `locales.${e}` })
-	})), c = (e) => {
+	})), s = (e) => {
 		e?.value && t.viewModel.localeChoice.value !== e.value && t.updateLocale(e.value, t.verificationResponse.segment);
 	};
 	if (o.length <= 1) return null;
@@ -138,11 +139,11 @@ var s = n(), c = 42, l = ({ getItemProps: e, highlightedIndex: n, options: r, it
 		value: e,
 		label: "English"
 	};
-	return /* @__PURE__ */ (0, s.jsx)(m, {
+	return /* @__PURE__ */ (0, c.jsx)(h, {
 		options: o,
 		value: t.viewModel.localeChoice || l,
-		onChange: (e) => c(e)
+		onChange: (e) => s(e)
 	});
 };
 //#endregion
-export { h as t };
+export { g as t };

package/chunk/ChangeLocaleComponent-DKs0nm4K.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeLocaleComponent-DKs0nm4K.js","names":[],"sources":["../../src/components/FormInputs/Select/SelectList/SelectListComponent.tsx","../../src/components/FormInputs/Select/SelectButton/SelectButtonComponent.tsx","../../src/components/FormInputs/Select/SelectComponent.tsx","../../src/components/FormFields/ChangeLocale/icons/LocaleSymbol.tsx","../../src/components/FormFields/ChangeLocale/ChangeLocaleComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\ninterface SelectListProps {\n  getItemProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n}\n\nconst ROW_HEIGHT = 42;\n\nconst SelectList = ({ getItemProps, highlightedIndex, options, itemToString }: SelectListProps) => {\n  const fullHeight = options.length * ROW_HEIGHT;\n\n  const optionWithItemProps = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-select-list__item ${\n        highlightedIndex === index ? \"sid-select-list__item--highlighted\" : \"\"\n      }`}\n      key={index}\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...getItemProps({\n        index,\n        item,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  if (!options || options.length === 0) {\n    return (\n      <div className=\"sid-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"sid-input-select-list__menu\" style={{ height: Math.min(fullHeight, 280) }}>\n      {options.map((option, index) => optionWithItemProps(option, index))}\n    </div>\n  );\n};\n\nexport const SelectListComponent = SelectList;\n","interface SelectButtonProps {\n  getToggleButtonProps: any;\n  isOpen: boolean;\n}\n\nconst SelectButton = ({ getToggleButtonProps, isOpen }: SelectButtonProps) => (\n  // eslint-disable-next-line react/jsx-props-no-spreading\n  <button {...getToggleButtonProps({})} className=\"sid-select-button\" type=\"button\">\n    <svg\n      viewBox=\"0 0 20 20\"\n      preserveAspectRatio=\"none\"\n      width={16}\n      fill=\"transparent\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3px\"\n      transform={isOpen ? \"rotate(180)\" : undefined}\n    >\n      <path d=\"M1,6 L10,15 L19,6\" />\n    </svg>\n  </button>\n);\n\nexport const SelectButtonComponent = SelectButton;\n","import type React from \"react\";\nimport clsx from \"clsx\";\nimport { useCombobox } from \"downshift\";\n\nimport { type FormSelectChoice } from \"@/lib/types/types\";\n\nimport { SelectListComponent } from \"./SelectList/SelectListComponent\";\nimport { SelectButtonComponent } from \"./SelectButton/SelectButtonComponent\";\n\ninterface SelectProps {\n  className?: string;\n  isErrored?: boolean;\n  onChange: any;\n  options: FormSelectChoice[];\n  overrideInputClassName?: string;\n  placeholder?: string;\n  value?: FormSelectChoice;\n  DisplayValueDecorator?: React.ReactNode;\n  id?: string;\n}\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst Select = ({\n  className,\n  isErrored = false,\n  onChange,\n  options,\n  overrideInputClassName,\n  placeholder = \"\",\n  value,\n  DisplayValueDecorator,\n  id,\n}: SelectProps) => {\n  const {\n    isOpen,\n    getInputProps,\n    getMenuProps,\n    getToggleButtonProps,\n    getItemProps,\n    highlightedIndex,\n  } = useCombobox({\n    id,\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    items: options,\n    itemToString,\n    initialSelectedItem: value && value.value && value.label ? value : undefined,\n  });\n  const displayValue = value?.label || \"\";\n\n  return (\n    <div className={clsx(\"sid-select-list\", className)}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps()}\n        className={`\n                    sid-l-full-width\n                    ${overrideInputClassName || \"sid-select-input\"}\n                    ${isErrored ? \"sid-select-input--error\" : \"\"}\n                  `}\n        placeholder={placeholder}\n        readOnly\n      />\n\n      {displayValue && (\n        <span className=\"sid-select-display\">\n          {DisplayValueDecorator && DisplayValueDecorator}\n          <span aria-hidden>{displayValue}</span>\n          <SelectButtonComponent getToggleButtonProps={getToggleButtonProps} isOpen={isOpen} />\n        </span>\n      )}\n\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <div {...getMenuProps()}>\n        {isOpen && (\n          <SelectListComponent\n            highlightedIndex={highlightedIndex}\n            itemToString={itemToString}\n            options={options}\n            getItemProps={getItemProps}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const SelectComponent = Select;\n","export const LocaleSymbol = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"3.48 3.06 67.67 37.07\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    className=\"locale-symbol-svg\"\n  >\n    <path\n      fill=\"currentColor\"\n      stroke=\"none\"\n      d=\"m 4.53,38.37 -1.05,-1.75 2.56,-0.81 c 4.27,-1.35 9.26,-3.96 12.59,-6.59 0.46,-0.36 0.47,-0.45 0.11,-0.87 -4.36,-5.09 -5.75,-7.32 -7.63,-12.24 l -0.96,-2.51 -2.96,-0.07 -2.96,-0.07 V 11.48 9.5 h 7.81 c 7.41,0 7.8,-0.02 7.56,-0.47 -0.14,-0.26 -0.92,-1.4 -1.73,-2.53 -0.81,-1.13 -1.48,-2.1 -1.48,-2.16 0,-0.05 0.63,-0.33 1.39,-0.61 2.65,-0.98 2.41,-1.04 3.57,0.8 0.58,0.92 1.43,2.41 1.89,3.32 l 0.83,1.65 h 7.54 7.54 v 1.98 1.98 l -2.98,0.07 -2.98,0.07 -0.61,1.72 c -1.44,4.04 -4.11,8.89 -6.44,11.68 -0.56,0.68 -1.02,1.39 -1.02,1.59 0,0.42 4,3.14 6.89,4.7 1.1,0.59 3.3,1.62 4.89,2.28 1.59,0.67 2.94,1.26 3,1.32 0.09,0.09 -0.54,1.14 -1.84,3.1 -0.39,0.59 -8.46,-3.29 -12.5,-6.02 -3.87,-2.62 -3.41,-2.46 -4.65,-1.57 -4.56,3.28 -7.64,4.93 -12.51,6.7 l -2.83,1.03 z M 23.84,23.73 c 1.66,-2.24 4.6,-7.89 4.9,-9.4 l 0.17,-0.86 h -7.34 -7.34 l 0.17,0.86 c 0.25,1.27 2.39,5.4 3.73,7.19 1.67,2.23 3.57,4.39 3.86,4.39 0.14,0 0.98,-0.98 1.86,-2.17 z M 44.03,35.51 c 0.08,-0.26 2.45,-6.96 5.27,-14.89 l 5.12,-14.42 3.06,-0.07 3.06,-0.07 0.39,1.13 c 0.43,1.23 9.28,26.16 9.86,27.79 l 0.36,0.99 h -2.83 -2.83 l -1.19,-3.77 -1.19,-3.77 -5.56,-0.07 -5.56,-0.07 -1.23,3.78 -1.23,3.78 -2.82,0.08 c -2.6,0.07 -2.81,0.04 -2.67,-0.4 z M 61.64,23.99 c -0.03,-0.54 -3.96,-12.23 -4.13,-12.29 -0.19,-0.06 -4.07,11.52 -4.07,12.16 0,0.11 1.85,0.2 4.1,0.2 2.26,0 4.1,-0.03 4.1,-0.07 z\"\n    />\n  </svg>\n);\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { SelectComponent } from \"@/components/FormInputs/Select/SelectComponent\";\nimport { useMessage } from \"@/components/Message\";\nimport { DEFAULT_LOCALE } from \"@/constants\";\nimport { type FormSelectChoice, type Locale, type VerificationService } from \"@/lib/types/types\";\nimport { getAvailableLocales } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\n\nimport { LocaleSymbol } from \"./icons/LocaleSymbol\";\n\ninterface ChangeLocaleProps {\n  value: FormSelectChoice<Locale, string>;\n  options: FormSelectChoice<Locale, string>[];\n  onChange: (localeChoice: FormSelectChoice) => any;\n}\n\nexport const ChangeLocaleComponent = ({ value, options, onChange }: ChangeLocaleProps) => {\n  const { msg } = useMessage();\n  const newOptions: FormSelectChoice[] = options.map((option) => ({\n    value: option.value,\n    label: msg({ id: `locales.${option.value}` }),\n  }));\n  const id = \"changeLanguageSelector\";\n\n  return (\n    <div className=\"sid-change-locale\">\n      <div className=\"sid-field__label sid-change-locale__label\" id={`${id}-label`}>\n        <FormattedHTMLMessage id=\"changeLanguage\" defaultMessage=\"Change language\" />\n      </div>\n      <SelectComponent\n        className=\"sid-change-locale__select\"\n        options={newOptions}\n        onChange={(locale: FormSelectChoice) => onChange(locale)}\n        DisplayValueDecorator={<LocaleSymbol />}\n        overrideInputClassName=\"sid-change-locale__input\"\n        value={newOptions.find((option) => option.value === (value && value.value))}\n        id={id}\n      />\n    </div>\n  );\n};\n\n/**\n * This V2 component wraps the original one\n * It only takes verificationService as a prop for easier/slimmer invocation and to ensure locale ends up in the viewModel\n */\ninterface ChangeLocaleV2Props {\n  verificationService: VerificationService;\n}\n\nexport const ChangeLocaleV2Component = ({ verificationService }: ChangeLocaleV2Props) => {\n  const { msg } = useMessage();\n  const programTheme = useProgramTheme();\n  const localeChoices: FormSelectChoice<Locale, string>[] = getAvailableLocales(programTheme).map(\n    (locale) => ({\n      value: locale,\n      label: msg({ id: `locales.${locale}` }),\n    }),\n  );\n\n  const updateLocale = (localeChoice: FormSelectChoice<Locale, string>) => {\n    if (!localeChoice?.value) return;\n    if (verificationService.viewModel.localeChoice.value === localeChoice.value) return;\n\n    verificationService.updateLocale(\n      localeChoice.value,\n      verificationService.verificationResponse.segment,\n    );\n  };\n\n  if (localeChoices.length <= 1) {\n    return null;\n  }\n\n  const defaultLocaleChoice: FormSelectChoice<Locale, string> = {\n    value: DEFAULT_LOCALE,\n    label: \"English\",\n  };\n\n  return (\n    <ChangeLocaleComponent\n      options={localeChoices}\n      value={verificationService.viewModel.localeChoice || defaultLocaleChoice}\n      onChange={(localeChoice: FormSelectChoice<Locale, string>) => updateLocale(localeChoice)}\n    />\n  );\n};\n"],"mappings":";;;;;;;aAWM,IAAa,IAoCN,KAlCO,EAAE,iBAAc,qBAAkB,YAAS,sBAAoC;CACjG,IAAM,IAAa,EAAQ,SAAS,GAE9B,KAAuB,GAAwB,MACnD,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,WAAW,yBACT,MAAqB,IAAQ,uCAAuC;EAItE,GAAI,EAAa;GACf;GACA;EACF,CAAC;YAEA,EAAa,EAAQ,EAAM;CACzB,GARE,CAQF;CAWP,OARI,CAAC,KAAW,EAAQ,WAAW,IAE/B,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAY,gBAAe;EAAc,CAAA;CAC/D,CAAA,IAKP,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;EAA8B,OAAO,EAAE,QAAQ,KAAK,IAAI,GAAY,GAAG,EAAE;YACrF,EAAQ,KAAK,GAAQ,MAAU,EAAoB,GAAQ,CAAK,CAAC;CAC/D,CAAA;AAET,GCvBa,KAjBS,EAAE,yBAAsB,gBAE5C,iBAAA,GAAA,EAAA,KAAC,UAAD;CAAQ,GAAI,EAAqB,CAAC,CAAC;CAAG,WAAU;CAAoB,MAAK;WACvE,iBAAA,GAAA,EAAA,KAAC,OAAD;EACE,SAAQ;EACR,qBAAoB;EACpB,OAAO;EACP,MAAK;EACL,QAAO;EACP,aAAY;EACZ,WAAW,IAAS,gBAAgB,KAAA;YAEpC,iBAAA,GAAA,EAAA,KAAC,QAAD,EAAM,GAAE,oBAAqB,CAAA;CAC1B,CAAA;AACC,CAAA,GCEJ,KAAgB,MAA4B,IAAO,EAAK,QAAQ,IAkEzD,KAhEG,EACd,cACA,eAAY,IACZ,aACA,YACA,2BACA,iBAAc,IACd,UACA,0BACA,YACiB;CACjB,IAAM,EACJ,WACA,kBACA,iBACA,yBACA,iBACA,wBACE,EAAY;EACd;EACA,uBAAuB,EAAE,cAAc,QAAsB,EAAS,CAAe;EACrF,OAAO;EACP;EACA,qBAAqB,KAAS,EAAM,SAAS,EAAM,QAAQ,IAAQ,KAAA;CACrE,CAAC,GACK,IAAe,GAAO,SAAS;CAErC,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,EAAK,mBAAmB,CAAS;YAAjD;GACE,iBAAA,GAAA,EAAA,KAAC,SAAD;IAEE,GAAI,EAAc;IAClB,WAAW;;sBAEG,KAA0B,mBAAmB;sBAC7C,IAAY,4BAA4B,GAAG;;IAE5C;IACb,UAAA;GACD,CAAA;GAEA,KACC,iBAAA,GAAA,EAAA,MAAC,QAAD;IAAM,WAAU;cAAhB;KACG,KAAyB;KAC1B,iBAAA,GAAA,EAAA,KAAC,QAAD;MAAM,eAAA;gBAAa;KAAmB,CAAA;KACtC,iBAAA,GAAA,EAAA,KAAC,GAAD;MAA6C;MAA8B;KAAS,CAAA;IAChF;;GAIR,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,GAAI,EAAa;cACnB,KACC,iBAAA,GAAA,EAAA,KAAC,GAAD;KACoB;KACJ;KACL;KACK;IACf,CAAA;GAEA,CAAA;EACF;;AAET,GCrFa,UACX,iBAAA,GAAA,EAAA,KAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,eAAY;CACZ,WAAU;CACV,WAAU;WAEV,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,MAAK;EACL,QAAO;EACP,GAAE;CACH,CAAA;AACE,CAAA,GCIM,KAAyB,EAAE,UAAO,YAAS,kBAAkC;CACxF,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAiC,EAAQ,KAAK,OAAY;EAC9D,OAAO,EAAO;EACd,OAAO,EAAI,EAAE,IAAI,WAAW,EAAO,QAAQ,CAAC;CAC9C,EAAE,GACI,IAAK;CAEX,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;GAA4C,IAAI,GAAG,EAAG;aACnE,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAsB,IAAG;IAAiB,gBAAe;GAAmB,CAAA;EACzE,CAAA,GACL,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,WAAU;GACV,SAAS;GACT,WAAW,MAA6B,EAAS,CAAM;GACvD,uBAAuB,iBAAA,GAAA,EAAA,KAAC,GAAD,CAAe,CAAA;GACtC,wBAAuB;GACvB,OAAO,EAAW,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GACtE;EACL,CAAA,CACE;;AAET,GAUa,KAA2B,EAAE,6BAA+C;CACvF,IAAM,EAAE,WAAQ,EAAW,GAErB,IAAoD,EADrC,EACyD,CAAY,EAAE,KACzF,OAAY;EACX,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,WAAW,IAAS,CAAC;CACxC,EACF,GAEM,KAAgB,MAAmD;EAClE,GAAc,SACf,EAAoB,UAAU,aAAa,UAAU,EAAa,SAEtE,EAAoB,aAClB,EAAa,OACb,EAAoB,qBAAqB,OAC3C;CACF;CAEA,IAAI,EAAc,UAAU,GAC1B,OAAO;CAGT,IAAM,IAAwD;EAC5D,OAAO;EACP,OAAO;CACT;CAEA,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAS;EACT,OAAO,EAAoB,UAAU,gBAAgB;EACrD,WAAW,MAAmD,EAAa,CAAY;CACxF,CAAA;AAEL"}

package/chunk/{City-CC2z8JJw.js → City-Cp8nDZib.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.282.0
- *   BUILD_TIMESTAMP: 1789082039987
- *   BUILD_DATE: Thu Sep 10 2026 23:13:59 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507151508
+ *   BUILD_DATE: Tue Sep 15 2026 21:19:11 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { n as e, t } from "./jsx-runtime-DmTh-fvV.js";
-import { n } from "./Message-CJbueAGg.js";
+import { n } from "./Message-BNNsbHmI.js";
 import { i as r } from "./stepComponentHelpers-DN6dYb4A.js";
 import { t as i } from "./FormFieldText-CoWhLvws.js";
 //#region src/components/FormFields/City/City.tsx

package/chunk/{City-CC2z8JJw.js.map → City-Cp8nDZib.js.map}

@@ -1 +1 @@
-{"version":3,"file":"City-CC2z8JJw.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element; // eslint-disable-line\n  onKeyDown?: Function;\n}\n\nexport const CityComponent = ({\n  value,\n  isErrored,\n  onChange,\n  isRequired = false,\n  onKeyDown = undefined,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"city\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"city\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"cityPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"city\" defaultMessage=\"City\" />}\n      errorMessage={\n        isErrored && <FormattedHTMLMessage id=\"errorId.invalidCity\" defaultMessage=\"Invalid city\" />\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      onKeyDown={typeof onKeyDown === \"function\" ? (e) => onKeyDown(e) : undefined}\n      disabled={disabled}\n      autoComplete=\"address-level2\"\n    />\n  );\n};\n"],"mappings":";;;;;aAaa,KAAiB,EAC5B,UACA,cACA,aACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,kBAAkB,CAAC;EACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAO,gBAAe;EAAQ,CAAA;EAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAsB,gBAAe;EAAgB,CAAA;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,UAAU;EACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;EACzD;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"City-Cp8nDZib.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element; // eslint-disable-line\n  onKeyDown?: Function;\n}\n\nexport const CityComponent = ({\n  value,\n  isErrored,\n  onChange,\n  isRequired = false,\n  onKeyDown = undefined,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"city\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"city\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"cityPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"city\" defaultMessage=\"City\" />}\n      errorMessage={\n        isErrored && <FormattedHTMLMessage id=\"errorId.invalidCity\" defaultMessage=\"Invalid city\" />\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      onKeyDown={typeof onKeyDown === \"function\" ? (e) => onKeyDown(e) : undefined}\n      disabled={disabled}\n      autoComplete=\"address-level2\"\n    />\n  );\n};\n"],"mappings":";;;;;aAaa,KAAiB,EAC5B,UACA,cACA,aACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,kBAAkB,CAAC;EACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAO,gBAAe;EAAQ,CAAA;EAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAsB,gBAAe;EAAgB,CAAA;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,UAAU;EACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;EACzD;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{City-DqDDFaTQ.js → City-DcB9Lt5k.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.282.0
- *   BUILD_TIMESTAMP: 1789082034615
- *   BUILD_DATE: Thu Sep 10 2026 23:13:54 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507136659
+ *   BUILD_DATE: Tue Sep 15 2026 21:18:56 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { n as e, t } from "./jsx-runtime-n0jD1uEy.js";
-import { n } from "./Message-BaBqxbGS.js";
+import { n } from "./Message-CLRlAd43.js";
 import { i as r } from "./stepComponentHelpers-BhSQbOUm.js";
 import { t as i } from "./FormFieldText-Cba-r9FE.js";
 //#region src/components/FormFields/City/City.tsx

package/chunk/{City-DqDDFaTQ.js.map → City-DcB9Lt5k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"City-DqDDFaTQ.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element; // eslint-disable-line\n  onKeyDown?: Function;\n}\n\nexport const CityComponent = ({\n  value,\n  isErrored,\n  onChange,\n  isRequired = false,\n  onKeyDown = undefined,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"city\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"city\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"cityPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"city\" defaultMessage=\"City\" />}\n      errorMessage={\n        isErrored && <FormattedHTMLMessage id=\"errorId.invalidCity\" defaultMessage=\"Invalid city\" />\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      onKeyDown={typeof onKeyDown === \"function\" ? (e) => onKeyDown(e) : undefined}\n      disabled={disabled}\n      autoComplete=\"address-level2\"\n    />\n  );\n};\n"],"mappings":";;;;;aAaa,KAAiB,EAC5B,UACA,cACA,aACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,kBAAkB,CAAC;EACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAO,gBAAe;EAAQ,CAAA;EAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAsB,gBAAe;EAAgB,CAAA;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,UAAU;EACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;EACzD;EACV,cAAa;CACd,CAAA;AAEL"}
+{"version":3,"file":"City-DcB9Lt5k.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\ninterface PassedProps {\n  explanation?: string | JSX.Element; // eslint-disable-line\n  onKeyDown?: Function;\n}\n\nexport const CityComponent = ({\n  value,\n  isErrored,\n  onChange,\n  isRequired = false,\n  onKeyDown = undefined,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\n  const { msg } = useMessage();\n  const isFieldHidden = getFieldConfigByFieldId(\"city\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"city\"\n      value={value}\n      onChange={onChange}\n      placeholder={placeholder || msg({ id: \"cityPlaceholder\" })}\n      label={<FormattedHTMLMessage id=\"city\" defaultMessage=\"City\" />}\n      errorMessage={\n        isErrored && <FormattedHTMLMessage id=\"errorId.invalidCity\" defaultMessage=\"Invalid city\" />\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      required={isRequired}\n      onKeyDown={typeof onKeyDown === \"function\" ? (e) => onKeyDown(e) : undefined}\n      disabled={disabled}\n      autoComplete=\"address-level2\"\n    />\n  );\n};\n"],"mappings":";;;;;aAaa,KAAiB,EAC5B,UACA,cACA,aACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SACgC;CAC3C,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACG;EACV,aAAa,KAAe,EAAI,EAAE,IAAI,kBAAkB,CAAC;EACzD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAO,gBAAe;EAAQ,CAAA;EAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAsB,gBAAe;EAAgB,CAAA;EAE7F,6BAA6B,CAAC,CAAC;EAC/B,UAAU;EACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;EACzD;EACV,cAAa;CACd,CAAA;AAEL"}

package/chunk/{CollegeNameComponent-Brcc6-UM.js → CollegeNameComponent-Dwcg89D2.js}

@@ -4,17 +4,17 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.282.0
- *   BUILD_TIMESTAMP: 1789082039987
- *   BUILD_DATE: Thu Sep 10 2026 23:13:59 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507151508
+ *   BUILD_DATE: Tue Sep 15 2026 21:19:11 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { s as e } from "./intl-DwZU2l1o.js";
 import { n as t, t as n } from "./jsx-runtime-DmTh-fvV.js";
-import { n as r, s as i } from "./Message-CJbueAGg.js";
+import { n as r, s as i } from "./Message-BNNsbHmI.js";
 import { c as a } from "./programThemeGetters-CZMLVLDB.js";
 import { i as o } from "./stepComponentHelpers-DN6dYb4A.js";
-import { t as s } from "./FormFieldTypeahead-DHWO2QwZ.js";
+import { t as s } from "./FormFieldTypeahead-B7FmlNZl.js";
 //#region src/components/FormFields/CollegeName/CollegeNameComponent.tsx
 var c = n(), l = ({ value: n, isErrored: l, onChange: u, verificationService: d, placeholder: f = "", isRequired: p = !0, disabled: m = !1 }) => {
 	let { msg: h } = r(), g = i(), _ = (e().urlAddSchoolForm || "").trim();

package/chunk/{CollegeNameComponent-BoTnXdci.js.map → CollegeNameComponent-Dwcg89D2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CollegeNameComponent-BoTnXdci.js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeNameComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  isRequired = true,\n  disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\n  const urlAddSchoolForm = (getOptions().urlAddSchoolForm || \"\").trim();\n\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"college-name\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"schoolNamePlaceholder\", context: segment })}\n      label={<FormattedHTMLMessage id=\"schoolName\" defaultMessage=\"University / College name\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      isRequired={isRequired}\n      showPlaceholderAndHideLabel={!!placeholder}\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      urlAddSchoolForm={urlAddSchoolForm}\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;;aAea,KAAwB,EACnC,UACA,cACA,aACA,wBACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,KAAoB,EAAW,EAAE,oBAAoB,IAAI,KAAK;CAQpE,OANsB,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACc;EACrB,WAAW,MAAyB,EAAS,CAAM;EACnD,aAAa,KAAe,EAAI;GAAE,IAAI;GAAyB,SAAS;EAAQ,CAAC;EACjF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAA6B,CAAA;EACzF,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGO;EACZ,6BAA6B,CAAC,CAAC;EAC/B,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;EACkB;EACR;CACX,CAAA;AAEL"}
+{"version":3,"file":"CollegeNameComponent-Dwcg89D2.js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { useSegment } from \"@/lib/state/contextHooks\";\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeNameComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  isRequired = true,\n  disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\n  const { msg } = useMessage();\n  const segment = useSegment();\n  const urlAddSchoolForm = (getOptions().urlAddSchoolForm || \"\").trim();\n\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"college-name\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={placeholder || msg({ id: \"schoolNamePlaceholder\", context: segment })}\n      label={<FormattedHTMLMessage id=\"schoolName\" defaultMessage=\"University / College name\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      isRequired={isRequired}\n      showPlaceholderAndHideLabel={!!placeholder}\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      urlAddSchoolForm={urlAddSchoolForm}\n      disabled={disabled}\n    />\n  );\n};\n"],"mappings":";;;;;;;aAea,KAAwB,EACnC,UACA,cACA,aACA,wBACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,EAAE,WAAQ,EAAW,GACrB,IAAU,EAAW,GACrB,KAAoB,EAAW,EAAE,oBAAoB,IAAI,KAAK;CAQpE,OANsB,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACc;EACrB,WAAW,MAAyB,EAAS,CAAM;EACnD,aAAa,KAAe,EAAI;GAAE,IAAI;GAAyB,SAAS;EAAQ,CAAC;EACjF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAA6B,CAAA;EACzF,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGO;EACZ,6BAA6B,CAAC,CAAC;EAC/B,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;EACkB;EACR;CACX,CAAA;AAEL"}

package/chunk/{CollegeNameComponent-BoTnXdci.js → CollegeNameComponent-zYtmC72a.js}

@@ -1,16 +1,16 @@
 
 /**
- *   VERSION: 2.282.0
- *   BUILD_TIMESTAMP: 1789082034615
- *   BUILD_DATE: Thu Sep 10 2026 23:13:54 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 908c0b78a9ca6ec85dd5411d16352a8d7c6b1181
+ *   VERSION: 2.284.0
+ *   BUILD_TIMESTAMP: 1789507136659
+ *   BUILD_DATE: Tue Sep 15 2026 21:18:56 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 1f15e88c77517e817b5e0876e256ba75f5914978
  */
 import { n as e } from "./options-kkjACM14.js";
 import { n as t, t as n } from "./jsx-runtime-n0jD1uEy.js";
-import { n as r, s as i } from "./Message-BaBqxbGS.js";
+import { n as r, s as i } from "./Message-CLRlAd43.js";
 import { c as a } from "./programThemeGetters-rty9XxxN.js";
 import { i as o } from "./stepComponentHelpers-BhSQbOUm.js";
-import { t as s } from "./FormFieldTypeahead-BKiUIrcV.js";
+import { t as s } from "./FormFieldTypeahead-D320YKH8.js";
 //#region src/components/FormFields/CollegeName/CollegeNameComponent.tsx
 var c = n(), l = ({ value: n, isErrored: l, onChange: u, verificationService: d, placeholder: f = "", isRequired: p = !0, disabled: m = !1 }) => {
 	let { msg: h } = r(), g = i(), _ = (e().urlAddSchoolForm || "").trim();