@sheerid/jslib 2.274.0 → 2.276.0

package/chunk/CountryComponentWrapper-C1CD8ZAg.js

@@ -1,74 +0,0 @@
-
-/**
- *   VERSION: 2.274.0
- *   BUILD_TIMESTAMP: 1787094663644
- *   BUILD_DATE: Tue Aug 18 2026 23:11:03 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: f159388091b6a2928e80ee1b0cbd31d037de5a6c
- */
-import { Jt as e, Wt as t, c as n, lt as r } from "./options-BK6Zk2Oe.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-lVLuHIkM.js";
-import { n as c } from "./empties-COfIPxJ5.js";
-import { u as l } from "./hooks-PN48cX8E.js";
-import { C as u, S as d, f, u as p, v as m } from "./stepComponentHelpers-Darhp1Nn.js";
-import { t as h } from "./FormFieldInputSelect-Cio6GCQa.js";
-//#region src/components/FormFields/Country/CountryComponent.tsx
-var g = /* @__PURE__ */ e(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, options: n, onChange: r, onKeyDown: i, intl: a, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => /* @__PURE__ */ (0, _.jsx)(h, {
-	fieldId: "country",
-	options: n,
-	onChange: (e) => r(e),
-	onKeyDown: i,
-	placeholder: s || a.formatHTMLMessage({
-		id: "countryPlaceholder",
-		defaultMessage: "Country"
-	}),
-	value: n.find((t) => t.value === (e && e.value)),
-	isRequired: c,
-	label: /* @__PURE__ */ (0, _.jsx)(o, {
-		id: "country",
-		defaultMessage: "Country"
-	}),
-	errorMessage: t && /* @__PURE__ */ (0, _.jsx)(o, {
-		id: "errorId.invalidCountry",
-		defaultMessage: "Invalid country"
-	}),
-	showPlaceholderAndHideLabel: !!s,
-	suppressPlaceholder: l,
-	disabled: u
-})), y = i(({ verificationService: e, viewModelDraftDecorator: i = void 0, intl: a, viewModel: o = void 0, nextFocusField: s = void 0, disabled: h = !1 }) => {
-	o && t.warn("viewModel prop is deprecated, use verificationService.viewModel instead"), s && t.warn("nextFocusField prop is deprecated");
-	let y = r(() => o.localeChoice.value, "en-US"), b = f(e.programTheme, a, y), { fieldValidationErrors: x } = e, S = b.length > 1, C = p("country")?.hidden, w = (t) => {
-		let r = n(e.viewModel, (e) => {
-			e.countryChoice = t || void 0, e.country = t ? t.value : void 0, i && i(e, t), e.organization &&= c.organization;
-		});
-		e.updateViewModel(r);
-	};
-	return g.useEffect(() => {
-		let t = b.some((e) => e.value === "US");
-		if (!S && !t) {
-			let t = e.viewModel.fieldsToSkipValidation ? [...e.viewModel.fieldsToSkipValidation, "country"] : [
-				"country",
-				"address1",
-				"postalCode",
-				"state",
-				"city"
-			];
-			e.updateViewModel(m(e.viewModel, "fieldsToSkipValidation", t));
-		}
-	}, [S]), g.useEffect(() => {
-		d(n(e.fieldValidationErrors, (t) => {
-			t.country &&= l("country", e.viewModel.countryChoice, e.formValidationOptions), "postalCode" in e.viewModel && e.viewModel.postalCode && (t.postalCode = l("postalCode", e.viewModel.postalCode, e.formValidationOptions));
-		}), e);
-	}, [e.viewModel.countryChoice]), !S || C ? null : /* @__PURE__ */ (0, _.jsx)(v, {
-		isRequired: !0,
-		options: b,
-		value: e.viewModel.countryChoice,
-		isErrored: !!x.country,
-		disabled: h,
-		onChange: async (t) => {
-			let n = t ? t.value : void 0;
-			w(t), u("country", n, e);
-		}
-	});
-});
-//#endregion
-export { y as t };

