@sheerid/jslib 2.276.0 → 2.278.0

package/chunk/{FormSelectChoice-BMOCwG1_.js.map → FormSelectChoice-Cm99LmoK.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormSelectChoice-BMOCwG1_.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 = false,\n  fieldId,\n  fieldLabelId,\n  isErrored = false,\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\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/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  msg: MsgFunction,\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({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\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-Cm99LmoK.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 = false,\n  fieldId,\n  fieldLabelId,\n  isErrored = false,\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\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/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  msg: MsgFunction,\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({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\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-xPF_7dfg.js → FormSelectChoice-DjcUTWnw.js}

@@ -4,18 +4,18 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969605732
+ *   BUILD_DATE: Wed Sep 09 2026 16:00:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
  */
-import { Jt as e, Wt as t } from "./intl-Ft_65Lzo.js";
-import { a as n, c as r, n as i, t as a } from "./jsx-runtime-Bq9F3xvK.js";
-import { o } from "./refs-BgqdAkVI.js";
+import { Bt as e, Wt as t } from "./intl-e5WHiYfA.js";
+import { a as n, c as r, n as i, t as a } from "./jsx-runtime-LqzCS-0D.js";
+import { o } from "./refs-CI3K5ndt.js";
 import { P as s } from "../_mysheerid-preview.js";
-import { t as c } from "./downshift.esm-a6BpIuFH.js";
+import { t as c } from "./downshift.esm-GtunYkBG.js";
 //#region src/components/FormInputs/InputSelect/InputSelectList/InputSelectListComponent.tsx
-var l = /* @__PURE__ */ e(r(), 1), u = a(), d = ({ getItemProps: e, getMenuProps: t, highlightedIndex: n, options: r, itemToString: a, ariaLabel: o, isOpen: c, isLoading: l = !1 }) => {
+var l = /* @__PURE__ */ t(r(), 1), u = a(), 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({
@@ -136,16 +136,16 @@ var l = /* @__PURE__ */ e(r(), 1), u = a(), d = ({ getItemProps: e, getMenuProps
 		n = 1;
 	}
 	return n;
-}, _ = (e) => e.sort(g), v = (e, n = [], r) => {
+}, _ = (e) => e.sort(g), v = (t, 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));
+	return n.forEach((e) => {
+		if (e === void 0) return a.push("undefined");
+		if (!e || typeof e == "number" || typeof e == "string" && !e.trim()) return a.push(JSON.stringify(e));
 		i.push({
-			value: t,
-			label: r({ id: `${e}.${t}` })
+			value: e,
+			label: r({ id: `${t}.${e}` })
 		});
-	}), a.length > 0 && t.warn(`FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${a.length}): ${a.join(", ")}`), i;
+	}), a.length > 0 && e.warn(`FormSelectChoice.getFormFieldSelectOptions contains unexpected values (${a.length}): ${a.join(", ")}`), i;
 };
 //#endregion
 export { v as n, h as r, _ as t };

package/chunk/{FormSelectChoice-xPF_7dfg.js.map → FormSelectChoice-DjcUTWnw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormSelectChoice-xPF_7dfg.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 = false,\n  fieldId,\n  fieldLabelId,\n  isErrored = false,\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\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/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  msg: MsgFunction,\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({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\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":";;;;;;4CAmEA,KAnDA,EAAA,iBAAA,iBAAA,qBAAA,YAAA,iBAAA,cAAA,WAAA,eAAA,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDA,GCAa,IAA6B,GAvDf,EACzB,mBACA,aACA,yBACA,WACA,gBACA,cAC4B;CAC5B,IAAM,EACJ,SAAS,GACT,iBAAiB,GACjB,eAAe,GACf,YACA,cACA,cACE,EAAqB;CASzB,OACE,iBAAA,GAAA,EAAA,KAAC,UAAD;EACE,cATc,IACd,EAAK,cAAc;GACjB,IAAI;GACJ,gBAAgB;EAClB,CAAC,IACD,EAAK,cAAc;GAAE,IAAI;GAAY,gBAAgB;EAAY,CAAC;EAKlE,iBAAe;EACf,eAAa;EACJ;EACE;EACH;EACR,WAAU;EACA;EACV,MAAK;EACL,UAAU,MAAU;GAElB,AADI,OAAO,KAAmB,cAAY,EAAe,GACrD,OAAO,KAAwB,cAAY,EAAoB,CAAK;EAC1E;YAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;GACE,SAAQ;GACR,qBAAoB;GACpB,OAAO;GACP,MAAK;GACL,QAAO;GACP,aAAY;GACZ,WAAW,IAAS,gBAAgB,KAAA;aAEpC,iBAAA,GAAA,EAAA,KAAC,QAAD,EAAM,GAAE,oBAAqB,CAAA;EAC1B,CAAA;CACC,CAAA;AAEZ,CAEsE,GClDhE,KAAgB,MAA4B,IAAO,EAAK,QAAQ,IAEhE,KAAiB,GAA6B,MACN,EAAQ,QACjD,MACC,CAAC,KACD,EAAO,MAAM,YAAY,EAAE,SAAS,EAAW,YAAY,CAAC,KAC5D,EAAO,MAAM,SAAS,EAAE,YAAY,EAAE,SAAS,EAAW,YAAY,CAAC,CAEpE,GAsII,KA5GQ,EACnB,cACA,YACA,cAAW,IACX,YACA,iBACA,eAAY,IACZ,YACA,cACA,aACA,iBAAc,IAGd,yBAAsB,IACtB,UACA,cACA,cACA,oBACA,eACA,eAAY,IACZ,UAAO,YACP,sBACsB;CACtB,IAAM,CAAC,GAAY,MAAA,GAAA,EAAA,UAA0B,EAAE,GACzC,IAAQ,IAAa,EAAc,GAAS,CAAU,IAAI,GAE1D,EACJ,kBACA,iBACA,iBACA,yBACA,qBACA,WACA,kBACE,EAA8B;EAChC,IAAI;EACJ;EACA,mBAAmB,EAAE,iBAAc;GACjC,EAAc,CAAU;EAC1B;EACA,uBAAuB,EAAE,cAAc,QAAsB,EAAS,CAAe;EACrF;EACA,cAAc,KAAS,EAAM,SAAS,EAAM,QAAQ,IAAQ;EAC5D,yBAAyB;CAC3B,CAAC,GAEK,KAAmB,MAAiD;EACxE,AAAI,OAAO,KAAc,cACvB,EAAU,CAAK;CAEnB,GAEM,KAAA,GAAA,EAAA,QAAoC,IAAI;CAS9C,QAJA,GAAA,EAAA,iBAAgB;EACd,EAAO,GAAS,EAAS,OAAO;CAClC,CAAC,GAGC,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,yBAAyB,KAAa;YAAtD;GACE,iBAAA,GAAA,EAAA,KAAC,SAAD;IAEE,GAAI,EAAc;KAChB,KAAK;KACL,YAAY,MAAU,EAAgB,CAAK;KAC3C,mBAAmB;IACrB,CAAC;IAGU;IACX,IAAI;IACJ,WAAW,mCACT,IAAsB,2BAA2B,GAClD,GAAG,IAAY,0BAA0B;IAChC;IACG;IACb,iBAAe;IACf,oBAAkB;IAClB,gBAAc;IACR;IACQ;GACf,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACY;IACY;IACd;IACR,aAAa,CAAC,CAAC,GAAO;IACtB,sBAAsB,EAAW,KAAA,CAAS;GAC3C,CAAA;GAED,iBAAA,GAAA,EAAA,KAAC,GAAD;IACoB;IACJ;IACd,SAAS;IACK;IACA;IACH;IACH;IACG;GACZ,CAAA;EACE;;AAET,GCpJa,KACX,GACA,MACuB;CACvB,IAAI;CAEJ,IAAI;EACF,IAAY,EAAE,MAAM,YAAY,IAAI,EAAE,MAAM,YAAY,IAAI,IAAI;CAClE,QAAY;EACV,IAAY;CACd;CAEA,OAAO;AACT,GAEa,KACX,MACoC,EAAQ,KAAK,CAAY,GAElD,KACX,GACA,IAAyB,CAAC,GAC1B,MACuC;CACvC,IAAM,IAA8C,CAAC,GAC/C,IAA2B,CAAC;CAoBlC,OAlBA,EAAa,SAAS,MAAU;EAC9B,IAAW,MAAU,QAAa,OAAO,EAAe,KAAK,WAAW;EAGxE,IAFI,CAAC,KACD,OAAO,KAAU,YACjB,OAAO,KAAU,YAAY,CAAC,EAAM,KAAK,GAC3C,OAAO,EAAe,KAAK,KAAK,UAAU,CAAK,CAAC;EAElD,EAAQ,KAAK;GAAE;GAAO,OAAO,EAAI,EAAE,IAAI,GAAG,EAAU,GAAG,IAAqB,CAAC;EAAE,CAAC;CAClF,CAAC,GAEG,EAAe,SAAS,KAC1B,EAAO,KACL,0EACE,EAAe,OAChB,KAAK,EAAe,KAAK,IAAI,GAChC,GAGK;AACT"}
+{"version":3,"file":"FormSelectChoice-DjcUTWnw.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 = false,\n  fieldId,\n  fieldLabelId,\n  isErrored = false,\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\nexport const InputSelectComponent = InputSelect;\n","import { logger } from \"@jslib/shared/utils/logger\";\n\nimport { type MsgFunction } from \"@/components/Message/Message\";\nimport { type MessageId } from \"@/lib/intl/types\";\nimport { type FormSelectChoice } from \"@/lib/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  msg: MsgFunction,\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({ value, label: msg({ id: `${namespace}.${value}` as MessageId }) });\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-B4CjWTez.js → InputText-BXPuBlPq.js}

@@ -4,14 +4,14 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969605732
+ *   BUILD_DATE: Wed Sep 09 2026 16:00:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
  */
-import { Jt as e } from "./intl-Ft_65Lzo.js";
-import { c as t, t as n } from "./jsx-runtime-Bq9F3xvK.js";
-import { o as r } from "./refs-BgqdAkVI.js";
+import { Wt as e } from "./intl-e5WHiYfA.js";
+import { c as t, t as n } from "./jsx-runtime-LqzCS-0D.js";
+import { o as r } from "./refs-CI3K5ndt.js";
 //#region src/components/FormInputs/InputText/InputText.tsx
 var i = /* @__PURE__ */ e(t(), 1), a = n(), o = ({ id: e, isErrored: t, className: n = void 0, hidePlaceholder: o = !0, refId: s, required: c = !1, type: l = "text", ariaDescribedBy: u, ariaLabel: d, ...f }) => {
 	let p = "";

package/chunk/{InputText-B4CjWTez.js.map → InputText-BXPuBlPq.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputText-B4CjWTez.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-BXPuBlPq.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-Dc_DjXbQ.js → InputText-h_myNeHr.js}

@@ -1,13 +1,13 @@
 
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688581348
- *   BUILD_DATE: Tue Aug 25 2026 20:09:41 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969597831
+ *   BUILD_DATE: Wed Sep 09 2026 15:59:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
  */
-import { Jt as e } from "./options-Co1RW3vc.js";
-import { c as t, t as n } from "./jsx-runtime-DOqJBLjd.js";
-import { o as r } from "./refs-Cz53Qfgi.js";
+import { Wt as e } from "./options-pBCAJBwS.js";
+import { c as t, t as n } from "./jsx-runtime-Ini3eO9_.js";
+import { o as r } from "./refs-CGvEbCaw.js";
 //#region src/components/FormInputs/InputText/InputText.tsx
 var i = /* @__PURE__ */ e(t(), 1), a = n(), o = ({ id: e, isErrored: t, className: n = void 0, hidePlaceholder: o = !0, refId: s, required: c = !1, type: l = "text", ariaDescribedBy: u, ariaLabel: d, ...f }) => {
 	let p = "";

package/chunk/{InputText-Dc_DjXbQ.js.map → InputText-h_myNeHr.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputText-Dc_DjXbQ.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-h_myNeHr.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/LicensedProfessionalOrganizationComponent-BHrQmG_W.js

@@ -0,0 +1,40 @@
+
+/**
+ *   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.278.0
+ *   BUILD_TIMESTAMP: 1788969605732
+ *   BUILD_DATE: Wed Sep 09 2026 16:00:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
+ */
+import { n as e, t } from "./jsx-runtime-LqzCS-0D.js";
+import { n } from "./Message-BK3a2RyH.js";
+import { c as r } from "./programThemeGetters-uLsgGat1.js";
+import { a as i } from "./stepComponentHelpers-BdqtwfRd.js";
+import { t as a } from "./FormFieldTypeahead-DQEez7ko.js";
+//#region src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx
+var o = t(), s = ({ value: t, isErrored: s, onChange: c, verificationService: l, placeholder: u = "", disabled: d = !1 }) => {
+	let { msg: f } = n();
+	return i("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
+		fieldId: "licensed-professional",
+		value: t,
+		verificationService: l,
+		onChange: (e) => c(e),
+		placeholder: u || f({ id: "organizationPlaceholder" }),
+		label: /* @__PURE__ */ (0, o.jsx)(e, {
+			id: "organization",
+			defaultMessage: "Organization"
+		}),
+		errorMessage: s && /* @__PURE__ */ (0, o.jsx)(e, {
+			id: "errorId.invalidOrganization",
+			defaultMessage: "You must select an organization from the list"
+		}),
+		orgSearchUrl: r(l.viewModel, l.programTheme),
+		showPlaceholderAndHideLabel: !!u,
+		disabled: d
+	});
+};
+//#endregion
+export { s as t };

package/chunk/LicensedProfessionalOrganizationComponent-BHrQmG_W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicensedProfessionalOrganizationComponent-BHrQmG_W.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganizationComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\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        msg({\n          id: \"organizationPlaceholder\",\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"],"mappings":";;;;;;aAaa,KAA6C,EACxD,UACA,cACA,aACA,wBACA,iBAAc,IACd,cAAW,SAC6C;CACxD,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACc;EACrB,WAAW,MAAyB,EAAS,CAAM;EACnD,aACE,KACA,EAAI,EACF,IAAI,0BACN,CAAC;EAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAe,gBAAe;EAAgB,CAAA;EAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;EACA,6BAA6B,CAAC,CAAC;EACrB;CACX,CAAA;AAEL"}

package/chunk/LicensedProfessionalOrganizationComponent-DMdDUhnU.js

@@ -0,0 +1,36 @@
+
+/**
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969597831
+ *   BUILD_DATE: Wed Sep 09 2026 15:59:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
+ */
+import { n as e, t } from "./jsx-runtime-Ini3eO9_.js";
+import { n } from "./Message-CSa2etjX.js";
+import { c as r } from "./programThemeGetters-C9Sw0RZq.js";
+import { a as i } from "./stepComponentHelpers-DIHMDrmF.js";
+import { t as a } from "./FormFieldTypeahead-uKX8ZHqO.js";
+//#region src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx
+var o = t(), s = ({ value: t, isErrored: s, onChange: c, verificationService: l, placeholder: u = "", disabled: d = !1 }) => {
+	let { msg: f } = n();
+	return i("organization")?.hidden ? null : /* @__PURE__ */ (0, o.jsx)(a, {
+		fieldId: "licensed-professional",
+		value: t,
+		verificationService: l,
+		onChange: (e) => c(e),
+		placeholder: u || f({ id: "organizationPlaceholder" }),
+		label: /* @__PURE__ */ (0, o.jsx)(e, {
+			id: "organization",
+			defaultMessage: "Organization"
+		}),
+		errorMessage: s && /* @__PURE__ */ (0, o.jsx)(e, {
+			id: "errorId.invalidOrganization",
+			defaultMessage: "You must select an organization from the list"
+		}),
+		orgSearchUrl: r(l.viewModel, l.programTheme),
+		showPlaceholderAndHideLabel: !!u,
+		disabled: d
+	});
+};
+//#endregion
+export { s as t };

package/chunk/LicensedProfessionalOrganizationComponent-DMdDUhnU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LicensedProfessionalOrganizationComponent-DMdDUhnU.js","names":[],"sources":["../../src/components/FormFields/LicensedProfessionalOrganization/LicensedProfessionalOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport {\n  type FormFieldComponentProps,\n  type VerificationServiceProps,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\n\nexport const LicensedProfessionalOrganizationComponent = ({\n  value,\n  isErrored,\n  onChange,\n  verificationService,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps & VerificationServiceProps) => {\n  const { msg } = useMessage();\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        msg({\n          id: \"organizationPlaceholder\",\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"],"mappings":";;;;;;aAaa,KAA6C,EACxD,UACA,cACA,aACA,wBACA,iBAAc,IACd,cAAW,SAC6C;CACxD,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,cAAc,GAAG,SAGtD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACc;EACrB,WAAW,MAAyB,EAAS,CAAM;EACnD,aACE,KACA,EAAI,EACF,IAAI,0BACN,CAAC;EAEH,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAe,gBAAe;EAAgB,CAAA;EAC9E,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,cAAc,EACZ,EAAoB,WACpB,EAAoB,YACtB;EACA,6BAA6B,CAAC,CAAC;EACrB;CACX,CAAA;AAEL"}

package/chunk/{LogoComponent-BaBfWuKr.js → LogoComponent-Do8K5ydz.js}

@@ -1,12 +1,12 @@
 
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688581348
- *   BUILD_DATE: Tue Aug 25 2026 20:09:41 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969597831
+ *   BUILD_DATE: Wed Sep 09 2026 15:59:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
  */
-import { n as e, t } from "./jsx-runtime-DOqJBLjd.js";
-import { a as n } from "./programThemeGetters-De_Bowzi.js";
+import { n as e, t } from "./jsx-runtime-Ini3eO9_.js";
+import { a as n } from "./programThemeGetters-C9Sw0RZq.js";
 //#region src/components/LogoComponent/LogoComponent.tsx
 var r = t(), i = ({ verificationService: t, fallbackLogo: i }) => {
 	let a = n(t.programTheme);

package/chunk/{LogoComponent-BaBfWuKr.js.map → LogoComponent-Do8K5ydz.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LogoComponent-BaBfWuKr.js","names":[],"sources":["../../src/components/LogoComponent/LogoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService } from \"../../lib/types/types\";\nimport { getLogoUrl } from \"../../lib/ProgramTheme/programThemeGetters\";\n\ninterface LogoProps {\n  verificationService: VerificationService;\n  fallbackLogo?: JSX.Element;\n}\n\nconst LogoComponent = ({ verificationService, fallbackLogo }: LogoProps) => {\n  const logoUrl = getLogoUrl(verificationService.programTheme);\n\n  if (logoUrl) {\n    return (\n      <div className=\"sid-logo sid-l-space-top-md\">\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <img className=\"sid-logo__img\" alt={`${companyName} logo`} src={logoUrl} />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    );\n  }\n\n  if (fallbackLogo) {\n    return fallbackLogo;\n  }\n\n  return null;\n};\n\nexport { LogoComponent };\n"],"mappings":";;;aAUM,KAAiB,EAAE,wBAAqB,sBAA8B;CAC1E,IAAM,IAAU,EAAW,EAAoB,YAAY;CAkB3D,OAhBI,IAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAc,gBAAe;cAClD,MACA,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAgB,KAAK,GAAG,EAAY;IAAQ,KAAK;GAAU,CAAA;EAExD,CAAA;CACnB,CAAA,IAIL,KAIG;AACT"}
+{"version":3,"file":"LogoComponent-Do8K5ydz.js","names":[],"sources":["../../src/components/LogoComponent/LogoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService } from \"../../lib/types/types\";\nimport { getLogoUrl } from \"../../lib/ProgramTheme/programThemeGetters\";\n\ninterface LogoProps {\n  verificationService: VerificationService;\n  fallbackLogo?: JSX.Element;\n}\n\nconst LogoComponent = ({ verificationService, fallbackLogo }: LogoProps) => {\n  const logoUrl = getLogoUrl(verificationService.programTheme);\n\n  if (logoUrl) {\n    return (\n      <div className=\"sid-logo sid-l-space-top-md\">\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <img className=\"sid-logo__img\" alt={`${companyName} logo`} src={logoUrl} />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    );\n  }\n\n  if (fallbackLogo) {\n    return fallbackLogo;\n  }\n\n  return null;\n};\n\nexport { LogoComponent };\n"],"mappings":";;;aAUM,KAAiB,EAAE,wBAAqB,sBAA8B;CAC1E,IAAM,IAAU,EAAW,EAAoB,YAAY;CAkB3D,OAhBI,IAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAc,gBAAe;cAClD,MACA,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAgB,KAAK,GAAG,EAAY;IAAQ,KAAK;GAAU,CAAA;EAExD,CAAA;CACnB,CAAA,IAIL,KAIG;AACT"}

package/chunk/{LogoComponent-DSoOQ1Uz.js → LogoComponent-Dx1G-rzE.js}

@@ -4,13 +4,13 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.276.0
- *   BUILD_TIMESTAMP: 1787688588835
- *   BUILD_DATE: Tue Aug 25 2026 20:09:48 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 2d25c43e9725e6fd856b82b1bdf08408dfb6a86b
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969605732
+ *   BUILD_DATE: Wed Sep 09 2026 16:00:05 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
  */
-import { n as e, t } from "./jsx-runtime-Bq9F3xvK.js";
-import { a as n } from "./programThemeGetters-D2JwF5p-.js";
+import { n as e, t } from "./jsx-runtime-LqzCS-0D.js";
+import { a as n } from "./programThemeGetters-uLsgGat1.js";
 //#region src/components/LogoComponent/LogoComponent.tsx
 var r = t(), i = ({ verificationService: t, fallbackLogo: i }) => {
 	let a = n(t.programTheme);

package/chunk/{LogoComponent-DSoOQ1Uz.js.map → LogoComponent-Dx1G-rzE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LogoComponent-DSoOQ1Uz.js","names":[],"sources":["../../src/components/LogoComponent/LogoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService } from \"../../lib/types/types\";\nimport { getLogoUrl } from \"../../lib/ProgramTheme/programThemeGetters\";\n\ninterface LogoProps {\n  verificationService: VerificationService;\n  fallbackLogo?: JSX.Element;\n}\n\nconst LogoComponent = ({ verificationService, fallbackLogo }: LogoProps) => {\n  const logoUrl = getLogoUrl(verificationService.programTheme);\n\n  if (logoUrl) {\n    return (\n      <div className=\"sid-logo sid-l-space-top-md\">\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <img className=\"sid-logo__img\" alt={`${companyName} logo`} src={logoUrl} />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    );\n  }\n\n  if (fallbackLogo) {\n    return fallbackLogo;\n  }\n\n  return null;\n};\n\nexport { LogoComponent };\n"],"mappings":";;;aAUM,KAAiB,EAAE,wBAAqB,sBAA8B;CAC1E,IAAM,IAAU,EAAW,EAAoB,YAAY;CAkB3D,OAhBI,IAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAc,gBAAe;cAClD,MACA,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAgB,KAAK,GAAG,EAAY;IAAQ,KAAK;GAAU,CAAA;EAExD,CAAA;CACnB,CAAA,IAIL,KAIG;AACT"}
+{"version":3,"file":"LogoComponent-Dx1G-rzE.js","names":[],"sources":["../../src/components/LogoComponent/LogoComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { type VerificationService } from \"../../lib/types/types\";\nimport { getLogoUrl } from \"../../lib/ProgramTheme/programThemeGetters\";\n\ninterface LogoProps {\n  verificationService: VerificationService;\n  fallbackLogo?: JSX.Element;\n}\n\nconst LogoComponent = ({ verificationService, fallbackLogo }: LogoProps) => {\n  const logoUrl = getLogoUrl(verificationService.programTheme);\n\n  if (logoUrl) {\n    return (\n      <div className=\"sid-logo sid-l-space-top-md\">\n        <FormattedHTMLMessage id=\"companyName\" defaultMessage=\"{Company}\">\n          {(companyName) => (\n            <img className=\"sid-logo__img\" alt={`${companyName} logo`} src={logoUrl} />\n          )}\n        </FormattedHTMLMessage>\n      </div>\n    );\n  }\n\n  if (fallbackLogo) {\n    return fallbackLogo;\n  }\n\n  return null;\n};\n\nexport { LogoComponent };\n"],"mappings":";;;aAUM,KAAiB,EAAE,wBAAqB,sBAA8B;CAC1E,IAAM,IAAU,EAAW,EAAoB,YAAY;CAkB3D,OAhBI,IAEA,iBAAA,GAAA,EAAA,KAAC,OAAD;EAAK,WAAU;YACb,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAc,gBAAe;cAClD,MACA,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAgB,KAAK,GAAG,EAAY;IAAQ,KAAK;GAAU,CAAA;EAExD,CAAA;CACnB,CAAA,IAIL,KAIG;AACT"}

package/chunk/LowIncomeOrganizationComponent-CZnbIM2h.js

@@ -0,0 +1,101 @@
+
+/**
+ *   VERSION: 2.278.0
+ *   BUILD_TIMESTAMP: 1788969597831
+ *   BUILD_DATE: Wed Sep 09 2026 15:59:57 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 8a89332fc253f0825b74dafece3ffed62b9fd070
+ */
+import { Bt as e, Wt as t, c as n } from "./options-pBCAJBwS.js";
+import { c as r, n as i, t as a } from "./jsx-runtime-Ini3eO9_.js";
+import { n as o } from "./Message-CSa2etjX.js";
+import { a as s } from "./VerificationApiClient-DOQLbKh3.js";
+import { c, f as l } from "./programThemeGetters-C9Sw0RZq.js";
+import { F as u } from "../sheerid.js";
+import { a as d, d as f } from "./stepComponentHelpers-DIHMDrmF.js";
+import { t as p } from "./FormFieldText-BbdrtNh_.js";
+import { t as m } from "./FormFieldInputSelect-ie6Vx1Bx.js";
+import { t as h } from "./FormFieldTypeahead-uKX8ZHqO.js";
+//#region src/components/FormFields/EBTCardNumber/EBTCardNumberComponent.tsx
+var g = a(), _ = ({ value: e, isErrored: t, onChange: n, placeholder: r = "", disabled: a = !1 }) => {
+	let { msg: s } = o();
+	return d("ebtCardNumber")?.hidden ? null : /* @__PURE__ */ (0, g.jsx)(p, {
+		fieldId: "ebtCardNumber",
+		value: e,
+		onChange: n,
+		placeholder: r || s({ id: "ebtCardNumber" }),
+		label: /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "ebtCardNumber",
+			defaultMessage: "EBT card Number"
+		}),
+		errorMessage: t && /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "errorId.invalidEBTCardNumber",
+			defaultMessage: "Invalid EBT Card Number"
+		}),
+		showPlaceholderAndHideLabel: !!r,
+		disabled: a
+	});
+}, v = /* @__PURE__ */ t(r(), 1), y = ({ value: t, isErrored: r, onChange: a, placeholder: p = "", isRequired: _ = !1, verificationService: y, disabled: b = !1 }) => {
+	let { msg: x } = o(), { viewModel: S, programTheme: C, fieldValidationErrors: w } = y;
+	if (!l(S)) return e.error("Expected low-income view model is malformed"), null;
+	let T = S.statuses[0] ? S.statuses[0] : void 0, [E, D] = v.useState();
+	v.useEffect(() => {
+		s(c(n(S, (e) => {
+			e.statuses = ["OTHER_GOVERNMENT_ASSISTANCE"];
+		}), C)).then((e) => {
+			if (e) {
+				let t = e;
+				S.countryChoice && (t = e.filter((e) => e.country === S.countryChoice.value)), D(t.map(f));
+			}
+		}).catch((t) => {
+			e.error(t);
+		});
+	}, []);
+	let O = (e, t) => {
+		t(e ? {
+			id: e.value,
+			name: e.label
+		} : {
+			id: 0,
+			name: ""
+		});
+	};
+	return d("organization")?.hidden ? null : T === "COMMUNITY_ELIGIBILITY_PROVISION" ? /* @__PURE__ */ (0, g.jsx)(h, {
+		fieldId: "cep-organization",
+		value: S.organization,
+		verificationService: y,
+		onChange: a,
+		placeholder: x({ id: "schoolNamePlaceholder" }),
+		label: /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "schoolName",
+			defaultMessage: "School name"
+		}),
+		errorMessage: !!w.organization && /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "errorId.invalidOrganization",
+			defaultMessage: "You must select an organization from the list"
+		}),
+		isRequired: T === "COMMUNITY_ELIGIBILITY_PROVISION",
+		disabled: b,
+		orgSearchUrl: c(y.viewModel, y.programTheme)
+	}) : E ? /* @__PURE__ */ (0, g.jsx)(m, {
+		fieldId: "low-income",
+		value: E.find((e) => e.value === (t && t.value)),
+		refId: "organization",
+		onChange: (e) => O(e, a),
+		placeholder: p || x({ id: "lowIncomeOrganizationPlaceholder" }),
+		label: /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "lowIncomeOrganization",
+			defaultMessage: "Government Assistance Program"
+		}),
+		errorMessage: r && /* @__PURE__ */ (0, g.jsx)(i, {
+			id: "errorId.invalidOrganization",
+			defaultMessage: "You must select an organization from the list"
+		}),
+		isRequired: _,
+		showPlaceholderAndHideLabel: !!p,
+		options: E,
+		containerId: "sid-low-income-id",
+		disabled: b
+	}) : /* @__PURE__ */ (0, g.jsx)(u, {});
+};
+//#endregion
+export { _ as n, y as t };

