sanity-plugin-internationalized-array 3.2.0 → 3.2.2

package/lib/index.esm.js

@@ -5,7 +5,7 @@ import { isSanityDocument, useSchema, setIfMissing, insert, PatchEvent, useClien
 import { useLanguageFilterStudioContext } from "@sanity/language-filter";
 import { Grid, Button, useToast, Stack, Box, Text, Card, Code, Spinner, Label, MenuButton, Menu, MenuItem, Flex, Tooltip } from "@sanity/ui";
 import equal from "fast-deep-equal";
-import { memo, useCallback, createContext, useContext, useDeferredValue, useMemo, useEffect, createElement } from "react";
+import { memo, useCallback, useContext, createContext, useDeferredValue, useMemo, useEffect, createElement } from "react";
 import { useDocumentPane } from "sanity/structure";
 import { AddIcon, TranslateIcon, RemoveCircleIcon } from "@sanity/icons";
 import get from "lodash/get.js";
@@ -47,26 +47,18 @@ const namespace = "sanity-plugin-internationalized-array", version = "v1", funct
   buttonLocations: ["field"],
   buttonAddAll: !0,
   languageDisplay: "codeOnly"
-};
-var __defProp$9 = Object.defineProperty, __defProps$8 = Object.defineProperties, __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$9 = Object.getOwnPropertySymbols, __hasOwnProp$9 = Object.prototype.hasOwnProperty, __propIsEnum$9 = Object.prototype.propertyIsEnumerable, __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$9 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$9.call(b, prop) && __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b))
-      __propIsEnum$9.call(b, prop) && __defNormalProp$9(a, prop, b[prop]);
-  return a;
-}, __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
-const getDocumentsToTranslate = (value, rootPath = []) => {
+}, getDocumentsToTranslate = (value, rootPath = []) => {
   if (Array.isArray(value)) {
     const arrayRootPath = [...rootPath], internationalizedValues = value.filter((item) => {
       if (Array.isArray(item)) return !1;
       if (typeof item == "object") {
-        const type = item == null ? void 0 : item._type;
-        return (type == null ? void 0 : type.startsWith("internationalizedArray")) && (type == null ? void 0 : type.endsWith("Value"));
+        const type = item?._type;
+        return type?.startsWith("internationalizedArray") && type?.endsWith("Value");
       }
       return !1;
     });
-    return internationalizedValues.length > 0 ? internationalizedValues.map((internationalizedValue) => __spreadProps$8(__spreadValues$9({}, internationalizedValue), {
+    return internationalizedValues.length > 0 ? internationalizedValues.map((internationalizedValue) => ({
+      ...internationalizedValue,
       path: arrayRootPath,
       pathString: arrayRootPath.join(".")
     })) : value.length > 0 ? value.map(
@@ -87,7 +79,7 @@ const getDocumentsToTranslate = (value, rootPath = []) => {
 function getLanguageDisplay(languageDisplay, title, code) {
   return languageDisplay === "codeOnly" ? code.toUpperCase() : languageDisplay === "titleOnly" ? title : languageDisplay === "titleAndCode" ? `${title} (${code.toUpperCase()})` : title;
 }
-function AddButtons(props) {
+function AddButtons$1(props) {
   const { languages, readOnly, value, onClick } = props, { languageDisplay } = useInternationalizedArrayContext();
   return languages.length > 0 ? /* @__PURE__ */ jsx(
     Grid,
@@ -106,7 +98,7 @@ function AddButtons(props) {
             tone: "primary",
             mode: "ghost",
             fontSize: 1,
-            disabled: readOnly || !!(value != null && value.find((item) => item._key === language.id)),
+            disabled: readOnly || !!value?.find((item) => item._key === language.id),
             text: languageTitle,
             icon: languages.length > MAX_COLUMNS[languageDisplay] && languageDisplay === "codeOnly" ? void 0 : AddIcon,
             value: language.id,
@@ -118,11 +110,10 @@ function AddButtons(props) {
     }
   ) : null;
 }
-var AddButtons$1 = memo(AddButtons);
+var AddButtons = memo(AddButtons$1);
 function DocumentAddButtons(props) {
   const { filteredLanguages } = useInternationalizedArrayContext(), value = isSanityDocument(props.value) ? props.value : void 0, toast = useToast(), { onChange } = useDocumentPane(), schema = useSchema(), documentsToTranslation = getDocumentsToTranslate(value, []), getInitialValueForType = useCallback(
     (typeName) => {
-      var _a;
       if (!typeName) return;
       const match = typeName.match(/^internationalizedArray(.+)Value$/);
       if (!match) return;
@@ -137,13 +128,13 @@ function DocumentAddButtons(props) {
       try {
         const schemaType = schema.get(typeName);
         if (schemaType) {
-          const valueField = (_a = schemaType == null ? void 0 : schemaType.fields) == null ? void 0 : _a.find(
+          const valueField = schemaType?.fields?.find(
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             (f) => f.name === "value"
           );
           if (valueField) {
             const fieldType = valueField.type;
-            if ((fieldType == null ? void 0 : fieldType.jsonType) === "array" || (fieldType == null ? void 0 : fieldType.name) === "array" || (fieldType == null ? void 0 : fieldType.type) === "array" || (fieldType == null ? void 0 : fieldType.of) !== void 0 || arrayBasedTypes.includes(fieldType == null ? void 0 : fieldType.name))
+            if (fieldType?.jsonType === "array" || fieldType?.name === "array" || fieldType?.type === "array" || fieldType?.of !== void 0 || arrayBasedTypes.includes(fieldType?.name))
               return [];
           }
         }
@@ -167,7 +158,7 @@ function DocumentAddButtons(props) {
         return;
       }
       const alreadyTranslated = documentsToTranslation.filter(
-        (translation) => (translation == null ? void 0 : translation._key) === languageId
+        (translation) => translation?._key === languageId
       ), removeDuplicates = documentsToTranslation.reduce((filteredTranslations, translation) => alreadyTranslated.filter(
         (alreadyTranslation) => alreadyTranslation.pathString === translation.pathString
       ).length > 0 || filteredTranslations.filter(
@@ -203,7 +194,7 @@ function DocumentAddButtons(props) {
   return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
     /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: "Add translation to internationalized fields" }) }),
     /* @__PURE__ */ jsx(
-      AddButtons$1,
+      AddButtons,
       {
         languages: filteredLanguages,
         readOnly: !1,
@@ -220,36 +211,28 @@ const getSelectedValue = (select, document) => {
   for (const [key, path] of Object.entries(selection)) {
     let value = get(document, path);
     Array.isArray(value) && (value = value.filter(
-      (item) => typeof item == "object" ? (item == null ? void 0 : item._type) === "reference" && "_ref" in item : !0
+      (item) => typeof item == "object" ? item?._type === "reference" && "_ref" in item : !0
     )), selectedValue[key] = value;
   }
   return selectedValue;
-};
-var __defProp$8 = Object.defineProperty, __defProps$7 = Object.defineProperties, __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$8 = Object.getOwnPropertySymbols, __hasOwnProp$8 = Object.prototype.hasOwnProperty, __propIsEnum$8 = Object.prototype.propertyIsEnumerable, __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b))
-      __propIsEnum$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
-  return a;
-}, __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-const InternationalizedArrayContext = createContext(__spreadProps$7(__spreadValues$8({}, CONFIG_DEFAULT), {
+}, InternationalizedArrayContext = createContext({
+  ...CONFIG_DEFAULT,
   languages: [],
   filteredLanguages: []
-}));
+});
 function useInternationalizedArrayContext() {
   return useContext(InternationalizedArrayContext);
 }
 function InternationalizedArrayProvider(props) {
-  const { internationalizedArray: internationalizedArray2 } = props, client = useClient({ apiVersion: internationalizedArray2.apiVersion }), workspace = useWorkspace(), { formState } = useDocumentPane(), deferredDocument = useDeferredValue(formState == null ? void 0 : formState.value), selectedValue = useMemo(
+  const { internationalizedArray: internationalizedArray2 } = props, client = useClient({ apiVersion: internationalizedArray2.apiVersion }), workspace = useWorkspace(), { formState } = useDocumentPane(), deferredDocument = useDeferredValue(formState?.value), selectedValue = useMemo(
     () => getSelectedValue(internationalizedArray2.select, deferredDocument),
     [internationalizedArray2.select, deferredDocument]
   ), workspaceId = useMemo(() => {
-    if (workspace != null && workspace.name)
+    if (workspace?.name)
       return workspace.name;
     const workspaceKey = {
-      name: workspace == null ? void 0 : workspace.name,
-      title: workspace == null ? void 0 : workspace.title
+      name: workspace?.name,
+      title: workspace?.title
       // Add other stable properties as needed
     };
     return JSON.stringify(workspaceKey);
@@ -281,7 +264,7 @@ function InternationalizedArrayProvider(props) {
       (language) => selectedLanguageIds.includes(language.id)
     ) : languages;
   }, [deferredDocument, languageFilterOptions, languages, selectedLanguageIds]), showDocumentButtons = internationalizedArray2.buttonLocations.includes("document"), context = useMemo(
-    () => __spreadProps$7(__spreadValues$8({}, internationalizedArray2), { languages, filteredLanguages }),
+    () => ({ ...internationalizedArray2, languages, filteredLanguages }),
     [filteredLanguages, internationalizedArray2, languages]
   );
   return /* @__PURE__ */ jsx(InternationalizedArrayContext.Provider, { value: context, children: showDocumentButtons ? /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
@@ -289,30 +272,24 @@ function InternationalizedArrayProvider(props) {
     props.renderDefault(props)
   ] }) : props.renderDefault(props) });
 }
-var __defProp$7 = Object.defineProperty, __defProps$6 = Object.defineProperties, __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$7 = Object.getOwnPropertySymbols, __hasOwnProp$7 = Object.prototype.hasOwnProperty, __propIsEnum$7 = Object.prototype.propertyIsEnumerable, __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b))
-      __propIsEnum$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
-  return a;
-}, __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 function InternationalizedField(props) {
   const { languages } = useInternationalizedArrayContext(), customProps = useMemo(() => {
-    var _a;
-    const pathSegment = props.path.slice(0, -1)[1], languageId = typeof pathSegment == "object" && "_key" in pathSegment ? pathSegment._key : void 0, hasValidLanguageId = languageId ? languages.some((l) => l.id === languageId) : !1, shouldHideTitle = ((_a = props.title) == null ? void 0 : _a.toLowerCase()) === "value" && hasValidLanguageId;
-    return __spreadProps$6(__spreadValues$7({}, props), {
+    const pathSegment = props.path.slice(0, -1)[1], languageId = typeof pathSegment == "object" && "_key" in pathSegment ? pathSegment._key : void 0, hasValidLanguageId = languageId ? languages.some((l) => l.id === languageId) : !1, shouldHideTitle = props.title?.toLowerCase() === "value" && hasValidLanguageId;
+    return {
+      ...props,
       title: shouldHideTitle ? "" : props.title
-    });
+    };
   }, [props, languages]);
-  return customProps.schemaType.name.startsWith("internationalizedArray") ? customProps.schemaType.name === "reference" && customProps.value ? customProps.renderDefault(__spreadProps$6(__spreadValues$7({}, customProps), {
+  return customProps.schemaType.name.startsWith("internationalizedArray") ? customProps.schemaType.name === "reference" && customProps.value ? customProps.renderDefault({
+    ...customProps,
     title: "",
     level: 0
     // Reset the level to avoid nested styling
-  })) : customProps.schemaType.name === "string" || customProps.schemaType.name === "number" || customProps.schemaType.name === "text" ? customProps.children : customProps.renderDefault(__spreadProps$6(__spreadValues$7({}, customProps), {
+  }) : customProps.schemaType.name === "string" || customProps.schemaType.name === "number" || customProps.schemaType.name === "text" ? customProps.children : customProps.renderDefault({
+    ...customProps,
     level: 0
     // Reset the level to avoid nested styling
-  })) : customProps.renderDefault(customProps);
+  }) : customProps.renderDefault(customProps);
 }
 var Preload = memo(function(props) {
   const client = useClient({ apiVersion: props.apiVersion }), cacheKey = createCacheKey({});
@@ -328,19 +305,11 @@ function checkAllLanguagesArePresent(languages, value) {
   return languagesInUseIds.length === filteredLanguageIds.length && languagesInUseIds.every((l) => filteredLanguageIds.includes(l));
 }
 function createAddAllTitle(value, languages) {
-  return value != null && value.length ? `Add missing ${languages.length - value.length === 1 ? "language" : "languages"}` : languages.length === 1 ? `Add ${languages[0].title} Field` : "Add all languages";
+  return value?.length ? `Add missing ${languages.length - value.length === 1 ? "language" : "languages"}` : languages.length === 1 ? `Add ${languages[0].title} Field` : "Add all languages";
 }
 function createValueSchemaTypeName(schemaType) {
   return `${schemaType.name}Value`;
 }
-var __defProp$6 = Object.defineProperty, __defProps$5 = Object.defineProperties, __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$6 = Object.getOwnPropertySymbols, __hasOwnProp$6 = Object.prototype.hasOwnProperty, __propIsEnum$6 = Object.prototype.propertyIsEnumerable, __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b))
-      __propIsEnum$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
-  return a;
-}, __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 function createAddLanguagePatches(config) {
   const {
     addLanguageKeys,
@@ -349,13 +318,15 @@ function createAddLanguagePatches(config) {
     filteredLanguages,
     value,
     path = []
-  } = config, itemBase = { _type: createValueSchemaTypeName(schemaType) }, newItems = Array.isArray(addLanguageKeys) && addLanguageKeys.length > 0 ? addLanguageKeys.map((id) => __spreadProps$5(__spreadValues$6({}, itemBase), {
+  } = config, itemBase = { _type: createValueSchemaTypeName(schemaType) }, newItems = Array.isArray(addLanguageKeys) && addLanguageKeys.length > 0 ? addLanguageKeys.map((id) => ({
+    ...itemBase,
     _key: id
   })) : filteredLanguages.filter(
-    (language) => value != null && value.length ? !value.find((v) => v._key === language.id) : !0
-  ).map((language) => __spreadProps$5(__spreadValues$6({}, itemBase), {
+    (language) => value?.length ? !value.find((v) => v._key === language.id) : !0
+  ).map((language) => ({
+    ...itemBase,
     _key: language.id
-  })), languagesInUse = value != null && value.length ? value.map((v) => v) : [];
+  })), languagesInUse = value?.length ? value.map((v) => v) : [];
   return newItems.map((item) => {
     const languageIndex = languages.findIndex((l) => item._key === l.id), remainingLanguages = languages.slice(languageIndex + 1), nextLanguageIndex = languagesInUse.findIndex(
       (l) => (
@@ -373,7 +344,7 @@ function createAddLanguagePatches(config) {
   });
 }
 const createTranslateFieldActions = (fieldActionProps, { languages, filteredLanguages }) => languages.map((language) => {
-  const value = useFormValue(fieldActionProps.path), disabled = value && Array.isArray(value) ? !!(value != null && value.find((item) => item._key === language.id)) : !1, hidden = !filteredLanguages.some((f) => f.id === language.id), { onChange } = useDocumentPane(), onAction = useCallback(() => {
+  const value = useFormValue(fieldActionProps.path), disabled = value && Array.isArray(value) ? !!value?.find((item) => item._key === language.id) : !1, hidden = !filteredLanguages.some((f) => f.id === language.id), { onChange } = useDocumentPane(), onAction = useCallback(() => {
     const { schemaType, path } = fieldActionProps, addLanguageKeys = [language.id], patches = createAddLanguagePatches({
       addLanguageKeys,
       schemaType,
@@ -415,8 +386,7 @@ const createTranslateFieldActions = (fieldActionProps, { languages, filteredLang
 }, internationalizedArrayFieldAction = defineDocumentFieldAction({
   name: "internationalizedArray",
   useAction(fieldActionProps) {
-    var _a, _b;
-    const isInternationalizedArrayField = (_b = (_a = fieldActionProps == null ? void 0 : fieldActionProps.schemaType) == null ? void 0 : _a.type) == null ? void 0 : _b.name.startsWith(
+    const isInternationalizedArrayField = fieldActionProps?.schemaType?.type?.name.startsWith(
       "internationalizedArray"
     ), { languages, filteredLanguages } = useInternationalizedArrayContext(), translateFieldActions = createTranslateFieldActions(
       fieldActionProps,
@@ -472,16 +442,14 @@ function Feedback() {
     /* @__PURE__ */ jsx(Card, { padding: 2, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Code, { size: 1, language: "javascript", children: JSON.stringify(schemaExample, null, 2) }) })
   ] }) });
 }
-var __defProp$5 = Object.defineProperty, __defProps$4 = Object.defineProperties, __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$5 = Object.getOwnPropertySymbols, __hasOwnProp$5 = Object.prototype.hasOwnProperty, __propIsEnum$5 = Object.prototype.propertyIsEnumerable, __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b))
-      __propIsEnum$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
-  return a;
-}, __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 function InternationalizedArray(props) {
-  const { members, value, schemaType, onChange } = props, readOnly = typeof schemaType.readOnly == "boolean" ? schemaType.readOnly : !1, toast = useToast(), {
+  const {
+    members,
+    value,
+    schemaType,
+    onChange,
+    readOnly: documentReadOnly
+  } = props, readOnly = typeof schemaType.readOnly == "boolean" ? schemaType.readOnly : !1, toast = useToast(), {
     languages,
     filteredLanguages,
     defaultLanguages,
@@ -501,10 +469,9 @@ function InternationalizedArray(props) {
     [languageFilterEnabled, members, languageFilterOptions, selectedLanguageIds]
   ), handleAddLanguage = useCallback(
     async (param) => {
-      var _a;
-      if (!(filteredLanguages != null && filteredLanguages.length))
+      if (!filteredLanguages?.length)
         return;
-      const addLanguageKeys = Array.isArray(param) ? param : [(_a = param == null ? void 0 : param.currentTarget) == null ? void 0 : _a.value].filter(Boolean), patches = createAddLanguagePatches({
+      const addLanguageKeys = Array.isArray(param) ? param : [param?.currentTarget?.value].filter(Boolean), patches = createAddLanguagePatches({
         addLanguageKeys,
         schemaType,
         languages,
@@ -517,7 +484,9 @@ function InternationalizedArray(props) {
   ), { isDeleting } = useDocumentPane(), addedLanguages = members.map(({ key }) => key), hasAddedDefaultLanguages = defaultLanguages.filter((language) => languages.find((l) => l.id === language)).every((language) => addedLanguages.includes(language));
   useEffect(() => {
     if (!isDeleting && !hasAddedDefaultLanguages) {
-      const languagesToAdd = defaultLanguages.filter((language) => !addedLanguages.includes(language)).filter((language) => languages.find((l) => l.id === language)), timeout = setTimeout(() => handleAddLanguage(languagesToAdd));
+      const languagesToAdd = defaultLanguages.filter((language) => !addedLanguages.includes(language)).filter((language) => languages.find((l) => l.id === language)), timeout = setTimeout(() => {
+        documentReadOnly || handleAddLanguage(languagesToAdd);
+      });
       return () => clearTimeout(timeout);
     }
   }, [
@@ -526,26 +495,27 @@ function InternationalizedArray(props) {
     handleAddLanguage,
     defaultLanguages,
     addedLanguages,
-    languages
+    languages,
+    documentReadOnly
   ]);
   const handleRestoreOrder = useCallback(() => {
-    if (!(value != null && value.length) || !(languages != null && languages.length))
+    if (!value?.length || !languages?.length)
       return;
     const updatedValue = value.reduce((acc, v) => {
-      const newIndex = languages.findIndex((l) => l.id === (v == null ? void 0 : v._key));
+      const newIndex = languages.findIndex((l) => l.id === v?._key);
       return newIndex > -1 && (acc[newIndex] = v), acc;
     }, []).filter(Boolean);
-    (value == null ? void 0 : value.length) !== updatedValue.length && toast.push({
+    value?.length !== updatedValue.length && toast.push({
       title: "There was an error reordering languages",
       status: "warning"
     }), onChange(set(updatedValue));
-  }, [toast, languages, onChange, value]), allKeysAreLanguages = useMemo(() => !(value != null && value.length) || !(languages != null && languages.length) ? !0 : value == null ? void 0 : value.every((v) => languages.find((l) => (l == null ? void 0 : l.id) === (v == null ? void 0 : v._key))), [value, languages]), languagesInUse = useMemo(
-    () => languages && languages.length > 1 ? languages.filter((l) => value == null ? void 0 : value.find((v) => v._key === l.id)) : [],
+  }, [toast, languages, onChange, value]), allKeysAreLanguages = useMemo(() => !value?.length || !languages?.length ? !0 : value?.every((v) => languages.find((l) => l?.id === v?._key)), [value, languages]), languagesInUse = useMemo(
+    () => languages && languages.length > 1 ? languages.filter((l) => value?.find((v) => v._key === l.id)) : [],
     [languages, value]
-  ), languagesOutOfOrder = useMemo(() => !(value != null && value.length) || !languagesInUse.length ? [] : value.map(
+  ), languagesOutOfOrder = useMemo(() => !value?.length || !languagesInUse.length ? [] : value.map(
     (v, vIndex) => vIndex === languagesInUse.findIndex((l) => l.id === v._key) ? null : v
   ).filter(Boolean), [value, languagesInUse]), languagesAreValid = useMemo(
-    () => !(languages != null && languages.length) || (languages == null ? void 0 : languages.length) && languages.every((item) => item.id && item.title),
+    () => !languages?.length || languages?.length && languages.every((item) => item.id && item.title),
     [languages]
   );
   useEffect(() => {
@@ -560,21 +530,22 @@ function InternationalizedArray(props) {
   const addButtonsAreVisible = (
     // Plugin was configured to display buttons here (default!)
     buttonLocations.includes("field") && // There's at least one language visible
-    (filteredLanguages == null ? void 0 : filteredLanguages.length) > 0 && // Not every language has a value yet
+    filteredLanguages?.length > 0 && // Not every language has a value yet
     !allLanguagesArePresent
-  ), fieldHasMembers = (members == null ? void 0 : members.length) > 0;
+  ), fieldHasMembers = members?.length > 0;
   return /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
     fieldHasMembers ? /* @__PURE__ */ jsx(Fragment, { children: filteredMembers.map((member) => member.kind === "item" ? /* @__PURE__ */ createElement(
       ArrayOfObjectsItem,
-      __spreadProps$4(__spreadValues$5({}, props), {
+      {
+        ...props,
         key: member.key,
         member
-      })
+      }
     ) : /* @__PURE__ */ jsx(MemberItemError, { member }, member.key)) }) : null,
     !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,
     addButtonsAreVisible ? /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
       /* @__PURE__ */ jsx(
-        AddButtons$1,
+        AddButtons,
         {
           languages: filteredLanguages,
           value,
@@ -597,17 +568,9 @@ function InternationalizedArray(props) {
   ] });
 }
 function getLanguagesFieldOption(schemaType) {
-  var _a;
-  return schemaType ? ((_a = schemaType.options) == null ? void 0 : _a.languages) || getLanguagesFieldOption(schemaType.type) : void 0;
+  return schemaType ? schemaType.options?.languages || getLanguagesFieldOption(schemaType.type) : void 0;
 }
-var __defProp$4 = Object.defineProperty, __defProps$3 = Object.defineProperties, __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$4 = Object.getOwnPropertySymbols, __hasOwnProp$4 = Object.prototype.hasOwnProperty, __propIsEnum$4 = Object.prototype.propertyIsEnumerable, __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b))
-      __propIsEnum$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
-  return a;
-}, __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b)), array = (config) => {
+var array = (config) => {
   const { apiVersion, select, languages, type } = config, typeName = typeof type == "string" ? type : type.name, arrayName = createFieldName(typeName), objectName = createFieldName(typeName, !0);
   return defineField({
     name: arrayName,
@@ -623,19 +586,19 @@ var __defProp$4 = Object.defineProperty, __defProps$3 = Object.defineProperties,
       languages
     },
     of: [
-      defineField(__spreadProps$3(__spreadValues$4({}, typeof type == "string" ? {} : type), {
+      defineField({
+        ...typeof type == "string" ? {} : type,
         name: objectName,
         type: objectName
-      }))
+      })
     ],
     // @ts-expect-error - fix typings
     validation: (rule) => rule.custom(async (value, context) => {
-      var _a;
-      if (!value || value.length === 0 || value.length === 1 && !((_a = value[0]) != null && _a._key))
+      if (!value || value.length === 0 || value.length === 1 && !value[0]?._key)
         return !0;
       const selectedValue = getSelectedValue(select, context.document), client = context.getClient({ apiVersion });
       let contextLanguages = [];
-      const languagesFieldOption = getLanguagesFieldOption(context == null ? void 0 : context.type);
+      const languagesFieldOption = getLanguagesFieldOption(context?.type);
       if (Array.isArray(languagesFieldOption))
         contextLanguages = languagesFieldOption;
       else if (Array.isArray(peek(selectedValue)))
@@ -662,7 +625,7 @@ var __defProp$4 = Object.defineProperty, __defProps$3 = Object.defineProperties,
       if (value && value.length > contextLanguages.length)
         return `Cannot be more than ${contextLanguages.length === 1 ? "1 item" : `${contextLanguages.length} items`}`;
       const languageIds = new Set(contextLanguages.map((lang) => lang.id)), nonLanguageKeys = value.filter(
-        (item) => (item == null ? void 0 : item._key) && !languageIds.has(item._key)
+        (item) => item?._key && !languageIds.has(item._key)
       );
       if (nonLanguageKeys.length)
         return {
@@ -671,7 +634,7 @@ var __defProp$4 = Object.defineProperty, __defProps$3 = Object.defineProperties,
         };
       const seenKeys = /* @__PURE__ */ new Set(), duplicateValues = [];
       for (const item of value)
-        item != null && item._key && (seenKeys.has(item._key) ? duplicateValues.push(item) : seenKeys.add(item._key));
+        item?._key && (seenKeys.has(item._key) ? duplicateValues.push(item) : seenKeys.add(item._key));
       return duplicateValues.length ? {
         message: "There can only be one field per language",
         paths: duplicateValues.map((item) => [{ _key: item._key }])
@@ -680,7 +643,7 @@ var __defProp$4 = Object.defineProperty, __defProps$3 = Object.defineProperties,
   });
 };
 function getToneFromValidation(validations) {
-  if (!(validations != null && validations.length))
+  if (!validations?.length)
     return;
   const validationLevels = validations.map((v) => v.level);
   if (validationLevels.includes("error"))
@@ -688,31 +651,22 @@ function getToneFromValidation(validations) {
   if (validationLevels.includes("warning"))
     return "caution";
 }
-var __defProp$3 = Object.defineProperty, __defProps$2 = Object.defineProperties, __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$3 = Object.getOwnPropertySymbols, __hasOwnProp$3 = Object.prototype.hasOwnProperty, __propIsEnum$3 = Object.prototype.propertyIsEnumerable, __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b))
-      __propIsEnum$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  return a;
-}, __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function InternationalizedInput(props) {
   const parentValue = useFormValue(
     props.path.slice(0, -1)
   ), originalOnChange = props.inputProps.onChange, wrappedOnChange = useCallback(
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     (patches) => {
-      var _a;
       if (!Array.isArray(patches))
         return originalOnChange(patches);
-      const valueField = (_a = props.value) == null ? void 0 : _a.value;
+      const valueField = props.value?.value;
       if ((valueField == null || Array.isArray(valueField) && valueField.length === 0) && patches.some((patch) => !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)) {
         const initPatch = valueField === void 0 ? { type: "setIfMissing", path: ["value"], value: [] } : null, fixedPatches = patches.map((patch) => {
           if (!patch || typeof patch != "object")
             return patch;
           if (patch.type === "insert" && patch.path && Array.isArray(patch.path)) {
             const fixedPath = patch.path[0] === "value" ? patch.path : ["value", ...patch.path];
-            return __spreadProps$2(__spreadValues$3({}, patch), { path: fixedPath });
+            return { ...patch, path: fixedPath };
           }
           return patch;
         }), allPatches = initPatch ? [initPatch, ...fixedPatches] : fixedPatches;
@@ -721,7 +675,8 @@ function InternationalizedInput(props) {
       return originalOnChange(patches);
     },
     [props.value, originalOnChange]
-  ), inlineProps = __spreadProps$2(__spreadValues$3({}, props.inputProps), {
+  ), inlineProps = {
+    ...props.inputProps,
     // This is the magic that makes inline editing work?
     members: props.inputProps.members.filter(
       (m) => m.kind === "field" && m.name === "value"
@@ -731,17 +686,13 @@ function InternationalizedInput(props) {
     value: props.value,
     // Use our wrapped onChange handler
     onChange: wrappedOnChange
-  }), { validation, value, onChange, readOnly } = inlineProps, { languages, languageDisplay, defaultLanguages } = useInternationalizedArrayContext(), languageKeysInUse = useMemo(
-    () => {
-      var _a;
-      return (_a = parentValue == null ? void 0 : parentValue.map((v) => v._key)) != null ? _a : [];
-    },
+  }, { validation, value, onChange, readOnly } = inlineProps, { languages, languageDisplay, defaultLanguages } = useInternationalizedArrayContext(), languageKeysInUse = useMemo(
+    () => parentValue?.map((v) => v._key) ?? [],
     [parentValue]
-  ), keyIsValid = languages != null && languages.length ? languages.find((l) => l.id === value._key) : !1, handleKeyChange = useCallback(
+  ), keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : !1, handleKeyChange = useCallback(
     (event) => {
-      var _a;
-      const languageId = (_a = event == null ? void 0 : event.currentTarget) == null ? void 0 : _a.value;
-      !value || !(languages != null && languages.length) || !languages.find((l) => l.id === languageId) || onChange([set(languageId, ["_key"])]);
+      const languageId = event?.currentTarget?.value;
+      !value || !languages?.length || !languages.find((l) => l.id === languageId) || onChange([set(languageId, ["_key"])]);
     },
     [onChange, value, languages]
   ), handleUnset = useCallback(() => {
@@ -794,14 +745,7 @@ function InternationalizedInput(props) {
     ] })
   ] }) });
 }
-var __defProp$2 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b))
-      __propIsEnum$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  return a;
-}, __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b)), object = (config) => {
+var object = (config) => {
   const { type } = config, typeName = typeof type == "string" ? type : type.name, objectName = createFieldName(typeName, !0);
   return defineField({
     name: objectName,
@@ -812,9 +756,10 @@ var __defProp$2 = Object.defineProperty, __defProps$1 = Object.defineProperties,
       item: InternationalizedInput
     },
     fields: [
-      defineField(__spreadProps$1(__spreadValues$2({}, typeof type == "string" ? { type } : type), {
+      defineField({
+        ...typeof type == "string" ? { type } : type,
         name: "value"
-      }))
+      })
     ],
     preview: {
       select: {
@@ -823,20 +768,13 @@ var __defProp$2 = Object.defineProperty, __defProps$1 = Object.defineProperties,
       }
     }
   });
-}, __defProp$1 = Object.defineProperty, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b))
-      __propIsEnum$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  return a;
 };
 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 = __spreadValues$1({ path: [...path, field.name] }, field);
+    const thisFieldWithPath = { path: [...path, field.name], ...field };
     if (field.type.jsonType === "object") {
       const innerFields = extractInnerFields(
         field.type.fields,
@@ -858,21 +796,12 @@ function extractInnerFields(fields, path, maxDepth) {
     return [...acc, thisFieldWithPath];
   }, []);
 }
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const internationalizedArray = definePlugin((config) => {
-  const pluginConfig = __spreadValues(__spreadValues({}, CONFIG_DEFAULT), config), {
+  const pluginConfig = { ...CONFIG_DEFAULT, ...config }, {
     apiVersion = "2025-10-15",
     select,
     languages,
     fieldTypes,
-    defaultLanguages,
     buttonLocations
   } = pluginConfig;
   return {
@@ -893,16 +822,17 @@ const internationalizedArray = definePlugin((config) => {
     // Wrap document editor with a language provider
     form: {
       components: {
-        field: (props) => /* @__PURE__ */ jsx(InternationalizedField, __spreadValues({}, props)),
+        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,
-          __spreadProps(__spreadValues({}, props), {
+          {
+            ...props,
             internationalizedArray: pluginConfig
-          })
+          }
         )
       }
     },
@@ -910,7 +840,7 @@ const internationalizedArray = definePlugin((config) => {
     schema: {
       types: [
         ...fieldTypes.map(
-          (type) => array({ type, apiVersion, select, languages, defaultLanguages })
+          (type) => array({ type, apiVersion, select, languages })
         ),
         ...fieldTypes.map((type) => object({ type }))
       ]