package/chunk/CountryComponentWrapper-C1CD8ZAg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountryComponentWrapper-C1CD8ZAg.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n  value,\n  isErrored,\n  options,\n  onChange,\n  onKeyDown,\n  intl,\n  placeholder = \"\",\n  isRequired = true,\n  suppressPlaceholder = false,\n  disabled = false,\n}: InputSelectComponentProps) => {\n  const inputId = \"country\";\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(country: FormSelectChoice) => onChange(country)}\n      onKeyDown={onKeyDown}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n      }\n      value={options.find((option) => option.value === (value && value.value))}\n      isRequired={isRequired}\n      label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      suppressPlaceholder={suppressPlaceholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type VerificationService,\n  type Country,\n  type FormSelectChoice,\n  type ViewModel,\n  type ErrorId,\n  type FieldId,\n  type WithOrganization,\n} from \"../../../lib/types/types\";\nimport {\n  getSortedCountryChoices,\n  updateFieldValidationErrorsByFieldId,\n  produceDraftViewModel,\n  updateFieldValidationErrors,\n  getFieldConfigByFieldId,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"../../../lib/validators/validators\";\nimport { blankOrganization } from \"../../../lib/types/empties\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n  verificationService: VerificationService;\n  intl: InjectedIntl;\n  viewModelDraftDecorator?: (\n    draft: ViewModel,\n    countryChoice?: FormSelectChoice<Country, string>,\n  ) => void;\n  disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n  viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n  nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n  verificationService,\n  viewModelDraftDecorator = undefined,\n  intl,\n  viewModel = undefined,\n  nextFocusField = undefined,\n  disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n  if (viewModel) {\n    logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n  }\n  if (nextFocusField) {\n    logger.warn(\"nextFocusField prop is deprecated\");\n  }\n  const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n  const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n    verificationService.programTheme,\n    intl,\n    locale,\n  );\n  const { fieldValidationErrors } = verificationService;\n  const hasMultipleCountries = countryChoices.length > 1;\n  const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n  const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n    const nextState: ViewModel = produce(\n      verificationService.viewModel,\n      (draft: ViewModel & WithOrganization) => {\n        draft.countryChoice = countryChoice || undefined;\n\n        // Adds backwards compatibility with Age and Employment programs\n        (draft as any).country = countryChoice ? countryChoice.value : undefined;\n        if (viewModelDraftDecorator) {\n          viewModelDraftDecorator(draft, countryChoice);\n        }\n\n        // Reset to a blank org when changing the country choice\n        if (draft.organization) {\n          draft.organization = blankOrganization.organization;\n        }\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n    if (!hasMultipleCountries && !includesUS) {\n      const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n        ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n        : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n      verificationService.updateViewModel(\n        produceDraftViewModel(\n          verificationService.viewModel,\n          \"fieldsToSkipValidation\",\n          fieldsToSkip,\n        ),\n      );\n    }\n  }, [hasMultipleCountries]);\n\n  React.useEffect(() => {\n    const updatedFieldValidationErrors = produce(\n      verificationService.fieldValidationErrors,\n      (draft) => {\n        if (draft.country) {\n          draft.country = validateFieldById(\n            \"country\",\n            verificationService.viewModel.countryChoice,\n            verificationService.formValidationOptions,\n          ) as ErrorId;\n        }\n        if (\n          \"postalCode\" in verificationService.viewModel &&\n          verificationService.viewModel.postalCode\n        ) {\n          draft.postalCode = validateFieldById(\n            \"postalCode\",\n            verificationService.viewModel.postalCode,\n            verificationService.formValidationOptions,\n          ) as ErrorId;\n        }\n      },\n    );\n    updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n  }, [verificationService.viewModel.countryChoice]);\n\n  if (!hasMultipleCountries || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <CountryComponent\n      isRequired\n      options={countryChoices}\n      value={verificationService.viewModel.countryChoice}\n      isErrored={Boolean(fieldValidationErrors.country)}\n      disabled={disabled}\n      onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n        const countryValue = countryChoice ? countryChoice.value : undefined;\n        updateCountryChoice(countryChoice);\n        updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n      }}\n    />\n  );\n};\n\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL,CAE6E"}

package/chunk/CountryComponentWrapper-DeOnkeWj.js

