@sanity/assist 5.0.1 → 5.0.2

package/dist/index.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { pathToString, getVersionFromId, getPublishedId, isVersionId, useEditState, useCurrentUser, useClient, typed, FormFieldHeaderText, PatchEvent, unset, isObjectSchemaType, stringToPath, isKeySegment, useSchema, getVersionId, getDraftId, useColorSchemeValue, isArraySchemaType, useFormCallbacks, useDocumentStore, useDocumentPresence, createPatchChannel, FormBuilder, fromMutationPatches, StatusButton, PresenceOverlay, VirtualizerScrollInstanceProvider, isDocumentSchemaType, useSyncState, set, useWorkspaceSchemaId, MemberFieldError, FormCallbacksProvider, FormInput, setIfMissing, insert, ObjectInputMember, isArrayOfObjectsSchemaType, defineType, defineField, defineArrayMember, definePlugin } from "sanity";
-import { useToast, useLayer, Dialog, Stack, Flex, Tooltip, Text, TextArea, Button, Badge, Popover, Card, Box, ErrorBoundary, focusFirstDescendant, Spinner, Container, Autocomplete, Breadcrumbs, useClickOutside, useGlobalKeyDown, useTheme, rgba, Radio, Checkbox, ThemeProvider, MenuButton, Menu, MenuItem, Switch, Label } from "@sanity/ui";
+import { useToast, useLayer, Dialog, Stack, Flex, Tooltip, Text, TextArea, Button, Card, Box, ErrorBoundary, focusFirstDescendant, Spinner, Container, Autocomplete, Breadcrumbs, useClickOutside, Popover, useGlobalKeyDown, useTheme, rgba, Radio, Checkbox, ThemeProvider, MenuButton, Menu, MenuItem, Switch, Label } from "@sanity/ui";
 import { useRef, useState, useEffect, useMemo, createContext, useContext, useCallback, useId, forwardRef, createElement, useReducer } from "react";
 import { useDocumentPane, usePaneRouter, DocumentInspectorHeader, DocumentPaneProvider } from "sanity/structure";
 import { minutesToMilliseconds, isAfter, addSeconds, formatDistanceToNow } from "date-fns";
-import { PlayIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, SparklesIcon, ArrowRightIcon, CheckmarkIcon, SearchIcon, SyncIcon, ErrorOutlineIcon, CheckmarkCircleIcon, ClockIcon, CloseCircleIcon, RetryIcon, CloseIcon, icons, TranslateIcon, LockIcon, ControlsIcon, ArrowLeftIcon, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon } from "@sanity/icons";
+import { PlayIcon, DocumentIcon, LinkIcon, ImageIcon, BlockContentIcon, OlistIcon, BlockquoteIcon, StringIcon, SparklesIcon, SearchIcon, SyncIcon, ErrorOutlineIcon, CheckmarkCircleIcon, ClockIcon, CloseCircleIcon, RetryIcon, ArrowRightIcon, CloseIcon, icons, TranslateIcon, LockIcon, ControlsIcon, ArrowLeftIcon, TokenIcon, DocumentTextIcon, ThListIcon, CodeIcon, ComposeIcon } from "@sanity/icons";
 import { extractWithPath } from "@sanity/mutator";
 import { keyframes, styled } from "styled-components";
 import { tap, mergeMap, share, take, filter, distinctUntilChanged, catchError } from "rxjs/operators";
@@ -953,70 +953,6 @@ function AssistDocumentLayout(props) {
   const { documentId, documentType } = props;
   return /* @__PURE__ */ jsx(AssistDocumentContextProvider, { documentType, documentId, children: props.renderDefault(props) });
 }
