npm - @sheerid/jslib-nightly - Versions diffs - 2.286.0-alpha.0 → 2.286.0-alpha.1 - Mend

@sheerid/jslib-nightly 2.286.0-alpha.0 → 2.286.0-alpha.1

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 (340) hide show

package/chunk/{ChangeLocaleComponent-DbBz1tUB.js → ChangeLocaleComponent-CIxj6nDo.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.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { z as e } from "./intl-CvSmE54g.js";
 import { n as t, t as n } from "./jsx-runtime-JSlXFmKD.js";
-import { n as r, o as i } from "./Message-BzQvlehO.js";
+import { n as r, o as i } from "./Message-AhzNmlr-.js";
 import { t as a } from "./programThemeGetters-DYWYXv-a.js";
-import { t as o } from "./downshift.esm-C3VmEjPJ.js";
+import { t as o } from "./downshift.esm-bT2teXW5.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-DTp8j-wE.js.map → ChangeLocaleComponent-CIxj6nDo.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChangeLocaleComponent-DTp8j-wE.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-CIxj6nDo.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-DTp8j-wE.js → ChangeLocaleComponent-DLdFkire.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576906490
- *   BUILD_DATE: Wed Sep 16 2026 16:41:46 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583676758
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { L as e } from "./options-CRzdSTAR.js";
 import { n as t, t as n } from "./jsx-runtime-CyXcV_93.js";
-import { n as r, o as i } from "./Message-DTjPO81C.js";
+import { n as r, o as i } from "./Message-DMWipGHw.js";
 import { t as a } from "./programThemeGetters-VBnkSxuj.js";
-import { t as o } from "./downshift.esm-CQQa_wPA.js";
+import { t as o } from "./downshift.esm-DIqASAb_.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-DbBz1tUB.js.map → ChangeLocaleComponent-DLdFkire.js.map} RENAMED Viewed

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

package/chunk/{City-B31l6VTD.js → City-CS_konnR.js} RENAMED Viewed

@@ -4,13 +4,13 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e, t } from "./jsx-runtime-JSlXFmKD.js";
-import { n } from "./Message-BzQvlehO.js";
+import { n } from "./Message-AhzNmlr-.js";
 import { i as r } from "./stepComponentHelpers-DKGaTSta.js";
 import { t as i } from "./FormFieldText-Py7x4EZ6.js";
 //#region src/components/FormFields/City/City.tsx

package/chunk/{City-B31l6VTD.js.map → City-CS_konnR.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~B31l6VTD~~.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-CS_konnR.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-Drv6dzVo.js → City-u4b9kkEc.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576906490
- *   BUILD_DATE: Wed Sep 16 2026 16:41:46 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583676758
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e, t } from "./jsx-runtime-CyXcV_93.js";
-import { n } from "./Message-DTjPO81C.js";
+import { n } from "./Message-DMWipGHw.js";
 import { i as r } from "./stepComponentHelpers-DXPc6DBY.js";
 import { t as i } from "./FormFieldText-Bn9WIKiI.js";
 //#region src/components/FormFields/City/City.tsx