@@ -1,78 +0,0 @@
-
-/**
- *   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.274.0
- *   BUILD_TIMESTAMP: 1787094668046
- *   BUILD_DATE: Tue Aug 18 2026 23:11:08 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: f159388091b6a2928e80ee1b0cbd31d037de5a6c
- */
-import { Ht as e, Jt as t, Wt as n, p as r } from "./intl-TN1Dianl.js";
-import { a as i, c as a, n as o, t as s } from "./jsx-runtime-QRCZ6ZTK.js";
-import { n as c } from "./empties-DctbDY5s.js";
-import { u as l } from "./hooks-DLtMDttz.js";
-import { C as u, S as d, f, u as p, v as m } from "./stepComponentHelpers-DeWac6nj.js";
-import { t as h } from "./FormFieldInputSelect-BF_uqQju.js";
-//#region src/components/FormFields/Country/CountryComponent.tsx
-var g = /* @__PURE__ */ t(a(), 1), _ = s(), v = i(({ value: e, isErrored: t, options: n, onChange: r, onKeyDown: i, intl: a, placeholder: s = "", isRequired: c = !0, suppressPlaceholder: l = !1, disabled: u = !1 }) => /* @__PURE__ */ (0, _.jsx)(h, {
-	fieldId: "country",
-	options: n,
-	onChange: (e) => r(e),
-	onKeyDown: i,
-	placeholder: s || a.formatHTMLMessage({
-		id: "countryPlaceholder",
-		defaultMessage: "Country"
-	}),
-	value: n.find((t) => t.value === (e && e.value)),
-	isRequired: c,
-	label: /* @__PURE__ */ (0, _.jsx)(o, {
-		id: "country",
-		defaultMessage: "Country"
-	}),
-	errorMessage: t && /* @__PURE__ */ (0, _.jsx)(o, {
-		id: "errorId.invalidCountry",
-		defaultMessage: "Invalid country"
-	}),
-	showPlaceholderAndHideLabel: !!s,
-	suppressPlaceholder: l,
-	disabled: u
-})), y = i(({ verificationService: t, viewModelDraftDecorator: i = void 0, intl: a, viewModel: o = void 0, nextFocusField: s = void 0, disabled: h = !1 }) => {
-	o && n.warn("viewModel prop is deprecated, use verificationService.viewModel instead"), s && n.warn("nextFocusField prop is deprecated");
-	let y = e(() => o.localeChoice.value, "en-US"), b = f(t.programTheme, a, y), { fieldValidationErrors: x } = t, S = b.length > 1, C = p("country")?.hidden, w = (e) => {
-		let n = r(t.viewModel, (t) => {
-			t.countryChoice = e || void 0, t.country = e ? e.value : void 0, i && i(t, e), t.organization &&= c.organization;
-		});
-		t.updateViewModel(n);
-	};
-	return g.useEffect(() => {
-		let e = b.some((e) => e.value === "US");
-		if (!S && !e) {
-			let e = t.viewModel.fieldsToSkipValidation ? [...t.viewModel.fieldsToSkipValidation, "country"] : [
-				"country",
-				"address1",
-				"postalCode",
-				"state",
-				"city"
-			];
-			t.updateViewModel(m(t.viewModel, "fieldsToSkipValidation", e));
-		}
-	}, [S]), g.useEffect(() => {
-		d(r(t.fieldValidationErrors, (e) => {
-			e.country &&= l("country", t.viewModel.countryChoice, t.formValidationOptions), "postalCode" in t.viewModel && t.viewModel.postalCode && (e.postalCode = l("postalCode", t.viewModel.postalCode, t.formValidationOptions));
-		}), t);
-	}, [t.viewModel.countryChoice]), !S || C ? null : /* @__PURE__ */ (0, _.jsx)(v, {
-		isRequired: !0,
-		options: b,
-		value: t.viewModel.countryChoice,
-		isErrored: !!x.country,
-		disabled: h,
-		onChange: async (e) => {
-			let n = e ? e.value : void 0;
-			w(e), u("country", n, t);
-		}
-	});
-});
-//#endregion
-export { y as t };

