@sanity/assist 1.1.0 → 1.1.2

package/dist/index.js

@@ -1975,20 +1975,6 @@ function AiFieldPresence(props) {
     })
   });
 }
-const FirstAssistedPathContext = react.createContext(void 0);
-function FirstAssistedPathProvider(props) {
-  const {
-    members
-  } = props;
-  const firstAssistedPath = react.useMemo(() => {
-    const firstAssisted = members.find(member => member.kind === "field" && isAssistSupported(member.field.schemaType));
-    return (firstAssisted == null ? void 0 : firstAssisted.field.path) ? sanity.pathToString(firstAssisted == null ? void 0 : firstAssisted.field.path) : void 0;
-  }, [members]);
-  return /* @__PURE__ */jsxRuntime.jsx(FirstAssistedPathContext.Provider, {
-    value: firstAssistedPath,
-    children: props.children
-  });
-}
 function AssistFeatureBadge() {
   return /* @__PURE__ */jsxRuntime.jsx(ui.Badge, {
     fontSize: 0,
@@ -1999,48 +1985,31 @@ function AssistFeatureBadge() {
     children: "Beta"
   });
 }
-function FieldActionsOnboarding(props) {
-  const {
-    path,
-    children
-  } = props;
-  const firstAssistedPath = react.useContext(FirstAssistedPathContext);
-  const isFirstAssisted = react.useMemo(() => sanity.pathToString(path) === firstAssistedPath, [path, firstAssistedPath]);
-  if (!isFirstAssisted) {
-    return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children
-    });
-  }
-  return /* @__PURE__ */jsxRuntime.jsx(AssistOnboardingPopover, {
-    ...props
-  });
-}
 function AssistOnboardingPopover(props) {
   const {
-    showOnboarding,
-    dismissOnboarding
-  } = useOnboardingFeature(fieldOnboardingKey);
-  if (!showOnboarding) {
-    return /* @__PURE__ */jsxRuntime.jsx(jsxRuntime.Fragment, {
-      children: props.children
-    });
-  }
+    dismiss
+  } = props;
   return /* @__PURE__ */jsxRuntime.jsx(ui.Popover, {
     content: /* @__PURE__ */jsxRuntime.jsx(AssistIntroCard, {
-      path: props.path,
-      dismiss: dismissOnboarding
+      dismiss
     }),
     open: true,
     portal: true,
     placeholder: "bottom",
     tone: "default",
     width: 0,
-    children: /* @__PURE__ */jsxRuntime.jsx("div", {
+    children: /* @__PURE__ */jsxRuntime.jsx(ui.Card, {
+      radius: 2,
+      shadow: 2,
+      style: {
+        padding: 2,
+        lineHeight: 0
+      },
       children: /* @__PURE__ */jsxRuntime.jsx(ui.Button, {
         disabled: true,
         fontSize: 1,
         icon: icons.SparklesIcon,
-        mode: "ghost",
+        mode: "bleed",
         padding: 2
       })
     })
@@ -2096,6 +2065,20 @@ function AssistIntroCard(props) {
     })]
   });
 }
