sanity 5.30.1-next.8 → 5.31.0-next.9

package/lib/_chunks-dts/ActiveWorkspaceMatcherContext.d.ts

@@ -306,10 +306,22 @@ type LoginComponentProps = {
   projectId: string; /** @deprecated use redirectPath instead */
   basePath: string;
   redirectPath?: string;
+  /**
+   * Invoked when the user chooses to switch workspaces from the login screen
+   * (e.g. when the active workspace has no usable login providers). Only
+   * provided when more than one workspace is available to switch to.
+   */
+  onChooseAnotherWorkspace?: () => void;
 } | {
   projectId: string;
   redirectPath: string; /** @deprecated use redirectPath instead */
   basePath?: string;
+  /**
+   * Invoked when the user chooses to switch workspaces from the login screen
+   * (e.g. when the active workspace has no usable login providers). Only
+   * provided when more than one workspace is available to switch to.
+   */
+  onChooseAnotherWorkspace?: () => void;
 };
 /**
  * Result returned from `handleCallbackUrl` describing what happened during

package/lib/_chunks-es/version.js

@@ -1,4 +1,4 @@
-var version = "5.30.1-next.8+cb422a33f1";
+var version = "5.31.0-next.9+967a62d83b";
 let buildVersion;
 try {
   buildVersion = process.env.PKG_BUILD_VERSION;
@@ -7,7 +7,7 @@ try {
 try {
   buildVersion = buildVersion || // This is replaced by `@sanity/pkg-utils` at build time
   // and must always be references by its full static name, e.g. no optional chaining, no `if (process && process.env)` etc.
-  "5.30.1-next.8+cb422a33f1";
+  "5.31.0-next.9+967a62d83b";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -10,7 +10,7 @@ import { FeedbackContext as FeedbackContext2, SchedulesContext as SchedulesConte
 import { useVirtualizer, defaultRangeExtractor, elementScroll } from "@tanstack/react-virtual";
 import throttle from "lodash-es/throttle.js";
 import { styled, css, keyframes, useTheme as useTheme$1, createGlobalStyle } from "styled-components";
-import { EllipsisHorizontalIcon, ErrorOutlineIcon, CircleIcon, CalendarIcon, UnpublishIcon, PublishIcon, EditIcon, CloseIcon, TrashIcon, AddCircleIcon, TimelineIcon, ChevronRightIcon, ArrowRightIcon, ArrowDownIcon, DocumentIcon, ImageIcon, ChevronDownIcon, RevertIcon, WarningOutlineIcon, InfoOutlineIcon, ArrowLeftIcon, CheckmarkIcon, AddIcon, HelpCircleIcon, AccessDeniedIcon, ToggleArrowRightIcon, SyncIcon, LaunchIcon, BulbOutlineIcon, UnknownIcon, LinkIcon, ChevronUpIcon, DownloadIcon, DocumentsIcon, UploadIcon, DragHandleIcon, InsertAboveIcon, InsertBelowIcon, CopyIcon, AddDocumentIcon, SearchIcon, ChevronLeftIcon, EarthGlobeIcon, EarthAmericasIcon, UlistIcon, OlistIcon, CodeIcon, UnderlineIcon, StrikethroughIcon, ItalicIcon, BoldIcon, BlockElementIcon, InlineElementIcon, CollapseIcon, ExpandIcon, ResetIcon, Icon, ReadOnlyIcon, BinaryDocumentIcon, LockIcon, CropIcon, EyeOpenIcon, ClockIcon, DotIcon, BoltIcon, CheckmarkCircleIcon, PinFilledIcon, PinIcon, RestoreIcon, CloseCircleIcon, UnarchiveIcon, ArchiveIcon, ShareIcon, TargetIcon, TextIcon, ArrowUpIcon, ControlsIcon, SpinnerIcon, SortIcon, FilterIcon as FilterIcon$1, ComposeSparklesIcon, UnlockIcon, ClipboardIcon, StringIcon, NumberIcon, BlockContentIcon, UndoIcon, UnlinkIcon, LinkRemovedIcon, AddCommentIcon, CommentIcon, SelectIcon, TaskIcon, UserIcon, DiamondIcon, SparkleIcon, EyeClosedIcon, DesktopIcon, MoonIcon, SunIcon, DoubleChevronRightIcon, AddUserIcon, CogIcon, LeaveIcon, UsersIcon, FaceHappyIcon, FaceIndifferentIcon, FaceSadIcon, FeedbackIcon, GithubIcon, RefreshIcon, MenuIcon } from "@sanity/icons";
+import { EllipsisHorizontalIcon, ErrorOutlineIcon, ArrowLeftIcon, WarningOutlineIcon, CircleIcon, CalendarIcon, UnpublishIcon, PublishIcon, EditIcon, CloseIcon, TrashIcon, AddCircleIcon, TimelineIcon, ChevronRightIcon, ArrowRightIcon, ArrowDownIcon, DocumentIcon, ImageIcon, ChevronDownIcon, RevertIcon, InfoOutlineIcon, CheckmarkIcon, AddIcon, HelpCircleIcon, AccessDeniedIcon, ToggleArrowRightIcon, SyncIcon, LaunchIcon, BulbOutlineIcon, UnknownIcon, LinkIcon, ChevronUpIcon, DownloadIcon, DocumentsIcon, UploadIcon, DragHandleIcon, InsertAboveIcon, InsertBelowIcon, CopyIcon, AddDocumentIcon, SearchIcon, ChevronLeftIcon, EarthGlobeIcon, EarthAmericasIcon, UlistIcon, OlistIcon, CodeIcon, UnderlineIcon, StrikethroughIcon, ItalicIcon, BoldIcon, BlockElementIcon, InlineElementIcon, CollapseIcon, ExpandIcon, ResetIcon, Icon, ReadOnlyIcon, BinaryDocumentIcon, LockIcon, CropIcon, EyeOpenIcon, ClockIcon, DotIcon, BoltIcon, CheckmarkCircleIcon, PinFilledIcon, PinIcon, RestoreIcon, CloseCircleIcon, UnarchiveIcon, ArchiveIcon, ShareIcon, TargetIcon, TextIcon, ArrowUpIcon, ControlsIcon, SpinnerIcon, SortIcon, FilterIcon as FilterIcon$1, ComposeSparklesIcon, UnlockIcon, ClipboardIcon, StringIcon, NumberIcon, BlockContentIcon, UndoIcon, UnlinkIcon, LinkRemovedIcon, AddCommentIcon, CommentIcon, SelectIcon, TaskIcon, UserIcon, DiamondIcon, SparkleIcon, EyeClosedIcon, DesktopIcon, MoonIcon, SunIcon, DoubleChevronRightIcon, AddUserIcon, CogIcon, LeaveIcon, UsersIcon, FaceHappyIcon, FaceIndifferentIcon, FaceSadIcon, FeedbackIcon, GithubIcon, RefreshIcon, MenuIcon } from "@sanity/icons";
 import { createMemoryHistory, createBrowserHistory } from "history";
 import { of, concat, defer, EMPTY as EMPTY$5, map as map$1, merge, defaultIfEmpty, catchError as catchError$1, switchMap as switchMap$1, take, concatMap, from, Observable, BehaviorSubject, fromEvent, skip, ReplaySubject, timer, firstValueFrom, throwError, NEVER, Subject, tap as tap$1, finalize, share as share$1, combineLatest, asyncScheduler, bufferTime, mergeMap as mergeMap$1, filter as filter$1, lastValueFrom, partition as partition$1, distinctUntilChanged as distinctUntilChanged$1, asapScheduler, using, shareReplay as shareReplay$1, repeat, pipe, iif, startWith as startWith$1, concatWith, scan as scan$1, count, toArray as toArray$2, reduce as reduce$1, switchScan, delayWhen, first as first$1, zipWith, takeWhile, debounceTime as debounceTime$1, find, zip, isObservable, retry, expand, forkJoin, debounce as debounce$2, delay as delay$1, timeout as timeout$1, connect } from "rxjs";
 import { catchError, tap, switchMap, map, scan, distinctUntilChanged, startWith, shareReplay, mergeMap, filter, share, mergeMapTo, takeUntil, take as take$1, publishReplay, refCount, withLatestFrom, concatMap as concatMap$1, groupBy as groupBy$1, throttleTime, last, mergeAll, toArray as toArray$1, distinct, skip as skip$1, first, debounceTime, auditTime, switchMapTo, delay, reduce as reduce$2, debounce as debounce$1, finalize as finalize$1, expand as expand$1, mapTo, retry as retry$1, timeout } from "rxjs/operators";
@@ -39,9 +39,6 @@ import memoize$1 from "lodash-es/memoize.js";
 import { SANITY_VERSION } from "./_chunks-es/version.js";
 import { Button, ErrorBoundary, Tooltip, Popover, MenuItem, MenuButton, TooltipDelayGroupProvider, Dialog as Dialog$1, Tab, generateHelpUrl } from "./_chunks-es/index.js";
 import { Hotkeys } from "./_chunks-es/index.js";
-import { observableCallback } from "observable-callback";
-import { useTelemetry, TelemetryProvider, DeferredTelemetryProvider } from "@sanity/telemetry/react";
-import { usePortableTextEditor, PortableTextEditor, usePortableTextEditorSelection, PortableTextEditable, EditorProvider, useEditor, defineSchema, keyGenerator as keyGenerator$1 } from "@portabletext/editor";
 import { fromUrl } from "@sanity/bifur-client";
 import debug$c from "debug";
 import startCase from "lodash-es/startCase.js";
@@ -53,12 +50,15 @@ import { isHotkey } from "is-hotkey-esm";
 import FocusLock from "react-focus-lock";
 import { defineEvent, createSessionId, createBatchedStore } from "@sanity/telemetry";
 import { isDraftId as isDraftId$1, isVersionId as isVersionId$1, getVersionNameFromId } from "@sanity/id-utils";
+import { usePortableTextEditor, PortableTextEditor, usePortableTextEditorSelection, PortableTextEditable, EditorProvider, useEditor, defineSchema, keyGenerator as keyGenerator$1 } from "@portabletext/editor";
+import { nanoid, customAlphabet } from "nanoid";
+import { useTelemetry, TelemetryProvider, DeferredTelemetryProvider } from "@sanity/telemetry/react";
 import { cleanupEfficiency, makeDiff, DIFF_INSERT, DIFF_DELETE, DIFF_EQUAL, applyPatches, parsePatch, makePatches } from "@sanity/diff-match-patch";
 import flatten$1 from "lodash-es/flatten.js";
 import orderBy from "lodash-es/orderBy.js";
-import { nanoid, customAlphabet } from "nanoid";
 import * as legacyDateFormat from "@sanity/util/legacyDateFormat";
 import { sanitizeLocale, format as format$1, DEFAULT_DATE_FORMAT, parse as parse$2, isValidTimeZoneString, DEFAULT_TIME_FORMAT } from "@sanity/util/legacyDateFormat";
+import { observableCallback } from "observable-callback";
 import { getImageDimensions, isDefaultCrop, isDefaultHotspot, isImageSource, isFileSource, tryGetImageDimensions, isSanityImageUrl, parseImageAssetUrl, isAssetObjectStub, isImageAssetId, isFileAssetId } from "@sanity/asset-utils";
 import { createImageUrlBuilder } from "@sanity/image-url";
 import uniq from "lodash-es/uniq.js";
@@ -4810,10 +4810,12 @@ function createLoginComponent({
   ...providerOptions
 }) {
   function LoginComponent(t0) {
-    const $ = c(22), {
+    const $ = c(28), {
       projectId,
       ...props2
-    } = t0, redirectPath = props2.redirectPath || props2.basePath || "/";
+    } = t0, {
+      t
+    } = useTranslation(), redirectPath = props2.redirectPath || props2.basePath || "/";
     let t1;
     $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
       providers: [],
@@ -4874,9 +4876,43 @@ function createLoginComponent({
       let t62;
       return $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t62 = /* @__PURE__ */ jsx(LoadingBlock, { showText: !0 }), $[9] = t62) : t62 = $[9], t62;
     }
