sanity-plugin-internationalized-array 5.0.0-canary.0 → 5.0.0

package/dist/index.js

@@ -1,14 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useLanguageFilterStudioContext, languageFilter } from "@sanity/language-filter";
-import { isSanityDocument, useSchema, setIfMissing, insert, PatchEvent, useClient, useWorkspace, useFormValue, defineDocumentFieldAction, set, ArrayOfObjectsItem, MemberItemError, defineField, unset, isDocumentSchemaType, definePlugin, isObjectInputProps } from "sanity";
+import { useClient, useWorkspace, useGetFormValue, useSchema, isSanityDocument, setIfMissing, insert, PatchEvent, isDocumentSchemaType, defineDocumentFieldAction, useFormValue, set, ArrayOfObjectsItem, MemberItemError, defineField, unset, definePlugin, isObjectInputProps } from "sanity";
 import { c } from "react/compiler-runtime";
-import { Grid, Button, useToast, Stack, Box, Text, Card, Code, Flex, Spinner, Label, MenuButton, Menu, MenuItem, Tooltip } from "@sanity/ui";
-import { createContext, useContext, useDeferredValue, use, useCallback, useEffect, createElement } from "react";
-import { useDocumentPane } from "sanity/structure";
+import { Grid, Button, useToast, Stack, Box, Text, Card, Code, Flex, Spinner, Label, MenuButton, Tooltip, MenuItem, Menu } from "@sanity/ui";
 import { randomKey } from "@sanity/util/content";
+import { useDocumentPane } from "sanity/structure";
 import { AddIcon, TranslateIcon, WarningOutlineIcon, RemoveCircleIcon } from "@sanity/icons";
-import { get, upperFirst, camelCase } from "lodash-es";
-const namespace = "sanity-plugin-internationalized-array", functionCache = /* @__PURE__ */ new Map(), functionKeyCache = /* @__PURE__ */ new WeakMap(), promiseCache = /* @__PURE__ */ new Map();
+import { createContext, useContext, useDeferredValue, use, useCallback, useEffect, createElement } from "react";
+import get from "lodash-es/get.js";
+import camelCase from "lodash-es/camelCase.js";
+import upperFirst from "lodash-es/upperFirst.js";
+const namespace = "sanity-plugin-internationalized-array", functionKeyCache = /* @__PURE__ */ new WeakMap(), promiseCache = /* @__PURE__ */ new Map(), functionCache = /* @__PURE__ */ new Map();
 function stringifyCacheKey(key) {
   return JSON.stringify(key);
 }
