npm - @sheerid/jslib-nightly - Versions diffs - 2.286.0-alpha.2 → 2.286.0-alpha.3 - Mend

@sheerid/jslib-nightly 2.286.0-alpha.2 → 2.286.0-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (376) hide show

package/chunk/{ChangeLocaleComponent-B4Tlnh2U.js → ChangeLocaleComponent-Cr5Qo4b_.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { L as e } from "./options-CvRaXPRs.js";
 import { n as t, t as n } from "./jsx-runtime-ClghfwTa.js";
-import { n as r, o as i } from "./Message-DJBqbWrp.js";
+import { n as r, o as i } from "./Message-DM6-jB_q.js";
 import { t as a } from "./programThemeGetters-Bhp4oSEn.js";
-import { t as o } from "./downshift.esm-CUJv4odi.js";
+import { t as o } from "./downshift.esm-4NaZxdxy.js";
 import { t as s } from "./clsx-CB5rauS5.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
 var c = n(), l = 42, u = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {

package/chunk/{ChangeLocaleComponent-B4Tlnh2U.js.map → ChangeLocaleComponent-Cr5Qo4b_.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChangeLocaleComponent-B4Tlnh2U.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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"}
1	+ {"version":3,"file":"ChangeLocaleComponent-Cr5Qo4b_.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-jMvrJEW-.js → ChangeLocaleComponent-QWUZxrex.js} RENAMED Viewed

@@ -4,16 +4,16 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596645608
- *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { z as e } from "./intl-D0f52P7V.js";
 import { n as t, t as n } from "./jsx-runtime-FfARtXk2.js";
-import { n as r, o as i } from "./Message-BunzH7fa.js";
+import { n as r, o as i } from "./Message-C30WkE0t.js";
 import { t as a } from "./programThemeGetters-CQmR9Vit.js";
-import { t as o } from "./downshift.esm-DvaoY6u7.js";
+import { t as o } from "./downshift.esm-CBV1y_ks.js";
 import { t as s } from "./clsx-CB5rauS5.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
 var c = n(), l = 42, u = ({ getItemProps: e, highlightedIndex: n, options: r, itemToString: i }) => {

package/chunk/{ChangeLocaleComponent-jMvrJEW-.js.map → ChangeLocaleComponent-QWUZxrex.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChangeLocaleComponent-jMvrJEW-.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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"}
1	+ {"version":3,"file":"ChangeLocaleComponent-QWUZxrex.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/{City-xUKTZJTo.js → City-D671IRA5.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e, t } from "./jsx-runtime-ClghfwTa.js";
-import { n } from "./Message-DJBqbWrp.js";
-import { r } from "./stepComponentHelpers-BweXuNBz.js";
+import { n } from "./Message-DM6-jB_q.js";
+import { n as r } from "./stepComponentHelpers-aRQ5l0V5.js";
 import { t as i } from "./FormFieldText-blykeSRX.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 }) => {

package/chunk/{City-BIL97VTt.js.map → City-D671IRA5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~BIL97VTt~~.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"}
1	+ {"version":3,"file":"City-D671IRA5.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-BIL97VTt.js → City-JFoC6v5U.js} RENAMED Viewed

@@ -4,14 +4,14 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596645608
- *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e, t } from "./jsx-runtime-FfARtXk2.js";
-import { n } from "./Message-BunzH7fa.js";
-import { r } from "./stepComponentHelpers-CmZT1Man.js";
+import { n } from "./Message-C30WkE0t.js";
+import { n as r } from "./stepComponentHelpers-CHUPcQfA.js";
 import { t as i } from "./FormFieldText-Dx92JsxR.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 }) => {

package/chunk/{City-xUKTZJTo.js.map → City-JFoC6v5U.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~xUKTZJTo~~.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"}
1	+ {"version":3,"file":"City-JFoC6v5U.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-OwBwjKji.js → CollegeNameComponent-2R17vhcT.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e } from "./options-CvRaXPRs.js";
 import { n as t, t as n } from "./jsx-runtime-ClghfwTa.js";
-import { n as r, s as i } from "./Message-DJBqbWrp.js";
+import { n as r, s as i } from "./Message-DM6-jB_q.js";
 import { c as a } from "./programThemeGetters-Bhp4oSEn.js";
-import { r as o } from "./stepComponentHelpers-BweXuNBz.js";
-import { t as s } from "./FormFieldTypeahead-Fu_3FlXg.js";
+import { n as o } from "./stepComponentHelpers-aRQ5l0V5.js";
+import { t as s } from "./FormFieldTypeahead-C78-gdUf.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-Hnhr9YwU.js.map → CollegeNameComponent-2R17vhcT.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~Hnhr9YwU~~.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"}
1	+ {"version":3,"file":"CollegeNameComponent-2R17vhcT.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-Hnhr9YwU.js → CollegeNameComponent-DpxSYhjc.js} RENAMED Viewed

@@ -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.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596645608
- *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { s as e } from "./intl-D0f52P7V.js";
 import { n as t, t as n } from "./jsx-runtime-FfARtXk2.js";
-import { n as r, s as i } from "./Message-BunzH7fa.js";
+import { n as r, s as i } from "./Message-C30WkE0t.js";
 import { c as a } from "./programThemeGetters-CQmR9Vit.js";
-import { r as o } from "./stepComponentHelpers-CmZT1Man.js";
-import { t as s } from "./FormFieldTypeahead-DIhWUSSE.js";
+import { n as o } from "./stepComponentHelpers-CHUPcQfA.js";
+import { t as s } from "./FormFieldTypeahead-Dlzx882A.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-OwBwjKji.js.map → CollegeNameComponent-DpxSYhjc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~OwBwjKji~~.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"}
1	+ {"version":3,"file":"CollegeNameComponent-DpxSYhjc.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/CopyToClipboardComponent-BvzDoXkd.js CHANGED Viewed

@@ -4,9 +4,9 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596645608
- *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Et as e, Ot as t } from "./intl-D0f52P7V.js";

package/chunk/CopyToClipboardComponent-CHdDPJEa.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Et as e, Ot as t } from "./options-CvRaXPRs.js";

package/chunk/{CountryComponentWrapper-B1wLa3TB.js → CountryComponentWrapper-EYWb8DVc.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596641519
- *   BUILD_DATE: Wed Sep 16 2026 22:10:41 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599761379
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:41 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Ot as e, c as t } from "./options-CvRaXPRs.js";
 import { c as n, n as r, t as i } from "./jsx-runtime-ClghfwTa.js";
-import { n as a, o } from "./Message-DJBqbWrp.js";
+import { n as a, o } from "./Message-DM6-jB_q.js";
 import { n as s } from "./empties-DVYWFiU4.js";
 import { n as c } from "./programThemeGetters-Bhp4oSEn.js";
 import { u as l } from "./hooks-Bl6VU6hP.js";
-import { h as u, m as d, r as f, u as p } from "./stepComponentHelpers-BweXuNBz.js";
-import { t as m } from "./FormFieldInputSelect-0RWaXUZ0.js";
+import { l as u, m as d, n as f, p } from "./stepComponentHelpers-aRQ5l0V5.js";
+import { t as m } from "./FormFieldInputSelect-CZQIYYGa.js";
 //#region src/components/FormFields/Country/CountryComponent.tsx
 var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, options: n, onChange: i, onKeyDown: o, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => {
 	let { msg: d } = a();
@@ -56,10 +56,10 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, optio
 				"state",
 				"city"
 			];
-			e.updateViewModel(p(e.viewModel, "fieldsToSkipValidation", t));
+			e.updateViewModel(u(e.viewModel, "fieldsToSkipValidation", t));
 		}
 	}, [x]), h.useEffect(() => {
-		d(t(e.fieldValidationErrors, (t) => {
+		p(t(e.fieldValidationErrors, (t) => {
 			t.country &&= l("country", e.viewModel.countryChoice, e.formValidationOptions), "postalCode" in e.viewModel && e.viewModel.postalCode && (t.postalCode = l("postalCode", e.viewModel.postalCode, e.formValidationOptions));
 		}), e);
 	}, [e.viewModel.countryChoice]), !x || S ? null : /* @__PURE__ */ (0, g.jsx)(_, {
@@ -70,7 +70,7 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, optio
 		disabled: r,
 		onChange: async (t) => {
 			let n = t ? t.value : void 0;
-			C(t), u("country", n, e);
+			C(t), d("country", n, e);
 		}
 	});
 };

package/chunk/{CountryComponentWrapper-B1wLa3TB.js.map → CountryComponentWrapper-EYWb8DVc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~B1wLa3TB~~.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\n\nexport const CountryComponent = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\n const { msg } = useMessage();\n const inputId = \"country\";\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n options={options}\n onChange={(country: FormSelectChoice) => onChange(country)}\n onKeyDown={onKeyDown}\n placeholder={placeholder \|\| msg({ id: \"countryPlaceholder\" })}\n value={options.find((option) => option.value === (value && value.value))}\n isRequired={isRequired}\n label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n suppressPlaceholder={suppressPlaceholder}\n disabled={disabled}\n />\n );\n};\n","import React from \"react\";\nimport produce from \"immer\";\n\nimport { useMessage } from \"@/components/Message\";\nimport {\n type VerificationService,\n type Country,\n type FormSelectChoice,\n type ViewModel,\n type ErrorId,\n type FieldId,\n type WithOrganization,\n} from \"@/lib/types/types\";\nimport {\n updateFieldValidationErrorsByFieldId,\n produceDraftViewModel,\n updateFieldValidationErrors,\n getFieldConfigByFieldId,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"@/lib/validators/validators\";\nimport { blankOrganization } from \"@/lib/types/empties\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\nexport const CountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n disabled = false,\n}: CountryComponentWrapperProps) => {\n const programTheme = useProgramTheme();\n const { i18n, msg } = useMessage();\n\n const availableCountries: Country[] = getConfiguredCountries(programTheme);\n const localeAwareSorter = (a, b) => Intl.Collator(i18n.language).compare(a.label, b.label);\n const countryChoices = availableCountries\n .map((countryCode) => ({\n value: countryCode,\n label: msg({ id: `countries.${countryCode}` }),\n }))\n .sort(localeAwareSorter);\n\n const { fieldValidationErrors } = verificationService;\n const hasMultipleCountries = countryChoices.length > 1;\n const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n const nextState: ViewModel = produce(\n verificationService.viewModel,\n (draft: ViewModel & WithOrganization) => {\n draft.countryChoice = countryChoice \|\| undefined;\n\n // Adds backwards compatibility with Age and Employment programs\n (draft as any).country = countryChoice ? countryChoice.value : undefined;\n if (viewModelDraftDecorator) {\n viewModelDraftDecorator(draft, countryChoice);\n }\n\n // Reset to a blank org when changing the country choice\n if (draft.organization) {\n draft.organization = blankOrganization.organization;\n }\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n React.useEffect(() => {\n const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n if (!hasMultipleCountries && !includesUS) {\n const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n verificationService.updateViewModel(\n produceDraftViewModel(\n verificationService.viewModel,\n \"fieldsToSkipValidation\",\n fieldsToSkip,\n ),\n );\n }\n }, [hasMultipleCountries]);\n\n React.useEffect(() => {\n const updatedFieldValidationErrors = produce(\n verificationService.fieldValidationErrors,\n (draft) => {\n if (draft.country) {\n draft.country = validateFieldById(\n \"country\",\n verificationService.viewModel.countryChoice,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n if (\n \"postalCode\" in verificationService.viewModel &&\n verificationService.viewModel.postalCode\n ) {\n draft.postalCode = validateFieldById(\n \"postalCode\",\n verificationService.viewModel.postalCode,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n },\n );\n updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n }, [verificationService.viewModel.countryChoice]);\n\n if (!hasMultipleCountries \|\| isFieldHidden) {\n return null;\n }\n\n return (\n <CountryComponent\n isRequired\n options={countryChoices}\n value={verificationService.viewModel.countryChoice}\n isErrored={Boolean(fieldValidationErrors.country)}\n disabled={disabled}\n onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n const countryValue = countryChoice ? countryChoice.value : undefined;\n updateCountryChoice(countryChoice);\n updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n }}\n />\n );\n};\n"],"mappings":";;;;;;;;;4CAMA,KAAA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;AAiCA,GCJa,KAA2B,EACtC,wBACA,6BAA0B,KAAA,GAC1B,cAAW,SACuB;CAClC,IAAM,IAAe,EAAgB,GAC/B,EAAE,SAAM,WAAQ,EAAW,GAI3B,IAFgC,EAAuB,CAEtC,EACpB,KAAK,OAAiB;EACrB,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,aAAa,IAAc,CAAC;CAC/C,EAAE,EACD,MANwB,GAAG,MAAM,KAAK,SAAS,EAAK,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAMhE,GAEnB,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL"}
1	+ {"version":3,"file":"CountryComponentWrapper-EYWb8DVc.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\n\nexport const CountryComponent = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\n const { msg } = useMessage();\n const inputId = \"country\";\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n options={options}\n onChange={(country: FormSelectChoice) => onChange(country)}\n onKeyDown={onKeyDown}\n placeholder={placeholder \|\| msg({ id: \"countryPlaceholder\" })}\n value={options.find((option) => option.value === (value && value.value))}\n isRequired={isRequired}\n label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n suppressPlaceholder={suppressPlaceholder}\n disabled={disabled}\n />\n );\n};\n","import React from \"react\";\nimport produce from \"immer\";\n\nimport { useMessage } from \"@/components/Message\";\nimport {\n type VerificationService,\n type Country,\n type FormSelectChoice,\n type ViewModel,\n type ErrorId,\n type FieldId,\n type WithOrganization,\n} from \"@/lib/types/types\";\nimport {\n updateFieldValidationErrorsByFieldId,\n produceDraftViewModel,\n updateFieldValidationErrors,\n getFieldConfigByFieldId,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"@/lib/validators/validators\";\nimport { blankOrganization } from \"@/lib/types/empties\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\nexport const CountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n disabled = false,\n}: CountryComponentWrapperProps) => {\n const programTheme = useProgramTheme();\n const { i18n, msg } = useMessage();\n\n const availableCountries: Country[] = getConfiguredCountries(programTheme);\n const localeAwareSorter = (a, b) => Intl.Collator(i18n.language).compare(a.label, b.label);\n const countryChoices = availableCountries\n .map((countryCode) => ({\n value: countryCode,\n label: msg({ id: `countries.${countryCode}` }),\n }))\n .sort(localeAwareSorter);\n\n const { fieldValidationErrors } = verificationService;\n const hasMultipleCountries = countryChoices.length > 1;\n const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n const nextState: ViewModel = produce(\n verificationService.viewModel,\n (draft: ViewModel & WithOrganization) => {\n draft.countryChoice = countryChoice \|\| undefined;\n\n // Adds backwards compatibility with Age and Employment programs\n (draft as any).country = countryChoice ? countryChoice.value : undefined;\n if (viewModelDraftDecorator) {\n viewModelDraftDecorator(draft, countryChoice);\n }\n\n // Reset to a blank org when changing the country choice\n if (draft.organization) {\n draft.organization = blankOrganization.organization;\n }\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n React.useEffect(() => {\n const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n if (!hasMultipleCountries && !includesUS) {\n const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n verificationService.updateViewModel(\n produceDraftViewModel(\n verificationService.viewModel,\n \"fieldsToSkipValidation\",\n fieldsToSkip,\n ),\n );\n }\n }, [hasMultipleCountries]);\n\n React.useEffect(() => {\n const updatedFieldValidationErrors = produce(\n verificationService.fieldValidationErrors,\n (draft) => {\n if (draft.country) {\n draft.country = validateFieldById(\n \"country\",\n verificationService.viewModel.countryChoice,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n if (\n \"postalCode\" in verificationService.viewModel &&\n verificationService.viewModel.postalCode\n ) {\n draft.postalCode = validateFieldById(\n \"postalCode\",\n verificationService.viewModel.postalCode,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n },\n );\n updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n }, [verificationService.viewModel.countryChoice]);\n\n if (!hasMultipleCountries \|\| isFieldHidden) {\n return null;\n }\n\n return (\n <CountryComponent\n isRequired\n options={countryChoices}\n value={verificationService.viewModel.countryChoice}\n isErrored={Boolean(fieldValidationErrors.country)}\n disabled={disabled}\n onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n const countryValue = countryChoice ? countryChoice.value : undefined;\n updateCountryChoice(countryChoice);\n updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n }}\n />\n );\n};\n"],"mappings":";;;;;;;;;4CAMA,KAAA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;AAiCA,GCJa,KAA2B,EACtC,wBACA,6BAA0B,KAAA,GAC1B,cAAW,SACuB;CAClC,IAAM,IAAe,EAAgB,GAC/B,EAAE,SAAM,WAAQ,EAAW,GAI3B,IAFgC,EAAuB,CAEtC,EACpB,KAAK,OAAiB;EACrB,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,aAAa,IAAc,CAAC;CAC/C,EAAE,EACD,MANwB,GAAG,MAAM,KAAK,SAAS,EAAK,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAMhE,GAEnB,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL"}

package/chunk/{CountryComponentWrapper-DhAq6SAW.js → CountryComponentWrapper-klPIifpD.js} RENAMED Viewed

@@ -4,19 +4,19 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.286.0-alpha.2
- *   BUILD_TIMESTAMP: 1789596645608
- *   BUILD_DATE: Wed Sep 16 2026 22:10:45 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.3
+ *   BUILD_TIMESTAMP: 1789599765490
+ *   BUILD_DATE: Wed Sep 16 2026 23:02:45 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Ot as e, p as t } from "./intl-D0f52P7V.js";
 import { c as n, n as r, t as i } from "./jsx-runtime-FfARtXk2.js";
-import { n as a, o } from "./Message-BunzH7fa.js";
+import { n as a, o } from "./Message-C30WkE0t.js";
 import { n as s } from "./empties-CrGLsC5v.js";
 import { n as c } from "./programThemeGetters-CQmR9Vit.js";
 import { u as l } from "./hooks-j2dPIOl1.js";
-import { h as u, m as d, r as f, u as p } from "./stepComponentHelpers-CmZT1Man.js";
-import { t as m } from "./FormFieldInputSelect-C2JbVtSi.js";
+import { l as u, m as d, n as f, p } from "./stepComponentHelpers-CHUPcQfA.js";
+import { t as m } from "./FormFieldInputSelect-BC1vqc_P.js";
 //#region src/components/FormFields/Country/CountryComponent.tsx
 var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, options: n, onChange: i, onKeyDown: o, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => {
 	let { msg: d } = a();
@@ -60,10 +60,10 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, optio
 				"state",
 				"city"
 			];
-			e.updateViewModel(p(e.viewModel, "fieldsToSkipValidation", t));
+			e.updateViewModel(u(e.viewModel, "fieldsToSkipValidation", t));
 		}
 	}, [x]), h.useEffect(() => {
-		d(t(e.fieldValidationErrors, (t) => {
+		p(t(e.fieldValidationErrors, (t) => {
 			t.country &&= l("country", e.viewModel.countryChoice, e.formValidationOptions), "postalCode" in e.viewModel && e.viewModel.postalCode && (t.postalCode = l("postalCode", e.viewModel.postalCode, e.formValidationOptions));
 		}), e);
 	}, [e.viewModel.countryChoice]), !x || S ? null : /* @__PURE__ */ (0, g.jsx)(_, {
@@ -74,7 +74,7 @@ var h = /* @__PURE__ */ e(n(), 1), g = i(), _ = ({ value: e, isErrored: t, optio
 		disabled: r,
 		onChange: async (t) => {
 			let n = t ? t.value : void 0;
-			C(t), u("country", n, e);
+			C(t), d("country", n, e);
 		}
 	});
 };

package/chunk/{CountryComponentWrapper-DhAq6SAW.js.map → CountryComponentWrapper-klPIifpD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~DhAq6SAW~~.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\n\nexport const CountryComponent = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\n const { msg } = useMessage();\n const inputId = \"country\";\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n options={options}\n onChange={(country: FormSelectChoice) => onChange(country)}\n onKeyDown={onKeyDown}\n placeholder={placeholder \|\| msg({ id: \"countryPlaceholder\" })}\n value={options.find((option) => option.value === (value && value.value))}\n isRequired={isRequired}\n label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n suppressPlaceholder={suppressPlaceholder}\n disabled={disabled}\n />\n );\n};\n","import React from \"react\";\nimport produce from \"immer\";\n\nimport { useMessage } from \"@/components/Message\";\nimport {\n type VerificationService,\n type Country,\n type FormSelectChoice,\n type ViewModel,\n type ErrorId,\n type FieldId,\n type WithOrganization,\n} from \"@/lib/types/types\";\nimport {\n updateFieldValidationErrorsByFieldId,\n produceDraftViewModel,\n updateFieldValidationErrors,\n getFieldConfigByFieldId,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"@/lib/validators/validators\";\nimport { blankOrganization } from \"@/lib/types/empties\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\nexport const CountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n disabled = false,\n}: CountryComponentWrapperProps) => {\n const programTheme = useProgramTheme();\n const { i18n, msg } = useMessage();\n\n const availableCountries: Country[] = getConfiguredCountries(programTheme);\n const localeAwareSorter = (a, b) => Intl.Collator(i18n.language).compare(a.label, b.label);\n const countryChoices = availableCountries\n .map((countryCode) => ({\n value: countryCode,\n label: msg({ id: `countries.${countryCode}` }),\n }))\n .sort(localeAwareSorter);\n\n const { fieldValidationErrors } = verificationService;\n const hasMultipleCountries = countryChoices.length > 1;\n const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n const nextState: ViewModel = produce(\n verificationService.viewModel,\n (draft: ViewModel & WithOrganization) => {\n draft.countryChoice = countryChoice \|\| undefined;\n\n // Adds backwards compatibility with Age and Employment programs\n (draft as any).country = countryChoice ? countryChoice.value : undefined;\n if (viewModelDraftDecorator) {\n viewModelDraftDecorator(draft, countryChoice);\n }\n\n // Reset to a blank org when changing the country choice\n if (draft.organization) {\n draft.organization = blankOrganization.organization;\n }\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n React.useEffect(() => {\n const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n if (!hasMultipleCountries && !includesUS) {\n const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n verificationService.updateViewModel(\n produceDraftViewModel(\n verificationService.viewModel,\n \"fieldsToSkipValidation\",\n fieldsToSkip,\n ),\n );\n }\n }, [hasMultipleCountries]);\n\n React.useEffect(() => {\n const updatedFieldValidationErrors = produce(\n verificationService.fieldValidationErrors,\n (draft) => {\n if (draft.country) {\n draft.country = validateFieldById(\n \"country\",\n verificationService.viewModel.countryChoice,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n if (\n \"postalCode\" in verificationService.viewModel &&\n verificationService.viewModel.postalCode\n ) {\n draft.postalCode = validateFieldById(\n \"postalCode\",\n verificationService.viewModel.postalCode,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n },\n );\n updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n }, [verificationService.viewModel.countryChoice]);\n\n if (!hasMultipleCountries \|\| isFieldHidden) {\n return null;\n }\n\n return (\n <CountryComponent\n isRequired\n options={countryChoices}\n value={verificationService.viewModel.countryChoice}\n isErrored={Boolean(fieldValidationErrors.country)}\n disabled={disabled}\n onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n const countryValue = countryChoice ? countryChoice.value : undefined;\n updateCountryChoice(countryChoice);\n updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n }}\n />\n );\n};\n"],"mappings":";;;;;;;;;4CAMA,KAAA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;AAiCA,GCJa,KAA2B,EACtC,wBACA,6BAA0B,KAAA,GAC1B,cAAW,SACuB;CAClC,IAAM,IAAe,EAAgB,GAC/B,EAAE,SAAM,WAAQ,EAAW,GAI3B,IAFgC,EAAuB,CAEtC,EACpB,KAAK,OAAiB;EACrB,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,aAAa,IAAc,CAAC;CAC/C,EAAE,EACD,MANwB,GAAG,MAAM,KAAK,SAAS,EAAK,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAMhE,GAEnB,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL"}
1	+ {"version":3,"file":"CountryComponentWrapper-klPIifpD.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"@/lib/types/types\";\n\nexport const CountryComponent = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\n const { msg } = useMessage();\n const inputId = \"country\";\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n options={options}\n onChange={(country: FormSelectChoice) => onChange(country)}\n onKeyDown={onKeyDown}\n placeholder={placeholder \|\| msg({ id: \"countryPlaceholder\" })}\n value={options.find((option) => option.value === (value && value.value))}\n isRequired={isRequired}\n label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n suppressPlaceholder={suppressPlaceholder}\n disabled={disabled}\n />\n );\n};\n","import React from \"react\";\nimport produce from \"immer\";\n\nimport { useMessage } from \"@/components/Message\";\nimport {\n type VerificationService,\n type Country,\n type FormSelectChoice,\n type ViewModel,\n type ErrorId,\n type FieldId,\n type WithOrganization,\n} from \"@/lib/types/types\";\nimport {\n updateFieldValidationErrorsByFieldId,\n produceDraftViewModel,\n updateFieldValidationErrors,\n getFieldConfigByFieldId,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"@/lib/validators/validators\";\nimport { blankOrganization } from \"@/lib/types/empties\";\nimport { useProgramTheme } from \"@/lib/state/contextHooks\";\nimport { getConfiguredCountries } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\nexport const CountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n disabled = false,\n}: CountryComponentWrapperProps) => {\n const programTheme = useProgramTheme();\n const { i18n, msg } = useMessage();\n\n const availableCountries: Country[] = getConfiguredCountries(programTheme);\n const localeAwareSorter = (a, b) => Intl.Collator(i18n.language).compare(a.label, b.label);\n const countryChoices = availableCountries\n .map((countryCode) => ({\n value: countryCode,\n label: msg({ id: `countries.${countryCode}` }),\n }))\n .sort(localeAwareSorter);\n\n const { fieldValidationErrors } = verificationService;\n const hasMultipleCountries = countryChoices.length > 1;\n const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n const nextState: ViewModel = produce(\n verificationService.viewModel,\n (draft: ViewModel & WithOrganization) => {\n draft.countryChoice = countryChoice \|\| undefined;\n\n // Adds backwards compatibility with Age and Employment programs\n (draft as any).country = countryChoice ? countryChoice.value : undefined;\n if (viewModelDraftDecorator) {\n viewModelDraftDecorator(draft, countryChoice);\n }\n\n // Reset to a blank org when changing the country choice\n if (draft.organization) {\n draft.organization = blankOrganization.organization;\n }\n },\n );\n verificationService.updateViewModel(nextState);\n };\n\n React.useEffect(() => {\n const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n if (!hasMultipleCountries && !includesUS) {\n const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n verificationService.updateViewModel(\n produceDraftViewModel(\n verificationService.viewModel,\n \"fieldsToSkipValidation\",\n fieldsToSkip,\n ),\n );\n }\n }, [hasMultipleCountries]);\n\n React.useEffect(() => {\n const updatedFieldValidationErrors = produce(\n verificationService.fieldValidationErrors,\n (draft) => {\n if (draft.country) {\n draft.country = validateFieldById(\n \"country\",\n verificationService.viewModel.countryChoice,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n if (\n \"postalCode\" in verificationService.viewModel &&\n verificationService.viewModel.postalCode\n ) {\n draft.postalCode = validateFieldById(\n \"postalCode\",\n verificationService.viewModel.postalCode,\n verificationService.formValidationOptions,\n ) as ErrorId;\n }\n },\n );\n updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n }, [verificationService.viewModel.countryChoice]);\n\n if (!hasMultipleCountries \|\| isFieldHidden) {\n return null;\n }\n\n return (\n <CountryComponent\n isRequired\n options={countryChoices}\n value={verificationService.viewModel.countryChoice}\n isErrored={Boolean(fieldValidationErrors.country)}\n disabled={disabled}\n onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n const countryValue = countryChoice ? countryChoice.value : undefined;\n updateCountryChoice(countryChoice);\n updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n }}\n />\n );\n};\n"],"mappings":";;;;;;;;;4CAMA,KAAA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;AAiCA,GCJa,KAA2B,EACtC,wBACA,6BAA0B,KAAA,GAC1B,cAAW,SACuB;CAClC,IAAM,IAAe,EAAgB,GAC/B,EAAE,SAAM,WAAQ,EAAW,GAI3B,IAFgC,EAAuB,CAEtC,EACpB,KAAK,OAAiB;EACrB,OAAO;EACP,OAAO,EAAI,EAAE,IAAI,aAAa,IAAc,CAAC;CAC/C,EAAE,EACD,MANwB,GAAG,MAAM,KAAK,SAAS,EAAK,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAMhE,GAEnB,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL"}