@sanity/document-internationalization 5.0.0 → 5.0.1

package/README.md

@@ -10,6 +10,7 @@
     - [Advanced configuration](#advanced-configuration)
     - [Language field](#language-field)
     - [Excluding fields](#excluding-fields)
+    - [Document actions](#document-actions)
   - [Querying translations](#querying-translations)
     - [Querying with GROQ](#querying-with-groq)
     - [Querying with GraphQL](#querying-with-graphql)
@@ -120,7 +121,7 @@ export const defineConfig({
 
       // Optional
       // Customizes the name of the language field
-      languageField: `language`, // defauts to "language"
+      languageField: `language`, // defaults to "language"
 
       // Optional
       // Keep translation.metadata references weak
@@ -199,6 +200,37 @@ defineField({
 }),
 ```
 
+### Document actions
+
+This package exports hook-based document actions that you can add in your Studio `document.actions` configuration:
+
+- `useDeleteTranslationAction`
+- `useDuplicateWithTranslationsAction`
+
+The legacy action exports `DeleteTranslationAction` and `DuplicateWithTranslationsAction` are deprecated.
+
+```ts
+import {
+  useDeleteTranslationAction,
+  useDuplicateWithTranslationsAction,
+} from '@sanity/document-internationalization'
+
+export default defineConfig({
+  // ... all other config
+  document: {
+    actions: (prev, context) => {
+      const translatedSchemaTypes = ['lesson', 'article']
+
+      if (translatedSchemaTypes.includes(context.schemaType)) {
+        return [...prev, useDeleteTranslationAction, useDuplicateWithTranslationsAction]
+      }
+
+      return prev
+    },
+  },
+})
+```
+
 ## Querying translations
 
 ### Querying with GROQ

package/dist/index.d.ts

@@ -1,7 +1,62 @@
 import * as sanity0 from "sanity";
-import { DocumentActionComponent, FieldDefinition, KeyedObject, ObjectSchemaType, Reference, SanityClient, SanityDocument, SanityDocumentLike } from "sanity";
-declare const DeleteTranslationAction: DocumentActionComponent;
-declare const DuplicateWithTranslationsAction: DocumentActionComponent;
+import { DocumentActionDescription, DocumentActionProps, FieldDefinition, ObjectSchemaType, Reference, SanityClient, SanityDocument, SanityDocumentLike } from "sanity";
+import { InternationalizedArrayItem } from "sanity-plugin-internationalized-array";
+/**
+ * Optional Document action that removes a single translation from the metadata document
+ * and optionally deletes the translation document. Opens a confirmation dialog
+ * showing which metadata entries reference the document and any other references
+ * that may exist. When the document has translation references, those references
+ * are unset; otherwise the document is deleted directly.
+ *
+ * To use it, you need to add it to the document actions config
+ * ```
+ *  const translatedSchemaTypes = ['lesson', 'article'];
+ * document: {
+ *   actions: (prev, {schemaType}) => {
+ *     if (translatedSchemaTypes.includes(schemaType)) {
+ *       return [...prev, useDeleteTranslationAction]
+ *     }
+ *     return prev
+ *   },
+ * },
+ * ```
+ */
+declare const useDeleteTranslationAction: {
+  (props: DocumentActionProps): DocumentActionDescription;
+  action: string;
+  displayName: string;
+};
+/**
+ * @deprecated use useDeleteTranslationAction instead
+ * Will be removed in the next major version
+ */
+declare const DeleteTranslationAction: (props: DocumentActionProps) => DocumentActionDescription;
+/**
+ * Optional Document action that duplicates a document along with all its translations
+ * and the associated metadata document. The workflow duplicates each translated
+ * document, duplicates the metadata document, patches the new metadata to
+ * reference the new translation copies, and navigates to the duplicated document.
+ * Disabled when the user lacks permissions, metadata is missing or ambiguous,
+ * or the underlying duplicate operation is unavailable.
+ */
+declare const useDuplicateWithTranslationsAction: {
+  ({
+    id,
+    type,
+    onComplete
+  }: DocumentActionProps): DocumentActionDescription;
+  action: string;
+  displayName: string;
+};
+/**
+ * @deprecated use useDuplicateWithTranslationsAction instead
+ * Will be removed in the next major version
+ */
+declare const DuplicateWithTranslationsAction: {
+  (props: DocumentActionProps): DocumentActionDescription;
+  action: string;
+  displayName: string;
+};
 type Language = {
   id: Intl.UnicodeBCP47LocaleIdentifier;
   title: string;
@@ -29,7 +84,7 @@ type PluginConfig = {
 type PluginConfigContext = Required<PluginConfig> & {
   supportedLanguages: Language[];
 };
-type TranslationReference = KeyedObject & {
+type TranslationReference = InternationalizedArrayItem<Reference> & {
   _type: 'internationalizedArrayReferenceValue';
   value: Reference;
 };
@@ -73,5 +128,5 @@ declare module 'sanity' {
 declare function useDocumentInternationalizationContext(): PluginConfigContext;
 declare function DocumentInternationalizationMenu(props: DocumentInternationalizationMenuProps): React.JSX.Element | null;
 declare const documentInternationalization: sanity0.Plugin<PluginConfig>;
-export { DeleteTranslationAction, DocumentInternationalizationMenu, DocumentInternationalizationMenuProps, DocumentInternationalizationSchemaOpts, DuplicateWithTranslationsAction, Language, Metadata, MetadataDocument, PluginCallbackArgs, PluginConfig, PluginConfigContext, SupportedLanguages, TranslationReference, documentInternationalization, useDocumentInternationalizationContext };
+export { DeleteTranslationAction, DocumentInternationalizationMenu, DocumentInternationalizationMenuProps, DocumentInternationalizationSchemaOpts, DuplicateWithTranslationsAction, Language, Metadata, MetadataDocument, PluginCallbackArgs, PluginConfig, PluginConfigContext, SupportedLanguages, TranslationReference, documentInternationalization, useDeleteTranslationAction, useDocumentInternationalizationContext, useDuplicateWithTranslationsAction };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/actions/DeleteTranslationAction.tsx","../src/actions/DuplicateWithTranslationsAction.tsx","../src/types.ts","../src/components/DocumentInternationalizationContext.tsx","../src/components/DocumentInternationalizationMenu.tsx","../src/plugin.tsx"],"mappings":";;cAUa,uBAAA,EAAyB,uBAAA;AAAA,cCiCzB,+BAAA,EAAiC,uBAAA;AAAA,KCjClC,QAAA;EACV,EAAA,EAAI,IAAA,CAAK,4BAAA;EACT,KAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,QAAA,OAAe,MAAA,EAAQ,YAAA,KAAiB,OAAA,CAAQ,QAAA;AAAA,KAErE,kBAAA;EACV,cAAA,EAAgB,cAAA;EAChB,WAAA,EAAa,cAAA;EACb,gBAAA;EACA,qBAAA;EACA,cAAA;EACA,MAAA,EAAQ,YAAA;AAAA;AAAA,KAGE,YAAA;EACV,kBAAA,EAAoB,kBAAA;EACpB,WAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA,GAAiB,eAAA;EACjB,UAAA;EACA,kBAAA;EACA,QAAA,KAAa,IAAA,EAAM,kBAAA,KAAuB,OAAA;AAAA;AAAA,KAMhC,mBAAA,GAAsB,QAAA,CAAS,YAAA;EACzC,kBAAA,EAAoB,QAAA;AAAA;AAAA,KAGV,oBAAA,GAAuB,WAAA;EACjC,KAAA;EACA,KAAA,EAAO,SAAA;AAAA;AAAA,KAGG,QAAA;EACV,GAAA;EACA,UAAA;EACA,YAAA,EAAc,oBAAA;AAAA;AAAA,KAGJ,gBAAA,GAAmB,kBAAA;EAC7B,WAAA;EACA,YAAA,EAAc,oBAAA;AAAA;AAAA,KAGJ,qCAAA;EACV,UAAA,EAAY,gBAAA;EACZ,UAAA;AAAA;AAAA,UAIe,sCAAA;EACf,4BAAA;IA7CoB,+DA+ClB,OAAA;EAAA;AAAA;AAAA;EAAA,UAKQ,YAAA,SAAqB,sCAAA;EAAA,UACrB,YAAA,SAAqB,sCAAA;EAAA,UACrB,cAAA,SAAuB,sCAAA;EAAA,UACvB,4BAAA,SAAqC,sCAAA;EAAA,UACrC,WAAA,SAAoB,sCAAA;EAAA,UACpB,eAAA,SAAwB,sCAAA;EAAA,UACxB,WAAA,SAAoB,sCAAA;EAAA,UACpB,eAAA,SAAwB,sCAAA;EAAA,UACxB,YAAA,SAAqB,sCAAA;EAAA,UACrB,aAAA,SAAsB,sCAAA;EAAA,UACtB,aAAA,SAAsB,sCAAA;EAAA,UACtB,oBAAA,SAA6B,sCAAA;EAAA,UAC7B,WAAA,SAAoB,sCAAA;EAAA,UACpB,aAAA,SAAsB,sCAAA;EAAA,UACtB,WAAA,SAAoB,sCAAA;EAAA,UACpB,UAAA,SAAmB,sCAAA;EAAA,UACnB,YAAA,SAAqB,sCAAA;AAAA;AAAA,iBChFjB,sCAAA,CAAA,GAA0C,mBAAA;AAAA,iBCM1C,gCAAA,CACd,KAAA,EAAO,qCAAA,GACN,KAAA,CAAM,GAAA,CAAI,OAAA;AAAA,cCHA,4BAAA,EAA4B,OAAA,CAAA,MAAA,CAAA,YAAA"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/actions/DeleteTranslationAction.tsx","../src/actions/DuplicateWithTranslationsAction.tsx","../src/types.ts","../src/components/DocumentInternationalizationContext.tsx","../src/components/DocumentInternationalizationMenu.tsx","../src/plugin.tsx"],"mappings":";;;;;;AAkCA;;;;;;;;;;;AA+FA;;;;;;cA/Fa,0BAAA;EAAA,QACJ,mBAAA,GACN,yBAAA;;;;;;;;cA6FU,uBAAA,GAA2B,KAAA,EAAO,mBAAA,KAAsB,yBAAA;;;;AA/FrE;;;;;cCkBa,kCAAA;EAAA;;;;KAKV,mBAAA,GAAsB,yBAAA;;;;;ADwEzB;;;cC2Ha,+BAAA;EAAA,QACJ,mBAAA,GACN,yBAAA;;;;KCpPS,QAAA;EACV,EAAA,EAAI,IAAA,CAAK,4BAAA;EACT,KAAA;AAAA;AAAA,KAGU,kBAAA,GAAqB,QAAA,OAAe,MAAA,EAAQ,YAAA,KAAiB,OAAA,CAAQ,QAAA;AAAA,KAErE,kBAAA;EACV,cAAA,EAAgB,cAAA;EAChB,WAAA,EAAa,cAAA;EACb,gBAAA;EACA,qBAAA;EACA,cAAA;EACA,MAAA,EAAQ,YAAA;AAAA;AAAA,KAGE,YAAA;EACV,kBAAA,EAAoB,kBAAA;EACpB,WAAA;EACA,aAAA;EACA,cAAA;EACA,WAAA;EACA,cAAA,GAAiB,eAAA;EACjB,UAAA;EACA,kBAAA;EACA,QAAA,KAAa,IAAA,EAAM,kBAAA,KAAuB,OAAA;AAAA;AAAA,KAMhC,mBAAA,GAAsB,QAAA,CAAS,YAAA;EACzC,kBAAA,EAAoB,QAAA;AAAA;AAAA,KAGV,oBAAA,GAAuB,0BAAA,CAA2B,SAAA;EAC5D,KAAA;EACA,KAAA,EAAO,SAAA;AAAA;AAAA,KAGG,QAAA;EACV,GAAA;EACA,UAAA;EACA,YAAA,EAAc,oBAAA;AAAA;AAAA,KAGJ,gBAAA,GAAmB,kBAAA;EAC7B,WAAA;EACA,YAAA,EAAc,oBAAA;AAAA;AAAA,KAGJ,qCAAA;EACV,UAAA,EAAY,gBAAA;EACZ,UAAA;AAAA;AAAA,UAIe,sCAAA;EACf,4BAAA;ID4LD,+DC1LG,OAAA;EAAA;AAAA;AAAA;EAAA,UAKQ,YAAA,SAAqB,sCAAA;EAAA,UACrB,YAAA,SAAqB,sCAAA;EAAA,UACrB,cAAA,SAAuB,sCAAA;EAAA,UACvB,4BAAA,SAAqC,sCAAA;EAAA,UACrC,WAAA,SAAoB,sCAAA;EAAA,UACpB,eAAA,SAAwB,sCAAA;EAAA,UACxB,WAAA,SAAoB,sCAAA;EAAA,UACpB,eAAA,SAAwB,sCAAA;EAAA,UACxB,YAAA,SAAqB,sCAAA;EAAA,UACrB,aAAA,SAAsB,sCAAA;EAAA,UACtB,aAAA,SAAsB,sCAAA;EAAA,UACtB,oBAAA,SAA6B,sCAAA;EAAA,UAC7B,WAAA,SAAoB,sCAAA;EAAA,UACpB,aAAA,SAAsB,sCAAA;EAAA,UACtB,WAAA,SAAoB,sCAAA;EAAA,UACpB,UAAA,SAAmB,sCAAA;EAAA,UACnB,YAAA,SAAqB,sCAAA;AAAA;AAAA,iBChFjB,sCAAA,CAAA,GAA0C,mBAAA;AAAA,iBCO1C,gCAAA,CACd,KAAA,EAAO,qCAAA,GACN,KAAA,CAAM,GAAA,CAAI,OAAA;AAAA,cCJA,4BAAA,EAA4B,OAAA,CAAA,MAAA,CAAA,YAAA"}

package/dist/index.js

@@ -1,16 +1,16 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { TrashIcon, CopyIcon, CogIcon, SplitVerticalIcon, CheckmarkIcon, AddIcon, EditIcon, TranslateIcon, InfoOutlineIcon } from "@sanity/icons";
 import { Flex, Spinner, Card, Text, Stack, Grid, Button, useToast, Tooltip, Box, Badge, useClickOutsideEvent, TextInput, Popover, Inline, Dialog } from "@sanity/ui";
-import { useEffect, createContext, use, useContext, useState, useCallback, useRef, useMemo } from "react";
+import { useEffect, createContext, use, useContext, useState, useRef } from "react";
 import { useSchema, Preview, useClient, useWorkspace, defineLocaleResourceBundle, useDocumentStore, useDocumentOperation, useDocumentPairPermissions, DEFAULT_STUDIO_CLIENT_OPTIONS, useTranslation, useCurrentUser, InsufficientPermissionsMessage, isDocumentSchemaType, pathToString, useEditState, useValidationStatus, TextWithTone, PatchEvent, unset, defineType, defineField, definePlugin, isSanityDocument } from "sanity";
-import { c } from "react/compiler-runtime";
+import { LANGUAGE_FIELD_NAME, internationalizedArray } from "sanity-plugin-internationalized-array";
 import { Feedback, useListeningQuery } from "sanity-plugin-utils";
 import { uuid } from "@sanity/uuid";
 import { firstValueFrom, filter } from "rxjs";
 import { useRouter } from "sanity/router";
 import { structureLocaleNamespace, usePaneRouter, useDocumentPane } from "sanity/structure";
 import { Mutation, extractWithPath } from "@sanity/mutator";
-import { internationalizedArray } from "sanity-plugin-internationalized-array";
 function DocumentPreview(props) {
   const $ = c(7), schema = useSchema();
   let t0;
@@ -63,7 +63,7 @@ function DeleteTranslationDialog(props) {
   const {
     data,
     loading
-  } = useListeningQuery("*[references($id)]{_id, _type}", t2), t3 = data;
+  } = useListeningQuery("*[references($id)]{_id, _type, translations}", t2), t3 = data;
   let t4;
   $[5] !== t3 ? (t4 = separateReferences(t3), $[5] = t3, $[6] = t4) : t4 = $[6];
   const {
@@ -93,7 +93,7 @@ function DeleteTranslationDialog(props) {
       " ",
       "must be removed"
     ] }),
-    translations.map(_temp$4)
+    translations.map(_temp$5)
   ] }) : null, $[18] = translations, $[19] = t10) : t10 = $[19];
   let t11;
   $[20] !== otherReferences ? (t11 = otherReferences && otherReferences.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -124,7 +124,7 @@ function DeleteTranslationDialog(props) {
 function _temp2$3(reference) {
   return /* @__PURE__ */ jsx(DocumentPreview, { value: reference, type: reference._type }, reference._id);
 }
-function _temp$4(translation) {
+function _temp$5(translation) {
   return /* @__PURE__ */ jsx(DocumentPreview, { value: translation, type: translation._type }, translation._id);
 }
 function DeleteTranslationFooter(props) {
@@ -193,20 +193,31 @@ function DocumentInternationalizationProvider(props) {
   let t5;
   return $[15] !== t3 || $[16] !== t4 ? (t5 = /* @__PURE__ */ jsx(DocumentInternationalizationContext.Provider, { value: t3, children: t4 }), $[15] = t3, $[16] = t4, $[17] = t5) : t5 = $[17], t5;
 }
-const DeleteTranslationAction = (props) => {
-  const {
+const useDeleteTranslationAction = (props) => {
+  const $ = c(19), {
     id: documentId,
     published,
     draft
   } = props, doc = draft || published, {
     languageField
-  } = useDocumentInternationalizationContext(), [isDialogOpen, setDialogOpen] = useState(!1), [translations, setTranslations] = useState([]), onClose = useCallback(() => setDialogOpen(!1), []), rawDocumentLanguage = doc ? doc[languageField] : null, documentLanguage = typeof rawDocumentLanguage == "string" ? rawDocumentLanguage : null, toast = useToast(), client = useClient({
+  } = useDocumentInternationalizationContext(), [isDialogOpen, setDialogOpen] = useState(!1);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0];
+  const [translations, setTranslations] = useState(t0);
+  let t1;
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setDialogOpen(!1), $[1] = t1) : t1 = $[1];
+  const onClose = t1, rawDocumentLanguage = doc ? doc[languageField] : null, documentLanguage = typeof rawDocumentLanguage == "string" ? rawDocumentLanguage : null, toast = useToast();
+  let t2;
+  $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
     apiVersion: API_VERSION
-  }), onProceed = useCallback(() => {
+  }, $[2] = t2) : t2 = $[2];
+  const client = useClient(t2);
+  let t3;
+  $[3] !== client || $[4] !== documentId || $[5] !== documentLanguage || $[6] !== toast || $[7] !== translations ? (t3 = () => {
     const tx = client.transaction();
     let operation = "DELETE";
     documentLanguage && translations.length > 0 ? (operation = "UNSET", translations.forEach((translation) => {
-      tx.patch(translation._id, (patch) => patch.unset([`${TRANSLATIONS_ARRAY_NAME}[_key == "${documentLanguage}"]`]));
+      tx.patch(translation._id, (patch) => patch.unset([`${TRANSLATIONS_ARRAY_NAME}[${LANGUAGE_FIELD_NAME} == "${documentLanguage}"]`]));
     })) : (tx.delete(documentId), tx.delete(`drafts.${documentId}`)), tx.commit().then(() => {
       operation === "DELETE" && onClose(), toast.push({
         status: "success",
@@ -216,28 +227,37 @@ const DeleteTranslationAction = (props) => {
     }).catch((err) => {
       toast.push({
         status: "error",
-        title: operation === "unset" ? "Failed to unset translation reference" : "Failed to delete document",
+        title: operation === "UNSET" ? "Failed to unset translation reference" : "Failed to delete document",
         description: err.message
       });
     });
-  }, [client, documentLanguage, translations, documentId, onClose, toast]);
-  return {
+  }, $[3] = client, $[4] = documentId, $[5] = documentLanguage, $[6] = toast, $[7] = translations, $[8] = t3) : t3 = $[8];
+  const onProceed = t3, t4 = !doc || !documentLanguage;
+  let t5;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+    setDialogOpen(!0);
+  }, $[9] = t5) : t5 = $[9];
+  let t6;
+  $[10] !== doc || $[11] !== documentId || $[12] !== isDialogOpen || $[13] !== onProceed || $[14] !== translations ? (t6 = isDialogOpen && {
+    type: "dialog",
+    onClose,
+    header: "Delete translation",
+    content: doc ? /* @__PURE__ */ jsx(DeleteTranslationDialog, { doc, documentId, setTranslations }) : null,
+    footer: /* @__PURE__ */ jsx(DeleteTranslationFooter, { onClose, onProceed, translations })
+  }, $[10] = doc, $[11] = documentId, $[12] = isDialogOpen, $[13] = onProceed, $[14] = translations, $[15] = t6) : t6 = $[15];
+  let t7;
+  return $[16] !== t4 || $[17] !== t6 ? (t7 = {
     label: "Delete translation...",
-    disabled: !doc || !documentLanguage,
+    disabled: t4,
     icon: TrashIcon,
     tone: "critical",
-    onHandle: () => {
-      setDialogOpen(!0);
-    },
-    dialog: isDialogOpen && {
-      type: "dialog",
-      onClose,
-      header: "Delete translation",
-      content: doc ? /* @__PURE__ */ jsx(DeleteTranslationDialog, { doc, documentId, setTranslations }) : null,
-      footer: /* @__PURE__ */ jsx(DeleteTranslationFooter, { onClose, onProceed, translations })
-    }
-  };
-}, query = `*[_type == $translationSchema && $id in translations[].value._ref]{
+    onHandle: t5,
+    dialog: t6
+  }, $[16] = t4, $[17] = t6, $[18] = t7) : t7 = $[18], t7;
+};
+useDeleteTranslationAction.action = "deleteTranslation";
+useDeleteTranslationAction.displayName = "DeleteTranslationAction";
+const DeleteTranslationAction = (props) => useDeleteTranslationAction(props), query = `*[_type == $translationSchema && $id in translations[].value._ref]{
   _id,
   _createdAt,
   translations
@@ -272,7 +292,7 @@ const documenti18nLocaleNamespace = "document-internationalization", documentInt
   MULTIPLE_METADATA: "action.duplicate.disabled.multiple-metadata",
   NOTHING_TO_DUPLICATE: "action.duplicate.disabled.nothing-to-duplicate",
   NOT_READY: "action.duplicate.disabled.not-ready"
-}, DuplicateWithTranslationsAction = (t0) => {
+}, useDuplicateWithTranslationsAction = (t0) => {
   const $ = c(44), {
     id,
     type,
@@ -301,14 +321,19 @@ const documenti18nLocaleNamespace = "document-internationalization", documentInt
     setDuplicating(!0), (async function() {
       if (!metadataDocument)
         return Promise.reject(new Error("Metadata document not found"));
+      const translationsArray = metadataDocument[TRANSLATIONS_ARRAY_NAME];
+      if (!translationsArray || translationsArray.length === 0)
+        return Promise.reject(new Error("No translations found in metadata document"));
       const translations = /* @__PURE__ */ new Map();
-      await Promise.all(metadataDocument[TRANSLATIONS_ARRAY_NAME].map(async (translation) => {
-        const dupeId = uuid(), locale = translation._key, docId = translation.value?._ref;
+      await Promise.all(translationsArray.map(async (translation) => {
+        const dupeId = uuid(), locale = translation[LANGUAGE_FIELD_NAME], docId = translation.value?._ref;
+        if (typeof locale != "string" || locale.trim().length === 0)
+          return Promise.reject(new Error("Invalid locale for translation"));
         if (!docId)
           return Promise.reject(new Error("Translation document not found"));
         const {
           duplicate: duplicateTranslation
-        } = await firstValueFrom(documentStore.pair.editOperations(docId, type).pipe(filter(_temp$3)));
+        } = await firstValueFrom(documentStore.pair.editOperations(docId, type).pipe(filter(_temp$4)));
         if (duplicateTranslation.disabled)
           return Promise.reject(new Error("Cannot duplicate document"));
         const duplicateTranslationSuccess = firstValueFrom(documentStore.pair.operationEvents(docId, type).pipe(filter(_temp2$2)));
@@ -399,9 +424,12 @@ const documenti18nLocaleNamespace = "document-internationalization", documentInt
   }
   return t3;
 };
+useDuplicateWithTranslationsAction.action = "duplicate";
+useDuplicateWithTranslationsAction.displayName = "DuplicateWithTranslationsAction";
+const DuplicateWithTranslationsAction = (props) => useDuplicateWithTranslationsAction(props);
 DuplicateWithTranslationsAction.action = "duplicate";
 DuplicateWithTranslationsAction.displayName = "DuplicateWithTranslationsAction";
-function _temp$3(op) {
+function _temp$4(op) {
   return op.duplicate.disabled !== "NOT_READY";
 }
 function _temp2$2(e) {
@@ -415,7 +443,7 @@ function _temp4(e_0) {
 }
 function _temp5(t0) {
   const [locale_0, documentId] = t0;
-  return [`${TRANSLATIONS_ARRAY_NAME}[_key == "${locale_0}"].value._ref`, documentId];
+  return [`${TRANSLATIONS_ARRAY_NAME}[${LANGUAGE_FIELD_NAME} == "${locale_0}"].value._ref`, documentId];
 }
 function useOpenInNewPane(id, type) {
   const $ = c(6), router = useRouter(), {
@@ -448,9 +476,11 @@ function useOpenInNewPane(id, type) {
     });
   }, $[0] = groupIndex, $[1] = id, $[2] = router, $[3] = routerPanesState, $[4] = type, $[5] = t0) : t0 = $[5], t0;
 }
-function createReference(key, ref, type, strengthenOnPublish = !0) {
+function createReference(language, ref, type, strengthenOnPublish = !0) {
   return {
-    _key: key,
+    // TODO: Update in next major version when we migrate to the new format
+    // ...(LANGUAGE_FIELD_NAME === "_key"?  {} : {_key: createRandomKey()} )
+    [LANGUAGE_FIELD_NAME]: language,
     _type: "internationalizedArrayReferenceValue",
     value: {
       _type: "reference",
@@ -528,7 +558,7 @@ function extractPaths(doc, schemaType, path) {
     const fieldPath = [...path, field.name], fieldSchema = field.type, {
       value
     } = extractWithPath(pathToString(fieldPath), doc)[0] ?? {};
-    if (!value)
+    if (value == null)
       continue;
     const thisFieldWithPath = {
       path: fieldPath,
@@ -742,7 +772,7 @@ function DocumentInternationalizationMenu(props) {
   }, $[0] = t0) : t0 = $[0];
   const handleQuery = t0, [open, setOpen] = useState(!1);
   let t1;
-  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setOpen(_temp$2), $[1] = t1) : t1 = $[1];
+  $[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setOpen(_temp$3), $[1] = t1) : t1 = $[1];
   const handleClick = t1, buttonRef = useRef(null), popoverRef = useRef(null);
   let t2;
   $[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = () => setOpen(!1), $[2] = t2) : t2 = $[2];
@@ -785,7 +815,7 @@ function DocumentInternationalizationMenu(props) {
     supportedLanguages.length > 4 ? /* @__PURE__ */ jsx(TextInput, { onChange: handleQuery, value: query2, placeholder: "Filter languages" }) : null,
     supportedLanguages.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
       loading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
-        data && documentIsInOneMetadataDocument ? null : /* @__PURE__ */ jsx(Warning, { children: "This document has been found in more than one Translations Metadata documents" }),
+        data && documentIsInOneMetadataDocument ? null : /* @__PURE__ */ jsx(Warning, { children: "This document has been found in more than one Translations Metadata document" }),
         allLanguagesAreValid ? null : /* @__PURE__ */ jsx(Warning, { children: "Not all language objects are valid. See the console." }),
         sourceLanguageId ? null : /* @__PURE__ */ jsxs(Warning, { children: [
           "Choose a language to apply to ",
@@ -797,7 +827,7 @@ function DocumentInternationalizationMenu(props) {
           /* @__PURE__ */ jsx("code", { children: sourceLanguageId })
         ] }) : null
       ] }),
-      supportedLanguages.filter((language) => query2 ? language.title.toLowerCase().includes(query2.toLowerCase()) : !0).map((language_0) => !loading && sourceLanguageId && sourceLanguageIsValid ? /* @__PURE__ */ jsx(LanguageOption, { language: language_0, schemaType, documentId, disabled: !allLanguagesAreValid, current: language_0.id === sourceLanguageId, metadata: metadata2, metadataId, source, sourceLanguageId }, language_0.id) : /* @__PURE__ */ jsx(LanguagePatch, { source, language: language_0, disabled: (loading || !allLanguagesAreValid || metadata2?.translations.filter((t) => t?.value?._ref !== documentId).some((t_0) => t_0._key === language_0.id)) ?? !1 }, language_0.id))
+      supportedLanguages.filter((language) => query2 ? language.title.toLowerCase().includes(query2.toLowerCase()) : !0).map((language_0) => !loading && sourceLanguageId && sourceLanguageIsValid ? /* @__PURE__ */ jsx(LanguageOption, { language: language_0, schemaType, documentId, disabled: !allLanguagesAreValid, current: language_0.id === sourceLanguageId, metadata: metadata2, metadataId, source, sourceLanguageId }, language_0.id) : /* @__PURE__ */ jsx(LanguagePatch, { source, language: language_0, disabled: (loading || !allLanguagesAreValid || metadata2?.translations.filter((t) => t?.value?._ref !== documentId).some((t_0) => t_0[LANGUAGE_FIELD_NAME] === language_0.id)) ?? !1 }, language_0.id))
     ] }) : null
   ] }) }), $[13] = allLanguagesAreValid, $[14] = data, $[15] = documentId, $[16] = documentIsInOneMetadataDocument, $[17] = error, $[18] = loading, $[19] = metadata2, $[20] = metadataId, $[21] = query2, $[22] = schemaType, $[23] = source, $[24] = sourceLanguageId, $[25] = sourceLanguageIsValid, $[26] = supportedLanguages, $[27] = t7) : t7 = $[27];
   const content = t7, issueWithTranslations = !loading && sourceLanguageId && !sourceLanguageIsValid;
@@ -812,22 +842,30 @@ function DocumentInternationalizationMenu(props) {
 function _temp2$1(l_0) {
   return l_0.id && l_0.title;
 }
-function _temp$2(o) {
+function _temp$3(o) {
   return !o;
 }
-const DeleteMetadataAction = (props) => {
-  const {
+const useDeleteMetadataAction = (props) => {
+  const $ = c(17), {
     id: documentId,
     published,
     draft
-  } = props, doc = draft || published, [isDialogOpen, setDialogOpen] = useState(!1), onClose = useCallback(() => setDialogOpen(!1), []), translations = useMemo(() => doc && Array.isArray(doc[TRANSLATIONS_ARRAY_NAME]) ? (
-    // oxlint-disable-next-line typescript-eslint/no-unsafe-type-assertion
-    doc[TRANSLATIONS_ARRAY_NAME]
-  ) : [], [doc]), toast = useToast(), client = useClient({
+  } = props, doc = draft || published, [isDialogOpen, setDialogOpen] = useState(!1);
+  let t0;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setDialogOpen(!1), $[0] = t0) : t0 = $[0];
+  const onClose = t0;
+  let t1;
+  $[1] !== doc ? (t1 = doc && Array.isArray(doc[TRANSLATIONS_ARRAY_NAME]) ? doc[TRANSLATIONS_ARRAY_NAME] : [], $[1] = doc, $[2] = t1) : t1 = $[2];
+  const translations = t1, toast = useToast();
+  let t2;
+  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t2 = {
     apiVersion: API_VERSION
-  }), onProceed = useCallback(() => {
+  }, $[3] = t2) : t2 = $[3];
+  const client = useClient(t2);
+  let t3;
+  $[4] !== client || $[5] !== documentId || $[6] !== toast || $[7] !== translations ? (t3 = () => {
     const tx = client.transaction();
-    tx.patch(documentId, (patch) => patch.unset([TRANSLATIONS_ARRAY_NAME])), translations.length > 0 && translations.forEach((translation) => {
+    tx.patch(documentId, _temp$2), translations.length > 0 && translations.forEach((translation) => {
       tx.delete(translation.value._ref), tx.delete(`drafts.${translation.value._ref}`);
     }), tx.delete(documentId), tx.delete(`drafts.${documentId}`), tx.commit().then(() => {
       onClose(), toast.push({
@@ -841,26 +879,35 @@ const DeleteMetadataAction = (props) => {
         description: err.message
       });
     });
-  }, [client, translations, documentId, onClose, toast]);
-  return {
+  }, $[4] = client, $[5] = documentId, $[6] = toast, $[7] = translations, $[8] = t3) : t3 = $[8];
+  const onProceed = t3, t4 = !doc || !translations.length;
+  let t5;
+  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = () => {
+    setDialogOpen(!0);
+  }, $[9] = t5) : t5 = $[9];
+  let t6;
+  $[10] !== isDialogOpen || $[11] !== onProceed || $[12] !== translations ? (t6 = isDialogOpen && {
+    type: "confirm",
+    onCancel: onClose,
+    onConfirm: () => {
+      onProceed(), onClose();
+    },
+    tone: "critical",
+    message: translations.length === 1 ? "Delete 1 translation and this document" : `Delete all ${translations.length} translations and this document`
+  }, $[10] = isDialogOpen, $[11] = onProceed, $[12] = translations, $[13] = t6) : t6 = $[13];
+  let t7;
+  return $[14] !== t4 || $[15] !== t6 ? (t7 = {
     label: "Delete all translations",
-    disabled: !doc || !translations.length,
+    disabled: t4,
     icon: TrashIcon,
     tone: "critical",
-    onHandle: () => {
-      setDialogOpen(!0);
-    },
-    dialog: isDialogOpen && {
-      type: "confirm",
-      onCancel: onClose,
-      onConfirm: () => {
-        onProceed(), onClose();
-      },
-      tone: "critical",
-      message: translations.length === 1 ? "Delete 1 translation and this document" : `Delete all ${translations.length} translations and this document`
-    }
-  };
+    onHandle: t5,
+    dialog: t6
+  }, $[14] = t4, $[15] = t6, $[16] = t7) : t7 = $[16], t7;
 };
+function _temp$2(patch) {
+  return patch.unset([TRANSLATIONS_ARRAY_NAME]);
+}
 function LanguageBadge(props) {
   const source = props?.draft || props?.published, {
     languageField,
@@ -1031,7 +1078,7 @@ function BulkPublish(props) {
         invalidIds && invalidIds.length > 0 ? /* @__PURE__ */ jsxs(TextWithTone, { tone: "critical", size: 1, children: [
           invalidIds.length === 1 ? "1 draft document has" : `${invalidIds.length} draft documents have`,
           " ",
-          "validation issues that must addressed first"
+          "validation issues that must be addressed first"
         ] }) : /* @__PURE__ */ jsx(TextWithTone, { tone: "positive", size: 1, children: "All drafts are valid and can be bulk published" })
       ] }) : null,
       /* @__PURE__ */ jsx(Stack, { space: 1, children: translations.filter(_temp2).map((translation_1) => /* @__PURE__ */ jsx(DocumentCheck, { id: translation_1.value._ref, onCheckComplete, addInvalidId, removeInvalidId, addDraftId, removeDraftId }, translation_1._key)) }),
@@ -1123,7 +1170,7 @@ var metadata = (schemaTypes, metadataFields) => defineType({
       const {
         translations = [],
         documentSchemaTypes = []
-      } = selection, title = translations.length === 1 ? "1 Translation" : `${translations.length} Translations`, languageKeys = translations.length ? translations.map((t) => t._key.toUpperCase()).join(", ") : "", subtitle = [languageKeys ? `(${languageKeys})` : null, documentSchemaTypes?.length ? documentSchemaTypes.map((s) => s).join(", ") : ""].filter(Boolean).join(" ");
+      } = selection, title = translations.length === 1 ? "1 Translation" : `${translations.length} Translations`, languageKeys = translations.length ? translations.map((t) => t[LANGUAGE_FIELD_NAME].toUpperCase()).join(", ") : "", subtitle = [languageKeys ? `(${languageKeys})` : null, documentSchemaTypes?.length ? documentSchemaTypes.map((s) => s).join(", ") : ""].filter(Boolean).join(" ");
       return {
         title,
         subtitle
@@ -1148,10 +1195,7 @@ const documentInternationalization = definePlugin((config) => {
     name: "@sanity/document-internationalization",
     studio: {
       components: {
-        layout: (props) => DocumentInternationalizationProvider({
-          ...props,
-          pluginConfig
-        })
+        layout: (props) => /* @__PURE__ */ jsx(DocumentInternationalizationProvider, { ...props, pluginConfig })
       }
     },
     i18n: {
@@ -1200,7 +1244,7 @@ const documentInternationalization = definePlugin((config) => {
       }) => schemaTypes.includes(schemaType) ? [(props) => LanguageBadge(props), ...prev] : prev,
       actions: (prev, {
         schemaType
-      }) => schemaType === METADATA_SCHEMA_NAME ? [...prev, DeleteMetadataAction] : prev
+      }) => schemaType === METADATA_SCHEMA_NAME ? [...prev, useDeleteMetadataAction] : prev
     },
     // Adds:
     // - The `Translations metadata` document type to the schema
@@ -1303,6 +1347,8 @@ export {
   DocumentInternationalizationMenu,
   DuplicateWithTranslationsAction,
   documentInternationalization,
-  useDocumentInternationalizationContext
+  useDeleteTranslationAction,
+  useDocumentInternationalizationContext,
+  useDuplicateWithTranslationsAction
 };
 //# sourceMappingURL=index.js.map