sanity-plugin-internationalized-array 3.2.1 → 4.0.0

package/dist/index.js

@@ -0,0 +1,882 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { isSanityDocument, useSchema, setIfMissing, insert, PatchEvent, useClient, useWorkspace, defineDocumentFieldAction, useFormValue, ArrayOfObjectsItem, MemberItemError, set, defineField, unset, isDocumentSchemaType, definePlugin, isObjectInputProps } from "sanity";
+import { c } from "react/compiler-runtime";
+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 { createContext, useContext, useDeferredValue, use, useCallback, useEffect, createElement } from "react";
+import { useDocumentPane } from "sanity/structure";
+import { AddIcon, TranslateIcon, 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();
+function stringifyCacheKey(key) {
+  return JSON.stringify(key);
+}
+const preloadWithKey = (fn, key) => {
+  const keyStr = stringifyCacheKey(key);
+  promiseCache.has(keyStr) || promiseCache.set(keyStr, fn());
+}, clear = () => {
+  promiseCache.clear();
+}, peek = (selectedValue) => {
+  const key = stringifyCacheKey(["v1", namespace, selectedValue]), promise = promiseCache.get(key);
+  if (promise && promise._status === "fulfilled")
+    return promise._value;
+}, createCacheKey = (selectedValue, workspaceId) => {
+  const selectedValueHash = JSON.stringify(selectedValue);
+  return workspaceId ? ["v1", namespace, selectedValueHash, workspaceId] : ["v1", namespace, selectedValueHash];
+}, createOrGetPromise = (fn, key) => {
+  const keyStr = stringifyCacheKey(key);
+  if (promiseCache.has(keyStr))
+    return promiseCache.get(keyStr);
+  const promise = fn();
+  return promiseCache.set(keyStr, promise), promise;
+}, getFunctionKey = (fn) => {
+  const cachedKey = functionKeyCache.get(fn);
+  if (cachedKey)
+    return cachedKey;
+  const fnStr = fn.toString();
+  let hash = 0;
+  const maxLength = Math.min(fnStr.length, 100);
+  for (let i = 0; i < maxLength; i++) {
+    const char = fnStr.charCodeAt(i);
+    hash = (hash << 5) - hash + char, hash &= hash;
+  }
+  const key = `anonymous_${Math.abs(hash)}`;
+  return functionKeyCache.set(fn, key), key;
+}, createFunctionCacheKey = (fn, selectedValue, workspaceId) => {
+  const functionKey = getFunctionKey(fn), selectedValueHash = JSON.stringify(selectedValue);
+  return workspaceId ? `${functionKey}:${selectedValueHash}:${workspaceId}` : `${functionKey}:${selectedValueHash}`;
+}, getFunctionCache = (fn, selectedValue, workspaceId) => {
+  const key = createFunctionCacheKey(fn, selectedValue, workspaceId);
+  return functionCache.get(key);
+}, setFunctionCache = (fn, selectedValue, languages, workspaceId) => {
+  const key = createFunctionCacheKey(fn, selectedValue, workspaceId);
+  functionCache.set(key, languages);
+}, MAX_COLUMNS = {
+  codeOnly: 5,
+  titleOnly: 4,
+  titleAndCode: 3
+}, CONFIG_DEFAULT = {
+  languages: [],
+  select: {},
+  defaultLanguages: [],
+  fieldTypes: [],
+  apiVersion: "2025-10-15",
+  buttonLocations: ["field"],
+  buttonAddAll: !0,
+  languageDisplay: "codeOnly"
+}, 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?._type;
+        return type?.startsWith("internationalizedArray") && type?.endsWith("Value");
+      }
+      return !1;
+    });
+    return internationalizedValues.length > 0 ? internationalizedValues.map((internationalizedValue) => Object.assign({}, internationalizedValue, {
+      path: arrayRootPath,
+      pathString: arrayRootPath.join(".")
+    })) : value.length > 0 ? value.flatMap((item, index) => getDocumentsToTranslate(item, [...arrayRootPath, index])) : [];
+  }
+  if (typeof value == "object" && value) {
+    const startsWithUnderscoreRegex = /^_/;
+    return Object.keys(value).filter((key) => !key.match(startsWithUnderscoreRegex)).flatMap((item) => {
+      const selectedValue = value[item], path = [...rootPath, item];
+      return getDocumentsToTranslate(selectedValue, path);
+    });
+  }
+  return [];
+};
+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,
+    onClick
+  } = props, {
+    languageDisplay
+  } = useInternationalizedArrayContext();
+  let t0;
+  return $[0] !== languageDisplay || $[1] !== languages || $[2] !== onClick || $[3] !== readOnly || $[4] !== value ? (t0 = languages.length > 0 ? /* @__PURE__ */ jsx(Grid, { columns: Math.min(languages.length, MAX_COLUMNS[languageDisplay]), gap: 2, children: languages.map((language) => {
+    const languageTitle = getLanguageDisplay(languageDisplay, language.title, language.id);
+    return /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", fontSize: 1, 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, onClick }, language.id);
+  }) }) : null, $[0] = languageDisplay, $[1] = languages, $[2] = onClick, $[3] = readOnly, $[4] = value, $[5] = t0) : t0 = $[5], t0;
+}
+function DocumentAddButtons(props) {
+  const $ = c(13), {
+    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$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 [];
+      }
+    }
+  }, $[2] = schema, $[3] = t1) : t1 = $[3];
+  const getInitialValueForType = t1;
+  let t2;
+  $[4] !== documentsToTranslation || $[5] !== getInitialValueForType || $[6] !== onChange || $[7] !== toast ? (t2 = async (event) => {
+    const languageId = event.currentTarget.value;
+    if (!languageId) {
+      toast.push({
+        status: "error",
+        title: "No language selected"
+      });
+      return;
+    }
+    const alreadyTranslated = documentsToTranslation.filter((translation) => translation?._key === 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) {
+      toast.push({
+        status: "error",
+        title: "No internationalizedArray fields found in document root"
+      });
+      return;
+    }
+    const patches = [];
+    for (const toTranslate of removeDuplicates) {
+      const path = toTranslate.path, initialValue = getInitialValueForType(toTranslate._type), ifMissing = setIfMissing([], path), insertValue = insert([{
+        _key: languageId,
+        _type: toTranslate._type,
+        value: initialValue
+      }], "after", [...path, -1]);
+      patches.push(ifMissing), patches.push(insertValue);
+    }
+    onChange(PatchEvent.from(patches.flat()));
+  }, $[4] = documentsToTranslation, $[5] = getInitialValueForType, $[6] = onChange, $[7] = toast, $[8] = t2) : t2 = $[8];
+  const handleDocumentButtonClick = t2;
+  let t3;
+  $[9] === /* @__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" }) }), $[9] = t3) : t3 = $[9];
+  let t4;
+  return $[10] !== filteredLanguages || $[11] !== handleDocumentButtonClick ? (t4 = /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    t3,
+    /* @__PURE__ */ jsx(AddButtons, { languages: filteredLanguages, readOnly: !1, value: void 0, onClick: handleDocumentButtonClick })
+  ] }), $[10] = filteredLanguages, $[11] = handleDocumentButtonClick, $[12] = t4) : t4 = $[12], t4;
+}
+function _temp$2(f) {
+  return f.name === "value";
+}
+const getSelectedValue = (select, document) => {
+  if (!select || !document)
+    return {};
+  const selection = select || {}, selectedValue = {};
+  for (const [key, path] of Object.entries(selection)) {
+    let value = get(document, path);
+    Array.isArray(value) && (value = value.filter((item) => typeof item == "object" ? item?._type === "reference" && "_ref" in item : !0)), selectedValue[key] = value;
+  }
+  return selectedValue;
+}, InternationalizedArrayContext = createContext({
+  ...CONFIG_DEFAULT,
+  languages: [],
+  filteredLanguages: []
+});
+function useInternationalizedArrayContext() {
+  return useContext(InternationalizedArrayContext);
+}
+function InternationalizedArrayProvider(props) {
+  const $ = c(38), {
+    internationalizedArray: internationalizedArray2
+  } = props;
+  let t0;
+  $[0] !== internationalizedArray2.apiVersion ? (t0 = {
+    apiVersion: internationalizedArray2.apiVersion
+  }, $[0] = internationalizedArray2.apiVersion, $[1] = t0) : t0 = $[1];
+  const client = useClient(t0), workspace = useWorkspace(), {
+    formState
+  } = useDocumentPane(), deferredDocument = useDeferredValue(formState?.value);
+  let t1;
+  $[2] !== deferredDocument || $[3] !== internationalizedArray2.select ? (t1 = getSelectedValue(internationalizedArray2.select, deferredDocument), $[2] = deferredDocument, $[3] = internationalizedArray2.select, $[4] = t1) : t1 = $[4];
+  const selectedValue = t1;
+  let t2;
+  bb0: {
+    if (workspace?.name) {
+      t2 = workspace.name;
+      break bb0;
+    }
+    const t32 = workspace?.name, t42 = workspace?.title;
+    let t52;
+    $[5] !== t32 || $[6] !== t42 ? (t52 = JSON.stringify({
+      name: t32,
+      title: t42
+    }), $[5] = t32, $[6] = t42, $[7] = t52) : t52 = $[7], t2 = t52;
+  }
+  const workspaceId = t2;
+  let t3;
+  $[8] !== selectedValue || $[9] !== workspaceId ? (t3 = createCacheKey(selectedValue, workspaceId), $[8] = selectedValue, $[9] = workspaceId, $[10] = t3) : t3 = $[10];
+  const cacheKey = t3;
+  let t4;
+  bb1: {
+    if (Array.isArray(internationalizedArray2.languages)) {
+      t4 = null;
+      break bb1;
+    }
+    let t52;
+    $[11] !== client || $[12] !== internationalizedArray2 || $[13] !== selectedValue || $[14] !== workspaceId ? (t52 = async () => {
+      if (typeof internationalizedArray2.languages == "function") {
+        const result = await internationalizedArray2.languages(client, selectedValue);
+        return setFunctionCache(internationalizedArray2.languages, selectedValue, result, workspaceId), result;
+      }
+      return internationalizedArray2.languages;
+    }, $[11] = client, $[12] = internationalizedArray2, $[13] = selectedValue, $[14] = workspaceId, $[15] = t52) : t52 = $[15];
+    let t62;
+    $[16] !== cacheKey || $[17] !== t52 ? (t62 = createOrGetPromise(t52, cacheKey), $[16] = cacheKey, $[17] = t52, $[18] = t62) : t62 = $[18], t4 = t62;
+  }
+  const languagesPromise = t4, languages = languagesPromise ? use(languagesPromise) : internationalizedArray2.languages, {
+    selectedLanguageIds,
+    options: languageFilterOptions
+  } = useLanguageFilterStudioContext(), documentType = deferredDocument ? deferredDocument._type : void 0;
+  let t5;
+  $[19] !== documentType || $[20] !== languageFilterOptions ? (t5 = typeof documentType == "string" && languageFilterOptions.documentTypes.includes(documentType), $[19] = documentType, $[20] = languageFilterOptions, $[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 = {
+    ...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;
+}
+function InternationalizedField(props) {
+  const $ = c(9), {
+    languages
+  } = useInternationalizedArrayContext(), 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, t0 = props.title?.toLowerCase() === "value" && hasValidLanguageId ? "" : props.title;
+  let t1;
+  $[0] !== props || $[1] !== t0 ? (t1 = {
+    ...props,
+    title: t0
+  }, $[0] = props, $[1] = t0, $[2] = t1) : t1 = $[2];
+  const customProps = t1;
+  if (!customProps.schemaType.name.startsWith("internationalizedArray")) {
+    let t22;
+    return $[3] !== customProps ? (t22 = customProps.renderDefault(customProps), $[3] = customProps, $[4] = t22) : t22 = $[4], t22;
+  }
+  if (customProps.schemaType.name === "reference" && customProps.value) {
+    let t22;
+    return $[5] !== customProps ? (t22 = customProps.renderDefault({
+      ...customProps,
+      title: "",
+      level: 0
+    }), $[5] = customProps, $[6] = t22) : t22 = $[6], t22;
+  }
+  if (customProps.schemaType.name === "string" || customProps.schemaType.name === "number" || customProps.schemaType.name === "text")
+    return customProps.children;
+  let t2;
+  return $[7] !== customProps ? (t2 = customProps.renderDefault({
+    ...customProps,
+    level: 0
+  }), $[7] = customProps, $[8] = t2) : t2 = $[8], t2;
+}
+function Preload(props) {
+  const $ = c(2);
+  let t0;
+  $[0] !== props.apiVersion ? (t0 = {
+    apiVersion: props.apiVersion
+  }, $[0] = props.apiVersion, $[1] = t0) : t0 = $[1];
+  const client = useClient(t0), cacheKey = createCacheKey({});
+  return Array.isArray(peek({})) || preloadWithKey(async () => {
+    if (Array.isArray(props.languages))
+      return props.languages;
+    const result = await props.languages(client, {});
+    return setFunctionCache(props.languages, {}, result), result;
+  }, cacheKey), null;
+}
+function checkAllLanguagesArePresent(languages, value) {
+  const filteredLanguageIds = languages.map((l) => l.id), languagesInUseIds = value ? value.map((v) => v._key) : [];
+  return languagesInUseIds.length === filteredLanguageIds.length && languagesInUseIds.every((l) => filteredLanguageIds.includes(l));
+}
+function createAddAllTitle(value, languages) {
+  return value?.length ? `Add missing ${languages.length - value.length === 1 ? "language" : "languages"}` : languages.length === 1 && languages[0] ? `Add ${languages[0].title} Field` : "Add all languages";
+}
+function createValueSchemaTypeName(schemaType) {
+  return `${schemaType.name}Value`;
+}
+function createAddLanguagePatches(config) {
+  const {
+    addLanguageKeys,
+    schemaType,
+    languages,
+    filteredLanguages,
+    value,
+    path = []
+  } = config, itemBase = {
+    _type: createValueSchemaTypeName(schemaType)
+  }, newItems = Array.isArray(addLanguageKeys) && addLanguageKeys.length > 0 ? addLanguageKeys.map((id) => Object.assign({}, itemBase, {
+    _key: id
+  })) : filteredLanguages.filter((language) => value?.length ? !value.find((v) => v._key === language.id) : !0).map((language) => Object.assign({}, itemBase, {
+    _key: language.id
+  })), 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) => remainingLanguages.find((r) => r.id === l._key));
+    return nextLanguageIndex < 0 ? languagesInUse.push(item) : languagesInUse.splice(nextLanguageIndex, 0, item), nextLanguageIndex < 0 ? (
+      // No next language (-1), add to end of array
+      insert([item], "after", [...path, nextLanguageIndex])
+    ) : (
+      // Next language found, insert before that
+      insert([item], "before", [...path, nextLanguageIndex])
+    );
+  });
+}
+const createTranslateFieldActions = (fieldActionProps, {
+  languages,
+  filteredLanguages
+}) => languages.map((language) => {
+  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,
+      languages,
+      filteredLanguages,
+      value,
+      path
+    });
+    onChange(PatchEvent.from([setIfMissing([], path), ...patches]));
+  }, [language.id, value, onChange]);
+  return {
+    type: "action",
+    icon: AddIcon,
+    onAction,
+    title: language.title,
+    hidden,
+    disabled
+  };
+}), AddMissingTranslationsFieldAction = (fieldActionProps, {
+  languages,
+  filteredLanguages
+}) => {
+  const value = useFormValue(fieldActionProps.path), disabled = value && value.length === filteredLanguages.length, hidden = checkAllLanguagesArePresent(filteredLanguages, value), {
+    onChange
+  } = useDocumentPane(), onAction = useCallback(() => {
+    const {
+      schemaType,
+      path
+    } = fieldActionProps, patches = createAddLanguagePatches({
+      addLanguageKeys: [],
+      schemaType,
+      languages,
+      filteredLanguages,
+      value,
+      path
+    });
+    onChange(PatchEvent.from([setIfMissing([], path), ...patches]));
+  }, [fieldActionProps, filteredLanguages, languages, onChange, value]);
+  return {
+    type: "action",
+    icon: AddIcon,
+    onAction,
+    title: createAddAllTitle(value, filteredLanguages),
+    disabled,
+    hidden
+  };
+}, internationalizedArrayFieldAction = defineDocumentFieldAction({
+  name: "internationalizedArray",
+  useAction(fieldActionProps) {
+    const isInternationalizedArrayField = fieldActionProps?.schemaType?.type?.name.startsWith("internationalizedArray"), {
+      languages,
+      filteredLanguages
+    } = useInternationalizedArrayContext(), translateFieldActions = createTranslateFieldActions(fieldActionProps, {
+      languages,
+      filteredLanguages
+    });
+    return {
+      type: "group",
+      icon: TranslateIcon,
+      title: "Add Translation",
+      renderAsButton: !0,
+      children: isInternationalizedArrayField ? [...translateFieldActions, AddMissingTranslationsFieldAction(fieldActionProps, {
+        languages,
+        filteredLanguages
+      })] : [],
+      hidden: !isInternationalizedArrayField
+    };
+  }
+});
+function pascalCase(string) {
+  return upperFirst(camelCase(string));
+}
+function createFieldName(name, addValue = !1) {
+  return addValue ? ["internationalizedArray", pascalCase(name), "Value"].join("") : ["internationalizedArray", pascalCase(name)].join("");
+}
+const schemaExample = {
+  languages: [{
+    id: "en",
+    title: "English"
+  }, {
+    id: "no",
+    title: "Norsk"
+  }]
+};
+function Feedback() {
+  const $ = c(4);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx("code", { children: "internationalizedArray" }), $[0] = t0) : t0 = $[0];
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = /* @__PURE__ */ jsx("code", { children: "id" }), $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = /* @__PURE__ */ jsxs(Text, { children: [
+    "An array of language objects must be passed into the ",
+    t0,
+    " ",
+    "helper function, each with an ",
+    t1,
+    " and ",
+    /* @__PURE__ */ jsx("code", { children: "title" }),
+    " field. Example:"
+  ] }), $[2] = t2) : t2 = $[2];
+  let t3;
+  return $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Card, { tone: "caution", border: !0, radius: 2, padding: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    t2,
+    /* @__PURE__ */ jsx(Card, { padding: 2, border: !0, radius: 2, children: /* @__PURE__ */ jsx(Code, { size: 1, language: "javascript", children: JSON.stringify(schemaExample, null, 2) }) })
+  ] }) }), $[3] = t3) : t3 = $[3], t3;
+}
+function InternationalizedArray(props) {
+  const $ = c(85), {
+    members,
+    value,
+    schemaType,
+    onChange,
+    readOnly: documentReadOnly
+  } = props, readOnly = typeof schemaType.readOnly == "boolean" ? schemaType.readOnly : !1, toast = useToast(), {
+    languages,
+    filteredLanguages,
+    defaultLanguages,
+    buttonAddAll,
+    buttonLocations
+  } = useInternationalizedArrayContext(), {
+    selectedLanguageIds,
+    options: languageFilterOptions
+  } = useLanguageFilterStudioContext();
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = ["_type"], $[0] = t0) : t0 = $[0];
+  const documentType = useFormValue(t0);
+  let t1;
+  $[1] !== documentType || $[2] !== languageFilterOptions ? (t1 = typeof documentType == "string" && languageFilterOptions.documentTypes.includes(documentType), $[1] = documentType, $[2] = languageFilterOptions, $[3] = t1) : t1 = $[3];
+  const languageFilterEnabled = t1;
+  let t2;
+  $[4] !== languageFilterEnabled || $[5] !== languageFilterOptions || $[6] !== members || $[7] !== selectedLanguageIds ? (t2 = languageFilterEnabled ? 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);
+  }) : members, $[4] = languageFilterEnabled, $[5] = languageFilterOptions, $[6] = members, $[7] = selectedLanguageIds, $[8] = t2) : t2 = $[8];
+  const filteredMembers = t2;
+  let t3;
+  $[9] !== filteredLanguages || $[10] !== languages || $[11] !== onChange || $[12] !== schemaType || $[13] !== value ? (t3 = async (param) => {
+    if (!filteredLanguages?.length)
+      return;
+    const addLanguageKeys = Array.isArray(param) ? param : [param?.currentTarget?.value].filter(Boolean), patches = createAddLanguagePatches({
+      addLanguageKeys,
+      schemaType,
+      languages,
+      filteredLanguages,
+      value
+    });
+    onChange([setIfMissing([]), ...patches]);
+  }, $[9] = filteredLanguages, $[10] = languages, $[11] = onChange, $[12] = schemaType, $[13] = value, $[14] = t3) : t3 = $[14];
+  const handleAddLanguage = t3, {
+    isDeleting
+  } = useDocumentPane();
+  let addedLanguages, t4;
+  if ($[15] !== defaultLanguages || $[16] !== languages || $[17] !== members) {
+    addedLanguages = members.map(_temp$1);
+    let t52;
+    $[20] !== languages ? (t52 = (language) => languages.find((l) => l.id === language), $[20] = languages, $[21] = t52) : t52 = $[21], t4 = defaultLanguages.filter(t52).every((language_0) => addedLanguages.includes(language_0)), $[15] = defaultLanguages, $[16] = languages, $[17] = members, $[18] = addedLanguages, $[19] = t4;
+  } else
+    addedLanguages = $[18], t4 = $[19];
+  const hasAddedDefaultLanguages = t4;
+  let t5, t6;
+  $[22] !== addedLanguages || $[23] !== defaultLanguages || $[24] !== documentReadOnly || $[25] !== handleAddLanguage || $[26] !== hasAddedDefaultLanguages || $[27] !== isDeleting || $[28] !== languages ? (t5 = () => {
+    if (!isDeleting && !hasAddedDefaultLanguages) {
+      const languagesToAdd = defaultLanguages.filter((language_1) => !addedLanguages.includes(language_1)).filter((language_2) => languages.find((l_0) => l_0.id === language_2)), timeout = setTimeout(() => {
+        documentReadOnly || handleAddLanguage(languagesToAdd);
+      });
+      return () => clearTimeout(timeout);
+    }
+  }, t6 = [isDeleting, hasAddedDefaultLanguages, handleAddLanguage, defaultLanguages, addedLanguages, languages, documentReadOnly], $[22] = addedLanguages, $[23] = defaultLanguages, $[24] = documentReadOnly, $[25] = handleAddLanguage, $[26] = hasAddedDefaultLanguages, $[27] = isDeleting, $[28] = languages, $[29] = t5, $[30] = t6) : (t5 = $[29], t6 = $[30]), useEffect(t5, t6);
+  let t7;
+  $[31] !== languages || $[32] !== onChange || $[33] !== toast || $[34] !== value ? (t7 = () => {
+    if (!value?.length || !languages?.length)
+      return;
+    const updatedValue = value.reduce((acc, v) => {
+      const newIndex = languages.findIndex((l_1) => l_1.id === v?._key);
+      return newIndex > -1 && (acc[newIndex] = v), acc;
+    }, []).filter(Boolean);
+    value?.length !== updatedValue.length && toast.push({
+      title: "There was an error reordering languages",
+      status: "warning"
+    }), onChange(set(updatedValue));
+  }, $[31] = languages, $[32] = onChange, $[33] = toast, $[34] = value, $[35] = t7) : t7 = $[35];
+  const handleRestoreOrder = t7;
+  let t8;
+  bb0: {
+    if (!value?.length || !languages?.length) {
+      t8 = !0;
+      break bb0;
+    }
+    let t92;
+    $[36] !== languages || $[37] !== value ? (t92 = value?.every((v_0) => languages.find((l_2) => l_2?.id === v_0?._key)), $[36] = languages, $[37] = value, $[38] = t92) : t92 = $[38], t8 = t92;
+  }
+  const allKeysAreLanguages = t8;
+  let t9;
+  $[39] !== languages || $[40] !== value ? (t9 = languages && languages.length > 1 ? languages.filter((l_3) => value?.find((v_1) => v_1._key === l_3.id)) : [], $[39] = languages, $[40] = value, $[41] = t9) : t9 = $[41];
+  const languagesInUse = t9;
+  let t10;
+  bb1: {
+    if (!value?.length || !languagesInUse.length) {
+      let t113;
+      $[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t113 = [], $[42] = t113) : t113 = $[42], t10 = t113;
+      break bb1;
+    }
+    let t112;
+    if ($[43] !== languagesInUse || $[44] !== value) {
+      let t122;
+      $[46] !== languagesInUse ? (t122 = (v_2, vIndex) => vIndex === languagesInUse.findIndex((l_4) => l_4.id === v_2._key) ? null : v_2, $[46] = languagesInUse, $[47] = t122) : t122 = $[47], t112 = value.map(t122).filter(Boolean), $[43] = languagesInUse, $[44] = value, $[45] = t112;
+    } else
+      t112 = $[45];
+    t10 = t112;
+  }
+  const languagesOutOfOrder = t10, languagesAreValid = !languages?.length || languages?.length && languages.every(_temp2$1);
+  let t11;
+  $[48] !== allKeysAreLanguages || $[49] !== documentReadOnly || $[50] !== handleRestoreOrder || $[51] !== languagesOutOfOrder.length ? (t11 = () => {
+    languagesOutOfOrder.length > 0 && allKeysAreLanguages && !documentReadOnly && handleRestoreOrder();
+  }, $[48] = allKeysAreLanguages, $[49] = documentReadOnly, $[50] = handleRestoreOrder, $[51] = languagesOutOfOrder.length, $[52] = t11) : t11 = $[52];
+  let t12;
+  $[53] !== allKeysAreLanguages || $[54] !== documentReadOnly || $[55] !== handleRestoreOrder || $[56] !== languagesOutOfOrder ? (t12 = [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder, documentReadOnly], $[53] = allKeysAreLanguages, $[54] = documentReadOnly, $[55] = handleRestoreOrder, $[56] = languagesOutOfOrder, $[57] = t12) : t12 = $[57], useEffect(t11, t12);
+  let t13;
+  $[58] !== filteredLanguages || $[59] !== value ? (t13 = checkAllLanguagesArePresent(filteredLanguages, value), $[58] = filteredLanguages, $[59] = value, $[60] = t13) : t13 = $[60];
+  const allLanguagesArePresent = t13;
+  if (!languagesAreValid) {
+    let t142;
+    return $[61] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t142 = /* @__PURE__ */ jsx(Feedback, {}), $[61] = t142) : t142 = $[61], t142;
+  }
+  let t14;
+  $[62] !== allLanguagesArePresent || $[63] !== buttonLocations || $[64] !== filteredLanguages?.length ? (t14 = buttonLocations.includes("field") && filteredLanguages?.length > 0 && !allLanguagesArePresent, $[62] = allLanguagesArePresent, $[63] = buttonLocations, $[64] = filteredLanguages?.length, $[65] = t14) : t14 = $[65];
+  const addButtonsAreVisible = t14, fieldHasMembers = members?.length > 0;
+  let t15;
+  $[66] !== fieldHasMembers || $[67] !== filteredMembers || $[68] !== props ? (t15 = 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, $[66] = fieldHasMembers, $[67] = filteredMembers, $[68] = props, $[69] = t15) : t15 = $[69];
+  let t16;
+  $[70] !== addButtonsAreVisible || $[71] !== fieldHasMembers ? (t16 = !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, $[70] = addButtonsAreVisible, $[71] = fieldHasMembers, $[72] = t16) : t16 = $[72];
+  let t17;
+  $[73] !== addButtonsAreVisible || $[74] !== allLanguagesArePresent || $[75] !== buttonAddAll || $[76] !== filteredLanguages || $[77] !== handleAddLanguage || $[78] !== readOnly || $[79] !== value ? (t17 = addButtonsAreVisible ? /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    /* @__PURE__ */ jsx(AddButtons, { languages: filteredLanguages, value, readOnly, onClick: handleAddLanguage }),
+    buttonAddAll ? /* @__PURE__ */ jsx(Button, { tone: "primary", mode: "ghost", disabled: readOnly || allLanguagesArePresent, icon: AddIcon, text: createAddAllTitle(value, filteredLanguages), onClick: handleAddLanguage }) : null
+  ] }) : null, $[73] = addButtonsAreVisible, $[74] = allLanguagesArePresent, $[75] = buttonAddAll, $[76] = filteredLanguages, $[77] = handleAddLanguage, $[78] = readOnly, $[79] = value, $[80] = t17) : t17 = $[80];
+  let t18;
+  return $[81] !== t15 || $[82] !== t16 || $[83] !== t17 ? (t18 = /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t15,
+    t16,
+    t17
+  ] }), $[81] = t15, $[82] = t16, $[83] = t17, $[84] = t18) : t18 = $[84], t18;
+}
+function _temp2$1(item) {
+  return item.id && item.title;
+}
+function _temp$1(t0) {
+  const {
+    key
+  } = t0;
+  return key;
+}
+function getLanguagesFieldOption(schemaType) {
+  return schemaType ? schemaType.options?.languages || getLanguagesFieldOption(schemaType.type) : void 0;
+}
+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,
+    title: "Internationalized array",
+    type: "array",
+    components: {
+      input: InternationalizedArray
+    },
+    options: {
+      // @ts-expect-error - these options are required for validation rules – not the custom input component
+      apiVersion,
+      select,
+      languages
+    },
+    of: [defineField({
+      ...typeof type == "string" ? {} : type,
+      name: objectName,
+      type: objectName
+    })],
+    // @ts-expect-error - fix typings
+    validation: (rule) => rule.custom(async (value, context) => {
+      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?.type);
+      if (Array.isArray(languagesFieldOption))
+        contextLanguages = languagesFieldOption;
+      else if (Array.isArray(peek(selectedValue)))
+        contextLanguages = peek(selectedValue) || [];
+      else if (typeof languagesFieldOption == "function") {
+        const cachedLanguages = getFunctionCache(languagesFieldOption, selectedValue);
+        if (Array.isArray(cachedLanguages))
+          contextLanguages = cachedLanguages;
+        else {
+          const suspendCachedLanguages = peek(selectedValue);
+          Array.isArray(suspendCachedLanguages) ? contextLanguages = suspendCachedLanguages : (contextLanguages = await languagesFieldOption(client, selectedValue), setFunctionCache(languagesFieldOption, selectedValue, contextLanguages));
+        }
+      }
+      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?._key && !languageIds.has(item._key));
+      if (nonLanguageKeys.length)
+        return {
+          message: "Array item keys must be valid languages registered to the field type",
+          paths: nonLanguageKeys.map((item) => [{
+            _key: item._key
+          }])
+        };
+      const seenKeys = /* @__PURE__ */ new Set(), duplicateValues = [];
+      for (const item of value)
+        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
+        }])
+      } : !0;
+    })
+  });
+};
+function getToneFromValidation(validations) {
+  if (!validations?.length)
+    return;
+  const validationLevels = new Set(validations.map((v) => v.level));
+  if (validationLevels.has("error"))
+    return "critical";
+  if (validationLevels.has("warning"))
+    return "caution";
+}
+function InternationalizedInput(props) {
+  const $ = c(13);
+  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;
+  let t1;
+  $[2] !== originalOnChange || $[3] !== props.value?.value ? (t1 = (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)) {
+      const initPatch = valueField === void 0 ? {
+        type: "setIfMissing",
+        path: ["value"],
+        value: []
+      } : null, fixedPatches = patches.map(_temp2), 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),
+    value: props.value,
+    onChange: wrappedOnChange
+  }, {
+    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, keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : !1, handleKeyChange = (event) => {
+    const languageId = event?.currentTarget?.value;
+    !value || !languages?.length || !languages.find((l_0) => l_0.id === languageId) || onChange([set(languageId, ["_key"])]);
+  }, handleUnset = () => {
+    onChange(unset());
+  };
+  if (!languages) {
+    let t32;
+    return $[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t32 = /* @__PURE__ */ jsx(Spinner, {}), $[7] = t32) : t32 = $[7], t32;
+  }
+  const language = languages.find((l_1) => l_1.id === value._key), languageTitle = keyIsValid && language ? getLanguageDisplay(languageDisplay, language.title, language.id) : "", isDefault = defaultLanguages.includes(value._key), removeButton = /* @__PURE__ */ jsx(Button, { mode: "bleed", icon: RemoveCircleIcon, tone: "critical", disabled: readOnly || isDefault, onClick: handleUnset }), t3 = getToneFromValidation(validation), t4 = keyIsValid ? /* @__PURE__ */ jsx(Label, { muted: !0, size: 1, children: languageTitle }) : /* @__PURE__ */ jsx(MenuButton, { button: /* @__PURE__ */ jsx(Button, { fontSize: 1, text: `Change "${value._key}"` }), id: `${value._key}-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
+  } });
+  let t5;
+  $[8] !== t4 ? (t5 = /* @__PURE__ */ jsx(Card, { tone: "inherit", children: t4 }), $[8] = t4, $[9] = t5) : t5 = $[9];
+  const T0 = Card, t6 = 1, t7 = "inherit", t8 = props.inputProps.renderInput(inlineProps);
+  let t9;
+  return $[10] !== T0 || $[11] !== t8 ? (t9 = /* @__PURE__ */ jsx(T0, { flex: t6, tone: t7, children: t8 }), $[10] = T0, $[11] = t8, $[12] = t9) : t9 = $[12], /* @__PURE__ */ jsx(Card, { paddingTop: 2, tone: t3, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+    t5,
+    /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 2, children: [
+      t9,
+      /* @__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._key;
+}
+function _temp3(m) {
+  return m.kind === "field" && m.name === "value";
+}
+function _temp2(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)) {
+    const fixedPath = patch_0.path[0] === "value" ? patch_0.path : ["value", ...patch_0.path];
+    return {
+      ...patch_0,
+      path: fixedPath
+    };
+  }
+  return patch_0;
+}
+function _temp(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) => {
+  const {
+    type
+  } = config, typeName = typeof type == "string" ? type : type.name, objectName = createFieldName(typeName, !0);
+  return defineField({
+    name: objectName,
+    title: `Internationalized array ${typeName}`,
+    type: "object",
+    components: {
+      // @ts-expect-error - fix typings
+      item: InternationalizedInput
+    },
+    fields: [defineField({
+      ...typeof type == "string" ? {
+        type
+      } : type,
+      name: "value"
+    })],
+    preview: {
+      select: {
+        title: "value",
+        subtitle: "_key"
+      }
+    }
+  });
+};
+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 internationalizedArray = definePlugin((config) => {
+  const pluginConfig = {
+    ...CONFIG_DEFAULT,
+    ...config
+  }, {
+    apiVersion = "2025-10-15",
+    select,
+    languages,
+    fieldTypes,
+    buttonLocations
+  } = pluginConfig;
+  return {
+    name: "sanity-plugin-internationalized-array",
+    // Preload languages for use throughout the Studio
+    studio: Array.isArray(languages) ? void 0 : {
+      components: {
+        layout: (props) => /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Preload, { apiVersion, languages }),
+          props.renderDefault(props)
+        ] })
+      }
+    },
+    // Optional: render "add language" buttons as field actions
+    document: {
+      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 })
+      }
+    },
+    // Register custom schema types for the outer array and the inner object
+    schema: {
+      types: [...fieldTypes.map((type) => array({
+        type,
+        apiVersion,
+        select,
+        languages
+      })), ...fieldTypes.map((type) => object({
+        type
+      }))]
+    }
+  };
+});
+export {
+  clear,
+  internationalizedArray
+};
+//# sourceMappingURL=index.js.map