@@ -65,6 +67,7 @@ const preloadWithKey = (fn, key) => {
   buttonLocations: ["field"],
   buttonAddAll: !0,
   languageDisplay: "codeOnly",
+  includeForDocumentType: (documentType) => documentType !== "translation.metadata",
   languageFilter: {
     documentTypes: []
   }
@@ -95,86 +98,6 @@ const preloadWithKey = (fn, key) => {
 function getLanguageDisplay(languageDisplay, title, code) {
   return languageDisplay === "codeOnly" ? code.toUpperCase() : languageDisplay === "titleOnly" ? title : languageDisplay === "titleAndCode" ? `${title} (${code.toUpperCase()})` : title;
 }
-function AddButtons(props) {
-  const $ = c(6), {
-    languages,
-    readOnly,
-    value,
-    handleClick
-  } = props, {
-    languageDisplay
-  } = useInternationalizedArrayContext();
-  let t0;
-  return $[0] !== handleClick || $[1] !== languageDisplay || $[2] !== languages || $[3] !== readOnly || $[4] !== value ? (t0 = languages.length > 0 ? /* @__PURE__ */ jsx(Grid, { columns: Math.min(languages.length, MAX_COLUMNS[languageDisplay]), gap: 2, "data-testid": "add-buttons-grid", children: languages.map((language) => {
-    const languageTitle = getLanguageDisplay(languageDisplay, language.title, language.id);
-    return /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", fontSize: 1, "data-testid": `add-${language.id}`, disabled: readOnly || !!value?.find((item) => item[LANGUAGE_FIELD_NAME] === language.id), text: languageTitle, icon: languages.length > MAX_COLUMNS[languageDisplay] && languageDisplay === "codeOnly" ? void 0 : AddIcon, value: language.id, onClick: () => handleClick(language.id) }, language.id);
-  }) }) : null, $[0] = handleClick, $[1] = languageDisplay, $[2] = languages, $[3] = readOnly, $[4] = value, $[5] = t0) : t0 = $[5], t0;
-}
-function DocumentAddButtons(props) {
-  const $ = c(14), {
-    filteredLanguages
-  } = useInternationalizedArrayContext(), value = isSanityDocument(props.value) ? props.value : void 0, toast = useToast(), {
-    onChange
-  } = useDocumentPane(), schema = useSchema();
-  let t0;
-  $[0] !== value ? (t0 = getDocumentsToTranslate(value, []), $[0] = value, $[1] = t0) : t0 = $[1];
-  const documentsToTranslation = t0;
-  let t1;
-  $[2] !== schema ? (t1 = (typeName) => {
-    if (!typeName)
-      return;
-    const match = typeName.match(/^internationalizedArray(.+)Value$/);
-    if (!match || !match[1])
-      return;
-    const baseTypeName = match[1].charAt(0).toLowerCase() + match[1].slice(1), arrayBasedTypes = /* @__PURE__ */ new Set(["body", "htmlContent", "blockContent", "portableText"]);
-    if (arrayBasedTypes.has(baseTypeName))
-      return [];
-    const schemaType = schema.get(typeName);
-    if (schemaType && "fields" in schemaType) {
-      const valueField = schemaType.fields.find(_temp$3);
-      if (valueField) {
-        const fieldType = valueField.type;
-        if (fieldType?.jsonType === "array" || fieldType?.name === "array" || fieldType?.type === "array" || fieldType?.of !== void 0 || fieldType?.name && arrayBasedTypes.has(fieldType.name))
-          return [];
-      }
-    }
-  }, $[2] = schema, $[3] = t1) : t1 = $[3];
-  const getInitialValueForType = t1;
-  let t2;
-  $[4] !== documentsToTranslation || $[5] !== filteredLanguages || $[6] !== getInitialValueForType || $[7] !== onChange || $[8] !== toast ? (t2 = async (languageId) => {
-    const alreadyTranslated = documentsToTranslation.filter((translation) => translation?.[LANGUAGE_FIELD_NAME] === languageId), removeDuplicates = documentsToTranslation.reduce((filteredTranslations, translation_0) => (alreadyTranslated.filter((alreadyTranslation) => alreadyTranslation.pathString === translation_0.pathString).length > 0 || filteredTranslations.filter((filteredTranslation) => filteredTranslation.path === translation_0.path).length > 0 || filteredTranslations.push(translation_0), filteredTranslations), []);
-    if (removeDuplicates.length === 0) {
-      const language = filteredLanguages.find((l) => l.id === languageId);
-      toast.push({
-        status: "warning",
-        title: `No missing translations for ${language?.title || languageId} found.`
-      });
-      return;
-    }
-    const patches = [];
-    for (const toTranslate of removeDuplicates) {
-      const path = toTranslate.path, initialValue = getInitialValueForType(toTranslate._type), ifMissing = setIfMissing([], path), insertValue = insert([{
-        _key: randomKey(),
-        [LANGUAGE_FIELD_NAME]: languageId,
-        _type: toTranslate._type,
-        value: initialValue
-      }], "after", [...path, -1]);
-      patches.push(ifMissing), patches.push(insertValue);
-    }
-    onChange(PatchEvent.from(patches.flat()));
-  }, $[4] = documentsToTranslation, $[5] = filteredLanguages, $[6] = getInitialValueForType, $[7] = onChange, $[8] = toast, $[9] = t2) : t2 = $[9];
-  const handleDocumentButtonClick = t2;
-  let t3;
-  $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Add translation to internationalized fields" }) }), $[10] = t3) : t3 = $[10];
-  let t4;
-  return $[11] !== filteredLanguages || $[12] !== handleDocumentButtonClick ? (t4 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    t3,
-    /* @__PURE__ */ jsx(AddButtons, { languages: filteredLanguages, readOnly: !1, value: void 0, handleClick: handleDocumentButtonClick })
-  ] }), $[11] = filteredLanguages, $[12] = handleDocumentButtonClick, $[13] = t4) : t4 = $[13], t4;
-}
-function _temp$3(f) {
-  return f.name === "value";
-}
 const getSelectedValue = (select, document) => {
   if (!select || !document)
     return {};
@@ -193,8 +116,9 @@ function useInternationalizedArrayContext() {
   return useContext(InternationalizedArrayContext);
 }
 function InternationalizedArrayProvider(props) {
-  const $ = c(38), {
-    internationalizedArray: internationalizedArray2
+  const $ = c(33), {
+    internationalizedArray: internationalizedArray2,
+    documentType
   } = props;
   let t0;
   $[0] !== internationalizedArray2.apiVersion ? (t0 = {
@@ -243,73 +167,166 @@ function InternationalizedArrayProvider(props) {
   const languagesPromise = t4, languages = languagesPromise ? use(languagesPromise) : internationalizedArray2.languages, {
     selectedLanguageIds,
     options: languageFilterOptions
-  } = useLanguageFilterStudioContext(), documentType = deferredDocument ? deferredDocument._type : void 0;
+  } = useLanguageFilterStudioContext();
   let t5;
-  $[19] !== documentType || $[20] !== languageFilterOptions ? (t5 = typeof documentType == "string" && languageFilterOptions.documentTypes.includes(documentType), $[19] = documentType, $[20] = languageFilterOptions, $[21] = t5) : t5 = $[21];
+  $[19] !== documentType || $[20] !== languageFilterOptions.documentTypes ? (t5 = languageFilterOptions.documentTypes.includes(documentType), $[19] = documentType, $[20] = languageFilterOptions.documentTypes, $[21] = t5) : t5 = $[21];
   const languageFilterEnabled = t5;
   let t6;
   $[22] !== languageFilterEnabled || $[23] !== languages || $[24] !== selectedLanguageIds ? (t6 = languageFilterEnabled ? languages.filter((language) => selectedLanguageIds.includes(language.id)) : languages, $[22] = languageFilterEnabled, $[23] = languages, $[24] = selectedLanguageIds, $[25] = t6) : t6 = $[25];
   const filteredLanguages = t6;
   let t7;
-  $[26] !== internationalizedArray2.buttonLocations ? (t7 = internationalizedArray2.buttonLocations.includes("document"), $[26] = internationalizedArray2.buttonLocations, $[27] = t7) : t7 = $[27];
-  const showDocumentButtons = t7;
-  let t8;
-  $[28] !== filteredLanguages || $[29] !== internationalizedArray2 || $[30] !== languages ? (t8 = {
+  $[26] !== filteredLanguages || $[27] !== internationalizedArray2 || $[28] !== languages ? (t7 = {
     ...internationalizedArray2,
     languages,
     filteredLanguages
-  }, $[28] = filteredLanguages, $[29] = internationalizedArray2, $[30] = languages, $[31] = t8) : t8 = $[31];
-  const context = t8;
-  let t9;
-  $[32] !== props || $[33] !== showDocumentButtons ? (t9 = showDocumentButtons ? /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
-    /* @__PURE__ */ jsx(DocumentAddButtons, { value: props.value }),
-    props.renderDefault(props)
-  ] }) : props.renderDefault(props), $[32] = props, $[33] = showDocumentButtons, $[34] = t9) : t9 = $[34];
-  let t10;
-  return $[35] !== context || $[36] !== t9 ? (t10 = /* @__PURE__ */ jsx(InternationalizedArrayContext.Provider, { value: context, children: t9 }), $[35] = context, $[36] = t9, $[37] = t10) : t10 = $[37], t10;
+  }, $[26] = filteredLanguages, $[27] = internationalizedArray2, $[28] = languages, $[29] = t7) : t7 = $[29];
+  const context = t7;
+  let t8;
+  return $[30] !== context || $[31] !== props.children ? (t8 = /* @__PURE__ */ jsx(InternationalizedArrayContext.Provider, { value: context, children: props.children }), $[30] = context, $[31] = props.children, $[32] = t8) : t8 = $[32], t8;
 }
-const getLanguageId = (fieldParent) => {
-  try {
-    return typeof fieldParent == "object" && fieldParent !== null && // Checks if it's an internationalized array item
-    "_type" in fieldParent && typeof fieldParent._type == "string" && fieldParent._type.startsWith("internationalizedArray") && // Checks if the language field name is in the field and if it's a string
-    LANGUAGE_FIELD_NAME in fieldParent && typeof fieldParent[LANGUAGE_FIELD_NAME] == "string" ? fieldParent[LANGUAGE_FIELD_NAME] : void 0;
-  } catch (error) {
-    console.error("Error getting language id", error);
-    return;
-  }
-};
-function InternationalizedField(props) {
-  const $ = c(11), {
-    languages
+function AddButtons(props) {
+  const $ = c(15), {
+    readOnly,
+    languagesInUse,
+    handleClick
+  } = props, {
+    languageDisplay,
+    filteredLanguages: languages
   } = useInternationalizedArrayContext();
+  if (!languages.length)
+    return null;
+  const t0 = Math.min(languages.length, MAX_COLUMNS[languageDisplay]);
+  let t1;
+  if ($[0] !== handleClick || $[1] !== languageDisplay || $[2] !== languages || $[3] !== languagesInUse || $[4] !== readOnly) {
+    let t22;
+    $[6] !== handleClick || $[7] !== languageDisplay || $[8] !== languages.length || $[9] !== languagesInUse || $[10] !== readOnly ? (t22 = (language) => {
+      const languageTitle = getLanguageDisplay(languageDisplay, language.title, language.id);
+      return /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", fontSize: 1, "data-testid": `add-${language.id}`, disabled: readOnly || languagesInUse.includes(language.id), text: languageTitle, icon: languages.length > MAX_COLUMNS[languageDisplay] && languageDisplay === "codeOnly" ? void 0 : AddIcon, value: language.id, onClick: () => handleClick(language.id) }, language.id);
+    }, $[6] = handleClick, $[7] = languageDisplay, $[8] = languages.length, $[9] = languagesInUse, $[10] = readOnly, $[11] = t22) : t22 = $[11], t1 = languages.map(t22), $[0] = handleClick, $[1] = languageDisplay, $[2] = languages, $[3] = languagesInUse, $[4] = readOnly, $[5] = t1;
+  } else
+    t1 = $[5];
+  let t2;
+  return $[12] !== t0 || $[13] !== t1 ? (t2 = /* @__PURE__ */ jsx(Grid, { columns: t0, gap: 2, "data-testid": "add-buttons-grid", children: t1 }), $[12] = t0, $[13] = t1, $[14] = t2) : t2 = $[14], t2;
+}
+function DocumentAddButtons() {
+  const $ = c(12), getFormValue = useGetFormValue(), {
+    filteredLanguages
+  } = useInternationalizedArrayContext(), toast = useToast(), {
+    onChange
+  } = useDocumentPane(), schema = useSchema();
   let t0;
-  $[0] !== props.path ? (t0 = props.path.slice(0, -1), $[0] = props.path, $[1] = t0) : t0 = $[1];
-  const fieldParent = useFormValue(t0), languageId = getLanguageId(fieldParent), hasValidLanguageId = languageId ? languages.some((l) => l.id === languageId) : !1, t1 = props.title?.toLowerCase() === "value" && hasValidLanguageId ? "" : props.title;
+  $[0] !== schema ? (t0 = (typeName) => {
+    if (!typeName)
+      return;
+    const match = typeName.match(/^internationalizedArray(.+)Value$/);
+    if (!match || !match[1])
+      return;
+    const baseTypeName = match[1].charAt(0).toLowerCase() + match[1].slice(1), arrayBasedTypes = /* @__PURE__ */ new Set(["body", "htmlContent", "blockContent", "portableText"]);
+    if (arrayBasedTypes.has(baseTypeName))
+      return [];
+    const schemaType = schema.get(typeName);
+    if (schemaType && "fields" in schemaType) {
+      const valueField = schemaType.fields.find(_temp$2);
+      if (valueField) {
+        const fieldType = valueField.type;
+        if (fieldType?.jsonType === "array" || fieldType?.name === "array" || fieldType?.type === "array" || fieldType?.of !== void 0 || fieldType?.name && arrayBasedTypes.has(fieldType.name))
+          return [];
+      }
+    }
+  }, $[0] = schema, $[1] = t0) : t0 = $[1];
+  const getInitialValueForType = t0;
+  let t1;
+  $[2] !== filteredLanguages || $[3] !== getFormValue || $[4] !== getInitialValueForType || $[5] !== onChange || $[6] !== toast ? (t1 = async (languageId) => {
+    const value = getFormValue([]);
+    if (!isSanityDocument(value)) {
+      toast.push({
+        status: "error",
+        title: "No document value found"
+      });
+      return;
+    }
+    const documentsToTranslation = getDocumentsToTranslate(value, []), alreadyTranslated = documentsToTranslation.filter((translation) => translation?.[LANGUAGE_FIELD_NAME] === languageId), removeDuplicates = documentsToTranslation.reduce((filteredTranslations, translation_0) => (alreadyTranslated.filter((alreadyTranslation) => alreadyTranslation.pathString === translation_0.pathString).length > 0 || filteredTranslations.filter((filteredTranslation) => filteredTranslation.path === translation_0.path).length > 0 || filteredTranslations.push(translation_0), filteredTranslations), []);
+    if (removeDuplicates.length === 0) {
+      const language = filteredLanguages.find((l) => l.id === languageId);
+      toast.push({
+        status: "warning",
+        title: `No missing translations for ${language?.title || languageId} found.`
+      });
+      return;
+    }
+    const patches = [];
+    for (const toTranslate of removeDuplicates) {
+      const path = toTranslate.path, initialValue = getInitialValueForType(toTranslate._type), ifMissing = setIfMissing([], path), insertValue = insert([{
+        _key: randomKey(),
+        [LANGUAGE_FIELD_NAME]: languageId,
+        _type: toTranslate._type,
+        value: initialValue
+      }], "after", [...path, -1]);
+      patches.push(ifMissing), patches.push(insertValue);
+    }
+    onChange(PatchEvent.from(patches.flat()));
+  }, $[2] = filteredLanguages, $[3] = getFormValue, $[4] = getInitialValueForType, $[5] = onChange, $[6] = toast, $[7] = t1) : t1 = $[7];
+  const handleDocumentButtonClick = t1;
   let t2;
-  $[2] !== props || $[3] !== t1 ? (t2 = {
-    ...props,
-    title: t1
-  }, $[2] = props, $[3] = t1, $[4] = t2) : t2 = $[4];
-  const customProps = t2;
-  if (!customProps.schemaType.name.startsWith("internationalizedArray")) {
-    let t32;
-    return $[5] !== customProps ? (t32 = customProps.renderDefault(customProps), $[5] = customProps, $[6] = t32) : t32 = $[6], t32;
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Add translation to internationalized fields" }) }), $[8] = t2) : t2 = $[8];
+  let t3;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = [], $[9] = t3) : t3 = $[9];
+  let t4;
+  return $[10] !== handleDocumentButtonClick ? (t4 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t2,
+    /* @__PURE__ */ jsx(AddButtons, { readOnly: !1, handleClick: handleDocumentButtonClick, languagesInUse: t3 })
+  ] }), $[10] = handleDocumentButtonClick, $[11] = t4) : t4 = $[11], t4;
+}
+function _temp$2(f) {
+  return f.name === "value";
+}
+function InternationalizedArrayFormInput(props) {
+  const $ = c(7);
+  if (props.pluginConfig?.buttonLocations?.includes("document")) {
+    let t02;
+    $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t02 = /* @__PURE__ */ jsx(DocumentAddButtons, {}), $[0] = t02) : t02 = $[0];
+    let t1;
+    $[1] !== props ? (t1 = props.renderDefault(props), $[1] = props, $[2] = t1) : t1 = $[2];
+    let t2;
+    return $[3] !== t1 ? (t2 = /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
+      t02,
+      t1
+    ] }), $[3] = t1, $[4] = t2) : t2 = $[4], t2;
+  }
+  let t0;
+  return $[5] !== props ? (t0 = props.renderDefault(props), $[5] = props, $[6] = t0) : t0 = $[6], t0;
+}
+function hasInternationalizedArrayField(schemaType) {
+  return isDocumentSchemaType(schemaType) ? hasInternationalizedArrayInFields(schemaType.fields) : !1;
+}
+function hasInternationalizedArrayInFields(fields) {
+  for (const field of fields) {
+    if (field.type.name.startsWith("internationalizedArray") || field.type.jsonType === "object" && hasInternationalizedArrayInFields(field.type.fields))
+      return !0;
+    if (field.type.jsonType === "array" && field.type.of.length > 0) {
+      for (const item of field.type.of)
+        if ("name" in item && typeof item.name == "string" && item.name.startsWith("internationalizedArray") || "fields" in item && Array.isArray(item.fields) && hasInternationalizedArrayInFields(item.fields))
+          return !0;
+    }
   }
-  if (customProps.schemaType.name === "reference" && customProps.value) {
-    let t32;
-    return $[7] !== customProps ? (t32 = customProps.renderDefault({
-      ...customProps,
-      title: "",
-      level: 0
-    }), $[7] = customProps, $[8] = t32) : t32 = $[8], t32;
+  return !1;
+}
+function InternationalizedArrayLayout(props) {
+  const $ = c(10), schemaType = useSchema().get(props.documentType);
+  if (!schemaType) {
+    console.error(`Schema type not found: ${props.documentType}`);
+    let t02;
+    return $[0] !== props ? (t02 = props.renderDefault(props), $[0] = props, $[1] = t02) : t02 = $[1], t02;
   }
-  if (customProps.schemaType.name === "string" || customProps.schemaType.name === "number" || customProps.schemaType.name === "text")
-    return customProps.children;
-  let t3;
-  return $[9] !== customProps ? (t3 = customProps.renderDefault({
-    ...customProps,
-    level: 0
-  }), $[9] = customProps, $[10] = t3) : t3 = $[10], t3;
+  if (hasInternationalizedArrayField(schemaType) && props.pluginConfig.includeForDocumentType(props.documentType)) {
+    const t02 = props.pluginConfig, t1 = props.documentType;
+    let t2;
+    $[2] !== props ? (t2 = props.renderDefault(props), $[2] = props, $[3] = t2) : t2 = $[3];
+    let t3;
+    return $[4] !== props.documentType || $[5] !== props.pluginConfig || $[6] !== t2 ? (t3 = /* @__PURE__ */ jsx(InternationalizedArrayProvider, { internationalizedArray: t02, documentType: t1, children: t2 }), $[4] = props.documentType, $[5] = props.pluginConfig, $[6] = t2, $[7] = t3) : t3 = $[7], t3;
+  }
+  let t0;
+  return $[8] !== props ? (t0 = props.renderDefault(props), $[8] = props, $[9] = t0) : t0 = $[9], t0;
 }
 function Preload(props) {
   const $ = c(2);
@@ -451,7 +468,13 @@ function pascalCase(string) {
 function createFieldName(name, addValue = !1) {
   return addValue ? ["internationalizedArray", pascalCase(name), "Value"].join("") : ["internationalizedArray", pascalCase(name)].join("");
 }
-const schemaExample = {
+const internationalizedArrayLanguageFilter = (enclosingType, _member, selectedLanguageIds, parentValue, languages) => {
+  if (isInternationalizedArrayItemType(enclosingType.name)) {
+    const language = typeof parentValue?.[LANGUAGE_FIELD_NAME] == "string" ? parentValue?.[LANGUAGE_FIELD_NAME] : typeof parentValue?._key == "string" ? parentValue?._key : null;
+    return !language || languages.find((l) => l.id === language) ? language ? selectedLanguageIds.includes(language) : !1 : !0;
+  }
+  return !0;
+}, schemaExample = {
   languages: [{
     id: "en",
     title: "English"
@@ -484,82 +507,52 @@ function Feedback() {
   ] }) }), $[3] = t3) : t3 = $[3], t3;
 }
 function MigrationBanner(t0) {
-  const $ = c(27), {
-    value,
-    languages,
-    onChange,
-    readOnly: t1
-  } = t0, readOnly = t1 === void 0 ? !1 : t1, toast = useToast();
-  let t2;
-  bb0: {
-    if (!value?.length || !languages?.length) {
-      let t33;
-      $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t33 = [], $[0] = t33) : t33 = $[0], t2 = t33;
-      break bb0;
-    }
-    let t32;
-    $[1] !== languages ? (t32 = new Set(languages.map(_temp$2)), $[1] = languages, $[2] = t32) : t32 = $[2];
-    const languageIds = t32;
-    let t42;
-    if ($[3] !== languageIds || $[4] !== value) {
-      let t52;
-      $[6] !== languageIds ? (t52 = (item) => item._key && languageIds.has(item._key) && !item[LANGUAGE_FIELD_NAME], $[6] = languageIds, $[7] = t52) : t52 = $[7], t42 = value.filter(t52), $[3] = languageIds, $[4] = value, $[5] = t42;
-    } else
-      t42 = $[5];
-    t2 = t42;
-  }
-  const itemsNeedingMigration = t2, needsMigration = itemsNeedingMigration.length > 0;
-  let t3;
-  $[8] !== itemsNeedingMigration.length || $[9] !== languages || $[10] !== needsMigration || $[11] !== onChange || $[12] !== toast || $[13] !== value ? (t3 = () => {
-    if (!value?.length || !needsMigration)
-      return;
-    const languageIds_0 = new Set(languages.map(_temp2$2)), updatedValue = value.map((item_0) => item_0._key && languageIds_0.has(item_0._key) && !item_0[LANGUAGE_FIELD_NAME] ? {
-      ...item_0,
-      _key: randomKey(),
-      [LANGUAGE_FIELD_NAME]: item_0._key
-    } : item_0);
-    onChange([set(updatedValue)]), toast.push({
-      title: `Updated ${itemsNeedingMigration.length} item${itemsNeedingMigration.length === 1 ? "" : "s"} to new format`,
-      status: "success"
-    });
-  }, $[8] = itemsNeedingMigration.length, $[9] = languages, $[10] = needsMigration, $[11] = onChange, $[12] = toast, $[13] = value, $[14] = t3) : t3 = $[14];
-  const handleMigrateLanguages = t3;
-  if (!needsMigration)
+  const $ = c(11), {
+    itemsNeedingMigration
+  } = t0;
+  if (!itemsNeedingMigration.length)
     return null;
-  let t4;
-  $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }) }), $[15] = t4) : t4 = $[15];
+  let t1;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }) }), $[0] = t1) : t1 = $[0];
+  let t2;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Data migration required" }), $[1] = t2) : t2 = $[1];
+  const t3 = itemsNeedingMigration.length === 1 ? "" : "s", t4 = itemsNeedingMigration.length === 1 ? "needs" : "need";
   let t5;