+    if (providers_1.length === 0) {
+      let t62;
+      $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t62 = /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text$1, { size: 1, children: /* @__PURE__ */ jsx(WarningOutlineIcon, {}) }) }), $[10] = t62) : t62 = $[10];
+      let t72;
+      $[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t72 = /* @__PURE__ */ jsx(Text$1, { as: "h1", size: 1, weight: "medium", children: "No login providers available" }), $[11] = t72) : t72 = $[11];
+      let t82;
+      $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t82 = /* @__PURE__ */ jsx("code", { children: "auth.providers" }), $[12] = t82) : t82 = $[12];
+      let t92;
+      $[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t92 = /* @__PURE__ */ jsxs(Text$1, { as: "p", muted: !0, size: 1, children: [
+        "The ",
+        t82,
+        " setting in your Studio configuration resolved to an empty list. This usually means an empty array is combined with",
+        " ",
+        /* @__PURE__ */ jsx("code", { children: "mode: 'replace'" }),
+        ", which replaces the default providers with none."
+      ] }), $[13] = t92) : t92 = $[13];
+      let t102;
+      $[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t102 = /* @__PURE__ */ jsxs(Text$1, { as: "p", muted: !0, size: 1, children: [
+        "Add at least one provider, or remove ",
+        /* @__PURE__ */ jsx("code", { children: "mode: 'replace'" }),
+        " to keep the defaults."
+      ] }), $[14] = t102) : t102 = $[14];
+      let t112;
+      return $[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t112 = /* @__PURE__ */ jsx(Text$1, { as: "p", muted: !0, size: 1, children: /* @__PURE__ */ jsx("a", { href: "https://www.sanity.io/docs/configuration#dc516e8cb39e", rel: "noreferrer", target: "_blank", children: "Learn about auth configuration \u2192" }) }), $[15] = t112) : t112 = $[15], /* @__PURE__ */ jsx(Card, { padding: 4, radius: 2, shadow: 1, tone: "caution", children: /* @__PURE__ */ jsxs(Flex, { children: [
+        t62,
+        /* @__PURE__ */ jsxs(Stack, { flex: 1, marginLeft: 3, space: 4, children: [
+          t72,
+          t92,
+          t102,
+          props2.onChooseAnotherWorkspace && /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { icon: ArrowLeftIcon, mode: "ghost", onClick: props2.onChooseAnotherWorkspace, text: t("workspaces.action.choose-another-workspace") }) }),
+          t112
+        ] })
+      ] }) });
+    }
     const T0 = Stack, t6 = 4;
     let t7;
