@sanity/document-internationalization 2.0.0-studio-v3-plugin-v2.4 → 2.0.0-studio-v3-plugin-v2.6

package/lib/index.js

@@ -1 +1,654 @@
-"use strict";function e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,a)}return n}function t(t){for(var a=1;a<arguments.length;a++){var r=null!=arguments[a]?arguments[a]:{};a%2?e(Object(r),!0).forEach((function(e){n(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function n(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,t||"default");if("object"!=typeof a)return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),r=require("sanity"),i=require("sanity-plugin-internationalized-array"),s=require("@sanity/ui"),l=require("@sanity/icons"),o=require("react"),u=require("@sanity/uuid"),c=require("sanity/desk"),d=require("sanity/router"),p=require("sanity-plugin-utils");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=g(o);const h="translation.metadata",y="2022-11-27";var m=e=>r.defineType({type:"document",name:h,title:"Translation metadata",icon:l.TranslateIcon,liveEdit:!0,fields:[r.defineField({name:"translations",type:"internationalizedArrayReference"}),r.defineField({name:"schemaTypes",description:"Used to filter the reference fields above so all translations share the same types.",type:"array",of:[{type:"string"}],options:{list:e},readOnly:e=>{let{value:t}=e;return Boolean(t)}})],preview:{select:{translations:"translations",documentSchemaTypes:"schemaTypes"},prepare(e){const{translations:t,documentSchemaTypes:n}=e,a=1===t.length?"1 Translation":"".concat(t.length," Translations"),r=t.length?t.map((e=>e._key.toUpperCase())).join(", "):"";return{title:a,subtitle:[r?"(".concat(r,")"):null,(null==n?void 0:n.length)?n.map((e=>e.toUpperCase())).join(", "):"No Schemas Defined"].filter(Boolean).join(" ")}}}});function v(e,t){let n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:(e,t)=>e===t;if(e===t)return!0;if(!e||!t)return!1;const a=e.length;if(t.length!==a)return!1;for(let r=0;r<a;r++)if(!n(e[r],t[r]))return!1;return!0}const b=[];const j=(e,t,n)=>function(e,t){let n=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};for(const e of b)if(v(t,e.keys,e.equal)){if(n)return;if(Object.prototype.hasOwnProperty.call(e,"error"))throw e.error;if(Object.prototype.hasOwnProperty.call(e,"response"))return e.response;if(!n)throw e.promise}const r={keys:t,equal:a.equal,promise:e(...t).then((e=>r.response=e)).then((()=>{a.lifespan&&a.lifespan>0&&setTimeout((()=>{const e=b.indexOf(r);-1!==e&&b.splice(e,1)}),a.lifespan)})).catch((e=>r.error=e))};if(b.push(r),!n)throw r.promise}(e,t,!1,n);function x(e,t){const n=f.default.useContext(d.RouterContext),{routerPanesState:a,groupIndex:r}=c.usePaneRouter();return f.default.useCallback((()=>{if(!n||!e||!t)return;const i=[...a];i.splice(r+1,0,[{id:e,params:{type:t}}]);const s=n.resolvePathFromState({panes:i});n.navigateUrl({path:s})}),[e,t,n,a,r])}function T(e,t,n){return{_key:e,value:{_type:"reference",_ref:t,_weak:!0,_strengthenOnPublish:{type:n}}}}function _(e){var n;const{apiVersion:i=y,index:c,language:d,languageField:p,schemaType:g,documentId:f,disabled:m,current:v,sourceId:b,sourceLanguageId:j,metadata:_,translation:k}=e,C=r.useClient({apiVersion:i}),O=s.useToast(),I=x(null==(n=null==k?void 0:k.value)?void 0:n._ref,g),S=o.useCallback((()=>I()),[I]),w=o.useCallback((async()=>{var e;const n=Boolean(null==_?void 0:_._id),a=C.transaction(),r=f.startsWith("drafts.")?[f,f.replace("drafts.","")]:[f,"drafts.".concat(f)],i=t(t({},await C.fetch("*[_id in $ids]|order(_updatedAt desc)[0]",{ids:r})),{},{_id:"drafts.".concat(u.uuid()),[p]:d.id});a.create(i);const s=null!=(e=null==_?void 0:_._id)?e:u.uuid(),l=T(d.id,i._id.replace("drafts.",""),g);if(n){const e="translations[".concat(c-1,"]"),t=C.patch(s).setIfMissing({translations:[]}).insert("before",e,[l]);a.patch(t)}else{const e=j?T(j,b,g):null;a.createIfNotExists({_id:s,_type:h,schemaTypes:[g],translations:[l,e].filter(Boolean)})}a.commit().then((()=>O.push({status:"success",title:"Created ".concat(d.title," translation"),description:n?"Updated Translations Metadata":"Created Translations Metadata"}))).catch((e=>(console.error(e),O.push({status:"error",title:"Error creating translation",description:e.message}))))}),[C,f,c,d,p,null==_?void 0:_._id,g,b,j,O]);return a.jsx(s.Button,{onClick:k?S:w,mode:v?"default":"bleed",disabled:m||v,children:a.jsxs(s.Flex,{gap:3,align:"center",children:[m?a.jsx(s.Spinner,{}):a.jsx(s.Text,{size:2,children:k?a.jsx(l.SplitVerticalIcon,{}):v?a.jsx(l.CheckmarkIcon,{}):a.jsx(l.AddIcon,{})}),a.jsx(s.Box,{flex:1,children:a.jsx(s.Text,{children:d.title})}),a.jsx(s.Badge,{tone:m||v?"default":"primary",children:d.id})]})})}function k(e){const{id:t}=e,n=x(t,h);return a.jsx(s.Button,{disabled:!t,mode:"ghost",text:"Manage Translations",icon:l.CogIcon,onClick:()=>n()})}function C(e){const{apiVersion:t=y,language:n,languageField:i,documentId:o,schemaType:u,source:c,disabled:d=!1}=e,p=r.useClient({apiVersion:t}),g=s.useToast(),h=f.default.useCallback((()=>{const e=c?c._id:"draft.".concat(o),t=p.transaction();c||t.createIfNotExists({_id:e,_type:u});const a=p.patch(e).set({[i]:n.id});t.patch(a),t.commit().then((()=>{g.push({title:"Set document language to ".concat(n.title),status:"success"})})).catch((e=>(console.error(e),g.push({title:"Failed to set document language to ".concat(n.title),status:"error"}))))}),[c,o,p,i,n,u,g]);return a.jsx(s.Button,{mode:"ghost",text:n.title,icon:l.ChevronRightIcon,onClick:()=>h(),disabled:d,justify:"flex-start"})}function O(e){const{apiVersion:t=y,schemaType:n,documentId:i,languageField:u}=e,c=r.useClient({apiVersion:t}),d=Array.isArray(e.supportedLanguages)?e.supportedLanguages:j((async()=>"function"==typeof e.supportedLanguages?e.supportedLanguages(c):e.supportedLanguages),[]),[g,m]=o.useState(!1),v=o.useCallback((()=>m((e=>!e))),[]),[b,x]=o.useState(null),[T,O]=o.useState(null),I=o.useCallback((()=>m(!1)),[]);s.useClickOutside(I,[b,T]);const{data:S,loading:w,error:P}=function(e,t){const{data:n,loading:a,error:r}=p.useListeningQuery("*[_type == $translationSchema && $id in translations[].value._ref][0]",{params:{id:e,translationSchema:h}});return{data:n,loading:a,error:r}}(i),{draft:F,published:q}=r.useEditState(i,n),L=F||q,A=null==L?void 0:L[u],z=d.some((e=>e.id===A)),B=f.default.useMemo((()=>{const e=d.every((e=>e.id&&e.title));return e||console.warn('Not all languages are valid. It should be an array of objects with an "id" and "title" property. Or a function that returns an array of objects with an "id" and "title" property.',d),e}),[d]),D=a.jsx(s.Box,{overflow:"auto",children:P?a.jsx(s.Card,{tone:"critical",padding:2,children:a.jsxs(s.Text,{children:["Error: ",P]})}):a.jsxs(s.Stack,{padding:1,space:1,children:[d.length>0?a.jsxs(a.Fragment,{children:[d.map(((e,t)=>{var r;return!w&&A&&z?a.jsx(_,{index:t,language:e,languageField:u,schemaType:n,documentId:i,disabled:w||!B,current:e.id===A,metadata:S,sourceId:i,sourceLanguageId:A,translation:null==S?void 0:S.translations.find((t=>t._key===e.id))},e.id||e.title||"lang-".concat(t)):a.jsx(C,{languageField:u,source:L,documentId:i,schemaType:n,language:e,disabled:null!=(r=!B||(null==S?void 0:S.translations.filter((e=>{var t;return(null==(t=null==e?void 0:e.value)?void 0:t._ref)!==i})).some((t=>t._key===e.id))))&&r},e.id||e.title||"lang-".concat(t))})),w?null:a.jsxs(a.Fragment,{children:[B?null:a.jsx(s.Card,{tone:"caution",padding:3,children:a.jsx(s.Text,{size:1,children:"Not all language objects are valid. See the console."})}),A?null:a.jsx(s.Card,{tone:"caution",padding:3,children:a.jsxs(s.Text,{size:1,children:["Choose a language to ",a.jsx("br",{}),"apply to ",a.jsx("strong",{children:"this Document"})]})}),A&&!z?a.jsx(s.Card,{tone:"caution",padding:3,children:a.jsxs(s.Text,{size:1,children:["Change the current language value ",a.jsx("code",{children:A}),a.jsx("br",{}),"to one of the supported languages"]})}):null]})]}):null,a.jsx(k,{id:null==S?void 0:S._id})]})});return a.jsx(s.Popover,{constrainSize:!0,content:D,open:g,portal:!0,ref:O,children:a.jsx(s.Button,{text:"Translations",mode:"bleed",disabled:!L,tone:!L||!w&&A&&z?void 0:"caution",icon:l.TranslateIcon,onClick:v,ref:x,selected:g})})}const I={supportedLanguages:[],schemaTypes:[],languageField:"language",bulkPublish:!1},S=r.definePlugin((e=>{const{supportedLanguages:n,schemaTypes:l,languageField:o,bulkPublish:u}=t(t({},I),e);return{name:"@sanity/document-internationalization",form:{components:{input:e=>u&&"root"===e.id&&e.schemaType.name===h?a.jsx(s.Stack,{space:5,children:e.renderDefault(e)}):e.renderDefault(e)}},document:{unstable_languageFilter:(e,t)=>{const{schemaType:r,documentId:i}=t;return l.includes(r)?[...e,()=>((e,t)=>a.jsx(O,{supportedLanguages:n,schemaType:e,documentId:null!=t?t:"",languageField:o}))(r,i)]:e},badges:(e,t)=>{let{schemaType:a}=t;return l.includes(a)?[e=>function(e,t,n){var a,r;const i=(null==e?void 0:e.draft)||(null==e?void 0:e.published),s=null==i?void 0:i[n];if(!s)return null;const l=Array.isArray(t)?t.find((e=>e.id===s)):null;return{label:null!=(a=null==l?void 0:l.id)?a:String(s),title:null!=(r=null==l?void 0:l.title)?r:void 0,color:"primary"}}(e,n,o),...e]:e}},schema:{types:[m(l)],templates:(e,t)=>{let{schema:a}=t;if(!Array.isArray(n))return e;const r=l.map((e=>{var t,n;return{id:"".concat(e,"-parameterized"),title:"".concat(null!=(n=null==(t=null==a?void 0:a.get(e))?void 0:t.title)?n:e,": with Language"),schemaType:e,parameters:[{name:"languageId",title:"Language ID",type:"string"}],value:e=>{let{languageId:t}=e;return{[o]:t}}}})),i=l.flatMap((e=>n.map((t=>{var n,r;return{id:"".concat(e,"-").concat(t.id),title:"".concat(t.title," ").concat(null!=(r=null==(n=null==a?void 0:a.get(e))?void 0:n.title)?r:e),schemaType:e,value:{[o]:t.id}}}))));return[...e,...r,...i]}},plugins:[i.internationalizedArray({languages:n,fieldTypes:[r.defineField({name:"reference",type:"reference",to:l.map((e=>({type:e}))),options:{collapsed:!1,filter:e=>{let{parent:t,document:n}=e;if(!t)return null;const a=(Array.isArray(t)?t:[t]).find((e=>e._key));return(null==a?void 0:a._key)?n.schemaTypes?{filter:"_type in $schemaTypes && ".concat(o," == $language"),params:{schemaTypes:n.schemaTypes,language:a._key}}:{filter:"".concat(o," == $language"),params:{language:a._key}}:null}}},{strict:!1})]})]}}));exports.documentInternationalization=S;//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', {
+  value: true
+});
+var jsxRuntime = require('react/jsx-runtime');
+var sanity = require('sanity');
+var sanityPluginInternationalizedArray = require('sanity-plugin-internationalized-array');
+var ui = require('@sanity/ui');
+var icons = require('@sanity/icons');
+var React = require('react');
+var uuid = require('@sanity/uuid');
+var desk = require('sanity/desk');
+var router = require('sanity/router');
+var sanityPluginUtils = require('sanity-plugin-utils');
+function _interopDefaultCompat(e) {
+  return e && typeof e === 'object' && 'default' in e ? e : {
+    default: e
+  };
+}
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+const METADATA_SCHEMA_NAME = "translation.metadata";
+const API_VERSION = "2022-11-27";
+var metadata = schemaTypes => sanity.defineType({
+  type: "document",
+  name: METADATA_SCHEMA_NAME,
+  title: "Translation metadata",
+  icon: icons.TranslateIcon,
+  liveEdit: true,
+  fields: [sanity.defineField({
+    name: "translations",
+    type: "internationalizedArrayReference"
+  }), sanity.defineField({
+    name: "schemaTypes",
+    description: "Used to filter the reference fields above so all translations share the same types.",
+    type: "array",
+    // For some reason TS dislikes this line because of the DocumentDefinition return type
+    // @ts-expect-error
+    of: [{
+      type: "string"
+    }],
+    options: {
+      list: schemaTypes
+    },
+    readOnly: _ref => {
+      let {
+        value
+      } = _ref;
+      return Boolean(value);
+    }
+  })],
+  preview: {
+    select: {
+      translations: "translations",
+      documentSchemaTypes: "schemaTypes"
+    },
+    prepare(selection) {
+      const {
+        translations,
+        documentSchemaTypes
+      } = selection;
+      const title = translations.length === 1 ? "1 Translation" : "".concat(translations.length, " Translations");
+      const languageKeys = translations.length ? translations.map(t => t._key.toUpperCase()).join(", ") : "";
+      const subtitle = [languageKeys ? "(".concat(languageKeys, ")") : null, (documentSchemaTypes == null ? void 0 : documentSchemaTypes.length) ? documentSchemaTypes.map(s => s.toUpperCase()).join(", ") : "No Schemas Defined"].filter(Boolean).join(" ");
+      return {
+        title,
+        subtitle
+      };
+    }
+  }
+});
+function shallowEqualArrays(arrA, arrB) {
+  let equal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : (a, b) => a === b;
+  if (arrA === arrB) return true;
+  if (!arrA || !arrB) return false;
+  const len = arrA.length;
+  if (arrB.length !== len) return false;
+  for (let i = 0; i < len; i++) if (!equal(arrA[i], arrB[i])) return false;
+  return true;
+}
+const globalCache = [];
+function query(fn, keys) {
+  let preload = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let config = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  for (const entry of globalCache) {
+    // Find a match
+    if (shallowEqualArrays(keys, entry.keys, entry.equal)) {
+      // If we're pre-loading and the element is present, just return
+      if (preload) return undefined; // If an error occurred, throw
+
+      if (Object.prototype.hasOwnProperty.call(entry, 'error')) throw entry.error; // If a response was successful, return
+
+      if (Object.prototype.hasOwnProperty.call(entry, 'response')) return entry.response; // If the promise is still unresolved, throw
+
+      if (!preload) throw entry.promise;
+    }
+  } // The request is new or has changed.
+
+  const entry = {
+    keys,
+    equal: config.equal,
+    promise:
+    // Execute the promise
+    fn(...keys) // When it resolves, store its value
+    .then(response => entry.response = response) // Remove the entry if a lifespan was given
+    .then(() => {
+      if (config.lifespan && config.lifespan > 0) {
+        setTimeout(() => {
+          const index = globalCache.indexOf(entry);
+          if (index !== -1) globalCache.splice(index, 1);
+        }, config.lifespan);
+      }
+    }) // Store caught errors, they will be thrown in the render-phase to bubble into an error-bound
+    .catch(error => entry.error = error)
+  }; // Register the entry
+
+  globalCache.push(entry); // And throw the promise, this yields control back to React
+
+  if (!preload) throw entry.promise;
+  return undefined;
+}
+const suspend = (fn, keys, config) => query(fn, keys, false, config);
+function useOpenInNewPane(id, type) {
+  const routerContext = React__default.default.useContext(router.RouterContext);
+  const {
+    routerPanesState,
+    groupIndex
+  } = desk.usePaneRouter();
+  const openInNewPane = React__default.default.useCallback(() => {
+    if (!routerContext || !id || !type) {
+      return;
+    }
+    const panes = [...routerPanesState];
+    panes.splice(groupIndex + 1, 0, [{
+      id,
+      params: {
+        type
+      }
+    }]);
+    const href = routerContext.resolvePathFromState({
+      panes
+    });
+    routerContext.navigateUrl({
+      path: href
+    });
+  }, [id, type, routerContext, routerPanesState, groupIndex]);
+  return openInNewPane;
+}
+function createReference(key, ref, type) {
+  return {
+    _key: key,
+    value: {
+      _type: "reference",
+      _ref: ref,
+      _weak: true,
+      _strengthenOnPublish: {
+        type
+      }
+    }
+  };
+}
+function LanguageOption(props) {
+  var _a;
+  const {
+    apiVersion = API_VERSION,
+    index,
+    language,
+    languageField,
+    schemaType,
+    documentId,
+    disabled,
+    current,
+    sourceId,
+    sourceLanguageId,
+    metadata,
+    translation
+  } = props;
+  const client = sanity.useClient({
+    apiVersion
+  });
+  const toast = ui.useToast();
+  const open = useOpenInNewPane((_a = translation == null ? void 0 : translation.value) == null ? void 0 : _a._ref, schemaType);
+  const handleOpen = React.useCallback(() => open(), [open]);
+  const handleCreate = React.useCallback(async () => {
+    var _a2;
+    const metadataExists = Boolean(metadata == null ? void 0 : metadata._id);
+    const transaction = client.transaction();
+    const documentIds = documentId.startsWith("drafts.") ? [documentId, documentId.replace("drafts.", "")] : [documentId, "drafts.".concat(documentId)];
+    const latestDocument = await client.fetch("*[_id in $ids]|order(_updatedAt desc)[0]", {
+      ids: documentIds
+    });
+    const newTranslationDocument = {
+      ...latestDocument,
+      _id: "drafts.".concat(uuid.uuid()),
+      [languageField]: language.id
+    };
+    transaction.create(newTranslationDocument);
+    const metadataId = (_a2 = metadata == null ? void 0 : metadata._id) != null ? _a2 : uuid.uuid();
+    const newTranslationReference = createReference(language.id, newTranslationDocument._id.replace("drafts.", ""), schemaType);
+    if (metadataExists) {
+      const path = "translations[".concat(index - 1, "]");
+      const metadataPatch = client.patch(metadataId).setIfMissing({
+        translations: []
+      }).insert("before", path, [newTranslationReference]);
+      transaction.patch(metadataPatch);
+    } else {
+      const sourceReference = sourceLanguageId ? createReference(sourceLanguageId, sourceId, schemaType) : null;
+      transaction.createIfNotExists({
+        _id: metadataId,
+        _type: METADATA_SCHEMA_NAME,
+        schemaTypes: [schemaType],
+        translations: [newTranslationReference, sourceReference].filter(Boolean)
+      });
+    }
+    transaction.commit().then(() => {
+      return toast.push({
+        status: "success",
+        title: "Created ".concat(language.title, " translation"),
+        description: metadataExists ? "Updated Translations Metadata" : "Created Translations Metadata"
+      });
+    }).catch(err => {
+      console.error(err);
+      return toast.push({
+        status: "error",
+        title: "Error creating translation",
+        description: err.message
+      });
+    });
+  }, [client, documentId, index, language, languageField, metadata == null ? void 0 : metadata._id, schemaType, sourceId, sourceLanguageId, toast]);
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+    onClick: translation ? handleOpen : handleCreate,
+    mode: current ? "default" : "bleed",
+    disabled: disabled || current,
+    children: /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
+      gap: 3,
+      align: "center",
+      children: [disabled ? /* @__PURE__ */jsxRuntime.jsx(ui.Spinner, {}) : /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+        size: 2,
+        children: translation ? /* @__PURE__ */jsxRuntime.jsx(icons.SplitVerticalIcon, {}) : current ? /* @__PURE__ */jsxRuntime.jsx(icons.CheckmarkIcon, {}) : /* @__PURE__ */jsxRuntime.jsx(icons.AddIcon, {})
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+        flex: 1,
+        children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+          children: language.title
+        })
+      }), /* @__PURE__ */jsxRuntime.jsx(ui.Badge, {
+        tone: disabled || current ? "default" : "primary",
+        children: language.id
+      })]
+    })
+  });
+}
+function useTranslationMetadata(id, schemaType) {
+  const query = "*[_type == $translationSchema && $id in translations[].value._ref][0]";
+  const {
+    data,
+    loading,
+    error
+  } = sanityPluginUtils.useListeningQuery(query, {
+    params: {
+      id,
+      translationSchema: METADATA_SCHEMA_NAME
+    }
+  });
+  return {
+    data,
+    loading,
+    error
+  };
+}
+function LanguageManage(props) {
+  const {
+    id
+  } = props;
+  const open = useOpenInNewPane(id, METADATA_SCHEMA_NAME);
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+    disabled: !id,
+    mode: "ghost",
+    text: "Manage Translations",
+    icon: icons.CogIcon,
+    onClick: () => open()
+  });
+}
+function LanguagePatch(props) {
+  const {
+    apiVersion = API_VERSION,
+    language,
+    languageField,
+    documentId,
+    schemaType,
+    source,
+    disabled = false
+  } = props;
+  const client = sanity.useClient({
+    apiVersion
+  });
+  const toast = ui.useToast();
+  const handleClick = React__default.default.useCallback(() => {
+    const currentId = source ? source._id : "draft.".concat(documentId);
+    const transaction = client.transaction();
+    if (!source) {
+      transaction.createIfNotExists({
+        _id: currentId,
+        _type: schemaType
+      });
+    }
+    const patch = client.patch(currentId).set({
+      [languageField]: language.id
+    });
+    transaction.patch(patch);
+    transaction.commit().then(() => {
+      toast.push({
+        title: "Set document language to ".concat(language.title),
+        status: "success"
+      });
+    }).catch(err => {
+      console.error(err);
+      return toast.push({
+        title: "Failed to set document language to ".concat(language.title),
+        status: "error"
+      });
+    });
+  }, [source, documentId, client, languageField, language, schemaType, toast]);
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+    mode: "ghost",
+    text: language.title,
+    icon: icons.ChevronRightIcon,
+    onClick: () => handleClick(),
+    disabled,
+    justify: "flex-start"
+  });
+}
+function MenuButton(props) {
+  const {
+    apiVersion = API_VERSION,
+    schemaType,
+    documentId,
+    languageField
+  } = props;
+  const client = sanity.useClient({
+    apiVersion
+  });
+  const supportedLanguages = Array.isArray(props.supportedLanguages) ? props.supportedLanguages :
+  // eslint-disable-next-line require-await
+  suspend(async () => {
+    if (typeof props.supportedLanguages === "function") {
+      return props.supportedLanguages(client);
+    }
+    return props.supportedLanguages;
+  }, []);
+  const [open, setOpen] = React.useState(false);
+  const handleClick = React.useCallback(() => setOpen(o => !o), []);
+  const [button, setButton] = React.useState(null);
+  const [popover, setPopover] = React.useState(null);
+  const handleClickOutside = React.useCallback(() => setOpen(false), []);
+  ui.useClickOutside(handleClickOutside, [button, popover]);
+  const {
+    data: metadata,
+    loading,
+    error
+  } = useTranslationMetadata(documentId);
+  const {
+    draft,
+    published
+  } = sanity.useEditState(documentId, schemaType);
+  const source = draft || published;
+  const sourceLanguageId = source == null ? void 0 : source[languageField];
+  const sourceLanguageIsValid = supportedLanguages.some(l => l.id === sourceLanguageId);
+  const allLanguagesAreValid = React__default.default.useMemo(() => {
+    const valid = supportedLanguages.every(l => l.id && l.title);
+    if (!valid) {
+      console.warn("Not all languages are valid. It should be an array of objects with an \"id\" and \"title\" property. Or a function that returns an array of objects with an \"id\" and \"title\" property.", supportedLanguages);
+    }
+    return valid;
+  }, [supportedLanguages]);
+  const content = /* @__PURE__ */jsxRuntime.jsx(ui.Box, {
+    children: error ? /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      tone: "critical",
+      padding: 2,
+      children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
+        children: ["Error: ", error]
+      })
+    }) : /* @__PURE__ */jsxRuntime.jsxs(ui.Stack, {
+      padding: 1,
+      space: 1,
+      children: [supportedLanguages.length > 0 ? /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [supportedLanguages.map((language, langIndex) => {
+          var _a;
+          return !loading && sourceLanguageId && sourceLanguageIsValid ?
+          // Button to duplicate this document to a new translation
+          // And either create or update the metadata document
+          /* @__PURE__ */
+          jsxRuntime.jsx(LanguageOption, {
+            index: langIndex,
+            language,
+            languageField,
+            schemaType,
+            documentId,
+            disabled: loading || !allLanguagesAreValid,
+            current: language.id === sourceLanguageId,
+            metadata,
+            sourceId: documentId,
+            sourceLanguageId,
+            translation: metadata == null ? void 0 : metadata.translations.find(t => t._key === language.id)
+          }, language.id || language.title || "lang-".concat(langIndex)) :
+          // Button to set a language field on *this* document
+          /* @__PURE__ */
+          jsxRuntime.jsx(LanguagePatch, {
+            languageField,
+            source,
+            documentId,
+            schemaType,
+            language,
+            disabled: (_a = !allLanguagesAreValid || (metadata == null ? void 0 : metadata.translations.filter(t => {
+              var _a2;
+              return ((_a2 = t == null ? void 0 : t.value) == null ? void 0 : _a2._ref) !== documentId;
+            }).some(t => t._key === language.id))) != null ? _a : false
+          }, language.id || language.title || "lang-".concat(langIndex));
+        }), loading ? null : /* @__PURE__ */jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [allLanguagesAreValid ? null : /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+            tone: "caution",
+            padding: 3,
+            children: /* @__PURE__ */jsxRuntime.jsx(ui.Text, {
+              size: 1,
+              children: "Not all language objects are valid. See the console."
+            })
+          }), sourceLanguageId ? null : /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+            tone: "caution",
+            padding: 3,
+            children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
+              size: 1,
+              children: ["Choose a language to ", /* @__PURE__ */jsxRuntime.jsx("br", {}), "apply to ", /* @__PURE__ */jsxRuntime.jsx("strong", {
+                children: "this Document"
+              })]
+            })
+          }), sourceLanguageId && !sourceLanguageIsValid ? /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+            tone: "caution",
+            padding: 3,
+            children: /* @__PURE__ */jsxRuntime.jsxs(ui.Text, {
+              size: 1,
+              children: ["Change the current language value ", /* @__PURE__ */jsxRuntime.jsx("code", {
+                children: sourceLanguageId
+              }), /* @__PURE__ */jsxRuntime.jsx("br", {}), "to one of the supported languages"]
+            })
+          }) : null]
+        })]
+      }) : null, /* @__PURE__ */jsxRuntime.jsx(LanguageManage, {
+        id: metadata == null ? void 0 : metadata._id
+      })]
+    })
+  });
+  return /* @__PURE__ */jsxRuntime.jsx(ui.Popover, {
+    constrainSize: true,
+    content,
+    open,
+    portal: true,
+    ref: setPopover,
+    overflow: "auto",
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
+      text: "Translations",
+      mode: "bleed",
+      disabled: !source,
+      tone: !source || !loading && sourceLanguageId && sourceLanguageIsValid ? void 0 : "caution",
+      icon: icons.TranslateIcon,
+      onClick: handleClick,
+      ref: setButton,
+      selected: open
+    })
+  });
+}
+function LanguageBadge(props, supportedLanguages, languageField) {
+  var _a, _b;
+  const source = (props == null ? void 0 : props.draft) || (props == null ? void 0 : props.published);
+  const languageId = source == null ? void 0 : source[languageField];
+  if (!languageId) {
+    return null;
+  }
+  const language = Array.isArray(supportedLanguages) ? supportedLanguages.find(l => l.id === languageId) : null;
+  return {
+    label: (_a = language == null ? void 0 : language.id) != null ? _a : String(languageId),
+    title: (_b = language == null ? void 0 : language.title) != null ? _b : void 0,
+    color: "primary"
+  };
+}
+const DEFAULT_CONFIG = {
+  supportedLanguages: [],
+  schemaTypes: [],
+  languageField: "language",
+  bulkPublish: false
+};
+const documentInternationalization = sanity.definePlugin(config => {
+  const {
+    supportedLanguages,
+    schemaTypes,
+    languageField,
+    bulkPublish
+  } = {
+    ...DEFAULT_CONFIG,
+    ...config
+  };
+  const renderLanguageFilter = (schemaType, documentId) => {
+    return /* @__PURE__ */jsxRuntime.jsx(MenuButton, {
+      supportedLanguages,
+      schemaType,
+      documentId: documentId != null ? documentId : "",
+      languageField
+    });
+  };
+  return {
+    name: "@sanity/document-internationalization",
+    // Adds:
+    // - A bulk-publishing UI component to the form
+    // - Will only work for projects on a compatible plan
+    form: {
+      components: {
+        input: props => {
+          if (bulkPublish && props.id === "root" && props.schemaType.name === METADATA_SCHEMA_NAME) {
+            return /* @__PURE__ */jsxRuntime.jsx(ui.Stack, {
+              space: 5,
+              children: props.renderDefault(props)
+            });
+          }
+          return props.renderDefault(props);
+        }
+      }
+    },
+    // Adds:
+    // - The `Translations` dropdown to the editing form
+    // - `Badges` to documents with a language value
+    document: {
+      unstable_languageFilter: (prev, ctx) => {
+        const {
+          schemaType,
+          documentId
+        } = ctx;
+        return schemaTypes.includes(schemaType) ? [...prev, () => renderLanguageFilter(schemaType, documentId)] : prev;
+      },
+      badges: (prev, _ref2) => {
+        let {
+          schemaType
+        } = _ref2;
+        if (!schemaTypes.includes(schemaType)) {
+          return prev;
+        }
+        return [props => LanguageBadge(props, supportedLanguages, languageField), ...prev];
+      }
+    },
+    // Adds:
+    // - The `Translations metadata` document type to the schema
+    schema: {
+      // Create the metadata document type
+      types: [metadata(schemaTypes)],
+      // For every schema type this plugin is enabled on
+      // Create an initial value template to set the language
+      templates: (prev, _ref3) => {
+        let {
+          schema
+        } = _ref3;
+        if (!Array.isArray(supportedLanguages)) {
+          return prev;
+        }
+        const parameterizedTemplates = schemaTypes.map(schemaType => {
+          var _a, _b;
+          return {
+            id: "".concat(schemaType, "-parameterized"),
+            title: "".concat((_b = (_a = schema == null ? void 0 : schema.get(schemaType)) == null ? void 0 : _a.title) != null ? _b : schemaType, ": with Language"),
+            schemaType,
+            parameters: [{
+              name: "languageId",
+              title: "Language ID",
+              type: "string"
+            }],
+            value: _ref4 => {
+              let {
+                languageId
+              } = _ref4;
+              return {
+                [languageField]: languageId
+              };
+            }
+          };
+        });
+        const staticTemplates = schemaTypes.flatMap(schemaType => {
+          return supportedLanguages.map(language => {
+            var _a, _b;
+            return {
+              id: "".concat(schemaType, "-").concat(language.id),
+              title: "".concat(language.title, " ").concat((_b = (_a = schema == null ? void 0 : schema.get(schemaType)) == null ? void 0 : _a.title) != null ? _b : schemaType),
+              schemaType,
+              value: {
+                [languageField]: language.id
+              }
+            };
+          });
+        });
+        return [...prev, ...parameterizedTemplates, ...staticTemplates];
+      }
+    },
+    // Uses:
+    // - `sanity-plugin-internationalized-array` to maintain the translations array
+    plugins: [
+    // Translation metadata stores its references using this plugin
+    // It cuts down on attribute usage and gives UI conveniences to add new translations
+    sanityPluginInternationalizedArray.internationalizedArray({
+      languages: supportedLanguages,
+      fieldTypes: [
+      // TODO: The plugin should allow this kind of input
+      // @ts-ignore
+      sanity.defineField({
+        name: "reference",
+        type: "reference",
+        to: schemaTypes.map(type => ({
+          type
+        })),
+        // TODO: Add a validation rule to *ensure* the document's language matches the array key
+        // Reference filters don't actually enforce validation!
+        // validation: (Rule) => Rule.custom(),
+        options: {
+          collapsed: false,
+          // TODO: Update type once it knows the values of this filter
+          // @ts-ignore
+          filter: _ref5 => {
+            let {
+              parent,
+              document
+            } = _ref5;
+            if (!parent) return null;
+            const parentArray = Array.isArray(parent) ? parent : [parent];
+            const language = parentArray.find(p => p._key);
+            if (!(language == null ? void 0 : language._key)) return null;
+            if (document.schemaTypes) {
+              return {
+                filter: "_type in $schemaTypes && ".concat(languageField, " == $language"),
+                params: {
+                  schemaTypes: document.schemaTypes,
+                  language: language._key
+                }
+              };
+            }
+            return {
+              filter: "".concat(languageField, " == $language"),
+              params: {
+                language: language._key
+              }
+            };
+          }
+        }
+      }, {
+        strict: false
+      })]
+    })]
+  };
+});
+exports.documentInternationalization = documentInternationalization;
+//# sourceMappingURL=index.js.map