package/chunk/LowIncomeOrganizationComponent-CZnbIM2h.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LowIncomeOrganizationComponent-CZnbIM2h.js","names":[],"sources":["../../src/components/FormFields/EBTCardNumber/EBTCardNumberComponent.tsx","../../src/components/FormFields/LowIncomeOrganization/LowIncomeOrganizationComponent.tsx"],"sourcesContent":["import { FormattedHTMLMessage } from \"react-intl\";\n\nimport { getFieldConfigByFieldId } from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldText } from \"@/components/FormFields/FormFieldText/FormFieldText\";\nimport { type FormFieldComponentProps } from \"@/lib/types/types\";\n\nexport const EBTCardNumberComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const { msg } = useMessage();\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      // There is no default ebtCardNumberPlaceholder message, using field label instead.\n      placeholder={placeholder || msg({ id: \"ebtCardNumber\" })}\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","import React from \"react\";\nimport { FormattedHTMLMessage } from \"react-intl\";\nimport produce from \"immer\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\n\nimport { useMessage } from \"@/components/Message\";\nimport { FormFieldInputSelect } from \"@/components/FormFields/FormFieldInputSelect/FormFieldInputSelect\";\nimport { FormFieldTypeahead } from \"@/components/FormFields/FormFieldTypeahead/FormFieldTypeahead\";\nimport { LoadingSpinnerComponent } from \"@/components/LoadingSpinner/LoadingSpinnerComponent\";\nimport { isLowIncomeVM } from \"@/components/StepLowIncomePersonalInfo/lowIncomeTypes\";\nimport {\n  type FormSelectChoice,\n  type FormFieldComponentProps,\n  type LowIncomePersonalInfoViewModel,\n  type Organization,\n} from \"@/lib/types/types\";\nimport { getOrgSearchUrl } from \"@/lib/ProgramTheme/programThemeGetters\";\nimport { fetchOrganization } from \"@/lib/ServerApi/OrganizationApiClient\";\nimport {\n  getFieldConfigByFieldId,\n  orgToOption,\n} from \"@/lib/utils/stepComponentHelpers/stepComponentHelpers\";\n\nexport const LowIncomeOrganizationComponent = ({\n  value,\n  isErrored,\n  onChange,\n  placeholder = \"\",\n  isRequired = false,\n  verificationService,\n  disabled = false,\n}: FormFieldComponentProps) => {\n  const { msg } = useMessage();\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={msg({ id: \"schoolNamePlaceholder\" })}\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={placeholder || msg({ id: \"lowIncomeOrganizationPlaceholder\" })}\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"],"mappings":";;;;;;;;;;;aAQa,KAA0B,EACrC,UACA,cACA,aACA,iBAAc,IACd,cAAW,SACkB;CAC7B,IAAM,EAAE,WAAQ,EAAW;CAO3B,OANsB,EAAwB,eAAe,GAAG,SAGvD,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACD;EACG;EAEV,aAAa,KAAe,EAAI,EAAE,IAAI,gBAAgB,CAAC;EACvD,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAsB,IAAG;GAAgB,gBAAe;EAAmB,CAAA;EAClF,cACE,KACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,IAAG;GACH,gBAAe;EAChB,CAAA;EAGL,6BAA6B,CAAC,CAAC;EACrB;CACX,CAAA;AAEL,kCClBa,KAAkC,EAC7C,UACA,cACA,aACA,iBAAc,IACd,gBAAa,IACb,wBACA,cAAW,SACkB;CAC7B,IAAM,EAAE,WAAQ,EAAW,GACrB,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;CAmCA,OAjCsB,EAAwB,cAAc,GAAG,SAGtD,OAGL,MAAmB,oCAEnB,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,SAAQ;EACR,OAAO,EAAU;EACI;EACX;EACV,aAAa,EAAI,EAAE,IAAI,wBAAwB,CAAC;EAChD,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,aAAa,KAAe,EAAI,EAAE,IAAI,mCAAmC,CAAC;EAC1E,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"}