-    $[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(Heading, { align: "center", size: 1, children: "Choose login provider" }), $[10] = t7) : t7 = $[10];
+    $[16] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(Heading, { align: "center", size: 1, children: "Choose login provider" }), $[16] = t7) : t7 = $[16];
     const T1 = Stack, t8 = lastUsedProvider_0 && /* @__PURE__ */ jsx(LastUsedProviderButton, { provider: lastUsedProvider_0, href: createHrefForProvider({
       loginMethod,
       projectId,
@@ -4889,17 +4925,17 @@ function createLoginComponent({
       redirectPath
     }) }, `${provider.url}_${index}`));
     let t11;
-    $[11] !== T2 || $[12] !== t10 ? (t11 = /* @__PURE__ */ jsx(T2, { space: t9, children: t10 }), $[11] = T2, $[12] = t10, $[13] = t11) : t11 = $[13];
+    $[17] !== T2 || $[18] !== t10 ? (t11 = /* @__PURE__ */ jsx(T2, { space: t9, children: t10 }), $[17] = T2, $[18] = t10, $[19] = t11) : t11 = $[19];
     let t12;
-    $[14] !== T1 || $[15] !== t11 || $[16] !== t8 ? (t12 = /* @__PURE__ */ jsxs(T1, { children: [
+    $[20] !== T1 || $[21] !== t11 || $[22] !== t8 ? (t12 = /* @__PURE__ */ jsxs(T1, { children: [
       t8,
       t11
-    ] }), $[14] = T1, $[15] = t11, $[16] = t8, $[17] = t12) : t12 = $[17];
+    ] }), $[20] = T1, $[21] = t11, $[22] = t8, $[23] = t12) : t12 = $[23];
     let t13;
-    return $[18] !== T0 || $[19] !== t12 || $[20] !== t7 ? (t13 = /* @__PURE__ */ jsxs(T0, { space: t6, children: [
+    return $[24] !== T0 || $[25] !== t12 || $[26] !== t7 ? (t13 = /* @__PURE__ */ jsxs(T0, { space: t6, children: [
       t7,
       t12
-    ] }), $[18] = T0, $[19] = t12, $[20] = t7, $[21] = t13) : t13 = $[21], t13;
+    ] }), $[24] = T0, $[25] = t12, $[26] = t7, $[27] = t13) : t13 = $[27], t13;
   }
   function _temp10(providerList) {
     if (!providerList || providerList.length <= 1)
@@ -85808,63 +85844,57 @@ const StyledContainer$1 = /* @__PURE__ */ styled(Container$3).withConfig({
   };
 });
 function WorkspaceAuth() {
-  const $ = c(44), {
+  const $ = c(42), {
     visibleWorkspaces
   } = useVisibleWorkspaces(), {
     activeWorkspace,
     setActiveWorkspace
-  } = useActiveWorkspace(), [selectedWorkspaceName, setSelectedWorkspaceName] = useState(activeWorkspace?.name || null);
+  } = useActiveWorkspace(), [showChooser, setShowChooser] = useState(!1), {
+    t
+  } = useTranslation(), canChooseAnotherWorkspace = visibleWorkspaces.length > 1, selectedWorkspace = activeWorkspace, LoginComponent = selectedWorkspace?.auth?.LoginComponent;
   let t0;
-  $[0] !== selectedWorkspaceName || $[1] !== visibleWorkspaces ? (t0 = visibleWorkspaces.length === 1 ? visibleWorkspaces[0] : visibleWorkspaces.find((workspace) => workspace.name === selectedWorkspaceName), $[0] = selectedWorkspaceName, $[1] = visibleWorkspaces, $[2] = t0) : t0 = $[2];
-  const selectedWorkspace = t0, LoginComponent = selectedWorkspace?.auth?.LoginComponent;
+  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = () => setShowChooser(!0), $[0] = t0) : t0 = $[0];
+  const handleBack = t0;
   let t1;
