gt-sanity 3.1.7-iris.0 → 4.0.0

package/dist/index.js

@@ -4,8 +4,9 @@ import { useClient as useClient$1, useSchema, Preview, definePlugin } from "sani
 import { useIntentLink, Link, route } from "sanity/router";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect, createContext, useRef, useCallback, useContext, useMemo } from "react";
-import { ClipboardIcon, CheckmarkCircleIcon, DownloadIcon, TranslateIcon, RefreshIcon, UploadIcon, LinkIcon, PublishIcon } from "@sanity/icons";
-import { ThemeProvider, ToastProvider, Box, Flex, Spinner, Card, Text, useToast, Dialog, Stack, Button, Code, Badge, Grid, Checkbox, Switch, Tooltip, Container, Heading } from "@sanity/ui";
+import { TranslateIcon } from "@sanity/icons/Translate";
+import { ThemeProvider, Box, Flex, Spinner, Card, Text, Dialog, Stack, Button, Badge, Grid, Checkbox, Switch, Container, Heading } from "@sanity/ui";
+import { ToastProvider, useToast } from "@sanity/ui/toast";
 import { buildTheme } from "@sanity/ui/theme";
 import { extractWithPath, arrayToJSONMatchPath } from "@sanity/mutator";
 import { JSONPath } from "jsonpath-plus";
@@ -14,11 +15,20 @@ import { htmlToBlocks } from "@portabletext/block-tools";
 import { Schema } from "@sanity/schema";
 import { toHTML } from "@portabletext/to-html";
 import merge from "lodash.merge";
+import { Tooltip } from "@sanity/ui/tooltip";
+import { Code } from "@sanity/ui/code";
+import { ClipboardIcon } from "@sanity/icons/Clipboard";
+import { CheckmarkCircleIcon } from "@sanity/icons/CheckmarkCircle";
+import { DownloadIcon } from "@sanity/icons/Download";
+import { LinkIcon } from "@sanity/icons/Link";
+import { PublishIcon } from "@sanity/icons/Publish";
+import { RefreshIcon } from "@sanity/icons/Refresh";
+import { UploadIcon } from "@sanity/icons/Upload";
 import { internationalizedArray } from "sanity-plugin-internationalized-array";
 import { internationalizedArray as internationalizedArray2, internationalizedArrayLanguageFilter, isInternationalizedArrayItemType } from "sanity-plugin-internationalized-array";
 import { documentInternationalization } from "@sanity/document-internationalization";
 import { DocumentInternationalizationMenu, documentInternationalization as documentInternationalization2, useDeleteTranslationAction, useDocumentInternationalizationContext, useDuplicateWithTranslationsAction } from "@sanity/document-internationalization";
