@sanity/assist 1.2.15-lang.1 → 1.2.15-lang.2

package/dist/index.esm.js

@@ -1360,29 +1360,37 @@ function getAssistableDocId(documentSchemaType, documentId) {
   return documentSchemaType.liveEdit ? baseId : "drafts.".concat(baseId);
 }
 function useRequestRunInstruction(args) {
-  const {
-    documentOnChange,
-    isDocAssistable: isDocAssistable2
-  } = args;
   const {
     runInstruction,
     instructionLoading
   } = useRunInstruction();
-  const [queuedTask, setQueuedTask] = useState(void 0);
-  useEffect(() => {
-    if (queuedTask && isDocAssistable2) {
-      runInstruction(queuedTask);
-      setQueuedTask(void 0);
-    }
-  }, [queuedTask, isDocAssistable2, runInstruction]);
+  const requestRunInstruction = useDraftDelayedTask({
+    ...args,
+    task: runInstruction
+  });
   return {
     instructionLoading,
-    requestRunInstruction: useCallback(task => {
-      documentOnChange(PatchEvent.from([unset(["_force_document_creation"])]));
-      setQueuedTask(task);
-    }, [setQueuedTask, documentOnChange])
+    requestRunInstruction
   };
 }
+function useDraftDelayedTask(args) {
+  const {
+    documentOnChange,
+    isDocAssistable: isDocAssistable2,
+    task
+  } = args;
+  const [queuedArgs, setQueuedArgs] = useState(void 0);
+  useEffect(() => {
+    if (queuedArgs && isDocAssistable2) {
+      task(queuedArgs);
+      setQueuedArgs(void 0);
+    }
+  }, [queuedArgs, isDocAssistable2, task]);
+  return useCallback(taskArgs => {
+    documentOnChange(PatchEvent.from([unset(["_force_document_creation"])]));
+    setQueuedArgs(taskArgs);
+  }, [setQueuedArgs, documentOnChange]);
+}
 const SparklesIllustration = styled(SparklesIcon)({
   fontSize: "3.125em",
   "& path": {
@@ -4540,6 +4548,7 @@ const getLanguageParams = (select, document) => {
 const FieldTranslationContext = createContext({
   openFieldTranslation: () => {},
   translationLoading: false
+  //loadLanguages: () => {},
 });
 function useFieldTranslation() {
   return useContext(FieldTranslationContext);
@@ -4599,25 +4608,30 @@ function FieldTranslationProvider(props) {
     const newToLangs = languages2.filter(anyLang => !!(toLanguages2 == null ? void 0 : toLanguages2.find(selectedLang => toggledLang.id !== selectedLang.id && selectedLang.id === anyLang.id)) || toggledLang.id === anyLang.id && !wasSelected);
     setToLanguages(newToLangs);
   }, []);
+  const openFieldTranslation = useCallback(async _ref11 => {
+    let {
+      document: document2,
+      documentSchema: documentSchema2
+    } = _ref11;
+    setDialogOpen(true);
+    const languageParams = getLanguageParams(config == null ? void 0 : config.selectLanguageParams, document2);
+    const languages2 = await (typeof (config == null ? void 0 : config.languages) === "function" ? config == null ? void 0 : config.languages(languageClient, languageParams) : Promise.resolve(config == null ? void 0 : config.languages));
+    setLanguages(languages2);
+    setDocument(document2);
+    setDocumentSchema(documentSchema2);
+    const fromLanguage2 = languages2 == null ? void 0 : languages2[0];
+    if (fromLanguage2) {
+      selectFromLanguage(fromLanguage2, languages2, document2, documentSchema2);
+    } else {
+      console.error("No languages available for selected language params", languageParams);
+    }
+  }, [selectFromLanguage, config, languageClient]);
   const contextValue = useMemo(() => {
     return {
-      openFieldTranslation: async (document2, documentSchema2) => {
-        setDialogOpen(true);
-        const languageParams = getLanguageParams(config == null ? void 0 : config.selectLanguageParams, document2);
-        const languages2 = await (typeof (config == null ? void 0 : config.languages) === "function" ? config == null ? void 0 : config.languages(languageClient, languageParams) : Promise.resolve(config == null ? void 0 : config.languages));
-        setLanguages(languages2);
-        setDocument(document2);
-        setDocumentSchema(documentSchema2);
-        const fromLanguage2 = languages2 == null ? void 0 : languages2[0];
-        if (fromLanguage2) {
-          selectFromLanguage(fromLanguage2, languages2, document2, documentSchema2);
-        } else {
-          console.error("No languages available for selected language params", languageParams);
-        }
-      },
+      openFieldTranslation,
       translationLoading: false
     };
-  }, [selectFromLanguage, config, languageClient]);
+  }, [openFieldTranslation]);
   const runDisabled = !fromLanguage || !(toLanguages == null ? void 0 : toLanguages.length) || !(translationMap == null ? void 0 : translationMap.length) || !documentId;
   const onRunTranslation = useCallback(() => {
     if (translationMap && documentId) {
@@ -4911,11 +4925,11 @@ function InstructionInput(props) {
     })]
   });
 }