-  $[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = () => setSelectedWorkspaceName(null), $[3] = t1) : t1 = $[3];
-  const handleBack = t1, {
-    t
-  } = useTranslation();
-  let t2;
-  $[4] !== activeWorkspace.name || $[5] !== setActiveWorkspace ? (t2 = (workspaceName, state) => {
-    if ((state === "logged-in" || state === "loading") && workspaceName !== activeWorkspace.name) {
-      setActiveWorkspace(workspaceName);
-      return;
-    }
-    state === "logged-out" && setSelectedWorkspaceName(workspaceName);
-  }, $[4] = activeWorkspace.name, $[5] = setActiveWorkspace, $[6] = t2) : t2 = $[6];
-  const handleCardSelect = t2;
-  if (LoginComponent && selectedWorkspace) {
-    let t32;
-    $[7] !== t || $[8] !== visibleWorkspaces.length ? (t32 = visibleWorkspaces.length > 1 && /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { icon: ArrowLeftIcon, mode: "bleed", onClick: handleBack, text: t("workspaces.action.choose-another-workspace") }) }), $[7] = t, $[8] = visibleWorkspaces.length, $[9] = t32) : t32 = $[9];
-    const t42 = selectedWorkspace?.subtitle;
+  $[1] !== activeWorkspace.name || $[2] !== setActiveWorkspace ? (t1 = (workspaceName, state) => {
+    (state === "logged-in" || state === "loading" || state === "logged-out") && (workspaceName !== activeWorkspace.name && setActiveWorkspace(workspaceName), setShowChooser(!1));
+  }, $[1] = activeWorkspace.name, $[2] = setActiveWorkspace, $[3] = t1) : t1 = $[3];
+  const handleCardSelect = t1;
+  if (LoginComponent && selectedWorkspace && !showChooser) {
+    let t22;
+    $[4] !== canChooseAnotherWorkspace || $[5] !== t ? (t22 = canChooseAnotherWorkspace && /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(Button, { icon: ArrowLeftIcon, mode: "bleed", onClick: handleBack, text: t("workspaces.action.choose-another-workspace") }) }), $[4] = canChooseAnotherWorkspace, $[5] = t, $[6] = t22) : t22 = $[6];
+    const t32 = selectedWorkspace?.subtitle;
+    let t42;
+    $[7] !== selectedWorkspace.icon || $[8] !== selectedWorkspace.title || $[9] !== t32 ? (t42 = /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(WorkspacePreview, { icon: selectedWorkspace.icon, title: selectedWorkspace.title, subtitle: t32 }) }), $[7] = selectedWorkspace.icon, $[8] = selectedWorkspace.title, $[9] = t32, $[10] = t42) : t42 = $[10];
     let t52;
