gt-sanity 2.0.13 → 2.0.15

package/dist/index.js

@@ -1,14 +1,25 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var documentInternationalization = require("@sanity/document-internationalization"), jsxRuntime = require("react/jsx-runtime"), ui = require("@sanity/ui"), theme$1 = require("@sanity/ui/theme"), o = require("react"), sanity = require("sanity"), generaltranslation = require("generaltranslation"), internal = require("generaltranslation/internal"), blockTools = require("@portabletext/block-tools"), schema = require("@sanity/schema"), toHtml = require("@portabletext/to-html"), merge = require("lodash.merge"), jsonpathPlus = require("jsonpath-plus"), JSONPointer = require("jsonpointer"), mutator = require("@sanity/mutator"), icons = require("@sanity/icons"), router = require("sanity/router");
-function _interopDefaultCompat(e) {
-  return e && typeof e == "object" && "default" in e ? e : { default: e };
-}
-var o__default = /* @__PURE__ */ _interopDefaultCompat(o), merge__default = /* @__PURE__ */ _interopDefaultCompat(merge), JSONPointer__default = /* @__PURE__ */ _interopDefaultCompat(JSONPointer);
-const useClient = () => sanity.useClient({ apiVersion: "2025-09-15" });
+import { documentInternationalization } from "@sanity/document-internationalization";
+import { DocumentInternationalizationMenu, documentInternationalization as documentInternationalization2, useDeleteTranslationAction, useDocumentInternationalizationContext, useDuplicateWithTranslationsAction } from "@sanity/document-internationalization";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { ThemeProvider, ToastProvider, Box, Flex, Spinner, Card, Text, useToast, Label, Grid, Button, Switch, Stack, Tooltip, Dialog, Container, Heading } from "@sanity/ui";
+import { buildTheme } from "@sanity/ui/theme";
+import o, { useState, useEffect, createContext, useRef, useCallback, useContext, useDebugValue, createElement, useMemo } from "react";
+import { useClient as useClient$1, useSchema, definePlugin } from "sanity";
+import { GT, getLocaleProperties } from "generaltranslation";
+import { libraryDefaultLocale } from "generaltranslation/internal";
+import { htmlToBlocks } from "@portabletext/block-tools";
+import { Schema } from "@sanity/schema";
+import { toHTML } from "@portabletext/to-html";
+import merge from "lodash.merge";
+import { JSONPath } from "jsonpath-plus";
+import JSONPointer from "jsonpointer";
+import { extractWithPath, arrayToJSONMatchPath } from "@sanity/mutator";
+import { CheckmarkCircleIcon, DownloadIcon, LinkIcon, PublishIcon, TranslateIcon } from "@sanity/icons";
+import { Link, route } from "sanity/router";
+const useClient = () => useClient$1({ apiVersion: "2025-09-15" });
 function useSecrets(id) {
-  const [loading, setLoading] = o.useState(!0), [secrets, setSecrets] = o.useState(null), client = useClient();
-  return o.useEffect(() => {
+  const [loading, setLoading] = useState(!0), [secrets, setSecrets] = useState(null), client = useClient();
+  return useEffect(() => {
     function fetchData() {
       client.fetch("* [_id == $id][0]", { id }).then((doc) => {
         const result = {};
@@ -20,7 +31,7 @@ function useSecrets(id) {
     fetchData();
   }, [id, client]), { loading, secrets };
 }
-const SECRETS_NAMESPACE = "generaltranslation.secrets", gt = new generaltranslation.GT();
+const SECRETS_NAMESPACE = "generaltranslation.secrets", gt = new GT();
 function overrideConfig(secrets) {
   gt.setConfig({
     ...secrets?.project && { projectId: secrets?.project },
@@ -50,7 +61,7 @@ class GTConfig {
     return this.instance || (this.instance = new GTConfig(
       SECRETS_NAMESPACE,
       "language",
-      gt.sourceLocale || internal.libraryDefaultLocale,
+      gt.sourceLocale || libraryDefaultLocale,
       [],
       [],
       () => "",
@@ -110,18 +121,18 @@ class GTConfig {
     return this.additionalBlockDeserializers;
   }
 }
-const pluginConfig = GTConfig.getInstance(), theme = theme$1.buildTheme(), BaseTranslationWrapper = ({
+const pluginConfig = GTConfig.getInstance(), theme = buildTheme(), BaseTranslationWrapper = ({
   children,
   secretsNamespace = pluginConfig.getSecretsNamespace(),
   padding = 4,
   showContainer = !0
 }) => {
-  const { loading: loadingSecrets, secrets } = useSecrets(secretsNamespace), content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    loadingSecrets && /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { padding: 5, align: "center", justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }),
-    !loadingSecrets && !secrets && /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { tone: "caution", padding: [2, 3, 4, 4], shadow: 1, radius: 2, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Can't find secrets for your translation service. Did you load them into this dataset?" }) }) }),
+  const { loading: loadingSecrets, secrets } = useSecrets(secretsNamespace), content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    loadingSecrets && /* @__PURE__ */ jsx(Flex, { padding: 5, align: "center", justify: "center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
+    !loadingSecrets && !secrets && /* @__PURE__ */ jsx(Box, { padding, children: /* @__PURE__ */ jsx(Card, { tone: "caution", padding: [2, 3, 4, 4], shadow: 1, radius: 2, children: /* @__PURE__ */ jsx(Text, { children: "Can't find secrets for your translation service. Did you load them into this dataset?" }) }) }),
     !loadingSecrets && secrets && children
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.ThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(ui.ToastProvider, { paddingY: 7, children: showContainer ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding, children: content }) : content }) });
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme, children: /* @__PURE__ */ jsx(ToastProvider, { paddingY: 7, children: showContainer ? /* @__PURE__ */ jsx(Box, { padding, children: content }) : content }) });
 }, reconcileArray = (origArray, translatedArray) => {
   if (translatedArray && translatedArray.some((el) => typeof el == "string"))
     return translatedArray;
@@ -152,12 +163,12 @@ const pluginConfig = GTConfig.getInstance(), theme = theme$1.buildTheme(), BaseT
   const merged = {};
   return ["_rev", "_id", "_type"].forEach((metaKey) => {
     translatedFields[metaKey] && (merged[metaKey] = translatedFields[metaKey]);
-  }), mutator.extractWithPath(`..${baseLang}`, translatedFields).forEach((match2) => {
-    const origVal = mutator.extractWithPath(
-      mutator.arrayToJSONMatchPath(match2.path),
+  }), extractWithPath(`..${baseLang}`, translatedFields).forEach((match2) => {
+    const origVal = extractWithPath(
+      arrayToJSONMatchPath(match2.path),
       baseDoc
-    )[0].value, translatedVal = mutator.extractWithPath(
-      mutator.arrayToJSONMatchPath(match2.path),
+    )[0].value, translatedVal = extractWithPath(
+      arrayToJSONMatchPath(match2.path),
       translatedFields
     )[0].value;
     let valToPatch;
@@ -171,14 +182,14 @@ const pluginConfig = GTConfig.getInstance(), theme = theme$1.buildTheme(), BaseT
       localeId.replace("-", "_")
       // replace it with our locale
     ];
-    merged[mutator.arrayToJSONMatchPath(destinationPath)] = valToPatch;
+    merged[arrayToJSONMatchPath(destinationPath)] = valToPatch;
   }), merged;
 }, documentLevelMerge = (translatedFields, baseDoc) => reconcileObject(baseDoc, translatedFields), BaseDocumentMerger = {
   fieldLevelMerge,
   documentLevelMerge,
   reconcileArray,
   reconcileObject
-}, defaultSchema = schema.Schema.compile({
+}, defaultSchema = Schema.compile({
   name: "default",
   types: [
     {
@@ -194,7 +205,7 @@ const pluginConfig = GTConfig.getInstance(), theme = theme$1.buildTheme(), BaseT
     }
   ]
 }), blockContentType = defaultSchema.get("default").fields.find((field) => field.name === "block").type, preprocess = (html) => {
-  const intermediateBlocks = blockTools.htmlToBlocks(
+  const intermediateBlocks = htmlToBlocks(
     `<p>${html}</p>`,
     blockContentType
   );
@@ -286,7 +297,7 @@ const defaultStopTypes = [
     deserialize(el, next2) {
       if (!el.hasChildNodes() || !el.getAttribute("data-gt-internal"))
         return;
-      const { html, data } = detachGTData(el.outerHTML), block = blockTools.htmlToBlocks(html, blockContentType)[0], children = next2(el.childNodes);
+      const { html, data } = detachGTData(el.outerHTML), block = htmlToBlocks(html, blockContentType)[0], children = next2(el.childNodes);
       let markDefs = [];
       return "markDefs" in block && (markDefs = block.markDefs ?? []), data?.markDef && markDefs.push(data.markDef), children && children.forEach((child) => {
         child.marks = data?.markDef?._key ? [...child.marks || [], data.markDef._key] : [...child.marks || []];
@@ -304,7 +315,7 @@ const defaultStopTypes = [
         return;
       const style = el.getAttribute("data-style") ?? "";
       return {
-        ...blockTools.htmlToBlocks(el.outerHTML, blockContentType)[0],
+        ...htmlToBlocks(el.outerHTML, blockContentType)[0],
         style,
         children: next2(el.childNodes)
       };
@@ -325,10 +336,10 @@ const defaultStopTypes = [
       if (!listItem)
         return;
       const level = el.getAttribute("data-level") && parseInt(el.getAttribute("data-level") || "0", 10), _key = el.id;
-      let block = blockTools.htmlToBlocks(parent.outerHTML, blockContentType)[0];
+      let block = htmlToBlocks(parent.outerHTML, blockContentType)[0];
       const customStyle = el.children?.[0]?.getAttribute("data-style");
       if (new RegExp(/<("[^"]*"|'[^']*'|[^'">])*>/).test(el.innerHTML)) {
-        const newBlock = blockTools.htmlToBlocks(el.innerHTML, blockContentType)[0];
+        const newBlock = htmlToBlocks(el.innerHTML, blockContentType)[0];
         if (newBlock && (block = {
           ...block,
           ...newBlock,
@@ -391,7 +402,7 @@ const defaultStopTypes = [
   const filteredObj = { _type: obj._type }, fieldFilterFunc = (field) => field.localize === !1 ? !1 : field.type === "string" || field.type === "text" || Array.isArray(obj[field.name]) ? !0 : !stopTypes.includes(field.type);
   return [
     ...META_FIELDS$1,
-    ...objFields?.filter(fieldFilterFunc)?.map((field) => field.name)
+    ...objFields.filter(fieldFilterFunc).map((field) => field.name)
   ].forEach((field) => {
     obj[field] && (filteredObj[field] = obj[field]);
   }), filteredObj;
@@ -400,12 +411,12 @@ const defaultStopTypes = [
     if (stopTypes.includes(obj._type))
       return "";
     if (serializers.types && Object.keys(serializers.types).includes(obj._type))
-      return toHtml.toHTML([obj], { components: serializers });
+      return toHTML([obj], { components: serializers });
     if (obj._type === "span" || obj._type === "block")
-      return toHtml.toHTML(obj, { components: serializers });
+      return toHTML(obj, { components: serializers });
     let fieldNames = Object.keys(obj).filter((key) => key !== "_type");
-    const schema2 = getSchema(obj._type);
-    schema2 && schema2.fields && (fieldNames = schema2.fields.map((field) => field.name).filter((schemaKey) => Object.keys(obj).includes(schemaKey))), typeof obj == "object" && !obj._type && (obj._type = "");
+    const schema = getSchema(obj._type);
+    schema && schema.fields && (fieldNames = schema.fields.map((field) => field.name).filter((schemaKey) => Object.keys(obj).includes(schemaKey))), typeof obj == "object" && !obj._type && (obj._type = "");
     const newSerializationMethods = {}, tempType = `${obj._type}__temp_type__${Math.random().toString(36).substring(7)}`, objToSerialize = { _type: tempType };
     META_FIELDS.filter((f2) => f2 !== "_type").forEach((field) => {
       objToSerialize[field] = obj[field];
@@ -446,7 +457,7 @@ const defaultStopTypes = [
     };
     let serializedBlock = "";
     try {
-      serializedBlock = toHtml.toHTML(objToSerialize, {
+      serializedBlock = toHTML(objToSerialize, {
         components: {
           ...serializers,
           types: {
@@ -465,16 +476,16 @@ const defaultStopTypes = [
     const output = fieldContent.filter(
       (block) => !stopTypes.includes(block._type)
     ).map((block) => {
-      const schema2 = getSchema(block._type);
-      return schema2 && schema2.fields ? fieldFilter(block, schema2.fields, stopTypes) : block;
+      const schema = getSchema(block._type);
+      return schema && schema.fields ? fieldFilter(block, schema.fields, stopTypes) : block;
     }).map((obj) => typeof obj == "string" ? `<span>${obj}</span>` : serializeObject(obj, stopTypes, serializers));
     return `<div class="${fieldName}" data-type="array">${output.join("")}</div>`;
   };
   return {
     serializeDocument: (doc, translationLevel = "document", baseLang = "en", stopTypes = defaultStopTypes, serializers = customSerializers) => {
-      const schema2 = getSchema(doc._type);
+      const schema = getSchema(doc._type);
       let filteredObj = {};
-      translationLevel === "field" ? filteredObj = languageObjectFieldFilter(doc, baseLang) : filteredObj = fieldFilter(doc, schema2?.fields ?? [], stopTypes);
+      translationLevel === "field" ? filteredObj = languageObjectFieldFilter(doc, baseLang) : filteredObj = fieldFilter(doc, schema?.fields ?? [], stopTypes);
       const serializedFields = {};
       for (const key in filteredObj) {
         if (filteredObj.hasOwnProperty(key) === !1) continue;
@@ -538,7 +549,7 @@ const deserializeArray = (arrayHTML, deserializers = customDeserializers, blockD
         child,
         deserializers,
         blockDeserializers
-      ), deserializedObject._key = child.id) : (deserializedObject = blockTools.htmlToBlocks(child.outerHTML, blockContentType, {
+      ), deserializedObject._key = child.id) : (deserializedObject = htmlToBlocks(child.outerHTML, blockContentType, {
         rules: blockDeserializers
       }), deserializedObject = mergeBlocks(deserializedObject), deserializedObject._key = child.id);
     } catch (e) {
@@ -606,7 +617,7 @@ function forEachMatchingField(documentId, document2, fields, callback) {
       for (const field of entry.fields) {
         const { property, type } = field;
         try {
-          const results = jsonpathPlus.JSONPath({
+          const results = JSONPath({
             json: document2,
             path: property,
             resultType: "all",
@@ -639,9 +650,9 @@ function applyDocuments(documentId, sourceDocument, targetDocument, ignore, skip
   for (const [key, value] of Object.entries(clonedTarget))
     mergedDocument[key] = value;
   return forEachMatchingField(documentId, sourceDocument, ignore, (result) => {
-    JSONPointer__default.default.set(mergedDocument, result.pointer, result.value);
+    JSONPointer.set(mergedDocument, result.pointer, result.value);
   }), forEachMatchingField(documentId, sourceDocument, dedupe, (result) => {
-    JSONPointer__default.default.set(
+    JSONPointer.set(
       mergedDocument,
       result.pointer,
       dedupeFieldValue(result.value, localeId)
@@ -686,7 +697,7 @@ function createStableTranslationKey(branchId, documentId, localeId) {
   return branchId ? `${branchId}:${publishedId}:${localeId}` : `${publishedId}:${localeId}`;
 }
 function deserializeDocument(document2) {
-  const deserializers = merge__default.default(
+  const deserializers = merge(
     { types: {} },
     pluginConfig.getAdditionalDeserializers()
   ), blockDeserializers = [
@@ -699,11 +710,11 @@ function deserializeDocument(document2) {
     blockDeserializers
   );
 }
-function serializeDocument(document2, schema2, baseLanguage) {
+function serializeDocument(document2, schema, baseLanguage) {
   const stopTypes = [
     ...defaultStopTypes,
     ...pluginConfig.getAdditionalStopTypes()
-  ], serializers = merge__default.default(
+  ], serializers = merge(
     customSerializers,
     pluginConfig.getAdditionalSerializers()
   ), docToSerialize = stripIgnoredFields(
@@ -711,7 +722,7 @@ function serializeDocument(document2, schema2, baseLanguage) {
     pluginConfig.getIgnoreFields(),
     pluginConfig.getDedupeFields()
   );
-  return BaseDocumentSerializer(schema2).serializeDocument(
+  return BaseDocumentSerializer(schema).serializeDocument(
     docToSerialize,
     "document",
     baseLanguage,
@@ -737,12 +748,12 @@ async function uploadFiles(documents, secrets) {
         fileName: `sanity/${info.documentId}`,
         fileId: info.documentId,
         fileFormat: "HTML",
-        locale: gt.sourceLocale || internal.libraryDefaultLocale,
+        locale: gt.sourceLocale || libraryDefaultLocale,
         versionId: info.versionId || void 0
       }
     })),
     {
-      sourceLocale: gt.sourceLocale || internal.libraryDefaultLocale
+      sourceLocale: gt.sourceLocale || libraryDefaultLocale
     }
   );
 }
@@ -780,7 +791,7 @@ async function initProject(uploadResult, options, secrets) {
 }
 async function createJobs(uploadResult, localeIds, secrets) {
   return overrideConfig(secrets), await gt.enqueueFiles(uploadResult.uploadedFiles, {
-    sourceLocale: gt.sourceLocale || internal.libraryDefaultLocale,
+    sourceLocale: gt.sourceLocale || libraryDefaultLocale,
     targetLocales: localeIds
   });
 }
@@ -959,7 +970,7 @@ async function patchI18nDoc(sourceDocumentId, i18nDocId, sourceDocument, mergedD
     existingDocument,
     dedupeFields,
     (result) => {
-      JSONPointer__default.default.set(appliedDocument, result.pointer, result.value);
+      JSONPointer.set(appliedDocument, result.pointer, result.value);
     }
   ), await client.patch(i18nDocId, { set: appliedDocument }).commit();
 }
@@ -1252,12 +1263,12 @@ async function publishTranslations(documentIds, client) {
     }
   ), publishedDocumentIds;
 }
-const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) => ({
+const getLocales = async (_secrets) => pluginConfig.getLocales().map((locale) => ({
   localeId: locale,
   description: gt.getLocaleProperties(locale).name,
   enabled: !0
-})), TranslationsContext = o.createContext(null), useTranslations = () => {
-  const context = o.useContext(TranslationsContext);
+})), TranslationsContext = createContext(null), useTranslations = () => {
+  const context = useContext(TranslationsContext);
   if (!context)
     throw new Error("useTranslations must be used within TranslationsProvider");
   return context;
@@ -1265,25 +1276,25 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
   children,
   singleDocument
 }) => {
-  const [isBusy, setIsBusy] = o.useState(!1), [documents, setDocuments] = o.useState([]), [locales, setLocales] = o.useState([]), [autoRefresh, setAutoRefresh] = o.useState(!1), [autoImport, setAutoImport] = o.useState(!1), [autoPatchReferences, setAutoPatchReferences] = o.useState(!1), [autoPublish, setAutoPublish] = o.useState(!1), [loadingDocuments, setLoadingDocuments] = o.useState(!1), [importProgress, setImportProgress] = o.useState({
+  const [isBusy, setIsBusy] = useState(!1), [documents, setDocuments] = useState([]), [locales, setLocales] = useState([]), [autoRefresh, setAutoRefresh] = useState(!1), [autoImport, setAutoImport] = useState(!1), [autoPatchReferences, setAutoPatchReferences] = useState(!1), [autoPublish, setAutoPublish] = useState(!1), [loadingDocuments, setLoadingDocuments] = useState(!1), [importProgress, setImportProgress] = useState({
     current: 0,
     total: 0,
     isImporting: !1
-  }), [importedTranslations, setImportedTranslations] = o.useState(
+  }), [importedTranslations, setImportedTranslations] = useState(
     /* @__PURE__ */ new Set()
-  ), [existingTranslations, setExistingTranslations] = o.useState(
+  ), [existingTranslations, setExistingTranslations] = useState(
     /* @__PURE__ */ new Set()
-  ), [downloadStatus, setDownloadStatus] = o.useState({
+  ), [downloadStatus, setDownloadStatus] = useState({
     downloaded: /* @__PURE__ */ new Set(),
     failed: /* @__PURE__ */ new Set(),
     skipped: /* @__PURE__ */ new Set()
-  }), downloadStatusRef = o.useRef(downloadStatus), [translationStatuses, setTranslationStatuses] = o.useState(/* @__PURE__ */ new Map()), [isRefreshing, setIsRefreshing] = o.useState(!1), client = useClient(), schema2 = sanity.useSchema(), translationContext = { client, schema: schema2 }, toast = ui.useToast(), { loading: loadingSecrets, secrets } = useSecrets(
+  }), downloadStatusRef = useRef(downloadStatus), [translationStatuses, setTranslationStatuses] = useState(/* @__PURE__ */ new Map()), [isRefreshing, setIsRefreshing] = useState(!1), client = useClient(), schema = useSchema(), translationContext = { client, schema }, toast = useToast(), { loading: loadingSecrets, secrets } = useSecrets(
     pluginConfig.getSecretsNamespace()
-  ), [branchId, setBranchId] = o.useState(void 0);
-  o.useEffect(() => {
+  ), [branchId, setBranchId] = useState(void 0);
+  useEffect(() => {
     downloadStatusRef.current = downloadStatus;
   }, [downloadStatus]);
-  const fetchDocuments = o.useCallback(async () => {
+  const fetchDocuments = useCallback(async () => {
     setLoadingDocuments(!0);
     try {
       if (singleDocument) {
@@ -1304,7 +1315,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     } finally {
       setLoadingDocuments(!1);
     }
-  }, [client, singleDocument]), fetchLocales = o.useCallback(async () => {
+  }, [client, singleDocument]), fetchLocales = useCallback(async () => {
     if (secrets)
       try {
         const availableLocales = await getLocales(secrets);
@@ -1316,7 +1327,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
           closable: !0
         });
       }
-  }, [secrets]), fetchExistingTranslations = o.useCallback(async () => {
+  }, [secrets]), fetchExistingTranslations = useCallback(async () => {
     if (!(!documents.length || !locales.length))
       try {
         const sourceLocale = pluginConfig.getSourceLocale(), availableLocaleIds = locales.filter((locale) => locale.enabled !== !1).map((locale) => locale.localeId), documentIds = documents.map(getDocumentPublishedId), existingMetadata = await client.fetch(`*[
@@ -1348,7 +1359,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
           closable: !0
         });
       }
-  }, [documents, locales, client]), handleTranslateAll = o.useCallback(async () => {
+  }, [documents, locales, client]), handleTranslateAll = useCallback(async () => {
     if (!(!secrets || documents.length === 0)) {
       setIsBusy(!0);
       try {
@@ -1357,7 +1368,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
           try {
             const serialized = serializeDocument(
               cleanDoc,
-              schema2,
+              schema,
               baseLanguage
             );
             return {
@@ -1387,7 +1398,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
         setIsBusy(!1);
       }
     }
-  }, [secrets, documents, locales, schema2]), handleImportAll = o.useCallback(async () => {
+  }, [secrets, documents, locales, schema]), handleImportAll = useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsBusy(!0);
       try {
@@ -1450,7 +1461,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     downloadStatus,
     translationContext,
     branchId
-  ]), getExistingTranslations = o.useCallback(
+  ]), getExistingTranslations = useCallback(
     async (documentIds, localeIds, branchId2) => {
       const sourceLocale = pluginConfig.getSourceLocale(), existingMetadata = await client.fetch(`*[
       _type == 'translation.metadata' &&
@@ -1477,7 +1488,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
       }), existing;
     },
     [client]
-  ), handleImportMissing = o.useCallback(async () => {
+  ), handleImportMissing = useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsBusy(!0);
       try {
@@ -1554,7 +1565,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     translationContext,
     getExistingTranslations,
     branchId
-  ]), handleGetBranchId = o.useCallback(
+  ]), handleGetBranchId = useCallback(
     async (secrets2) => {
       overrideConfig(secrets2);
       const defaultBranch = await gt.createBranch({
@@ -1564,7 +1575,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
       setBranchId(defaultBranch.branch.id);
     },
     [secrets]
-  ), handleRefreshAll = o.useCallback(async () => {
+  ), handleRefreshAll = useCallback(async () => {
     if (!(!secrets || documents.length === 0 || !branchId)) {
       setIsRefreshing(!0);
       try {
@@ -1584,7 +1595,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
           downloadStatusRef.current,
           secrets
         );
-        setTranslationStatuses((prevStatuses) => {
+        setTranslationStatuses(() => {
           const newStatuses = /* @__PURE__ */ new Map();
           for (const doc of documents)
             for (const localeId of availableLocaleIds) {
@@ -1631,7 +1642,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
         setIsRefreshing(!1);
       }
     }
-  }, [secrets, documents, locales, branchId]), handleImportDocument = o.useCallback(
+  }, [secrets, documents, locales, branchId]), handleImportDocument = useCallback(
     async (documentId, versionId, localeId) => {
       if (!secrets) return;
       const key = createTranslationStatusKey(
@@ -1718,7 +1729,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
       }
     },
     [secrets, documents, translationContext, translationStatuses, branchId]
-  ), handlePatchDocumentReferences = o.useCallback(async () => {
+  ), handlePatchDocumentReferences = useCallback(async () => {
     if (!secrets || documents.length === 0) return 0;
     setIsBusy(!0);
     try {
@@ -1792,7 +1803,7 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     } finally {
       setIsBusy(!1), setImportProgress({ current: 0, total: 0, isImporting: !1 });
     }
-  }, [secrets, documents, locales, client, branchId]), handlePublishAllTranslations = o.useCallback(async () => {
+  }, [secrets, documents, locales, client, branchId]), handlePublishAllTranslations = useCallback(async () => {
     if (!secrets || documents.length === 0) return 0;
     setIsBusy(!0);
     try {
@@ -1848,13 +1859,13 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
       setIsBusy(!1);
     }
   }, [secrets, documents, client, branchId]);
-  o.useEffect(() => {
+  useEffect(() => {
     fetchDocuments();
-  }, [fetchDocuments]), o.useEffect(() => {
+  }, [fetchDocuments]), useEffect(() => {
     secrets && fetchLocales();
-  }, [fetchLocales, secrets]), o.useEffect(() => {
+  }, [fetchLocales, secrets]), useEffect(() => {
     documents.length > 0 && locales.length > 0 && fetchExistingTranslations();
-  }, [fetchExistingTranslations]), o.useEffect(() => {
+  }, [fetchExistingTranslations]), useEffect(() => {
     documents.length > 0 && locales.length > 0 && secrets && !loadingDocuments && branchId && handleRefreshAll();
   }, [
     documents,
@@ -1863,15 +1874,15 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     loadingDocuments,
     branchId,
     handleRefreshAll
-  ]), o.useEffect(() => {
+  ]), useEffect(() => {
     if (!autoRefresh || documents.length === 0 || !secrets) return;
     const interval = setInterval(async () => {
       await handleRefreshAll();
     }, 1e4);
     return () => clearInterval(interval);
-  }, [autoRefresh, documents.length, secrets, handleRefreshAll]), o.useEffect(() => {
+  }, [autoRefresh, documents.length, secrets, handleRefreshAll]), useEffect(() => {
     setImportedTranslations(new Set(downloadStatus.downloaded));
-  }, [downloadStatus.downloaded]), o.useEffect(() => {
+  }, [downloadStatus.downloaded]), useEffect(() => {
     secrets && handleGetBranchId(secrets);
   }, [secrets, handleGetBranchId]);
   const contextValue = {
@@ -1907,12 +1918,12 @@ const getLocales = async (secrets) => pluginConfig.getLocales().map((locale) =>
     handlePatchDocumentReferences,
     handlePublishAllTranslations
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(TranslationsContext.Provider, { value: contextValue, children });
+  return /* @__PURE__ */ jsx(TranslationsContext.Provider, { value: contextValue, children });
 };
 function ProgressBar({ progress }) {
-  return typeof progress > "u" ? (console.warn("No progress prop passed to ProgressBar"), null) : /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { border: !0, radius: 2, style: { width: "100%", position: "relative" }, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Flex,
+  return typeof progress > "u" ? (console.warn("No progress prop passed to ProgressBar"), null) : /* @__PURE__ */ jsxs(Card, { border: !0, radius: 2, style: { width: "100%", position: "relative" }, children: [
+    /* @__PURE__ */ jsx(
+      Flex,
       {
         style: {
           position: "absolute",
@@ -1924,14 +1935,14 @@ function ProgressBar({ progress }) {
         },
         align: "center",
         justify: "center",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Label, { size: 1, children: [
+        children: /* @__PURE__ */ jsxs(Label, { size: 1, children: [
           progress,
           "%"
         ] })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Card,
+    /* @__PURE__ */ jsx(
+      Card,
       {
         style: {
           width: "100%",
@@ -1952,7 +1963,7 @@ const LanguageStatus = ({
   importFile,
   isImported = !1
 }) => {
-  const [isBusy, setIsBusy] = o.useState(!1), displayedProgress = isImported && progress < 100 ? 100 : progress, handleImport = o.useCallback(async () => {
+  const [isBusy, setIsBusy] = useState(!1), displayedProgress = isImported && progress < 100 ? 100 : progress, handleImport = useCallback(async () => {
     setIsBusy(!0);
     try {
       await importFile();
@@ -1960,20 +1971,20 @@ const LanguageStatus = ({
       setIsBusy(!1);
     }
   }, [importFile, setIsBusy]);
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { shadow: 1, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Grid, { columns: 5, gap: 3, padding: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { columnStart: 1, columnEnd: 3, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "bold", size: 1, children: title }) }),
-    typeof displayedProgress == "number" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { columnStart: 3, columnEnd: 5, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { progress: displayedProgress }) }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { columnStart: 5, columnEnd: 6, children: isImported ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "center", style: { color: "green" }, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(icons.CheckmarkCircleIcon, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, style: { marginLeft: "4px" }, children: "Imported" })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-      ui.Button,
+  return /* @__PURE__ */ jsx(Card, { shadow: 1, children: /* @__PURE__ */ jsxs(Grid, { columns: 5, gap: 3, padding: 3, children: [
+    /* @__PURE__ */ jsx(Flex, { columnStart: 1, columnEnd: 3, align: "center", children: /* @__PURE__ */ jsx(Text, { weight: "bold", size: 1, children: title }) }),
+    typeof displayedProgress == "number" ? /* @__PURE__ */ jsx(Flex, { columnStart: 3, columnEnd: 5, align: "center", children: /* @__PURE__ */ jsx(ProgressBar, { progress: displayedProgress }) }) : null,
+    /* @__PURE__ */ jsx(Box, { columnStart: 5, columnEnd: 6, children: isImported ? /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "center", style: { color: "green" }, children: [
+      /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
+      /* @__PURE__ */ jsx(Text, { size: 1, style: { marginLeft: "4px" }, children: "Imported" })
+    ] }) : /* @__PURE__ */ jsx(
+      Button,
       {
         style: { width: "100%" },
         mode: "ghost",
         onClick: handleImport,
         text: isBusy ? "Importing..." : "Import",
-        icon: isBusy ? null : icons.DownloadIcon,
+        icon: isBusy ? null : DownloadIcon,
         disabled: isBusy || !progress || progress < 100
       }
     ) })
@@ -2577,7 +2588,7 @@ var unitlessKeys = {
 }, f = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", m = "active", y = "data-styled-version", v = "6.1.19", g = `/*!sc*/
 `, S = typeof window < "u" && typeof document < "u", w = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), E = /invalid hook call/i, N = /* @__PURE__ */ new Set(), P = function(t, n) {
   if (process.env.NODE_ENV !== "production") {
-    var o$1 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o$1, ` has been created dynamically.
+    var o2 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o2, ` has been created dynamically.
 `) + `You may see this warning because you've called styled inside another component.
 To resolve this only create new StyledComponents outside of any render method and function component.
 See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
@@ -2585,9 +2596,9 @@ See https://styled-components.com/docs/basics#define-styled-components-outside-o
     try {
       var a = !0;
       console.error = function(t2) {
-        for (var n2 = [], o2 = 1; o2 < arguments.length; o2++) n2[o2 - 1] = arguments[o2];
+        for (var n2 = [], o3 = 1; o3 < arguments.length; o3++) n2[o3 - 1] = arguments[o3];
         E.test(t2) ? (a = !1, N.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, !1));
-      }, o.useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
+      }, useRef(), a && !N.has(s) && (console.warn(s), N.add(s));
     } catch (e) {
       E.test(e.message) && N.delete(s);
     } finally {
@@ -2925,10 +2936,10 @@ function Fe(e) {
     return t2.name || he(15), z(e2, t2.name);
   }, F).toString() : "", p;
 }
-var ze = new ke(), Me = Fe(), $e = o__default.default.createContext({ shouldForwardProp: void 0, styleSheet: ze, stylis: Me });
-o__default.default.createContext(void 0);
+var ze = new ke(), Me = Fe(), $e = o.createContext({ shouldForwardProp: void 0, styleSheet: ze, stylis: Me });
+o.createContext(void 0);
 function Le() {
-  return o.useContext($e);
+  return useContext($e);
 }
 var qe = (function() {
   function e(e2, t) {
@@ -3016,7 +3027,7 @@ var Ke = M(v), Qe = (function() {
     }
     return o2;
   }, e;
-})(), et = o__default.default.createContext(void 0), rt = {}, st = /* @__PURE__ */ new Set();
+})(), et = o.createContext(void 0), rt = {}, st = /* @__PURE__ */ new Set();
 function it(e, r, s) {
   var i = se(e), a = e, c = !G(e), p = r.attrs, d = p === void 0 ? _ : p, h = r.componentId, f2 = h === void 0 ? (function(e2, t) {
     var n = typeof e2 != "string" ? "sc" : R(e2);
@@ -3038,8 +3049,8 @@ function it(e, r, s) {
   var N2 = new Qe(s, g2, i ? a.componentStyle : void 0);
   function O2(e2, r2) {
     return (function(e3, r3, s2) {
-      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p2 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = o__default.default.useContext(et), m3 = Le(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && o.useDebugValue(d2);
+      var i2 = e3.attrs, a2 = e3.componentStyle, c2 = e3.defaultProps, p2 = e3.foldedComponentIds, d2 = e3.styledComponentId, h2 = e3.target, f3 = o.useContext(et), m3 = Le(), y3 = e3.shouldForwardProp || m3.shouldForwardProp;
+      process.env.NODE_ENV !== "production" && useDebugValue(d2);
       var v2 = I(r3, f3, c2) || C, g3 = (function(e4, n, o2) {
         for (var r4, s3 = __assign(__assign({}, n), { className: void 0, theme: o2 }), i3 = 0; i3 < e4.length; i3 += 1) {
           var a3 = re(r4 = e4[i3]) ? r4(s3) : r4;
@@ -3049,16 +3060,16 @@ function it(e, r, s) {
       })(i2, r3, v2), S3 = g3.as || h2, w3 = {};
       for (var b2 in g3) g3[b2] === void 0 || b2[0] === "$" || b2 === "as" || b2 === "theme" && g3.theme === v2 || (b2 === "forwardedAs" ? w3.as = g3.forwardedAs : y3 && !y3(b2, S3) || (w3[b2] = g3[b2], y3 || process.env.NODE_ENV !== "development" || isPropValid(b2) || st.has(b2) || !A.has(S3) || (st.add(b2), console.warn('styled-components: it looks like an unknown prop "'.concat(b2, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
       var E3 = (function(e4, t) {
-        var n = Le(), o$1 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return process.env.NODE_ENV !== "production" && o.useDebugValue(o$1), o$1;
+        var n = Le(), o2 = e4.generateAndInjectStyles(t, n.styleSheet, n.stylis);
+        return process.env.NODE_ENV !== "production" && useDebugValue(o2), o2;
       })(a2, g3);
       process.env.NODE_ENV !== "production" && e3.warnTooManyClasses && e3.warnTooManyClasses(E3);
       var N3 = ie(p2, d2);
-      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[G(S3) && !A.has(S3) ? "class" : "className"] = N3, s2 && (w3.ref = s2), o.createElement(S3, w3);
+      return E3 && (N3 += " " + E3), g3.className && (N3 += " " + g3.className), w3[G(S3) && !A.has(S3) ? "class" : "className"] = N3, s2 && (w3.ref = s2), createElement(S3, w3);
     })(D2, e2, r2);
   }
   O2.displayName = y2;
-  var D2 = o__default.default.forwardRef(O2);
+  var D2 = o.forwardRef(O2);
   return D2.attrs = S2, D2.componentStyle = N2, D2.displayName = y2, D2.shouldForwardProp = w2, D2.foldedComponentIds = i ? ie(a.foldedComponentIds, a.styledComponentId) : "", D2.styledComponentId = g2, D2.target = i ? a.target : e, Object.defineProperty(D2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e2) {
@@ -3126,34 +3137,34 @@ var wt = "__sc-".concat(f, "__");
 process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[wt] || (window[wt] = 0), window[wt] === 1 && console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
 
 See https://s-c.sh/2BAXzed for more info.`), window[wt] += 1);
-const WrapText = dt(ui.Box)`
+const WrapText = dt(Box)`
   white-space: normal;
 `, LocaleCheckbox = ({
   locale,
   toggle,
   checked
 }) => {
-  const onClick = o.useCallback(
+  const onClick = useCallback(
     () => toggle(locale.localeId, !checked),
     [locale.localeId, toggle, checked]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Button,
+  return /* @__PURE__ */ jsx(
+    Button,
     {
       mode: "ghost",
       onClick,
       style: { cursor: "pointer" },
       radius: 2,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", gap: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Switch,
+      children: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 3, children: [
+        /* @__PURE__ */ jsx(
+          Switch,
           {
             style: { pointerEvents: "none" },
             onChange: onClick,
             checked
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(WrapText, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, weight: "semibold", children: locale.description }) })
+        /* @__PURE__ */ jsx(WrapText, { children: /* @__PURE__ */ jsx(Text, { size: 1, weight: "semibold", children: locale.description }) })
       ] })
     }
   );
@@ -3180,16 +3191,16 @@ const WrapText = dt(ui.Box)`
     setAutoPatchReferences,
     autoPublish,
     setAutoPublish
-  } = useTranslations(), [isImporting, setIsImporting] = o.useState(!1), [isPublishing, setIsPublishing] = o.useState(!1), toast = ui.useToast(), document2 = documents[0], currentDocumentLanguage = o.useMemo(() => {
+  } = useTranslations(), [isImporting, setIsImporting] = useState(!1), [isPublishing, setIsPublishing] = useState(!1), toast = useToast(), document2 = documents[0], currentDocumentLanguage = useMemo(() => {
     if (!document2) return null;
     const languageField = pluginConfig.getLanguageField();
     return document2[languageField] || pluginConfig.getSourceLocale();
-  }, [document2]), shouldShowTranslationComponents = o.useMemo(() => currentDocumentLanguage ? currentDocumentLanguage === pluginConfig.getSourceLocale() : !1, [currentDocumentLanguage]), availableLocales = o.useMemo(() => {
+  }, [document2]), shouldShowTranslationComponents = useMemo(() => currentDocumentLanguage ? currentDocumentLanguage === pluginConfig.getSourceLocale() : !1, [currentDocumentLanguage]), availableLocales = useMemo(() => {
     const sourceLocale = pluginConfig.getSourceLocale();
     return locales.filter(
       (locale) => locale.enabled !== !1 && locale.localeId !== sourceLocale
     );
-  }, [locales]), documentId = o.useMemo(() => document2 ? getDocumentPublishedId(document2) : null, [document2]), handleImportTranslations = o.useCallback(
+  }, [locales]), documentId = useMemo(() => document2 ? getDocumentPublishedId(document2) : null, [document2]), handleImportTranslations = useCallback(
     async (options = {}) => {
       const { autoOnly = !1 } = options;
       if (isImporting || !documentId || autoOnly && !autoImport) return;
@@ -3230,12 +3241,12 @@ const WrapText = dt(ui.Box)`
       toast
     ]
   );
-  o.useEffect(() => {
+  useEffect(() => {
     handleImportTranslations({ autoOnly: !0 });
-  }, [handleImportTranslations]), o.useEffect(() => {
+  }, [handleImportTranslations]), useEffect(() => {
     setAutoRefresh(!0), setAutoPatchReferences(!0), setAutoPublish(!0);
   }, [setAutoRefresh, setAutoPatchReferences, setAutoPublish]);
-  const toggleLocale = o.useCallback(
+  const toggleLocale = useCallback(
     (localeId, shouldEnable) => {
       const updatedLocales = locales.map(
         (locale) => locale.localeId === localeId ? { ...locale, enabled: shouldEnable } : locale
@@ -3243,7 +3254,7 @@ const WrapText = dt(ui.Box)`
       setLocales(updatedLocales);
     },
     [locales, setLocales]
-  ), toggleAllLocales = o.useCallback(() => {
+  ), toggleAllLocales = useCallback(() => {
     const sourceLocale = pluginConfig.getSourceLocale(), allEnabled = locales.filter(
       (locale) => locale.localeId !== sourceLocale
     ).every(
@@ -3253,14 +3264,14 @@ const WrapText = dt(ui.Box)`
     );
     setLocales(updatedLocales);
   }, [locales, setLocales]);
-  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 6, padding: 4, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h2", weight: "semibold", size: 2, children: "Generate Translations" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", size: 1, children: availableLocales.length === 1 ? "Select locale" : "Select locales" }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
+  return shouldShowTranslationComponents ? /* @__PURE__ */ jsxs(Stack, { space: 6, padding: 4, children: [
+    /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+      /* @__PURE__ */ jsx(Text, { as: "h2", weight: "semibold", size: 2, children: "Generate Translations" }),
+      /* @__PURE__ */ jsxs(Stack, { space: 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(
+            Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3269,9 +3280,9 @@ const WrapText = dt(ui.Box)`
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Grid, { columns: [1, 1, 2, 3], gap: 1, children: locales.filter(
+        /* @__PURE__ */ jsx(Grid, { columns: [1, 1, 2, 3], gap: 1, children: locales.filter(
           (locale) => locale.localeId !== pluginConfig.getSourceLocale()
-        ).map((locale) => /* @__PURE__ */ jsxRuntime.jsx(
+        ).map((locale) => /* @__PURE__ */ jsx(
           LocaleCheckbox,
           {
             locale,
@@ -3281,8 +3292,8 @@ const WrapText = dt(ui.Box)`
           locale.localeId
         )) })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ui.Button,
+      /* @__PURE__ */ jsx(
+        Button,
         {
           onClick: () => {
             setAutoImport(!0), handleTranslateAll();
@@ -3293,22 +3304,22 @@ const WrapText = dt(ui.Box)`
         }
       )
     ] }),
-    documentId && availableLocales.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "h2", weight: "semibold", size: 2, children: "Translation Status" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-refresh" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Switch,
+    documentId && availableLocales.length > 0 && /* @__PURE__ */ jsxs(Stack, { space: 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: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-refresh" }),
+            /* @__PURE__ */ jsx(
+              Switch,
               {
                 checked: autoRefresh,
                 onChange: () => setAutoRefresh(!autoRefresh)
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
+          /* @__PURE__ */ jsx(
+            Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3319,14 +3330,14 @@ const WrapText = dt(ui.Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: availableLocales.map((locale) => {
+      /* @__PURE__ */ jsx(Box, { children: availableLocales.map((locale) => {
         const key = createTranslationStatusKey(
           branchId,
           documentId,
           document2._rev,
           locale.localeId
         ), status = translationStatuses.get(key), progress = status?.progress || 0, isImported = importedTranslations.has(key);
-        return /* @__PURE__ */ jsxRuntime.jsx(
+        return /* @__PURE__ */ jsx(
           LanguageStatus,
           {
             title: locale.description,
@@ -3343,17 +3354,17 @@ const WrapText = dt(ui.Box)`
           key
         );
       }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Button,
+      /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", justify: "space-between", children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsx(
+              Button,
               {
                 mode: "ghost",
                 tone: "primary",
                 onClick: () => handleImportTranslations(),
                 text: isImporting ? "Importing..." : "Import All",
-                icon: icons.DownloadIcon,
+                icon: DownloadIcon,
                 disabled: isImporting || availableLocales.every((locale) => {
                   const key = createTranslationStatusKey(
                     branchId,
@@ -3366,19 +3377,19 @@ const WrapText = dt(ui.Box)`
                 style: { minWidth: "180px" }
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Switch,
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx(
+                Switch,
                 {
                   checked: autoImport,
                   onChange: () => setAutoImport(!autoImport),
                   disabled: isImporting
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-import when complete" })
+              /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-import when complete" })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, children: [
+          /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
             "Imported",
             " ",
             availableLocales.filter((locale) => {
@@ -3402,14 +3413,14 @@ const WrapText = dt(ui.Box)`
             }).length
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", justify: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Tooltip,
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "flex-start", children: [
+          /* @__PURE__ */ jsx(
+            Tooltip,
             {
               placement: "top",
               content: `Replaces references to ${pluginConfig.getSourceLocale()} documents in this document with the corresponding translated document reference`,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
+              children: /* @__PURE__ */ jsx(
+                Button,
                 {
                   mode: "ghost",
                   tone: "caution",
@@ -3417,33 +3428,33 @@ const WrapText = dt(ui.Box)`
                     await handlePatchDocumentReferences();
                   },
                   text: isBusy ? "Patching..." : "Patch References",
-                  icon: isBusy ? null : icons.LinkIcon,
+                  icon: isBusy ? null : LinkIcon,
                   disabled: isBusy || isImporting,
                   style: { minWidth: "180px" }
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Switch,
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
               {
                 checked: autoPatchReferences,
                 onChange: () => setAutoPatchReferences(!autoPatchReferences),
                 disabled: isImporting || isBusy
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-patch after import" })
+            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-patch after import" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", justify: "flex-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Tooltip,
+        /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "flex-start", children: [
+          /* @__PURE__ */ jsx(
+            Tooltip,
             {
               placement: "top",
               content: "Publishes all translations (if the source document is published)",
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
+              children: /* @__PURE__ */ jsx(
+                Button,
                 {
                   mode: "ghost",
                   tone: "positive",
@@ -3456,48 +3467,48 @@ const WrapText = dt(ui.Box)`
                     }
                   },
                   text: isPublishing ? "Publishing..." : "Publish Translations",
-                  icon: isPublishing ? null : icons.PublishIcon,
+                  icon: isPublishing ? null : PublishIcon,
                   disabled: isBusy || isPublishing || isImporting,
                   style: { minWidth: "180px" }
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Switch,
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
               {
                 checked: autoPublish,
                 onChange: () => setAutoPublish(!autoPublish),
                 disabled: isPublishing || isImporting || isBusy
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-publish after import" })
+            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-publish after import" })
           ] })
         ] })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, tone: "neutral", border: !0, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, muted: !0, children: [
+  ] }) : /* @__PURE__ */ jsx(Card, { padding: 4, tone: "neutral", border: !0, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
     "Translation tools are only available for",
     " ",
-    /* @__PURE__ */ jsxRuntime.jsx("code", { children: pluginConfig.getSourceLocale() }),
+    /* @__PURE__ */ jsx("code", { children: pluginConfig.getSourceLocale() }),
     " documents."
   ] }) });
 }, TranslationTab = (props) => {
   const { displayed } = props.document;
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { singleDocument: displayed, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationView, {}) }) });
+  return /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { singleDocument: displayed, children: /* @__PURE__ */ jsx(TranslationView, {}) }) });
 }, translateAction = (props) => {
-  const [dialogOpen, setDialogOpen] = o.useState(!1), document2 = props.draft || props.published;
+  const [dialogOpen, setDialogOpen] = useState(!1), document2 = props.draft || props.published;
   return {
     label: "Translate",
-    icon: icons.TranslateIcon,
+    icon: TranslateIcon,
     tone: "primary",
     onHandle: () => setDialogOpen(!0),
     dialog: dialogOpen ? {
       type: "dialog",
       header: "Translations",
       onClose: () => setDialogOpen(!1),
-      content: /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { singleDocument: document2, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationView, {}) }) })
+      content: /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { singleDocument: document2, children: /* @__PURE__ */ jsx(TranslationView, {}) }) })
     } : null
   };
 }, TranslationsTable = () => {
@@ -3511,19 +3522,19 @@ const WrapText = dt(ui.Box)`
     handleImportDocument,
     branchId
   } = useTranslations();
-  return loadingDocuments ? /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { align: "center", justify: "center", padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, {}) }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { style: { maxHeight: "60vh", overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: documents.map((document2) => /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { shadow: 1, padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { flex: 1, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { weight: "semibold", size: 1, children: getDocumentPublishedId(document2) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 0, muted: !0, style: { marginTop: "2px" }, children: document2._type })
+  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(Card, { shadow: 1, padding: 3, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+    /* @__PURE__ */ jsx(Flex, { justify: "space-between", align: "flex-start", children: /* @__PURE__ */ jsxs(Box, { flex: 1, children: [
+      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: 1, children: getDocumentPublishedId(document2) }),
+      /* @__PURE__ */ jsx(Text, { size: 0, muted: !0, style: { marginTop: "2px" }, children: document2._type })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 2, children: locales.length > 0 ? locales.filter((locale) => locale.enabled !== !1).map((locale) => {
+    /* @__PURE__ */ jsx(Stack, { space: 2, children: locales.length > 0 ? locales.filter((locale) => locale.enabled !== !1).map((locale) => {
       const documentId = getDocumentPublishedId(document2), key = createTranslationStatusKey(
         branchId,
         documentId,
         document2._rev,
         locale.localeId
       ), status = translationStatuses.get(key), isDownloaded = downloadStatus.downloaded.has(key), isImported = importedTranslations.has(key);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsx(
         LanguageStatus,
         {
           title: locale.description || locale.localeId,
@@ -3539,40 +3550,40 @@ const WrapText = dt(ui.Box)`
         },
         `${document2._id}-${document2._rev}-${locale.localeId}`
       );
-    }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "No locales configured" }) })
+    }) : /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No locales configured" }) })
   ] }) }, document2._id)) }) });
 }, TranslateAllDialog = ({
   isOpen,
   onClose
 }) => {
-  const { documents, handleTranslateAll } = useTranslations(), handleConfirm = async () => {
-    onClose(), await handleTranslateAll();
-  };
-  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Dialog,
+  const { documents, handleTranslateAll } = useTranslations();
+  return isOpen ? /* @__PURE__ */ jsx(
+    Dialog,
     {
       header: "Confirm Translation",
       id: "translate-all-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
+      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsx(
+          Button,
           {
             text: "Translate All",
             tone: "critical",
-            onClick: handleConfirm
+            onClick: async () => {
+              onClose(), await handleTranslateAll();
+            }
           }
         )
       ] }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
           "Are you sure you want to create translations for all",
           " ",
           documents.length,
           " documents?"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will submit all documents to General Translation for processing." })
+        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will submit all documents to General Translation for processing." })
       ] }) })
     }
   ) : null;
@@ -3580,27 +3591,27 @@ const WrapText = dt(ui.Box)`
   isOpen,
   onClose
 }) => {
-  const { documents, handleImportAll } = useTranslations(), handleConfirm = async () => {
-    onClose(), await handleImportAll();
-  };
-  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Dialog,
+  const { documents, handleImportAll } = useTranslations();
+  return isOpen ? /* @__PURE__ */ jsx(
+    Dialog,
     {
       header: "Confirm Import",
       id: "import-all-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Import All", tone: "critical", onClick: handleConfirm })
+      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsx(Button, { text: "Import All", tone: "critical", onClick: async () => {
+          onClose(), await handleImportAll();
+        } })
       ] }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { children: [
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+        /* @__PURE__ */ jsxs(Text, { children: [
           "Are you sure you want to import translations for all",
           " ",
           documents.length,
           " documents?"
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will download and apply translated content to your documents. Note that this will overwrite any existing translations!" })
+        /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "This will download and apply translated content to your documents. Note that this will overwrite any existing translations!" })
       ] }) })
     }
   ) : null;
@@ -3608,29 +3619,29 @@ const WrapText = dt(ui.Box)`
   isOpen,
   onClose
 }) => {
-  const { handleImportMissing } = useTranslations(), handleConfirm = async () => {
-    onClose(), await handleImportMissing();
-  };
-  return isOpen ? /* @__PURE__ */ jsxRuntime.jsx(
-    ui.Dialog,
+  const { handleImportMissing } = useTranslations();
+  return isOpen ? /* @__PURE__ */ jsx(
+    Dialog,
     {
       header: "Confirm Import Missing",
       id: "import-missing-dialog",
       onClose,
-      footer: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
+      footer: /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(Flex, { gap: 2, children: [
+        /* @__PURE__ */ jsx(Button, { text: "Cancel", mode: "ghost", onClick: onClose }),
+        /* @__PURE__ */ jsx(
+          Button,
           {
             text: "Import Missing",
             tone: "primary",
-            onClick: handleConfirm
+            onClick: async () => {
+              onClose(), await handleImportMissing();
+            }
           }
         )
       ] }) }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Import only the missing translations (translations that are ready but haven't been imported to Sanity yet)?" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: "This will check existing translation metadata and only import translations that don't already exist in your dataset." })
+      children: /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsxs(Stack, { space: 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." })
       ] }) })
     }
   ) : null;
@@ -3639,9 +3650,9 @@ const WrapText = dt(ui.Box)`
   current,
   total,
   operationName
-}) => isActive ? /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { justify: "center", align: "center", gap: 3, children: [
-  /* @__PURE__ */ jsxRuntime.jsx(ui.Spinner, { size: 1 }),
-  /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, children: [
+}) => isActive ? /* @__PURE__ */ jsxs(Flex, { justify: "center", align: "center", gap: 3, children: [
+  /* @__PURE__ */ jsx(Spinner, { size: 1 }),
+  /* @__PURE__ */ jsxs(Text, { size: 1, children: [
     operationName,
     " ",
     current,
@@ -3650,7 +3661,7 @@ const WrapText = dt(ui.Box)`
     "..."
   ] })
 ] }) : null, TranslationsToolContent = () => {
-  const [isTranslateAllDialogOpen, setIsTranslateAllDialogOpen] = o.useState(!1), [isImportAllDialogOpen, setIsImportAllDialogOpen] = o.useState(!1), [isImportMissingDialogOpen, setIsImportMissingDialogOpen] = o.useState(!1), {
+  const [isTranslateAllDialogOpen, setIsTranslateAllDialogOpen] = useState(!1), [isImportAllDialogOpen, setIsImportAllDialogOpen] = useState(!1), [isImportMissingDialogOpen, setIsImportMissingDialogOpen] = useState(!1), {
     isBusy,
     documents,
     locales,
@@ -3663,7 +3674,7 @@ const WrapText = dt(ui.Box)`
     handleRefreshAll,
     handlePatchDocumentReferences,
     handlePublishAllTranslations
-  } = useTranslations(), [currentOperation, setCurrentOperation] = o.useState(null), getOperationText = (operationName, isProcessing) => {
+  } = useTranslations(), [currentOperation, setCurrentOperation] = useState(null), getOperationText = (operationName, isProcessing) => {
     if (!isProcessing || !operationName) return operationName;
     switch (operationName) {
       case "Translate All":
@@ -3693,28 +3704,28 @@ const WrapText = dt(ui.Box)`
         return "Processing";
     }
   };
-  return o__default.default.useEffect(() => {
+  return o.useEffect(() => {
     !isBusy && !importProgress.isImporting && setCurrentOperation(null);
-  }, [isBusy, importProgress.isImporting]), /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { width: 2, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { align: "center", justify: "space-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { as: "h2", size: 3, children: "Translations" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 2, children: "Manage your document translations from this centralized location." })
+  }, [isBusy, importProgress.isImporting]), /* @__PURE__ */ jsxs(Container, { width: 2, children: [
+    /* @__PURE__ */ jsx(Box, { padding: 4, marginTop: 5, children: /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", justify: "space-between", children: [
+        /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+          /* @__PURE__ */ jsx(Heading, { as: "h2", size: 3, children: "Translations" }),
+          /* @__PURE__ */ jsx(Text, { size: 2, children: "Manage your document translations from this centralized location." })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "Auto-refresh" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              ui.Switch,
+        /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+            /* @__PURE__ */ jsx(Text, { size: 1, children: "Auto-refresh" }),
+            /* @__PURE__ */ jsx(
+              Switch,
               {
                 checked: autoRefresh,
                 onChange: () => setAutoRefresh(!autoRefresh)
               }
             )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Button,
+          /* @__PURE__ */ jsx(
+            Button,
             {
               fontSize: 1,
               padding: 2,
@@ -3725,10 +3736,10 @@ const WrapText = dt(ui.Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, muted: !0, children: loadingDocuments ? "Loading documents..." : `Found ${documents.length} documents available for translation` }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Flex, { justify: "center", children: /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
+      /* @__PURE__ */ jsxs(Stack, { space: 4, children: [
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: loadingDocuments ? "Loading documents..." : `Found ${documents.length} documents available for translation` }) }),
+        /* @__PURE__ */ jsx(Flex, { justify: "center", children: /* @__PURE__ */ jsx(
+          Button,
           {
             style: { width: "200px" },
             tone: "critical",
@@ -3742,17 +3753,17 @@ const WrapText = dt(ui.Box)`
             disabled: isBusy || loadingDocuments || documents.length === 0
           }
         ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TranslationsTable, {}),
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 3, align: "center", justify: "space-between", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Tooltip,
+        /* @__PURE__ */ jsx(TranslationsTable, {}),
+        /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 3, align: "center", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
+              /* @__PURE__ */ jsx(
+                Tooltip,
                 {
                   placement: "top",
                   content: "Imports and overrides all translations",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
+                  children: /* @__PURE__ */ jsx(
+                    Button,
                     {
                       mode: "ghost",
                       onClick: () => {
@@ -3762,19 +3773,19 @@ const WrapText = dt(ui.Box)`
                         "Import All",
                         isBusy && currentOperation === "Import All"
                       ),
-                      icon: isBusy && currentOperation === "Import All" ? null : icons.DownloadIcon,
+                      icon: isBusy && currentOperation === "Import All" ? null : DownloadIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Tooltip,
+              /* @__PURE__ */ jsx(
+                Tooltip,
                 {
                   placement: "top",
                   content: "Imports all translations that are not yet imported (according to the source document's translation.metadata document)",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
+                  children: /* @__PURE__ */ jsx(
+                    Button,
                     {
                       mode: "ghost",
                       tone: "primary",
@@ -3785,19 +3796,19 @@ const WrapText = dt(ui.Box)`
                         "Import Missing",
                         isBusy && currentOperation === "Import Missing"
                       ),
-                      icon: isBusy && currentOperation === "Import Missing" ? null : icons.DownloadIcon,
+                      icon: isBusy && currentOperation === "Import Missing" ? null : DownloadIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Tooltip,
+              /* @__PURE__ */ jsx(
+                Tooltip,
                 {
                   placement: "top",
                   content: "Replaces references in documents with the corresponding translated document reference",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
+                  children: /* @__PURE__ */ jsx(
+                    Button,
                     {
                       mode: "ghost",
                       tone: "caution",
@@ -3808,19 +3819,19 @@ const WrapText = dt(ui.Box)`
                         "Patch Document References",
                         isBusy && currentOperation === "Patch Document References"
                       ),
-                      icon: isBusy && currentOperation === "Patch Document References" ? null : icons.LinkIcon,
+                      icon: isBusy && currentOperation === "Patch Document References" ? null : LinkIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Tooltip,
+              /* @__PURE__ */ jsx(
+                Tooltip,
                 {
                   placement: "top",
                   content: "Publishes all translations whose source document is published",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    ui.Button,
+                  children: /* @__PURE__ */ jsx(
+                    Button,
                     {
                       mode: "ghost",
                       tone: "positive",
@@ -3831,17 +3842,17 @@ const WrapText = dt(ui.Box)`
                         "Publish Translations",
                         isBusy && currentOperation === "Publish Translations"
                       ),
-                      icon: isBusy && currentOperation === "Publish Translations" ? null : icons.PublishIcon,
+                      icon: isBusy && currentOperation === "Publish Translations" ? null : PublishIcon,
                       disabled: isBusy || loadingDocuments || documents.length === 0
                     }
                   )
                 }
               ),
-              importedTranslations.size === documents.length * locales.filter((l) => l.enabled !== !1).length && documents.length > 0 && locales.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(ui.Flex, { gap: 2, align: "center", style: { color: "green" }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.CheckmarkCircleIcon, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { size: 1, children: "All translations imported" })
+              importedTranslations.size === documents.length * locales.filter((l) => l.enabled !== !1).length && documents.length > 0 && locales.length > 0 && /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", style: { color: "green" }, children: [
+                /* @__PURE__ */ jsx(CheckmarkCircleIcon, {}),
+                /* @__PURE__ */ jsx(Text, { size: 1, children: "All translations imported" })
               ] }),
-              importedTranslations.size > 0 && importedTranslations.size < documents.length * locales.filter((l) => l.enabled !== !1).length && /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 1, style: { color: "#666" }, children: [
+              importedTranslations.size > 0 && importedTranslations.size < documents.length * locales.filter((l) => l.enabled !== !1).length && /* @__PURE__ */ jsxs(Text, { size: 1, style: { color: "#666" }, children: [
                 importedTranslations.size,
                 "/",
                 documents.length * locales.filter((l) => l.enabled !== !1).length,
@@ -3849,9 +3860,9 @@ const WrapText = dt(ui.Box)`
                 "imported"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, {})
+            /* @__PURE__ */ jsx(Box, {})
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsx(
             BatchProgress,
             {
               isActive: importProgress.isImporting,
@@ -3862,28 +3873,28 @@ const WrapText = dt(ui.Box)`
           )
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { size: 2, children: [
+      /* @__PURE__ */ jsxs(Text, { size: 2, children: [
         "For more information, see the",
         " ",
-        /* @__PURE__ */ jsxRuntime.jsx(router.Link, { href: "https://dash.generaltranslation.com", children: "General Translation Dashboard" }),
+        /* @__PURE__ */ jsx(Link, { href: "https://dash.generaltranslation.com", children: "General Translation Dashboard" }),
         "."
       ] })
     ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsx(
       TranslateAllDialog,
       {
         isOpen: isTranslateAllDialogOpen,
         onClose: () => setIsTranslateAllDialogOpen(!1)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsx(
       ImportAllDialog,
       {
         isOpen: isImportAllDialogOpen,
         onClose: () => setIsImportAllDialogOpen(!1)
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsx(
       ImportMissingDialog,
       {
         isOpen: isImportMissingDialogOpen,
@@ -3891,7 +3902,7 @@ const WrapText = dt(ui.Box)`
       }
     )
   ] });
-}, TranslationsTool = () => /* @__PURE__ */ jsxRuntime.jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(TranslationsToolContent, {}) }) }), gtPlugin = sanity.definePlugin(
+}, TranslationsTool = () => /* @__PURE__ */ jsx(BaseTranslationWrapper, { showContainer: !1, children: /* @__PURE__ */ jsx(TranslationsProvider, { children: /* @__PURE__ */ jsx(TranslationsToolContent, {}) }) }), gtPlugin = definePlugin(
   ({
     languageField = "language",
     sourceLocale,
@@ -3913,7 +3924,7 @@ const WrapText = dt(ui.Box)`
     additionalBlockDeserializers = [],
     showDocumentInternationalization = !0
   }) => {
-    const resolvedSourceLocale = sourceLocale ?? defaultLocale ?? internal.libraryDefaultLocale;
+    const resolvedSourceLocale = sourceLocale ?? defaultLocale ?? libraryDefaultLocale;
     let normalizedTranslateDocuments;
     translateDocuments && (normalizedTranslateDocuments = translateDocuments.map((entry) => typeof entry == "string" ? { type: entry } : entry).filter((filter2) => filter2.documentId || filter2.type)), pluginConfig.init(
       secretsNamespace,
@@ -3942,11 +3953,11 @@ const WrapText = dt(ui.Box)`
       const schemaTypes = normalizedTranslateDocuments?.map((filter2) => filter2.type).filter((type) => !!type) ?? [];
       if (schemaTypes.length > 0) {
         const supportedLanguages = [resolvedSourceLocale, ...locales].map((locale) => {
-          const props = generaltranslation.getLocaleProperties(locale, resolvedSourceLocale);
+          const props = getLocaleProperties(locale, resolvedSourceLocale);
           return { id: locale, title: props.name };
         });
         plugins.push(
-          documentInternationalization.documentInternationalization({
+          documentInternationalization({
             supportedLanguages,
             schemaTypes,
             languageField
@@ -3962,7 +3973,7 @@ const WrapText = dt(ui.Box)`
           name: "translations",
           title: "Translations",
           component: TranslationsTool,
-          router: router.route.create("/*")
+          router: route.create("/*")
         }
       ],
       document: {
@@ -3971,45 +3982,22 @@ const WrapText = dt(ui.Box)`
     };
   }
 );
-Object.defineProperty(exports, "DocumentInternationalizationMenu", {
-  enumerable: !0,
-  get: function() {
-    return documentInternationalization.DocumentInternationalizationMenu;
-  }
-});
-Object.defineProperty(exports, "documentInternationalization", {
-  enumerable: !0,
-  get: function() {
-    return documentInternationalization.documentInternationalization;
-  }
-});
-Object.defineProperty(exports, "useDeleteTranslationAction", {
-  enumerable: !0,
-  get: function() {
-    return documentInternationalization.useDeleteTranslationAction;
-  }
-});
-Object.defineProperty(exports, "useDocumentInternationalizationContext", {
-  enumerable: !0,
-  get: function() {
-    return documentInternationalization.useDocumentInternationalizationContext;
-  }
-});
-Object.defineProperty(exports, "useDuplicateWithTranslationsAction", {
-  enumerable: !0,
-  get: function() {
-    return documentInternationalization.useDuplicateWithTranslationsAction;
-  }
-});
-exports.BaseDocumentDeserializer = BaseDocumentDeserializer;
-exports.BaseDocumentMerger = BaseDocumentMerger;
-exports.BaseDocumentSerializer = BaseDocumentSerializer;
-exports.TranslationsTab = TranslationTab;
-exports.attachGTData = attachGTData;
-exports.customSerializers = customSerializers;
-exports.defaultStopTypes = defaultStopTypes;
-exports.detachGTData = detachGTData;
-exports.findLatestDraft = findLatestDraft;
-exports.gtPlugin = gtPlugin;
-exports.translateAction = translateAction;
+export {
+  BaseDocumentDeserializer,
+  BaseDocumentMerger,
+  BaseDocumentSerializer,
+  DocumentInternationalizationMenu,
+  TranslationTab as TranslationsTab,
+  attachGTData,
+  customSerializers,
+  defaultStopTypes,
+  detachGTData,
+  documentInternationalization2 as documentInternationalization,
+  findLatestDraft,
+  gtPlugin,
+  translateAction,
+  useDeleteTranslationAction,
+  useDocumentInternationalizationContext,
+  useDuplicateWithTranslationsAction
+};
 //# sourceMappingURL=index.js.map