package/chunk/CountryComponentWrapper-DeOnkeWj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CountryComponentWrapper-DeOnkeWj.js","names":[],"sources":["../../src/components/FormFields/Country/CountryComponent.tsx","../../src/components/FormFields/Country/CountryComponentWrapper.tsx"],"sourcesContent":["import { FormattedHTMLMessage, injectIntl } from \"react-intl\";\n\nimport { type FormSelectChoice, type InputSelectComponentProps } from \"../../../lib/types/types\";\nimport { FormFieldInputSelect } from \"../FormFieldInputSelect/FormFieldInputSelect\";\n\nexport const Country = ({\n  value,\n  isErrored,\n  options,\n  onChange,\n  onKeyDown,\n  intl,\n  placeholder = \"\",\n  isRequired = true,\n  suppressPlaceholder = false,\n  disabled = false,\n}: InputSelectComponentProps) => {\n  const inputId = \"country\";\n  return (\n    <FormFieldInputSelect\n      fieldId={inputId}\n      options={options}\n      onChange={(country: FormSelectChoice) => onChange(country)}\n      onKeyDown={onKeyDown}\n      placeholder={\n        placeholder ||\n        intl.formatHTMLMessage({ id: \"countryPlaceholder\", defaultMessage: \"Country\" })\n      }\n      value={options.find((option) => option.value === (value && value.value))}\n      isRequired={isRequired}\n      label={<FormattedHTMLMessage id=\"country\" defaultMessage=\"Country\" />}\n      errorMessage={\n        isErrored && (\n          <FormattedHTMLMessage id=\"errorId.invalidCountry\" defaultMessage=\"Invalid country\" />\n        )\n      }\n      showPlaceholderAndHideLabel={!!placeholder}\n      suppressPlaceholder={suppressPlaceholder}\n      disabled={disabled}\n    />\n  );\n};\n\nexport const CountryComponent = injectIntl(Country);\n","import React from \"react\";\nimport produce from \"immer\";\nimport { type InjectedIntl, injectIntl } from \"react-intl\";\n\nimport { logger } from \"@jslib/shared/utils/logger\";\nimport { getSafe } from \"@jslib/shared/utils/getSafe\";\n\nimport {\n  type VerificationService,\n  type Country,\n  type FormSelectChoice,\n  type ViewModel,\n  type ErrorId,\n  type FieldId,\n  type WithOrganization,\n} from \"../../../lib/types/types\";\nimport {\n  getSortedCountryChoices,\n  updateFieldValidationErrorsByFieldId,\n  produceDraftViewModel,\n  updateFieldValidationErrors,\n  getFieldConfigByFieldId,\n} from \"../../../lib/utils/stepComponentHelpers/stepComponentHelpers\";\nimport { validateFieldById } from \"../../../lib/validators/validators\";\nimport { blankOrganization } from \"../../../lib/types/empties\";\n\nimport { CountryComponent } from \"./CountryComponent\";\n\ntype CountryComponentWrapperProps = {\n  verificationService: VerificationService;\n  intl: InjectedIntl;\n  viewModelDraftDecorator?: (\n    draft: ViewModel,\n    countryChoice?: FormSelectChoice<Country, string>,\n  ) => void;\n  disabled?: boolean;\n};\n\ntype DeprecatedProps = {\n  viewModel?: ViewModel; // deprecated, uses verificationService.viewModel instead\n  nextFocusField?: string; // deprecated\n};\n\nconst BaseCountryComponentWrapper = ({\n  verificationService,\n  viewModelDraftDecorator = undefined,\n  intl,\n  viewModel = undefined,\n  nextFocusField = undefined,\n  disabled = false,\n}: CountryComponentWrapperProps & DeprecatedProps) => {\n  if (viewModel) {\n    logger.warn(\"viewModel prop is deprecated, use verificationService.viewModel instead\");\n  }\n  if (nextFocusField) {\n    logger.warn(\"nextFocusField prop is deprecated\");\n  }\n  const locale = getSafe(() => viewModel.localeChoice.value, \"en-US\");\n  const countryChoices: FormSelectChoice<Country, string>[] = getSortedCountryChoices(\n    verificationService.programTheme,\n    intl,\n    locale,\n  );\n  const { fieldValidationErrors } = verificationService;\n  const hasMultipleCountries = countryChoices.length > 1;\n  const isFieldHidden = getFieldConfigByFieldId(\"country\")?.hidden;\n\n  const updateCountryChoice = (countryChoice?: FormSelectChoice<Country, string>) => {\n    const nextState: ViewModel = produce(\n      verificationService.viewModel,\n      (draft: ViewModel & WithOrganization) => {\n        draft.countryChoice = countryChoice || undefined;\n\n        // Adds backwards compatibility with Age and Employment programs\n        (draft as any).country = countryChoice ? countryChoice.value : undefined;\n        if (viewModelDraftDecorator) {\n          viewModelDraftDecorator(draft, countryChoice);\n        }\n\n        // Reset to a blank org when changing the country choice\n        if (draft.organization) {\n          draft.organization = blankOrganization.organization;\n        }\n      },\n    );\n    verificationService.updateViewModel(nextState);\n  };\n\n  React.useEffect(() => {\n    const includesUS = countryChoices.some((choice) => choice.value === \"US\");\n    if (!hasMultipleCountries && !includesUS) {\n      const fieldsToSkip: FieldId[] = verificationService.viewModel.fieldsToSkipValidation\n        ? [...verificationService.viewModel.fieldsToSkipValidation, \"country\"]\n        : [\"country\", \"address1\", \"postalCode\", \"state\", \"city\"];\n      verificationService.updateViewModel(\n        produceDraftViewModel(\n          verificationService.viewModel,\n          \"fieldsToSkipValidation\",\n          fieldsToSkip,\n        ),\n      );\n    }\n  }, [hasMultipleCountries]);\n\n  React.useEffect(() => {\n    const updatedFieldValidationErrors = produce(\n      verificationService.fieldValidationErrors,\n      (draft) => {\n        if (draft.country) {\n          draft.country = validateFieldById(\n            \"country\",\n            verificationService.viewModel.countryChoice,\n            verificationService.formValidationOptions,\n          ) as ErrorId;\n        }\n        if (\n          \"postalCode\" in verificationService.viewModel &&\n          verificationService.viewModel.postalCode\n        ) {\n          draft.postalCode = validateFieldById(\n            \"postalCode\",\n            verificationService.viewModel.postalCode,\n            verificationService.formValidationOptions,\n          ) as ErrorId;\n        }\n      },\n    );\n    updateFieldValidationErrors(updatedFieldValidationErrors, verificationService);\n  }, [verificationService.viewModel.countryChoice]);\n\n  if (!hasMultipleCountries || isFieldHidden) {\n    return null;\n  }\n\n  return (\n    <CountryComponent\n      isRequired\n      options={countryChoices}\n      value={verificationService.viewModel.countryChoice}\n      isErrored={Boolean(fieldValidationErrors.country)}\n      disabled={disabled}\n      onChange={async (countryChoice: FormSelectChoice<Country, string>) => {\n        const countryValue = countryChoice ? countryChoice.value : undefined;\n        updateCountryChoice(countryChoice);\n        updateFieldValidationErrorsByFieldId(\"country\", countryValue, verificationService);\n      }}\n    />\n  );\n};\n\nexport const CountryComponentWrapper = injectIntl(BaseCountryComponentWrapper);\n"],"mappings":";;;;;;;4CA2CA,IAAA,GAtCA,EAAA,UAAA,cAAA,YAAA,aAAA,cAAA,SAAA,iBAAA,IAAA,gBAAA,IAAA,yBAAA,IAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;EAsCA,GC2Ga,IAA0B,GA3GF,EACnC,wBACA,6BAA0B,KAAA,GAC1B,SACA,eAAY,KAAA,GACZ,oBAAiB,KAAA,GACjB,cAAW,SACyC;CAIpD,AAHI,KACF,EAAO,KAAK,yEAAyE,GAEnF,KACF,EAAO,KAAK,mCAAmC;CAEjD,IAAM,IAAS,QAAc,EAAU,aAAa,OAAO,OAAO,GAC5D,IAAsD,EAC1D,EAAoB,cACpB,GACA,CACF,GACM,EAAE,6BAA0B,GAC5B,IAAuB,EAAe,SAAS,GAC/C,IAAgB,EAAwB,SAAS,GAAG,QAEpD,KAAuB,MAAsD;EACjF,IAAM,IAAuB,EAC3B,EAAoB,YACnB,MAAwC;GAUvC,AATA,EAAM,gBAAgB,KAAiB,KAAA,GAGvC,EAAe,UAAU,IAAgB,EAAc,QAAQ,KAAA,GAC3D,KACF,EAAwB,GAAO,CAAa,GAI9C,AACE,EAAM,iBAAe,EAAkB;EAE3C,CACF;EACA,EAAoB,gBAAgB,CAAS;CAC/C;CAgDA,OA9CA,EAAM,gBAAgB;EACpB,IAAM,IAAa,EAAe,MAAM,MAAW,EAAO,UAAU,IAAI;EACxE,IAAI,CAAC,KAAwB,CAAC,GAAY;GACxC,IAAM,IAA0B,EAAoB,UAAU,yBAC1D,CAAC,GAAG,EAAoB,UAAU,wBAAwB,SAAS,IACnE;IAAC;IAAW;IAAY;IAAc;IAAS;GAAM;GACzD,EAAoB,gBAClB,EACE,EAAoB,WACpB,0BACA,CACF,CACF;EACF;CACF,GAAG,CAAC,CAAoB,CAAC,GAEzB,EAAM,gBAAgB;EAuBpB,EAtBqC,EACnC,EAAoB,wBACnB,MAAU;GAQT,AAPA,AACE,EAAM,YAAU,EACd,WACA,EAAoB,UAAU,eAC9B,EAAoB,qBACtB,GAGA,gBAAgB,EAAoB,aACpC,EAAoB,UAAU,eAE9B,EAAM,aAAa,EACjB,cACA,EAAoB,UAAU,YAC9B,EAAoB,qBACtB;EAEJ,CAE0B,GAA8B,CAAmB;CAC/E,GAAG,CAAC,EAAoB,UAAU,aAAa,CAAC,GAE5C,CAAC,KAAwB,IACpB,OAIP,iBAAA,GAAA,EAAA,KAAC,GAAD;EACE,YAAA;EACA,SAAS;EACT,OAAO,EAAoB,UAAU;EACrC,WAAW,EAAQ,EAAsB;EAC/B;EACV,UAAU,OAAO,MAAqD;GACpE,IAAM,IAAe,IAAgB,EAAc,QAAQ,KAAA;GAE3D,AADA,EAAoB,CAAa,GACjC,EAAqC,WAAW,GAAc,CAAmB;EACnF;CACD,CAAA;AAEL,CAE6E"}