+const FirstAssistedPathContext = react.createContext(void 0);
+function FirstAssistedPathProvider(props) {
+  const {
+    members
+  } = props;
+  const firstAssistedPath = react.useMemo(() => {
+    const firstAssisted = members.find(member => member.kind === "field" && isAssistSupported(member.field.schemaType));
+    return (firstAssisted == null ? void 0 : firstAssisted.field.path) ? sanity.pathToString(firstAssisted == null ? void 0 : firstAssisted.field.path) : void 0;
+  }, [members]);
+  return /* @__PURE__ */jsxRuntime.jsx(FirstAssistedPathContext.Provider, {
+    value: firstAssistedPath,
+    children: props.children
+  });
+}
 function AssistFieldWrapper(props) {
   const {
     schemaType
@@ -2113,8 +2096,17 @@ function AssistFieldWrapper(props) {
   return props.renderDefault(props);
 }
 function AssistField(props) {
+  const {
+    path
+  } = props;
   const isPortableText = react.useMemo(() => !!(sanity.isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType)), [props.schemaType]);
   const presence = useAssistPresence(props.path, isPortableText);
+  const firstAssistedPath = react.useContext(FirstAssistedPathContext);
+  const isFirstAssisted = react.useMemo(() => sanity.pathToString(path) === firstAssistedPath, [path, firstAssistedPath]);
+  const {
+    showOnboarding,
+    dismissOnboarding
+  } = useOnboardingFeature(fieldOnboardingKey);
   const actions = /* @__PURE__ */jsxRuntime.jsxs(ui.Flex, {
     gap: 2,
     align: "center",
@@ -2123,14 +2115,17 @@ function AssistField(props) {
       children: /* @__PURE__ */jsxRuntime.jsx(AiFieldPresence, {
         presence: pre
       }, pre.lastActiveAt)
-    }, pre.user.id)), /* @__PURE__ */jsxRuntime.jsx(FieldActionsOnboarding, {
-      ...props,
-      children: props.actions
+    }, pre.user.id)), isFirstAssisted && showOnboarding && /* @__PURE__ */jsxRuntime.jsx(AssistOnboardingPopover, {
+      dismiss: dismissOnboarding
     })]
   });
   return props.renderDefault({
     ...props,
-    actions
+    // When showing the onboarding, prevent default field actions from being rendered
+    actions: isFirstAssisted && showOnboarding ? [] : props.actions,
+    // Render presence (and possibly onboarding) in the internal slot (between presence and the field actions)
+    // eslint-disable-next-line camelcase
+    __internal_slot: actions
   });
 }
 const ConnectorsStoreContext = react.createContext(null);
@@ -4355,18 +4350,18 @@ const assistFieldActions = {
     }, [fieldAssist == null ? void 0 : fieldAssist.instructions]);
     const instructions = react.useMemo(() => [...privateInstructions, ...sharedInstructions], [privateInstructions, sharedInstructions]);
     const runInstructionsGroup = react.useMemo(() => {
-      return (instructions == null ? void 0 : instructions.length) ? node({
+      return (instructions == null ? void 0 : instructions.length) || imageCaptionAction ? node({
         type: "group",
         icon: () => null,
         title: "Run instructions",
-        children: [...instructions.map(instruction => instructionItem({
+        children: [...(instructions == null ? void 0 : instructions.map(instruction => instructionItem({
           instruction,
           isPrivate: Boolean(instruction.userId && instruction.userId === (currentUser == null ? void 0 : currentUser.id)),
           onInstructionAction,
           hidden: isHidden,
           documentIsNew: !!documentIsNew,
           assistSupported
-        })), imageCaptionAction].filter(Boolean),
+        }))), imageCaptionAction].filter(Boolean),
         expanded: true
       }) : void 0;
     }, [instructions, currentUser == null ? void 0 : currentUser.id, onInstructionAction, isHidden, documentIsNew, assistSupported, imageCaptionAction]);
@@ -4382,23 +4377,13 @@ const assistFieldActions = {
       type: "group",
       icon: icons.SparklesIcon,
       title: pluginTitleShort,
-      children: [runInstructionsGroup,
-      /*         documentIsNew && {
-        type: 'action',
-        disabled: true,
-        title: `Document is new. Make an edit to enable `,
-        icon: WarningOutlineIcon,
-        tone: 'caution',
-        status: 'warning',
-        onAction: () => {},
-      },*/
-      manageInstructionsItem].filter(c => !!c),
+      children: [runInstructionsGroup, assistSupported && manageInstructionsItem].filter(c => !!c),
       expanded: false,
       renderAsButton: true,
-      hidden: !assistSupported
+      hidden: !assistSupported && !imageCaptionAction
     }), [
     //documentIsNew,
-    runInstructionsGroup, manageInstructionsItem, assistSupported]);
+    runInstructionsGroup, manageInstructionsItem, assistSupported, imageCaptionAction]);
     const emptyAction = react.useMemo(() => node({
       type: "action",
       hidden: !assistSupported,