@sanity/assist 1.1.1 → 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);