-const SECRETS_NAMESPACE = "generaltranslation.secrets", gt = new GT(), DEFAULT_TRANSLATION_PREFERENCES = {
+const SECRETS_NAMESPACE = "generaltranslation.secrets", SANITY_API_VERSION = "2025-09-15", gt = new GT(), DEFAULT_TRANSLATION_PREFERENCES = {
   autoRefresh: !0,
   autoImport: !0,
   autoPatchReferences: !1,
@@ -156,7 +166,7 @@ function formatLocalePropertiesLabel(code, properties, mapping) {
   );
   return verbatim ? name : [emoji, `${name} (${code})`].filter(Boolean).join(" ");
 }
-const useClient = () => useClient$1({ apiVersion: "2025-09-15" });
+const useClient = () => useClient$1({ apiVersion: SANITY_API_VERSION });
 function useSecrets(id) {
   const [loading, setLoading] = useState(!0), [secrets, setSecrets] = useState(null), client = useClient();
   return useEffect(() => {
@@ -1745,10 +1755,11 @@ async function processImportBatch(items, options = {}) {
   };
 }
 async function getReadyFilesForImport(translationStatuses, options = {}) {
-  const { filterReadyFiles = () => !0 } = options, readyFilesByDocumentLocale = /* @__PURE__ */ new Map();
+  const { filterReadyFiles = () => !0 } = options, readyFilesByDocumentLocale = /* @__PURE__ */ new Map(), selectedStatusKeys = [];
   for (const [key, status] of translationStatuses.entries()) {
     const readyStatus = status.isReady && status.fileData ? { ...status, fileData: status.fileData } : null;
     if (readyStatus && filterReadyFiles(key, readyStatus)) {
+      selectedStatusKeys.push(key);
       const fileData = {
         fileId: getPublishedId(readyStatus.fileData.fileId),
         versionId: readyStatus.fileData.versionId,
@@ -1765,7 +1776,10 @@ async function getReadyFilesForImport(translationStatuses, options = {}) {
       );
     }
   }
-  return Array.from(readyFilesByDocumentLocale.values());
+  return options.onSelectedKeys?.(selectedStatusKeys), Array.from(readyFilesByDocumentLocale.values());
+}
+function importKeyFor(file) {
+  return `${file.branchId}:${file.fileId}:${file.versionId}:${file.locale}`;
 }
 async function importTranslations(readyFiles, secrets, translationContext, options = {}) {
   if (readyFiles.length === 0)
@@ -1780,7 +1794,7 @@ async function importTranslations(readyFiles, secrets, translationContext, optio
       locale: file.locale,
       data,
       translationContext,
-      key: `${file.branchId}:${file.fileId}:${file.versionId}:${file.locale}`
+      key: importKeyFor(file)
     };
   }), result = await processImportBatch(importItems, {
     onProgress: options.onProgress,
@@ -1794,6 +1808,17 @@ async function importTranslations(readyFiles, secrets, translationContext, optio
     successfulImports: result.successfulImports
   };
 }
+const TRANSLATION_DOCS_FOR_PUBLISH_QUERY = `*[
+  _type == 'translation.metadata' &&
+  count(translations[defined(value._ref) && value._ref in $publishedDocumentIds]) > 0
+] {
+  'translationDocs': translations[
+    defined(value._ref) && !(value._ref in $sourceDocumentIds)
+  ]{
+    _key,
+    'docId': value._ref
+  }
+}`;
 async function publishDocument(documentId, client) {
   try {
     documentId.startsWith("drafts.") && await client.action(
@@ -1900,7 +1925,7 @@ const useTranslations = () => {
     skipped: /* @__PURE__ */ new Set()
   }), downloadStatusRef = useRef(downloadStatus), [translationStatuses, setTranslationStatuses] = useState(/* @__PURE__ */ new Map()), [pendingTranslations, setPendingTranslations] = useState(
     /* @__PURE__ */ new Set()
-  ), [isRefreshing, setIsRefreshing] = useState(!1), client = useClient(), { projectId, dataset } = client.config(), uploadedVersionsStorageKey = getUploadedVersionsStorageKey(
+  ), [importingTranslations, setImportingTranslations] = useState(/* @__PURE__ */ new Set()), [isRefreshing, setIsRefreshing] = useState(!1), client = useClient(), { projectId, dataset } = client.config(), uploadedVersionsStorageKey = getUploadedVersionsStorageKey(
     projectId,
     dataset
   ), [uploadedVersions, setUploadedVersions] = useState(
@@ -2065,20 +2090,39 @@ const useTranslations = () => {
           const nextUploadedVersions = new Map(uploadedVersions);
           for (const { info } of transformedDocuments)
             info.versionId && nextUploadedVersions.set(info.documentId, info.versionId);
-          writeUploadedVersions(uploadedVersionsStorageKey, nextUploadedVersions), setUploadedVersions(nextUploadedVersions), setPendingTranslations((prev) => {
-            const next = new Set(prev);
-            for (const { info } of transformedDocuments)
-              for (const localeId of availableLocaleIds)
-                next.add(
-                  createTranslationStatusKey(
-                    branchId,
-                    info.documentId,
-                    info.versionId ?? "",
-                    localeId
-                  )
-                );
-            return next;
-          }), toast.push({
+          writeUploadedVersions(uploadedVersionsStorageKey, nextUploadedVersions), setUploadedVersions(nextUploadedVersions);
+          const enqueuedStatusKeys = /* @__PURE__ */ new Set(), enqueuedStableKeys = /* @__PURE__ */ new Set();
+          for (const { info } of transformedDocuments)
+            for (const localeId of availableLocaleIds)
+              enqueuedStatusKeys.add(
+                createTranslationStatusKey(
+                  branchId,
+                  info.documentId,
+                  info.versionId ?? "",
+                  localeId
+                )
+              ), enqueuedStableKeys.add(
+                createStableTranslationKey(branchId, info.documentId, localeId)
+              );
+          setDownloadStatus((prev) => ({
+            downloaded: new Set(
+              [...prev.downloaded].filter(
+                (key) => !enqueuedStatusKeys.has(key) && !enqueuedStableKeys.has(key)
+              )
+            ),
+            failed: new Set(
+              [...prev.failed].filter(
+                (key) => !enqueuedStatusKeys.has(key) && !enqueuedStableKeys.has(key)
+              )
+            ),
+            skipped: new Set(
+              [...prev.skipped].filter(
+                (key) => !enqueuedStatusKeys.has(key) && !enqueuedStableKeys.has(key)
+              )
+            )
+          })), setPendingTranslations(
+            (prev) => /* @__PURE__ */ new Set([...prev, ...enqueuedStatusKeys])
+          ), toast.push({
             title: force ? `Retranslating ${documents.length} documents from scratch` : `Translation tasks created for ${documents.length} documents`,
             status: "success",
             closable: !0
@@ -2139,7 +2183,9 @@ const useTranslations = () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsBusy(!0);
       try {
-        const readyFiles = await getReadyFilesForImport(translationStatuses);
+        const readyFiles = await getReadyFilesForImport(translationStatuses, {
+          onSelectedKeys: (keys) => setImportingTranslations(new Set(keys))
+        });
         if (readyFiles.length === 0) {
           toast.push({
             title: "No ready translations to import",
@@ -2188,7 +2234,7 @@ const useTranslations = () => {
           closable: !0
         });
       } finally {
-        setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 });
+        setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 }), setImportingTranslations(/* @__PURE__ */ new Set());
       }
     }
   }, [
@@ -2234,6 +2280,7 @@ const useTranslations = () => {
           availableLocaleIds,
           branchId
         ), readyFiles = await getReadyFilesForImport(translationStatuses, {
+          onSelectedKeys: (keys) => setImportingTranslations(new Set(keys)),
           filterReadyFiles: (_key, status) => !existingTranslations2.has(
             createStableTranslationKey(
               branchId,
@@ -2290,7 +2337,7 @@ const useTranslations = () => {
           closable: !0
         });
       } finally {
-        setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 });
+        setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 }), setImportingTranslations(/* @__PURE__ */ new Set());
       }
     }
   }, [
@@ -2541,7 +2588,7 @@ const useTranslations = () => {
     if (!secrets || documents.length === 0) return 0;
     setIsBusy(!0);
     try {
-      const sourceLocale = pluginConfig.getSourceLocale(), sourceDocumentIds = documents.map(getDocumentPublishedId), publishedDocumentIds = await client.fetch(
+      const sourceDocumentIds = documents.map(getDocumentPublishedId), publishedDocumentIds = await client.fetch(
         "*[_id in $sourceDocumentIds]._id",
         { sourceDocumentIds }
       );
@@ -2551,31 +2598,24 @@ const useTranslations = () => {
           status: "warning",
           closable: !0
         }), 0;
-      const translationMetadata = await client.fetch(`*[
-        _type == 'translation.metadata' &&
-        translations[language == $sourceLocale][0].value._ref in $publishedDocumentIds
-      ] {
-        'sourceDocId': translations[language == $sourceLocale][0].value._ref,
-        'translationDocs': translations[language != $sourceLocale && defined(value._ref)]{
-          _key,
-          'docId': value._ref
-        }
-      }`, {
-        sourceLocale,
-        publishedDocumentIds
+      const translationMetadata = await client.fetch(TRANSLATION_DOCS_FOR_PUBLISH_QUERY, {
+        publishedDocumentIds,
+        sourceDocumentIds
       }), translationDocIds = /* @__PURE__ */ new Set();
-      if (translationMetadata.forEach((metadata) => {
+      translationMetadata.forEach((metadata) => {
         metadata.translationDocs?.forEach((translation) => {
           translation.docId && translationDocIds.add(translation.docId);
         });
-      }), translationDocIds.size === 0)
+      });
+      const publishableIds = Array.from(translationDocIds);
+      if (publishableIds.length === 0)
         return toast.push({
           title: "No translation documents found to publish",
           status: "warning",
           closable: !0
         }), 0;
       const translatedDocumentIds = await publishTranslations(
-        Array.from(translationDocIds),
+        publishableIds,
         client
       );
       return toast.push({
@@ -2636,6 +2676,7 @@ const useTranslations = () => {
     downloadStatus,
     translationStatuses,
     pendingTranslations,
+    importingTranslations,
     isRefreshing,
     loadingSecrets,
     secrets,
@@ -2668,9 +2709,9 @@ const useTranslations = () => {
       /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
       /* @__PURE__ */ jsx(Button, { text: "Turn on", tone: "primary", onClick: onConfirm })
     ] }) }),
-    children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
       /* @__PURE__ */ jsx(Text, { children: "Before each translation run, the translations currently in Sanity are sent to General Translation. Content whose source text has not changed is then reused from Sanity instead of being translated again, so edits made here are kept." }),
-      /* @__PURE__ */ jsx(Card, { padding: 3, radius: 2, tone: "caution", border: !0, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      /* @__PURE__ */ jsx(Card, { padding: 3, radius: 2, tone: "caution", border: !0, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: "Sanity becomes the source of truth" }),
         /* @__PURE__ */ jsx(Text, { size: 1, children: "What is in Sanity replaces whatever General Translation holds for that version of the document \u2014 including a translation that has finished but has not been imported yet. Import any pending translations before turning this on." })
       ] }) }),
@@ -2678,7 +2719,7 @@ const useTranslations = () => {
     ] }) })
   }
 ) : null;