package/chunk/{City-Drv6dzVo.js.map → City-u4b9kkEc.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~Drv6dzVo~~.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-u4b9kkEc.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-BXe6YEtp.js → CollegeNameComponent-0aYV45V4.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.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { s as e } from "./intl-CvSmE54g.js";
 import { n as t, t as n } from "./jsx-runtime-JSlXFmKD.js";
-import { n as r, s as i } from "./Message-BzQvlehO.js";
+import { n as r, s as i } from "./Message-AhzNmlr-.js";
 import { c as a } from "./programThemeGetters-DYWYXv-a.js";
 import { i as o } from "./stepComponentHelpers-DKGaTSta.js";
-import { t as s } from "./FormFieldTypeahead-DsjvOSw-.js";
+import { t as s } from "./FormFieldTypeahead-DzfNaioE.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-BI5ZRKh5.js.map → CollegeNameComponent-0aYV45V4.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~BI5ZRKh5~~.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-0aYV45V4.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-BI5ZRKh5.js → CollegeNameComponent-p53EUNZq.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576906490
- *   BUILD_DATE: Wed Sep 16 2026 16:41:46 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583676758
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { n as e } from "./options-CRzdSTAR.js";
 import { n as t, t as n } from "./jsx-runtime-CyXcV_93.js";
-import { n as r, s as i } from "./Message-DTjPO81C.js";
+import { n as r, s as i } from "./Message-DMWipGHw.js";
 import { c as a } from "./programThemeGetters-VBnkSxuj.js";
 import { i as o } from "./stepComponentHelpers-DXPc6DBY.js";
-import { t as s } from "./FormFieldTypeahead-D0UbcCmJ.js";
+import { t as s } from "./FormFieldTypeahead-CCWbXmv0.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-BXe6YEtp.js.map → CollegeNameComponent-p53EUNZq.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~BXe6YEtp~~.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-p53EUNZq.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-3wpB0lTx.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.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Et as e, Ot as t } from "./intl-CvSmE54g.js";

package/chunk/CopyToClipboardComponent-BXe124AZ.js CHANGED Viewed

@@ -1,8 +1,8 @@
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576906490
- *   BUILD_DATE: Wed Sep 16 2026 16:41:46 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583676758
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Et as e, Ot as t } from "./options-CRzdSTAR.js";

package/chunk/{CountryComponentWrapper-CTwfjZcm.js → CountryComponentWrapper-1WCljRM0.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.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Ot as e, p as t } from "./intl-CvSmE54g.js";
 import { c as n, n as r, t as i } from "./jsx-runtime-JSlXFmKD.js";
-import { n as a, o } from "./Message-BzQvlehO.js";
+import { n as a, o } from "./Message-AhzNmlr-.js";
 import { n as s } from "./empties-Dhc64eA5.js";
 import { n as c } from "./programThemeGetters-DYWYXv-a.js";
 import { u as l } from "./hooks-B8Gr4Mtw.js";
 import { d as u, g as d, h as f, i as p } from "./stepComponentHelpers-DKGaTSta.js";
-import { t as m } from "./FormFieldInputSelect-D5WLRDU3.js";
+import { t as m } from "./FormFieldInputSelect-B9nWAvVk.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();

package/chunk/{CountryComponentWrapper-BvRfYYfs.js.map → CountryComponentWrapper-1WCljRM0.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~BvRfYYfs~~.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-1WCljRM0.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-BvRfYYfs.js → CountryComponentWrapper-BWfP7cjU.js} RENAMED Viewed

@@ -1,18 +1,18 @@
 /**
- *   VERSION: 2.286.0-alpha.0
- *   BUILD_TIMESTAMP: 1789576906490
- *   BUILD_DATE: Wed Sep 16 2026 16:41:46 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583676758
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:36 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Ot as e, c as t } from "./options-CRzdSTAR.js";
 import { c as n, n as r, t as i } from "./jsx-runtime-CyXcV_93.js";
-import { n as a, o } from "./Message-DTjPO81C.js";
+import { n as a, o } from "./Message-DMWipGHw.js";
 import { n as s } from "./empties-DHI3R7ys.js";
 import { n as c } from "./programThemeGetters-VBnkSxuj.js";
 import { u as l } from "./hooks-Cl3P7QIh.js";
 import { d as u, g as d, h as f, i as p } from "./stepComponentHelpers-DXPc6DBY.js";
-import { t as m } from "./FormFieldInputSelect-Bmrn_n9h.js";
+import { t as m } from "./FormFieldInputSelect-BmDODXxK.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();

package/chunk/{CountryComponentWrapper-CTwfjZcm.js.map → CountryComponentWrapper-BWfP7cjU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~CTwfjZcm~~.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-BWfP7cjU.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/{DischargeDateComponent-C6H7bgg0.js → DischargeDateComponent-cW_SmJqU.js} RENAMED Viewed

@@ -4,18 +4,18 @@
  *   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.0
- *   BUILD_TIMESTAMP: 1789576910806
- *   BUILD_DATE: Wed Sep 16 2026 16:41:50 GMT+0000 (Coordinated Universal Time)
+ *   VERSION: 2.286.0-alpha.1
+ *   BUILD_TIMESTAMP: 1789583680538
+ *   BUILD_DATE: Wed Sep 16 2026 18:34:40 GMT+0000 (Coordinated Universal Time)
  *   BUILD_COMMIT: 58cd071e490202b546ec8addac4434c422af952d
  */
 import { Ot as e, wt as t, z as n } from "./intl-CvSmE54g.js";
 import { S as r } from "./runtimeTypes-B2AGNJMT.js";
 import { c as i, n as a, t as o } from "./jsx-runtime-JSlXFmKD.js";
