@sheerid/jslib 2.277.0 → 2.279.0

package/chunk/{ChangeLocaleComponent-DtJjnuBc.js → ChangeLocaleComponent-DaswLDgf.js}

@@ -1,40 +1,41 @@
 
 /**
- *   VERSION: 2.277.0
- *   BUILD_TIMESTAMP: 1787693415496
- *   BUILD_DATE: Tue Aug 25 2026 21:30:15 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
+ *   VERSION: 2.279.0
+ *   BUILD_TIMESTAMP: 1788995296072
+ *   BUILD_DATE: Wed Sep 09 2026 23:08:16 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: fdde81acaae8bfe2d0c43f5327d4569e8353b6e7
  */
 import { I as e } from "./options-pBCAJBwS.js";
-import { a as t, n, t as r } from "./jsx-runtime-Ini3eO9_.js";
-import { n as i } from "./stepComponentHelpers-DIHMDrmF.js";
-import { t as a } from "./downshift.esm-DryiNDJI.js";
+import { n as t, t as n } from "./jsx-runtime-Ini3eO9_.js";
+import { n as r, o as i } from "./Message-C8RQk5lc.js";
+import { t as a } from "./programThemeGetters-C9Sw0RZq.js";
+import { t as o } from "./downshift.esm-GP9lYKvI.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
-var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, itemToString: i }) => {
-	let a = r.length * s, c = (n, a) => /* @__PURE__ */ (0, o.jsx)("div", {
-		className: `sid-select-list__item ${t === a ? "sid-select-list__item--highlighted" : ""}`,
+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", {
+		className: `sid-select-list__item ${n === a ? "sid-select-list__item--highlighted" : ""}`,
 		...e({
 			index: a,
-			item: n
+			item: t
 		}),
 		children: i(r[a])
 	}, a);
-	return !r || r.length === 0 ? /* @__PURE__ */ (0, o.jsx)("div", {
+	return !r || r.length === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
 		className: "sid-select-list__message",
-		children: /* @__PURE__ */ (0, o.jsx)(n, {
+		children: /* @__PURE__ */ (0, s.jsx)(t, {
 			id: "noOptions",
 			defaultMessage: "No Options"
 		})
-	}) : /* @__PURE__ */ (0, o.jsx)("div", {
+	}) : /* @__PURE__ */ (0, s.jsx)("div", {
 		className: "sid-input-select-list__menu",
 		style: { height: Math.min(a, 280) },
-		children: r.map((e, t) => c(e, t))
+		children: r.map((e, t) => o(e, t))
 	});
-}, l = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, o.jsx)("button", {
+}, u = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, s.jsx)("button", {
 	...e({}),
 	className: "sid-select-button",
 	type: "button",
-	children: /* @__PURE__ */ (0, o.jsx)("svg", {
+	children: /* @__PURE__ */ (0, s.jsx)("svg", {
 		viewBox: "0 0 20 20",
 		preserveAspectRatio: "none",
 		width: 16,
@@ -42,106 +43,106 @@ var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, it
 		stroke: "currentColor",
 		strokeWidth: "3px",
 		transform: t ? "rotate(180)" : void 0,
-		children: /* @__PURE__ */ (0, o.jsx)("path", { d: "M1,6 L10,15 L19,6" })
+		children: /* @__PURE__ */ (0, s.jsx)("path", { d: "M1,6 L10,15 L19,6" })
 	})
-}), u = (e) => e ? e.label : "", d = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: s = "", value: d, DisplayValueDecorator: f, id: p }) => {
-	let { isOpen: m, getInputProps: h, getMenuProps: g, getToggleButtonProps: _, getItemProps: v, highlightedIndex: y } = a({
+}), 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,
 		onSelectedItemChange: ({ selectedItem: e }) => n(e),
 		items: r,
-		itemToString: u,
-		initialSelectedItem: d && d.value && d.label ? d : void 0
-	}), b = d?.label || "";
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		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}`,
 		children: [
-			/* @__PURE__ */ (0, o.jsx)("input", {
+			/* @__PURE__ */ (0, s.jsx)("input", {
 				...h(),
 				className: `
                     sid-l-full-width
                     ${i || "sid-select-input"}
                     ${t ? "sid-select-input--error" : ""}
                   `,
-				placeholder: s,
+				placeholder: a,
 				readOnly: !0
 			}),
-			b && /* @__PURE__ */ (0, o.jsxs)("span", {
+			b && /* @__PURE__ */ (0, s.jsxs)("span", {
 				className: "sid-select-display",
 				children: [
 					f && f,
-					/* @__PURE__ */ (0, o.jsx)("span", {
+					/* @__PURE__ */ (0, s.jsx)("span", {
 						"aria-hidden": !0,
 						children: b
 					}),
-					/* @__PURE__ */ (0, o.jsx)(l, {
+					/* @__PURE__ */ (0, s.jsx)(u, {
 						getToggleButtonProps: _,
 						isOpen: m
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, o.jsx)("div", {
+			/* @__PURE__ */ (0, s.jsx)("div", {
 				...g(),
-				children: m && /* @__PURE__ */ (0, o.jsx)(c, {
+				children: m && /* @__PURE__ */ (0, s.jsx)(l, {
 					highlightedIndex: y,
-					itemToString: u,
+					itemToString: d,
 					options: r,
 					getItemProps: v
 				})
 			})
 		]
 	});
-}, f = () => /* @__PURE__ */ (0, o.jsx)("svg", {
+}, p = () => /* @__PURE__ */ (0, s.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, o.jsx)("path", {
+	children: /* @__PURE__ */ (0, s.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"
 	})
-}), p = t(({ value: e, options: t, onChange: r, intl: i }) => {
-	let a = t.map((e) => ({
+}), m = ({ value: e, options: n, onChange: i }) => {
+	let { msg: a } = r(), o = n.map((e) => ({
 		value: e.value,
-		label: i.formatHTMLMessage({
-			id: `locales.${e.value}`,
-			defaultMessage: "Label not found"
-		})
-	})), s = "changeLanguageSelector";
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		label: a({ id: `locales.${e.value}` })
+	})), c = "changeLanguageSelector";
+	return /* @__PURE__ */ (0, s.jsxs)("div", {
 		className: "sid-change-locale",
-		children: [/* @__PURE__ */ (0, o.jsx)("div", {
+		children: [/* @__PURE__ */ (0, s.jsx)("div", {
 			className: "sid-field__label sid-change-locale__label",
-			id: `${s}-label`,
-			children: /* @__PURE__ */ (0, o.jsx)(n, {
+			id: `${c}-label`,
+			children: /* @__PURE__ */ (0, s.jsx)(t, {
 				id: "changeLanguage",
 				defaultMessage: "Change language"
 			})
-		}), /* @__PURE__ */ (0, o.jsx)(d, {
+		}), /* @__PURE__ */ (0, s.jsx)(f, {
 			className: "sid-change-locale__select",
-			options: a,
-			onChange: (e) => r(e),
-			DisplayValueDecorator: /* @__PURE__ */ (0, o.jsx)(f, {}),
+			options: o,
+			onChange: (e) => i(e),
+			DisplayValueDecorator: /* @__PURE__ */ (0, s.jsx)(p, {}),
 			overrideInputClassName: "sid-change-locale__input",
-			value: a.find((t) => t.value === (e && e.value)),
-			id: s
+			value: o.find((t) => t.value === (e && e.value)),
+			id: c
 		})]
 	});
-}), m = t(({ verificationService: t, intl: n }) => {
-	let r = i(t.programTheme, n), a = (e) => {
+}, h = ({ verificationService: t }) => {
+	let { msg: n } = r(), o = a(i()).map((e) => ({
+		value: e,
+		label: n({ id: `locales.${e}` })
+	})), c = (e) => {
 		e?.value && t.viewModel.localeChoice.value !== e.value && t.updateLocale(e.value, t.verificationResponse.segment);
 	};
-	if (r.length <= 1) return null;
-	let s = {
+	if (o.length <= 1) return null;
+	let l = {
 		value: e,
 		label: "English"
 	};
-	return /* @__PURE__ */ (0, o.jsx)(p, {
-		options: r,
-		value: t.viewModel.localeChoice || s,
-		onChange: (e) => a(e)
+	return /* @__PURE__ */ (0, s.jsx)(m, {
+		options: o,
+		value: t.viewModel.localeChoice || l,
+		onChange: (e) => c(e)
 	});
-});
+};
 //#endregion
-export { m as t };
+export { h as t };

package/chunk/{ChangeLocaleComponent-CKKK4OcA.js.map → ChangeLocaleComponent-DaswLDgf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChangeLocaleComponent-CKKK4OcA.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 { 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={`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 {\n  FormattedHTMLMessage,\n  type InjectedIntl,\n  type InjectedIntlProps,\n  injectIntl,\n} from \"react-intl\";\n\nimport { DEFAULT_LOCALE } from \"@/constants\";\nimport { type FormSelectChoice, type Locale, type VerificationService } from \"@/lib/types/types\";\nimport { getAvailableLocaleChoices } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { SelectComponent } from \"../../FormInputs/Select/SelectComponent\";\n\nimport { LocaleSymbol } from \"./icons/LocaleSymbol\";\n\ninterface ChangeLocaleProps {\n  value: FormSelectChoice;\n  options: FormSelectChoice[];\n  onChange: (localeChoice: FormSelectChoice) => any;\n}\n\nconst ChangeLocale = ({\n  value,\n  options,\n  onChange,\n  intl,\n}: ChangeLocaleProps & InjectedIntlProps) => {\n  const newOptions: FormSelectChoice[] = options.map((option) => ({\n    value: option.value,\n    label: intl.formatHTMLMessage({\n      id: `locales.${option.value}`,\n      defaultMessage: \"Label not found\",\n    }),\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\nexport const ChangeLocaleComponent = injectIntl(ChangeLocale);\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  intl: InjectedIntl;\n}\n\nconst ChangeLocaleV2 = ({ verificationService, intl }: ChangeLocaleV2Props) => {\n  const localeChoices: FormSelectChoice<Locale, string>[] = getAvailableLocaleChoices(\n    verificationService.programTheme,\n    intl,\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\nexport const ChangeLocaleV2Component = injectIntl(ChangeLocaleV2);\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,GCCJ,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,mBAAmB;YAAnC;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,GCpFa,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,GCyCM,IAAwB,GAjCf,EACpB,UACA,YACA,aACA,cAC2C;CAC3C,IAAM,IAAiC,EAAQ,KAAK,OAAY;EAC9D,OAAO,EAAO;EACd,OAAO,EAAK,kBAAkB;GAC5B,IAAI,WAAW,EAAO;GACtB,gBAAgB;EAClB,CAAC;CACH,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,CAE4D,GA6C/C,IAA0B,GAlCf,EAAE,wBAAqB,cAAgC;CAC7E,IAAM,IAAoD,EACxD,EAAoB,cACpB,CACF,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,CAEgE"}
+{"version":3,"file":"ChangeLocaleComponent-DaswLDgf.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 { 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={`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-CKKK4OcA.js → ChangeLocaleComponent-oYqC5rPO.js}

@@ -4,41 +4,42 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.277.0
- *   BUILD_TIMESTAMP: 1787693419738
- *   BUILD_DATE: Tue Aug 25 2026 21:30:19 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 6bf9486531bf722019a9060202aca84ce001472b
+ *   VERSION: 2.279.0
+ *   BUILD_TIMESTAMP: 1788995300702
+ *   BUILD_DATE: Wed Sep 09 2026 23:08:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: fdde81acaae8bfe2d0c43f5327d4569e8353b6e7
  */
 import { R as e } from "./intl-e5WHiYfA.js";
-import { a as t, n, t as r } from "./jsx-runtime-LqzCS-0D.js";
-import { n as i } from "./stepComponentHelpers-BdqtwfRd.js";
-import { t as a } from "./downshift.esm-BKI3sFd7.js";
+import { n as t, t as n } from "./jsx-runtime-LqzCS-0D.js";
+import { n as r, o as i } from "./Message-Sbek6JOj.js";
+import { t as a } from "./programThemeGetters-uLsgGat1.js";
+import { t as o } from "./downshift.esm-CljItZH3.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
-var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, itemToString: i }) => {
-	let a = r.length * s, c = (n, a) => /* @__PURE__ */ (0, o.jsx)("div", {
-		className: `sid-select-list__item ${t === a ? "sid-select-list__item--highlighted" : ""}`,
+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", {
+		className: `sid-select-list__item ${n === a ? "sid-select-list__item--highlighted" : ""}`,
 		...e({
 			index: a,
-			item: n
+			item: t
 		}),
 		children: i(r[a])
 	}, a);
-	return !r || r.length === 0 ? /* @__PURE__ */ (0, o.jsx)("div", {
+	return !r || r.length === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
 		className: "sid-select-list__message",
-		children: /* @__PURE__ */ (0, o.jsx)(n, {
+		children: /* @__PURE__ */ (0, s.jsx)(t, {
 			id: "noOptions",
 			defaultMessage: "No Options"
 		})
-	}) : /* @__PURE__ */ (0, o.jsx)("div", {
+	}) : /* @__PURE__ */ (0, s.jsx)("div", {
 		className: "sid-input-select-list__menu",
 		style: { height: Math.min(a, 280) },
-		children: r.map((e, t) => c(e, t))
+		children: r.map((e, t) => o(e, t))
 	});
-}, l = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, o.jsx)("button", {
+}, u = ({ getToggleButtonProps: e, isOpen: t }) => /* @__PURE__ */ (0, s.jsx)("button", {
 	...e({}),
 	className: "sid-select-button",
 	type: "button",
-	children: /* @__PURE__ */ (0, o.jsx)("svg", {
+	children: /* @__PURE__ */ (0, s.jsx)("svg", {
 		viewBox: "0 0 20 20",
 		preserveAspectRatio: "none",
 		width: 16,
@@ -46,106 +47,106 @@ var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, it
 		stroke: "currentColor",
 		strokeWidth: "3px",
 		transform: t ? "rotate(180)" : void 0,
-		children: /* @__PURE__ */ (0, o.jsx)("path", { d: "M1,6 L10,15 L19,6" })
+		children: /* @__PURE__ */ (0, s.jsx)("path", { d: "M1,6 L10,15 L19,6" })
 	})
-}), u = (e) => e ? e.label : "", d = ({ className: e, isErrored: t = !1, onChange: n, options: r, overrideInputClassName: i, placeholder: s = "", value: d, DisplayValueDecorator: f, id: p }) => {
-	let { isOpen: m, getInputProps: h, getMenuProps: g, getToggleButtonProps: _, getItemProps: v, highlightedIndex: y } = a({
+}), 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,
 		onSelectedItemChange: ({ selectedItem: e }) => n(e),
 		items: r,
-		itemToString: u,
-		initialSelectedItem: d && d.value && d.label ? d : void 0
-	}), b = d?.label || "";
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		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}`,
 		children: [
-			/* @__PURE__ */ (0, o.jsx)("input", {
+			/* @__PURE__ */ (0, s.jsx)("input", {
 				...h(),
 				className: `
                     sid-l-full-width
                     ${i || "sid-select-input"}
                     ${t ? "sid-select-input--error" : ""}
                   `,
-				placeholder: s,
+				placeholder: a,
 				readOnly: !0
 			}),
-			b && /* @__PURE__ */ (0, o.jsxs)("span", {
+			b && /* @__PURE__ */ (0, s.jsxs)("span", {
 				className: "sid-select-display",
 				children: [
 					f && f,
-					/* @__PURE__ */ (0, o.jsx)("span", {
+					/* @__PURE__ */ (0, s.jsx)("span", {
 						"aria-hidden": !0,
 						children: b
 					}),
-					/* @__PURE__ */ (0, o.jsx)(l, {
+					/* @__PURE__ */ (0, s.jsx)(u, {
 						getToggleButtonProps: _,
 						isOpen: m
 					})
 				]
 			}),
-			/* @__PURE__ */ (0, o.jsx)("div", {
+			/* @__PURE__ */ (0, s.jsx)("div", {
 				...g(),
-				children: m && /* @__PURE__ */ (0, o.jsx)(c, {
+				children: m && /* @__PURE__ */ (0, s.jsx)(l, {
 					highlightedIndex: y,
-					itemToString: u,
+					itemToString: d,
 					options: r,
 					getItemProps: v
 				})
 			})
 		]
 	});
-}, f = () => /* @__PURE__ */ (0, o.jsx)("svg", {
+}, p = () => /* @__PURE__ */ (0, s.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, o.jsx)("path", {
+	children: /* @__PURE__ */ (0, s.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"
 	})
-}), p = t(({ value: e, options: t, onChange: r, intl: i }) => {
-	let a = t.map((e) => ({
+}), m = ({ value: e, options: n, onChange: i }) => {
+	let { msg: a } = r(), o = n.map((e) => ({
 		value: e.value,
-		label: i.formatHTMLMessage({
-			id: `locales.${e.value}`,
-			defaultMessage: "Label not found"
-		})
-	})), s = "changeLanguageSelector";
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
+		label: a({ id: `locales.${e.value}` })
+	})), c = "changeLanguageSelector";
+	return /* @__PURE__ */ (0, s.jsxs)("div", {
 		className: "sid-change-locale",
-		children: [/* @__PURE__ */ (0, o.jsx)("div", {
+		children: [/* @__PURE__ */ (0, s.jsx)("div", {
 			className: "sid-field__label sid-change-locale__label",
-			id: `${s}-label`,
-			children: /* @__PURE__ */ (0, o.jsx)(n, {
+			id: `${c}-label`,
+			children: /* @__PURE__ */ (0, s.jsx)(t, {
 				id: "changeLanguage",
 				defaultMessage: "Change language"
 			})
-		}), /* @__PURE__ */ (0, o.jsx)(d, {
+		}), /* @__PURE__ */ (0, s.jsx)(f, {
 			className: "sid-change-locale__select",
-			options: a,
-			onChange: (e) => r(e),
-			DisplayValueDecorator: /* @__PURE__ */ (0, o.jsx)(f, {}),
+			options: o,
+			onChange: (e) => i(e),
+			DisplayValueDecorator: /* @__PURE__ */ (0, s.jsx)(p, {}),
 			overrideInputClassName: "sid-change-locale__input",
-			value: a.find((t) => t.value === (e && e.value)),
-			id: s
+			value: o.find((t) => t.value === (e && e.value)),
+			id: c
 		})]
 	});
-}), m = t(({ verificationService: t, intl: n }) => {
-	let r = i(t.programTheme, n), a = (e) => {
+}, h = ({ verificationService: t }) => {
+	let { msg: n } = r(), o = a(i()).map((e) => ({
+		value: e,
+		label: n({ id: `locales.${e}` })
+	})), c = (e) => {
 		e?.value && t.viewModel.localeChoice.value !== e.value && t.updateLocale(e.value, t.verificationResponse.segment);
 	};
-	if (r.length <= 1) return null;
-	let s = {
+	if (o.length <= 1) return null;
+	let l = {
 		value: e,
 		label: "English"
 	};
-	return /* @__PURE__ */ (0, o.jsx)(p, {
-		options: r,
-		value: t.viewModel.localeChoice || s,
-		onChange: (e) => a(e)
+	return /* @__PURE__ */ (0, s.jsx)(m, {
+		options: o,
+		value: t.viewModel.localeChoice || l,
+		onChange: (e) => c(e)
 	});
-});
+};
 //#endregion
-export { m as t };
+export { h as t };

package/chunk/{ChangeLocaleComponent-DtJjnuBc.js.map → ChangeLocaleComponent-oYqC5rPO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ChangeLocaleComponent-DtJjnuBc.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 { 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={`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 {\n  FormattedHTMLMessage,\n  type InjectedIntl,\n  type InjectedIntlProps,\n  injectIntl,\n} from \"react-intl\";\n\nimport { DEFAULT_LOCALE } from \"@/constants\";\nimport { type FormSelectChoice, type Locale, type VerificationService } from \"@/lib/types/types\";\nimport { getAvailableLocaleChoices } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { SelectComponent } from \"../../FormInputs/Select/SelectComponent\";\n\nimport { LocaleSymbol } from \"./icons/LocaleSymbol\";\n\ninterface ChangeLocaleProps {\n  value: FormSelectChoice;\n  options: FormSelectChoice[];\n  onChange: (localeChoice: FormSelectChoice) => any;\n}\n\nconst ChangeLocale = ({\n  value,\n  options,\n  onChange,\n  intl,\n}: ChangeLocaleProps & InjectedIntlProps) => {\n  const newOptions: FormSelectChoice[] = options.map((option) => ({\n    value: option.value,\n    label: intl.formatHTMLMessage({\n      id: `locales.${option.value}`,\n      defaultMessage: \"Label not found\",\n    }),\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\nexport const ChangeLocaleComponent = injectIntl(ChangeLocale);\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  intl: InjectedIntl;\n}\n\nconst ChangeLocaleV2 = ({ verificationService, intl }: ChangeLocaleV2Props) => {\n  const localeChoices: FormSelectChoice<Locale, string>[] = getAvailableLocaleChoices(\n    verificationService.programTheme,\n    intl,\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\nexport const ChangeLocaleV2Component = injectIntl(ChangeLocaleV2);\n"],"mappings":"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"}
+{"version":3,"file":"ChangeLocaleComponent-oYqC5rPO.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 { 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={`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/City-Ca92IEBF.js

@@ -0,0 +1,36 @@
+
+/**
+ *   VERSION: 2.279.0
+ *   BUILD_TIMESTAMP: 1788995296072
+ *   BUILD_DATE: Wed Sep 09 2026 23:08:16 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: fdde81acaae8bfe2d0c43f5327d4569e8353b6e7
+ */
+import { n as e, t } from "./jsx-runtime-Ini3eO9_.js";
+import { n } from "./Message-C8RQk5lc.js";
+import { i as r } from "./stepComponentHelpers-BOwTk6Tq.js";
+import { t as i } from "./FormFieldText-BbdrtNh_.js";
+//#region src/components/FormFields/City/City.tsx
+var a = t(), o = ({ value: t, isErrored: o, onChange: s, isRequired: c = !1, onKeyDown: l = void 0, placeholder: u = "", disabled: d = !1 }) => {
+	let { msg: f } = n();
+	return r("city")?.hidden ? null : /* @__PURE__ */ (0, a.jsx)(i, {
+		fieldId: "city",
+		value: t,
+		onChange: s,
+		placeholder: u || f({ id: "cityPlaceholder" }),
+		label: /* @__PURE__ */ (0, a.jsx)(e, {
+			id: "city",
+			defaultMessage: "City"
+		}),
+		errorMessage: o && /* @__PURE__ */ (0, a.jsx)(e, {
+			id: "errorId.invalidCity",
+			defaultMessage: "Invalid city"
+		}),
+		showPlaceholderAndHideLabel: !!u,
+		required: c,
+		onKeyDown: typeof l == "function" ? (e) => l(e) : void 0,
+		disabled: d,
+		autoComplete: "address-level2"
+	});
+};
+//#endregion
+export { o as t };

package/chunk/City-Ca92IEBF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"City-Ca92IEBF.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"}