-  $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Data format update required" }), $[16] = t5) : t5 = $[16];
-  const t6 = itemsNeedingMigration.length === 1 ? "" : "s", t7 = itemsNeedingMigration.length === 1 ? "s" : "";
+  $[2] !== itemsNeedingMigration.length || $[3] !== t3 || $[4] !== t4 ? (t5 = /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
+    itemsNeedingMigration.length,
+    " item",
+    t3,
+    " ",
+    t4,
+    " to be migrated to the v5 format."
+  ] }), $[2] = itemsNeedingMigration.length, $[3] = t3, $[4] = t4, $[5] = t5) : t5 = $[5];
+  let t6;
+  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsx("code", { children: "_key" }), $[6] = t6) : t6 = $[6];
+  let t7;
+  $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx("code", { children: "language" }), $[7] = t7) : t7 = $[7];
   let t8;
-  $[17] !== itemsNeedingMigration.length || $[18] !== t6 || $[19] !== t7 ? (t8 = /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
-    t5,
-    /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
-      itemsNeedingMigration.length,
-      " item",
-      t6,
-      " need",
-      t7,
-      " to be updated to the new format."
-    ] })
-  ] }), $[17] = itemsNeedingMigration.length, $[18] = t6, $[19] = t7, $[20] = t8) : t8 = $[20];
+  $[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Box, { marginTop: 2, children: /* @__PURE__ */ jsxs(Text, { size: 1, children: [
+    "This field still uses the v4 format where language is stored in ",
+    t6,
+    ". Migrate to the v5 format where language is stored in ",
+    t7,
+    ".",
+    " ",
+    /* @__PURE__ */ jsx("a", { rel: "noopener noreferrer", target: "_blank", href: "https://github.com/sanity-io/plugins/blob/main/plugins/sanity-plugin-internationalized-array/README.md#migrate-from-v4-to-v5", children: "Learn more" }),
+    "."
+  ] }) }), $[8] = t8) : t8 = $[8];
   let t9;