-function ObjectMember(_ref11) {
+function ObjectMember(_ref12) {
   let {
     fieldName,
     ...props
-  } = _ref11;
+  } = _ref12;
   const member = findFieldMember(props.members, fieldName);
   return member ? /* @__PURE__ */jsx(ObjectInputMember, {
     ...props,
@@ -5054,8 +5068,8 @@ function IconInput(props) {
     onChange
   } = props;
   const id = useId();
-  const items = useMemo(() => Object.entries(icons).map(_ref12 => {
-    let [key, icon] = _ref12;
+  const items = useMemo(() => Object.entries(icons).map(_ref13 => {
+    let [key, icon] = _ref13;
     return /* @__PURE__ */jsx(IconItem, {
       iconKey: key,
       icon,
@@ -5083,12 +5097,12 @@ function IconInput(props) {
     }
   });
 }
-function IconItem(_ref13) {
+function IconItem(_ref14) {
   let {
     icon,
     iconKey: key,
     onChange
-  } = _ref13;
+  } = _ref14;
   const onClick = useCallback(() => onChange(set(key)), [onChange, key]);
   return /* @__PURE__ */jsx(MenuItem, {
     icon,
@@ -5099,8 +5113,8 @@ function IconItem(_ref13) {
 }
 function getIcon(iconName) {
   var _a, _b;
-  return (_b = (_a = Object.entries(icons).find(_ref14 => {
-    let [key] = _ref14;
+  return (_b = (_a = Object.entries(icons).find(_ref15 => {
+    let [key] = _ref15;
     return key === iconName;
   })) == null ? void 0 : _a[1]) != null ? _b : icons.sparkles;
 }
@@ -5259,11 +5273,11 @@ const contextDocumentSchema = defineType({
       title: "title",
       context: "context"
     },
-    prepare(_ref15) {
+    prepare(_ref16) {
       let {
         title,
         context
-      } = _ref15;
+      } = _ref16;
       var _a;
       const text = context == null ? void 0 : context.flatMap(block => block == null ? void 0 : block.children).flatMap(child => {
         var _a2;
@@ -5363,11 +5377,11 @@ function InstructionOutputField(props) {
     children: props.children
   });
 }
-function EnabledOutputField(_ref16) {
+function EnabledOutputField(_ref17) {
   let {
     fieldSchema,
     ...props
-  } = _ref16;
+  } = _ref17;
   var _a;
   const [open, setOpen] = useState(!!((_a = props.value) == null ? void 0 : _a.length));
   const onExpand = useCallback(() => setOpen(true), []);
@@ -5415,11 +5429,11 @@ function useEmptySelectAllValue(value, allowedValues, onChange) {
     }
   }, [allowedValues, value, onChange]);
 }
-function ObjectOutputInput(_ref17) {
+function ObjectOutputInput(_ref18) {
   let {
     fieldSchema,
     ...props
-  } = _ref17;
+  } = _ref18;
   const {
     value,
     onChange
@@ -5466,11 +5480,11 @@ function ObjectOutputInput(_ref17) {
     })
   });
 }
-function ArrayOutputInput(_ref18) {
+function ArrayOutputInput(_ref19) {
   let {
     fieldSchema,
     ...props
-  } = _ref18;
+  } = _ref19;
   const {
     value,
     onChange
@@ -5515,13 +5529,13 @@ function ArrayOutputInput(_ref18) {
     })
   });
 }
-function Selectable(_ref19) {
+function Selectable(_ref20) {
   let {
     title,
     arrayValue,
     value,
     onChange
-  } = _ref19;
+  } = _ref20;
   const checked = !(arrayValue == null ? void 0 : arrayValue.length) || !!(arrayValue == null ? void 0 : arrayValue.find(v => v._key === value));
   const handleChange = useCallback(() => onChange(checked, value), [onChange, checked, value]);
   return /* @__PURE__ */jsxs(Flex, {
@@ -5586,10 +5600,10 @@ const fieldReference = defineType({
     select: {
       path: "path"
     },
-    prepare(_ref20) {
+    prepare(_ref21) {
       let {
         path
-      } = _ref20;
+      } = _ref21;
       return {
         title: path,
         path,
@@ -5734,12 +5748,12 @@ const instruction = defineType({
       title: "title",
       userId: "userId"
     },
-    prepare: _ref21 => {
+    prepare: _ref22 => {
       let {
         icon,
         title,
         userId
-      } = _ref21;
+      } = _ref22;
       return {
         title,
         icon: icon ? icons[icon] : SparklesIcon,
@@ -6196,27 +6210,32 @@ const translateActions = {
       config
     } = useAiAssistanceConfig();
     const apiClient = useApiClient(config == null ? void 0 : config.__customApiClient);
-    const {
-      translate,
-      loading
-    } = useTranslate(apiClient);
     const isDocumentLevel = props.path.length === 0;
     const {
       schemaType,
-      documentId
+      documentId,
+      documentIsAssistable
     } = props;
-    if (isDocumentLevel) {
+    const fieldTransEnabled = (_c = (_b = (_a = config.translate) == null ? void 0 : _a.field) == null ? void 0 : _b.documentTypes) == null ? void 0 : _c.includes(schemaType.name);
+    const docTransTypes = (_e = (_d = config.translate) == null ? void 0 : _d.document) == null ? void 0 : _e.documentTypes;
+    const documentTranslationEnabled = isDocumentLevel && (!docTransTypes && isAssistSupported(schemaType) || (docTransTypes == null ? void 0 : docTransTypes.includes(schemaType.name)));
+    if (documentTranslationEnabled || fieldTransEnabled) {
       const {
-        value: documentValue
+        value: documentValue,
+        onChange: documentOnChange
       } = useDocumentPane();
       const docRef = useRef(documentValue);
+      const translationApi = useTranslate(apiClient);
+      const translate = useDraftDelayedTask({
+        documentOnChange,
+        isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
+        task: translationApi.translate
+      });
       docRef.current = documentValue;
-      const docTransTypes = (_b = (_a = config.translate) == null ? void 0 : _a.document) == null ? void 0 : _b.documentTypes;
-      const documentTranslation = !docTransTypes && isAssistSupported(schemaType) || (docTransTypes == null ? void 0 : docTransTypes.includes(schemaType.name));
-      const languagePath = (_d = (_c = config.translate) == null ? void 0 : _c.document) == null ? void 0 : _d.languageField;
-      const translateDocumentAction = useMemo(() => languagePath && documentTranslation ? node$1({
+      const languagePath = (_g = (_f = config.translate) == null ? void 0 : _f.document) == null ? void 0 : _g.languageField;
+      const translateDocumentAction = useMemo(() => languagePath && documentTranslationEnabled ? node$1({
         type: "action",
-        icon: loading ? () => /* @__PURE__ */jsx(Box, {
+        icon: translationApi.loading ? () => /* @__PURE__ */jsx(Box, {
           style: {
             height: 17
           },
@@ -6228,7 +6247,7 @@ const translateActions = {
         }) : TranslateIcon,
         title: "Translate document",
         onAction: () => {
-          if (loading || !languagePath || !documentId) {
+          if (translationApi.loading || !languagePath || !documentId) {
             return;
           }
           translate({
@@ -6237,13 +6256,17 @@ const translateActions = {
           });
         },
         renderAsButton: true,
-        disabled: loading
-      }) : void 0, [languagePath, translate, documentId, loading, documentTranslation]);
+        disabled: translationApi.loading
+      }) : void 0, [languagePath, translate, documentId, translationApi.loading, documentTranslationEnabled]);
       const fieldTranslate = useFieldTranslation();
-      const fieldTransEnabled = (_g = (_f = (_e = config.translate) == null ? void 0 : _e.field) == null ? void 0 : _f.documentTypes) == null ? void 0 : _g.includes(schemaType.name);
+      const openFieldTranslation = useDraftDelayedTask({
+        documentOnChange,
+        isDocAssistable: documentIsAssistable != null ? documentIsAssistable : false,
+        task: fieldTranslate.openFieldTranslation
+      });
       const translateFieldsAction = useMemo(() => fieldTransEnabled ? node$1({
         type: "action",
-        icon: loading ? () => /* @__PURE__ */jsx(Box, {
+        icon: fieldTranslate.translationLoading ? () => /* @__PURE__ */jsx(Box, {
           style: {
             height: 17
           },
@@ -6255,14 +6278,17 @@ const translateActions = {
         }) : TranslateIcon,
         title: "Translate fields",
         onAction: () => {
-          if (loading || !documentId) {
+          if (fieldTranslate.translationLoading || !documentId) {
             return;
           }
-          fieldTranslate.openFieldTranslation(docRef.current, schemaType);
+          openFieldTranslation({
+            document: docRef.current,
+            documentSchema: schemaType
+          });
         },
         renderAsButton: true,
-        disabled: loading
-      }) : void 0, [fieldTranslate, schemaType, documentId, loading, fieldTransEnabled]);
+        disabled: fieldTranslate.translationLoading
+      }) : void 0, [openFieldTranslation, schemaType, documentId, fieldTranslate.translationLoading, fieldTransEnabled]);
       return useMemo(() => {
         return node$1({
           type: "group",
@@ -6332,10 +6358,11 @@ const assistFieldActions = {
     const isPathSelected = pathKey === selectedPath;
     const isSelected = isInspectorOpen && isPathSelected;
     const imageCaptionAction = generateCaptionsActions.useAction(props);
-    const translateAction = translateActions.useAction({
+    const translateAction = translateActions.useAction(typed({
       ...props,
-      documentId: assistableDocumentId
-    });
+      documentId: assistableDocumentId,
+      documentIsAssistable
+    }));
     const manageInstructions = useCallback(() => isSelected ? closeInspector(aiInspectorId) : openInspector(aiInspectorId, {
       [fieldPathParam]: pathKey,
       [instructionParam]: void 0
@@ -6518,11 +6545,11 @@ function AssistDocumentInputWrapper(props) {
     documentId
   });
 }
-function AssistDocumentInput(_ref22) {
+function AssistDocumentInput(_ref23) {
   let {
     documentId,
     ...props
-  } = _ref22;
+  } = _ref23;
   useInstructionToaster(documentId, props.schemaType);
   return /* @__PURE__ */jsx(FirstAssistedPathProvider, {
     members: props.members,
@@ -6611,23 +6638,23 @@ const assist = definePlugin(config => {
         }
         return prev;
       },
-      unstable_fieldActions: (prev, _ref23) => {
+      unstable_fieldActions: (prev, _ref24) => {
         let {
           documentType,
           schema
-        } = _ref23;
+        } = _ref24;
         const docSchema = schema.get(documentType);
         if (docSchema && isSchemaAssistEnabled(docSchema)) {
           return [...prev, assistFieldActions];
         }
         return prev;
       },
-      unstable_languageFilter: (prev, _ref24) => {
+      unstable_languageFilter: (prev, _ref25) => {
         let {
           documentId,
           schema,
           schemaType
-        } = _ref24;
+        } = _ref25;
         const docSchema = schema.get(schemaType);
         if (docSchema && isObjectSchemaType(docSchema) && isSchemaAssistEnabled(docSchema)) {
           return [...prev, createAssistDocumentPresence(documentId, docSchema)];