@sanity/sdk-react 2.3.1 → 2.5.0

package/dist/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import { ClientError, CorsOriginError } from "@sanity/client";
-import { getAuthState, getNodeState, getIsInDashboardState, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, getCorsErrorProjectId, createSanityInstance, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPresence, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
+import { getAuthState, getNodeState, getIsInDashboardState, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, isProjectUserNotFoundClientError, getClientErrorApiDescription, getClientErrorApiBody, getCorsErrorProjectId, createSanityInstance, agentGenerate, agentTransform, agentTranslate, agentPrompt, agentPatch, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPresence, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
 export * from "@sanity/sdk";
-import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, useMemo, useCallback, useInsertionEffect, useTransition } from "react";
+import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, useCallback, useMemo, useInsertionEffect, useTransition } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { SDK_CHANNEL_NAME, SDK_NODE_NAME } from "@sanity/message-protocol";
 import { firstValueFrom, filter, identity, Observable, startWith, distinctUntilChanged, switchMap, EMPTY } from "rxjs";
@@ -297,13 +297,13 @@ function _temp$5(replacementLocation) {
 }
 const useLogOut = createCallbackHook(logout);
 function LoginError(t0) {
-  const $ = c(17), {
+  const $ = c(18), {
     error,
     resetErrorBoundary
   } = t0;
   if (!(error instanceof AuthError || error instanceof ConfigurationError || error instanceof ClientError))
     throw error;
-  const logout2 = useLogOut(), authState = useAuthState(), [authErrorMessage, setAuthErrorMessage] = useState("Please try again or contact support if the problem persists.");
+  const logout2 = useLogOut(), authState = useAuthState(), [authErrorMessage, setAuthErrorMessage] = useState("Please try again or contact support if the problem persists."), [showRetryCta, setShowRetryCta] = useState(!0);
   let t1;
   $[0] !== logout2 || $[1] !== resetErrorBoundary ? (t1 = async () => {
     await logout2(), resetErrorBoundary();
@@ -313,24 +313,28 @@ function LoginError(t0) {
   $[3] !== authState.type || $[4] !== error || $[5] !== handleRetry ? (t2 = () => {
     if (error instanceof ClientError) {
       if (error.statusCode === 401)
-        handleRetry();
+        if (isProjectUserNotFoundClientError(error)) {
+          const description = getClientErrorApiDescription(error);
+          description && setAuthErrorMessage(description), setShowRetryCta(!1);
+        } else
+          setShowRetryCta(!0), handleRetry();
       else if (error.statusCode === 404) {
-        const errorMessage = error.response.body.message || "";
-        errorMessage.startsWith("Session with sid") && errorMessage.endsWith("not found") ? setAuthErrorMessage("The session ID is invalid or expired.") : setAuthErrorMessage("The login link is invalid or expired. Please try again.");
+        const errorMessage = getClientErrorApiBody(error)?.message || "";
+        errorMessage.startsWith("Session with sid") && errorMessage.endsWith("not found") ? setAuthErrorMessage("The session ID is invalid or expired.") : setAuthErrorMessage("The login link is invalid or expired. Please try again."), setShowRetryCta(!0);
       }
     }
-    authState.type !== AuthStateType.ERROR && error instanceof ConfigurationError && setAuthErrorMessage(error.message);
+    authState.type !== AuthStateType.ERROR && error instanceof ConfigurationError && (setAuthErrorMessage(error.message), setShowRetryCta(!0));
   }, $[3] = authState.type, $[4] = error, $[5] = handleRetry, $[6] = t2) : t2 = $[6];
   let t3;
   $[7] !== authState || $[8] !== error || $[9] !== handleRetry ? (t3 = [authState, handleRetry, error], $[7] = authState, $[8] = error, $[9] = handleRetry, $[10] = t3) : t3 = $[10], useEffect(t2, t3);
   const t4 = error instanceof AuthError ? "Authentication Error" : "Configuration Error";
   let t5;
-  $[11] !== handleRetry ? (t5 = {
+  $[11] !== handleRetry || $[12] !== showRetryCta ? (t5 = showRetryCta ? {
     text: "Retry",
     onClick: handleRetry
-  }, $[11] = handleRetry, $[12] = t5) : t5 = $[12];
+  } : void 0, $[11] = handleRetry, $[12] = showRetryCta, $[13] = t5) : t5 = $[13];
   let t6;
-  return $[13] !== authErrorMessage || $[14] !== t4 || $[15] !== t5 ? (t6 = /* @__PURE__ */ jsx(Error$1, { heading: t4, description: authErrorMessage, cta: t5 }), $[13] = authErrorMessage, $[14] = t4, $[15] = t5, $[16] = t6) : t6 = $[16], t6;
+  return $[14] !== authErrorMessage || $[15] !== t4 || $[16] !== t5 ? (t6 = /* @__PURE__ */ jsx(Error$1, { heading: t4, description: authErrorMessage, cta: t5 }), $[14] = authErrorMessage, $[15] = t4, $[16] = t5, $[17] = t6) : t6 = $[17], t6;
 }
 if (isInIframe() && !document.querySelector("[data-sanity-core]")) {
   const parsedUrl = new URL(window.location.href), mode = new URLSearchParams(parsedUrl.hash.slice(1)).get("mode"), script = document.createElement("script");
@@ -449,6 +453,60 @@ function SanityApp(t0) {
 function _temp$4() {
   console.warn("Redirecting to core", REDIRECT_URL), window.location.replace(REDIRECT_URL);
 }
+const useAgentGenerate = createCallbackHook(agentGenerate), useAgentTransform = createCallbackHook(agentTransform), useAgentTranslate = createCallbackHook(agentTranslate);
+function promptAdapter(instance, options) {
+  return firstValueFrom(agentPrompt(instance, options));
+}
+const useAgentPrompt = createCallbackHook(promptAdapter);
+function patchAdapter(instance, options) {
+  return firstValueFrom(agentPatch(instance, options));
+}
+const useAgentPatch = createCallbackHook(patchAdapter);
+function useAgentResourceContext(options) {
+  const $ = c(9), {
+    projectId,
+    dataset,
+    documentId
+  } = options;
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  }, $[0] = t0) : t0 = $[0];
+  const {
+    sendMessage
+  } = useWindowConnection(t0), lastContextRef = useRef(null);
+  let t1;
+  $[1] !== dataset || $[2] !== documentId || $[3] !== projectId || $[4] !== sendMessage ? (t1 = () => {
+    if (!projectId || !dataset) {
+      console.warn("[useAgentResourceContext] projectId and dataset are required", {
+        projectId,
+        dataset
+      });
+      return;
+    }
+    const contextKey = `${projectId}:${dataset}:${documentId || ""}`;
+    if (lastContextRef.current !== contextKey)
+      try {
+        const message = {
+          type: "dashboard/v1/events/agent/resource/update",
+          data: {
+            projectId,
+            dataset,
+            documentId
+          }
+        };
+        sendMessage(message.type, message.data), lastContextRef.current = contextKey;
+      } catch (t22) {
+        console.error("[useAgentResourceContext] Failed to update context:", t22);
+      }
+  }, $[1] = dataset, $[2] = documentId, $[3] = projectId, $[4] = sendMessage, $[5] = t1) : t1 = $[5];
+  const updateContext = t1;
+  let t2, t3;
+  $[6] !== updateContext ? (t2 = () => {
+    updateContext();
+  }, t3 = [updateContext], $[6] = updateContext, $[7] = t2, $[8] = t3) : (t2 = $[7], t3 = $[8]), useEffect(t2, t3);
+}
 const useAuthToken = createStateSourceHook(getTokenState), useCurrentUser = createStateSourceHook(getCurrentUserState);
 function useDashboardOrganizationId() {
   const $ = c(2), instance = useSanityInstance();
@@ -461,8 +519,12 @@ function useDashboardOrganizationId() {
   return useSyncExternalStore(subscribe, getCurrent);
 }
 const useClient = createStateSourceHook({
-  getState: getClientState,
-  getConfig: identity
+  getState: (instance, options) => {
+    if (!options || typeof options != "object")
+      throw new Error('useClient() requires a configuration object with at least an "apiVersion" property. Example: useClient({ apiVersion: "2024-11-12" })');
+    return getClientState(instance, options);
+  },
+  getConfig: (options) => options
 });
 function useFrameConnection(options) {
   const $ = c(12), {
@@ -526,6 +588,84 @@ function useDashboardNavigate(navigateFn) {
     }
   }, $[0] = navigateFn, $[1] = t0) : t0 = $[1], useWindowConnection(t0);
 }
+const SOURCE_ID = "__sanity_internal_sourceId", isDocumentHandleWithSource = (documentHandle) => "source" in documentHandle;
+function getResourceIdFromDocumentHandle(documentHandle) {
+  let source;
+  const {
+    projectId,
+    dataset
+  } = documentHandle;
+  isDocumentHandleWithSource(documentHandle) && (source = documentHandle.source);
+  let resourceId = projectId + "." + dataset, resourceType;
+  if (source) {
+    const sourceId = source[SOURCE_ID];
+    if (Array.isArray(sourceId))
+      (sourceId[0] === "media-library" || sourceId[0] === "canvas") && (resourceType = sourceId[0], resourceId = sourceId[1]);
+    else if (sourceId && typeof sourceId == "object" && "projectId" in sourceId) {
+      const datasetSource = sourceId;
+      resourceId = `${datasetSource.projectId}.${datasetSource.dataset}`;
+    }
+  }
+  return {
+    id: resourceId,
+    type: resourceType
+  };
+}
+function useDispatchIntent(params) {
+  const {
+    action,
+    intentId,
+    documentHandle,
+    parameters
+  } = params, {
+    sendMessage
+  } = useWindowConnection({
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  });
+  return {
+    dispatchIntent: useCallback(() => {
+      try {
+        if (!action && !intentId)
+          throw new Error("useDispatchIntent: Either `action` or `intentId` must be provided.");
+        const {
+          projectId,
+          dataset,
+          source
+        } = documentHandle;
+        if (action && intentId && console.warn("useDispatchIntent: Both `action` and `intentId` were provided. Using `intentId` and ignoring `action`."), !source && (!projectId || !dataset))
+          throw new Error("useDispatchIntent: Either `source` or both `projectId` and `dataset` must be provided in documentHandle.");
+        const resource = getResourceIdFromDocumentHandle(documentHandle), message = {
+          type: "dashboard/v1/events/intents/dispatch-intent",
+          data: {
+            ...action && !intentId ? {
+              action
+            } : {},
+            ...intentId ? {
+              intentId
+            } : {},
+            document: {
+              id: documentHandle.documentId,
+              type: documentHandle.documentType
+            },
+            resource: {
+              id: resource.id,
+              ...resource.type ? {
+                type: resource.type
+              } : {}
+            },
+            ...parameters && Object.keys(parameters).length > 0 ? {
+              parameters
+            } : {}
+          }
+        };
+        sendMessage(message.type, message.data);
+      } catch (error) {
+        throw console.error("Failed to dispatch intent:", error), error;
+      }
+    }, [action, intentId, documentHandle, parameters, sendMessage])
+  };
+}
 function useManageFavorite({
   documentId,
   documentType,
@@ -738,7 +878,41 @@ const useDatasets = createStateSourceHook({
   ),
   suspender: resolveDatasets,
   getConfig: identity
-}), useApplyDocumentActions = createCallbackHook(applyDocumentActions), useDocumentValue = createStateSourceHook({
+}), useApplyDocumentActions = () => {
+  const $ = c(2), instance = useSanityInstance();
+  let t0;
+  return $[0] !== instance ? (t0 = (actionOrActions, options) => {
+    const actions = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions];
+    let projectId, dataset;
+    for (const action of actions)
+      if (action.projectId) {
+        if (projectId || (projectId = action.projectId), action.projectId !== projectId)
+          throw new Error(`Mismatched project IDs found in actions. All actions must belong to the same project. Found "${action.projectId}" but expected "${projectId}".`);
+        if (action.dataset && (dataset || (dataset = action.dataset), action.dataset !== dataset))
+          throw new Error(`Mismatched datasets found in actions. All actions must belong to the same dataset. Found "${action.dataset}" but expected "${dataset}".`);
+      }
+    if (projectId || dataset) {
+      const actualInstance = instance.match({
+        projectId,
+        dataset
+      });
+      if (!actualInstance)
+        throw new Error(`Could not find a matching Sanity instance for the requested action: ${JSON.stringify({
+          projectId,
+          dataset
+        }, null, 2)}.
+  Please ensure there is a ResourceProvider component with a matching configuration in the component hierarchy.`);
+      return applyDocumentActions(actualInstance, {
+        actions,
+        ...options
+      });
+    }
+    return applyDocumentActions(instance, {
+      actions,
+      ...options
+    });
+  }, $[0] = instance, $[1] = t0) : t0 = $[1], t0;
+}, useDocumentValue = createStateSourceHook({
   // Pass options directly to getDocumentState
   getState: (instance, options) => getDocumentState(instance, options),
   // Pass options directly to getDocumentState for checking current value
@@ -777,8 +951,8 @@ function useDocumentEvent(options) {
 }
 function useDocumentPermissions(actionOrActions) {
   const $ = c(13);
-  let t0;
-  $[0] !== actionOrActions ? (t0 = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions], $[0] = actionOrActions, $[1] = t0) : t0 = $[1];
+  let t0, t1;
+  $[0] !== actionOrActions ? (t1 = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions], $[0] = actionOrActions, $[1] = t1) : t1 = $[1], t0 = t1;
   const actions = t0;
   let projectId, dataset;
   if ($[2] !== actions || $[3] !== dataset || $[4] !== projectId) {
@@ -792,20 +966,26 @@ function useDocumentPermissions(actionOrActions) {
     $[2] = actions, $[3] = dataset, $[4] = projectId, $[5] = projectId, $[6] = dataset;
   } else
     projectId = $[5], dataset = $[6];
-  let t1;
-  $[7] !== dataset || $[8] !== projectId ? (t1 = {
+  let t2;
+  $[7] !== dataset || $[8] !== projectId ? (t2 = {
     projectId,
     dataset
-  }, $[7] = dataset, $[8] = projectId, $[9] = t1) : t1 = $[9];
-  const instance = useSanityInstance(t1);
-  if (getPermissionsState(instance, actionOrActions).getCurrent() === void 0)
-    throw firstValueFrom(getPermissionsState(instance, actionOrActions).observable.pipe(filter(_temp$2)));
-  let t2, t3;
-  $[10] !== actionOrActions || $[11] !== instance ? (t3 = getPermissionsState(instance, actionOrActions), $[10] = actionOrActions, $[11] = instance, $[12] = t3) : t3 = $[12], t2 = t3;
+  }, $[7] = dataset, $[8] = projectId, $[9] = t2) : t2 = $[9];
+  const instance = useSanityInstance(t2);
+  if (getPermissionsState(instance, {
+    actions
+  }).getCurrent() === void 0)
+    throw firstValueFrom(getPermissionsState(instance, {
+      actions
+    }).observable.pipe(filter(_temp$2)));
+  let t3, t4;
+  $[10] !== actions || $[11] !== instance ? (t4 = getPermissionsState(instance, {
+    actions
+  }), $[10] = actions, $[11] = instance, $[12] = t4) : t4 = $[12], t3 = t4;
   const {
     subscribe,
     getCurrent
-  } = t2;
+  } = t3;
   return useSyncExternalStore(subscribe, getCurrent);
 }
 function _temp$2(result) {
@@ -1125,35 +1305,27 @@ function useDocumentPreview(t0) {
     return currentState;
   }, $[9] = docHandle, $[10] = instance, $[11] = stateSource, $[12] = t3) : t3 = $[12], useSyncExternalStore(subscribe, t3);
 }
-function useDocumentProjection(t0) {
-  const $ = c(12);
-  let docHandle, projection, ref;
-  $[0] !== t0 ? ({
-    ref,
-    projection,
-    ...docHandle
-  } = t0, $[0] = t0, $[1] = docHandle, $[2] = projection, $[3] = ref) : (docHandle = $[1], projection = $[2], ref = $[3]);
-  const instance = useSanityInstance(docHandle);
-  let stateSource, t1;
-  if ($[4] !== docHandle || $[5] !== instance || $[6] !== projection ? (stateSource = getProjectionState(instance, {
+function useDocumentProjection({
+  ref,
+  projection,
+  ...docHandle
+}) {
+  const instance = useSanityInstance(docHandle), normalizedProjection = useMemo(() => projection.trim(), [projection]), stateSource = useMemo(() => getProjectionState(instance, {
     ...docHandle,
-    projection
-  }), t1 = stateSource.getCurrent()?.data, $[4] = docHandle, $[5] = instance, $[6] = projection, $[7] = stateSource, $[8] = t1) : (stateSource = $[7], t1 = $[8]), t1 === null)
+    projection: normalizedProjection
+  }), [instance, normalizedProjection, docHandle]);
+  if (stateSource.getCurrent()?.data === null)
     throw resolveProjection(instance, {
       ...docHandle,
-      projection
+      projection: normalizedProjection
     });
-  let t2;
-  return $[9] !== ref || $[10] !== stateSource ? (t2 = (onStoreChanged) => {
+  const subscribe = useCallback((onStoreChanged) => {
     const subscription = new Observable((observer) => {
       if (typeof IntersectionObserver > "u" || typeof HTMLElement > "u") {
         observer.next(!0);
         return;
       }
-      const intersectionObserver = new IntersectionObserver((t3) => {
-        const [entry] = t3;
-        return observer.next(entry.isIntersecting);
-      }, {
+      const intersectionObserver = new IntersectionObserver(([entry]) => observer.next(entry.isIntersecting), {
         rootMargin: "0px",
         threshold: 0
       });
@@ -1162,7 +1334,8 @@ function useDocumentProjection(t0) {
       next: onStoreChanged
     });
     return () => subscription.unsubscribe();
-  }, $[9] = ref, $[10] = stateSource, $[11] = t2) : t2 = $[11], useSyncExternalStore(t2, stateSource.getCurrent);
+  }, [stateSource, ref]);
+  return useSyncExternalStore(subscribe, stateSource.getCurrent);
 }
 const useProject = createStateSourceHook({
   // remove `undefined` since we're suspending when that is the case
@@ -1233,7 +1406,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "2.3.1";
+var version = "2.5.0";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -1251,6 +1424,12 @@ export {
   SDKProvider,
   SanityApp,
   useActiveReleases,
+  useAgentGenerate,
+  useAgentPatch,
+  useAgentPrompt,
+  useAgentResourceContext,
+  useAgentTransform,
+  useAgentTranslate,
   useApplyDocumentActions,
   useAuthState,
   useAuthToken,
@@ -1259,6 +1438,7 @@ export {
   useDashboardNavigate,
   useDashboardOrganizationId,
   useDatasets,
+  useDispatchIntent,
   useDocument,
   useDocumentEvent,
   useDocumentPermissions,