@commercetools/nimbus 3.4.0 → 3.5.0

package/dist/chunks/localized-field-CICKtAdD.es.js

@@ -0,0 +1,345 @@
+import { i as e } from "./CollectionBuilder-oYRKyja7.es.js";
+import { i as t } from "./mergeProps-CcIgWXT_.es.js";
+import { t as n } from "./useField-v8KAMCXP.es.js";
+import { n as r, t as i } from "./Dialog-BzG3Frv3.es.js";
+import { t as a } from "./multiline-text-input--axQ-8AU.es.js";
+import { t as o } from "./icon-button-DjZvlfLQ.es.js";
+import { t as s } from "./box-CZyqYgLL.es.js";
+import { n as c, t as l } from "./normalize-messages-CLkiPWgQ.es.js";
+import { t as u } from "./popover-CgyJRJsL.es.js";
+import { t as d } from "./field-errors-DA8VHV9z.es.js";
+import { t as f } from "./form-field-D0Xtey7J.es.js";
+import { t as p } from "./stack-D0obj5JC.es.js";
+import { t as m } from "./text-input-D8aPs2Ta.es.js";
+import { t as h } from "./icon-CSCRP1_5.es.js";
+import { t as g } from "./money-input-D04UKLOb.es.js";
+import { t as _ } from "./rich-text-input-p388Io6q.es.js";
+import { t as v } from "./button-CWxApN56.es.js";
+import { useCallback as y, useMemo as b, useState as x } from "react";
+import { Fragment as ee, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { ErrorOutline as w, HelpOutline as T, Language as E, Payments as D, WarningAmber as te } from "@commercetools/nimbus-icons";
+import { createSlotRecipeContext as O } from "@chakra-ui/react/styled-system";
+//#endregion
+//#region src/components/localized-field/localized-field.messages.ts
+var k = {
+	en: l({
+		hideCurrencies: "Hide all currencies",
+		hideLanguages: "Hide all languages",
+		infoBoxTriggerAriaLabel: "more info",
+		missingRequiredField: "This field is required. Provide at least one value.",
+		showCurrencies: "Show all currencies",
+		showLanguages: "Show all languages"
+	}),
+	de: l({
+		hideCurrencies: "Alle Währungen ausblenden",
+		hideLanguages: "Alle Sprachen ausblenden",
+		infoBoxTriggerAriaLabel: "Weitere Informationen",
+		missingRequiredField: "Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.",
+		showCurrencies: "Alle Währungen anzeigen",
+		showLanguages: "Alle Sprachen anzeigen"
+	}),
+	es: l({
+		hideCurrencies: "Ocultar todas las monedas",
+		hideLanguages: "Ocultar todas las monedas",
+		infoBoxTriggerAriaLabel: "más información",
+		missingRequiredField: "Este valor es necesario. Proporciona al menos un valor.",
+		showCurrencies: "Mostrar todas las monedas",
+		showLanguages: "Mostrar todos los idiomas"
+	}),
+	"fr-FR": l({
+		hideCurrencies: "Masquer toutes les devises",
+		hideLanguages: "Masquer toutes les langues",
+		infoBoxTriggerAriaLabel: "Plus d'informations",
+		missingRequiredField: "Ce champ est requis. Indiquez au moins une valeur.",
+		showCurrencies: "Afficher toutes les devises",
+		showLanguages: "Afficher toutes les langues"
+	}),
+	"pt-BR": l({
+		hideCurrencies: "Ocultar todas as ocorrências",
+		hideLanguages: "Ocultar todos os idiomas",
+		infoBoxTriggerAriaLabel: "mais informações",
+		missingRequiredField: "Este campo é obrigatório. Forneça pelo menos um valor.",
+		showCurrencies: "Mostrar todas as ocorrências",
+		showLanguages: "Mostrar todos os idiomas"
+	})
+}, { withProvider: A, withContext: j } = O({ key: "nimbusLocalizedField" }), ne = A("fieldset", "root"), re = j("legend", "label"), ie = j("div", "infoDialog"), ae = j("div", "fieldsContainer"), oe = j("div", "description"), se = j("div", "error"), ce = j("div", "toggleButtonContainer"), M = j("div", "localeFieldRoot"), N = j("div", "localeFieldLabel"), P = j("div", "localeFieldInput"), F = () => {
+	let e = c(k);
+	return /* @__PURE__ */ S(f.Error, { children: e.format("missingRequiredField") });
+}, I = (e, t) => e && t ? `${e}.${t}` : void 0, L = (e) => e.split("-")[0], R = (e, t) => {
+	let n = L(e), r = t.filter((e) => L(e) === n);
+	return {
+		unrelated: t.filter((e) => L(e) !== n),
+		related: r
+	};
+}, le = (e, t) => {
+	let { related: n, unrelated: r } = R(e, t.filter((t) => t !== e));
+	return [
+		e,
+		...n.sort(),
+		...r.sort()
+	];
+}, ue = (e, t) => [e, ...t.filter((t) => t !== e).sort()], de = (e, t) => e && Object.keys(e).length > 0 && t ? Object.keys(e).some((e) => e !== t) : !1, z = (e, t) => Array.from(/* @__PURE__ */ new Set([...e, ...Object.keys(t)])).reduce((e, n) => ({
+	...e,
+	[n]: t?.[n] || ""
+}), {}), fe = (e) => !e || Object.values(e).every((e) => !e || e?.trim().length === 0), B = (e) => (typeof e != "object" && console.warn("Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object"), Object.entries(e).reduce((e, [t, n]) => n && n.trim().length > 0 ? {
+	...e,
+	[t]: n
+} : e, {})), V = (e) => e ? Object.values(e).some(Boolean) : !1;
+function H(e) {
+	return e;
+}
+var U = (e, t) => Object.values(e).map((e) => g.convertToMoneyValue(e, t)), pe = (e = [], t) => e.reduce((e, n) => {
+	let r = g.parseMoneyValue(n, t);
+	return {
+		...e,
+		[r.currencyCode]: r
+	};
+}, {}), me = (e, t) => Object.keys(e).filter((n) => g.isHighPrecision(e[n], t)), he = (e) => Object.keys(e).filter((t) => g.isEmpty(e[t])), ge = ({ type: e, size: t, localeOrCurrency: n, id: r, name: i, inputValue: o, description: s, warning: c, error: l, onChange: u, onBlur: d, onFocus: p, isRequired: v, isReadOnly: b, isDisabled: x, isInvalid: w, touched: T, ...E }) => {
+	let D;
+	switch (e) {
+		case "text":
+		default:
+			D = m;
+			break;
+		case "multiLine":
+			D = a;
+			break;
+		case "money":
+			D = g;
+			break;
+		case "richText": D = _;
+	}
+	let O = e === "money" ? o || {
+		amount: "",
+		currencyCode: n
+	} : o || "", k = y((e) => {
+		u({ target: typeof e == "object" ? {
+			id: e.target.id,
+			name: e.target.name,
+			locale: void 0,
+			currency: n,
+			value: e.target.value
+		} : {
+			id: r,
+			name: i,
+			locale: n,
+			currency: void 0,
+			value: e
+		} });
+	}, [
+		r,
+		i,
+		n,
+		u
+	]);
+	return /* @__PURE__ */ S(M, {
+		asChild: !0,
+		children: /* @__PURE__ */ C(f.Root, {
+			isDisabled: x,
+			isReadOnly: b,
+			isInvalid: (w || !!l) && T,
+			direction: "row",
+			size: t,
+			id: r,
+			children: [
+				/* @__PURE__ */ S(N, {
+					display: e === "money" ? "none" : void 0,
+					...x && { "data-disabled": x },
+					asChild: !0,
+					children: /* @__PURE__ */ S(f.Label, { children: n.toLocaleUpperCase() })
+				}),
+				/* @__PURE__ */ S(f.Input, { children: /* @__PURE__ */ S(P, {
+					"aria-required": v,
+					asChild: !0,
+					children: /* @__PURE__ */ S(D, {
+						...E,
+						size: t,
+						value: O,
+						onChange: k,
+						onBlur: (e) => d?.(e, n),
+						onFocus: (e) => p?.(e, n),
+						isRequired: v,
+						isDisabled: x,
+						isReadOnly: b,
+						isInvalid: (w || !!l) && T
+					})
+				}) }),
+				(s || c && T) && /* @__PURE__ */ S(f.Description, {
+					role: c && T ? "status" : void 0,
+					color: c && T ? "warning.11" : void 0,
+					display: "flex",
+					gap: "100",
+					alignItems: "center",
+					children: c && T ? /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(h, {
+						colorPalette: "warning",
+						children: /* @__PURE__ */ S(te, {})
+					}), c] }) : s
+				}),
+				l && T && /* @__PURE__ */ S(f.Error, { children: l })
+			]
+		})
+	});
+}, _e = Object.assign(({ type: a = "text", id: l, name: f, defaultLocaleOrCurrency: m, valuesByLocaleOrCurrency: g, placeholdersByLocaleOrCurrency: _, descriptionsByLocaleOrCurrency: y, warningsByLocaleOrCurrency: O, errorsByLocaleOrCurrency: A, label: j, hint: M, description: N, warning: P, warnings: F, renderWarning: L, error: R, errors: z, renderError: fe, touched: B, isRequired: V, isDisabled: H, isReadOnly: U, onChange: pe, onBlur: me, onFocus: he, defaultExpanded: _e = !1, displayAllLocalesOrCurrencies: ve = !1, size: ye, autoFocus: W, "data-track-component": be, "data-testid": xe, "data-test": Se, ...Ce }) => {
+	let [G, we] = x(ve || _e), K = c(k), Te = t(), q = t(), J = !!(R || z && Object.values(z).some((e) => e === !0)), Y = !!(P || F && Object.values(F).some(Boolean)), X = !!(J && B), { labelProps: Ee, fieldProps: De, descriptionProps: Z, errorMessageProps: Q } = n({
+		id: l,
+		label: j,
+		description: N,
+		errorMessage: R,
+		isInvalid: X
+	}), $ = Object.keys(g), Oe = b(() => (a === "money" ? ue(m, $) : le(m, $)).reduce((e, t) => {
+		let n = {
+			localeOrCurrency: t,
+			inputValue: g[t],
+			placeholder: _?.[t],
+			description: y?.[t],
+			warning: O?.[t],
+			error: A?.[t],
+			...t === m && W ? { autoFocus: W } : {},
+			isInvalid: X,
+			isRequired: V,
+			isDisabled: H,
+			isReadOnly: U
+		};
+		return G || !G && t === m ? [...e, n] : e;
+	}, []), [
+		g,
+		_,
+		y,
+		O,
+		A,
+		m,
+		G,
+		X,
+		V,
+		H,
+		U,
+		W,
+		$,
+		a
+	]), ke = (de(A, m) || J) && B;
+	return ke && !G && we(!0), /* @__PURE__ */ C(ne, {
+		...Ce,
+		...De,
+		"aria-details": M ? q : void 0,
+		type: a,
+		size: ye,
+		name: f,
+		children: [
+			j && /* @__PURE__ */ C(p, {
+				direction: "row",
+				gap: "0",
+				children: [/* @__PURE__ */ C(re, {
+					...Ee,
+					children: [j, V && /* @__PURE__ */ S("sup", {
+						"aria-hidden": "true",
+						children: "*"
+					})]
+				}), M && /* @__PURE__ */ C(i, { children: [/* @__PURE__ */ S(o, {
+					id: q,
+					"aria-label": K.format("infoBoxTriggerAriaLabel"),
+					size: "2xs",
+					colorPalette: "info",
+					variant: "link",
+					children: /* @__PURE__ */ S(T, {})
+				}), /* @__PURE__ */ S(u, {
+					padding: 0,
+					children: /* @__PURE__ */ S(ie, {
+						asChild: !0,
+						children: /* @__PURE__ */ S(r, { children: /* @__PURE__ */ S(s, {
+							p: "300",
+							children: M
+						}) })
+					})
+				})] })]
+			}),
+			/* @__PURE__ */ S(ae, {
+				id: Te,
+				"data-expanded": G,
+				children: /* @__PURE__ */ S(e, {
+					items: Oe,
+					children: (e) => /* @__PURE__ */ S(ge, {
+						...e,
+						size: ye,
+						type: a,
+						onChange: pe,
+						onBlur: me,
+						onFocus: he,
+						touched: B,
+						id: I(De.id, e.localeOrCurrency),
+						name: I(f, e.localeOrCurrency),
+						"data-test": I(Se, e.localeOrCurrency),
+						"data-testid": I(xe, e.localeOrCurrency),
+						"data-track-component": I(be, e.localeOrCurrency)
+					})
+				})
+			}),
+			!ve && $.length > 1 && /* @__PURE__ */ S(ce, { children: /* @__PURE__ */ C(v, {
+				"aria-controls": Te,
+				"aria-describedby": Ee.id,
+				"aria-expanded": G,
+				onPress: () => we(!G),
+				isDisabled: H || ke && G,
+				variant: "ghost",
+				size: "2xs",
+				colorPalette: "primary",
+				children: [/* @__PURE__ */ S(s, {
+					as: a === "money" ? D : E,
+					display: "inline-flex",
+					boxSize: "400",
+					verticalAlign: "text-bottom",
+					mr: "100"
+				}), a === "money" ? G ? K.format("hideCurrencies") : K.format("showCurrencies") : G ? K.format("hideLanguages") : K.format("showLanguages")]
+			}) }),
+			(N || Y && B) && /* @__PURE__ */ S(oe, {
+				role: Y && B ? "status" : void 0,
+				color: Y && B ? "warning.11" : void 0,
+				"aria-labelledby": `${Z.id}-warning`,
+				...Z,
+				children: Y && B ? /* @__PURE__ */ C(ee, { children: [/* @__PURE__ */ S(h, {
+					colorPalette: "warning",
+					children: /* @__PURE__ */ S(te, {})
+				}), /* @__PURE__ */ C(p, {
+					gap: "0",
+					id: `${Z.id}-warning`,
+					children: [P, F && Y && /* @__PURE__ */ S(d, {
+						errors: F,
+						renderError: L,
+						colorPalette: "warning",
+						role: void 0
+					})]
+				})] }) : N
+			}),
+			X && /* @__PURE__ */ C(se, {
+				"aria-labelledby": `${Q.id}-error`,
+				role: "alert",
+				...Q,
+				children: [/* @__PURE__ */ S(h, { children: /* @__PURE__ */ S(w, {}) }), /* @__PURE__ */ C(p, {
+					gap: "0",
+					id: `${Q.id}-error`,
+					children: [R, z && J && /* @__PURE__ */ S(d, {
+						errors: z,
+						renderError: fe,
+						role: void 0
+					})]
+				})]
+			})
+		]
+	});
+}, {
+	getId: I,
+	getName: I,
+	isTouched: V,
+	isEmpty: fe,
+	createLocalizedString: z,
+	omitEmptyTranslations: B,
+	RequiredValueErrorMessage: F,
+	toFieldErrors: H,
+	convertToMoneyValues: U,
+	parseMoneyValues: pe,
+	getHighPrecisionCurrencies: me,
+	getEmptyCurrencies: he
+});
+//#endregion
+export { _e as t };
+
+//# sourceMappingURL=localized-field-CICKtAdD.es.js.map

