@sanity/sdk-react 2.2.0 → 2.3.0

package/dist/index.d.ts

@@ -42,7 +42,6 @@ import {SanityUser} from '@sanity/sdk'
 import {SortOrderingItem} from '@sanity/types'
 import {StudioResource} from '@sanity/message-protocol'
 import {UserPresence} from '@sanity/sdk'
-import {ValidProjection} from '@sanity/sdk'
 import {WindowMessage} from '@sanity/sdk'
 
 /**
@@ -1406,7 +1405,7 @@ export declare interface useDocumentPreviewResults {
  * ```
  */
 export declare function useDocumentProjection<
-  TProjection extends ValidProjection = ValidProjection,
+  TProjection extends string = string,
   TDocumentType extends string = string,
   TDataset extends string = string,
   TProjectId extends string = string,
@@ -1470,7 +1469,7 @@ export declare function useDocumentProjection<TData extends object>(
  * @category Types
  */
 export declare interface useDocumentProjectionOptions<
-  TProjection extends ValidProjection = ValidProjection,
+  TProjection extends string = string,
   TDocumentType extends string = string,
   TDataset extends string = string,
   TProjectId extends string = string,

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getAuthState, getNodeState, getIsInDashboardState, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, 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 { 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";
 export * from "@sanity/sdk";
 import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, useMemo, useCallback, 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 { ClientError } from "@sanity/client";
 import { pick } from "lodash-es";
 const SanityInstanceContext = createContext(null), useSanityInstance = (config) => {
   const $ = c(3), instance = useContext(SanityInstanceContext);
@@ -174,6 +174,88 @@ function useVerifyOrgProjects(t0, projectIds) {
     };
   }, t2 = [instance, disabled, error, projectIds], $[0] = disabled, $[1] = error, $[2] = instance, $[3] = projectIds, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2), error;
 }
