@sheerid/jslib 2.249.0 → 2.250.0

package/chunk/{FormSelectChoice-BLQgJEYO.js → FormSelectChoice-A_dweQ9k.js}

@@ -4,24 +4,24 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520958289
- *   BUILD_DATE: Sat Jun 27 2026 00:42:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922524478
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { Mn as e, _t as t, bt as n, gt as r, kn as i, kt as a, rn as o, vt as s } from "../_mysheerid-preview.js";
-import { t as c } from "./downshift.esm-qbGlaZEh.js";
+import { Mn as e, On as t, _t as n, bt as r, gt as i, kt as a, nn as o, vt as s } from "../_mysheerid-preview.js";
+import { t as c } from "./downshift.esm-CmXev3Ne.js";
 //#region src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx
-var l = /* @__PURE__ */ e(o(), 1), u = t(), d = ({ getItemProps: e, getMenuProps: t, highlightedIndex: n, options: i, itemToString: a, ariaLabel: o, isOpen: c, isLoading: l = !1 }) => {
-	let d = (t, r) => /* @__PURE__ */ (0, u.jsx)("div", {
-		className: `sid-input-select-list__item ${n === r ? "sid-input-select-list__item--highlighted" : ""}`,
+var l = /* @__PURE__ */ e(o(), 1), u = n(), d = ({ getItemProps: e, getMenuProps: t, highlightedIndex: n, options: r, itemToString: a, ariaLabel: o, isOpen: c, isLoading: l = !1 }) => {
+	let d = (t, i) => /* @__PURE__ */ (0, u.jsx)("div", {
+		className: `sid-input-select-list__item ${n === i ? "sid-input-select-list__item--highlighted" : ""}`,
 		...e({
 			item: t,
-			index: r,
+			index: i,
 			key: t.value
 		}),
-		children: a(i[r])
-	}), f = i.length > 0 ? i.map((e, t) => d(e, t)) : /* @__PURE__ */ (0, u.jsx)("div", {
+		children: a(r[i])
+	}), f = r.length > 0 ? r.map((e, t) => d(e, t)) : /* @__PURE__ */ (0, u.jsx)("div", {
 		className: "sid-input-select-list__message",
 		children: /* @__PURE__ */ (0, u.jsx)(s, {
 			id: "noOptions",
@@ -34,11 +34,11 @@ var l = /* @__PURE__ */ e(o(), 1), u = t(), d = ({ getItemProps: e, getMenuProps
 			className: "sid-input-select-list__menu",
 			children: l ? /* @__PURE__ */ (0, u.jsx)("div", {
 				className: "sid-input-select-list__loading-spinner",
-				children: /* @__PURE__ */ (0, u.jsx)(r, {})
+				children: /* @__PURE__ */ (0, u.jsx)(i, {})
 			}) : f
 		}) : null
 	});
-}, f = n(({ clearSelection: e, disabled: t, getToggleButtonProps: n, isOpen: r, isClearable: i, intl: a }) => {
+}, f = r(({ clearSelection: e, disabled: t, getToggleButtonProps: n, isOpen: r, isClearable: i, intl: a }) => {
 	let { onClick: o, "aria-haspopup": s, "data-toggle": c, onKeyUp: l, onKeyDown: d, onBlur: f } = n();
 	return /* @__PURE__ */ (0, u.jsx)("button", {
 		"aria-label": i ? a.formatMessage({
@@ -144,19 +144,19 @@ var g = h, _ = (e, t) => {
 		n = 1;
 	}
 	return n;
-}, v = (e) => e.sort(_), y = (e, t = [], n) => {
-	let r = [], a = [];
-	return t.forEach((t) => {
+}, v = (e) => e.sort(_), y = (e, n = [], r) => {
+	let i = [], a = [];
+	return n.forEach((t) => {
 		if (t === void 0) return a.push("undefined");
 		if (!t || typeof t == "number" || typeof t == "string" && !t.trim()) return a.push(JSON.stringify(t));
-		r.push({
+		i.push({
 			value: t,
-			label: n.formatHTMLMessage({
+			label: r.formatHTMLMessage({
 				id: `${e}.${t}`,
 				defaultMessage: `{${e}.${t}}`
 			})
 		});
-	}), a.length > 0 && i.warn(`FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${a.length}): ${a.join(", ")}`), r;
+	}), a.length > 0 && t.warn(`FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${a.length}): ${a.join(", ")}`), i;
 };
 //#endregion
 export { y as n, g as r, v as t };

package/chunk/{FormSelectChoice-BLQgJEYO.js.map → FormSelectChoice-A_dweQ9k.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormSelectChoice-BLQgJEYO.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type FormSelectChoice } from \"../../types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  intl: InjectedIntl,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({\n      value,\n      label: intl.formatHTMLMessage({\n        id: `${namespace}.${value}`,\n        defaultMessage: `{${namespace}.${value}}`,\n      }),\n    });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FormSelectChoice-A_dweQ9k.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type FormSelectChoice } from \"../../types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  intl: InjectedIntl,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({\n      value,\n      label: intl.formatHTMLMessage({\n        id: `${namespace}.${value}`,\n        defaultMessage: `{${namespace}.${value}}`,\n      }),\n    });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}

package/chunk/{FormSelectChoice-u5sO_GqU.js → FormSelectChoice-C0ZvRRU4.js}

@@ -1,14 +1,14 @@
 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520953730
- *   BUILD_DATE: Sat Jun 27 2026 00:42:33 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { Dn as e, Lt as t, Mn as n, Rt as r, in as i, kn as a, on as o, yt as s } from "../sheerid.js";
-import { t as c } from "./downshift.esm-fwmIRsQT.js";
+import { En as e, Lt as t, Mn as n, Rt as r, an as i, kn as a, rn as o, yt as s } from "../sheerid.js";
+import { t as c } from "./downshift.esm-CtORkuQS.js";
 //#region src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx
-var l = /* @__PURE__ */ n(a(), 1), u = r(), d = ({ getItemProps: e, getMenuProps: n, highlightedIndex: r, options: a, itemToString: o, ariaLabel: s, isOpen: c, isLoading: l = !1 }) => {
+var l = /* @__PURE__ */ n(a(), 1), u = r(), d = ({ getItemProps: e, getMenuProps: n, highlightedIndex: r, options: i, itemToString: a, ariaLabel: s, isOpen: c, isLoading: l = !1 }) => {
 	let d = (t, n) => /* @__PURE__ */ (0, u.jsx)("div", {
 		className: `sid-input-select-list__item ${r === n ? "sid-input-select-list__item--highlighted" : ""}`,
 		...e({
@@ -16,10 +16,10 @@ var l = /* @__PURE__ */ n(a(), 1), u = r(), d = ({ getItemProps: e, getMenuProps
 			index: n,
 			key: t.value
 		}),
-		children: o(a[n])
-	}), f = a.length > 0 ? a.map((e, t) => d(e, t)) : /* @__PURE__ */ (0, u.jsx)("div", {
+		children: a(i[n])
+	}), f = i.length > 0 ? i.map((e, t) => d(e, t)) : /* @__PURE__ */ (0, u.jsx)("div", {
 		className: "sid-input-select-list__message",
-		children: /* @__PURE__ */ (0, u.jsx)(i, {
+		children: /* @__PURE__ */ (0, u.jsx)(o, {
 			id: "noOptions",
 			defaultMessage: "No Options"
 		})
@@ -34,7 +34,7 @@ var l = /* @__PURE__ */ n(a(), 1), u = r(), d = ({ getItemProps: e, getMenuProps
 			}) : f
 		}) : null
 	});
-}, f = o(({ clearSelection: e, disabled: t, getToggleButtonProps: n, isOpen: r, isClearable: i, intl: a }) => {
+}, f = i(({ clearSelection: e, disabled: t, getToggleButtonProps: n, isOpen: r, isClearable: i, intl: a }) => {
 	let { onClick: o, "aria-haspopup": s, "data-toggle": c, onKeyUp: l, onKeyDown: d, onBlur: f } = n();
 	return /* @__PURE__ */ (0, u.jsx)("button", {
 		"aria-label": i ? a.formatMessage({

package/chunk/{FormSelectChoice-u5sO_GqU.js.map → FormSelectChoice-C0ZvRRU4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormSelectChoice-u5sO_GqU.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type FormSelectChoice } from \"../../types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  intl: InjectedIntl,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({\n      value,\n      label: intl.formatHTMLMessage({\n        id: `${namespace}.${value}`,\n        defaultMessage: `{${namespace}.${value}}`,\n      }),\n    });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}
+{"version":3,"file":"FormSelectChoice-C0ZvRRU4.js","names":[],"sources":["../../src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectButton/InputSelectButtonComponent.tsx","../../src/components/FormInputs/InputSelect/InputSelectComponent.tsx","../../src/lib/utils/structures/FormSelectChoice.ts"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type FormSelectChoice } from \"../../../../lib/types/types\";\nimport { LoadingSpinnerComponent } from \"../../../LoadingSpinner/LoadingSpinnerComponent\";\n\ninterface InputSelectListProps {\n  getItemProps: any;\n  getMenuProps: any;\n  highlightedIndex: number;\n  itemToString: any;\n  options: FormSelectChoice[];\n  ariaLabel: string;\n  isOpen: boolean;\n  isLoading?: boolean;\n}\n\nconst InputSelectList = ({\n  getItemProps,\n  getMenuProps,\n  highlightedIndex,\n  options,\n  itemToString,\n  ariaLabel,\n  isOpen,\n  isLoading = false,\n}: InputSelectListProps) => {\n  const listItem = (item: FormSelectChoice, index: number) => (\n    <div\n      className={`sid-input-select-list__item ${\n        highlightedIndex === index ? \"sid-input-select-list__item--highlighted\" : \"\"\n      }`}\n      {...getItemProps({\n        item,\n        index,\n        key: item.value,\n      })}\n    >\n      {itemToString(options[index])}\n    </div>\n  );\n\n  const innerContent =\n    options.length > 0 ? (\n      options.map((option, index) => listItem(option, index))\n    ) : (\n      <div className=\"sid-input-select-list__message\">\n        <FormattedHTMLMessage id=\"noOptions\" defaultMessage=\"No Options\" />\n      </div>\n    );\n\n  return (\n    <div {...getMenuProps({ \"aria-label\": ariaLabel })}>\n      {isOpen ? (\n        <div className=\"sid-input-select-list__menu\">\n          {isLoading ? (\n            <div className=\"sid-input-select-list__loading-spinner\">\n              <LoadingSpinnerComponent />\n            </div>\n          ) : (\n            innerContent\n          )}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nexport const InputSelectListComponent = InputSelectList;\n","import { injectIntl, type InjectedIntlProps } from \"react-intl\";\n\ninterface InputSelectButtonProps extends InjectedIntlProps {\n  clearSelection: () => void;\n  getToggleButtonProps: any;\n  isOpen: boolean;\n  isClearable: boolean;\n  disabled?: boolean;\n}\n\nconst InputSelectButton = ({\n  clearSelection,\n  disabled,\n  getToggleButtonProps,\n  isOpen,\n  isClearable,\n  intl,\n}: InputSelectButtonProps) => {\n  const {\n    onClick: onClickToggleButton,\n    \"aria-haspopup\": ariaHaspopup,\n    \"data-toggle\": dataToggle,\n    onKeyUp,\n    onKeyDown,\n    onBlur,\n  } = getToggleButtonProps();\n\n  const ariaLabel = isClearable\n    ? intl.formatMessage({\n        id: \"clearAndOpenMenu\",\n        defaultMessage: \"Clear selection and open menu\",\n      })\n    : intl.formatMessage({ id: \"openMenu\", defaultMessage: \"Open menu\" });\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      aria-haspopup={ariaHaspopup}\n      data-toggle={dataToggle}\n      onKeyUp={onKeyUp}\n      onKeyDown={onKeyDown}\n      onBlur={onBlur}\n      className=\"sid-input-select-button\"\n      disabled={disabled}\n      type=\"button\"\n      onClick={(event) => {\n        if (typeof clearSelection === \"function\") clearSelection();\n        if (typeof onClickToggleButton === \"function\") onClickToggleButton(event);\n      }}\n    >\n      <svg\n        viewBox=\"0 0 20 20\"\n        preserveAspectRatio=\"none\"\n        width={16}\n        fill=\"transparent\"\n        stroke=\"#8E95A4\"\n        strokeWidth=\"1.1px\"\n        transform={isOpen ? \"rotate(180)\" : undefined}\n      >\n        <path d=\"M1,6 L10,15 L19,6\" />\n      </svg>\n    </button>\n  );\n};\n\nexport const InputSelectButtonComponent = injectIntl(InputSelectButton);\n","import type React from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useCombobox } from \"downshift\";\n\nimport {\n  type FormSelectChoice,\n  type InputSelectOnKeyDown,\n  type FieldId,\n  type ExtendedFieldId,\n} from \"../../../lib/types/types\";\nimport { setRef } from \"../../../lib/refs/refs\";\n\nimport { InputSelectListComponent } from \"./InputSelectList/InputSelectListComponent\";\nimport { InputSelectButtonComponent } from \"./InputSelectButton/InputSelectButtonComponent\";\n\nconst itemToString = (item: FormSelectChoice) => (item ? item.label : \"\");\n\nconst filterOptions = (options: FormSelectChoice[], inputValue: string): FormSelectChoice[] => {\n  const filteredOptions: FormSelectChoice[] = options.filter(\n    (option) =>\n      !inputValue ||\n      option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n      option.value.toString().toLowerCase().includes(inputValue.toLowerCase()),\n  );\n  return filteredOptions;\n};\n\nexport interface InputSelectProps {\n  onChange: any;\n  options: FormSelectChoice[];\n  fieldId: FieldId | ExtendedFieldId;\n  fieldLabelId?: string;\n  className?: string;\n  disabled?: boolean;\n  inputId?: string;\n  isErrored?: boolean;\n  onKeyDown?: InputSelectOnKeyDown;\n  placeholder?: string;\n  suppressPlaceholder?: boolean;\n  value?: FormSelectChoice;\n  autoFocus?: boolean;\n  ariaLabel?: string;\n  ariaDescribedBy?: string;\n  isRequired?: boolean;\n  isLoading?: boolean;\n  buttonRef?: string;\n  role?: string;\n  autoComplete?: string;\n}\n\nconst InputSelect = ({\n  className,\n  inputId,\n  disabled,\n  fieldId,\n  fieldLabelId,\n  isErrored,\n  options,\n  onKeyDown,\n  onChange,\n  placeholder,\n  // Most invokers want placeholder hidden by css, so it can be easily shown when\n  // customizing the implementation. Birth date is an example of an exception.\n  suppressPlaceholder = true,\n  value,\n  autoFocus,\n  ariaLabel,\n  ariaDescribedBy,\n  isRequired,\n  isLoading = false,\n  role = \"combobox\",\n  autoComplete,\n}: InputSelectProps) => {\n  const [inputState, setInputState] = useState(\"\");\n  const items = inputState ? filterOptions(options, inputState) : options;\n\n  const {\n    getInputProps,\n    getItemProps,\n    getMenuProps,\n    getToggleButtonProps,\n    highlightedIndex,\n    isOpen,\n    selectItem,\n  } = useCombobox<FormSelectChoice>({\n    id: inputId,\n    items,\n    onInputValueChange({ inputValue }) {\n      setInputState(inputValue);\n    },\n    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => onChange(newSelectedItem),\n    itemToString,\n    selectedItem: value && value.value && value.label ? value : null,\n    defaultHighlightedIndex: 0,\n  });\n\n  const handleOnKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    if (typeof onKeyDown === \"function\") {\n      onKeyDown(event);\n    }\n  };\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(fieldId, inputRef.current);\n  });\n\n  return (\n    <div className={`sid-input-select-list ${className || \"\"}`}>\n      <input\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...getInputProps({\n          ref: inputRef,\n          onKeyDown: (event) => handleOnKeyDown(event),\n          \"aria-labelledby\": fieldLabelId,\n        })}\n        // TODO resolve next line. Product needs this to autofocus, but linter says bad for accessibility\n        // eslint-disable-next-line\n        autoFocus={autoFocus}\n        id={inputId}\n        className={`sid-l-full-width sid-text-input ${\n          suppressPlaceholder ? \"sid-hidden-placeholder\" : \"\"\n        } ${isErrored ? \"sid-text-input--error\" : \"\"}`}\n        disabled={disabled}\n        placeholder={placeholder}\n        aria-required={isRequired}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isErrored}\n        role={role}\n        autoComplete={autoComplete}\n      />\n\n      <InputSelectButtonComponent\n        disabled={disabled}\n        getToggleButtonProps={getToggleButtonProps}\n        isOpen={isOpen}\n        isClearable={!!value?.value}\n        clearSelection={() => selectItem(undefined)}\n      />\n\n      <InputSelectListComponent\n        highlightedIndex={highlightedIndex}\n        itemToString={itemToString}\n        options={items}\n        getItemProps={getItemProps}\n        getMenuProps={getMenuProps}\n        ariaLabel={ariaLabel}\n        isOpen={isOpen}\n        isLoading={isLoading}\n      />\n    </div>\n  );\n};\n\nInputSelect.defaultProps = {\n  className: undefined,\n  disabled: false,\n  inputId: undefined,\n  isErrored: false,\n  onKeyDown: undefined,\n  placeholder: \"\",\n  value: undefined,\n  autoComplete: undefined,\n};\n\nexport const InputSelectComponent = InputSelect;\n","import { type InjectedIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type FormSelectChoice } from \"../../types/types\";\n\ntype compareLabelReturn = 1 | -1;\n\nexport const compareLabel = (\n  a: FormSelectChoice<any>,\n  b: FormSelectChoice<any>,\n): compareLabelReturn => {\n  let sortValue: compareLabelReturn;\n\n  try {\n    sortValue = a.label.toUpperCase() > b.label.toUpperCase() ? 1 : -1;\n  } catch (e) {\n    sortValue = 1;\n  }\n\n  return sortValue;\n};\n\nexport const SortByLabel = (\n  choices: FormSelectChoice<any, string>[],\n): FormSelectChoice<any, string>[] => choices.sort(compareLabel);\n\nexport const getFormFieldSelectOptions = (\n  namespace: string,\n  optionValues: string[] = [],\n  intl: InjectedIntl,\n): FormSelectChoice<string, string>[] => {\n  const options: FormSelectChoice<string, string>[] = [];\n  const omittedOptions: string[] = [];\n\n  optionValues.forEach((value) => {\n    if (typeof value === \"undefined\") return omittedOptions.push(\"undefined\");\n    if (!value) return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"number\") return omittedOptions.push(JSON.stringify(value));\n    if (typeof value === \"string\" && !value.trim())\n      return omittedOptions.push(JSON.stringify(value));\n\n    options.push({\n      value,\n      label: intl.formatHTMLMessage({\n        id: `${namespace}.${value}`,\n        defaultMessage: `{${namespace}.${value}}`,\n      }),\n    });\n  });\n\n  if (omittedOptions.length > 0) {\n    logger.warn(\n      `FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${\n        omittedOptions.length\n      }): ${omittedOptions.join(\", \")}`,\n    );\n  }\n\n  return options;\n};\n"],"mappings":"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"}

package/chunk/{InputText-Cc-nHAaa.js → InputText-CMlYmMPL.js}

@@ -4,12 +4,12 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520958289
- *   BUILD_DATE: Sat Jun 27 2026 00:42:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922524478
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { Mn as e, _t as t, kt as n, rn as r } from "../_mysheerid-preview.js";
+import { Mn as e, _t as t, kt as n, nn as r } from "../_mysheerid-preview.js";
 //#region src/components/FormInputs/InputText/InputText.tsx
 var i = /* @__PURE__ */ e(r(), 1), a = t(), o = ({ id: e, isErrored: t, className: r = void 0, hidePlaceholder: o = !0, refId: s, required: c = !1, type: l = "text", ariaDescribedBy: u, ariaLabel: d, ...f }) => {
 	let p = "";

package/chunk/{InputText-Cc-nHAaa.js.map → InputText-CMlYmMPL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputText-Cc-nHAaa.js","names":[],"sources":["../../src/components/FormInputs/InputText/InputText.tsx"],"sourcesContent":["import { type InputHTMLAttributes } from \"react\";\nimport type React from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nimport { setRef } from \"../../../lib/refs/refs\";\n\nexport type InputTextProps = {\n  id: string; // used for the html `id` and `name` attributes\n  isErrored: boolean;\n  className?: string; // any additional classnames\n  hidePlaceholder?: boolean; // placeholder should always be provided, even if hidden (default), so it is easy to reveal using css-only\n  onChange?: React.ChangeEventHandler;\n  onKeyDown?: React.ChangeEventHandler;\n  ref?: never; // use refId instead. Setting the ref on this component, rather than the input inside here is not desired\n  refId?: string; // e.g. if id is hyphen-case, and ref field name is camelCase, which is common\n  required?: boolean;\n  ariaDescribedBy?: string;\n  ariaLabel?: string;\n  type?: \"text\" | \"number\" | \"date\" | \"month\" | \"email\" | \"password\" | \"search\" | \"url\" | \"tel\";\n} & InputHTMLAttributes<HTMLInputElement>;\n\nconst InputText = ({\n  id,\n  isErrored,\n  className = undefined,\n  hidePlaceholder = true,\n  refId,\n  required = false,\n  type = \"text\",\n  ariaDescribedBy,\n  ariaLabel,\n  ...props // forward any remaining props to the input\n}: InputTextProps) => {\n  let internalClassName = \"\";\n  if (className) internalClassName += `${className} `; // want this first\n  internalClassName += \"sid-text-input sid-l-full-width\";\n  if (hidePlaceholder) internalClassName += \" sid-hidden-placeholder\";\n  if (required) internalClassName += \" sid-text-input--required\";\n  if (isErrored) internalClassName += \" sid-text-input--error\";\n\n  const finalRefId = refId || id;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(finalRefId, inputRef.current);\n  });\n\n  return (\n    <input\n      className={internalClassName}\n      id={`sid-${id}`}\n      name={`sid-${id}`}\n      type={type}\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-required={required}\n      aria-invalid={isErrored}\n      ref={inputRef}\n      {...props}\n    />\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings pass them down as props\nexport const InputTextComponent = InputText;\n"],"mappings":";;4CAoEa,KA/CM,EACjB,OACA,cACA,eAAY,KAAA,GACZ,qBAAkB,IAClB,UACA,cAAW,IACX,UAAO,QACP,oBACA,cACA,GAAG,QACiB;CACpB,IAAI,IAAoB;CAKxB,AAJI,MAAW,KAAqB,GAAG,EAAU,KACjD,KAAqB,mCACjB,MAAiB,KAAqB,4BACtC,MAAU,KAAqB,8BAC/B,MAAW,KAAqB;CAEpC,IAAM,IAAa,KAAS,GAEtB,KAAA,GAAA,EAAA,QAAoC,IAAI;CAS9C,QAJA,GAAA,EAAA,iBAAgB;EACd,EAAO,GAAY,EAAS,OAAO;CACrC,CAAC,GAGC,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,WAAW;EACX,IAAI,OAAO;EACX,MAAM,OAAO;EACP;EACN,oBAAkB;EAClB,cAAY;EACZ,iBAAe;EACf,gBAAc;EACd,KAAK;EACL,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"InputText-CMlYmMPL.js","names":[],"sources":["../../src/components/FormInputs/InputText/InputText.tsx"],"sourcesContent":["import { type InputHTMLAttributes } from \"react\";\nimport type React from \"react\";\nimport { useEffect, useRef } from \"react\";\n\nimport { setRef } from \"../../../lib/refs/refs\";\n\nexport type InputTextProps = {\n  id: string; // used for the html `id` and `name` attributes\n  isErrored: boolean;\n  className?: string; // any additional classnames\n  hidePlaceholder?: boolean; // placeholder should always be provided, even if hidden (default), so it is easy to reveal using css-only\n  onChange?: React.ChangeEventHandler;\n  onKeyDown?: React.ChangeEventHandler;\n  ref?: never; // use refId instead. Setting the ref on this component, rather than the input inside here is not desired\n  refId?: string; // e.g. if id is hyphen-case, and ref field name is camelCase, which is common\n  required?: boolean;\n  ariaDescribedBy?: string;\n  ariaLabel?: string;\n  type?: \"text\" | \"number\" | \"date\" | \"month\" | \"email\" | \"password\" | \"search\" | \"url\" | \"tel\";\n} & InputHTMLAttributes<HTMLInputElement>;\n\nconst InputText = ({\n  id,\n  isErrored,\n  className = undefined,\n  hidePlaceholder = true,\n  refId,\n  required = false,\n  type = \"text\",\n  ariaDescribedBy,\n  ariaLabel,\n  ...props // forward any remaining props to the input\n}: InputTextProps) => {\n  let internalClassName = \"\";\n  if (className) internalClassName += `${className} `; // want this first\n  internalClassName += \"sid-text-input sid-l-full-width\";\n  if (hidePlaceholder) internalClassName += \" sid-hidden-placeholder\";\n  if (required) internalClassName += \" sid-text-input--required\";\n  if (isErrored) internalClassName += \" sid-text-input--error\";\n\n  const finalRefId = refId || id;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // NOTE: Dependency array omitted to account for use of resetRef(), as useEffect with dep arr\n  // will only trigger on initial render leaving the refs empty, this replicates prior version\n  // where ref callback would trigger with each re-render\n  useEffect(() => {\n    setRef(finalRefId, inputRef.current);\n  });\n\n  return (\n    <input\n      className={internalClassName}\n      id={`sid-${id}`}\n      name={`sid-${id}`}\n      type={type}\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-required={required}\n      aria-invalid={isErrored}\n      ref={inputRef}\n      {...props}\n    />\n  );\n};\n\n// DO NOT INJECT INTL. Localize your strings pass them down as props\nexport const InputTextComponent = InputText;\n"],"mappings":";;4CAoEa,KA/CM,EACjB,OACA,cACA,eAAY,KAAA,GACZ,qBAAkB,IAClB,UACA,cAAW,IACX,UAAO,QACP,oBACA,cACA,GAAG,QACiB;CACpB,IAAI,IAAoB;CAKxB,AAJI,MAAW,KAAqB,GAAG,EAAU,KACjD,KAAqB,mCACjB,MAAiB,KAAqB,4BACtC,MAAU,KAAqB,8BAC/B,MAAW,KAAqB;CAEpC,IAAM,IAAa,KAAS,GAEtB,KAAA,GAAA,EAAA,QAAoC,IAAI;CAS9C,QAJA,GAAA,EAAA,iBAAgB;EACd,EAAO,GAAY,EAAS,OAAO;CACrC,CAAC,GAGC,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,WAAW;EACX,IAAI,OAAO;EACX,MAAM,OAAO;EACP;EACN,oBAAkB;EAClB,cAAY;EACZ,iBAAe;EACf,gBAAc;EACd,KAAK;EACL,GAAI;CACL,CAAA;AAEL"}

package/chunk/InputText-CtKHbFE7.js

@@ -1,9 +1,9 @@
 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520953730
- *   BUILD_DATE: Sat Jun 27 2026 00:42:33 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
 import { Mn as e, Rt as t, kn as n, yt as r } from "../sheerid.js";
 //#region src/components/FormInputs/InputText/InputText.tsx

package/chunk/{LicensedProfessionalOrganizationComponent-KmfBDjN9.js → LicensedProfessionalOrganizationComponent-C9z4nWyc.js}

@@ -1,27 +1,27 @@
 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520953730
- *   BUILD_DATE: Sat Jun 27 2026 00:42:33 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { B as e, Rt as t, in as n, on as r, wt as i } from "../sheerid.js";
-import { t as a } from "./FormFieldTypeahead-BhoK1wVB.js";
+import { Rt as e, V as t, an as n, rn as r, wt as i } from "../sheerid.js";
+import { t as a } from "./FormFieldTypeahead-ir8rYkOD.js";
 //#region src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx
-var o = t(), s = r(({ value: t, isErrored: r, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => e("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
+var o = e(), s = n(({ value: e, isErrored: n, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => t("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
 	fieldId: "licensed-professional",
-	value: t,
+	value: e,
 	verificationService: c,
 	onChange: (e) => s(e),
 	placeholder: u || l.formatHTMLMessage({
 		id: "organizationNamePlaceholder",
 		defaultMessage: "Organization"
 	}),
-	label: /* @__PURE__ */ (0, o.jsx)(n, {
+	label: /* @__PURE__ */ (0, o.jsx)(r, {
 		id: "organization",
 		defaultMessage: "Organization"
 	}),
-	errorMessage: r && /* @__PURE__ */ (0, o.jsx)(n, {
+	errorMessage: n && /* @__PURE__ */ (0, o.jsx)(r, {
 		id: "errorId.invalidOrganization",
 		defaultMessage: "You must select an organization from the list"
 	}),

package/chunk/{LicensedProfessionalOrganizationComponent-Bd32g18q.js.map → LicensedProfessionalOrganizationComponent-C9z4nWyc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LicensedProfessionalOrganizationComponent-Bd32g18q.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.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 { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"licensed-professional\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"organizationNamePlaceholder\",\n          defaultMessage: \"Organization\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const LicensedProfessionalOrganizationComponent = injectIntl(\n  LicensedProfessionalOrganization,\n);\n"],"mappings":";;;aA2Da,IAA4C,GA/CR,EAC/C,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAML"}
+{"version":3,"file":"LicensedProfessionalOrganizationComponent-C9z4nWyc.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.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 { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"licensed-professional\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"organizationNamePlaceholder\",\n          defaultMessage: \"Organization\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const LicensedProfessionalOrganizationComponent = injectIntl(\n  LicensedProfessionalOrganization,\n);\n"],"mappings":";;;aA2Da,IAA4C,GA/CR,EAC/C,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAML"}

package/chunk/{LicensedProfessionalOrganizationComponent-Bd32g18q.js → LicensedProfessionalOrganizationComponent-CVmJ9eS_.js}

@@ -4,32 +4,32 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520958289
- *   BUILD_DATE: Sat Jun 27 2026 00:42:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922524478
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:24 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { Ft as e, _t as t, bt as n, vt as r, z as i } from "../_mysheerid-preview.js";
-import { t as a } from "./FormFieldTypeahead-Y91SkMJD.js";
+import { B as e, Ft as t, _t as n, bt as r, vt as i } from "../_mysheerid-preview.js";
+import { t as a } from "./FormFieldTypeahead-pZggFuzg.js";
 //#region src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx
-var o = t(), s = n(({ value: t, isErrored: n, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => i("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
+var o = n(), s = r(({ value: n, isErrored: r, onChange: s, verificationService: c, intl: l, placeholder: u = "", disabled: d = !1 }) => e("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
 	fieldId: "licensed-professional",
-	value: t,
+	value: n,
 	verificationService: c,
 	onChange: (e) => s(e),
 	placeholder: u || l.formatHTMLMessage({
 		id: "organizationNamePlaceholder",
 		defaultMessage: "Organization"
 	}),
-	label: /* @__PURE__ */ (0, o.jsx)(r, {
+	label: /* @__PURE__ */ (0, o.jsx)(i, {
 		id: "organization",
 		defaultMessage: "Organization"
 	}),
-	errorMessage: n && /* @__PURE__ */ (0, o.jsx)(r, {
+	errorMessage: r && /* @__PURE__ */ (0, o.jsx)(i, {
 		id: "errorId.invalidOrganization",
 		defaultMessage: "You must select an organization from the list"
 	}),
-	orgSearchUrl: e(c.viewModel, c.programTheme),
+	orgSearchUrl: t(c.viewModel, c.programTheme),
 	showPlaceholderAndHideLabel: !!u,
 	disabled: d
 }));

package/chunk/{LicensedProfessionalOrganizationComponent-KmfBDjN9.js.map → LicensedProfessionalOrganizationComponent-CVmJ9eS_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LicensedProfessionalOrganizationComponent-KmfBDjN9.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.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 { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"licensed-professional\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"organizationNamePlaceholder\",\n          defaultMessage: \"Organization\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const LicensedProfessionalOrganizationComponent = injectIntl(\n  LicensedProfessionalOrganization,\n);\n"],"mappings":";;;aA2Da,IAA4C,GA/CR,EAC/C,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAML"}
+{"version":3,"file":"LicensedProfessionalOrganizationComponent-CVmJ9eS_.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.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 { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldTypeahead\n      fieldId=\"licensed-professional\"\n      value={value}\n      verificationService={verificationService}\n      onChange={(choice: Organization) => onChange(choice)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"organizationNamePlaceholder\",\n          defaultMessage: \"Organization\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"organization\" defaultMessage=\"Organization\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidOrganization\"\n            defaultMessage=\"You must select an organization from the list\"\n          />\n        )\n      }\n      orgSearchUrl={getOrgSearchUrl(\n        verificationService.viewModel,\n        verificationService.programTheme,\n      )}\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const LicensedProfessionalOrganizationComponent = injectIntl(\n  LicensedProfessionalOrganization,\n);\n"],"mappings":";;;aA2Da,IAA4C,GA/CR,EAC/C,UACA,cACA,aACA,wBACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACc;CACrB,WAAW,MAAyB,EAAS,CAAM;CACnD,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAe,gBAAe;CAAgB,CAAA;CAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACA,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAML"}

package/chunk/{LowIncomeOrganizationComponent-DmPn8oNy.js → LowIncomeOrganizationComponent-CVYnXbo4.js}

@@ -1,20 +1,16 @@
 
 /**
- *   WARNING: This file is intended to be used within MySheerID.
- *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
- */ 
-/**
- *   VERSION: 2.249.0
- *   BUILD_TIMESTAMP: 1782520958289
- *   BUILD_DATE: Sat Jun 27 2026 00:42:38 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: d434b306f163c625231516e302f145313c088dbc
+ *   VERSION: 2.250.0
+ *   BUILD_TIMESTAMP: 1782922520068
+ *   BUILD_DATE: Wed Jul 01 2026 16:15:20 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: cb70a3d38f25dac850245b568238895cd279ec48
  */
-import { Ft as e, G as t, Ht as n, Lt as r, Mn as i, Xt as a, _t as o, bt as s, gt as c, kn as l, rn as u, vt as d, z as f } from "../_mysheerid-preview.js";
-import { t as p } from "./FormFieldText-DIAcRrkr.js";
-import { t as m } from "./FormFieldInputSelect-C8O7C4IK.js";
-import { t as h } from "./FormFieldTypeahead-Y91SkMJD.js";
+import { En as e, Et as t, Lt as n, Mn as r, Rt as i, V as a, Vt as o, an as s, jt as c, kn as l, q as u, rn as d, wt as f } from "../sheerid.js";
+import { t as p } from "./FormFieldText-BMCOvY3k.js";
+import { t as m } from "./FormFieldInputSelect-B9m2vcvX.js";
+import { t as h } from "./FormFieldTypeahead-ir8rYkOD.js";
 //#region src/components/FormFields/EBTCardNumber/EBTCardNumberComponent.tsx
-var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder: i = "", disabled: a = !1 }) => f("ebtCardNumber")?.hidden ? null : /* @__PURE__ */ (0, g.jsx)(p, {
+var g = i(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder: i = "", disabled: o = !1 }) => a("ebtCardNumber")?.hidden ? null : /* @__PURE__ */ (0, g.jsx)(p, {
 	fieldId: "ebtCardNumber",
 	value: e,
 	onChange: n,
@@ -31,21 +27,21 @@ var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder:
 		defaultMessage: "Invalid EBT Card Number"
 	}),
 	showPlaceholderAndHideLabel: !!i,
-	disabled: a
-})), v = /* @__PURE__ */ i(u(), 1), y = s(({ value: i, isErrored: o, onChange: s, intl: u, placeholder: p = "", isRequired: _ = !1, verificationService: y, disabled: b = !1 }) => {
+	disabled: o
+})), v = /* @__PURE__ */ r(l(), 1), y = s(({ value: r, isErrored: i, onChange: s, intl: l, placeholder: p = "", isRequired: _ = !1, verificationService: y, disabled: b = !1 }) => {
 	let { viewModel: x, programTheme: S, fieldValidationErrors: C } = y;
-	if (!r(x)) return l.error("Expected low-income view model is malformed"), null;
+	if (!t(x)) return e.error("Expected low-income view model is malformed"), null;
 	let w = x.statuses[0] ? x.statuses[0] : void 0, [T, E] = v.useState();
 	v.useEffect(() => {
-		n(e(a(x, (e) => {
+		c(f(o(x, (e) => {
 			e.statuses = ["OTHER_GOVERNMENT_ASSISTANCE"];
 		}), S)).then((e) => {
 			if (e) {
-				let n = e;
-				x.countryChoice && (n = e.filter((e) => e.country === x.countryChoice.value)), E(n.map(t));
+				let t = e;
+				x.countryChoice && (t = e.filter((e) => e.country === x.countryChoice.value)), E(t.map(u));
 			}
-		}).catch((e) => {
-			l.error(e);
+		}).catch((t) => {
+			e.error(t);
 		});
 	}, []);
 	let D = (e, t) => {
@@ -57,12 +53,12 @@ var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder:
 			name: ""
 		});
 	};
-	return f("organization")?.hidden ? null : w === "COMMUNITY_ELIGIBILITY_PROVISION" ? /* @__PURE__ */ (0, g.jsx)(h, {
+	return a("organization")?.hidden ? null : w === "COMMUNITY_ELIGIBILITY_PROVISION" ? /* @__PURE__ */ (0, g.jsx)(h, {
 		fieldId: "cep-organization",
 		value: x.organization,
 		verificationService: y,
 		onChange: s,
-		placeholder: u.formatHTMLMessage({
+		placeholder: l.formatHTMLMessage({
 			id: "schoolNamePlaceholder",
 			defaultMessage: "School name"
 		}),
@@ -76,13 +72,13 @@ var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder:
 		}),
 		isRequired: w === "COMMUNITY_ELIGIBILITY_PROVISION",
 		disabled: b,
-		orgSearchUrl: e(y.viewModel, y.programTheme)
+		orgSearchUrl: f(y.viewModel, y.programTheme)
 	}) : T ? /* @__PURE__ */ (0, g.jsx)(m, {
 		fieldId: "low-income",
-		value: T.find((e) => e.value === (i && i.value)),
+		value: T.find((e) => e.value === (r && r.value)),
 		refId: "organization",
 		onChange: (e) => D(e, s),
-		placeholder: p || u.formatHTMLMessage({
+		placeholder: p || l.formatHTMLMessage({
 			id: "lowIncomeOrganizationPlaceholder",
 			defaultMessage: "Government Assistance Program"
 		}),
@@ -90,7 +86,7 @@ var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder:
 			id: "lowIncomeOrganization",
 			defaultMessage: "Government Assistance Program"
 		}),
-		errorMessage: o && /* @__PURE__ */ (0, g.jsx)(d, {
+		errorMessage: i && /* @__PURE__ */ (0, g.jsx)(d, {
 			id: "errorId.invalidOrganization",
 			defaultMessage: "You must select an organization from the list"
 		}),
@@ -99,7 +95,7 @@ var g = o(), _ = s(({ value: e, isErrored: t, onChange: n, intl: r, placeholder:
 		options: T,
 		containerId: "sid-low-income-id",
 		disabled: b
-	}) : /* @__PURE__ */ (0, g.jsx)(c, {});
+	}) : /* @__PURE__ */ (0, g.jsx)(n, {});
 });
 //#endregion
 export { _ as n, y as t };

package/chunk/{LowIncomeOrganizationComponent-BDCwBwqA.js.map → LowIncomeOrganizationComponent-CVYnXbo4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LowIncomeOrganizationComponent-BDCwBwqA.js","names":[],"sources":["../../src/components/FormFields/EBTCardNumber/EBTCardNumberComponent.tsx","../../src/components/FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent.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\nexport const EBTCardNumber = ({\n  value,\n  isErrored,\n  onChange,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"ebtCardNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ebtCardNumber\"\n      value={value}\n      onChange={onChange}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"ebtCardNumberPlaceholder\",\n          defaultMessage: \"EBT card Number\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"ebtCardNumber\" defaultMessage=\"EBT card Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidEBTCardNumber\"\n            defaultMessage=\"Invalid EBT Card Number\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const EBTCardNumberComponent = injectIntl(EBTCardNumber);\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport produce from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport {\n  type FormSelectChoice,\n  type FormFieldComponentProps,\n  type LowIncomePersonalInfoViewModel,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\nimport { LoadingSpinnerComponent } from \"../../LoadingSpinner/LoadingSpinnerComponent\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\nimport { fetchOrganization } from \"../../../lib/ServerApi/OrganizationApiClient\";\nimport {\n  getFieldConfigByFieldId,\n  orgToOption,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { isLowIncomeVM } from \"../../StepLowIncomePersonalInfo/lowIncomeTypes\";\n\nexport const LowIncomeOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  intl,\n  placeholder = \"\",\n  isRequired = false,\n  verificationService,\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const { viewModel, programTheme, fieldValidationErrors } = verificationService;\n\n  if (!isLowIncomeVM(viewModel)) {\n    logger.error(\"Expected low-income view model is malformed\");\n    return null;\n  }\n\n  const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;\n  const [otherGovAssistOrgs, setOtherGovAssistOrgs] = React.useState<\n    FormSelectChoice[] | undefined\n  >();\n\n  React.useEffect(() => {\n    fetchOrganization(\n      getOrgSearchUrl(\n        produce(viewModel, (draft: LowIncomePersonalInfoViewModel) => {\n          draft.statuses = [\"OTHER_GOVERNMENT_ASSISTANCE\"]; // load and cache orgs for OTHER_GOVERNMENT_ASSISTANCE as it is a InputSelect and the list of options doesn't change\n        }),\n        programTheme,\n      ),\n    )\n      .then((orgList: Organization[]) => {\n        if (orgList) {\n          let newOrganizations: Organization[] = orgList;\n\n          if (viewModel.countryChoice) {\n            newOrganizations = orgList.filter(\n              (org) => org.country === viewModel.countryChoice.value,\n            );\n          }\n          setOtherGovAssistOrgs(newOrganizations.map(orgToOption));\n        }\n      })\n      .catch((e) => {\n        logger.error(e);\n      });\n  }, []);\n\n  const handleStateChange = (selectedOrgOption: FormSelectChoice, onStateChange: Function) => {\n    if (selectedOrgOption) {\n      onStateChange({\n        id: selectedOrgOption.value,\n        name: selectedOrgOption.label,\n      });\n    } else {\n      onStateChange({\n        id: 0,\n        name: \"\",\n      });\n    }\n  };\n\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  if (selectedStatus === \"COMMUNITY_ELIGIBILITY_PROVISION\") {\n    return (\n      <FormFieldTypeahead\n        fieldId=\"cep-organization\"\n        value={viewModel.organization}\n        verificationService={verificationService}\n        onChange={onChange}\n        placeholder={intl.formatHTMLMessage({\n          id: \"schoolNamePlaceholder\",\n          defaultMessage: \"School name\",\n        })}\n        label={<FormattedHTMLMessage id=\"schoolName\" defaultMessage=\"School name\" />}\n        errorMessage={\n          !!fieldValidationErrors.organization && (\n            <FormattedHTMLMessage\n              id=\"errorId.invalidOrganization\"\n              defaultMessage=\"You must select an organization from the list\"\n            />\n          )\n        }\n        isRequired={selectedStatus === \"COMMUNITY_ELIGIBILITY_PROVISION\"}\n        disabled={disabled}\n        orgSearchUrl={getOrgSearchUrl(\n          verificationService.viewModel,\n          verificationService.programTheme,\n        )}\n      />\n    );\n  }\n\n  return otherGovAssistOrgs ? (\n    <FormFieldInputSelect\n      fieldId=\"low-income\"\n      value={otherGovAssistOrgs.find((option) => option.value === (value && value.value))}\n      refId=\"organization\"\n      onChange={(organization: FormSelectChoice) => handleStateChange(organization, onChange)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"lowIncomeOrganizationPlaceholder\",\n          defaultMessage: \"Government Assistance Program\",\n        })\n      }\n      label={\n        <FormattedHTMLMessage\n          id=\"lowIncomeOrganization\"\n          defaultMessage=\"Government Assistance Program\"\n        />\n      }\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      options={otherGovAssistOrgs}\n      containerId=\"sid-low-income-id\"\n      disabled={disabled}\n    />\n  ) : (\n    <LoadingSpinnerComponent />\n  );\n};\n\nexport const LowIncomeOrganizationComponent = injectIntl(LowIncomeOrganization);\n"],"mappings":";;;;;aAgDa,IAAyB,GAzCR,EAC5B,UACA,cACA,aACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,eAAe,GAAG,SAGvD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAgB,gBAAe;CAAmB,CAAA;CAClF,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAIyD,kCC+GjD,IAAiC,GAxIR,EACpC,UACA,cACA,aACA,SACA,iBAAc,IACd,gBAAa,IACb,wBACA,cAAW,SACkB;CAC7B,IAAM,EAAE,cAAW,iBAAc,6BAA0B;CAE3D,IAAI,CAAC,EAAc,CAAS,GAE1B,OADA,EAAO,MAAM,6CAA6C,GACnD;CAGT,IAAM,IAAiB,EAAU,SAAS,KAAK,EAAU,SAAS,KAAK,KAAA,GACjE,CAAC,GAAoB,KAAA,EAA+B,SAExD;CAEF,EAAM,gBAAgB;EACpB,EACE,EACE,EAAQ,IAAY,MAA0C;GAC5D,EAAM,WAAW,CAAC,6BAA6B;EACjD,CAAC,GACD,CACF,CACF,EACG,MAAM,MAA4B;GACjC,IAAI,GAAS;IACX,IAAI,IAAmC;IAOvC,AALI,EAAU,kBACZ,IAAmB,EAAQ,QACxB,MAAQ,EAAI,YAAY,EAAU,cAAc,KACnD,IAEF,EAAsB,EAAiB,IAAI,CAAW,CAAC;GACzD;EACF,CAAC,EACA,OAAO,MAAM;GACZ,EAAO,MAAM,CAAC;EAChB,CAAC;CACL,GAAG,CAAC,CAAC;CAEL,IAAM,KAAqB,GAAqC,MAA4B;EAC1F,AACE,EADE,IACY;GACZ,IAAI,EAAkB;GACtB,MAAM,EAAkB;EAC1B,IAEc;GACZ,IAAI;GACJ,MAAM;EACR,CAAC;CAEL;CAsCA,OApCsB,EAAwB,cAAc,GAAG,SAGtD,OAGL,MAAmB,oCAEnB,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAO,EAAU;EACI;EACX;EACV,aAAa,EAAK,kBAAkB;GAClC,IAAI;GACJ,gBAAgB;EAClB,CAAC;EACD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,CAAC,CAAC,EAAsB,gBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,YAAY,MAAmB;EACrB;EACV,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACD,CAAA,IAIE,IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAO,EAAmB,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EAClF,OAAM;EACN,WAAW,MAAmC,EAAkB,GAAc,CAAQ;EACtF,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAEH,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGO;EACZ,6BAA6B,CAAC,CAAC;EAC/B,SAAS;EACT,aAAY;EACF;CACX,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD,CAA0B,CAAA;AAE9B,CAE8E"}
+{"version":3,"file":"LowIncomeOrganizationComponent-CVYnXbo4.js","names":[],"sources":["../../src/components/FormFields/EBTCardNumber/EBTCardNumberComponent.tsx","../../src/components/FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent.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\nexport const EBTCardNumber = ({\n  value,\n  isErrored,\n  onChange,\n  intl,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const isFieldHidden = getFieldConfigByFieldId(\"ebtCardNumber\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <FormFieldText\n      fieldId=\"ebtCardNumber\"\n      value={value}\n      onChange={onChange}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"ebtCardNumberPlaceholder\",\n          defaultMessage: \"EBT card Number\",\n        })\n      }\n      label={<FormattedHTMLMessage id=\"ebtCardNumber\" defaultMessage=\"EBT card Number\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage\n            id=\"errorId.invalidEBTCardNumber\"\n            defaultMessage=\"Invalid EBT Card Number\"\n          />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const EBTCardNumberComponent = injectIntl(EBTCardNumber);\n","import React from \"react\";\nimport { FormattedHTMLMessage, injectIntl } from \"react-intl\";\nimport produce from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport {\n  type FormSelectChoice,\n  type FormFieldComponentProps,\n  type LowIncomePersonalInfoViewModel,\n  type Organization,\n} from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\nimport { LoadingSpinnerComponent } from \"../../LoadingSpinner/LoadingSpinnerComponent\";\nimport { getOrgSearchUrl } from \"../../../lib/ProgramTheme/programThemeGetters\";\nimport { fetchOrganization } from \"../../../lib/ServerApi/OrganizationApiClient\";\nimport {\n  getFieldConfigByFieldId,\n  orgToOption,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { FormFieldTypeahead } from \"../FormFieldTypeahead/FormFieldTypeahead\";\nimport { isLowIncomeVM } from \"../../StepLowIncomePersonalInfo/lowIncomeTypes\";\n\nexport const LowIncomeOrganization = ({\n  value,\n  isErrored,\n  onChange,\n  intl,\n  placeholder = \"\",\n  isRequired = false,\n  verificationService,\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const { viewModel, programTheme, fieldValidationErrors } = verificationService;\n\n  if (!isLowIncomeVM(viewModel)) {\n    logger.error(\"Expected low-income view model is malformed\");\n    return null;\n  }\n\n  const selectedStatus = viewModel.statuses[0] ? viewModel.statuses[0] : undefined;\n  const [otherGovAssistOrgs, setOtherGovAssistOrgs] = React.useState<\n    FormSelectChoice[] | undefined\n  >();\n\n  React.useEffect(() => {\n    fetchOrganization(\n      getOrgSearchUrl(\n        produce(viewModel, (draft: LowIncomePersonalInfoViewModel) => {\n          draft.statuses = [\"OTHER_GOVERNMENT_ASSISTANCE\"]; // load and cache orgs for OTHER_GOVERNMENT_ASSISTANCE as it is a InputSelect and the list of options doesn't change\n        }),\n        programTheme,\n      ),\n    )\n      .then((orgList: Organization[]) => {\n        if (orgList) {\n          let newOrganizations: Organization[] = orgList;\n\n          if (viewModel.countryChoice) {\n            newOrganizations = orgList.filter(\n              (org) => org.country === viewModel.countryChoice.value,\n            );\n          }\n          setOtherGovAssistOrgs(newOrganizations.map(orgToOption));\n        }\n      })\n      .catch((e) => {\n        logger.error(e);\n      });\n  }, []);\n\n  const handleStateChange = (selectedOrgOption: FormSelectChoice, onStateChange: Function) => {\n    if (selectedOrgOption) {\n      onStateChange({\n        id: selectedOrgOption.value,\n        name: selectedOrgOption.label,\n      });\n    } else {\n      onStateChange({\n        id: 0,\n        name: \"\",\n      });\n    }\n  };\n\n  const isFieldHidden = getFieldConfigByFieldId(\"organization\")?.hidden;\n\n  if (isFieldHidden) {\n    return null;\n  }\n\n  if (selectedStatus === \"COMMUNITY_ELIGIBILITY_PROVISION\") {\n    return (\n      <FormFieldTypeahead\n        fieldId=\"cep-organization\"\n        value={viewModel.organization}\n        verificationService={verificationService}\n        onChange={onChange}\n        placeholder={intl.formatHTMLMessage({\n          id: \"schoolNamePlaceholder\",\n          defaultMessage: \"School name\",\n        })}\n        label={<FormattedHTMLMessage id=\"schoolName\" defaultMessage=\"School name\" />}\n        errorMessage={\n          !!fieldValidationErrors.organization && (\n            <FormattedHTMLMessage\n              id=\"errorId.invalidOrganization\"\n              defaultMessage=\"You must select an organization from the list\"\n            />\n          )\n        }\n        isRequired={selectedStatus === \"COMMUNITY_ELIGIBILITY_PROVISION\"}\n        disabled={disabled}\n        orgSearchUrl={getOrgSearchUrl(\n          verificationService.viewModel,\n          verificationService.programTheme,\n        )}\n      />\n    );\n  }\n\n  return otherGovAssistOrgs ? (\n    <FormFieldInputSelect\n      fieldId=\"low-income\"\n      value={otherGovAssistOrgs.find((option) => option.value === (value && value.value))}\n      refId=\"organization\"\n      onChange={(organization: FormSelectChoice) => handleStateChange(organization, onChange)}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({\n          id: \"lowIncomeOrganizationPlaceholder\",\n          defaultMessage: \"Government Assistance Program\",\n        })\n      }\n      label={\n        <FormattedHTMLMessage\n          id=\"lowIncomeOrganization\"\n          defaultMessage=\"Government Assistance Program\"\n        />\n      }\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      options={otherGovAssistOrgs}\n      containerId=\"sid-low-income-id\"\n      disabled={disabled}\n    />\n  ) : (\n    <LoadingSpinnerComponent />\n  );\n};\n\nexport const LowIncomeOrganizationComponent = injectIntl(LowIncomeOrganization);\n"],"mappings":";;;;;aAgDa,IAAyB,GAzCR,EAC5B,UACA,cACA,aACA,SACA,iBAAc,IACd,cAAW,SAEW,EAAwB,eAAe,GAAG,SAGvD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;CACE,SAAQ;CACD;CACG;CACV,aACE,KACA,EAAK,kBAAkB;EACrB,IAAI;EACJ,gBAAgB;CAClB,CAAC;CAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;EAAsB,IAAG;EAAgB,gBAAe;CAAmB,CAAA;CAClF,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,IAAG;EACH,gBAAe;CAChB,CAAA;CAGL,6BAA6B,CAAC,CAAC;CACrB;AACX,CAAA,CAIyD,kCC+GjD,IAAiC,GAxIR,EACpC,UACA,cACA,aACA,SACA,iBAAc,IACd,gBAAa,IACb,wBACA,cAAW,SACkB;CAC7B,IAAM,EAAE,cAAW,iBAAc,6BAA0B;CAE3D,IAAI,CAAC,EAAc,CAAS,GAE1B,OADA,EAAO,MAAM,6CAA6C,GACnD;CAGT,IAAM,IAAiB,EAAU,SAAS,KAAK,EAAU,SAAS,KAAK,KAAA,GACjE,CAAC,GAAoB,KAAA,EAA+B,SAExD;CAEF,EAAM,gBAAgB;EACpB,EACE,EACE,EAAQ,IAAY,MAA0C;GAC5D,EAAM,WAAW,CAAC,6BAA6B;EACjD,CAAC,GACD,CACF,CACF,EACG,MAAM,MAA4B;GACjC,IAAI,GAAS;IACX,IAAI,IAAmC;IAOvC,AALI,EAAU,kBACZ,IAAmB,EAAQ,QACxB,MAAQ,EAAI,YAAY,EAAU,cAAc,KACnD,IAEF,EAAsB,EAAiB,IAAI,CAAW,CAAC;GACzD;EACF,CAAC,EACA,OAAO,MAAM;GACZ,EAAO,MAAM,CAAC;EAChB,CAAC;CACL,GAAG,CAAC,CAAC;CAEL,IAAM,KAAqB,GAAqC,MAA4B;EAC1F,AACE,EADE,IACY;GACZ,IAAI,EAAkB;GACtB,MAAM,EAAkB;EAC1B,IAEc;GACZ,IAAI;GACJ,MAAM;EACR,CAAC;CAEL;CAsCA,OApCsB,EAAwB,cAAc,GAAG,SAGtD,OAGL,MAAmB,oCAEnB,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAO,EAAU;EACI;EACX;EACV,aAAa,EAAK,kBAAkB;GAClC,IAAI;GACJ,gBAAgB;EAClB,CAAC;EACD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAa,gBAAe;EAAe,CAAA;EAC3E,cACE,CAAC,CAAC,EAAsB,gBACtB,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,YAAY,MAAmB;EACrB;EACV,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;CACD,CAAA,IAIE,IACL,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAO,EAAmB,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;EAClF,OAAM;EACN,WAAW,MAAmC,EAAkB,GAAc,CAAQ;EACtF,aACE,KACA,EAAK,kBAAkB;GACrB,IAAI;GACJ,gBAAgB;EAClB,CAAC;EAEH,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAEH,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGO;EACZ,6BAA6B,CAAC,CAAC;EAC/B,SAAS;EACT,aAAY;EACF;CACX,CAAA,IAED,iBAAA,GAAA,EAAA,KAAC,GAAD,CAA0B,CAAA;AAE9B,CAE8E"}