@sanity/sdk-react 2.5.0 → 2.7.0

package/dist/index.js

@@ -1,12 +1,13 @@
 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, 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, useCallback, useMemo, useInsertionEffect, useTransition } from "react";
+import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, StrictMode, 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";
+import { createRoot } from "react-dom/client";
 import { pick } from "lodash-es";
 const SanityInstanceContext = createContext(null), useSanityInstance = (config) => {
   const $ = c(3), instance = useContext(SanityInstanceContext);
@@ -65,7 +66,7 @@ function useWindowConnection(t0) {
     const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
     messageUnsubscribe && messageUnsubscribers.current.push(messageUnsubscribe);
   }), () => {
-    messageUnsubscribers.current.forEach(_temp$7), messageUnsubscribers.current = [];
+    messageUnsubscribers.current.forEach(_temp$8), messageUnsubscribers.current = [];
   }), $[4] = node, $[5] = onMessage, $[6] = t3) : t3 = $[6];
   let t4;
   $[7] !== instance || $[8] !== name || $[9] !== node || $[10] !== onMessage ? (t4 = [instance, name, onMessage, node], $[7] = instance, $[8] = name, $[9] = node, $[10] = onMessage, $[11] = t4) : t4 = $[11], useEffect(t3, t4);
@@ -83,7 +84,7 @@ function useWindowConnection(t0) {
     fetch
   }, $[16] = fetch, $[17] = sendMessage, $[18] = t7) : t7 = $[18], t7;
 }
-function _temp$7(unsubscribe) {
+function _temp$8(unsubscribe) {
   return unsubscribe();
 }
 const DEFAULT_RESPONSE_TIMEOUT = 1e4;
@@ -113,7 +114,7 @@ function DashboardTokenRefresh(t0) {
         if (clearRefreshTimeout(), res.token) {
           setAuthToken(instance, res.token);
           const errorContainer = document.getElementById("__sanityError");
-          errorContainer && Array.from(errorContainer.getElementsByTagName("div")).some(_temp$6) && errorContainer.remove();
+          errorContainer && Array.from(errorContainer.getElementsByTagName("div")).some(_temp$7) && errorContainer.remove();
         }
         isTokenRefreshInProgress.current = !1;
       } catch {
@@ -134,7 +135,7 @@ function DashboardTokenRefresh(t0) {
   let t7;
   return $[11] !== authState || $[12] !== requestNewToken ? (t7 = [authState, requestNewToken], $[11] = authState, $[12] = requestNewToken, $[13] = t7) : t7 = $[13], useEffect(t6, t7), children;
 }
-function _temp$6(div) {
+function _temp$7(div) {
   return div.textContent?.includes("Uncaught error: Unauthorized - A valid session is required for this endpoint");
 }
 const ComlinkTokenRefreshProvider = (t0) => {
@@ -143,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;
   }
@@ -289,10 +290,10 @@ function LoginCallback() {
   let t0, t1;
   return $[0] !== handleAuthCallback2 ? (t0 = () => {
     const url = new URL(location.href);
-    handleAuthCallback2(url.toString()).then(_temp$5);
+    handleAuthCallback2(url.toString()).then(_temp$6);
   }, t1 = [handleAuthCallback2], $[0] = handleAuthCallback2, $[1] = t0, $[2] = t1) : (t0 = $[1], t1 = $[2]), useEffect(t0, t1), null;
 }
-function _temp$5(replacementLocation) {
+function _temp$6(replacementLocation) {
   replacementLocation && history.replaceState(null, "", replacementLocation);
 }
 const useLogOut = createCallbackHook(logout);
@@ -359,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,
@@ -368,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
     });
@@ -380,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;
@@ -391,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);
@@ -419,40 +425,95 @@ function ResourceProvider(t0) {
   let t7;
   return $[13] !== instance || $[14] !== t6 ? (t7 = /* @__PURE__ */ jsx(SanityInstanceContext.Provider, { value: instance, children: t6 }), $[13] = instance, $[14] = t6, $[15] = t7) : t7 = $[15], t7;
 }
-function SDKProvider({
-  children,
-  config,
-  fallback,
-  ...props
-}) {
-  const configs = (Array.isArray(config) ? config : [config]).slice().reverse(), projectIds = configs.map((c2) => c2.projectId).filter((id) => !!id), createNestedProviders = (index) => index >= configs.length ? /* @__PURE__ */ jsx(AuthBoundary, { ...props, projectIds, children }) : /* @__PURE__ */ jsx(ResourceProvider, { ...configs[index], fallback, children: createNestedProviders(index + 1) });
-  return createNestedProviders(0);
+const SourcesContext = createContext({});
+function SDKProvider(t0) {
+  const $ = c(19);
+  let children, config, fallback, props;
+  $[0] !== t0 ? ({
+    children,
+    config,
+    fallback,
+    ...props
+  } = t0, $[0] = t0, $[1] = children, $[2] = config, $[3] = fallback, $[4] = props) : (children = $[1], config = $[2], fallback = $[3], props = $[4]);
+  let t1;
+  $[5] !== config ? (t1 = Array.isArray(config) ? config : [config], $[5] = config, $[6] = t1) : t1 = $[6];
+  let configs, t2;
+  $[7] !== t1 ? (configs = t1.slice().reverse(), t2 = configs.map(_temp$5).filter(_temp2$1), $[7] = t1, $[8] = configs, $[9] = t2) : (configs = $[8], t2 = $[9]);
+  const projectIds = t2;
+  let t3, t4;
+  $[10] !== props.sources ? (t4 = props.sources ?? {}, $[10] = props.sources, $[11] = t4) : t4 = $[11], t3 = t4;
+  const sourcesValue = t3;
+  let t5;
+  if ($[12] !== children || $[13] !== configs || $[14] !== fallback || $[15] !== projectIds || $[16] !== props || $[17] !== sourcesValue) {
+    const createNestedProviders = (index) => index >= configs.length ? /* @__PURE__ */ jsx(AuthBoundary, { ...props, projectIds, children: /* @__PURE__ */ jsx(SourcesContext.Provider, { value: sourcesValue, children }) }) : /* @__PURE__ */ jsx(ResourceProvider, { ...configs[index], fallback, children: createNestedProviders(index + 1) });
+    t5 = createNestedProviders(0), $[12] = children, $[13] = configs, $[14] = fallback, $[15] = projectIds, $[16] = props, $[17] = sourcesValue, $[18] = t5;
+  } else
+    t5 = $[18];
+  return t5;
+}
+function _temp2$1(id) {
+  return !!id;
+}
+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);
 }