-var version = "3.1.7-iris.0";
+var version = "4.0.0";
 function buildDebugInfo({
   secrets,
   preferences,
@@ -2873,7 +2914,7 @@ const DebugInfoDialog = ({
         ),
         /* @__PURE__ */ jsx(Button, { text: "Close", mode: "ghost", onClick: onClose })
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Stack, { space: 4, children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Stack, { gap: 4, children: /* @__PURE__ */ jsx(
         Card,
         {
           padding: 3,
@@ -2906,39 +2947,49 @@ const DebugInfoDialog = ({
 }, LanguageStatus = ({
   localeId,
   state,
-  importFile
+  importFile,
+  isImporting = !1
 }) => {
-  const [isBusy, setIsBusy] = useState(!1), handleImport = useCallback(async () => {
-    setIsBusy(!0);
+  const [isSelfImporting, setIsSelfImporting] = useState(!1), isBusy = (isSelfImporting || isImporting) && state !== "imported", handleImport = useCallback(async () => {
+    setIsSelfImporting(!0);
     try {
       await importFile();
     } finally {
-      setIsBusy(!1);
+      setIsSelfImporting(!1);
     }
   }, [importFile]);
-  return /* @__PURE__ */ jsxs(Grid, { columns: 5, gap: 3, paddingX: 3, paddingY: 2, children: [
-    /* @__PURE__ */ jsx(Flex, { columnStart: 1, columnEnd: 3, align: "center", children: /* @__PURE__ */ jsx(LocaleLabel, { localeId }) }),
-    /* @__PURE__ */ jsxs(Flex, { columnStart: 3, columnEnd: 5, align: "center", gap: 2, children: [
-      state === "translating" && /* @__PURE__ */ jsx(Spinner, { size: 1, muted: !0 }),
-      /* @__PURE__ */ jsx(Text, { size: 1, muted: state !== "ready", children: STATE_LABEL[state] })
+  return /* @__PURE__ */ jsxs(Grid, { gridTemplateColumns: 5, gap: 3, paddingX: 3, paddingY: 2, children: [
+    /* @__PURE__ */ jsx(Flex, { gridColumnStart: 1, gridColumnEnd: 3, align: "center", children: /* @__PURE__ */ jsx(LocaleLabel, { localeId }) }),
+    /* @__PURE__ */ jsxs(Flex, { gridColumnStart: 3, gridColumnEnd: 5, align: "center", gap: 2, children: [
+      (state === "translating" || isBusy) && /* @__PURE__ */ jsx(Spinner, { size: 1, muted: !0 }),
+      /* @__PURE__ */ jsx(Text, { size: 1, muted: state !== "ready", children: isBusy ? "Importing\u2026" : STATE_LABEL[state] })
     ] }),
-    /* @__PURE__ */ jsx(Flex, { columnStart: 5, columnEnd: 6, align: "center", justify: "flex-end", children: state === "imported" ? /* @__PURE__ */ jsx(Badge, { tone: "positive", fontSize: 0, radius: 2, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, children: [
-      /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
-      /* @__PURE__ */ jsx(Box, { children: "Imported" })
-    ] }) }) : /* @__PURE__ */ jsx(
-      Button,
+    /* @__PURE__ */ jsx(
+      Flex,
       {
-        style: { width: "100%" },
-        mode: "ghost",
-        fontSize: 1,
-        padding: 2,
-        onClick: handleImport,
-        text: "Import",
-        loading: isBusy,
-        icon: DownloadIcon,
-        disabled: isBusy || state !== "ready"
+        gridColumnStart: 5,
+        gridColumnEnd: 6,
+        align: "center",
+        justify: "flex-end",
+        children: state === "imported" ? /* @__PURE__ */ jsx(Badge, { tone: "positive", fontSize: 0, radius: 2, children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 1, children: [
+          /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
+          /* @__PURE__ */ jsx(Box, { children: "Imported" })
+        ] }) }) : /* @__PURE__ */ jsx(
+          Button,
+          {
+            style: { width: "100%" },
+            mode: "ghost",
+            fontSize: 1,
+            padding: 2,
+            onClick: handleImport,
+            text: isBusy ? "Importing\u2026" : "Import",
+            loading: isBusy,
+            icon: DownloadIcon,
+            disabled: isBusy || state !== "ready"
+          }
+        )
       }
-    ) })
+    )
   ] });
 };
 function resolveLanguageStatusState({
@@ -2983,6 +3034,7 @@ const LocaleCheckbox = ({
     locales,
     translationStatuses,
     pendingTranslations,
+    importingTranslations,
     branchId,
     isBusy,
     handleTranslateAll,
@@ -3092,10 +3144,10 @@ const LocaleCheckbox = ({
     );
     setLocales(updatedLocales);
   }, [locales, setLocales]);
-  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxs(Stack, { space: 6, padding: 4, children: [
-    /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxs(Stack, { gap: 6, padding: 4, children: [
+    /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
       /* @__PURE__ */ jsx(Text, { as: "h2", weight: "semibold", size: 2, children: "Translate" }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
           /* @__PURE__ */ jsx(Text, { weight: "semibold", size: 1, children: availableLocales.length === 1 ? "Select locale" : "Select locales" }),
           /* @__PURE__ */ jsx(
@@ -3109,7 +3161,7 @@ const LocaleCheckbox = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(Grid, { columns: [1, 1, 2, 3], gap: 1, children: locales.filter(
+        /* @__PURE__ */ jsx(Grid, { gridTemplateColumns: [1, 1, 2, 3], gap: 1, children: locales.filter(
           (locale) => locale.localeId !== pluginConfig.getSourceLocale()
         ).map((locale) => /* @__PURE__ */ jsx(
           LocaleCheckbox,
@@ -3144,7 +3196,7 @@ const LocaleCheckbox = ({
         }
       }
     ),
-    documentId && versionId && statusLocales.length > 0 && /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+    documentId && versionId && statusLocales.length > 0 && /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
         /* @__PURE__ */ jsx(Text, { as: "h2", weight: "semibold", size: 2, children: "Translation Status" }),
         /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
@@ -3189,6 +3241,7 @@ const LocaleCheckbox = ({
               isImported,
               isPending: pendingTranslations.has(key)
             }),
+            isImporting: importingTranslations.has(key),
             importFile: async () => {
               !isImported && status?.isReady && await handleImportDocument(
                 documentId,
@@ -3200,7 +3253,7 @@ const LocaleCheckbox = ({
           key
         );
       }) }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "flex-start", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -3438,6 +3491,7 @@ const DocumentRow = ({ document: document2 }) => {
     locales,
     translationStatuses,
     pendingTranslations,
+    importingTranslations,
     downloadStatus,
     importedTranslations,
     handleImportDocument,
@@ -3465,7 +3519,7 @@ const DocumentRow = ({ document: document2 }) => {
         ] })
       }
     ),
-    /* @__PURE__ */ jsx(Box, { paddingY: 1, children: enabledLocales.length > 0 ? /* @__PURE__ */ jsx(Stack, { space: 1, children: enabledLocales.map((locale) => {
+    /* @__PURE__ */ jsx(Box, { paddingY: 1, children: enabledLocales.length > 0 ? /* @__PURE__ */ jsx(Stack, { gap: 1, children: enabledLocales.map((locale) => {
       const versionId = getVersionId(document2), key = createTranslationStatusKey(
         branchId,
         publishedId,
@@ -3481,6 +3535,7 @@ const DocumentRow = ({ document: document2 }) => {
             isImported: isImported || isDownloaded,
             isPending: pendingTranslations.has(key)
           }),
+          isImporting: importingTranslations.has(key),
           importFile: async () => {
             await handleImportDocument(
               publishedId,
@@ -3495,7 +3550,7 @@ const DocumentRow = ({ document: document2 }) => {
   ] });
 }, TranslationsTable = () => {
   const { documents, loadingDocuments } = useTranslations();
-  return loadingDocuments ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(Box, { style: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { space: 2, children: documents.map((document2) => /* @__PURE__ */ jsx(DocumentRow, { document: document2 }, document2._id)) }) });
+  return loadingDocuments ? /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsx(Spinner, {}) }) : /* @__PURE__ */ jsx(Box, { style: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ jsx(Stack, { gap: 2, children: documents.map((document2) => /* @__PURE__ */ jsx(DocumentRow, { document: document2 }, document2._id)) }) });
 }, TranslateAllDialog = ({
   isOpen,
   onClose
@@ -3522,8 +3577,8 @@ const DocumentRow = ({ document: document2 }) => {
           }
         )
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
-        /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+        /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
           /* @__PURE__ */ jsxs(Text, { children: [
             "Are you sure you want to create translations for all",
             " ",
@@ -3548,7 +3603,7 @@ const DocumentRow = ({ document: document2 }) => {
                   onChange: (event) => setForce(event.currentTarget.checked)
                 }
               ),
-              /* @__PURE__ */ jsxs(Stack, { space: 2, flex: 1, children: [
+              /* @__PURE__ */ jsxs(Stack, { gap: 2, flex: 1, children: [
                 /* @__PURE__ */ jsx(Text, { size: 1, weight: "medium", children: /* @__PURE__ */ jsx("label", { htmlFor: "translate-all-force", children: "Retranslate from scratch" }) }),
                 /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: force ? "Existing translations will be discarded and regenerated. Edits made to translated documents will be lost." : "Leave unchecked to reuse existing translations, including edits made to translated documents in the Studio." })
               ] })
@@ -3575,7 +3630,7 @@ const DocumentRow = ({ document: document2 }) => {
           onClose(), await handleImportAll();
         } })
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Text, { children: [
           "Are you sure you want to import translations for all",
           " ",
@@ -3603,7 +3658,7 @@ const DocumentRow = ({ document: document2 }) => {
           onClose(), await handleImportMissing();
         } })
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsx(Text, { children: "Import only the missing translations (translations that are ready but haven't been imported to Sanity yet)?" }),
         /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will check existing translation metadata and only import translations that don't already exist in your dataset." })
       ] }) })
@@ -3626,7 +3681,7 @@ const DocumentRow = ({ document: document2 }) => {
           onClose(), await handleUploadExistingTranslations();
         } })
       ] }) }),
-      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Text, { children: [
           "Save the translations currently in Sanity for all ",
           documents.length,
@@ -3661,6 +3716,7 @@ const DocumentRow = ({ document: document2 }) => {
     loadingDocuments,
     importProgress,
     importedTranslations,
+    pendingTranslations,
     isRefreshing,
     setAutoRefresh,
     preserveExistingTranslations,
@@ -3687,11 +3743,11 @@ const DocumentRow = ({ document: document2 }) => {
   React.useEffect(() => {
     !isBusy && !importProgress.isImporting && setCurrentOperation(null);
   }, [isBusy, importProgress.isImporting]);
-  const enabledLocaleCount = locales.filter((l) => l.enabled !== !1).length, totalTranslations = documents.length * enabledLocaleCount, actionsDisabled = isBusy || loadingDocuments || documents.length === 0;
+  const isWaitingOnTranslations = pendingTranslations.size > 0, enabledLocaleCount = locales.filter((l) => l.enabled !== !1).length, totalTranslations = documents.length * enabledLocaleCount, actionsDisabled = isBusy || loadingDocuments || documents.length === 0;
   return /* @__PURE__ */ jsxs(Container, { width: 2, children: [
-    /* @__PURE__ */ jsx(Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxs(Stack, { space: 5, children: [
+    /* @__PURE__ */ jsx(Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxs(Stack, { gap: 5, children: [
       /* @__PURE__ */ jsxs(Flex, { align: "flex-start", justify: "space-between", gap: 4, children: [
-        /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
           /* @__PURE__ */ jsx(Heading, { as: "h2", size: 3, children: "Translations" }),
           /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "Manage your document translations from this centralized location." })
         ] }),
@@ -3699,16 +3755,16 @@ const DocumentRow = ({ document: document2 }) => {
           Button,
           {
             icon: TranslateIcon,
-            text: "Translate All",
-            loading: isBusy && currentOperation === "Translate All",
+            text: isWaitingOnTranslations ? "Translating\u2026" : "Translate All",
+            loading: isBusy && currentOperation === "Translate All" || isWaitingOnTranslations,
             onClick: () => {
               setCurrentOperation("Translate All"), setIsTranslateAllDialogOpen(!0);
             },
-            disabled: actionsDisabled
+            disabled: actionsDisabled || isWaitingOnTranslations
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", gap: 3, children: [
           /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: loadingDocuments ? "Loading documents..." : `${documents.length} ${documents.length === 1 ? "document" : "documents"} available for translation` }),
           /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
@@ -3751,7 +3807,7 @@ const DocumentRow = ({ document: document2 }) => {
         ] }),
         /* @__PURE__ */ jsx(TranslationsTable, {})
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+      /* @__PURE__ */ jsxs(Stack, { gap: 3, children: [
         /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "space-between", children: [
           /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", wrap: "wrap", children: [
             /* @__PURE__ */ jsx(
@@ -3997,13 +4053,13 @@ function gtStructureItems(S, context, options = {}) {
     return S.listItem().id(`gt-${type}`).title(title).child(
       S.list().id(`gt-${type}-locales`).title(title).items([
         S.listItem().id(`gt-${type}-${sourceLocale}`).title(options.sourceTitle ?? localeLabel(sourceLocale)).child(
-          S.documentList().id(`gt-${type}-${sourceLocale}-list`).title(options.sourceTitle ?? localeLabel(sourceLocale)).schemaType(type).filter(sourceFilter).params({ type, locale: sourceLocale })
+          S.documentList().id(`gt-${type}-${sourceLocale}-list`).title(options.sourceTitle ?? localeLabel(sourceLocale)).schemaType(type).apiVersion(SANITY_API_VERSION).filter(sourceFilter).params({ type, locale: sourceLocale })
         ),
         S.divider(),
         ...targetLocales.map((locale) => {
           const paneTitle = titleFor(title, locale, localeLabel(locale));
           return S.listItem().id(`gt-${type}-${locale}`).title(paneTitle).child(
-            S.documentList().id(`gt-${type}-${locale}-list`).title(paneTitle).schemaType(type).filter(localeFilter).params({ type, locale })
+            S.documentList().id(`gt-${type}-${locale}-list`).title(paneTitle).schemaType(type).apiVersion(SANITY_API_VERSION).filter(localeFilter).params({ type, locale })
           );
         })
       ])