-  $[21] !== handleMigrateLanguages || $[22] !== readOnly ? (t9 = /* @__PURE__ */ jsx(Button, { tone: "caution", mode: "ghost", text: "Update Languages", onClick: handleMigrateLanguages, disabled: readOnly }), $[21] = handleMigrateLanguages, $[22] = readOnly, $[23] = t9) : t9 = $[23];
-  let t10;
-  return $[24] !== t8 || $[25] !== t9 ? (t10 = /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 3, radius: 2, border: !0, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
-    t4,
-    t8,
-    t9
-  ] }) }), $[24] = t8, $[25] = t9, $[26] = t10) : t10 = $[26], t10;
-}
-function _temp2$2(l_0) {
-  return l_0.id;
-}
-function _temp$2(l) {
-  return l.id;
+  return $[9] !== t5 ? (t9 = /* @__PURE__ */ jsx(Card, { tone: "caution", padding: 3, radius: 2, border: !0, children: /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
+    t1,
+    /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
+      t2,
+      t5,
+      t8
+    ] })
+  ] }) }), $[9] = t5, $[10] = t9) : t9 = $[10], t9;
 }
 function InternationalizedArray(props) {
-  const $ = c(105), {
+  const $ = c(102), {
     members,
     value: _value,
     schemaType,
@@ -568,12 +561,13 @@ function InternationalizedArray(props) {
   } = props, value = _value;
   let t0;
   $[0] !== value ? (t0 = value?.filter(_temp$1) ?? [], $[0] = value, $[1] = t0) : t0 = $[1];
-  const itemsNeedingMigration = t0.length > 0, readOnly = typeof schemaType.readOnly == "boolean" ? schemaType.readOnly : !1, toast = useToast(), {
+  const itemsNeedingMigration = t0, shouldMigrateArray = itemsNeedingMigration.length > 0, readOnly = typeof schemaType.readOnly == "boolean" ? schemaType.readOnly : !1, toast = useToast(), getFormValue = useGetFormValue(), {
     languages,
     filteredLanguages,
     defaultLanguages,
     buttonAddAll,
-    buttonLocations
+    buttonLocations,
+    languageFilter: builtInLanguageFilter
   } = useInternationalizedArrayContext(), {
     selectedLanguageIds,
     options: languageFilterOptions
@@ -583,17 +577,21 @@ function InternationalizedArray(props) {
   const documentType = useFormValue(t1);
   let t2;
   $[3] !== documentType || $[4] !== languageFilterOptions ? (t2 = typeof documentType == "string" && languageFilterOptions.documentTypes.includes(documentType), $[3] = documentType, $[4] = languageFilterOptions, $[5] = t2) : t2 = $[5];
-  const languageFilterEnabled = t2;
+  const usingLanguageFilterPlugin = t2;
   let t3;
-  $[6] !== languageFilterEnabled || $[7] !== languageFilterOptions || $[8] !== members || $[9] !== selectedLanguageIds || $[10] !== value ? (t3 = languageFilterEnabled ? members.filter((member) => {
+  $[6] !== builtInLanguageFilter || $[7] !== documentType ? (t3 = typeof documentType == "string" && builtInLanguageFilter.documentTypes.includes(documentType), $[6] = builtInLanguageFilter, $[7] = documentType, $[8] = t3) : t3 = $[8];
+  const usingBuiltInLanguageFilter = t3;
+  let t4;
+  $[9] !== languageFilterOptions || $[10] !== languages || $[11] !== members || $[12] !== selectedLanguageIds || $[13] !== usingBuiltInLanguageFilter || $[14] !== usingLanguageFilterPlugin ? (t4 = usingLanguageFilterPlugin || usingBuiltInLanguageFilter ? members.filter((member) => {
     if (member.kind !== "item")
       return !1;
     const valueMember = member.item.members[0];
-    return !valueMember || valueMember.kind !== "field" ? !1 : languageFilterOptions.filterField(member.item.schemaType, valueMember, selectedLanguageIds, value[member.index]);
-  }) : members, $[6] = languageFilterEnabled, $[7] = languageFilterOptions, $[8] = members, $[9] = selectedLanguageIds, $[10] = value, $[11] = t3) : t3 = $[11];
-  const filteredMembers = t3;
-  let t4;
-  $[12] !== filteredLanguages || $[13] !== languages || $[14] !== onChange || $[15] !== schemaType.name || $[16] !== value ? (t4 = (addLanguageKeys) => {
+    return !valueMember || valueMember.kind !== "field" ? !1 : usingBuiltInLanguageFilter ? internationalizedArrayLanguageFilter(member.item.schemaType, valueMember, selectedLanguageIds, member.item.value, languages) : languageFilterOptions.filterField(member.item.schemaType, valueMember, selectedLanguageIds, member.item.value);
+  }) : members, $[9] = languageFilterOptions, $[10] = languages, $[11] = members, $[12] = selectedLanguageIds, $[13] = usingBuiltInLanguageFilter, $[14] = usingLanguageFilterPlugin, $[15] = t4) : t4 = $[15];
+  const filteredMembers = t4;
+  let t5;
+  $[16] !== filteredLanguages || $[17] !== getFormValue || $[18] !== languages || $[19] !== onChange || $[20] !== props.path || $[21] !== schemaType.name ? (t5 = (addLanguageKeys) => {
+    const formValue = getFormValue(props.path);
     if (!filteredLanguages?.length)
       return;
     const patches = createAddLanguagePatches({
@@ -601,139 +599,144 @@ function InternationalizedArray(props) {
       schemaTypeName: schemaType.name,
       languages,
       filteredLanguages,
-      value
+      value: formValue
     });
     onChange([setIfMissing([]), ...patches]);
-  }, $[12] = filteredLanguages, $[13] = languages, $[14] = onChange, $[15] = schemaType.name, $[16] = value, $[17] = t4) : t4 = $[17];
-  const handleAddLanguage = t4, {
+  }, $[16] = filteredLanguages, $[17] = getFormValue, $[18] = languages, $[19] = onChange, $[20] = props.path, $[21] = schemaType.name, $[22] = t5) : t5 = $[22];
+  const handleAddLanguages = t5, {
     isDeleting
   } = useDocumentPane();
-  let t5;
-  bb0: {
-    if (!value?.length) {
-      let t63;
-      $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t63 = [], $[18] = t63) : t63 = $[18], t5 = t63;
-      break bb0;
-    }
-    let t62;
-    $[19] !== languages ? (t62 = new Set(languages.map(_temp2$1)), $[19] = languages, $[20] = t62) : t62 = $[20];
-    const languageIds = t62;
-    let t72;
-    if ($[21] !== languageIds || $[22] !== value) {
-      let t82;
-      $[24] !== languageIds ? (t82 = (v_0) => v_0[LANGUAGE_FIELD_NAME] || (v_0._key && languageIds.has(v_0._key) ? v_0._key : null), $[24] = languageIds, $[25] = t82) : t82 = $[25], t72 = value.map(t82).filter(_temp3$1), $[21] = languageIds, $[22] = value, $[23] = t72;
-    } else
-      t72 = $[23];
-    t5 = t72;
-  }
-  const addedLanguages = t5;
   let t6;
-  if ($[26] !== addedLanguages || $[27] !== defaultLanguages || $[28] !== languages) {
-    let t72;
-    $[30] !== languages ? (t72 = (language_2) => languages.find((l) => l.id === language_2), $[30] = languages, $[31] = t72) : t72 = $[31];
-    let t82;
-    $[32] !== addedLanguages ? (t82 = (language_3) => addedLanguages.includes(language_3), $[32] = addedLanguages, $[33] = t82) : t82 = $[33], t6 = defaultLanguages.filter(t72).every(t82), $[26] = addedLanguages, $[27] = defaultLanguages, $[28] = languages, $[29] = t6;
+  $[23] !== value ? (t6 = value?.map(_temp2$1).filter(Boolean).join(","), $[23] = value, $[24] = t6) : t6 = $[24];
+  const languageKeysFromValue = t6;
+  let t7;
+  if ($[25] !== languageKeysFromValue || $[26] !== languages) {
+    bb0: {
+      const languageKeys = languageKeysFromValue?.split(",") || [];
+      if (!languageKeys?.length) {
+        let t82;
+        $[28] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = [], $[28] = t82) : t82 = $[28], t7 = t82;
+        break bb0;
+      }
+      if (!languages?.length) {
+        let t82;
+        $[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = [], $[29] = t82) : t82 = $[29], t7 = t82;
+        break bb0;
+      }
+      t7 = languages.filter((l) => languageKeys?.find((key) => key === l.id)).map(_temp3$1);
+    }
+    $[25] = languageKeysFromValue, $[26] = languages, $[27] = t7;
   } else
-    t6 = $[29];
-  const hasAddedDefaultLanguages = t6;
-  let t7, t8;
-  $[34] !== addedLanguages || $[35] !== defaultLanguages || $[36] !== documentReadOnly || $[37] !== handleAddLanguage || $[38] !== hasAddedDefaultLanguages || $[39] !== isDeleting || $[40] !== itemsNeedingMigration || $[41] !== languages ? (t7 = () => {
-    if (!isDeleting && !hasAddedDefaultLanguages && !itemsNeedingMigration) {
-      const languagesToAdd = defaultLanguages.filter((language_4) => !addedLanguages.includes(language_4)).filter((language_5) => languages.find((l_0) => l_0.id === language_5)), timeout = setTimeout(() => {
-        documentReadOnly || handleAddLanguage(languagesToAdd);
+    t7 = $[27];
+  const addedLanguages = t7;
+  let t8, t9;
+  $[30] !== addedLanguages || $[31] !== defaultLanguages || $[32] !== documentReadOnly || $[33] !== handleAddLanguages || $[34] !== isDeleting || $[35] !== languages || $[36] !== shouldMigrateArray ? (t8 = () => {
+    const hasAddedDefaultLanguages = defaultLanguages.filter((language) => languages.find((l_1) => l_1.id === language)).every((language_0) => addedLanguages.includes(language_0));
+    if (!isDeleting && !hasAddedDefaultLanguages && !shouldMigrateArray) {
+      const languagesToAdd = defaultLanguages.filter((language_1) => !addedLanguages.includes(language_1)).filter((language_2) => languages.find((l_2) => l_2.id === language_2)), timeout = setTimeout(() => {
+        documentReadOnly || handleAddLanguages(languagesToAdd);
       });
       return () => clearTimeout(timeout);
     }
-  }, t8 = [isDeleting, hasAddedDefaultLanguages, handleAddLanguage, defaultLanguages, addedLanguages, languages, documentReadOnly, itemsNeedingMigration], $[34] = addedLanguages, $[35] = defaultLanguages, $[36] = documentReadOnly, $[37] = handleAddLanguage, $[38] = hasAddedDefaultLanguages, $[39] = isDeleting, $[40] = itemsNeedingMigration, $[41] = languages, $[42] = t7, $[43] = t8) : (t7 = $[42], t8 = $[43]), useEffect(t7, t8);
-  let t9;
-  $[44] !== languages || $[45] !== onChange || $[46] !== toast || $[47] !== value ? (t9 = () => {
+  }, t9 = [isDeleting, handleAddLanguages, defaultLanguages, addedLanguages, languages, documentReadOnly, shouldMigrateArray], $[30] = addedLanguages, $[31] = defaultLanguages, $[32] = documentReadOnly, $[33] = handleAddLanguages, $[34] = isDeleting, $[35] = languages, $[36] = shouldMigrateArray, $[37] = t8, $[38] = t9) : (t8 = $[37], t9 = $[38]), useEffect(t8, t9);
+  let t10;
+  $[39] !== languages || $[40] !== onChange || $[41] !== toast || $[42] !== value ? (t10 = () => {
     if (!value?.length || !languages?.length)
       return;
     const updatedValue = value.reduce((acc, v_1) => {
-      const newIndex = languages.findIndex((l_1) => l_1.id === v_1?.[LANGUAGE_FIELD_NAME]);
+      const newIndex = languages.findIndex((l_3) => l_3.id === v_1?.[LANGUAGE_FIELD_NAME]);
       return newIndex > -1 && (acc[newIndex] = v_1), acc;
     }, []).filter(Boolean);
     value?.length !== updatedValue.length && toast.push({
       title: "There was an error reordering languages",
       status: "warning"
     }), onChange(set(updatedValue));
-  }, $[44] = languages, $[45] = onChange, $[46] = toast, $[47] = value, $[48] = t9) : t9 = $[48];
-  const handleRestoreOrder = t9;
-  let t10;
+  }, $[39] = languages, $[40] = onChange, $[41] = toast, $[42] = value, $[43] = t10) : t10 = $[43];
+  const handleRestoreOrder = t10;
+  let t11;
   bb1: {
     if (!value?.length || !languages?.length) {
-      t10 = !0;
+      t11 = !0;
       break bb1;
     }
-    let t112;
-    $[49] !== languages || $[50] !== value ? (t112 = value?.every((v_2) => languages.find((l_2) => l_2?.id === v_2?.[LANGUAGE_FIELD_NAME])), $[49] = languages, $[50] = value, $[51] = t112) : t112 = $[51], t10 = t112;
+    let t122;
+    $[44] !== languages || $[45] !== value ? (t122 = value?.every((v_2) => languages.find((l_4) => l_4?.id === v_2?.[LANGUAGE_FIELD_NAME])), $[44] = languages, $[45] = value, $[46] = t122) : t122 = $[46], t11 = t122;
   }
-  const allKeysAreLanguages = t10;
-  let t11;
-  $[52] !== languages || $[53] !== value ? (t11 = languages && languages.length > 1 ? languages.filter((l_3) => value?.find((v_3) => v_3[LANGUAGE_FIELD_NAME] === l_3.id)) : [], $[52] = languages, $[53] = value, $[54] = t11) : t11 = $[54];
-  const languagesInUse = t11;
+  const allKeysAreLanguages = t11;
   let t12;
   bb2: {
-    if (!value?.length || !languagesInUse.length) {
+    if (!value?.length || !addedLanguages.length) {
       let t133;
-      $[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t133 = [], $[55] = t133) : t133 = $[55], t12 = t133;
+      $[47] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t133 = [], $[47] = t133) : t133 = $[47], t12 = t133;
       break bb2;
     }
     let t132;
-    if ($[56] !== languagesInUse || $[57] !== value) {
+    if ($[48] !== addedLanguages || $[49] !== value) {
       let t142;
-      $[59] !== languagesInUse ? (t142 = (v_4, vIndex) => vIndex === languagesInUse.findIndex((l_4) => l_4.id === v_4[LANGUAGE_FIELD_NAME]) ? null : v_4, $[59] = languagesInUse, $[60] = t142) : t142 = $[60], t132 = value.map(t142).filter(Boolean), $[56] = languagesInUse, $[57] = value, $[58] = t132;
+      $[51] !== addedLanguages ? (t142 = (v_3, vIndex) => vIndex === addedLanguages.findIndex((language_3) => language_3 === v_3[LANGUAGE_FIELD_NAME]) ? null : v_3, $[51] = addedLanguages, $[52] = t142) : t142 = $[52], t132 = value.map(t142).filter(Boolean), $[48] = addedLanguages, $[49] = value, $[50] = t132;
     } else
-      t132 = $[58];
+      t132 = $[50];
     t12 = t132;
   }
   const languagesOutOfOrder = t12, languagesAreValid = !languages?.length || languages?.length && languages.every(_temp4$1);
   let t13;
-  $[61] !== allKeysAreLanguages || $[62] !== documentReadOnly || $[63] !== handleRestoreOrder || $[64] !== languagesOutOfOrder.length ? (t13 = () => {
+  $[53] !== allKeysAreLanguages || $[54] !== documentReadOnly || $[55] !== handleRestoreOrder || $[56] !== languagesOutOfOrder.length ? (t13 = () => {
     languagesOutOfOrder.length > 0 && allKeysAreLanguages && !documentReadOnly && handleRestoreOrder();
-  }, $[61] = allKeysAreLanguages, $[62] = documentReadOnly, $[63] = handleRestoreOrder, $[64] = languagesOutOfOrder.length, $[65] = t13) : t13 = $[65];
+  }, $[53] = allKeysAreLanguages, $[54] = documentReadOnly, $[55] = handleRestoreOrder, $[56] = languagesOutOfOrder.length, $[57] = t13) : t13 = $[57];
   let t14;
-  $[66] !== allKeysAreLanguages || $[67] !== documentReadOnly || $[68] !== handleRestoreOrder || $[69] !== languagesOutOfOrder ? (t14 = [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder, documentReadOnly], $[66] = allKeysAreLanguages, $[67] = documentReadOnly, $[68] = handleRestoreOrder, $[69] = languagesOutOfOrder, $[70] = t14) : t14 = $[70], useEffect(t13, t14);
+  $[58] !== allKeysAreLanguages || $[59] !== documentReadOnly || $[60] !== handleRestoreOrder || $[61] !== languagesOutOfOrder ? (t14 = [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder, documentReadOnly], $[58] = allKeysAreLanguages, $[59] = documentReadOnly, $[60] = handleRestoreOrder, $[61] = languagesOutOfOrder, $[62] = t14) : t14 = $[62], useEffect(t13, t14);
   let t15;
-  $[71] !== filteredLanguages || $[72] !== value ? (t15 = checkAllLanguagesArePresent(filteredLanguages, value), $[71] = filteredLanguages, $[72] = value, $[73] = t15) : t15 = $[73];
+  $[63] !== filteredLanguages || $[64] !== value ? (t15 = checkAllLanguagesArePresent(filteredLanguages, value), $[63] = filteredLanguages, $[64] = value, $[65] = t15) : t15 = $[65];
   const allLanguagesArePresent = t15;
+  let t16;
+  $[66] !== filteredLanguages || $[67] !== handleAddLanguages ? (t16 = () => {
+    handleAddLanguages(filteredLanguages.map(_temp5));
+  }, $[66] = filteredLanguages, $[67] = handleAddLanguages, $[68] = t16) : t16 = $[68];
+  const addAllMissingLanguages = t16;
   if (!languagesAreValid) {
-    let t162;
-    return $[74] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t162 = /* @__PURE__ */ jsx(Feedback, {}), $[74] = t162) : t162 = $[74], t162;
+    let t172;
+    return $[69] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t172 = /* @__PURE__ */ jsx(Feedback, {}), $[69] = t172) : t172 = $[69], t172;
   }
-  let t16;
-  $[75] !== allLanguagesArePresent || $[76] !== buttonLocations || $[77] !== filteredLanguages?.length || $[78] !== itemsNeedingMigration ? (t16 = !itemsNeedingMigration && buttonLocations.includes("field") && filteredLanguages?.length > 0 && !allLanguagesArePresent, $[75] = allLanguagesArePresent, $[76] = buttonLocations, $[77] = filteredLanguages?.length, $[78] = itemsNeedingMigration, $[79] = t16) : t16 = $[79];
-  const addButtonsAreVisible = t16, fieldHasMembers = members?.length > 0;
   let t17;
-  $[80] !== languages || $[81] !== onChange || $[82] !== readOnly || $[83] !== value ? (t17 = /* @__PURE__ */ jsx(MigrationBanner, { value, languages, onChange, readOnly }), $[80] = languages, $[81] = onChange, $[82] = readOnly, $[83] = value, $[84] = t17) : t17 = $[84];
+  $[70] !== allLanguagesArePresent || $[71] !== buttonLocations || $[72] !== filteredLanguages.length || $[73] !== shouldMigrateArray ? (t17 = !shouldMigrateArray && buttonLocations.includes("field") && filteredLanguages?.length > 0 && !allLanguagesArePresent, $[70] = allLanguagesArePresent, $[71] = buttonLocations, $[72] = filteredLanguages.length, $[73] = shouldMigrateArray, $[74] = t17) : t17 = $[74];
+  const addButtonsAreVisible = t17, fieldHasMembers = members?.length > 0;
   let t18;
-  $[85] !== fieldHasMembers || $[86] !== filteredMembers || $[87] !== props ? (t18 = fieldHasMembers ? /* @__PURE__ */ jsx(Fragment, { children: filteredMembers.map((member_0) => member_0.kind === "item" ? /* @__PURE__ */ createElement(ArrayOfObjectsItem, { ...props, key: member_0.key, member: member_0 }) : /* @__PURE__ */ jsx(MemberItemError, { member: member_0 }, member_0.key)) }) : null, $[85] = fieldHasMembers, $[86] = filteredMembers, $[87] = props, $[88] = t18) : t18 = $[88];
+  $[75] !== filteredLanguages || $[76] !== value ? (t18 = createAddAllTitle(value, filteredLanguages), $[75] = filteredLanguages, $[76] = value, $[77] = t18) : t18 = $[77];
+  const addAllTitle = t18;
   let t19;
-  $[89] !== addButtonsAreVisible || $[90] !== fieldHasMembers ? (t19 = !addButtonsAreVisible && !fieldHasMembers ? /* @__PURE__ */ jsx(Card, { border: !0, tone: "transparent", padding: 3, radius: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: "This internationalized field currently has no translations." }) }) : null, $[89] = addButtonsAreVisible, $[90] = fieldHasMembers, $[91] = t19) : t19 = $[91];
+  if ($[78] !== filteredMembers || $[79] !== props) {
+    let t202;
+    $[81] !== props ? (t202 = (member_0) => member_0.kind === "item" ? /* @__PURE__ */ createElement(ArrayOfObjectsItem, { ...props, key: member_0.key, member: member_0 }) : /* @__PURE__ */ jsx(MemberItemError, { member: member_0 }, member_0.key), $[81] = props, $[82] = t202) : t202 = $[82], t19 = filteredMembers.map(t202), $[78] = filteredMembers, $[79] = props, $[80] = t19;
+  } else
+    t19 = $[80];
   let t20;
-  $[92] !== addButtonsAreVisible || $[93] !== allLanguagesArePresent || $[94] !== buttonAddAll || $[95] !== filteredLanguages || $[96] !== handleAddLanguage || $[97] !== readOnly || $[98] !== value ? (t20 = addButtonsAreVisible ? /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    /* @__PURE__ */ jsx(AddButtons, { languages: filteredLanguages, value, readOnly, handleClick: handleAddLanguage }),
-    buttonAddAll ? /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", "data-testid": "add-all-languages", disabled: readOnly || allLanguagesArePresent, icon: AddIcon, text: createAddAllTitle(value, filteredLanguages), onClick: () => handleAddLanguage(filteredLanguages.map(_temp5)) }) : null
-  ] }) : null, $[92] = addButtonsAreVisible, $[93] = allLanguagesArePresent, $[94] = buttonAddAll, $[95] = filteredLanguages, $[96] = handleAddLanguage, $[97] = readOnly, $[98] = value, $[99] = t20) : t20 = $[99];
+  $[83] !== itemsNeedingMigration ? (t20 = /* @__PURE__ */ jsx(MigrationBanner, { itemsNeedingMigration }), $[83] = itemsNeedingMigration, $[84] = t20) : t20 = $[84];
   let t21;
-  return $[100] !== t17 || $[101] !== t18 || $[102] !== t19 || $[103] !== t20 ? (t21 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    t17,
-    t18,
+  $[85] !== addButtonsAreVisible || $[86] !== fieldHasMembers ? (t21 = !addButtonsAreVisible && !fieldHasMembers ? /* @__PURE__ */ jsx(Card, { border: !0, tone: "transparent", padding: 3, radius: 2, children: /* @__PURE__ */ jsx(Text, { size: 1, children: "This internationalized field currently has no translations." }) }) : null, $[85] = addButtonsAreVisible, $[86] = fieldHasMembers, $[87] = t21) : t21 = $[87];
+  let t22;
+  $[88] !== addAllMissingLanguages || $[89] !== addAllTitle || $[90] !== addButtonsAreVisible || $[91] !== addedLanguages || $[92] !== allLanguagesArePresent || $[93] !== buttonAddAll || $[94] !== handleAddLanguages || $[95] !== readOnly ? (t22 = addButtonsAreVisible ? /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsx(AddButtons, { languagesInUse: addedLanguages, readOnly, handleClick: handleAddLanguages }),
+    buttonAddAll ? /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", "data-testid": "add-all-languages", disabled: readOnly || allLanguagesArePresent, icon: AddIcon, text: addAllTitle, onClick: addAllMissingLanguages }) : null
+  ] }) : null, $[88] = addAllMissingLanguages, $[89] = addAllTitle, $[90] = addButtonsAreVisible, $[91] = addedLanguages, $[92] = allLanguagesArePresent, $[93] = buttonAddAll, $[94] = handleAddLanguages, $[95] = readOnly, $[96] = t22) : t22 = $[96];
+  let t23;
+  return $[97] !== t19 || $[98] !== t20 || $[99] !== t21 || $[100] !== t22 ? (t23 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
     t19,
-    t20
-  ] }), $[100] = t17, $[101] = t18, $[102] = t19, $[103] = t20, $[104] = t21) : t21 = $[104], t21;
+    t20,
+    t21,
+    t22
+  ] }), $[97] = t19, $[98] = t20, $[99] = t21, $[100] = t22, $[101] = t23) : t23 = $[101], t23;
 }