+function renderSanityApp(rootElement, namedSources, options, children) {
+  if (!rootElement)
+    throw new Error("Missing root element to mount application into");
+  const {
+    reactStrictMode = !1
+  } = options, root = createRoot(rootElement), config = Object.values(namedSources);
+  return root.render(reactStrictMode ? /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(SanityApp, { config, fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }), children }) }) : /* @__PURE__ */ jsx(SanityApp, { config, fallback: /* @__PURE__ */ jsx("div", { children: "Loading..." }), children })), () => root.unmount();
+}
 const useAgentGenerate = createCallbackHook(agentGenerate), useAgentTransform = createCallbackHook(agentTransform), useAgentTranslate = createCallbackHook(agentTranslate);
 function promptAdapter(instance, options) {
   return firstValueFrom(agentPrompt(instance, options));
@@ -588,28 +649,38 @@ 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 {
+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);
+  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), options = useNormalizedSourceOptions(documentHandle), {
     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 {
+    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;
+  return $[0] !== resourceId || $[1] !== resourceType ? (t0 = {
     id: resourceId,
     type: resourceType
-  };
+  }, $[0] = resourceId, $[1] = resourceType, $[2] = t0) : t0 = $[2], t0;
 }
 function useDispatchIntent(params) {
   const {
@@ -622,20 +693,15 @@ function useDispatchIntent(params) {
   } = useWindowConnection({
     name: SDK_NODE_NAME,
     connectTo: SDK_CHANNEL_NAME
-  });
+  }), resource = useResourceIdFromDocumentHandle(documentHandle);
   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 = {
+        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: {
             ...action && !intentId ? {
@@ -663,7 +729,7 @@ function useDispatchIntent(params) {
       } catch (error) {
         throw console.error("Failed to dispatch intent:", error), error;
       }
-    }, [action, intentId, documentHandle, parameters, sendMessage])
+    }, [action, intentId, documentHandle, parameters, sendMessage, resource.id, resource.type])
   };
 }
 function useManageFavorite({
@@ -1044,7 +1110,7 @@ function _temp$1(key) {
   return !ignoredKeys.includes(key);
 }
 function useQuery(options) {
-  const instance = useSanityInstance(options), [isPending, startTransition] = useTransition(), queryKey = getQueryKey(options), [deferredQueryKey, setDeferredQueryKey] = useState(queryKey), deferred = useMemo(() => parseQueryKey(deferredQueryKey), [deferredQueryKey]), 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);
@@ -1053,11 +1119,14 @@ function useQuery(options) {
   const {
     getCurrent,
     subscribe
-  } = useMemo(() => getQueryState(instance, deferred), [instance, deferred]);
+  } = useMemo(() => {
+    const deferred = parseQueryKey(deferredQueryKey);
+    return getQueryState(instance, deferred);
+  }, [instance, deferredQueryKey]);
   if (getCurrent() === void 0) {
-    const currentSignal = ref.current.signal;
+    const currentSignal = ref.current.signal, deferred_0 = parseQueryKey(deferredQueryKey);
     throw resolveQuery(instance, {
-      ...deferred,
+      ...deferred_0,
       signal: currentSignal
     });
   }
@@ -1310,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) => {
@@ -1406,7 +1475,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "2.5.0";
+var version = "2.7.0";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -1422,7 +1491,9 @@ export {
   REACT_SDK_VERSION,
   ResourceProvider,
   SDKProvider,
+  SDKStudioContext,
   SanityApp,
+  renderSanityApp,
   useActiveReleases,
   useAgentGenerate,
   useAgentPatch,