-function AssistFeatureBadge() {
-  return /* @__PURE__ */ jsx(Badge, { fontSize: 0, style: { margin: "-2px 0" }, tone: "primary", children: "Beta" });
-}
-function AssistOnboardingPopover(props) {
-  const { dismiss } = props;
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      content: /* @__PURE__ */ jsx(AssistIntroCard, { dismiss }),
-      open: !0,
-      portal: !0,
-      placeholder: "bottom",
-      tone: "default",
-      width: 0,
-      children: /* @__PURE__ */ jsx(Card, { radius: 2, shadow: 2, style: { padding: 2, lineHeight: 0 }, children: /* @__PURE__ */ jsx(Button, { disabled: !0, fontSize: 1, icon: SparklesIcon, mode: "bleed", padding: 2 }) })
-    }
-  );
-}
-function AssistIntroCard(props) {
-  const buttonRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Stack, { as: "section", padding: 3, space: 3, children: [
-    /* @__PURE__ */ jsxs(Stack, { padding: 2, space: 4, children: [
-      /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", children: [
-        /* @__PURE__ */ jsx(Text, { as: "h1", size: 1, weight: "semibold", children: pluginTitle }),
-        /* @__PURE__ */ jsx("div", { "aria-hidden": !0, style: { margin: "-3px 0", lineHeight: 0 }, children: /* @__PURE__ */ jsx(AssistFeatureBadge, {}) })
-      ] }),
-      /* @__PURE__ */ jsx(Stack, { space: 3, children: /* @__PURE__ */ jsxs(Text, { as: "p", muted: !0, size: 1, children: [
-        "Manage reusable AI instructions to boost your content creation and reduce amount of repetitive chores.",
-        " ",
-        /* @__PURE__ */ jsxs("a", { href: releaseAnnouncementUrl, target: "_blank", rel: "noreferrer", children: [
-          "Learn more ",
-          /* @__PURE__ */ jsx(ArrowRightIcon, {})
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        fontSize: 1,
-        icon: CheckmarkIcon,
-        onClick: props.dismiss,
-        padding: 3,
-        ref: buttonRef,
-        text: "Ok, good to know!",
-        tone: "primary"
-      }
-    )
-  ] });
-}
-const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed", fieldOnboardingKey = "sanityStudio:assist:field:onboarding:dismissed";
-function isFeatureOnboardingDismissed(featureKey) {
-  return typeof localStorage > "u" ? !1 : localStorage.getItem(featureKey) === "true";
-}
-function dismissFeatureOnboarding(featureKey) {
-  typeof localStorage > "u" || localStorage.setItem(featureKey, "true");
-}
-function useOnboardingFeature(featureKey) {
-  const [showOnboarding, setShowOnboarding] = useState(
-    () => !isFeatureOnboardingDismissed(featureKey)
-  ), dismissOnboarding = useCallback(() => {
-    setShowOnboarding(!1), dismissFeatureOnboarding(featureKey);
-  }, [setShowOnboarding, featureKey]);
-  return { showOnboarding, dismissOnboarding };
-}
 const fadeIn = keyframes`
   0% {
     opacity: 0;
@@ -1160,21 +1096,14 @@ function AssistFieldWrapper(props) {
   return !useMemo(() => isAssistSupported(schemaType), [schemaType]) || schemaType.name.startsWith("sanity.") || schemaType.name === contextDocumentTypeName ? props.renderDefault(props) : !isType(props.schemaType, "document") && props.inputId !== "root" && props.inputId !== assistFormId ? /* @__PURE__ */ jsx(AssistField, { ...props, children: props.children }) : props.renderDefault(props);
 }
 function AssistField(props) {
-  const { path } = props, isPortableText = useMemo(
+  const isPortableText = useMemo(
     () => !!(isArraySchemaType(props.schemaType) && isPortableTextArray(props.schemaType)),
     [props.schemaType]
-  ), presence = useAssistPresence(props.path, isPortableText), firstAssistedPath = useContext(FirstAssistedPathContext), isFirstAssisted = useMemo(
-    () => pathToString(path) === firstAssistedPath,
-    [path, firstAssistedPath]
-  ), { showOnboarding, dismissOnboarding } = useOnboardingFeature(fieldOnboardingKey), singlePresence = presence[0], actions = /* @__PURE__ */ jsxs(Flex, { gap: 2, align: "center", justify: "space-between", children: [
-    singlePresence && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(AiFieldPresence, { presence: singlePresence }) }),
-    isFirstAssisted && showOnboarding && /* @__PURE__ */ jsx(AssistOnboardingPopover, { dismiss: dismissOnboarding })
-  ] });
+  ), singlePresence = useAssistPresence(props.path, isPortableText)[0], actions = /* @__PURE__ */ jsx(Flex, { gap: 2, align: "center", justify: "space-between", children: singlePresence && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(AiFieldPresence, { presence: singlePresence }) }) });
   return props.renderDefault({
     ...props,
-    // 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)
+    actions: props.actions,
+    // Render presence in the internal slot (between presence and the field actions)
     // eslint-disable-next-line camelcase
     __internal_slot: actions
   });
@@ -1665,6 +1594,21 @@ function TaskItem(props) {
     !task.ended && /* @__PURE__ */ jsx(Box, { flex: "none", padding: 1, children: /* @__PURE__ */ jsx(Button, { fontSize: 1, mode: "bleed", onClick: task.cancel, text: "Cancel" }) })
   ] }) });
 }
+const inspectorOnboardingKey = "sanityStudio:assist:inspector:onboarding:dismissed";
+function isFeatureOnboardingDismissed(featureKey) {
+  return typeof localStorage > "u" ? !1 : localStorage.getItem(featureKey) === "true";
+}
+function dismissFeatureOnboarding(featureKey) {
+  typeof localStorage > "u" || localStorage.setItem(featureKey, "true");
+}
+function useOnboardingFeature(featureKey) {
+  const [showOnboarding, setShowOnboarding] = useState(
+    () => !isFeatureOnboardingDismissed(featureKey)
+  ), dismissOnboarding = useCallback(() => {
+    setShowOnboarding(!1), dismissFeatureOnboarding(featureKey);
+  }, [setShowOnboarding, featureKey]);
+  return { showOnboarding, dismissOnboarding };
+}
 const CardWithShadowBelow = styled(Card)`
   position: relative;