package/dist/chunks/localized-field-CICKtAdD.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field-CICKtAdD.es.js","names":[],"sources":["../../src/components/localized-field/intl/en.ts","../../src/components/localized-field/intl/de.ts","../../src/components/localized-field/intl/es.ts","../../src/components/localized-field/intl/fr-FR.ts","../../src/components/localized-field/intl/pt-BR.ts","../../src/components/localized-field/localized-field.messages.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Hide all currencies`,\n  hideLanguages: `Hide all languages`,\n  infoBoxTriggerAriaLabel: `more info`,\n  missingRequiredField: `This field is required. Provide at least one value.`,\n  showCurrencies: `Show all currencies`,\n  showLanguages: `Show all languages`,\n};\n","/**\n * Pre-compiled de messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Alle Währungen ausblenden`,\n  hideLanguages: `Alle Sprachen ausblenden`,\n  infoBoxTriggerAriaLabel: `Weitere Informationen`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,\n  showCurrencies: `Alle Währungen anzeigen`,\n  showLanguages: `Alle Sprachen anzeigen`,\n};\n","/**\n * Pre-compiled es messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas las monedas`,\n  hideLanguages: `Ocultar todas las monedas`,\n  infoBoxTriggerAriaLabel: `más información`,\n  missingRequiredField: `Este valor es necesario. Proporciona al menos un valor.`,\n  showCurrencies: `Mostrar todas las monedas`,\n  showLanguages: `Mostrar todos los idiomas`,\n};\n","/**\n * Pre-compiled fr-FR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Masquer toutes les devises`,\n  hideLanguages: `Masquer toutes les langues`,\n  infoBoxTriggerAriaLabel: `Plus d'informations`,\n  missingRequiredField: `Ce champ est requis. Indiquez au moins une valeur.`,\n  showCurrencies: `Afficher toutes les devises`,\n  showLanguages: `Afficher toutes les langues`,\n};\n","/**\n * Pre-compiled pt-BR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas as ocorrências`,\n  hideLanguages: `Ocultar todos os idiomas`,\n  infoBoxTriggerAriaLabel: `mais informações`,\n  missingRequiredField: `Este campo é obrigatório. Forneça pelo menos um valor.`,\n  showCurrencies: `Mostrar todas as ocorrências`,\n  showLanguages: `Mostrar todos os idiomas`,\n};\n","/**\n * Pre-compiled localized messages for LocalizedField component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport localizedFieldMessages_en from \"./intl/en\";\nimport localizedFieldMessages_de from \"./intl/de\";\nimport localizedFieldMessages_es from \"./intl/es\";\nimport localizedFieldMessages_fr from \"./intl/fr-FR\";\nimport localizedFieldMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const localizedFieldMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(localizedFieldMessages_en),\n  de: normalizeMessages(localizedFieldMessages_de),\n  es: normalizeMessages(localizedFieldMessages_es),\n  \"fr-FR\": normalizeMessages(localizedFieldMessages_fr),\n  \"pt-BR\": normalizeMessages(localizedFieldMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LocalizedField component\n */\nexport type LocalizedFieldMessageKey =\n  | \"hideCurrencies\"\n  | \"hideLanguages\"\n  | \"infoBoxTriggerAriaLabel\"\n  | \"missingRequiredField\"\n  | \"showCurrencies\"\n  | \"showLanguages\";\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  LocalizedFieldRootSlotProps,\n  LocalizedFieldLabelSlotProps,\n  LocalizedFieldInfoDialogSlotProps,\n  LocalizedFieldFieldsContainerSlotProps,\n  LocalizedFieldDescriptionSlotProps,\n  LocalizedFieldErrorSlotProps,\n  LocalizedFieldToggleButtonContainerSlotProps,\n  LocalizedFieldLocaleFieldRootSlotProps,\n  LocalizedFieldLocaleFieldLabelSlotProps,\n  LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusLocalizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n  HTMLFieldSetElement,\n  LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n  HTMLLabelElement,\n  LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import {\n  FormField,\n  type CurrencyCode,\n  type MoneyInputValue,\n  type MoneyValue,\n  type FieldErrorsData,\n  MoneyInput,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n  related: string[];\n  unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n  [K in keyof Values]?: FieldErrorsData;\n};\n\nexport const RequiredValueErrorMessage = () => {\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n  return (\n    <FormField.Error>{msg.format(\"missingRequiredField\")}</FormField.Error>\n  );\n};\n\nexport const getLocaleFieldAttribute = (\n  fieldGroupAttr?: string,\n  locale?: string\n): string | undefined =>\n  fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n  locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n//  - the 'related' array contains locales with the same language tag as the default locale,\n//    e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n//  - the 'unrelated' array contains locales with a different different language tag from the default locale\n//.   e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n  defaultLocale: string,\n  locales: string[]\n): LanguagesSplitByDefaultLocale => {\n  const defaultLanguage = getLanguageForLocale(defaultLocale);\n  const related = locales.filter(\n    (locale) => getLanguageForLocale(locale) === defaultLanguage\n  );\n  const unrelated = locales.filter(\n    (locale) => getLanguageForLocale(locale) !== defaultLanguage\n  );\n  return {\n    unrelated,\n    related,\n  };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n//   follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n  defaultLocale: string,\n  allLocales: string[]\n): string[] => {\n  const { related, unrelated } = splitLanguages(\n    defaultLocale,\n    allLocales.filter((locale: string) => locale !== defaultLocale)\n  );\n\n  return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n  defaultCurrency: CurrencyCode,\n  allCurrencies: CurrencyCode[]\n) => {\n  const remainingCurrencies = allCurrencies.filter(\n    (currency) => currency !== defaultCurrency\n  );\n  return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n  errors?: TErrors,\n  defaultLocaleOrCurrency?: string\n): boolean => {\n  if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n    return Object.keys(errors).some(\n      (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n    );\n  }\n  return false;\n};\n\nexport const createLocalizedString = (\n  locales: string[],\n  existingLocalizedString: LocalizedString\n): LocalizedString => {\n  const localesInLocalizedString = Array.from(\n    new Set([...locales, ...Object.keys(existingLocalizedString)])\n  );\n\n  return localesInLocalizedString.reduce<LocalizedString>(\n    (localizedString, locale) => ({\n      ...localizedString,\n      [locale]: existingLocalizedString?.[locale] || \"\",\n    }),\n    {}\n  );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n  if (!localizedString) return true;\n  return Object.values(localizedString).every(\n    (value?: string) => !value || value?.trim().length === 0\n  );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n  localizedString: Translations\n): LocalizedString => {\n  // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n  // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n  if (typeof localizedString !== \"object\") {\n    console.warn(\n      \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n    );\n  }\n\n  return Object.entries(localizedString).reduce<LocalizedString>(\n    (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n      if (value && value.trim().length > 0) {\n        return {\n          ...localizedStringWithoutEmptyTranslations,\n          [locale]: value,\n        };\n      }\n      return localizedStringWithoutEmptyTranslations;\n    },\n    {}\n  );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n  if (touched) {\n    return Object.values(touched).some(Boolean);\n  }\n  return false;\n};\n\n/**\n * Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n */\nexport function toFieldErrors<FormValues>(\n  errors: unknown\n): CustomFormikErrors<FormValues> {\n  return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n  values: MoneyInputValue[],\n  currency: string\n): Array<MoneyValue | null> =>\n  Object.values(values).map<MoneyValue | null>((value) => {\n    return MoneyInput.convertToMoneyValue(value, currency);\n  });\n\nexport const parseMoneyValues = (\n  moneyValues: MoneyValue[] = [],\n  locale: string\n): Record<CurrencyCode, MoneyInputValue> =>\n  moneyValues.reduce<Record<CurrencyCode, MoneyInputValue>>(\n    (allValues, moneyValue) => {\n      const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n      return {\n        ...allValues,\n        [value.currencyCode]: value,\n      };\n    },\n    {} as Record<CurrencyCode, MoneyInputValue>\n  );\n\nexport const getHighPrecisionCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>,\n  locale: string\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isHighPrecision(values[currencyCode], locale)\n  );\n};\n\nexport const getEmptyCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isEmpty(values[currencyCode])\n  );\n};\n","import { useCallback } from \"react\";\nimport {\n  FormField,\n  Icon,\n  TextInput,\n  MoneyInput,\n  type CustomEvent,\n  MultilineTextInput,\n  RichTextInput,\n  type MoneyInputValue,\n  type CurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n  LocalizedFieldLocaleFieldRootSlot,\n  LocalizedFieldLocaleFieldInputSlot,\n  LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\n/**\n * LocalizedFieldLocaleField - Individual locale or currency input field\n *\n * Renders a single input field for a specific locale or currency with integrated\n * label, description, warning, and error message display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedFieldLocaleField = ({\n  type,\n  size,\n  localeOrCurrency,\n  id,\n  name,\n  inputValue: inputValueFromProps,\n  description,\n  warning,\n  error,\n  onChange,\n  onBlur,\n  onFocus,\n  isRequired,\n  isReadOnly,\n  isDisabled,\n  isInvalid,\n  touched,\n  ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n  let InputComponent:\n    | typeof TextInput\n    | typeof MultilineTextInput\n    | typeof MoneyInput\n    | typeof RichTextInput;\n  switch (type) {\n    case \"text\":\n    default:\n      InputComponent = TextInput;\n      break;\n    case \"multiLine\":\n      InputComponent = MultilineTextInput;\n      break;\n    case \"money\":\n      InputComponent = MoneyInput;\n      break;\n    case \"richText\":\n      InputComponent = RichTextInput;\n      break;\n  }\n\n  const getInputValue = () => {\n    if (type === \"money\") {\n      return inputValueFromProps\n        ? (inputValueFromProps as MoneyInputValue)\n        : ({ amount: \"\", currencyCode: localeOrCurrency } as MoneyInputValue);\n    }\n    return inputValueFromProps ? inputValueFromProps : \"\";\n  };\n\n  const inputValue = getInputValue();\n\n  const handleChange = useCallback(\n    (value: string | CustomEvent | undefined) => {\n      // The `MoneyInput` onChange event value is a custom value,\n      // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n      // so we need to build a separate return object for the MoneInput to return\n      // the expected values\n      const isMoneyInputEvent = typeof value === \"object\";\n      const changeValue = {\n        target: isMoneyInputEvent\n          ? {\n              id: value.target.id,\n              name: value.target.name,\n              locale: undefined,\n              currency: localeOrCurrency as CurrencyCode,\n              value: value.target.value,\n            }\n          : { id, name, locale: localeOrCurrency, currency: undefined, value },\n      };\n      onChange(changeValue);\n    },\n    [id, name, localeOrCurrency, onChange]\n  );\n\n  return (\n    <LocalizedFieldLocaleFieldRootSlot asChild>\n      <FormField.Root\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={(isInvalid || !!error) && touched}\n        direction=\"row\"\n        size={size}\n        id={id}\n      >\n        <LocalizedFieldLocaleFieldLabelSlot\n          display={type === \"money\" ? \"none\" : undefined}\n          {...(isDisabled && { \"data-disabled\": isDisabled })}\n          asChild\n        >\n          <FormField.Label>\n            {localeOrCurrency.toLocaleUpperCase()}\n          </FormField.Label>\n        </LocalizedFieldLocaleFieldLabelSlot>\n        <FormField.Input>\n          <LocalizedFieldLocaleFieldInputSlot\n            aria-required={isRequired}\n            asChild\n          >\n            <InputComponent\n              {...otherProps}\n              size={size}\n              value={inputValue as string & MoneyInputValue}\n              onChange={handleChange}\n              onBlur={(e: React.FocusEvent | CustomEvent) =>\n                onBlur?.(e, localeOrCurrency)\n              }\n              onFocus={(e: React.FocusEvent | CustomEvent) =>\n                onFocus?.(e, localeOrCurrency)\n              }\n              isRequired={isRequired}\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={(isInvalid || !!error) && touched}\n            />\n          </LocalizedFieldLocaleFieldInputSlot>\n        </FormField.Input>\n        {(description || (warning && touched)) && (\n          <FormField.Description\n            role={warning && touched ? \"status\" : undefined}\n            color={warning && touched ? \"warning.11\" : undefined}\n            display=\"flex\"\n            gap=\"100\"\n            alignItems=\"center\"\n          >\n            {warning && touched ? (\n              <>\n                <Icon colorPalette=\"warning\">\n                  <WarningAmber />\n                </Icon>\n                {warning}\n              </>\n            ) : (\n              description\n            )}\n          </FormField.Description>\n        )}\n        {error && touched && <FormField.Error>{error}</FormField.Error>}\n      </FormField.Root>\n    </LocalizedFieldLocaleFieldRootSlot>\n  );\n};\n","import { useState, useMemo } from \"react\";\nimport {\n  Collection as RaCollection,\n  Dialog as RaDialog,\n  DialogTrigger as RaDialogTrigger,\n} from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n  ErrorOutline,\n  HelpOutline,\n  Language,\n  Payments,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n  Box,\n  Button,\n  FieldErrors,\n  Icon,\n  IconButton,\n  Stack,\n  type CurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport {\n  LocalizedFieldRootSlot,\n  LocalizedFieldLabelSlot,\n  LocalizedFieldInfoDialogSlot,\n  LocalizedFieldFieldsContainerSlot,\n  LocalizedFieldDescriptionSlot,\n  LocalizedFieldErrorSlot,\n  LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n  LocalizedFieldProps,\n  MergedLocaleFieldData,\n  LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n  getHasInvalidLocalizedFields,\n  getLocaleFieldAttribute,\n  sortCurrencies,\n  sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\n/**\n * LocalizedField - Root component for managing localized input fields\n *\n * Provides a fieldset container for multiple locale-specific or currency-specific input fields\n * with expand/collapse functionality and integrated validation display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedField = ({\n  type = \"text\",\n  id,\n  name,\n  defaultLocaleOrCurrency,\n  valuesByLocaleOrCurrency,\n  placeholdersByLocaleOrCurrency,\n  descriptionsByLocaleOrCurrency,\n  warningsByLocaleOrCurrency,\n  errorsByLocaleOrCurrency,\n  label,\n  hint,\n  description,\n  warning,\n  warnings,\n  renderWarning,\n  error,\n  errors,\n  renderError,\n  touched,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  onChange,\n  onBlur,\n  onFocus,\n  defaultExpanded = false,\n  displayAllLocalesOrCurrencies = false,\n  size,\n  autoFocus,\n  [\"data-track-component\"]: dataTrackComponent,\n  [\"data-testid\"]: dataTestId,\n  [\"data-test\"]: dataTest,\n  // DOM & Style props for wrapper container\n  ...rest\n}: LocalizedFieldProps) => {\n  const [expanded, setExpanded] = useState(\n    displayAllLocalesOrCurrencies || defaultExpanded\n  );\n\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n\n  // Used to associate more info dialog with fieldset via `aria-controls`\n  const localeFieldsContainerId = useId();\n  // Used to associate more info dialog with fieldset via `aria-details`\n  const moreDetailsButtonId = useId();\n\n  // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n  const hasError: boolean = Boolean(\n    error || (errors && Object.values(errors).some((error) => error === true))\n  );\n\n  // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n  const hasWarning: boolean = Boolean(\n    warning || (warnings && Object.values(warnings).some(Boolean))\n  );\n\n  // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n  // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n  const isInvalid: boolean = !!(hasError && touched);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      id,\n      label,\n      description,\n      errorMessage: error,\n      isInvalid,\n    });\n\n  // Array of locales/currencies to display as input fields\n  const localizationKeys: string[] | CurrencyCode[] = Object.keys(\n    valuesByLocaleOrCurrency\n  );\n\n  // Merge all -ByLocaleOrCurrencies data for each field\n  const allDataForFields = useMemo(() => {\n    const sortedFieldData =\n      type === \"money\"\n        ? sortCurrencies(\n            defaultLocaleOrCurrency as CurrencyCode,\n            localizationKeys as CurrencyCode[]\n          )\n        : sortLocalesByDefaultLocaleLanguage(\n            defaultLocaleOrCurrency,\n            localizationKeys\n          );\n\n    return sortedFieldData.reduce(\n      (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n        const allDataForLocale = {\n          localeOrCurrency: localizationKey,\n          inputValue:\n            type === \"money\"\n              ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n              : (valuesByLocaleOrCurrency[localizationKey] as string),\n          placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n          description: descriptionsByLocaleOrCurrency?.[localizationKey],\n          warning: warningsByLocaleOrCurrency?.[localizationKey],\n          error: errorsByLocaleOrCurrency?.[localizationKey],\n          // autoFocus default/first locale field\n          ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n            ? { autoFocus }\n            : {}),\n          isInvalid,\n          isRequired,\n          isDisabled,\n          isReadOnly,\n        };\n        if (\n          expanded ||\n          // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n          (!expanded && localizationKey === defaultLocaleOrCurrency)\n        ) {\n          return [...allFieldData, allDataForLocale];\n        }\n        return allFieldData;\n      },\n      []\n    );\n  }, [\n    valuesByLocaleOrCurrency,\n    placeholdersByLocaleOrCurrency,\n    descriptionsByLocaleOrCurrency,\n    warningsByLocaleOrCurrency,\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency,\n    expanded,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n    autoFocus,\n    localizationKeys,\n    type,\n  ]);\n\n  const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency\n  );\n\n  const shouldExpandInvalidFields =\n    (groupHasInvalidLocalizedFields || hasError) && touched;\n  // If there are fields that are invalid, ensure that field group\n  // shows all fields so that invalid field is visible\n  if (shouldExpandInvalidFields && !expanded) {\n    setExpanded(true);\n  }\n\n  return (\n    <LocalizedFieldRootSlot\n      {...rest}\n      {...fieldProps}\n      aria-details={hint ? moreDetailsButtonId : undefined}\n      type={type}\n      size={size}\n      name={name}\n    >\n      {label && (\n        <Stack direction=\"row\" gap=\"0\">\n          <LocalizedFieldLabelSlot {...labelProps}>\n            {label}\n            {isRequired && <sup aria-hidden=\"true\">*</sup>}\n          </LocalizedFieldLabelSlot>\n          {hint && (\n            <RaDialogTrigger>\n              <IconButton\n                id={moreDetailsButtonId}\n                aria-label={msg.format(\"infoBoxTriggerAriaLabel\")}\n                size=\"2xs\"\n                colorPalette=\"info\"\n                variant=\"link\"\n              >\n                <HelpOutline />\n              </IconButton>\n\n              <Popover padding={0}>\n                <LocalizedFieldInfoDialogSlot asChild>\n                  <RaDialog>\n                    <Box p=\"300\">{hint}</Box>\n                  </RaDialog>\n                </LocalizedFieldInfoDialogSlot>\n              </Popover>\n            </RaDialogTrigger>\n          )}\n        </Stack>\n      )}\n      <LocalizedFieldFieldsContainerSlot\n        id={localeFieldsContainerId}\n        data-expanded={expanded}\n      >\n        <RaCollection items={allDataForFields}>\n          {(item) => {\n            return (\n              <LocalizedFieldLocaleField\n                {...item}\n                size={size}\n                type={type}\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                touched={touched}\n                // Format field attributes to match uikit pattern\n                id={getLocaleFieldAttribute(\n                  fieldProps.id,\n                  item.localeOrCurrency\n                )}\n                name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n                data-test={getLocaleFieldAttribute(\n                  dataTest,\n                  item.localeOrCurrency\n                )}\n                data-testid={getLocaleFieldAttribute(\n                  dataTestId,\n                  item.localeOrCurrency\n                )}\n                data-track-component={getLocaleFieldAttribute(\n                  dataTrackComponent,\n                  item.localeOrCurrency\n                )}\n              />\n            );\n          }}\n        </RaCollection>\n      </LocalizedFieldFieldsContainerSlot>\n\n      {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n        <LocalizedFieldToggleButtonContainerSlot>\n          <Button\n            aria-controls={localeFieldsContainerId}\n            aria-describedby={labelProps.id}\n            aria-expanded={expanded}\n            onPress={() => setExpanded(!expanded)}\n            isDisabled={isDisabled || (shouldExpandInvalidFields && expanded)}\n            variant=\"ghost\"\n            size=\"2xs\"\n            colorPalette=\"primary\"\n          >\n            <Box\n              as={type === \"money\" ? Payments : Language}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n            />\n            {type === \"money\"\n              ? expanded\n                ? msg.format(\"hideCurrencies\")\n                : msg.format(\"showCurrencies\")\n              : expanded\n                ? msg.format(\"hideLanguages\")\n                : msg.format(\"showLanguages\")}\n          </Button>\n        </LocalizedFieldToggleButtonContainerSlot>\n      )}\n      {(description || (hasWarning && touched)) && (\n        <LocalizedFieldDescriptionSlot\n          role={hasWarning && touched ? \"status\" : undefined}\n          color={hasWarning && touched ? \"warning.11\" : undefined}\n          // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n          // we must associate, them to this element with aria-labelledby\n          aria-labelledby={`${descriptionProps.id}-warning`}\n          {...descriptionProps}\n        >\n          {/** Warnings are for compat with UI Kit localized fields */}\n          {hasWarning && touched ? (\n            <>\n              <Icon colorPalette=\"warning\">\n                <WarningAmber />\n              </Icon>\n              <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n                {warning}\n                {warnings && hasWarning && (\n                  <FieldErrors\n                    errors={warnings}\n                    renderError={renderWarning}\n                    colorPalette=\"warning\"\n                    role={undefined}\n                  />\n                )}\n              </Stack>\n            </>\n          ) : (\n            description\n          )}\n        </LocalizedFieldDescriptionSlot>\n      )}\n      {isInvalid && (\n        <LocalizedFieldErrorSlot\n          // In order to associate the errors from both the error and legacy errors props with the fieldset,\n          // we must associate them to this element with aria-labelledby.\n          aria-labelledby={`${errorMessageProps.id}-error`}\n          role=\"alert\"\n          {...errorMessageProps}\n        >\n          <Icon>\n            <ErrorOutline />\n          </Icon>\n          <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n            {error}\n            {errors && hasError && (\n              <FieldErrors\n                errors={errors}\n                renderError={renderError}\n                role={undefined}\n              />\n            )}\n          </Stack>\n        </LocalizedFieldErrorSlot>\n      )}\n    </LocalizedFieldRootSlot>\n  );\n};\n","import { LocalizedFieldRoot } from \"./components\";\nimport {\n  getLocaleFieldAttribute,\n  createLocalizedString,\n  isEmpty,\n  omitEmptyTranslations,\n  isTouched,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\n/**\n * LocalizedField component with utility methods for managing localized input fields.\n *\n * This component provides a fieldset for managing multiple locale-specific or currency-specific\n * input fields with expand/collapse functionality and integrated validation display.\n *\n * **Utility Methods** (for compatibility with UI Kit):\n * - `getId` / `getName`: Format field attributes with locale suffix\n * - `isTouched`: Check if any locale field has been touched\n * - `isEmpty`: Check if all locale fields are empty\n * - `createLocalizedString`: Create empty localized string object\n * - `omitEmptyTranslations`: Remove empty translations from localized object\n * - `RequiredValueErrorMessage`: Standard error message component\n * - `toFieldErrors`: Convert errors to field error format\n * - `convertToMoneyValues` / `parseMoneyValues`: Money value conversion utilities\n * - `getHighPrecisionCurrencies` / `getEmptyCurrencies`: Currency utilities\n *\n * @example\n * ```tsx\n * <LocalizedField\n *   type=\"text\"\n *   label=\"Product Name\"\n *   defaultLocaleOrCurrency=\"en\"\n *   valuesByLocaleOrCurrency={{ en: \"Product\", de: \"Produkt\" }}\n *   onChange={(e) => console.log(e.target.locale, e.target.value)}\n * />\n * ```\n */\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n  // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n  getId: getLocaleFieldAttribute,\n  getName: getLocaleFieldAttribute,\n  isTouched,\n  isEmpty,\n  createLocalizedString,\n  omitEmptyTranslations,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n});\n"],"mappings":"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"}