+const FONT_SANS_SERIF = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif", FONT_MONOSPACE = "-apple-system-ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace", styles = {
+  container: {
+    padding: "28px",
+    fontFamily: FONT_SANS_SERIF,
+    display: "flex",
+    flexDirection: "column",
+    gap: "21px",
+    fontSize: "14px"
+  },
+  heading: {
+    margin: 0,
+    fontSize: "28px",
+    fontWeight: 700
+  },
+  paragraph: {
+    margin: 0
+  },
+  link: {
+    appearance: "none",
+    background: "transparent",
+    border: 0,
+    padding: 0,
+    font: "inherit",
+    textDecoration: "underline",
+    cursor: "pointer"
+  },
+  code: {
+    fontFamily: FONT_MONOSPACE
+  }
+};
+function Error$1(t0) {
+  const $ = c(13), {
+    heading,
+    description,
+    code,
+    cta
+  } = t0;
+  let t1;
+  $[0] !== heading ? (t1 = /* @__PURE__ */ jsx("h1", { style: styles.heading, children: heading }), $[0] = heading, $[1] = t1) : t1 = $[1];
+  let t2;
+  $[2] !== description ? (t2 = description && /* @__PURE__ */ jsx("p", { style: styles.paragraph, dangerouslySetInnerHTML: {
+    __html: description
+  } }), $[2] = description, $[3] = t2) : t2 = $[3];
+  let t3;
+  $[4] !== code ? (t3 = code && /* @__PURE__ */ jsx("code", { style: styles.code, children: code }), $[4] = code, $[5] = t3) : t3 = $[5];
+  let t4;
+  $[6] !== cta ? (t4 = cta && (cta.href || cta.onClick) && /* @__PURE__ */ jsx("p", { style: styles.paragraph, children: cta.href ? /* @__PURE__ */ jsx("a", { style: styles.link, href: cta.href, target: "_blank", rel: "noopener noreferrer", children: cta.text }) : /* @__PURE__ */ jsx("button", { style: styles.link, onClick: cta.onClick, children: cta.text }) }), $[6] = cta, $[7] = t4) : t4 = $[7];
+  let t5;
+  return $[8] !== t1 || $[9] !== t2 || $[10] !== t3 || $[11] !== t4 ? (t5 = /* @__PURE__ */ jsxs("div", { style: styles.container, children: [
+    t1,
+    t2,
+    t3,
+    t4
+  ] }), $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
+}
+function CorsErrorComponent(t0) {
+  const $ = c(6), {
+    projectId,
+    error
+  } = t0, origin = window.location.origin;
+  let t1;
+  const t2 = `https://sanity.io/manage/project/${projectId}/api`;
+  let t3;
+  if ($[0] !== t2) {
+    const url = new URL(t2);
+    url.searchParams.set("cors", "add"), url.searchParams.set("origin", origin), url.searchParams.set("credentials", "include"), t3 = url.toString(), $[0] = t2, $[1] = t3;
+  } else
+    t3 = $[1];
+  t1 = t3;
+  const corsUrl = t1;
+  let t4;
+  return $[2] !== corsUrl || $[3] !== error?.message || $[4] !== projectId ? (t4 = /* @__PURE__ */ jsx(Error$1, { heading: "Before you continue\u2026", ...projectId ? {
+    description: "To access your content, you need to <strong>add the following URL as a CORS origin</strong> to your Sanity project.",
+    code: origin,
+    cta: {
+      text: "Manage CORS configuration",
+      href: corsUrl
+    }
+  } : {
+    description: error?.message
+  } }), $[2] = corsUrl, $[3] = error?.message, $[4] = projectId, $[5] = t4) : t4 = $[5], t4;
+}
 function isInIframe() {
   return typeof window < "u" && window.self !== window.top;
 }
@@ -213,7 +295,7 @@ function _temp$5(replacementLocation) {
 }
 const useLogOut = createCallbackHook(logout);
 function LoginError(t0) {
-  const $ = c(23), {
+  const $ = c(17), {
     error,
     resetErrorBoundary
   } = t0;
@@ -241,21 +323,12 @@ function LoginError(t0) {
   $[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] !== t4 ? (t5 = /* @__PURE__ */ jsx("h2", { className: "sc-login-error__title", children: t4 }), $[11] = t4, $[12] = t5) : t5 = $[12];
+  $[11] !== handleRetry ? (t5 = {
+    text: "Retry",
+    onClick: handleRetry
+  }, $[11] = handleRetry, $[12] = t5) : t5 = $[12];
   let t6;
-  $[13] !== authErrorMessage ? (t6 = /* @__PURE__ */ jsx("p", { className: "sc-login-error__description", children: authErrorMessage }), $[13] = authErrorMessage, $[14] = t6) : t6 = $[14];
-  let t7;
-  $[15] !== t5 || $[16] !== t6 ? (t7 = /* @__PURE__ */ jsxs("div", { className: "sc-login-error__content", children: [
-    t5,
-    t6
-  ] }), $[15] = t5, $[16] = t6, $[17] = t7) : t7 = $[17];
-  let t8;
-  $[18] !== handleRetry ? (t8 = /* @__PURE__ */ jsx("button", { className: "sc-login-error__button", onClick: handleRetry, children: "Retry" }), $[18] = handleRetry, $[19] = t8) : t8 = $[19];
-  let t9;
-  return $[20] !== t7 || $[21] !== t8 ? (t9 = /* @__PURE__ */ jsxs("div", { className: "sc-login-error", children: [
-    t7,
-    t8
-  ] }), $[20] = t7, $[21] = t8, $[22] = t9) : t9 = $[22], t9;
+  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;
 }
 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");
@@ -271,7 +344,7 @@ function AuthBoundary(t0) {
   const LoginErrorComponent = t1 === void 0 ? LoginError : t1;
   let t2, t3;
   $[3] !== LoginErrorComponent ? (t3 = function(fallbackProps) {
-    return /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps });
+    return fallbackProps.error instanceof CorsOriginError ? /* @__PURE__ */ jsx(CorsErrorComponent, { ...fallbackProps, projectId: getCorsErrorProjectId(fallbackProps.error) }) : /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps });
   }, $[3] = LoginErrorComponent, $[4] = t3) : t3 = $[4], t2 = t3;
   const FallbackComponent = t2;
   let t4;
@@ -1158,7 +1231,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "2.2.0";
+var version = "2.3.0";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];