-    $[10] !== selectedWorkspace.icon || $[11] !== selectedWorkspace.title || $[12] !== t42 ? (t52 = /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsx(WorkspacePreview, { icon: selectedWorkspace.icon, title: selectedWorkspace.title, subtitle: t42 }) }), $[10] = selectedWorkspace.icon, $[11] = selectedWorkspace.title, $[12] = t42, $[13] = t52) : t52 = $[13];
-    let t62;
-    $[14] !== selectedWorkspace.basePath ? (t62 = window.location.pathname.startsWith(selectedWorkspace.basePath) ? `${window.location.pathname}${window.location.search}` : selectedWorkspace.basePath, $[14] = selectedWorkspace.basePath, $[15] = t62) : t62 = $[15];
+    $[11] !== selectedWorkspace.basePath ? (t52 = window.location.pathname.startsWith(selectedWorkspace.basePath) ? `${window.location.pathname}${window.location.search}` : selectedWorkspace.basePath, $[11] = selectedWorkspace.basePath, $[12] = t52) : t52 = $[12];
+    const t62 = canChooseAnotherWorkspace ? handleBack : void 0;
     let t72;
-    $[16] !== LoginComponent || $[17] !== selectedWorkspace.projectId || $[18] !== selectedWorkspaceName || $[19] !== t62 ? (t72 = /* @__PURE__ */ jsx(Stack, { padding: 2, paddingBottom: 3, paddingTop: 4, children: /* @__PURE__ */ jsx(LoginComponent, { projectId: selectedWorkspace.projectId, redirectPath: t62 }, selectedWorkspaceName) }), $[16] = LoginComponent, $[17] = selectedWorkspace.projectId, $[18] = selectedWorkspaceName, $[19] = t62, $[20] = t72) : t72 = $[20];
-    let t82;
-    $[21] !== t52 || $[22] !== t72 ? (t82 = /* @__PURE__ */ jsx(Layout, { header: t52, children: t72 }), $[21] = t52, $[22] = t72, $[23] = t82) : t82 = $[23];
+    $[13] !== LoginComponent || $[14] !== selectedWorkspace.name || $[15] !== selectedWorkspace.projectId || $[16] !== t52 || $[17] !== t62 ? (t72 = /* @__PURE__ */ jsx(Stack, { padding: 2, paddingBottom: 3, paddingTop: 4, children: /* @__PURE__ */ jsx(LoginComponent, { projectId: selectedWorkspace.projectId, redirectPath: t52, onChooseAnotherWorkspace: t62 }, selectedWorkspace.name) }), $[13] = LoginComponent, $[14] = selectedWorkspace.name, $[15] = selectedWorkspace.projectId, $[16] = t52, $[17] = t62, $[18] = t72) : t72 = $[18];
+    let t8;
+    $[19] !== t42 || $[20] !== t72 ? (t8 = /* @__PURE__ */ jsx(Layout, { header: t42, children: t72 }), $[19] = t42, $[20] = t72, $[21] = t8) : t8 = $[21];
     let t9;