package/chunk/FormFieldLayout-BPBIL09f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldLayout-BPBIL09f.js","names":[],"sources":["../../src/components/FieldLabel.tsx","../../src/components/FormFields/FormFieldLayout/WarningIcon.tsx","../../src/components/FormFields/FormFieldLayout/FormFieldLayout.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface FieldLabelProps {\n  text: React.ReactNode;\n  htmlForLabel: string;\n  id?: string;\n  displayClasses?: string;\n  isRequired?: boolean;\n  children?: React.ReactNode;\n}\nconst isEmptyText = (allegedNode: React.ReactNode) =>\n  !React.isValidElement(allegedNode) && allegedNode === \"\";\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  text,\n  htmlForLabel,\n  id,\n  displayClasses,\n  isRequired,\n  children,\n}: FieldLabelProps) => (\n  <label htmlFor={htmlForLabel}>\n    <div id={id} className={`sid-field__label sid-l-space-btm-sm ${displayClasses}`}>\n      <span className=\"sid-field__label-name\">\n        {text}\n        {isRequired && !isEmptyText(text) && (\n          <span aria-hidden=\"true\" className=\"sid-field__label--required\">\n            *\n          </span>\n        )}\n      </span>\n\n      {children && <div className=\"sid-field__label-explanation\">{children}</div>}\n    </div>\n  </label>\n);\n\nFieldLabel.defaultProps = {\n  id: \"\",\n  displayClasses: \"\",\n  isRequired: true,\n  children: null,\n};\n","import type React from \"react\";\n\nexport interface WarningIconProps {\n  className?: string;\n}\nexport const WarningIcon: React.FC<WarningIconProps> = ({ className }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    className={className}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FieldLabel } from \"../../FieldLabel\";\n\nimport { WarningIcon } from \"./WarningIcon\";\n\nexport interface FormFieldLayoutProps {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode;\n  isRequired: boolean;\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  warningMessage?: React.ReactNode;\n  helperMessage?: React.ReactNode;\n  children?: React.ReactNode;\n  explanation?: React.ReactNode;\n  containerId?: string;\n}\n\nexport const getFormFieldLabelHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-label`;\nexport const getFormFieldErrorHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-error`;\nexport const getFormFieldWarningHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-warning`;\nexport const getFormFieldHelperHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-helper`;\n\n/**\n * In the JSLIB, a FormField has a label, inline error message, and children like a text input\n * This component provides consistent structure, classnames and some accessibility considerations for all FormFields\n */\nexport const FormFieldLayout = ({\n  fieldId,\n  label,\n  errorMessage,\n  warningMessage,\n  helperMessage,\n  isRequired,\n  showPlaceholderAndHideLabel = false,\n  children,\n  explanation = undefined,\n  containerId = undefined,\n}: FormFieldLayoutProps) => {\n  const labelHtmlId = getFormFieldLabelHtmlId(fieldId);\n  const errorHtmlId = getFormFieldErrorHtmlId(fieldId);\n  const warningHtmlId = getFormFieldWarningHtmlId(fieldId);\n  const helperHtmlId = getFormFieldHelperHtmlId(fieldId);\n  const containerClassName = containerId || `sid-${dashed(fieldId)}`;\n\n  return (\n    <div className={`sid-field ${containerClassName}`}>\n      <div className=\"sid-l-space-top-md\" />\n\n      <FieldLabel\n        text={label}\n        isRequired={isRequired}\n        htmlForLabel={`sid-${dashed(fieldId)}`}\n        id={labelHtmlId}\n        displayClasses={`${explanation ? \"sid-field__label-with-explanation\" : \"\"}${\n          explanation && showPlaceholderAndHideLabel ? \" \" : \"\"\n        }${showPlaceholderAndHideLabel ? \"sid-h-screen-reader-only\" : \"\"}`}\n      >\n        {explanation && explanation}\n      </FieldLabel>\n\n      {children}\n\n      {errorMessage && (\n        <div className=\"sid-field-error\" id={errorHtmlId}>\n          {errorMessage}\n        </div>\n      )}\n\n      {!errorMessage && warningMessage && (\n        <div className=\"sid-field-warning\" id={warningHtmlId}>\n          <WarningIcon className=\"sid-field-warning__icon\" />\n          <div className=\"sid-field-warning__message\">{warningMessage}</div>\n        </div>\n      )}\n\n      {!errorMessage && !warningMessage && helperMessage && (\n        <div className=\"sid-field-helper\" id={helperHtmlId}>\n          {helperMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;4CAUM,KAAe,MACnB,CAAA,EAAO,eAAe,CAAW,KAAK,MAAgB,IAE3C,KAAyC,EACpD,SACA,iBACA,OACA,mBACA,eACA,kBAEA,iBAAA,GAAA,EAAA,KAAC,SAAD;CAAO,SAAS;WACd,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAS;EAAI,WAAW,uCAAuC;YAA/D,CACE,iBAAA,GAAA,EAAA,MAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GACA,KAAc,CAAC,EAAY,CAAI,KAC9B,iBAAA,GAAA,EAAA,KAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAA6B;GAE1D,CAAA,CAEJ;MAEL,KAAY,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;GAAgC;EAAc,CAAA,CACvE;;AACA,CAAA;AAGT,EAAW,eAAe;CACxB,IAAI;CACJ,gBAAgB;CAChB,YAAY;CACZ,UAAU;AACZ;;;ACrCA,IAAa,KAA2C,EAAE,mBACxD,iBAAA,GAAA,EAAA,KAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACM;WAEX,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,UAAS;EACT,GAAE;EACF,UAAS;CACV,CAAA;AACE,CAAA,GCGM,KAA2B,MAAoB,OAAO,EAAO,CAAO,EAAE,SACtE,KAA2B,MAAoB,OAAO,EAAO,CAAO,EAAE,SACtE,KAA6B,MAAoB,OAAO,EAAO,CAAO,EAAE,WACxE,KAA4B,MAAoB,OAAO,EAAO,CAAO,EAAE,UAMvE,KAAmB,EAC9B,YACA,UACA,iBACA,mBACA,kBACA,eACA,iCAA8B,IAC9B,aACA,iBAAc,KAAA,GACd,iBAAc,KAAA,QACY;CAC1B,IAAM,IAAc,EAAwB,CAAO,GAC7C,IAAc,EAAwB,CAAO,GAC7C,IAAgB,EAA0B,CAAO,GACjD,IAAe,EAAyB,CAAO;CAGrD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,aAHS,KAAe,OAAO,EAAO,CAAO;YAG7D;GACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA;GAErC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM;IACM;IACZ,cAAc,OAAO,EAAO,CAAO;IACnC,IAAI;IACJ,gBAAgB,GAAG,IAAc,sCAAsC,KACrE,KAAe,IAA8B,MAAM,KAClD,IAA8B,6BAA6B;cAE7D,KAAe;GACN,CAAA;GAEX;GAEA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAkB,IAAI;cAClC;GACE,CAAA;GAGN,CAAC,KAAgB,KAChB,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;IAAoB,IAAI;cAAvC,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,GAClD,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eAA8B;IAAoB,CAAA,CAC9D;;GAGN,CAAC,KAAgB,CAAC,KAAkB,KACnC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAmB,IAAI;cACnC;GACE,CAAA;EAEJ;;AAET"}