-function _temp5(language_6) {
-  return language_6.id;
+function _temp5(language_4) {
+  return language_4.id;
 }
 function _temp4$1(item) {
   return item.id && item.title;
 }
-function _temp3$1(language_1) {
-  return !!language_1;
+function _temp3$1(l_0) {
+  return l_0.id;
 }
-function _temp2$1(language) {
-  return language.id;
+function _temp2$1(v_0) {
+  return v_0[LANGUAGE_FIELD_NAME] ?? v_0._key;
 }
 function _temp$1(v) {
   return !v[LANGUAGE_FIELD_NAME];
@@ -753,6 +756,11 @@ var array = (config) => {
     title: "Internationalized array",
     type: "array",
     components: {
+      field: (props) => props.renderDefault({
+        ...props,
+        // Reset the level to avoid nested styling
+        level: 0
+      }),
       input: InternationalizedArray
     },
     options: {
@@ -831,72 +839,149 @@ function getToneFromValidation(validations) {
   if (validationLevels.has("warning"))
     return "caution";
 }
-function InternationalizedInput(props) {
-  const $ = c(11);
+function ChangeLanguageButton(props) {
+  const $ = c(24), {
+    value,
+    onChange,
+    path
+  } = props;
   let t0;
-  $[0] !== props.path ? (t0 = props.path.slice(0, -1), $[0] = props.path, $[1] = t0) : t0 = $[1];
-  const parentValue = useFormValue(t0), originalOnChange = props.inputProps.onChange;
+  $[0] !== path ? (t0 = path.slice(0, -1), $[0] = path, $[1] = t0) : t0 = $[1];
+  const parentValue = useFormValue(t0), {
+    languages
+  } = useInternationalizedArrayContext();
   let t1;
-  $[2] !== originalOnChange || $[3] !== props.value?.value ? (t1 = (patches) => {
+  $[2] !== parentValue ? (t1 = parentValue?.map(_temp) ?? [], $[2] = parentValue, $[3] = t1) : t1 = $[3];
+  const languageKeysInUse = t1;
+  let t2;
+  $[4] !== languages || $[5] !== onChange || $[6] !== value ? (t2 = (event) => {
+    const languageId = event?.currentTarget?.value;
+    !value || !languages?.length || !languages.find((l) => l.id === languageId) || onChange([set(languageId, [LANGUAGE_FIELD_NAME])]);
+  }, $[4] = languages, $[5] = onChange, $[6] = value, $[7] = t2) : t2 = $[7];
+  const handleKeyChange = t2, t3 = `Change "${value[LANGUAGE_FIELD_NAME]}"`;
+  let t4;
+  $[8] !== t3 ? (t4 = /* @__PURE__ */ jsx(Button, { fontSize: 1, text: t3 }), $[8] = t3, $[9] = t4) : t4 = $[9];
+  const t5 = `${value[LANGUAGE_FIELD_NAME]}-change-key`;
+  let t6;
+  if ($[10] !== handleKeyChange || $[11] !== languageKeysInUse || $[12] !== languages) {
+    let t72;
+    $[14] !== handleKeyChange || $[15] !== languageKeysInUse ? (t72 = (lang) => /* @__PURE__ */ jsx(MenuItem, { disabled: languageKeysInUse.includes(lang.id), fontSize: 1, text: lang.id.toLocaleUpperCase(), value: lang.id, onClick: handleKeyChange }, lang.id), $[14] = handleKeyChange, $[15] = languageKeysInUse, $[16] = t72) : t72 = $[16], t6 = languages.map(t72), $[10] = handleKeyChange, $[11] = languageKeysInUse, $[12] = languages, $[13] = t6;
+  } else
+    t6 = $[13];
+  let t7;
+  $[17] !== t6 ? (t7 = /* @__PURE__ */ jsx(Menu, { children: t6 }), $[17] = t6, $[18] = t7) : t7 = $[18];
+  let t8;
+  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = {
+    portal: !0
+  }, $[19] = t8) : t8 = $[19];
+  let t9;
+  return $[20] !== t4 || $[21] !== t5 || $[22] !== t7 ? (t9 = /* @__PURE__ */ jsx(MenuButton, { button: t4, id: t5, menu: t7, popover: t8 }), $[20] = t4, $[21] = t5, $[22] = t7, $[23] = t9) : t9 = $[23], t9;
+}
+function _temp(v) {
+  return v[LANGUAGE_FIELD_NAME];
+}
+function RemoveButton(t0) {
+  const $ = c(10), {
+    isDefault,
+    readOnly,
+    onChange
+  } = t0;
+  let t1;
+  $[0] !== onChange ? (t1 = () => {
+    onChange(unset());
+  }, $[0] = onChange, $[1] = t1) : t1 = $[1];
+  const handleUnset = t1, t2 = !isDefault;
+  let t3, t4;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Can't remove default language" }), t4 = ["right", "left"], $[2] = t3, $[3] = t4) : (t3 = $[2], t4 = $[3]);
+  const t5 = readOnly || isDefault;
+  let t6;
+  $[4] !== handleUnset || $[5] !== t5 ? (t6 = /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: RemoveCircleIcon, tone: "critical", disabled: t5, onClick: handleUnset }) }), $[4] = handleUnset, $[5] = t5, $[6] = t6) : t6 = $[6];
+  let t7;
+  return $[7] !== t2 || $[8] !== t6 ? (t7 = /* @__PURE__ */ jsx(Tooltip, { animate: !0, disabled: t2, content: t3, fallbackPlacements: t4, placement: "top", portal: !0, children: t6 }), $[7] = t2, $[8] = t6, $[9] = t7) : t7 = $[9], t7;
+}
+function InternationalizedInput(props) {
+  const $ = c(51), originalOnChange = props.inputProps.onChange;
+  let t0;
+  $[0] !== originalOnChange || $[1] !== props.value?.value ? (t0 = (patches) => {
     if (!Array.isArray(patches))
       return originalOnChange(patches);
     const valueField = props.value?.value;
-    if ((valueField == null || Array.isArray(valueField) && valueField.length === 0) && patches.some(_temp)) {
+    if ((valueField == null || Array.isArray(valueField) && valueField.length === 0) && patches.some(_temp2)) {
       const initPatch = valueField === void 0 ? {
         type: "setIfMissing",
         path: ["value"],
         value: []
-      } : null, fixedPatches = patches.map(_temp2), allPatches = initPatch ? [initPatch, ...fixedPatches] : fixedPatches;
+      } : null, fixedPatches = patches.map(_temp3), allPatches = initPatch ? [initPatch, ...fixedPatches] : fixedPatches;
       return originalOnChange(allPatches);
     }
     return originalOnChange(patches);
-  }, $[2] = originalOnChange, $[3] = props.value?.value, $[4] = t1) : t1 = $[4];
-  const wrappedOnChange = t1, inlineProps = {
-    ...props.inputProps,
-    members: props.inputProps.members.filter(_temp3),
+  }, $[0] = originalOnChange, $[1] = props.value?.value, $[2] = t0) : t0 = $[2];
+  const wrappedOnChange = t0, t1 = props.inputProps;
+  let t2;
+  $[3] !== props.inputProps.members ? (t2 = props.inputProps.members.filter(_temp4), $[3] = props.inputProps.members, $[4] = t2) : t2 = $[4];
+  let t3;
+  $[5] !== props.inputProps || $[6] !== props.value || $[7] !== t2 || $[8] !== wrappedOnChange ? (t3 = {
+    ...t1,
+    members: t2,
     value: props.value,
     onChange: wrappedOnChange
-  }, {
+  }, $[5] = props.inputProps, $[6] = props.value, $[7] = t2, $[8] = wrappedOnChange, $[9] = t3) : t3 = $[9];
+  const inlineProps = t3, {
     validation,
     value,
-    onChange,
     readOnly
   } = inlineProps, {
     languages,
     languageDisplay,
     defaultLanguages
   } = useInternationalizedArrayContext();
-  let t2;
-  $[5] !== parentValue ? (t2 = parentValue?.map(_temp4) ?? [], $[5] = parentValue, $[6] = t2) : t2 = $[6];
-  const languageKeysInUse = t2, itemNeedsMigration = !value[LANGUAGE_FIELD_NAME], keyIsValid = languages?.length ? languages.find((l) => l.id === value[LANGUAGE_FIELD_NAME]) : !1, handleKeyChange = (event) => {
-    const languageId = event?.currentTarget?.value;
-    !value || !languages?.length || !languages.find((l_0) => l_0.id === languageId) || onChange([set(languageId, [LANGUAGE_FIELD_NAME])]);
-  }, handleUnset = () => {
-    onChange(unset());
-  };
+  let t4;
+  $[10] !== languages || $[11] !== value ? (t4 = languages?.length ? languages.find((l) => l.id === value[LANGUAGE_FIELD_NAME]) : !1, $[10] = languages, $[11] = value, $[12] = t4) : t4 = $[12];
+  const keyIsValid = t4, itemNeedsMigration = !value[LANGUAGE_FIELD_NAME];
   if (!languages) {
-    let t32;
-    return $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t32 = /* @__PURE__ */ jsx(Spinner, {}), $[7] = t32) : t32 = $[7], t32;
+    let t52;
+    return $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t52 = /* @__PURE__ */ jsx(Spinner, {}), $[13] = t52) : t52 = $[13], t52;
   }
-  const language = languages.find((l_1) => l_1.id === value[LANGUAGE_FIELD_NAME]), languageTitle = keyIsValid && language ? getLanguageDisplay(languageDisplay, language.title, language.id) : "", isDefault = defaultLanguages.includes(value[LANGUAGE_FIELD_NAME]), removeButton = /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: RemoveCircleIcon, tone: "critical", disabled: readOnly || isDefault, onClick: handleUnset }), t3 = getToneFromValidation(validation), T0 = Card, t4 = 1, t5 = "inherit", t6 = props.inputProps.renderInput(inlineProps);
+  let t5;
+  if ($[14] !== keyIsValid || $[15] !== languageDisplay || $[16] !== languages || $[17] !== value) {
+    let t62;
+    $[19] !== value ? (t62 = (l_0) => l_0.id === value[LANGUAGE_FIELD_NAME], $[19] = value, $[20] = t62) : t62 = $[20];
+    const language = languages.find(t62);
+    t5 = keyIsValid && language ? getLanguageDisplay(languageDisplay, language.title, language.id) : "", $[14] = keyIsValid, $[15] = languageDisplay, $[16] = languages, $[17] = value, $[18] = t5;
+  } else
+    t5 = $[18];
+  const languageTitle = t5;
+  let t6;
+  $[21] !== defaultLanguages || $[22] !== value ? (t6 = defaultLanguages.includes(value[LANGUAGE_FIELD_NAME]), $[21] = defaultLanguages, $[22] = value, $[23] = t6) : t6 = $[23];
+  const isDefault = t6;
   let t7;
