@sanity/sdk-react 2.6.0 → 2.7.0

package/dist/index.js

@@ -1,7 +1,7 @@
 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, isProjectUserNotFoundClientError, getClientErrorApiDescription, getClientErrorApiBody, getCorsErrorProjectId, createSanityInstance, agentGenerate, agentTransform, agentTranslate, agentPrompt, agentPatch, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, isDatasetSource, isMediaLibrarySource, isCanvasSource, 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, isStudioConfig, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, isProjectUserNotFoundClientError, getClientErrorApiDescription, getClientErrorApiBody, getCorsErrorProjectId, createSanityInstance, agentGenerate, agentTransform, agentTranslate, agentPrompt, agentPatch, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, isDatasetSource, isMediaLibrarySource, isCanvasSource, 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, StrictMode, useCallback, useMemo, useInsertionEffect, useTransition } from "react";
 import { ErrorBoundary } from "react-error-boundary";
@@ -144,8 +144,8 @@ const ComlinkTokenRefreshProvider = (t0) => {
   } = t0, instance = useSanityInstance();
   let t1;
   t1 = getIsInDashboardState(instance).getCurrent();
-  const isInDashboard = t1, studioModeEnabled = !!instance.config.studioMode?.enabled;
-  if (isInDashboard && !studioModeEnabled) {
+  const isInDashboard = t1, isStudio = isStudioConfig(instance.config);
+  if (isInDashboard && !isStudio) {
     let t2;
     return $[0] !== children ? (t2 = /* @__PURE__ */ jsx(DashboardTokenRefresh, { children }), $[0] = children, $[1] = t2) : t2 = $[1], t2;
   }
@@ -360,7 +360,7 @@ function AuthBoundary(t0) {
   return $[7] !== FallbackComponent || $[8] !== t4 ? (t5 = /* @__PURE__ */ jsx(ComlinkTokenRefreshProvider, { children: /* @__PURE__ */ jsx(ErrorBoundary, { FallbackComponent, children: t4 }) }), $[7] = FallbackComponent, $[8] = t4, $[9] = t5) : t5 = $[9], t5;
 }
 function AuthSwitch(t0) {
-  const $ = c(14);
+  const $ = c(16);
   let children, projectIds, props, t1, t2;
   $[0] !== t0 ? ({
     CallbackComponent: t1,
@@ -369,11 +369,14 @@ function AuthSwitch(t0) {
     projectIds,
     ...props
   } = t0, $[0] = t0, $[1] = children, $[2] = projectIds, $[3] = props, $[4] = t1, $[5] = t2) : (children = $[1], projectIds = $[2], props = $[3], t1 = $[4], t2 = $[5]);
-  const CallbackComponent = t1 === void 0 ? LoginCallback : t1, verifyOrganization = t2 === void 0 ? !0 : t2, authState = useAuthState(), studioModeEnabled = useSanityInstance().config.studioMode?.enabled, disableVerifyOrg = !verifyOrganization || studioModeEnabled || authState.type !== AuthStateType.LOGGED_IN, orgError = useVerifyOrgProjects(disableVerifyOrg, projectIds), isLoggedOut = authState.type === AuthStateType.LOGGED_OUT && !authState.isDestroyingSession, loginUrl = useLoginUrl();
-  let t3, t4;
-  if ($[6] !== isLoggedOut || $[7] !== loginUrl || $[8] !== studioModeEnabled ? (t3 = () => {
-    isLoggedOut && !isInIframe() && !studioModeEnabled && (window.location.href = loginUrl);
-  }, t4 = [isLoggedOut, loginUrl, studioModeEnabled], $[6] = isLoggedOut, $[7] = loginUrl, $[8] = studioModeEnabled, $[9] = t3, $[10] = t4) : (t3 = $[9], t4 = $[10]), useEffect(t3, t4), verifyOrganization && orgError)
+  const CallbackComponent = t1 === void 0 ? LoginCallback : t1, verifyOrganization = t2 === void 0 ? !0 : t2, authState = useAuthState(), instance = useSanityInstance();
+  let t3;
+  $[6] !== instance.config ? (t3 = isStudioConfig(instance.config), $[6] = instance.config, $[7] = t3) : t3 = $[7];
+  const isStudio = t3, disableVerifyOrg = !verifyOrganization || isStudio || authState.type !== AuthStateType.LOGGED_IN, orgError = useVerifyOrgProjects(disableVerifyOrg, projectIds), isLoggedOut = authState.type === AuthStateType.LOGGED_OUT && !authState.isDestroyingSession, loginUrl = useLoginUrl();
+  let t4, t5;
+  if ($[8] !== isLoggedOut || $[9] !== isStudio || $[10] !== loginUrl ? (t4 = () => {
+    isLoggedOut && !isInIframe() && !isStudio && (window.location.href = loginUrl);
+  }, t5 = [isLoggedOut, loginUrl, isStudio], $[8] = isLoggedOut, $[9] = isStudio, $[10] = loginUrl, $[11] = t4, $[12] = t5) : (t4 = $[11], t5 = $[12]), useEffect(t4, t5), verifyOrganization && orgError)
     throw new ConfigurationError({
       message: orgError
     });
@@ -381,8 +384,8 @@ function AuthSwitch(t0) {
     case AuthStateType.ERROR:
       throw new AuthError(authState.error);
     case AuthStateType.LOGGING_IN: {
-      let t5;
-      return $[11] !== CallbackComponent || $[12] !== props ? (t5 = /* @__PURE__ */ jsx(CallbackComponent, { ...props }), $[11] = CallbackComponent, $[12] = props, $[13] = t5) : t5 = $[13], t5;
+      let t6;
+      return $[13] !== CallbackComponent || $[14] !== props ? (t6 = /* @__PURE__ */ jsx(CallbackComponent, { ...props }), $[13] = CallbackComponent, $[14] = props, $[15] = t6) : t6 = $[15], t6;
     }
     case AuthStateType.LOGGED_IN:
       return children;
@@ -392,6 +395,8 @@ function AuthSwitch(t0) {
       throw new Error(`Invalid auth state: ${authState.type}`);
   }
 }
+const SDKStudioContext = createContext(null);
+SDKStudioContext.displayName = "SDKStudioContext";
 const DEFAULT_FALLBACK = /* @__PURE__ */ jsx(Fragment, { children: "Warning: No fallback provided. Please supply a fallback prop to ensure proper Suspense handling." });
 function ResourceProvider(t0) {
   const $ = c(16);
@@ -453,26 +458,50 @@ function _temp$5(c2) {
   return c2.projectId;
 }
 const REDIRECT_URL = "https://sanity.io/welcome";
+function deriveConfigFromWorkspace(workspace) {
+  return {
+    projectId: workspace.projectId,
+    dataset: workspace.dataset,
+    studio: {
+      auth: workspace.auth.token ? {
+        token: workspace.auth.token
+      } : void 0
+    }
+  };
+}
 function SanityApp(t0) {
-  const $ = c(15);
-  let children, fallback, props, t1;
+  const $ = c(18);
+  let children, configProp, fallback, props;
   $[0] !== t0 ? ({
     children,
     fallback,
-    config: t1,
+    config: configProp,
     ...props
-  } = t0, $[0] = t0, $[1] = children, $[2] = fallback, $[3] = props, $[4] = t1) : (children = $[1], fallback = $[2], props = $[3], t1 = $[4]);
-  let t2;
-  $[5] !== t1 ? (t2 = t1 === void 0 ? [] : t1, $[5] = t1, $[6] = t2) : t2 = $[6];
-  const config = t2;
-  let t3, t4;
-  $[7] !== config ? (t3 = () => {
+  } = t0, $[0] = t0, $[1] = children, $[2] = configProp, $[3] = fallback, $[4] = props) : (children = $[1], configProp = $[2], fallback = $[3], props = $[4]);
+  const studioWorkspace = useContext(SDKStudioContext);
+  let t1;
+  bb0: {
+    if (configProp) {
+      t1 = configProp;
+      break bb0;
+    }
+    if (studioWorkspace) {
+      let t23;
+      $[5] !== studioWorkspace ? (t23 = deriveConfigFromWorkspace(studioWorkspace), $[5] = studioWorkspace, $[6] = t23) : t23 = $[6], t1 = t23;
+      break bb0;
+    }
+    let t22;
+    $[7] === Symbol.for("react.memo_cache_sentinel") ? (t22 = [], $[7] = t22) : t22 = $[7], t1 = t22;
+  }
+  const resolvedConfig = t1;
+  let t2, t3;
+  $[8] !== configProp || $[9] !== resolvedConfig || $[10] !== studioWorkspace ? (t2 = () => {
     let timeout;
-    const primaryConfig = Array.isArray(config) ? config[0] : config;
-    return !isInIframe() && !isLocalUrl(window) && !primaryConfig?.studioMode?.enabled && (timeout = setTimeout(_temp$4, 1e3)), () => clearTimeout(timeout);
-  }, t4 = [config], $[7] = config, $[8] = t3, $[9] = t4) : (t3 = $[8], t4 = $[9]), useEffect(t3, t4);
-  let t5;
-  return $[10] !== children || $[11] !== config || $[12] !== fallback || $[13] !== props ? (t5 = /* @__PURE__ */ jsx(SDKProvider, { ...props, fallback, config, children }), $[10] = children, $[11] = config, $[12] = fallback, $[13] = props, $[14] = t5) : t5 = $[14], t5;
+    const primaryConfig = Array.isArray(resolvedConfig) ? resolvedConfig[0] : resolvedConfig, shouldRedirectWithoutConfig = configProp === void 0 && !studioWorkspace && !primaryConfig;
+    return !isInIframe() && !isLocalUrl(window) && (shouldRedirectWithoutConfig || primaryConfig && !isStudioConfig(primaryConfig)) && (timeout = setTimeout(_temp$4, 1e3)), () => clearTimeout(timeout);
+  }, t3 = [configProp, resolvedConfig, studioWorkspace], $[8] = configProp, $[9] = resolvedConfig, $[10] = studioWorkspace, $[11] = t2, $[12] = t3) : (t2 = $[11], t3 = $[12]), useEffect(t2, t3);
+  let t4;
+  return $[13] !== children || $[14] !== fallback || $[15] !== props || $[16] !== resolvedConfig ? (t4 = /* @__PURE__ */ jsx(SDKProvider, { ...props, fallback, config: resolvedConfig, children }), $[13] = children, $[14] = fallback, $[15] = props, $[16] = resolvedConfig, $[17] = t4) : t4 = $[17], t4;
 }
 function _temp$4() {
   console.warn("Redirecting to core", REDIRECT_URL), window.location.replace(REDIRECT_URL);
@@ -620,21 +649,31 @@ function useDashboardNavigate(navigateFn) {
     }
   }, $[0] = navigateFn, $[1] = t0) : t0 = $[1], useWindowConnection(t0);
 }