-import { O as s, n as c } from "./Message-BzQvlehO.js";
+import { O as s, n as c } from "./Message-AhzNmlr-.js";
 import { i as l, l as u } from "./stepComponentHelpers-DKGaTSta.js";
-import { r as d } from "./CaptchaComponent-IxkyY0tK.js";
-import { t as f } from "./FormFieldInputSelect-D5WLRDU3.js";
+import { r as d } from "./CaptchaComponent-DIkA9FFI.js";
+import { t as f } from "./FormFieldInputSelect-B9nWAvVk.js";
 import { t as p } from "./countryUtils-BBN8jYxF.js";
 //#region src/components/FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent.tsx
 var m = o(), h = ({ onChange: e, errorId: t, isErrored: r = !!t, value: i = "2000-01-01", locale: o = n, disabled: s = !1 }) => l("activeDutyStartDate")?.hidden ? null : /* @__PURE__ */ (0, m.jsx)(d, {

package/chunk/{DischargeDateComponent-C6H7bgg0.js.map → DischargeDateComponent-cW_SmJqU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DischargeDateComponent-C6H7bgg0.js","names":[],"sources":["../../src/components/FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent.tsx","../../src/components/FormFields/BranchOfService/BranchOfServiceComponent.tsx","../../src/components/FormFields/DischargeDate/DischargeDateComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { DEFAULT_LOCALE } from \"../../../constants\";\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { DateComponent } from \"../../DateComponent/DateComponent\";\n\ntype Props = Omit<FormFieldComponentProps, \"isErrored\"> & {\n locale: string;\n /*\n @deprecated deprecated in favor of using errorId instead\n /\n isErrored?: boolean;\n};\n\nexport const ActiveDutyStartDateComponent = ({\n onChange,\n errorId,\n isErrored = !!errorId,\n value = \"2000-01-01\",\n locale = DEFAULT_LOCALE,\n disabled = false,\n}: Props) => {\n const isFieldHidden = getFieldConfigByFieldId(\"activeDutyStartDate\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <DateComponent\n value={value}\n label={\n <FormattedHTMLMessage id=\"activeDutyStartDate\" defaultMessage=\"Active Duty Start Date\" />\n }\n explanation={\n <FormattedHTMLMessage\n id=\"verificationPurposesOnly\"\n defaultMessage=\"Used for verification purposes only\"\n />\n }\n onChange={onChange}\n fieldName=\"activeDutyStartDate\"\n fieldId=\"sid-active-duty-start-date\"\n locale={locale}\n isErrored={isErrored}\n disabled={disabled}\n errorMsg={\n <FormattedHTMLMessage id={`errorId.${errorId}`} defaultMessage=\"Invalid start date\" />\n }\n />\n );\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n type FormSelectChoice,\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n type ActiveMilitaryPersonalInfoViewModel,\n type Country,\n} from \"../../../lib/types/types\";\nimport {\n getFieldConfigByFieldId,\n orgToOption,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\nimport { fetchOrganization } from \"../../../lib/ServerApi/OrganizationApiClient\";\nimport { isCountrySelectionNeeded } from \"../Country/countryUtils\";\n\ninterface BranchOfServiceComponentProps {\n /\n @deprecated Orgs are fetch lazily, within this component, now\n * A list of orgs is no-longer passed-in and then filtered\n * Don't provide this any more\n /\n organizations?: Organization[];\n}\n\nexport const BranchOfServiceComponent = ({\n autoFocus,\n onChange,\n value,\n isErrored,\n organizations = undefined,\n verificationService,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps & BranchOfServiceComponentProps) => {\n const { msg } = useMessage();\n\n if (organizations) {\n logger.warn(\"Param `organizations` is deprecated and will not be used\");\n }\n const inputId = \"branch-of-service\";\n const [options, setOptions] = React.useState<FormSelectChoice[]>([]);\n const [disabledState, setDisabledState] = React.useState<boolean>(false);\n const [isLoading, setIsLoading] = React.useState<boolean>(false);\n const { viewModel, programTheme } = verificationService;\n const { status } = viewModel as ActiveMilitaryPersonalInfoViewModel;\n const { orgSearchUrl } = programTheme.config;\n const countryChoiceValue: Country = getSafe(() => viewModel?.countryChoice?.value);\n const needToPickCountry = isCountrySelectionNeeded(programTheme, countryChoiceValue);\n\n React.useEffect(() => {\n const controller = new AbortController();\n\n const fetchOrgs = async () => {\n if (needToPickCountry) {\n setOptions([]);\n setDisabledState(true);\n return;\n }\n setDisabledState(false);\n setIsLoading(true);\n const fetchUrl = new URL(orgSearchUrl);\n if (countryChoiceValue) {\n fetchUrl.searchParams.set(\"country\", countryChoiceValue);\n } else {\n fetchUrl.searchParams.delete(\"country\");\n }\n\n if (status) {\n fetchUrl.searchParams.set(\"tags\", status);\n } else {\n fetchUrl.searchParams.delete(\"tags\");\n }\n\n const orgSearchResponse = await fetchOrganization(fetchUrl.toString());\n if (controller.signal.aborted) return;\n if (orgSearchResponse) setOptions(orgSearchResponse.map(orgToOption));\n setIsLoading(false);\n };\n\n fetchOrgs();\n\n return () => {\n controller.abort();\n };\n }, [countryChoiceValue, status]);\n\n const handleStateChange = (selectedOrgOption: FormSelectChoice, onChange: Function) => {\n if (selectedOrgOption) {\n onChange({\n id: selectedOrgOption.value,\n name: selectedOrgOption.label,\n });\n } else {\n onChange({\n id: 0,\n name: \"\",\n });\n }\n };\n\n const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n refId=\"organization\"\n autoFocus={autoFocus}\n options={options}\n onChange={(branch: FormSelectChoice) => handleStateChange(branch, onChange)}\n value={options.find((option) => option.value === (value && value.value))}\n placeholder={placeholder \|\| msg({ id: \"branchOfServicePlaceholder\" })}\n isRequired\n isLoading={isLoading}\n disabled={disabledState \|\| disabled}\n explanation={\n disabledState ? (\n <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n ) : null\n }\n label={<FormattedHTMLMessage id=\"branchOfService\" defaultMessage=\"Branch Of Service\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage\n id=\"errorId.invalidOrganization\"\n defaultMessage=\"You must select an organization from the list\"\n />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n containerId={`sid-${inputId}-id`}\n />\n );\n};\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { DateComponent } from \"../../DateComponent/DateComponent\";\n\ntype Props = Omit<FormFieldComponentProps, \"isErrored\"> & {\n locale?: string;\n /\n @deprecated deprecated in favor of using errorId instead\n */\n isErrored?: boolean;\n mode?: \"date\" \| \"month\";\n};\n\nexport const DischargeDateComponent = ({\n onChange,\n errorId,\n isErrored = !!errorId,\n value = \"2000-01-01\",\n disabled = false,\n locale,\n mode = \"month\",\n isRequired = true,\n}: Props) => {\n const isFieldHidden = getFieldConfigByFieldId(\"dischargeDate\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <DateComponent\n mode={mode}\n value={value}\n label={<FormattedHTMLMessage id=\"dischargeDate\" defaultMessage=\"Discharge date\" />}\n explanation={\n <FormattedHTMLMessage\n id=\"verificationPurposesOnly\"\n defaultMessage=\"Used for verification purposes only\"\n />\n }\n onChange={onChange}\n fieldName=\"dischargeDate\"\n fieldId=\"discharge-date\"\n isErrored={isErrored}\n disabled={disabled}\n isRequired={isRequired}\n locale={locale}\n errorMsg={\n <FormattedHTMLMessage id={`errorId.${errorId}`} defaultMessage=\"Invalid discharge date\" />\n }\n />\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"DischargeDateComponent-cW_SmJqU.js","names":[],"sources":["../../src/components/FormFields/ActiveDutyStartDate/ActiveDutyStartDateComponent.tsx","../../src/components/FormFields/BranchOfService/BranchOfServiceComponent.tsx","../../src/components/FormFields/DischargeDate/DischargeDateComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { DEFAULT_LOCALE } from \"../../../constants\";\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { DateComponent } from \"../../DateComponent/DateComponent\";\n\ntype Props = Omit<FormFieldComponentProps, \"isErrored\"> & {\n locale: string;\n /*\n @deprecated deprecated in favor of using errorId instead\n /\n isErrored?: boolean;\n};\n\nexport const ActiveDutyStartDateComponent = ({\n onChange,\n errorId,\n isErrored = !!errorId,\n value = \"2000-01-01\",\n locale = DEFAULT_LOCALE,\n disabled = false,\n}: Props) => {\n const isFieldHidden = getFieldConfigByFieldId(\"activeDutyStartDate\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <DateComponent\n value={value}\n label={\n <FormattedHTMLMessage id=\"activeDutyStartDate\" defaultMessage=\"Active Duty Start Date\" />\n }\n explanation={\n <FormattedHTMLMessage\n id=\"verificationPurposesOnly\"\n defaultMessage=\"Used for verification purposes only\"\n />\n }\n onChange={onChange}\n fieldName=\"activeDutyStartDate\"\n fieldId=\"sid-active-duty-start-date\"\n locale={locale}\n isErrored={isErrored}\n disabled={disabled}\n errorMsg={\n <FormattedHTMLMessage id={`errorId.${errorId}`} defaultMessage=\"Invalid start date\" />\n }\n />\n );\n};\n","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport { useMessage } from \"@/components/Message\";\n\nimport {\n type FormSelectChoice,\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n type ActiveMilitaryPersonalInfoViewModel,\n type Country,\n} from \"../../../lib/types/types\";\nimport {\n getFieldConfigByFieldId,\n orgToOption,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\nimport { fetchOrganization } from \"../../../lib/ServerApi/OrganizationApiClient\";\nimport { isCountrySelectionNeeded } from \"../Country/countryUtils\";\n\ninterface BranchOfServiceComponentProps {\n /\n @deprecated Orgs are fetch lazily, within this component, now\n * A list of orgs is no-longer passed-in and then filtered\n * Don't provide this any more\n /\n organizations?: Organization[];\n}\n\nexport const BranchOfServiceComponent = ({\n autoFocus,\n onChange,\n value,\n isErrored,\n organizations = undefined,\n verificationService,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps & BranchOfServiceComponentProps) => {\n const { msg } = useMessage();\n\n if (organizations) {\n logger.warn(\"Param `organizations` is deprecated and will not be used\");\n }\n const inputId = \"branch-of-service\";\n const [options, setOptions] = React.useState<FormSelectChoice[]>([]);\n const [disabledState, setDisabledState] = React.useState<boolean>(false);\n const [isLoading, setIsLoading] = React.useState<boolean>(false);\n const { viewModel, programTheme } = verificationService;\n const { status } = viewModel as ActiveMilitaryPersonalInfoViewModel;\n const { orgSearchUrl } = programTheme.config;\n const countryChoiceValue: Country = getSafe(() => viewModel?.countryChoice?.value);\n const needToPickCountry = isCountrySelectionNeeded(programTheme, countryChoiceValue);\n\n React.useEffect(() => {\n const controller = new AbortController();\n\n const fetchOrgs = async () => {\n if (needToPickCountry) {\n setOptions([]);\n setDisabledState(true);\n return;\n }\n setDisabledState(false);\n setIsLoading(true);\n const fetchUrl = new URL(orgSearchUrl);\n if (countryChoiceValue) {\n fetchUrl.searchParams.set(\"country\", countryChoiceValue);\n } else {\n fetchUrl.searchParams.delete(\"country\");\n }\n\n if (status) {\n fetchUrl.searchParams.set(\"tags\", status);\n } else {\n fetchUrl.searchParams.delete(\"tags\");\n }\n\n const orgSearchResponse = await fetchOrganization(fetchUrl.toString());\n if (controller.signal.aborted) return;\n if (orgSearchResponse) setOptions(orgSearchResponse.map(orgToOption));\n setIsLoading(false);\n };\n\n fetchOrgs();\n\n return () => {\n controller.abort();\n };\n }, [countryChoiceValue, status]);\n\n const handleStateChange = (selectedOrgOption: FormSelectChoice, onChange: Function) => {\n if (selectedOrgOption) {\n onChange({\n id: selectedOrgOption.value,\n name: selectedOrgOption.label,\n });\n } else {\n onChange({\n id: 0,\n name: \"\",\n });\n }\n };\n\n const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <FormFieldInputSelect\n fieldId={inputId}\n refId=\"organization\"\n autoFocus={autoFocus}\n options={options}\n onChange={(branch: FormSelectChoice) => handleStateChange(branch, onChange)}\n value={options.find((option) => option.value === (value && value.value))}\n placeholder={placeholder \|\| msg({ id: \"branchOfServicePlaceholder\" })}\n isRequired\n isLoading={isLoading}\n disabled={disabledState \|\| disabled}\n explanation={\n disabledState ? (\n <FormattedHTMLMessage id=\"chooseCountry\" defaultMessage=\"Choose a country first\" />\n ) : null\n }\n label={<FormattedHTMLMessage id=\"branchOfService\" defaultMessage=\"Branch Of Service\" />}\n errorMessage={\n isErrored && (\n <FormattedHTMLMessage\n id=\"errorId.invalidOrganization\"\n defaultMessage=\"You must select an organization from the list\"\n />\n )\n }\n showPlaceholderAndHideLabel={!!placeholder}\n containerId={`sid-${inputId}-id`}\n />\n );\n};\n","import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { DateComponent } from \"../../DateComponent/DateComponent\";\n\ntype Props = Omit<FormFieldComponentProps, \"isErrored\"> & {\n locale?: string;\n /\n @deprecated deprecated in favor of using errorId instead\n */\n isErrored?: boolean;\n mode?: \"date\" \| \"month\";\n};\n\nexport const DischargeDateComponent = ({\n onChange,\n errorId,\n isErrored = !!errorId,\n value = \"2000-01-01\",\n disabled = false,\n locale,\n mode = \"month\",\n isRequired = true,\n}: Props) => {\n const isFieldHidden = getFieldConfigByFieldId(\"dischargeDate\")?.hidden;\n\n if (isFieldHidden) {\n return null;\n }\n\n return (\n <DateComponent\n mode={mode}\n value={value}\n label={<FormattedHTMLMessage id=\"dischargeDate\" defaultMessage=\"Discharge date\" />}\n explanation={\n <FormattedHTMLMessage\n id=\"verificationPurposesOnly\"\n defaultMessage=\"Used for verification purposes only\"\n />\n }\n onChange={onChange}\n fieldName=\"dischargeDate\"\n fieldId=\"discharge-date\"\n isErrored={isErrored}\n disabled={disabled}\n isRequired={isRequired}\n locale={locale}\n errorMsg={\n <FormattedHTMLMessage id={`errorId.${errorId}`} defaultMessage=\"Invalid discharge date\" />\n }\n />\n );\n};\n"],"mappings":"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"}