package/chunk/FormFieldLayout-CuxYu2-h.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldLayout-CuxYu2-h.js","names":[],"sources":["../../src/components/FieldLabel.tsx","../../src/components/FormFields/FormFieldLayout/WarningIcon.tsx","../../src/components/FormFields/FormFieldLayout/FormFieldLayout.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface FieldLabelProps {\n  text: React.ReactNode;\n  htmlForLabel: string;\n  id?: string;\n  displayClasses?: string;\n  isRequired?: boolean;\n  children?: React.ReactNode;\n}\nconst isEmptyText = (allegedNode: React.ReactNode) =>\n  !React.isValidElement(allegedNode) && allegedNode === \"\";\n\nexport const FieldLabel: React.FC<FieldLabelProps> = ({\n  text,\n  htmlForLabel,\n  id,\n  displayClasses,\n  isRequired,\n  children,\n}: FieldLabelProps) => (\n  <label htmlFor={htmlForLabel}>\n    <div id={id} className={`sid-field__label sid-l-space-btm-sm ${displayClasses}`}>\n      <span className=\"sid-field__label-name\">\n        {text}\n        {isRequired && !isEmptyText(text) && (\n          <span aria-hidden=\"true\" className=\"sid-field__label--required\">\n            *\n          </span>\n        )}\n      </span>\n\n      {children && <div className=\"sid-field__label-explanation\">{children}</div>}\n    </div>\n  </label>\n);\n\nFieldLabel.defaultProps = {\n  id: \"\",\n  displayClasses: \"\",\n  isRequired: true,\n  children: null,\n};\n","import type React from \"react\";\n\nexport interface WarningIconProps {\n  className?: string;\n}\nexport const WarningIcon: React.FC<WarningIconProps> = ({ className }) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    className={className}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003ZM12 8.25a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-1.5 0V9a.75.75 0 0 1 .75-.75Zm0 8.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\n","import type React from \"react\";\n\nimport { dashed } from \"../../../lib/utils/strings\";\nimport { FieldLabel } from \"../../FieldLabel\";\n\nimport { WarningIcon } from \"./WarningIcon\";\n\nexport interface FormFieldLayoutProps {\n  fieldId: string; // should be camelCase\n  label: React.ReactNode;\n  isRequired: boolean;\n  showPlaceholderAndHideLabel?: boolean;\n  errorMessage?: React.ReactNode;\n  warningMessage?: React.ReactNode;\n  helperMessage?: React.ReactNode;\n  children?: React.ReactNode;\n  explanation?: React.ReactNode;\n  containerId?: string;\n}\n\nexport const getFormFieldLabelHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-label`;\nexport const getFormFieldErrorHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-error`;\nexport const getFormFieldWarningHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-warning`;\nexport const getFormFieldHelperHtmlId = (fieldId: string) => `sid-${dashed(fieldId)}-helper`;\n\n/**\n * In the JSLIB, a FormField has a label, inline error message, and children like a text input\n * This component provides consistent structure, classnames and some accessibility considerations for all FormFields\n */\nexport const FormFieldLayout = ({\n  fieldId,\n  label,\n  errorMessage,\n  warningMessage,\n  helperMessage,\n  isRequired,\n  showPlaceholderAndHideLabel = false,\n  children,\n  explanation = undefined,\n  containerId = undefined,\n}: FormFieldLayoutProps) => {\n  const labelHtmlId = getFormFieldLabelHtmlId(fieldId);\n  const errorHtmlId = getFormFieldErrorHtmlId(fieldId);\n  const warningHtmlId = getFormFieldWarningHtmlId(fieldId);\n  const helperHtmlId = getFormFieldHelperHtmlId(fieldId);\n  const containerClassName = containerId || `sid-${dashed(fieldId)}`;\n\n  return (\n    <div className={`sid-field ${containerClassName}`}>\n      <div className=\"sid-l-space-top-md\" />\n\n      <FieldLabel\n        text={label}\n        isRequired={isRequired}\n        htmlForLabel={`sid-${dashed(fieldId)}`}\n        id={labelHtmlId}\n        displayClasses={`${explanation ? \"sid-field__label-with-explanation\" : \"\"}${\n          explanation && showPlaceholderAndHideLabel ? \" \" : \"\"\n        }${showPlaceholderAndHideLabel ? \"sid-h-screen-reader-only\" : \"\"}`}\n      >\n        {explanation && explanation}\n      </FieldLabel>\n\n      {children}\n\n      {errorMessage && (\n        <div className=\"sid-field-error\" id={errorHtmlId}>\n          {errorMessage}\n        </div>\n      )}\n\n      {!errorMessage && warningMessage && (\n        <div className=\"sid-field-warning\" id={warningHtmlId}>\n          <WarningIcon className=\"sid-field-warning__icon\" />\n          <div className=\"sid-field-warning__message\">{warningMessage}</div>\n        </div>\n      )}\n\n      {!errorMessage && !warningMessage && helperMessage && (\n        <div className=\"sid-field-helper\" id={helperHtmlId}>\n          {helperMessage}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;4CAUM,KAAe,MACnB,CAAA,EAAO,eAAe,CAAW,KAAK,MAAgB,IAE3C,KAAyC,EACpD,SACA,iBACA,OACA,mBACA,eACA,kBAEA,iBAAA,GAAA,EAAA,KAAC,SAAD;CAAO,SAAS;WACd,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAS;EAAI,WAAW,uCAAuC;YAA/D,CACE,iBAAA,GAAA,EAAA,MAAC,QAAD;GAAM,WAAU;aAAhB,CACG,GACA,KAAc,CAAC,EAAY,CAAI,KAC9B,iBAAA,GAAA,EAAA,KAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAA6B;GAE1D,CAAA,CAEJ;MAEL,KAAY,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;GAAgC;EAAc,CAAA,CACvE;;AACA,CAAA;AAGT,EAAW,eAAe;CACxB,IAAI;CACJ,gBAAgB;CAChB,YAAY;CACZ,UAAU;AACZ;;;ACrCA,IAAa,KAA2C,EAAE,mBACxD,iBAAA,GAAA,EAAA,KAAC,OAAD;CACE,OAAM;CACN,SAAQ;CACR,MAAK;CACM;WAEX,iBAAA,GAAA,EAAA,KAAC,QAAD;EACE,UAAS;EACT,GAAE;EACF,UAAS;CACV,CAAA;AACE,CAAA,GCGM,KAA2B,MAAoB,OAAO,EAAO,CAAO,EAAE,SACtE,KAA2B,MAAoB,OAAO,EAAO,CAAO,EAAE,SACtE,KAA6B,MAAoB,OAAO,EAAO,CAAO,EAAE,WACxE,KAA4B,MAAoB,OAAO,EAAO,CAAO,EAAE,UAMvE,KAAmB,EAC9B,YACA,UACA,iBACA,mBACA,kBACA,eACA,iCAA8B,IAC9B,aACA,iBAAc,KAAA,GACd,iBAAc,KAAA,QACY;CAC1B,IAAM,IAAc,EAAwB,CAAO,GAC7C,IAAc,EAAwB,CAAO,GAC7C,IAAgB,EAA0B,CAAO,GACjD,IAAe,EAAyB,CAAO;CAGrD,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EAAK,WAAW,aAHS,KAAe,OAAO,EAAO,CAAO;YAG7D;GACE,iBAAA,GAAA,EAAA,KAAC,OAAD,EAAK,WAAU,qBAAsB,CAAA;GAErC,iBAAA,GAAA,EAAA,KAAC,GAAD;IACE,MAAM;IACM;IACZ,cAAc,OAAO,EAAO,CAAO;IACnC,IAAI;IACJ,gBAAgB,GAAG,IAAc,sCAAsC,KACrE,KAAe,IAA8B,MAAM,KAClD,IAA8B,6BAA6B;cAE7D,KAAe;GACN,CAAA;GAEX;GAEA,KACC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAkB,IAAI;cAClC;GACE,CAAA;GAGN,CAAC,KAAgB,KAChB,iBAAA,GAAA,EAAA,MAAC,OAAD;IAAK,WAAU;IAAoB,IAAI;cAAvC,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,GAClD,iBAAA,GAAA,EAAA,KAAC,OAAD;KAAK,WAAU;eAA8B;IAAoB,CAAA,CAC9D;;GAGN,CAAC,KAAgB,CAAC,KAAkB,KACnC,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;IAAmB,IAAI;cACnC;GACE,CAAA;EAEJ;;AAET"}

package/chunk/FormSelectChoice-eq9jx2Ul.js.map

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

package/chunk/FormSelectChoice-ktUJwtNJ.js.map

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

@@ -1,9 +0,0 @@
-
-/**
- *   VERSION: 2.274.0
- *   BUILD_TIMESTAMP: 1787094663644
- *   BUILD_DATE: Tue Aug 18 2026 23:11:03 GMT+0000 (Coordinated Universal Time)
- *   BUILD_COMMIT: f159388091b6a2928e80ee1b0cbd31d037de5a6c
- */
-import { StepActiveMilitaryPersonalInfoComponent as e } from "./StepActiveMilitaryPersonalInfoComponent-Cd3A-_0F.js";
-export { e as default };