-  return $[8] !== T0 || $[9] !== t6 ? (t7 = /* @__PURE__ */ jsx(T0, { flex: t4, tone: t5, children: t6 }), $[8] = T0, $[9] = t6, $[10] = t7) : t7 = $[10], /* @__PURE__ */ jsx(Card, { paddingTop: 2, tone: t3, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-    !itemNeedsMigration && /* @__PURE__ */ jsx(Card, { tone: "inherit", children: keyIsValid ? /* @__PURE__ */ jsx(Label, { muted: !0, size: 1, children: languageTitle }) : /* @__PURE__ */ jsx(MenuButton, { button: /* @__PURE__ */ jsx(Button, { fontSize: 1, text: `Change "${value[LANGUAGE_FIELD_NAME]}"` }), id: `${value[LANGUAGE_FIELD_NAME]}-change-key`, menu: /* @__PURE__ */ jsx(Menu, { children: languages.map((lang) => /* @__PURE__ */ jsx(MenuItem, { disabled: languageKeysInUse.includes(lang.id), fontSize: 1, text: lang.id.toLocaleUpperCase(), value: lang.id, onClick: handleKeyChange }, lang.id)) }), popover: {
-      portal: !0
-    } }) }),
-    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
-      t7,
-      /* @__PURE__ */ jsx(Card, { tone: "inherit", children: isDefault ? /* @__PURE__ */ jsx(Tooltip, { content: /* @__PURE__ */ jsx(Text, { muted: !0, size: 1, children: "Can't remove default language" }), fallbackPlacements: ["right", "left"], placement: "top", portal: !0, children: /* @__PURE__ */ jsx("span", { children: removeButton }) }) : removeButton })
-    ] })
-  ] }) });
-}
-function _temp4(v) {
-  return v[LANGUAGE_FIELD_NAME];
+  $[24] !== validation ? (t7 = getToneFromValidation(validation), $[24] = validation, $[25] = t7) : t7 = $[25];
+  let t8;
+  $[26] !== itemNeedsMigration || $[27] !== keyIsValid || $[28] !== languageTitle || $[29] !== originalOnChange || $[30] !== props.path || $[31] !== value ? (t8 = !itemNeedsMigration && /* @__PURE__ */ jsx(Card, { tone: "inherit", children: keyIsValid ? /* @__PURE__ */ jsx(Label, { muted: !0, size: 1, children: languageTitle }) : /* @__PURE__ */ jsx(ChangeLanguageButton, { value, path: props.path, onChange: originalOnChange }) }), $[26] = itemNeedsMigration, $[27] = keyIsValid, $[28] = languageTitle, $[29] = originalOnChange, $[30] = props.path, $[31] = value, $[32] = t8) : t8 = $[32];
+  let t9;
+  $[33] !== inlineProps || $[34] !== props.inputProps ? (t9 = props.inputProps.renderInput(inlineProps), $[33] = inlineProps, $[34] = props.inputProps, $[35] = t9) : t9 = $[35];
+  let t10;
+  $[36] !== t9 ? (t10 = /* @__PURE__ */ jsx(Box, { flex: 1, children: t9 }), $[36] = t9, $[37] = t10) : t10 = $[37];
+  const t11 = !!readOnly;
+  let t12;
+  $[38] !== isDefault || $[39] !== originalOnChange || $[40] !== t11 ? (t12 = /* @__PURE__ */ jsx(RemoveButton, { isDefault, readOnly: t11, onChange: originalOnChange }), $[38] = isDefault, $[39] = originalOnChange, $[40] = t11, $[41] = t12) : t12 = $[41];
+  let t13;
+  $[42] !== t10 || $[43] !== t12 ? (t13 = /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+    t10,
+    t12
+  ] }), $[42] = t10, $[43] = t12, $[44] = t13) : t13 = $[44];
+  let t14;
+  $[45] !== t13 || $[46] !== t8 ? (t14 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t8,
+    t13
+  ] }), $[45] = t13, $[46] = t8, $[47] = t14) : t14 = $[47];
+  let t15;
+  return $[48] !== t14 || $[49] !== t7 ? (t15 = /* @__PURE__ */ jsx(Card, { paddingTop: 2, tone: t7, children: t14 }), $[48] = t14, $[49] = t7, $[50] = t15) : t15 = $[50], t15;
 }