package/dist/chunks/localized-field-vfKE1b-m.cjs

@@ -0,0 +1,2 @@
+const e=require("./CollectionBuilder-Ba29Jn6W.cjs"),t=require("./mergeProps-D85NQS_9.cjs"),n=require("./useField-Dt79108z.cjs"),r=require("./Dialog-CAMfhbkC.cjs"),i=require("./multiline-text-input-ti8tq2ZH.cjs"),a=require("./icon-button-PlmP6iwe.cjs"),o=require("./box-B6vF0vdN.cjs"),s=require("./normalize-messages-D3QZsMK8.cjs"),c=require("./popover-CP5kslre.cjs"),l=require("./field-errors-Cgvuc7Ga.cjs"),u=require("./form-field-Dc1lrHOw.cjs"),d=require("./stack-MlK9aGs9.cjs"),f=require("./text-input-CA50YleE.cjs"),p=require("./icon-DjrMssEK.cjs"),m=require("./money-input-DBR1vcpD.cjs"),h=require("./rich-text-input-nrrN5g0s.cjs"),ee=require("./button-zlbFzh1O.cjs");let g=require("react"),_=require("react/jsx-runtime"),v=require("@commercetools/nimbus-icons"),y=require("@chakra-ui/react/styled-system");var b={en:s.t({hideCurrencies:`Hide all currencies`,hideLanguages:`Hide all languages`,infoBoxTriggerAriaLabel:`more info`,missingRequiredField:`This field is required. Provide at least one value.`,showCurrencies:`Show all currencies`,showLanguages:`Show all languages`}),de:s.t({hideCurrencies:`Alle Währungen ausblenden`,hideLanguages:`Alle Sprachen ausblenden`,infoBoxTriggerAriaLabel:`Weitere Informationen`,missingRequiredField:`Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,showCurrencies:`Alle Währungen anzeigen`,showLanguages:`Alle Sprachen anzeigen`}),es:s.t({hideCurrencies:`Ocultar todas las monedas`,hideLanguages:`Ocultar todas las monedas`,infoBoxTriggerAriaLabel:`más información`,missingRequiredField:`Este valor es necesario. Proporciona al menos un valor.`,showCurrencies:`Mostrar todas las monedas`,showLanguages:`Mostrar todos los idiomas`}),"fr-FR":s.t({hideCurrencies:`Masquer toutes les devises`,hideLanguages:`Masquer toutes les langues`,infoBoxTriggerAriaLabel:`Plus d'informations`,missingRequiredField:`Ce champ est requis. Indiquez au moins une valeur.`,showCurrencies:`Afficher toutes les devises`,showLanguages:`Afficher toutes les langues`}),"pt-BR":s.t({hideCurrencies:`Ocultar todas as ocorrências`,hideLanguages:`Ocultar todos os idiomas`,infoBoxTriggerAriaLabel:`mais informações`,missingRequiredField:`Este campo é obrigatório. Forneça pelo menos um valor.`,showCurrencies:`Mostrar todas as ocorrências`,showLanguages:`Mostrar todos os idiomas`})},{withProvider:x,withContext:S}=(0,y.createSlotRecipeContext)({key:`nimbusLocalizedField`}),C=x(`fieldset`,`root`),w=S(`legend`,`label`),T=S(`div`,`infoDialog`),E=S(`div`,`fieldsContainer`),te=S(`div`,`description`),ne=S(`div`,`error`),re=S(`div`,`toggleButtonContainer`),D=S(`div`,`localeFieldRoot`),O=S(`div`,`localeFieldLabel`),k=S(`div`,`localeFieldInput`),A=()=>{let e=s.n(b);return(0,_.jsx)(u.t.Error,{children:e.format(`missingRequiredField`)})},j=(e,t)=>e&&t?`${e}.${t}`:void 0,M=e=>e.split(`-`)[0],N=(e,t)=>{let n=M(e),r=t.filter(e=>M(e)===n);return{unrelated:t.filter(e=>M(e)!==n),related:r}},ie=(e,t)=>{let{related:n,unrelated:r}=N(e,t.filter(t=>t!==e));return[e,...n.sort(),...r.sort()]},ae=(e,t)=>[e,...t.filter(t=>t!==e).sort()],oe=(e,t)=>e&&Object.keys(e).length>0&&t?Object.keys(e).some(e=>e!==t):!1,P=(e,t)=>Array.from(new Set([...e,...Object.keys(t)])).reduce((e,n)=>({...e,[n]:t?.[n]||``}),{}),F=e=>!e||Object.values(e).every(e=>!e||e?.trim().length===0),I=e=>(typeof e!=`object`&&console.warn(`Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object`),Object.entries(e).reduce((e,[t,n])=>n&&n.trim().length>0?{...e,[t]:n}:e,{})),se=e=>e?Object.values(e).some(Boolean):!1;function L(e){return e}var R=(e,t)=>Object.values(e).map(e=>m.t.convertToMoneyValue(e,t)),z=(e=[],t)=>e.reduce((e,n)=>{let r=m.t.parseMoneyValue(n,t);return{...e,[r.currencyCode]:r}},{}),B=(e,t)=>Object.keys(e).filter(n=>m.t.isHighPrecision(e[n],t)),V=e=>Object.keys(e).filter(t=>m.t.isEmpty(e[t])),ce=({type:e,size:t,localeOrCurrency:n,id:r,name:a,inputValue:o,description:s,warning:c,error:l,onChange:d,onBlur:ee,onFocus:y,isRequired:b,isReadOnly:x,isDisabled:S,isInvalid:C,touched:w,...T})=>{let E;switch(e){case`text`:default:E=f.t;break;case`multiLine`:E=i.t;break;case`money`:E=m.t;break;case`richText`:E=h.t}let te=e===`money`?o||{amount:``,currencyCode:n}:o||``,ne=(0,g.useCallback)(e=>{d({target:typeof e==`object`?{id:e.target.id,name:e.target.name,locale:void 0,currency:n,value:e.target.value}:{id:r,name:a,locale:n,currency:void 0,value:e}})},[r,a,n,d]);return(0,_.jsx)(D,{asChild:!0,children:(0,_.jsxs)(u.t.Root,{isDisabled:S,isReadOnly:x,isInvalid:(C||!!l)&&w,direction:`row`,size:t,id:r,children:[(0,_.jsx)(O,{display:e===`money`?`none`:void 0,...S&&{"data-disabled":S},asChild:!0,children:(0,_.jsx)(u.t.Label,{children:n.toLocaleUpperCase()})}),(0,_.jsx)(u.t.Input,{children:(0,_.jsx)(k,{"aria-required":b,asChild:!0,children:(0,_.jsx)(E,{...T,size:t,value:te,onChange:ne,onBlur:e=>ee?.(e,n),onFocus:e=>y?.(e,n),isRequired:b,isDisabled:S,isReadOnly:x,isInvalid:(C||!!l)&&w})})}),(s||c&&w)&&(0,_.jsx)(u.t.Description,{role:c&&w?`status`:void 0,color:c&&w?`warning.11`:void 0,display:`flex`,gap:`100`,alignItems:`center`,children:c&&w?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p.t,{colorPalette:`warning`,children:(0,_.jsx)(v.WarningAmber,{})}),c]}):s}),l&&w&&(0,_.jsx)(u.t.Error,{children:l})]})})},H=Object.assign(({type:i=`text`,id:u,name:f,defaultLocaleOrCurrency:m,valuesByLocaleOrCurrency:h,placeholdersByLocaleOrCurrency:y,descriptionsByLocaleOrCurrency:x,warningsByLocaleOrCurrency:S,errorsByLocaleOrCurrency:D,label:O,hint:k,description:A,warning:M,warnings:N,renderWarning:P,error:F,errors:I,renderError:se,touched:L,isRequired:R,isDisabled:z,isReadOnly:B,onChange:V,onBlur:H,onFocus:le,defaultExpanded:ue=!1,displayAllLocalesOrCurrencies:U=!1,size:W,autoFocus:G,"data-track-component":de,"data-testid":fe,"data-test":pe,...me})=>{let[K,he]=(0,g.useState)(U||ue),q=s.n(b),ge=t.i(),_e=t.i(),J=!!(F||I&&Object.values(I).some(e=>e===!0)),Y=!!(M||N&&Object.values(N).some(Boolean)),X=!!(J&&L),{labelProps:ve,fieldProps:ye,descriptionProps:Z,errorMessageProps:Q}=n.t({id:u,label:O,description:A,errorMessage:F,isInvalid:X}),$=Object.keys(h),be=(0,g.useMemo)(()=>(i===`money`?ae(m,$):ie(m,$)).reduce((e,t)=>{let n={localeOrCurrency:t,inputValue:h[t],placeholder:y?.[t],description:x?.[t],warning:S?.[t],error:D?.[t],...t===m&&G?{autoFocus:G}:{},isInvalid:X,isRequired:R,isDisabled:z,isReadOnly:B};return K||!K&&t===m?[...e,n]:e},[]),[h,y,x,S,D,m,K,X,R,z,B,G,$,i]),xe=(oe(D,m)||J)&&L;return xe&&!K&&he(!0),(0,_.jsxs)(C,{...me,...ye,"aria-details":k?_e:void 0,type:i,size:W,name:f,children:[O&&(0,_.jsxs)(d.t,{direction:`row`,gap:`0`,children:[(0,_.jsxs)(w,{...ve,children:[O,R&&(0,_.jsx)(`sup`,{"aria-hidden":`true`,children:`*`})]}),k&&(0,_.jsxs)(r.t,{children:[(0,_.jsx)(a.t,{id:_e,"aria-label":q.format(`infoBoxTriggerAriaLabel`),size:`2xs`,colorPalette:`info`,variant:`link`,children:(0,_.jsx)(v.HelpOutline,{})}),(0,_.jsx)(c.t,{padding:0,children:(0,_.jsx)(T,{asChild:!0,children:(0,_.jsx)(r.n,{children:(0,_.jsx)(o.t,{p:`300`,children:k})})})})]})]}),(0,_.jsx)(E,{id:ge,"data-expanded":K,children:(0,_.jsx)(e.i,{items:be,children:e=>(0,_.jsx)(ce,{...e,size:W,type:i,onChange:V,onBlur:H,onFocus:le,touched:L,id:j(ye.id,e.localeOrCurrency),name:j(f,e.localeOrCurrency),"data-test":j(pe,e.localeOrCurrency),"data-testid":j(fe,e.localeOrCurrency),"data-track-component":j(de,e.localeOrCurrency)})})}),!U&&$.length>1&&(0,_.jsx)(re,{children:(0,_.jsxs)(ee.t,{"aria-controls":ge,"aria-describedby":ve.id,"aria-expanded":K,onPress:()=>he(!K),isDisabled:z||xe&&K,variant:`ghost`,size:`2xs`,colorPalette:`primary`,children:[(0,_.jsx)(o.t,{as:i===`money`?v.Payments:v.Language,display:`inline-flex`,boxSize:`400`,verticalAlign:`text-bottom`,mr:`100`}),i===`money`?K?q.format(`hideCurrencies`):q.format(`showCurrencies`):K?q.format(`hideLanguages`):q.format(`showLanguages`)]})}),(A||Y&&L)&&(0,_.jsx)(te,{role:Y&&L?`status`:void 0,color:Y&&L?`warning.11`:void 0,"aria-labelledby":`${Z.id}-warning`,...Z,children:Y&&L?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(p.t,{colorPalette:`warning`,children:(0,_.jsx)(v.WarningAmber,{})}),(0,_.jsxs)(d.t,{gap:`0`,id:`${Z.id}-warning`,children:[M,N&&Y&&(0,_.jsx)(l.t,{errors:N,renderError:P,colorPalette:`warning`,role:void 0})]})]}):A}),X&&(0,_.jsxs)(ne,{"aria-labelledby":`${Q.id}-error`,role:`alert`,...Q,children:[(0,_.jsx)(p.t,{children:(0,_.jsx)(v.ErrorOutline,{})}),(0,_.jsxs)(d.t,{gap:`0`,id:`${Q.id}-error`,children:[F,I&&J&&(0,_.jsx)(l.t,{errors:I,renderError:se,role:void 0})]})]})]})},{getId:j,getName:j,isTouched:se,isEmpty:F,createLocalizedString:P,omitEmptyTranslations:I,RequiredValueErrorMessage:A,toFieldErrors:L,convertToMoneyValues:R,parseMoneyValues:z,getHighPrecisionCurrencies:B,getEmptyCurrencies:V});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return H}});
+//# sourceMappingURL=localized-field-vfKE1b-m.cjs.map

package/dist/chunks/localized-field-vfKE1b-m.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"localized-field-vfKE1b-m.cjs.js","names":[],"sources":["../../src/components/localized-field/intl/en.ts","../../src/components/localized-field/intl/de.ts","../../src/components/localized-field/intl/es.ts","../../src/components/localized-field/intl/fr-FR.ts","../../src/components/localized-field/intl/pt-BR.ts","../../src/components/localized-field/localized-field.messages.ts","../../src/components/localized-field/localized-field.slots.tsx","../../src/components/localized-field/utils/localized-field.utils.tsx","../../src/components/localized-field/components/localized-field.locale-field.tsx","../../src/components/localized-field/components/localized-field.root.tsx","../../src/components/localized-field/localized-field.tsx"],"sourcesContent":["/**\n * Pre-compiled en messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Hide all currencies`,\n  hideLanguages: `Hide all languages`,\n  infoBoxTriggerAriaLabel: `more info`,\n  missingRequiredField: `This field is required. Provide at least one value.`,\n  showCurrencies: `Show all currencies`,\n  showLanguages: `Show all languages`,\n};\n","/**\n * Pre-compiled de messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Alle Währungen ausblenden`,\n  hideLanguages: `Alle Sprachen ausblenden`,\n  infoBoxTriggerAriaLabel: `Weitere Informationen`,\n  missingRequiredField: `Dies ist ein Pflichtfeld. Bitte geben Sie mindestens einen Wert an.`,\n  showCurrencies: `Alle Währungen anzeigen`,\n  showLanguages: `Alle Sprachen anzeigen`,\n};\n","/**\n * Pre-compiled es messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas las monedas`,\n  hideLanguages: `Ocultar todas las monedas`,\n  infoBoxTriggerAriaLabel: `más información`,\n  missingRequiredField: `Este valor es necesario. Proporciona al menos un valor.`,\n  showCurrencies: `Mostrar todas las monedas`,\n  showLanguages: `Mostrar todos los idiomas`,\n};\n","/**\n * Pre-compiled fr-FR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Masquer toutes les devises`,\n  hideLanguages: `Masquer toutes les langues`,\n  infoBoxTriggerAriaLabel: `Plus d'informations`,\n  missingRequiredField: `Ce champ est requis. Indiquez au moins une valeur.`,\n  showCurrencies: `Afficher toutes les devises`,\n  showLanguages: `Afficher toutes les langues`,\n};\n","/**\n * Pre-compiled pt-BR messages for LocalizedField\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  hideCurrencies: `Ocultar todas as ocorrências`,\n  hideLanguages: `Ocultar todos os idiomas`,\n  infoBoxTriggerAriaLabel: `mais informações`,\n  missingRequiredField: `Este campo é obrigatório. Forneça pelo menos um valor.`,\n  showCurrencies: `Mostrar todas as ocorrências`,\n  showLanguages: `Mostrar todos os idiomas`,\n};\n","/**\n * Pre-compiled localized messages for LocalizedField component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport localizedFieldMessages_en from \"./intl/en\";\nimport localizedFieldMessages_de from \"./intl/de\";\nimport localizedFieldMessages_es from \"./intl/es\";\nimport localizedFieldMessages_fr from \"./intl/fr-FR\";\nimport localizedFieldMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const localizedFieldMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(localizedFieldMessages_en),\n  de: normalizeMessages(localizedFieldMessages_de),\n  es: normalizeMessages(localizedFieldMessages_es),\n  \"fr-FR\": normalizeMessages(localizedFieldMessages_fr),\n  \"pt-BR\": normalizeMessages(localizedFieldMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for LocalizedField component\n */\nexport type LocalizedFieldMessageKey =\n  | \"hideCurrencies\"\n  | \"hideLanguages\"\n  | \"infoBoxTriggerAriaLabel\"\n  | \"missingRequiredField\"\n  | \"showCurrencies\"\n  | \"showLanguages\";\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type {\n  LocalizedFieldRootSlotProps,\n  LocalizedFieldLabelSlotProps,\n  LocalizedFieldInfoDialogSlotProps,\n  LocalizedFieldFieldsContainerSlotProps,\n  LocalizedFieldDescriptionSlotProps,\n  LocalizedFieldErrorSlotProps,\n  LocalizedFieldToggleButtonContainerSlotProps,\n  LocalizedFieldLocaleFieldRootSlotProps,\n  LocalizedFieldLocaleFieldLabelSlotProps,\n  LocalizedFieldLocaleFieldInputSlotProps,\n} from \"./localized-field.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusLocalizedField\",\n});\n\n// Root Slot\nexport const LocalizedFieldRootSlot = withProvider<\n  HTMLFieldSetElement,\n  LocalizedFieldRootSlotProps\n>(\"fieldset\", \"root\");\n\n// Label Slot\nexport const LocalizedFieldLabelSlot = withContext<\n  HTMLLabelElement,\n  LocalizedFieldLabelSlotProps\n>(\"legend\", \"label\");\n\n// InfoDialog Slot\nexport const LocalizedFieldInfoDialogSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldInfoDialogSlotProps\n>(\"div\", \"infoDialog\");\n\n// FieldsContainer Slot\nexport const LocalizedFieldFieldsContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldFieldsContainerSlotProps\n>(\"div\", \"fieldsContainer\");\n\n// Description Slot\nexport const LocalizedFieldDescriptionSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldDescriptionSlotProps\n>(\"div\", \"description\");\n\n// Error Slot\nexport const LocalizedFieldErrorSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldErrorSlotProps\n>(\"div\", \"error\");\n\n// ToggleButtonContainer Slot\nexport const LocalizedFieldToggleButtonContainerSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldToggleButtonContainerSlotProps\n>(\"div\", \"toggleButtonContainer\");\n\n// LocaleFieldRoot Slot\nexport const LocalizedFieldLocaleFieldRootSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldRootSlotProps\n>(\"div\", \"localeFieldRoot\");\n\n// FieldLabel Slot\nexport const LocalizedFieldLocaleFieldLabelSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldLabelSlotProps\n>(\"div\", \"localeFieldLabel\");\n\n// FieldInput Slot\nexport const LocalizedFieldLocaleFieldInputSlot = withContext<\n  HTMLDivElement,\n  LocalizedFieldLocaleFieldInputSlotProps\n>(\"div\", \"localeFieldInput\");\n","import {\n  FormField,\n  type CurrencyCode,\n  type MoneyInputValue,\n  type MoneyValue,\n  type FieldErrorsData,\n  MoneyInput,\n} from \"@/components\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport type { LocalizedString } from \"../localized-field.types\";\n\ntype LanguagesSplitByDefaultLocale = {\n  related: string[];\n  unrelated: string[];\n};\n\ntype TouchedLocalizedString = { [locale: string]: boolean };\n\ntype CustomFormikErrors<Values> = {\n  [K in keyof Values]?: FieldErrorsData;\n};\n\nexport const RequiredValueErrorMessage = () => {\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n  return (\n    <FormField.Error>{msg.format(\"missingRequiredField\")}</FormField.Error>\n  );\n};\n\nexport const getLocaleFieldAttribute = (\n  fieldGroupAttr?: string,\n  locale?: string\n): string | undefined =>\n  fieldGroupAttr && locale ? `${fieldGroupAttr}.${locale}` : undefined;\n\n// gets the language tag of a given locale, e.g. `de` in `de-DE`\nexport const getLanguageForLocale = (locale: string): string =>\n  locale.split(\"-\")[0];\n\n// splits the locales into two groups:\n//  - the 'related' array contains locales with the same language tag as the default locale,\n//    e.g. if the default locale is de-DE, related would be ['de-DE', 'de-CH']\n//  - the 'unrelated' array contains locales with a different different language tag from the default locale\n//.   e.g. if the default locale is de-DE, unrelated would be ['pt-BR', 'en-GB', 'zh-Hans']\nexport const splitLanguages = (\n  defaultLocale: string,\n  locales: string[]\n): LanguagesSplitByDefaultLocale => {\n  const defaultLanguage = getLanguageForLocale(defaultLocale);\n  const related = locales.filter(\n    (locale) => getLanguageForLocale(locale) === defaultLanguage\n  );\n  const unrelated = locales.filter(\n    (locale) => getLanguageForLocale(locale) !== defaultLanguage\n  );\n  return {\n    unrelated,\n    related,\n  };\n};\n\n// sorts locales with the following priority:\n// - The selected locale is placed first (e.g pt-BR)\n// - All locales using the same language tag as the selected language\n//   follow (e.g. pt, pt-PT). They are sorted alphabetically.\n// - All other locales follow, sorted alphabetically as well\nexport const sortLocalesByDefaultLocaleLanguage = (\n  defaultLocale: string,\n  allLocales: string[]\n): string[] => {\n  const { related, unrelated } = splitLanguages(\n    defaultLocale,\n    allLocales.filter((locale: string) => locale !== defaultLocale)\n  );\n\n  return [defaultLocale, ...related.sort(), ...unrelated.sort()];\n};\n\nexport const sortCurrencies = (\n  defaultCurrency: CurrencyCode,\n  allCurrencies: CurrencyCode[]\n) => {\n  const remainingCurrencies = allCurrencies.filter(\n    (currency) => currency !== defaultCurrency\n  );\n  return [defaultCurrency, ...remainingCurrencies.sort()];\n};\n\nexport const getHasInvalidLocalizedFields = <TErrors extends object>(\n  errors?: TErrors,\n  defaultLocaleOrCurrency?: string\n): boolean => {\n  if (errors && Object.keys(errors).length > 0 && defaultLocaleOrCurrency) {\n    return Object.keys(errors).some(\n      (localeOrCurrency) => localeOrCurrency !== defaultLocaleOrCurrency\n    );\n  }\n  return false;\n};\n\nexport const createLocalizedString = (\n  locales: string[],\n  existingLocalizedString: LocalizedString\n): LocalizedString => {\n  const localesInLocalizedString = Array.from(\n    new Set([...locales, ...Object.keys(existingLocalizedString)])\n  );\n\n  return localesInLocalizedString.reduce<LocalizedString>(\n    (localizedString, locale) => ({\n      ...localizedString,\n      [locale]: existingLocalizedString?.[locale] || \"\",\n    }),\n    {}\n  );\n};\n\n// Note: I prefer `isLocalizedStringEmpty`, but keeping this as `isEmpty` for api consistency with UI Kit\nexport const isEmpty = (localizedString?: LocalizedString): boolean => {\n  if (!localizedString) return true;\n  return Object.values(localizedString).every(\n    (value?: string) => !value || value?.trim().length === 0\n  );\n};\n\nexport const omitEmptyTranslations = <Translations extends LocalizedString>(\n  localizedString: Translations\n): LocalizedString => {\n  // TODO: is it necessary to create a util that enforces a consistent warning/error format, e.g.\n  // `<COMPONENT_NAME> - Warning: <WARNING_MESSAGE>`\n  if (typeof localizedString !== \"object\") {\n    console.warn(\n      \"Nimbus Localized Field - Warning: omitEmptyTranslations must be called with an object\"\n    );\n  }\n\n  return Object.entries(localizedString).reduce<LocalizedString>(\n    (localizedStringWithoutEmptyTranslations, [locale, value]) => {\n      if (value && value.trim().length > 0) {\n        return {\n          ...localizedStringWithoutEmptyTranslations,\n          [locale]: value,\n        };\n      }\n      return localizedStringWithoutEmptyTranslations;\n    },\n    {}\n  );\n};\n\nexport const isTouched = (touched?: TouchedLocalizedString): boolean => {\n  if (touched) {\n    return Object.values(touched).some(Boolean);\n  }\n  return false;\n};\n\n/**\n * Use this function to convert the Formik `errors` object type to\n * our custom field errors type.\n * This is primarly useful when using TypeScript.\n */\nexport function toFieldErrors<FormValues>(\n  errors: unknown\n): CustomFormikErrors<FormValues> {\n  return errors as CustomFormikErrors<FormValues>;\n}\n\nexport const convertToMoneyValues = (\n  values: MoneyInputValue[],\n  currency: string\n): Array<MoneyValue | null> =>\n  Object.values(values).map<MoneyValue | null>((value) => {\n    return MoneyInput.convertToMoneyValue(value, currency);\n  });\n\nexport const parseMoneyValues = (\n  moneyValues: MoneyValue[] = [],\n  locale: string\n): Record<CurrencyCode, MoneyInputValue> =>\n  moneyValues.reduce<Record<CurrencyCode, MoneyInputValue>>(\n    (allValues, moneyValue) => {\n      const value = MoneyInput.parseMoneyValue(moneyValue, locale);\n      return {\n        ...allValues,\n        [value.currencyCode]: value,\n      };\n    },\n    {} as Record<CurrencyCode, MoneyInputValue>\n  );\n\nexport const getHighPrecisionCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>,\n  locale: string\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isHighPrecision(values[currencyCode], locale)\n  );\n};\n\nexport const getEmptyCurrencies = (\n  values: Record<CurrencyCode, MoneyInputValue>\n): CurrencyCode[] => {\n  const typedCurrencyCodes = Object.keys(values) as CurrencyCode[];\n  return typedCurrencyCodes.filter((currencyCode) =>\n    MoneyInput.isEmpty(values[currencyCode])\n  );\n};\n","import { useCallback } from \"react\";\nimport {\n  FormField,\n  Icon,\n  TextInput,\n  MoneyInput,\n  type CustomEvent,\n  MultilineTextInput,\n  RichTextInput,\n  type MoneyInputValue,\n  type CurrencyCode,\n} from \"@/components\";\nimport { WarningAmber } from \"@commercetools/nimbus-icons\";\nimport {\n  LocalizedFieldLocaleFieldRootSlot,\n  LocalizedFieldLocaleFieldInputSlot,\n  LocalizedFieldLocaleFieldLabelSlot,\n} from \"../localized-field.slots\";\nimport type { LocalizedFieldLocaleFieldProps } from \"../localized-field.types\";\n\n/**\n * LocalizedFieldLocaleField - Individual locale or currency input field\n *\n * Renders a single input field for a specific locale or currency with integrated\n * label, description, warning, and error message display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedFieldLocaleField = ({\n  type,\n  size,\n  localeOrCurrency,\n  id,\n  name,\n  inputValue: inputValueFromProps,\n  description,\n  warning,\n  error,\n  onChange,\n  onBlur,\n  onFocus,\n  isRequired,\n  isReadOnly,\n  isDisabled,\n  isInvalid,\n  touched,\n  ...otherProps\n}: LocalizedFieldLocaleFieldProps) => {\n  let InputComponent:\n    | typeof TextInput\n    | typeof MultilineTextInput\n    | typeof MoneyInput\n    | typeof RichTextInput;\n  switch (type) {\n    case \"text\":\n    default:\n      InputComponent = TextInput;\n      break;\n    case \"multiLine\":\n      InputComponent = MultilineTextInput;\n      break;\n    case \"money\":\n      InputComponent = MoneyInput;\n      break;\n    case \"richText\":\n      InputComponent = RichTextInput;\n      break;\n  }\n\n  const getInputValue = () => {\n    if (type === \"money\") {\n      return inputValueFromProps\n        ? (inputValueFromProps as MoneyInputValue)\n        : ({ amount: \"\", currencyCode: localeOrCurrency } as MoneyInputValue);\n    }\n    return inputValueFromProps ? inputValueFromProps : \"\";\n  };\n\n  const inputValue = getInputValue();\n\n  const handleChange = useCallback(\n    (value: string | CustomEvent | undefined) => {\n      // The `MoneyInput` onChange event value is a custom value,\n      // and the `MoneyInput` modifies the input id and name since it is in a `group`,\n      // so we need to build a separate return object for the MoneInput to return\n      // the expected values\n      const isMoneyInputEvent = typeof value === \"object\";\n      const changeValue = {\n        target: isMoneyInputEvent\n          ? {\n              id: value.target.id,\n              name: value.target.name,\n              locale: undefined,\n              currency: localeOrCurrency as CurrencyCode,\n              value: value.target.value,\n            }\n          : { id, name, locale: localeOrCurrency, currency: undefined, value },\n      };\n      onChange(changeValue);\n    },\n    [id, name, localeOrCurrency, onChange]\n  );\n\n  return (\n    <LocalizedFieldLocaleFieldRootSlot asChild>\n      <FormField.Root\n        isDisabled={isDisabled}\n        isReadOnly={isReadOnly}\n        isInvalid={(isInvalid || !!error) && touched}\n        direction=\"row\"\n        size={size}\n        id={id}\n      >\n        <LocalizedFieldLocaleFieldLabelSlot\n          display={type === \"money\" ? \"none\" : undefined}\n          {...(isDisabled && { \"data-disabled\": isDisabled })}\n          asChild\n        >\n          <FormField.Label>\n            {localeOrCurrency.toLocaleUpperCase()}\n          </FormField.Label>\n        </LocalizedFieldLocaleFieldLabelSlot>\n        <FormField.Input>\n          <LocalizedFieldLocaleFieldInputSlot\n            aria-required={isRequired}\n            asChild\n          >\n            <InputComponent\n              {...otherProps}\n              size={size}\n              value={inputValue as string & MoneyInputValue}\n              onChange={handleChange}\n              onBlur={(e: React.FocusEvent | CustomEvent) =>\n                onBlur?.(e, localeOrCurrency)\n              }\n              onFocus={(e: React.FocusEvent | CustomEvent) =>\n                onFocus?.(e, localeOrCurrency)\n              }\n              isRequired={isRequired}\n              isDisabled={isDisabled}\n              isReadOnly={isReadOnly}\n              isInvalid={(isInvalid || !!error) && touched}\n            />\n          </LocalizedFieldLocaleFieldInputSlot>\n        </FormField.Input>\n        {(description || (warning && touched)) && (\n          <FormField.Description\n            role={warning && touched ? \"status\" : undefined}\n            color={warning && touched ? \"warning.11\" : undefined}\n            display=\"flex\"\n            gap=\"100\"\n            alignItems=\"center\"\n          >\n            {warning && touched ? (\n              <>\n                <Icon colorPalette=\"warning\">\n                  <WarningAmber />\n                </Icon>\n                {warning}\n              </>\n            ) : (\n              description\n            )}\n          </FormField.Description>\n        )}\n        {error && touched && <FormField.Error>{error}</FormField.Error>}\n      </FormField.Root>\n    </LocalizedFieldLocaleFieldRootSlot>\n  );\n};\n","import { useState, useMemo } from \"react\";\nimport {\n  Collection as RaCollection,\n  Dialog as RaDialog,\n  DialogTrigger as RaDialogTrigger,\n} from \"react-aria-components\";\nimport { useField, useId } from \"react-aria\";\nimport {\n  ErrorOutline,\n  HelpOutline,\n  Language,\n  Payments,\n  WarningAmber,\n} from \"@commercetools/nimbus-icons\";\nimport {\n  Box,\n  Button,\n  FieldErrors,\n  Icon,\n  IconButton,\n  Stack,\n  type CurrencyCode,\n} from \"@/components\";\nimport { Popover } from \"../../popover\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { localizedFieldMessagesStrings } from \"../localized-field.messages\";\nimport {\n  LocalizedFieldRootSlot,\n  LocalizedFieldLabelSlot,\n  LocalizedFieldInfoDialogSlot,\n  LocalizedFieldFieldsContainerSlot,\n  LocalizedFieldDescriptionSlot,\n  LocalizedFieldErrorSlot,\n  LocalizedFieldToggleButtonContainerSlot,\n} from \"../localized-field.slots\";\nimport type {\n  LocalizedFieldProps,\n  MergedLocaleFieldData,\n  LocalizedCurrency,\n} from \"../localized-field.types\";\n\nimport {\n  getHasInvalidLocalizedFields,\n  getLocaleFieldAttribute,\n  sortCurrencies,\n  sortLocalesByDefaultLocaleLanguage,\n} from \"../utils/localized-field.utils\";\nimport { LocalizedFieldLocaleField } from \"./localized-field.locale-field\";\n\n/**\n * LocalizedField - Root component for managing localized input fields\n *\n * Provides a fieldset container for multiple locale-specific or currency-specific input fields\n * with expand/collapse functionality and integrated validation display. Supports text, multiline,\n * richText, and money input types.\n *\n * @supportsStyleProps\n */\nexport const LocalizedField = ({\n  type = \"text\",\n  id,\n  name,\n  defaultLocaleOrCurrency,\n  valuesByLocaleOrCurrency,\n  placeholdersByLocaleOrCurrency,\n  descriptionsByLocaleOrCurrency,\n  warningsByLocaleOrCurrency,\n  errorsByLocaleOrCurrency,\n  label,\n  hint,\n  description,\n  warning,\n  warnings,\n  renderWarning,\n  error,\n  errors,\n  renderError,\n  touched,\n  isRequired,\n  isDisabled,\n  isReadOnly,\n  onChange,\n  onBlur,\n  onFocus,\n  defaultExpanded = false,\n  displayAllLocalesOrCurrencies = false,\n  size,\n  autoFocus,\n  [\"data-track-component\"]: dataTrackComponent,\n  [\"data-testid\"]: dataTestId,\n  [\"data-test\"]: dataTest,\n  // DOM & Style props for wrapper container\n  ...rest\n}: LocalizedFieldProps) => {\n  const [expanded, setExpanded] = useState(\n    displayAllLocalesOrCurrencies || defaultExpanded\n  );\n\n  const msg = useLocalizedStringFormatter(localizedFieldMessagesStrings);\n\n  // Used to associate more info dialog with fieldset via `aria-controls`\n  const localeFieldsContainerId = useId();\n  // Used to associate more info dialog with fieldset via `aria-details`\n  const moreDetailsButtonId = useId();\n\n  // Either `error` exists, or there are `true` fields in the UI Kit compat `errors` object\n  const hasError: boolean = Boolean(\n    error || (errors && Object.values(errors).some((error) => error === true))\n  );\n\n  // Either `warning` exists, or there are `true` fields in the UI Kit compat `warnings` object\n  const hasWarning: boolean = Boolean(\n    warning || (warnings && Object.values(warnings).some(Boolean))\n  );\n\n  // FieldGroup is invalid if a non-field-specific error is passed and the group has been touched\n  // When FieldGroup is invalid, all fields will display error styling without displaying a field-specific error message\n  const isInvalid: boolean = !!(hasError && touched);\n\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } =\n    useField({\n      id,\n      label,\n      description,\n      errorMessage: error,\n      isInvalid,\n    });\n\n  // Array of locales/currencies to display as input fields\n  const localizationKeys: string[] | CurrencyCode[] = Object.keys(\n    valuesByLocaleOrCurrency\n  );\n\n  // Merge all -ByLocaleOrCurrencies data for each field\n  const allDataForFields = useMemo(() => {\n    const sortedFieldData =\n      type === \"money\"\n        ? sortCurrencies(\n            defaultLocaleOrCurrency as CurrencyCode,\n            localizationKeys as CurrencyCode[]\n          )\n        : sortLocalesByDefaultLocaleLanguage(\n            defaultLocaleOrCurrency,\n            localizationKeys\n          );\n\n    return sortedFieldData.reduce(\n      (allFieldData: MergedLocaleFieldData[], localizationKey) => {\n        const allDataForLocale = {\n          localeOrCurrency: localizationKey,\n          inputValue:\n            type === \"money\"\n              ? (valuesByLocaleOrCurrency as LocalizedCurrency)[localizationKey]\n              : (valuesByLocaleOrCurrency[localizationKey] as string),\n          placeholder: placeholdersByLocaleOrCurrency?.[localizationKey],\n          description: descriptionsByLocaleOrCurrency?.[localizationKey],\n          warning: warningsByLocaleOrCurrency?.[localizationKey],\n          error: errorsByLocaleOrCurrency?.[localizationKey],\n          // autoFocus default/first locale field\n          ...(localizationKey === defaultLocaleOrCurrency && autoFocus\n            ? { autoFocus }\n            : {}),\n          isInvalid,\n          isRequired,\n          isDisabled,\n          isReadOnly,\n        };\n        if (\n          expanded ||\n          // Only display defaultLocaleOrInput field if fieldGroup is not expanded\n          (!expanded && localizationKey === defaultLocaleOrCurrency)\n        ) {\n          return [...allFieldData, allDataForLocale];\n        }\n        return allFieldData;\n      },\n      []\n    );\n  }, [\n    valuesByLocaleOrCurrency,\n    placeholdersByLocaleOrCurrency,\n    descriptionsByLocaleOrCurrency,\n    warningsByLocaleOrCurrency,\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency,\n    expanded,\n    isInvalid,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n    autoFocus,\n    localizationKeys,\n    type,\n  ]);\n\n  const groupHasInvalidLocalizedFields = getHasInvalidLocalizedFields(\n    errorsByLocaleOrCurrency,\n    defaultLocaleOrCurrency\n  );\n\n  const shouldExpandInvalidFields =\n    (groupHasInvalidLocalizedFields || hasError) && touched;\n  // If there are fields that are invalid, ensure that field group\n  // shows all fields so that invalid field is visible\n  if (shouldExpandInvalidFields && !expanded) {\n    setExpanded(true);\n  }\n\n  return (\n    <LocalizedFieldRootSlot\n      {...rest}\n      {...fieldProps}\n      aria-details={hint ? moreDetailsButtonId : undefined}\n      type={type}\n      size={size}\n      name={name}\n    >\n      {label && (\n        <Stack direction=\"row\" gap=\"0\">\n          <LocalizedFieldLabelSlot {...labelProps}>\n            {label}\n            {isRequired && <sup aria-hidden=\"true\">*</sup>}\n          </LocalizedFieldLabelSlot>\n          {hint && (\n            <RaDialogTrigger>\n              <IconButton\n                id={moreDetailsButtonId}\n                aria-label={msg.format(\"infoBoxTriggerAriaLabel\")}\n                size=\"2xs\"\n                colorPalette=\"info\"\n                variant=\"link\"\n              >\n                <HelpOutline />\n              </IconButton>\n\n              <Popover padding={0}>\n                <LocalizedFieldInfoDialogSlot asChild>\n                  <RaDialog>\n                    <Box p=\"300\">{hint}</Box>\n                  </RaDialog>\n                </LocalizedFieldInfoDialogSlot>\n              </Popover>\n            </RaDialogTrigger>\n          )}\n        </Stack>\n      )}\n      <LocalizedFieldFieldsContainerSlot\n        id={localeFieldsContainerId}\n        data-expanded={expanded}\n      >\n        <RaCollection items={allDataForFields}>\n          {(item) => {\n            return (\n              <LocalizedFieldLocaleField\n                {...item}\n                size={size}\n                type={type}\n                onChange={onChange}\n                onBlur={onBlur}\n                onFocus={onFocus}\n                touched={touched}\n                // Format field attributes to match uikit pattern\n                id={getLocaleFieldAttribute(\n                  fieldProps.id,\n                  item.localeOrCurrency\n                )}\n                name={getLocaleFieldAttribute(name, item.localeOrCurrency)}\n                data-test={getLocaleFieldAttribute(\n                  dataTest,\n                  item.localeOrCurrency\n                )}\n                data-testid={getLocaleFieldAttribute(\n                  dataTestId,\n                  item.localeOrCurrency\n                )}\n                data-track-component={getLocaleFieldAttribute(\n                  dataTrackComponent,\n                  item.localeOrCurrency\n                )}\n              />\n            );\n          }}\n        </RaCollection>\n      </LocalizedFieldFieldsContainerSlot>\n\n      {!displayAllLocalesOrCurrencies && localizationKeys.length > 1 && (\n        <LocalizedFieldToggleButtonContainerSlot>\n          <Button\n            aria-controls={localeFieldsContainerId}\n            aria-describedby={labelProps.id}\n            aria-expanded={expanded}\n            onPress={() => setExpanded(!expanded)}\n            isDisabled={isDisabled || (shouldExpandInvalidFields && expanded)}\n            variant=\"ghost\"\n            size=\"2xs\"\n            colorPalette=\"primary\"\n          >\n            <Box\n              as={type === \"money\" ? Payments : Language}\n              display=\"inline-flex\"\n              boxSize=\"400\"\n              verticalAlign=\"text-bottom\"\n              mr=\"100\"\n            />\n            {type === \"money\"\n              ? expanded\n                ? msg.format(\"hideCurrencies\")\n                : msg.format(\"showCurrencies\")\n              : expanded\n                ? msg.format(\"hideLanguages\")\n                : msg.format(\"showLanguages\")}\n          </Button>\n        </LocalizedFieldToggleButtonContainerSlot>\n      )}\n      {(description || (hasWarning && touched)) && (\n        <LocalizedFieldDescriptionSlot\n          role={hasWarning && touched ? \"status\" : undefined}\n          color={hasWarning && touched ? \"warning.11\" : undefined}\n          // In order to associate the warnings from both the warning and legacy warnings props with the fieldset,\n          // we must associate, them to this element with aria-labelledby\n          aria-labelledby={`${descriptionProps.id}-warning`}\n          {...descriptionProps}\n        >\n          {/** Warnings are for compat with UI Kit localized fields */}\n          {hasWarning && touched ? (\n            <>\n              <Icon colorPalette=\"warning\">\n                <WarningAmber />\n              </Icon>\n              <Stack gap=\"0\" id={`${descriptionProps.id}-warning`}>\n                {warning}\n                {warnings && hasWarning && (\n                  <FieldErrors\n                    errors={warnings}\n                    renderError={renderWarning}\n                    colorPalette=\"warning\"\n                    role={undefined}\n                  />\n                )}\n              </Stack>\n            </>\n          ) : (\n            description\n          )}\n        </LocalizedFieldDescriptionSlot>\n      )}\n      {isInvalid && (\n        <LocalizedFieldErrorSlot\n          // In order to associate the errors from both the error and legacy errors props with the fieldset,\n          // we must associate them to this element with aria-labelledby.\n          aria-labelledby={`${errorMessageProps.id}-error`}\n          role=\"alert\"\n          {...errorMessageProps}\n        >\n          <Icon>\n            <ErrorOutline />\n          </Icon>\n          <Stack gap=\"0\" id={`${errorMessageProps.id}-error`}>\n            {error}\n            {errors && hasError && (\n              <FieldErrors\n                errors={errors}\n                renderError={renderError}\n                role={undefined}\n              />\n            )}\n          </Stack>\n        </LocalizedFieldErrorSlot>\n      )}\n    </LocalizedFieldRootSlot>\n  );\n};\n","import { LocalizedFieldRoot } from \"./components\";\nimport {\n  getLocaleFieldAttribute,\n  createLocalizedString,\n  isEmpty,\n  omitEmptyTranslations,\n  isTouched,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n} from \"./utils/localized-field.utils\";\n\n/**\n * LocalizedField component with utility methods for managing localized input fields.\n *\n * This component provides a fieldset for managing multiple locale-specific or currency-specific\n * input fields with expand/collapse functionality and integrated validation display.\n *\n * **Utility Methods** (for compatibility with UI Kit):\n * - `getId` / `getName`: Format field attributes with locale suffix\n * - `isTouched`: Check if any locale field has been touched\n * - `isEmpty`: Check if all locale fields are empty\n * - `createLocalizedString`: Create empty localized string object\n * - `omitEmptyTranslations`: Remove empty translations from localized object\n * - `RequiredValueErrorMessage`: Standard error message component\n * - `toFieldErrors`: Convert errors to field error format\n * - `convertToMoneyValues` / `parseMoneyValues`: Money value conversion utilities\n * - `getHighPrecisionCurrencies` / `getEmptyCurrencies`: Currency utilities\n *\n * @example\n * ```tsx\n * <LocalizedField\n *   type=\"text\"\n *   label=\"Product Name\"\n *   defaultLocaleOrCurrency=\"en\"\n *   valuesByLocaleOrCurrency={{ en: \"Product\", de: \"Produkt\" }}\n *   onChange={(e) => console.log(e.target.locale, e.target.value)}\n * />\n * ```\n */\nexport const LocalizedField = Object.assign(LocalizedFieldRoot, {\n  // Add util methods here for compat with uikit - see https://github.com/commercetools/ui-kit/blob/e97e0c7e8f3e9393981bf1949573212d7c571c90/packages/components/inputs/localized-text-input/src/localized-text-input.tsx#L396\n  getId: getLocaleFieldAttribute,\n  getName: getLocaleFieldAttribute,\n  isTouched,\n  isEmpty,\n  createLocalizedString,\n  omitEmptyTranslations,\n  RequiredValueErrorMessage,\n  toFieldErrors,\n  convertToMoneyValues,\n  parseMoneyValues,\n  getHighPrecisionCurrencies,\n  getEmptyCurrencies,\n});\n"],"mappings":"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"}

package/dist/chunks/make-element-focusable-DwctwMY8.es.js

@@ -0,0 +1,15 @@
+import { t as e } from "./mergeProps-CcIgWXT_.es.js";
+import { t } from "./useObjectRef-CHgRzzQD.es.js";
+import { n } from "./useFocusable-DihCb98C.es.js";
+import { t as r } from "./merge-refs-C1GcH9iY.es.js";
+import { cloneElement as i, isValidElement as a, useRef as o } from "react";
+//#region src/components/tooltip/make-element-focusable.tsx
+var s = function({ ref: s, children: c, ...l }) {
+	let u = o(null), d = t(r(u, s)), { focusableProps: f } = n(l, d);
+	return a(c) ? i(c, e(f, c.props, { ref: d })) : null;
+};
+s.displayName = "MakeElementFocusable";
+//#endregion
+export { s as t };
+
+//# sourceMappingURL=make-element-focusable-DwctwMY8.es.js.map

package/dist/chunks/make-element-focusable-DwctwMY8.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-element-focusable-DwctwMY8.es.js","names":[],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":";;;;;;AA4CA,IAAa,IAAuB,SAA8B,EAChE,KAAK,GACL,aACA,GAAG,KACyB;CAC5B,IAAM,IAAW,EAAoB,IAAI,GACnC,IAAM,EAAa,EAAU,GAAU,CAAY,CAAC,GACpD,EAAE,sBAAmB,EAAa,GAAO,CAAG;CAalD,OAXI,EAAe,CAAQ,IAClB,EACL,GACA,EACE,GACA,EAAS,OACT,EAAO,OAAI,CACb,CACF,IAGK;AACT;AACA,EAAqB,cAAc"}

package/dist/chunks/make-element-focusable-EACkGy1V.cjs

@@ -0,0 +1,2 @@
+const e=require("./mergeProps-D85NQS_9.cjs"),t=require("./useObjectRef-B_odk_Xk.cjs"),n=require("./useFocusable-qit0BsPN.cjs"),r=require("./merge-refs-DjTl2ATo.cjs");let i=require("react");var a=function({ref:a,children:o,...s}){let c=(0,i.useRef)(null),l=t.t(r.t(c,a)),{focusableProps:u}=n.n(s,l);return(0,i.isValidElement)(o)?(0,i.cloneElement)(o,e.t(u,o.props,{ref:l})):null};a.displayName=`MakeElementFocusable`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=make-element-focusable-EACkGy1V.cjs.map

package/dist/chunks/make-element-focusable-EACkGy1V.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"make-element-focusable-EACkGy1V.cjs.js","names":[],"sources":["../../src/components/tooltip/make-element-focusable.tsx"],"sourcesContent":["import {\n  cloneElement,\n  useRef,\n  type PropsWithChildren,\n  isValidElement,\n} from \"react\";\nimport {\n  mergeProps,\n  useObjectRef,\n  useFocusable,\n  type FocusableOptions,\n} from \"react-aria\";\n\nimport { mergeRefs } from \"@/utils\";\n\nexport type MakeElementFocusableProps = PropsWithChildren<\n  FocusableOptions<HTMLElement>\n> & {\n  /**\n   * React ref to be forwarded to the underlying element\n   */\n  ref?: React.Ref<HTMLElement>;\n};\n\n/**\n * MakeElementFocusable\n * ============================================================\n * A helper component that adds props from `react-aria`s `useFocusable` hook\n * to its child so that it can be used as a trigger element for a `Tooltip`\n *\n * Caveats:\n * - Using non-interactive elements as tooltip triggers is against ARIA best-practices,\n *   it is your responsibility to ensure that the underlying trigger element handles\n *   focus and hover interactions correctly for keyboard-only users\n *\n * Features:\n * - allows forwarding refs to the underlying DOM element\n * - accepts all native html 'HTMLElement' attributes (including aria- & data-attributes)\n *\n * Further Context:\n * - [React Aria Components Tooltip Documentation](https://react-spectrum.adobe.com/react-aria/Tooltip.html)\n * - [React Aria Components Issue re:Tooltip with custom trigger](https://github.com/adobe/react-spectrum/issues/5733#issuecomment-1918691983)\n * - [ARIA Tooltip Pattern](https://www.w3.org/TR/wai-aria-1.2/#tooltip)\n */\nexport const MakeElementFocusable = function MakeElementFocusable({\n  ref: forwardedRef,\n  children,\n  ...props\n}: MakeElementFocusableProps) {\n  const localRef = useRef<HTMLElement>(null);\n  const ref = useObjectRef(mergeRefs(localRef, forwardedRef));\n  const { focusableProps } = useFocusable(props, ref);\n\n  if (isValidElement(children)) {\n    return cloneElement(\n      children,\n      mergeProps(\n        focusableProps,\n        children.props as PropsWithChildren<FocusableOptions<HTMLElement>>,\n        { ref: ref }\n      )\n    );\n  }\n\n  return null;\n};\nMakeElementFocusable.displayName = \"MakeElementFocusable\";\n"],"mappings":"yMA4CA,IAAa,EAAuB,SAA8B,CAChE,IAAK,EACL,WACA,GAAG,GACyB,CAC5B,IAAM,GAAA,EAAW,EAAA,OAAA,CAAoB,IAAI,EACnC,EAAM,EAAA,EAAa,EAAA,EAAU,EAAU,CAAY,CAAC,EACpD,CAAE,kBAAmB,EAAA,EAAa,EAAO,CAAG,EAalD,OAXA,EAAI,EAAA,eAAA,CAAe,CAAQ,GACzB,EAAO,EAAA,aAAA,CACL,EACA,EAAA,EACE,EACA,EAAS,MACT,CAAO,KAAI,CACb,CACF,EAGK,IACT,EACA,EAAqB,YAAc"}