-    return $[24] !== t32 || $[25] !== t82 ? (t9 = /* @__PURE__ */ jsx(Container$3, { width: 0, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
-      t32,
-      t82
-    ] }) }), $[24] = t32, $[25] = t82, $[26] = t9) : t9 = $[26], t9;
+    return $[22] !== t22 || $[23] !== t8 ? (t9 = /* @__PURE__ */ jsx(Container$3, { width: 0, children: /* @__PURE__ */ jsxs(Stack, { space: 2, children: [
+      t22,
+      t8
+    ] }) }), $[22] = t22, $[23] = t8, $[24] = t9) : t9 = $[24], t9;
   }
+  let t2;
+  $[25] !== t ? (t2 = t("workspaces.choose-your-workspace-label"), $[25] = t, $[26] = t2) : t2 = $[26];
   let t3;
-  $[27] !== t ? (t3 = t("workspaces.choose-your-workspace-label"), $[27] = t, $[28] = t3) : t3 = $[28];
+  $[27] !== t ? (t3 = t("workspaces.action.add-workspace"), $[27] = t, $[28] = t3) : t3 = $[28];
   let t4;
-  $[29] !== t ? (t4 = t("workspaces.action.add-workspace"), $[29] = t, $[30] = t4) : t4 = $[30];
+  $[29] !== t3 ? (t4 = /* @__PURE__ */ jsx(Stack, { padding: 1, children: /* @__PURE__ */ jsx(Button, { as: "a", href: WORKSPACES_DOCS_URL, icon: AddIcon, mode: "bleed", rel: "noopener noreferrer", size: "large", target: "__blank", text: t3 }) }), $[29] = t3, $[30] = t4) : t4 = $[30];
   let t5;
