@sheerid/jslib 2.304.0 → 2.305.0

package/chunk/{FormFieldInputSelect-Cb6lHKHg.js.map → FormFieldInputSelect-CnGM7mg4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInputSelect-Cb6lHKHg.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"FormFieldInputSelect-CnGM7mg4.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}

package/chunk/{FormFieldInputSelect-e0N6kc8Y.js → FormFieldInputSelect-d-hHVoQQ.js}

@@ -4,15 +4,15 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519358011
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { t as e } from "./jsx-runtime-DtApx7WX.js";
 import { t } from "./strings-DWLVdUcm.js";
 import { t as n } from "./FormFieldLayout-Dt_dMiDh.js";
-import { r, t as i } from "./FormSelectChoice-CE1QacNH.js";
+import { r, t as i } from "./FormSelectChoice-CbCgCvkh.js";
 //#region src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx
 var a = e(), o = ({ fieldId: e = void 0, value: o, onChange: s, placeholder: c, label: l, errorMessage: u, showPlaceholderAndHideLabel: d = !1, isRequired: f = !0, isLoading: p = !1, disabled: m = !1, explanation: h = "", autoFocus: g, options: _, containerId: v = void 0, onKeyDown: y, refId: b = "status", suppressPlaceholder: x = !0 }) => {
 	let S = `sid-${t(e)}`, C = `sid-${t(e)}-error`;

package/chunk/{FormFieldInputSelect-e0N6kc8Y.js.map → FormFieldInputSelect-d-hHVoQQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormFieldInputSelect-e0N6kc8Y.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"FormFieldInputSelect-d-hHVoQQ.js","names":[],"sources":["../../src/components/FormFields/FormFieldInputSelect/FormFieldInputSelect.tsx"],"sourcesContent":["import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FormFieldLayout } from \"../FormFieldLayout/FormFieldLayout\";\nimport {\n  InputSelectComponent,\n  type InputSelectProps,\n} from \"../../FormInputs/InputSelect/InputSelectComponent\";\nimport { SortByLabel } from \"../../../lib/utils/structures/FormSelectChoice\";\n\n// Extend InputSelectProps to pass along things like required, onKeyUp, etc.\n// Omit errorId, isErrored, etc because those are handled within this component\nexport interface FormFieldInputSelectComponentProps extends Omit<\n  InputSelectProps,\n  \"inputHtmlId\" | \"id\" | \"errorId\" | \"isErrored\"\n> {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode; // Label is always required for screen readers\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  explanation?: string | JSX.Element;\n  containerId?: string;\n  refId?: string;\n  isLoading?: boolean;\n}\n\n/**\n * Generic input select field component.\n * In the JSLIB, a field has a label, inline error message, and an input of some kind.\n */\n\nexport const FormFieldInputSelect = ({\n  fieldId = undefined,\n  value,\n  onChange,\n  placeholder,\n  label,\n  errorMessage,\n  showPlaceholderAndHideLabel = false,\n  isRequired = true,\n  isLoading = false,\n  disabled = false,\n  explanation = \"\",\n  autoFocus,\n  options,\n  containerId = undefined,\n  onKeyDown,\n  refId = \"status\",\n  suppressPlaceholder = true,\n}: FormFieldInputSelectComponentProps) => {\n  const labelHtmlId = `sid-${dashed(fieldId)}`;\n  const errorHtmlId = `sid-${dashed(fieldId)}-error`;\n  return (\n    <FormFieldLayout\n      fieldId={fieldId}\n      label={label}\n      errorMessage={errorMessage}\n      showPlaceholderAndHideLabel={showPlaceholderAndHideLabel}\n      isRequired={isRequired}\n      explanation={explanation}\n      containerId={containerId}\n    >\n      <InputSelectComponent\n        autoFocus={autoFocus}\n        fieldId={refId}\n        inputId={labelHtmlId}\n        fieldLabelId={`${labelHtmlId}-label`}\n        suppressPlaceholder={suppressPlaceholder}\n        isErrored={!!errorMessage}\n        options={SortByLabel(options)}\n        onChange={onChange}\n        value={options.find((option) => option.value === (value && value.value))}\n        placeholder={placeholder}\n        isRequired={isRequired}\n        isLoading={isLoading}\n        disabled={disabled}\n        ariaDescribedBy={errorMessage ? errorHtmlId : undefined}\n        onKeyDown={onKeyDown}\n      />\n    </FormFieldLayout>\n  );\n};\n"],"mappings":";;;;;aA+Ba,KAAwB,EACnC,aAAU,KAAA,GACV,UACA,aACA,gBACA,UACA,iBACA,iCAA8B,IAC9B,gBAAa,IACb,eAAY,IACZ,cAAW,IACX,iBAAc,IACd,cACA,YACA,iBAAc,KAAA,GACd,cACA,WAAQ,UACR,yBAAsB,SACkB;CACxC,IAAM,IAAc,OAAO,EAAO,CAAO,KACnC,IAAc,OAAO,EAAO,CAAO,EAAE;CAC3C,OACE,iBAAA,GAAA,EAAA,KAAC,GAAD;EACW;EACF;EACO;EACe;EACjB;EACC;EACA;YAEb,iBAAA,GAAA,EAAA,KAAC,GAAD;GACa;GACX,SAAS;GACT,SAAS;GACT,cAAc,GAAG,EAAY;GACR;GACrB,WAAW,CAAC,CAAC;GACb,SAAS,EAAY,CAAO;GAClB;GACV,OAAO,EAAQ,MAAM,MAAW,EAAO,WAAW,KAAS,EAAM,MAAM;GAC1D;GACD;GACD;GACD;GACV,iBAAiB,IAAe,IAAc,KAAA;GACnC;EACZ,CAAA;CACc,CAAA;AAErB"}

package/chunk/FormFieldLayout-D1tb5nAu.js

@@ -1,9 +1,9 @@
 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519352235
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:32 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { kt as e } from "./options-DsRV5fwh.js";
 import { s as t, t as n } from "./jsx-runtime-DQO6A867.js";

package/chunk/FormFieldLayout-Dt_dMiDh.js

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519358011
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { kt as e } from "./intl-DYOqmiaL.js";
 import { s as t, t as n } from "./jsx-runtime-DtApx7WX.js";

package/chunk/FormFieldText-BU2NBm1H.js

@@ -4,10 +4,10 @@
  *   This file is not intended for use in other contexts and there are no guarantees about its behavior outside of MySheerID.
  */ 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172954317
- *   BUILD_DATE: Fri Oct 16 2026 17:49:14 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519358011
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:38 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { t as e } from "./jsx-runtime-DtApx7WX.js";
 import { t } from "./strings-DWLVdUcm.js";

package/chunk/FormFieldText-CsFISbyw.js

@@ -1,9 +1,9 @@
 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519352235
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:32 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { t as e } from "./jsx-runtime-DQO6A867.js";
 import { t } from "./strings-DWLVdUcm.js";

package/chunk/{FormFieldTypeahead-QR_lJrFB.js → FormFieldTypeahead-DQe-u8ke.js}

@@ -1,24 +1,24 @@
 
 /**
- *   VERSION: 2.304.0
- *   BUILD_TIMESTAMP: 1792172949182
- *   BUILD_DATE: Fri Oct 16 2026 17:49:09 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: 14bb12a3aac5dfbe3f216ca64aa66bee70d284c3
+ *   VERSION: 2.305.0
+ *   BUILD_TIMESTAMP: 1792519352235
+ *   BUILD_DATE: Tue Oct 20 2026 18:02:32 GMT+0000 (Coordinated Universal Time)
+ *   BUILD_COMMIT: 27e0d8fcdd6d90b110f6af92bdd6cde6129f1879
  */
 import { Dt as e, L as t, T as n, at as r, d as i, dt as a, g as o, ht as s, kt as c, n as l, u } from "./options-DsRV5fwh.js";
 import { n as d, s as f, t as p } from "./jsx-runtime-DQO6A867.js";
-import { b as m, n as h, r as g } from "./Message-BcRlg1D8.js";
+import { n as m, r as h, x as g } from "./Message-D2z1-4t7.js";
 import { S as _ } from "./runtimeTypes-B2AGNJMT.js";
-import { t as v } from "./hooks-Bqhz6E9V.js";
+import { t as v } from "./hooks-HrcXcUYn.js";
 import { o as y } from "./refs-Mq0rtW9K.js";
 import { t as b } from "./strings-DWLVdUcm.js";
-import { C as x, D as S, E as C, F as w, O as T, S as E, T as D, _ as O, b as k, c as A, d as j, f as M, g as N, h as P, i as ee, l as F, m as I, p as L, u as R, v as z, w as B, x as V, y as H } from "../sheerid.js";
-import { p as U } from "./stepComponentHelpers-BElircEH.js";
+import { C as x, D as S, E as C, F as w, O as T, S as E, T as D, _ as O, b as k, c as A, d as j, f as M, g as N, h as P, i as F, l as I, m as ee, p as L, u as R, v as z, w as B, x as V, y as H } from "../sheerid.js";
+import { p as U } from "./stepComponentHelpers-D8vgCSY7.js";
 import { n as te, t as ne } from "./FormFieldLayout-D1tb5nAu.js";
-import { t as re } from "./downshift.esm-D0Q-rG8L.js";
+import { t as re } from "./downshift.esm-W4ZpLUFm.js";
 import { t as ie } from "./clsx-CB5rauS5.js";
-import { a as W, o as ae } from "./useMetrics-XHSibxjX.js";
-import { t as oe } from "./countryUtils-CniUDXes.js";
+import { a as W, o as ae } from "./useMetrics-CKV-Of-2.js";
+import { t as oe } from "./countryUtils-BdYD9O0C.js";
 //#region ../packages/org-search/src/SearchOverlay/context.ts
 var G = /* @__PURE__ */ c(f(), 1), se = (0, G.createContext)({
 	showOverlay: !1,
@@ -241,7 +241,7 @@ var we = "rovingFocusGroup.onEntryFocus", Te = {
 }));
 Ne.displayName = q;
 var Pe = G.forwardRef((e, t) => {
-	let { __scopeRovingFocusGroup: n, orientation: r, loop: i = !1, dir: a, currentTabStopId: o, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: c, onEntryFocus: l, preventScrollOnEntryFocus: u = !1, ...d } = e, f = G.useRef(null), p = S(t, f), m = Ce(a), [h, g] = F({
+	let { __scopeRovingFocusGroup: n, orientation: r, loop: i = !1, dir: a, currentTabStopId: o, defaultCurrentTabStopId: s, onCurrentTabStopIdChange: c, onEntryFocus: l, preventScrollOnEntryFocus: u = !1, ...d } = e, f = G.useRef(null), p = S(t, f), m = Ce(a), [h, g] = I({
 		prop: o,
 		defaultProp: s ?? null,
 		onChange: c,
@@ -378,12 +378,12 @@ var He = Ne, Ue = Ie, We = ["Enter", " "], Ge = [
 }, Ye = {
 	ltr: ["ArrowLeft"],
 	rtl: ["ArrowRight"]
-}, J = "Menu", [Xe, Ze, Qe] = xe(J), [Y, $e] = D(J, [
-	Qe,
+}, J = "Menu", [Y, Xe, Ze] = xe(J), [X, Qe] = D(J, [
+	Ze,
 	N,
 	Ae
-]), X = N(), et = Ae(), [tt, Z] = Y(J), [nt, rt] = Y(J), it = (e) => {
-	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = X(t), [c, l] = G.useState(null), u = G.useRef(!1), d = V(a), f = Ce(i);
+]), $e = N(), et = Ae(), [tt, Z] = X(J), [nt, rt] = X(J), it = (e) => {
+	let { __scopeMenu: t, open: n = !1, children: r, dir: i, onOpenChange: a, modal: o = !0 } = e, s = $e(t), [c, l] = G.useState(null), u = G.useRef(!1), d = V(a), f = Ce(i);
 	return G.useEffect(() => {
 		let e = () => {
 			u.current = !0, document.addEventListener("pointerdown", t, {
@@ -418,7 +418,7 @@ var He = Ne, Ue = Ie, We = ["Enter", " "], Ge = [
 };
 it.displayName = J;
 var at = "MenuAnchor", ot = G.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e, i = X(n);
+	let { __scopeMenu: n, ...r } = e, i = $e(n);
 	return /* @__PURE__ */ (0, K.jsx)(M, {
 		...i,
 		...r,
@@ -426,7 +426,7 @@ var at = "MenuAnchor", ot = G.forwardRef((e, t) => {
 	});
 });
 ot.displayName = at;
-var st = "MenuPortal", [ct, lt] = Y(st, { forceMount: void 0 }), ut = (e) => {
+var st = "MenuPortal", [ct, lt] = X(st, { forceMount: void 0 }), ut = (e) => {
 	let { __scopeMenu: t, forceMount: n, children: r, container: i } = e, a = Z(st, t);
 	return /* @__PURE__ */ (0, K.jsx)(ct, {
 		scope: t,
@@ -442,13 +442,13 @@ var st = "MenuPortal", [ct, lt] = Y(st, { forceMount: void 0 }), ut = (e) => {
 	});
 };
 ut.displayName = st;
-var Q = "MenuContent", [dt, ft] = Y(Q), pt = G.forwardRef((e, t) => {
+var Q = "MenuContent", [dt, ft] = X(Q), pt = G.forwardRef((e, t) => {
 	let n = lt(Q, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = Z(Q, e.__scopeMenu), o = rt(Q, e.__scopeMenu);
-	return /* @__PURE__ */ (0, K.jsx)(Xe.Provider, {
+	return /* @__PURE__ */ (0, K.jsx)(Y.Provider, {
 		scope: e.__scopeMenu,
 		children: /* @__PURE__ */ (0, K.jsx)(R, {
 			present: r || a.open,
-			children: /* @__PURE__ */ (0, K.jsx)(Xe.Slot, {
+			children: /* @__PURE__ */ (0, K.jsx)(Y.Slot, {
 				scope: e.__scopeMenu,
 				children: o.modal ? /* @__PURE__ */ (0, K.jsx)(mt, {
 					...i,
@@ -485,7 +485,7 @@ var Q = "MenuContent", [dt, ft] = Y(Q), pt = G.forwardRef((e, t) => {
 		onDismiss: () => n.onOpenChange(!1)
 	});
 }), gt = B("MenuContent.ScrollLock"), _t = G.forwardRef((e, t) => {
-	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: p, disableOutsideScroll: m, ...h } = e, g = Z(Q, n), _ = rt(Q, n), v = X(n), y = et(n), b = Ze(n), [x, C] = G.useState(null), w = G.useRef(null), E = S(t, w, g.onContentChange), D = G.useRef(0), O = G.useRef(""), A = G.useRef(0), j = G.useRef(null), M = G.useRef("right"), N = G.useRef(0), P = m ? ee : G.Fragment, F = m ? {
+	let { __scopeMenu: n, loop: r = !1, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, disableOutsidePointerEvents: s, onEntryFocus: c, onEscapeKeyDown: l, onPointerDownOutside: u, onFocusOutside: d, onInteractOutside: f, onDismiss: p, disableOutsideScroll: m, ...h } = e, g = Z(Q, n), _ = rt(Q, n), v = $e(n), y = et(n), b = Xe(n), [x, C] = G.useState(null), w = G.useRef(null), E = S(t, w, g.onContentChange), D = G.useRef(0), O = G.useRef(""), A = G.useRef(0), j = G.useRef(null), M = G.useRef("right"), N = G.useRef(0), P = m ? F : G.Fragment, I = m ? {
 		as: gt,
 		allowPinchZoom: !0
 	} : void 0, L = (e) => {
@@ -513,7 +513,7 @@ var Q = "MenuContent", [dt, ft] = Y(Q), pt = G.forwardRef((e, t) => {
 			j.current = e;
 		}, []),
 		children: /* @__PURE__ */ (0, K.jsx)(P, {
-			...F,
+			...I,
 			children: /* @__PURE__ */ (0, K.jsx)(z, {
 				asChild: !0,
 				trapped: i,
@@ -541,7 +541,7 @@ var Q = "MenuContent", [dt, ft] = Y(Q), pt = G.forwardRef((e, t) => {
 							_.isUsingKeyboardRef.current || e.preventDefault();
 						}),
 						preventScrollOnEntryFocus: !0,
-						children: /* @__PURE__ */ (0, K.jsx)(I, {
+						children: /* @__PURE__ */ (0, K.jsx)(ee, {
 							role: "menu",
 							"aria-orientation": "vertical",
 							"data-state": Xt(g.open),
@@ -629,7 +629,7 @@ var Tt = G.forwardRef((e, t) => {
 	return G.useEffect(() => {
 		let e = c.current;
 		e && p((e.textContent ?? "").trim());
-	}, [a.children]), /* @__PURE__ */ (0, K.jsx)(Xe.ItemSlot, {
+	}, [a.children]), /* @__PURE__ */ (0, K.jsx)(Y.ItemSlot, {
 		scope: n,
 		disabled: r,
 		textValue: i ?? f,
@@ -669,7 +669,7 @@ var Tt = G.forwardRef((e, t) => {
 	});
 });
 Dt.displayName = Et;
-var Ot = "MenuRadioGroup", [kt, At] = Y(Ot, {
+var Ot = "MenuRadioGroup", [kt, At] = X(Ot, {
 	value: void 0,
 	onValueChange: () => {}
 }), jt = G.forwardRef((e, t) => {
@@ -701,7 +701,7 @@ var Mt = "MenuRadioItem", Nt = G.forwardRef((e, t) => {
 	});
 });
 Nt.displayName = Mt;
-var Pt = "MenuItemIndicator", [Ft, It] = Y(Pt, { checked: !1 }), Lt = G.forwardRef((e, t) => {
+var Pt = "MenuItemIndicator", [Ft, It] = X(Pt, { checked: !1 }), Lt = G.forwardRef((e, t) => {
 	let { __scopeMenu: n, forceMount: r, ...i } = e, a = It(Pt, n);
 	return /* @__PURE__ */ (0, K.jsx)(R, {
 		present: r || Zt(a.checked) || a.checked === !0,
@@ -724,7 +724,7 @@ var Rt = "MenuSeparator", zt = G.forwardRef((e, t) => {
 });
 zt.displayName = Rt;
 var Bt = "MenuArrow", Vt = G.forwardRef((e, t) => {
-	let { __scopeMenu: n, ...r } = e, i = X(n);
+	let { __scopeMenu: n, ...r } = e, i = $e(n);
 	return /* @__PURE__ */ (0, K.jsx)(L, {
 		...i,
 		...r,
@@ -732,8 +732,8 @@ var Bt = "MenuArrow", Vt = G.forwardRef((e, t) => {
 	});
 });
 Vt.displayName = Bt;
-var Ht = "MenuSub", [Ut, Wt] = Y(Ht), Gt = (e) => {
-	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = Z(Ht, t), o = X(t), [s, c] = G.useState(null), [l, u] = G.useState(null), d = V(i);
+var Ht = "MenuSub", [Ut, Wt] = X(Ht), Gt = (e) => {
+	let { __scopeMenu: t, children: n, open: r = !1, onOpenChange: i } = e, a = Z(Ht, t), o = $e(t), [s, c] = G.useState(null), [l, u] = G.useState(null), d = V(i);
 	return G.useEffect(() => (a.open === !1 && d(!1), () => d(!1)), [a.open, d]), /* @__PURE__ */ (0, K.jsx)(P, {
 		...o,
 		children: /* @__PURE__ */ (0, K.jsx)(tt, {
@@ -827,11 +827,11 @@ var Kt = "MenuSubTrigger", qt = G.forwardRef((e, t) => {
 qt.displayName = Kt;
 var Jt = "MenuSubContent", Yt = G.forwardRef((e, t) => {
 	let n = lt(Q, e.__scopeMenu), { forceMount: r = n.forceMount, ...i } = e, a = Z(Q, e.__scopeMenu), o = rt(Q, e.__scopeMenu), s = Wt(Jt, e.__scopeMenu), c = G.useRef(null), l = S(t, c);
-	return /* @__PURE__ */ (0, K.jsx)(Xe.Provider, {
+	return /* @__PURE__ */ (0, K.jsx)(Y.Provider, {
 		scope: e.__scopeMenu,
 		children: /* @__PURE__ */ (0, K.jsx)(R, {
 			present: r || a.open,
-			children: /* @__PURE__ */ (0, K.jsx)(Xe.Slot, {
+			children: /* @__PURE__ */ (0, K.jsx)(Y.Slot, {
 				scope: e.__scopeMenu,
 				children: /* @__PURE__ */ (0, K.jsx)(_t, {
 					id: s.contentId,
@@ -902,8 +902,8 @@ function rn(e, t) {
 function an(e) {
 	return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var on = it, sn = ot, cn = ut, ln = pt, un = yt, dn = xt, fn = wt, pn = Dt, mn = jt, hn = Nt, gn = Lt, _n = zt, vn = Vt, yn = qt, bn = Yt, xn = "DropdownMenu", [Sn, Cn] = D(xn, [$e]), $ = $e(), [wn, Tn] = Sn(xn), En = (e) => {
-	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = $(t), l = G.useRef(null), [u, d] = F({
+var on = it, sn = ot, cn = ut, ln = pt, un = yt, dn = xt, fn = wt, pn = Dt, mn = jt, hn = Nt, gn = Lt, _n = zt, vn = Vt, yn = qt, bn = Yt, xn = "DropdownMenu", [Sn, Cn] = D(xn, [Qe]), $ = Qe(), [wn, Tn] = Sn(xn), En = (e) => {
+	let { __scopeDropdownMenu: t, children: n, dir: r, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = $(t), l = G.useRef(null), [u, d] = I({
 		prop: i,
 		defaultProp: a ?? !1,
 		onChange: o,
@@ -1254,7 +1254,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 					defaultMessage: "Try typing the full name of the academic institution rather than using acronyms or abbreviations."
 				})]
 			})]
-		}), /* @__PURE__ */ (0, K.jsx)(g, {
+		}), /* @__PURE__ */ (0, K.jsx)(h, {
 			onClick: a,
 			className: "sid-organization-list__item sid-organization-list__request-school sid-link",
 			href: `${e}?pid=${n}&locale=${r}`,
@@ -1263,7 +1263,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 				defaultMessage: "Don't see your school? Request to have it added"
 			})
 		})]
-	}) : /* @__PURE__ */ (0, K.jsx)(g, {
+	}) : /* @__PURE__ */ (0, K.jsx)(h, {
 		onClick: () => {
 			o({
 				eventName: i.ASR_TIPS_SHOWN,
@@ -1294,7 +1294,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 	} catch (e) {
 		_.error(e);
 	}
-}, _r = ({ getItemProps: e, getMenuProps: t, highlightedIndex: n, itemToString: r, minimumSearchValueLength: a, onLoaded: s, programId: c, orgSearchUrl: l, locale: u, urlAddSchoolForm: f, openOrgSearchEnabled: p, onClickAddSchool: h, onTipsShown: g, searchUrlParams: v, searchValue: y }) => {
+}, _r = ({ getItemProps: e, getMenuProps: t, highlightedIndex: n, itemToString: r, minimumSearchValueLength: a, onLoaded: s, programId: c, orgSearchUrl: l, locale: u, urlAddSchoolForm: f, openOrgSearchEnabled: p, onClickAddSchool: m, onTipsShown: h, searchUrlParams: v, searchValue: y }) => {
 	let [b, x] = (0, G.useState)(!1), [S, C] = (0, G.useState)(null), [T, E] = (0, G.useState)(null), D = (0, G.useRef)(!1), O = (0, G.useRef)(null), k = ue(), A = (0, G.useRef)({
 		orgSearchUrl: l,
 		searchValue: y,
@@ -1317,7 +1317,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 			lat: String(s.userLocation.latitude),
 			long: String(s.userLocation.longitude)
 		});
-		let c = Date.now(), l = await m(gr(e, t, a));
+		let c = Date.now(), l = await g(gr(e, t, a));
 		if (D.current) {
 			l && (r(l), C(l), x(!1));
 			try {
@@ -1341,13 +1341,13 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 		let e = O.current;
 		e !== M && (M.length >= a ? (E(null), x(!0), C(null), P.current && P.current()) : (E(null), x(!1), C(null), e === null ? M.length > 0 && _.info(`No organizations fetched. Search searchTerm "${M}" is less than ${a} characters.`) : _.info(`No organizations fetched. Search searchTterm "${M}" is less than ${a} characters.`))), O.current = M;
 	}, [M, a]);
-	let ee = k?.sortMode, F = k?.userLocation?.latitude, I = k?.userLocation?.longitude;
+	let F = k?.sortMode, I = k?.userLocation?.latitude, ee = k?.userLocation?.longitude;
 	(0, G.useEffect)(() => {
 		M.length >= a && (E(null), x(!0), C(null), P.current?.());
 	}, [
-		ee,
 		F,
 		I,
+		ee,
 		M,
 		a
 	]);
@@ -1380,8 +1380,8 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 		itemToString: r,
 		organizations: S,
 		children: M && !p && f && (!S || S.length < 26) && /* @__PURE__ */ (0, K.jsx)(pr, {
-			onClick: h,
-			onTipsShown: g,
+			onClick: m,
+			onTipsShown: h,
 			urlAddSchoolForm: f,
 			programId: c,
 			locale: u
@@ -1389,8 +1389,8 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 	})] }) : M && !p && f && (!S || S.length === 0) ? /* @__PURE__ */ (0, K.jsx)("div", {
 		className: "sid-organization-list__menu",
 		children: /* @__PURE__ */ (0, K.jsx)(pr, {
-			onClick: h,
-			onTipsShown: g,
+			onClick: m,
+			onTipsShown: h,
 			urlAddSchoolForm: f,
 			programId: c,
 			locale: u
@@ -1427,8 +1427,8 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 			d: "M6 18L18 6M6 6l12 12"
 		})
 	})
-}), br = ({ onChange: e, programId: t, className: n, countryCode: r, disabled: a, minimumSearchValueLength: c, placeholder: l, value: d, inputHtmlId: f, openOrgSearchEnabled: p, orgSearchUrl: m, isRequired: g, locale: b, urlAddSchoolForm: x, isErrored: S, ariaDescribedBy: C, autoFocus: w = !1, onBlur: T = () => {} }) => {
-	let { msg: E } = h(), [D, O] = (0, G.useState)(d ? d.name : ""), [k, A] = (0, G.useState)([]), j = (0, G.useRef)(0), M = (0, G.useRef)(0), N = (0, G.useRef)(!1), P = (0, G.useRef)(!1), [ee, F] = (0, G.useState)(!1), [I, L] = (0, G.useState)(!1), { recordNumericMetric: R, trackEvent: z } = ae({ programId: t }), B = v("org-search-overlay") === "overlay", { showOverlay: V, setShowOverlay: H } = ce();
+}), br = ({ onChange: e, programId: t, className: n, countryCode: r, disabled: a, minimumSearchValueLength: c, placeholder: l, value: d, inputHtmlId: f, openOrgSearchEnabled: p, orgSearchUrl: h, isRequired: g, locale: b, urlAddSchoolForm: x, isErrored: S, ariaDescribedBy: C, autoFocus: w = !1, onBlur: T = () => {} }) => {
+	let { msg: E } = m(), [D, O] = (0, G.useState)(d ? d.name : ""), [k, A] = (0, G.useState)([]), j = (0, G.useRef)(0), M = (0, G.useRef)(0), N = (0, G.useRef)(!1), P = (0, G.useRef)(!1), [F, I] = (0, G.useState)(!1), [ee, L] = (0, G.useState)(!1), { recordNumericMetric: R, trackEvent: z } = ae({ programId: t }), B = v("org-search-overlay") === "overlay", { showOverlay: V, setShowOverlay: H } = ce();
 	s(e);
 	let U = (e) => e ? e.name : "", { isOpen: te, highlightedIndex: ne, getMenuProps: oe, getItemProps: se, getInputProps: le } = re({
 		itemToString: U,
@@ -1507,9 +1507,9 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 		y("organization", pe.current);
 	});
 	let me = (e) => {
-		F(!0), e.currentTarget.value ? (L(!1), H(!0)) : L(!0);
+		I(!0), e.currentTarget.value ? (L(!1), H(!0)) : L(!0);
 	}, he = (e) => {
-		e.relatedTarget?.id !== `${f}-clear-button` && (F(!1), T());
+		e.relatedTarget?.id !== `${f}-clear-button` && (I(!1), T());
 	}, ge = (t) => {
 		(t.type === "mousedown" || "key" in t && t.key === "Enter") && (O(""), e({
 			id: void 0,
@@ -1561,9 +1561,9 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 					}
 				})]
 			}),
-			ee && !V ? /* @__PURE__ */ (0, K.jsx)(yr, {
+			F && !V ? /* @__PURE__ */ (0, K.jsx)(yr, {
 				id: `${f}-clear-button`,
-				disabled: I,
+				disabled: ee,
 				onMouseDown: ge,
 				onKeyDown: ge,
 				handleOnBlur: he
@@ -1579,7 +1579,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 					minimumSearchValueLength: c,
 					onLoaded: (e) => A(e),
 					programId: t,
-					orgSearchUrl: m,
+					orgSearchUrl: h,
 					locale: b,
 					urlAddSchoolForm: x,
 					onClickAddSchool: ue,
@@ -1590,17 +1590,17 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 			})
 		]
 	});
-}, xr = (e) => U(() => e.id) === 0 && U(() => e.name, "").length > 0, Sr = (e, t) => U(() => e.openOrgSearchEnabled) && xr(t.organization), Cr = ({ fieldId: e, value: t, verificationService: r, onChange: i, placeholder: o, label: s, errorMessage: c, warningMessage: u, helperMessage: f, showPlaceholderAndHideLabel: p = !1, isRequired: m = !0, explanation: g = "", orgSearchUrl: _, urlAddSchoolForm: y, disabled: x = !1 }) => {
-	let { msg: S } = h(), C = `sid-${b(e)}`, w = `sid-${b(e)}-error`, T = `sid-${b(e)}-warning`, { programId: E, programTheme: D, verificationResponse: O, viewModel: k } = r, A = a(() => k.countryChoice.value), j = oe(D, A), M = n(k, O), [N, P] = (0, G.useState)(!1), ee = v("org-search-overlay") === "overlay", F = ee || v("org-selected-display") === "box-display", I = v("hc-open-org-warning") === "warning-orange", L = v("hc-open-org-warning") === "warning-gray", R = I || L, [z, B] = (0, G.useState)(!1), V = a(() => D.openOrgSearchEnabled), H = () => {
+}, xr = (e) => U(() => e.id) === 0 && U(() => e.name, "").length > 0, Sr = (e, t) => U(() => e.openOrgSearchEnabled) && xr(t.organization), Cr = ({ fieldId: e, value: t, verificationService: r, onChange: i, placeholder: o, label: s, errorMessage: c, warningMessage: u, helperMessage: f, showPlaceholderAndHideLabel: p = !1, isRequired: h = !0, explanation: g = "", orgSearchUrl: _, urlAddSchoolForm: y, disabled: x = !1 }) => {
+	let { msg: S } = m(), C = `sid-${b(e)}`, w = `sid-${b(e)}-error`, T = `sid-${b(e)}-warning`, { programId: E, programTheme: D, verificationResponse: O, viewModel: k } = r, A = a(() => k.countryChoice.value), j = oe(D, A), M = n(k, O), [N, P] = (0, G.useState)(!1), F = v("org-search-overlay") === "overlay", I = F || v("org-selected-display") === "box-display", ee = v("hc-open-org-warning") === "warning-orange", L = v("hc-open-org-warning") === "warning-gray", R = ee || L, [z, B] = (0, G.useState)(!1), V = a(() => D.openOrgSearchEnabled), H = () => {
 		V && xr(t) ? B(!0) : B(!1);
 	}, U = (e) => {
 		z && B(!1), i(e);
 	}, re = z && R && /* @__PURE__ */ (0, K.jsx)(d, {
 		id: "warningId.openOrganization",
 		defaultMessage: "We couldn't find a match for that name in our database. Please double-check the spelling, if it's correct, feel free to continue!"
-	}), ie = u || I && re, W = f || L && re;
+	}), ie = u || ee && re, W = f || L && re;
 	return /* @__PURE__ */ (0, K.jsx)(me, {
-		enabled: ee,
+		enabled: F,
 		closeSectionLabel: /* @__PURE__ */ (0, K.jsx)(d, {
 			id: "closeSection",
 			defaultMessage: "Close Section"
@@ -1612,13 +1612,13 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 			warningMessage: ie,
 			helperMessage: W,
 			showPlaceholderAndHideLabel: p,
-			isRequired: m || j,
+			isRequired: h || j,
 			explanation: j ? /* @__PURE__ */ (0, K.jsx)(d, {
 				id: "chooseCountry",
 				defaultMessage: "Choose a country before searching"
 			}) : g,
 			containerId: `${C}-id`,
-			children: F && t.id ? /* @__PURE__ */ (0, K.jsx)(he, {
+			children: I && t.id ? /* @__PURE__ */ (0, K.jsx)(he, {
 				org: t,
 				onClear: () => {
 					U(void 0), P(!0);
@@ -1639,7 +1639,7 @@ var or = /*#__PURE__*/ G.forwardRef(ar), sr = ({ sortByRelevanceLabel: e, sortBy
 				locale: M,
 				orgSearchUrl: _ || a(() => D.config.orgSearchUrl),
 				urlAddSchoolForm: y,
-				isRequired: m,
+				isRequired: h,
 				isErrored: !!c,
 				ariaDescribedBy: (() => {
 					if (c) return w;