-function _temp3(m) {
+function _temp4(m) {
   return m.kind === "field" && m.name === "value";
 }
-function _temp2(patch_0) {
+function _temp3(patch_0) {
   if (!patch_0 || typeof patch_0 != "object")
     return patch_0;
   if (patch_0.type === "insert" && patch_0.path && Array.isArray(patch_0.path)) {
@@ -908,7 +993,7 @@ function _temp2(patch_0) {
   }
   return patch_0;
 }
-function _temp(patch) {
+function _temp2(patch) {
   return !patch || typeof patch != "object" ? !1 : patch.type === "insert" && patch.path && Array.isArray(patch.path) && patch.path.length > 0 ? patch.path[0] === "value" || typeof patch.path[0] == "number" : !1;
 }
 var object = (config) => {
@@ -921,14 +1006,25 @@ var object = (config) => {
     type: "object",
     components: {
       // @ts-expect-error - fix typings
-      item: InternationalizedInput
+      item: InternationalizedInput,
+      field: (props) => props.renderDefault({
+        ...props,
+        // Reset the level to avoid nested styling
+        level: 0
+      })
     },
     fields: [
       defineField({
         ...typeof type == "string" ? {
           type
         } : type,
-        name: "value"
+        name: "value",
+        components: {
+          field: (props) => props.renderDefault({
+            ...props,
+            title: ""
+          })
+        }
       }),
       // Hidden language field - stores the language identifier (e.g., 'en', 'fr')
       // This replaces the previous pattern of storing language in _key
@@ -947,37 +1043,7 @@ var object = (config) => {
     }
   });
 };
-function flattenSchemaType(schemaType) {
-  return isDocumentSchemaType(schemaType) ? extractInnerFields(schemaType.fields, [], 3) : (console.error("Schema type is not a document"), []);
-}
-function extractInnerFields(fields, path, maxDepth) {
-  return path.length >= maxDepth ? [] : fields.reduce((acc, field) => {
-    const thisFieldWithPath = {
-      path: [...path, field.name],
-      ...field
-    };
-    if (field.type.jsonType === "object") {
-      const innerFields = extractInnerFields(field.type.fields, [...path, field.name], maxDepth);
-      return acc.push(thisFieldWithPath, ...innerFields), acc;
-    } else if (field.type.jsonType === "array" && field.type.of.length && field.type.of.some((item) => "fields" in item)) {
-      const innerFields = field.type.of.flatMap((innerField) => extractInnerFields(
-        // @ts-expect-error - Fix TS assertion for array fields
-        innerField.fields,
-        [...path, field.name],
-        maxDepth
-      ));
-      return acc.push(thisFieldWithPath, ...innerFields), acc;
-    }
-    return acc.push(thisFieldWithPath), acc;
-  }, []);
-}
-const internationalizedArrayLanguageFilter = (enclosingType, _member, selectedLanguageIds, parentValue) => {
-  if (isInternationalizedArrayItemType(enclosingType.name)) {
-    const language = typeof parentValue?.language == "string" ? parentValue?.language : null;
-    return language ? selectedLanguageIds.includes(language) : !1;
-  }
-  return !0;
-}, internationalizedArray = definePlugin((config) => {
+const internationalizedArray = definePlugin((config) => {
   const pluginConfig = {
     ...CONFIG_DEFAULT,
     ...config
@@ -1002,13 +1068,15 @@ const internationalizedArrayLanguageFilter = (enclosingType, _member, selectedLa
     },
     // Optional: render "add language" buttons as field actions
     document: {
+      components: {
+        unstable_layout: (props) => /* @__PURE__ */ jsx(InternationalizedArrayLayout, { ...props, pluginConfig })
+      },
       unstable_fieldActions: buttonLocations.includes("unstable__fieldAction") ? (prev) => [...prev, internationalizedArrayFieldAction] : void 0
     },
     // Wrap document editor with a language provider
     form: {
       components: {
-        field: (props) => /* @__PURE__ */ jsx(InternationalizedField, { ...props }),
-        input: (props) => !(props.id === "root" && isObjectInputProps(props)) || !flattenSchemaType(props.schemaType).map((field) => field.type.name).some((name) => name.startsWith("internationalizedArray")) ? props.renderDefault(props) : /* @__PURE__ */ jsx(InternationalizedArrayProvider, { ...props, internationalizedArray: pluginConfig })
+        input: (props) => props.id === "root" && isObjectInputProps(props) && hasInternationalizedArrayField(props.schemaType) && pluginConfig.includeForDocumentType(props.schemaType.name) ? /* @__PURE__ */ jsx(InternationalizedArrayFormInput, { ...props, pluginConfig }) : props.renderDefault(props)
       }
     },
     // Register custom schema types for the outer array and the inner object
@@ -1024,8 +1092,10 @@ const internationalizedArrayLanguageFilter = (enclosingType, _member, selectedLa
     },
     plugins: languageFilterConfig?.documentTypes?.length > 0 ? [languageFilter({
       documentTypes: languageFilterConfig.documentTypes,
-      supportedLanguages: languages,
-      filterField: internationalizedArrayLanguageFilter
+      supportedLanguages: languages
+      // This is specifically not adding filterField avoid the default filter field implementation.
+      // It will be filtered in `internationalizedArray` component and will have access to the resolved languages.
+      // Rendering the fields if the language key is incorrect, providing an improved UX
     })] : void 0
   };
 });