npm - @sheerid/jslib - Versions diffs - 2.263.0 → 2.264.0 - Mend

@sheerid/jslib 2.263.0 → 2.264.0

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

package/chunk/{ChangeLocaleComponent-Bip0Zvo1.js → ChangeLocaleComponent-B905JfFy.js} RENAMED Viewed

@@ -1,14 +1,14 @@
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516718995
- *   BUILD_DATE: Fri Jul 31 2026 16:51:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { I as e } from "./options-BqxY1ri6.js";
 import { a as t, n, t as r } from "./jsx-runtime-B29HBOo1.js";
-import { N as i } from "../sheerid.js";
-import { t as a } from "./downshift.esm-DVFysUHL.js";
+import { M as i } from "../sheerid.js";
+import { t as a } from "./downshift.esm-DG33Aw1V.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
 var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, itemToString: i }) => {
 	let a = r.length * s, c = (n, a) => /* @__PURE__ */ (0, o.jsx)("div", {

package/chunk/{ChangeLocaleComponent-Bip0Zvo1.js.map → ChangeLocaleComponent-B905JfFy.js.map} RENAMED Viewed

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

package/chunk/{ChangeLocaleComponent-qKZIgmCX.js → ChangeLocaleComponent-C1vybPVc.js} RENAMED Viewed

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516728580
- *   BUILD_DATE: Fri Jul 31 2026 16:52:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { R as e } from "./intl-CuZpjbF2.js";
 import { a as t, n, t as r } from "./jsx-runtime-Br-ldzo0.js";
-import { M as i } from "../_mysheerid-preview.js";
-import { t as a } from "./downshift.esm-_-Q1VM-s.js";
+import { j as i } from "../_mysheerid-preview.js";
+import { t as a } from "./downshift.esm-BaiLtXU1.js";
 //#region src/components/FormInputs/Select/SelectList/SelectListComponent.tsx
 var o = r(), s = 42, c = ({ getItemProps: e, highlightedIndex: t, options: r, itemToString: i }) => {
 	let a = r.length * s, c = (n, a) => /* @__PURE__ */ (0, o.jsx)("div", {

package/chunk/{ChangeLocaleComponent-qKZIgmCX.js.map → ChangeLocaleComponent-C1vybPVc.js.map} RENAMED Viewed

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

package/chunk/{City-CCtrauPi.js → City-BiuOEuRx.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.263.0
- *   BUILD_TIMESTAMP: 1785516728580
- *   BUILD_DATE: Fri Jul 31 2026 16:52:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { a as e, n as t, t as n } from "./jsx-runtime-Br-ldzo0.js";
-import { B as r } from "../_mysheerid-preview.js";
+import { z as r } from "../_mysheerid-preview.js";
 import { t as i } from "./FormFieldText-DKDYD6O1.js";
 //#region src/components/FormFields/City/City.tsx
 var a = n(), o = e(({ value: e, isErrored: n, onChange: o, intl: s, isRequired: c = !1, onKeyDown: l = void 0, placeholder: u = "", disabled: d = !1 }) => r("city")?.hidden ? null : /* @__PURE__ */ (0, a.jsx)(i, {

package/chunk/{City-CCtrauPi.js.map → City-BiuOEuRx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~CCtrauPi~~.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element; // eslint-disable-line\n onKeyDown?: Function;\n}\n\nexport const City = ({\n value,\n isErrored,\n onChange,\n intl,\n isRequired = false,\n onKeyDown = undefined,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\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={\n placeholder \|\| intl.formatHTMLMessage({ id: \"cityPlaceholder\", defaultMessage: \"City\" })\n }\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\nexport const CityComponent = injectIntl(City);\n"],"mappings":";;;;aAiDa,IAAgB,GArCR,EACnB,UACA,cACA,aACA,SACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SAEW,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KAAe,EAAK,kBAAkB;EAAE,IAAI;EAAmB,gBAAgB;CAAO,CAAC;CAEzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAO,gBAAe;CAAQ,CAAA;CAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAsB,gBAAe;CAAgB,CAAA;CAE7F,6BAA6B,CAAC,CAAC;CAC/B,UAAU;CACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;CACzD;CACV,cAAa;AACd,CAAA,CAIuC"}
1	+ {"version":3,"file":"City-BiuOEuRx.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element; // eslint-disable-line\n onKeyDown?: Function;\n}\n\nexport const City = ({\n value,\n isErrored,\n onChange,\n intl,\n isRequired = false,\n onKeyDown = undefined,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\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={\n placeholder \|\| intl.formatHTMLMessage({ id: \"cityPlaceholder\", defaultMessage: \"City\" })\n }\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\nexport const CityComponent = injectIntl(City);\n"],"mappings":";;;;aAiDa,IAAgB,GArCR,EACnB,UACA,cACA,aACA,SACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SAEW,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KAAe,EAAK,kBAAkB;EAAE,IAAI;EAAmB,gBAAgB;CAAO,CAAC;CAEzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAO,gBAAe;CAAQ,CAAA;CAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAsB,gBAAe;CAAgB,CAAA;CAE7F,6BAA6B,CAAC,CAAC;CAC/B,UAAU;CACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;CACzD;CACV,cAAa;AACd,CAAA,CAIuC"}

package/chunk/{City-DOi7PTZI.js → City-D-gJ5H6v.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516718995
- *   BUILD_DATE: Fri Jul 31 2026 16:51:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { a as e, n as t, t as n } from "./jsx-runtime-B29HBOo1.js";
-import { V as r } from "../sheerid.js";
+import { B as r } from "../sheerid.js";
 import { t as i } from "./FormFieldText-C44FpzvF.js";
 //#region src/components/FormFields/City/City.tsx
 var a = n(), o = e(({ value: e, isErrored: n, onChange: o, intl: s, isRequired: c = !1, onKeyDown: l = void 0, placeholder: u = "", disabled: d = !1 }) => r("city")?.hidden ? null : /* @__PURE__ */ (0, a.jsx)(i, {

package/chunk/{City-DOi7PTZI.js.map → City-D-gJ5H6v.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"City-~~DOi7PTZI~~.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element; // eslint-disable-line\n onKeyDown?: Function;\n}\n\nexport const City = ({\n value,\n isErrored,\n onChange,\n intl,\n isRequired = false,\n onKeyDown = undefined,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\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={\n placeholder \|\| intl.formatHTMLMessage({ id: \"cityPlaceholder\", defaultMessage: \"City\" })\n }\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\nexport const CityComponent = injectIntl(City);\n"],"mappings":";;;;aAiDa,IAAgB,GArCR,EACnB,UACA,cACA,aACA,SACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SAEW,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KAAe,EAAK,kBAAkB;EAAE,IAAI;EAAmB,gBAAgB;CAAO,CAAC;CAEzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAO,gBAAe;CAAQ,CAAA;CAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAsB,gBAAe;CAAgB,CAAA;CAE7F,6BAA6B,CAAC,CAAC;CAC/B,UAAU;CACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;CACzD;CACV,cAAa;AACd,CAAA,CAIuC"}
1	+ {"version":3,"file":"City-D-gJ5H6v.js","names":[],"sources":["../../src/components/FormFields/City/City.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { type FormFieldComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldText } from \"../FormFieldText/FormFieldText\";\n\ninterface PassedProps {\n explanation?: string \| JSX.Element; // eslint-disable-line\n onKeyDown?: Function;\n}\n\nexport const City = ({\n value,\n isErrored,\n onChange,\n intl,\n isRequired = false,\n onKeyDown = undefined,\n placeholder = \"\",\n disabled = false,\n}: FormFieldComponentProps & PassedProps) => {\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={\n placeholder \|\| intl.formatHTMLMessage({ id: \"cityPlaceholder\", defaultMessage: \"City\" })\n }\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\nexport const CityComponent = injectIntl(City);\n"],"mappings":";;;;aAiDa,IAAgB,GArCR,EACnB,UACA,cACA,aACA,SACA,gBAAa,IACb,eAAY,KAAA,GACZ,iBAAc,IACd,cAAW,SAEW,EAAwB,MAAM,GAAG,SAG9C,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KAAe,EAAK,kBAAkB;EAAE,IAAI;EAAmB,gBAAgB;CAAO,CAAC;CAEzF,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAO,gBAAe;CAAQ,CAAA;CAC9D,cACE,KAAa,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAsB,gBAAe;CAAgB,CAAA;CAE7F,6BAA6B,CAAC,CAAC;CAC/B,UAAU;CACV,WAAW,OAAO,KAAc,cAAc,MAAM,EAAU,CAAC,IAAI,KAAA;CACzD;CACV,cAAa;AACd,CAAA,CAIuC"}

package/chunk/{CollegeNameComponent-B02MJ5F0.js → CollegeNameComponent-BDZD28ed.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516718995
- *   BUILD_DATE: Fri Jul 31 2026 16:51:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { n as e } from "./options-BqxY1ri6.js";
 import { a as t, n, t as r } from "./jsx-runtime-B29HBOo1.js";
 import { u as i } from "./programThemeGetters-BKJAvlOG.js";
-import { V as a } from "../sheerid.js";
-import { t as o } from "./FormFieldTypeahead-WerEgh8b.js";
+import { B as a } from "../sheerid.js";
+import { t as o } from "./FormFieldTypeahead-BSbSF1lL.js";
 //#region src/components/FormFields/CollegeName/CollegeNameComponent.tsx
 var s = r(), c = t(({ value: t, isErrored: r, onChange: c, verificationService: l, intl: u, placeholder: d = "", isRequired: f = !0, disabled: p = !1 }) => {
 	let m = (e().urlAddSchoolForm || "").trim();

package/chunk/{CollegeNameComponent-B02MJ5F0.js.map → CollegeNameComponent-BDZD28ed.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~B02MJ5F0~~.js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeName = ({\n value,\n isErrored,\n onChange,\n verificationService,\n intl,\n placeholder = \"\",\n isRequired = true,\n disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"schoolNamePlaceholder\",\n defaultMessage: \"University / College name\",\n })\n }\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\nexport const CollegeNameComponent = injectIntl(CollegeName);\n"],"mappings":";;;;;;aAiEa,IAAuB,GApDR,EAC1B,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,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,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,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,CAE0D"}
1	+ {"version":3,"file":"CollegeNameComponent-BDZD28ed.js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeName = ({\n value,\n isErrored,\n onChange,\n verificationService,\n intl,\n placeholder = \"\",\n isRequired = true,\n disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"schoolNamePlaceholder\",\n defaultMessage: \"University / College name\",\n })\n }\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\nexport const CollegeNameComponent = injectIntl(CollegeName);\n"],"mappings":";;;;;;aAiEa,IAAuB,GApDR,EAC1B,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,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,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,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,CAE0D"}

package/chunk/{CollegeNameComponent-BoT4meEn.js → CollegeNameComponent-C_1m4XT-.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.263.0
- *   BUILD_TIMESTAMP: 1785516728580
- *   BUILD_DATE: Fri Jul 31 2026 16:52:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { s as e } from "./intl-CuZpjbF2.js";
 import { a as t, n, t as r } from "./jsx-runtime-Br-ldzo0.js";
 import { u as i } from "./programThemeGetters-f9o96pYi.js";
-import { B as a } from "../_mysheerid-preview.js";
-import { t as o } from "./FormFieldTypeahead-D_LQgN8U.js";
+import { z as a } from "../_mysheerid-preview.js";
+import { t as o } from "./FormFieldTypeahead-DmKNOVYP.js";
 //#region src/components/FormFields/CollegeName/CollegeNameComponent.tsx
 var s = r(), c = t(({ value: t, isErrored: r, onChange: c, verificationService: l, intl: u, placeholder: d = "", isRequired: f = !0, disabled: p = !1 }) => {
 	let m = (e().urlAddSchoolForm || "").trim();

package/chunk/{CollegeNameComponent-BoT4meEn.js.map → CollegeNameComponent-C_1m4XT-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CollegeNameComponent-~~BoT4meEn.~~js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeName = ({\n value,\n isErrored,\n onChange,\n verificationService,\n intl,\n placeholder = \"\",\n isRequired = true,\n disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"schoolNamePlaceholder\",\n defaultMessage: \"University / College name\",\n })\n }\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\nexport const CollegeNameComponent = injectIntl(CollegeName);\n"],"mappings":";;;;;;aAiEa,IAAuB,GApDR,EAC1B,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,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,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,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,CAE0D"}
1	+ {"version":3,"file":"CollegeNameComponent-C_1m4XT-.js","names":[],"sources":["../../src/components/FormFields/CollegeName/CollegeNameComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport {\n type FormFieldComponentProps,\n type VerificationServiceProps,\n type Organization,\n} from \"../../../lib/types/types\";\nimport { getOptions } from \"../../../options/options\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const CollegeName = ({\n value,\n isErrored,\n onChange,\n verificationService,\n intl,\n placeholder = \"\",\n isRequired = true,\n disabled = false,\n}: FormFieldComponentProps<Organization> & VerificationServiceProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({\n id: \"schoolNamePlaceholder\",\n defaultMessage: \"University / College name\",\n })\n }\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\nexport const CollegeNameComponent = injectIntl(CollegeName);\n"],"mappings":";;;;;;aAiEa,IAAuB,GApDR,EAC1B,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,gBAAa,IACb,cAAW,SAC2D;CACtE,IAAM,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,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,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,CAE0D"}

package/chunk/CopyToClipboardComponent-CI5EWk0o.js CHANGED Viewed

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516728580
- *   BUILD_DATE: Fri Jul 31 2026 16:52:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { Kt as e, Wt as t } from "./intl-CuZpjbF2.js";
 import { c as n, t as r } from "./jsx-runtime-Br-ldzo0.js";

package/chunk/CopyToClipboardComponent-DyolMvdc.js CHANGED Viewed

@@ -1,9 +1,9 @@
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516718995
- *   BUILD_DATE: Fri Jul 31 2026 16:51:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { Kt as e, Wt as t } from "./options-BqxY1ri6.js";
 import { c as n, t as r } from "./jsx-runtime-B29HBOo1.js";

package/chunk/{CountryComponentWrapper-GPBK6Y8O.js → CountryComponentWrapper-BrhHPoQD.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.263.0
- *   BUILD_TIMESTAMP: 1785516728580
- *   BUILD_DATE: Fri Jul 31 2026 16:52:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521582792
+ *   BUILD_DATE: Fri Jul 31 2026 18:13:02 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { Bt as e, Kt as t, Vt as n, p as r } from "./intl-CuZpjbF2.js";
 import { a as i, c as a, n as o, t as s } from "./jsx-runtime-Br-ldzo0.js";
 import { n as c } from "./empties-CuuBn0bi.js";
-import { a as l } from "./validators-DtqLbhHK.js";
-import { $ as u, B as d, H as f, J as p, Q as m } from "../_mysheerid-preview.js";
-import { t as h } from "./FormFieldInputSelect-DZsD_cQO.js";
+import { u as l } from "./hooks-DqGWdJ7N.js";
+import { Q as u, V as d, Z as f, q as p, z as m } from "../_mysheerid-preview.js";
+import { t as h } from "./FormFieldInputSelect-CnGFMROq.js";
 //#region src/components/FormFields/Country/CountryComponent.tsx
 var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, options: n, onChange: r, onKeyDown: i, intl: a, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => /* @__PURE__ */ (0, _.jsx)(h, {
 	fieldId: "country",
@@ -40,7 +40,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, opt
 	disabled: u
 })), y = i(({ verificationService: t, viewModelDraftDecorator: i = void 0, intl: a, viewModel: o = void 0, nextFocusField: s = void 0, disabled: h = !1 }) => {
 	o && n.warn("viewModel prop is deprecated, use verificationService.viewModel instead"), s && n.warn("nextFocusField prop is deprecated");
-	let y = e(() => o.localeChoice.value, "en-US"), b = f(t.programTheme, a, y), { fieldValidationErrors: x } = t, S = b.length > 1, C = d("country")?.hidden, w = (e) => {
+	let y = e(() => o.localeChoice.value, "en-US"), b = d(t.programTheme, a, y), { fieldValidationErrors: x } = t, S = b.length > 1, C = m("country")?.hidden, w = (e) => {
 		let n = r(t.viewModel, (t) => {
 			t.countryChoice = e || void 0, t.country = e ? e.value : void 0, i && i(t, e), t.organization &&= c.organization;
 		});
@@ -59,7 +59,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, opt
 			t.updateViewModel(p(t.viewModel, "fieldsToSkipValidation", e));
 		}
 	}, [S]), g.useEffect(() => {
-		m(r(t.fieldValidationErrors, (e) => {
+		f(r(t.fieldValidationErrors, (e) => {
 			e.country &&= l("country", t.viewModel.countryChoice, t.formValidationOptions), "postalCode" in t.viewModel && t.viewModel.postalCode && (e.postalCode = l("postalCode", t.viewModel.postalCode, t.formValidationOptions));
 		}), t);
 	}, [t.viewModel.countryChoice]), !S || C ? null : /* @__PURE__ */ (0, _.jsx)(v, {

package/chunk/{CountryComponentWrapper-CCoy3Zoi.js.map → CountryComponentWrapper-BrhHPoQD.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~CCoy3Zoi~~.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n intl,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n }\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\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\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 getSortedCountryChoices,\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\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n intl: InjectedIntl;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n intl,\n viewModel = undefined,\n nextFocusField = undefined,\n disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n if (viewModel) {\n logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n }\n if (nextFocusField) {\n logger.warn(\"nextFocusField prop is deprecated\");\n }\n const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n verificationService.programTheme,\n intl,\n locale,\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\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,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,CAE6E"}
1	+ {"version":3,"file":"CountryComponentWrapper-BrhHPoQD.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n intl,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n }\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\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\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 getSortedCountryChoices,\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\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n intl: InjectedIntl;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n intl,\n viewModel = undefined,\n nextFocusField = undefined,\n disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n if (viewModel) {\n logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n }\n if (nextFocusField) {\n logger.warn(\"nextFocusField prop is deprecated\");\n }\n const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n verificationService.programTheme,\n intl,\n locale,\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\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,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,CAE6E"}

package/chunk/{CountryComponentWrapper-CCoy3Zoi.js → CountryComponentWrapper-HDMnK8-s.js} RENAMED Viewed

@@ -1,16 +1,16 @@
 /**
- *   VERSION: 2.263.0
- *   BUILD_TIMESTAMP: 1785516718995
- *   BUILD_DATE: Fri Jul 31 2026 16:51:58 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d0963a317ee7ec7a22ae43d6645248a7bac89b11
+ *   VERSION: 2.264.0
+ *   BUILD_TIMESTAMP: 1785521577545
+ *   BUILD_DATE: Fri Jul 31 2026 18:12:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8334618927a0ab68a8eef7098b397874b3b2f75f
  */
 import { Ht as e, Kt as t, c as n, lt as r } from "./options-BqxY1ri6.js";
 import { a as i, c as a, n as o, t as s } from "./jsx-runtime-B29HBOo1.js";
 import { n as c } from "./empties-NTFzwSRR.js";
-import { a as l } from "./validators-DqymSzki.js";
-import { $ as u, U as d, V as f, Y as p, et as m } from "../sheerid.js";
-import { t as h } from "./FormFieldInputSelect-Bzcg97PF.js";
+import { u as l } from "./hooks-ClexZCWs.js";
+import { $ as u, B as d, H as f, J as p, Q as m } from "../sheerid.js";
+import { t as h } from "./FormFieldInputSelect-B3UZlH_H.js";
 //#region src/components/FormFields/Country/CountryComponent.tsx
 var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, options: n, onChange: r, onKeyDown: i, intl: a, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => /* @__PURE__ */ (0, _.jsx)(h, {
 	fieldId: "country",
@@ -36,7 +36,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, opt
 	disabled: u
 })), y = i(({ verificationService: t, viewModelDraftDecorator: i = void 0, intl: a, viewModel: o = void 0, nextFocusField: s = void 0, disabled: h = !1 }) => {
 	o && e.warn("viewModel prop is deprecated, use verificationService.viewModel instead"), s && e.warn("nextFocusField prop is deprecated");
-	let y = r(() => o.localeChoice.value, "en-US"), b = d(t.programTheme, a, y), { fieldValidationErrors: x } = t, S = b.length > 1, C = f("country")?.hidden, w = (e) => {
+	let y = r(() => o.localeChoice.value, "en-US"), b = f(t.programTheme, a, y), { fieldValidationErrors: x } = t, S = b.length > 1, C = d("country")?.hidden, w = (e) => {
 		let r = n(t.viewModel, (t) => {
 			t.countryChoice = e || void 0, t.country = e ? e.value : void 0, i && i(t, e), t.organization &&= c.organization;
 		});
@@ -55,7 +55,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, opt
 			t.updateViewModel(p(t.viewModel, "fieldsToSkipValidation", e));
 		}
 	}, [S]), g.useEffect(() => {
-		u(n(t.fieldValidationErrors, (e) => {
+		m(n(t.fieldValidationErrors, (e) => {
 			e.country &&= l("country", t.viewModel.countryChoice, t.formValidationOptions), "postalCode" in t.viewModel && t.viewModel.postalCode && (e.postalCode = l("postalCode", t.viewModel.postalCode, t.formValidationOptions));
 		}), t);
 	}, [t.viewModel.countryChoice]), !S || C ? null : /* @__PURE__ */ (0, _.jsx)(v, {
@@ -66,7 +66,7 @@ var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, opt
 		disabled: h,
 		onChange: async (e) => {
 			let n = e ? e.value : void 0;
-			w(e), m("country", n, t);
+			w(e), u("country", n, t);
 		}
 	});
 });

package/chunk/{CountryComponentWrapper-GPBK6Y8O.js.map → CountryComponentWrapper-HDMnK8-s.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CountryComponentWrapper-~~GPBK6Y8O~~.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n intl,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n }\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\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\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 getSortedCountryChoices,\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\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n intl: InjectedIntl;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n intl,\n viewModel = undefined,\n nextFocusField = undefined,\n disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n if (viewModel) {\n logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n }\n if (nextFocusField) {\n logger.warn(\"nextFocusField prop is deprecated\");\n }\n const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n verificationService.programTheme,\n intl,\n locale,\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\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,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,CAE6E"}
1	+ {"version":3,"file":"CountryComponentWrapper-HDMnK8-s.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n value,\n isErrored,\n options,\n onChange,\n onKeyDown,\n intl,\n placeholder = \"\",\n isRequired = true,\n suppressPlaceholder = false,\n disabled = false,\n}: InputSelectComponentProps) => {\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={\n placeholder \|\|\n intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n }\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\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\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 getSortedCountryChoices,\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\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n verificationService: VerificationService;\n intl: InjectedIntl;\n viewModelDraftDecorator?: (\n draft: ViewModel,\n countryChoice?: FormSelectChoice<Country, string>,\n ) => void;\n disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n verificationService,\n viewModelDraftDecorator = undefined,\n intl,\n viewModel = undefined,\n nextFocusField = undefined,\n disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n if (viewModel) {\n logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n }\n if (nextFocusField) {\n logger.warn(\"nextFocusField prop is deprecated\");\n }\n const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n verificationService.programTheme,\n intl,\n locale,\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\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,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,CAE6E"}