-function useSource(options) {
+function useNormalizedSourceOptions(options) {
+  const $ = c(6);
+  let rest, sourceName;
+  if ($[0] !== options ? ({
+    sourceName,
+    ...rest
+  } = options, $[0] = options, $[1] = rest, $[2] = sourceName) : (rest = $[1], sourceName = $[2]), sourceName && Object.hasOwn(options, "source"))
+    throw new Error(`Source name ${JSON.stringify(sourceName)} and source ${JSON.stringify(options.source)} cannot be used together.`);
   const sources = useContext(SourcesContext);
-  if (!(!options.sourceName && !options.source)) {
-    if (options.source)
-      return options.source;
-    if (options.sourceName && !Object.hasOwn(sources, options.sourceName))
-      throw new Error(`There's no source named ${JSON.stringify(options.sourceName)} in context. Please use <SourceProvider>.`);
-    return options.sourceName ? sources[options.sourceName] : void 0;
-  }
+  let resolvedSource;
+  if (options.source && (resolvedSource = options.source), sourceName && !Object.hasOwn(sources, sourceName))
+    throw new Error(`There's no source named ${JSON.stringify(sourceName)} in context. Please use <SourceProvider>.`);
+  sourceName && sources[sourceName] && (resolvedSource = sources[sourceName]);
+  let t0;
+  return $[3] !== resolvedSource || $[4] !== rest ? (t0 = {
+    ...rest,
+    source: resolvedSource
+  }, $[3] = resolvedSource, $[4] = rest, $[5] = t0) : t0 = $[5], t0;
 }
 function useResourceIdFromDocumentHandle(documentHandle) {
-  const $ = c(3), source = useSource(documentHandle), {
+  const $ = c(3), options = useNormalizedSourceOptions(documentHandle), {
     projectId,
-    dataset
-  } = documentHandle;
+    dataset,
+    source
+  } = options;
   let resourceId = "", resourceType;
   projectId && dataset && (resourceId = `${projectId}.${dataset}`), source && (isDatasetSource(source) ? (resourceId = `${source.projectId}.${source.dataset}`, resourceType = void 0) : isMediaLibrarySource(source) ? (resourceId = source.mediaLibraryId, resourceType = "media-library") : isCanvasSource(source) && (resourceId = source.canvasId, resourceType = "canvas"));
   let t0;
@@ -660,13 +699,8 @@ function useDispatchIntent(params) {
       try {
         if (!action && !intentId)
           throw new Error("useDispatchIntent: Either `action` or `intentId` must be provided.");
-        const {
-          projectId,
-          dataset,
-          sourceName
-        } = documentHandle;
-        if (action && intentId && console.warn("useDispatchIntent: Both `action` and `intentId` were provided. Using `intentId` and ignoring `action`."), !sourceName && (!projectId || !dataset))
-          throw new Error("useDispatchIntent: Either `sourceName` or both `projectId` and `dataset` must be provided in documentHandle.");
+        if (action && intentId && console.warn("useDispatchIntent: Both `action` and `intentId` were provided. Using `intentId` and ignoring `action`."), !resource.id)
+          throw new Error("useDispatchIntent: Unable to determine resource. Either `source`, `sourceName`, or both `projectId` and `dataset` must be provided in documentHandle.");
         const message = {
           type: "dashboard/v1/events/intents/dispatch-intent",
           data: {
@@ -1076,7 +1110,7 @@ function _temp$1(key) {
   return !ignoredKeys.includes(key);
 }
 function useQuery(options) {
-  const instance = useSanityInstance(options), source = useSource(options), [isPending, startTransition] = useTransition(), queryKey = getQueryKey(options), [deferredQueryKey, setDeferredQueryKey] = useState(queryKey), ref = useRef(new AbortController());
+  const instance = useSanityInstance(options), normalized = useNormalizedSourceOptions(options), [isPending, startTransition] = useTransition(), queryKey = getQueryKey(normalized), [deferredQueryKey, setDeferredQueryKey] = useState(queryKey), ref = useRef(new AbortController());
   useEffect(() => {
     queryKey !== deferredQueryKey && startTransition(() => {
       ref && !ref.current.signal.aborted && (ref.current.abort(), ref.current = new AbortController()), setDeferredQueryKey(queryKey);
@@ -1087,16 +1121,12 @@ function useQuery(options) {
     subscribe
   } = useMemo(() => {
     const deferred = parseQueryKey(deferredQueryKey);
-    return getQueryState(instance, {
-      ...deferred,
-      source
-    });
-  }, [instance, deferredQueryKey, source]);
+    return getQueryState(instance, deferred);
+  }, [instance, deferredQueryKey]);
   if (getCurrent() === void 0) {
     const currentSignal = ref.current.signal, deferred_0 = parseQueryKey(deferredQueryKey);
     throw resolveQuery(instance, {
       ...deferred_0,
-      source,
       signal: currentSignal
     });
   }
@@ -1349,13 +1379,13 @@ function useDocumentProjection({
   projection,
   ...docHandle
 }) {
-  const instance = useSanityInstance(docHandle), normalizedProjection = useMemo(() => projection.trim(), [projection]), stateSource = useMemo(() => getProjectionState(instance, {
-    ...docHandle,
+  const instance = useSanityInstance(docHandle), normalizedProjection = useMemo(() => projection.trim(), [projection]), normalizedDocHandle = useNormalizedSourceOptions(docHandle), stateSource = useMemo(() => getProjectionState(instance, {
+    ...normalizedDocHandle,
     projection: normalizedProjection
-  }), [instance, normalizedProjection, docHandle]);
+  }), [instance, normalizedDocHandle, normalizedProjection]);
   if (stateSource.getCurrent()?.data === null)
     throw resolveProjection(instance, {
-      ...docHandle,
+      ...normalizedDocHandle,
       projection: normalizedProjection
     });
   const subscribe = useCallback((onStoreChanged) => {
@@ -1445,7 +1475,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "2.6.0";
+var version = "2.7.0";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -1461,6 +1491,7 @@ export {
   REACT_SDK_VERSION,
   ResourceProvider,
   SDKProvider,
+  SDKStudioContext,
   SanityApp,
   renderSanityApp,
   useActiveReleases,