-  $[31] !== t4 ? (t5 = /* @__PURE__ */ jsx(Stack, { padding: 1, children: /* @__PURE__ */ jsx(Button, { as: "a", href: WORKSPACES_DOCS_URL, icon: AddIcon, mode: "bleed", rel: "noopener noreferrer", size: "large", target: "__blank", text: t4 }) }), $[31] = t4, $[32] = t5) : t5 = $[32];
-  let t6;
-  if ($[33] !== handleCardSelect || $[34] !== visibleWorkspaces) {
-    let t72;
-    $[36] !== handleCardSelect ? (t72 = (workspace_0) => /* @__PURE__ */ jsx(WorkspaceAuthCard, { workspace: workspace_0, onSelect: (state_0) => handleCardSelect(workspace_0.name, state_0) }, workspace_0.name), $[36] = handleCardSelect, $[37] = t72) : t72 = $[37], t6 = visibleWorkspaces.map(t72), $[33] = handleCardSelect, $[34] = visibleWorkspaces, $[35] = t6;
+  if ($[31] !== handleCardSelect || $[32] !== visibleWorkspaces) {
+    let t62;
+    $[34] !== handleCardSelect ? (t62 = (workspace) => /* @__PURE__ */ jsx(WorkspaceAuthCard, { workspace, onSelect: (state_0) => handleCardSelect(workspace.name, state_0) }, workspace.name), $[34] = handleCardSelect, $[35] = t62) : t62 = $[35], t5 = visibleWorkspaces.map(t62), $[31] = handleCardSelect, $[32] = visibleWorkspaces, $[33] = t5;
   } else
-    t6 = $[35];
+    t5 = $[33];
+  let t6;
+  $[36] !== t5 ? (t6 = /* @__PURE__ */ jsx(Stack, { space: 1, paddingX: 1, paddingY: 2, children: t5 }), $[36] = t5, $[37] = t6) : t6 = $[37];
   let t7;
-  $[38] !== t6 ? (t7 = /* @__PURE__ */ jsx(Stack, { space: 1, paddingX: 1, paddingY: 2, children: t6 }), $[38] = t6, $[39] = t7) : t7 = $[39];
-  let t8;
-  return $[40] !== t3 || $[41] !== t5 || $[42] !== t7 ? (t8 = /* @__PURE__ */ jsx(StyledContainer$1, { width: 1, children: /* @__PURE__ */ jsx(Layout, { header: t3, footer: t5, children: t7 }) }), $[40] = t3, $[41] = t5, $[42] = t7, $[43] = t8) : t8 = $[43], t8;
+  return $[38] !== t2 || $[39] !== t4 || $[40] !== t6 ? (t7 = /* @__PURE__ */ jsx(StyledContainer$1, { width: 1, children: /* @__PURE__ */ jsx(Layout, { header: t2, footer: t4, children: t6 }) }), $[38] = t2, $[39] = t4, $[40] = t6, $[41] = t7) : t7 = $[41], t7;
 }
 const PERMISSION_NAME = "sanity.project.members", GRANT_NAME = "invite";
 function useCanInviteProjectMembers(opts) {