sanity 5.13.0 → 5.13.1-next.1

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

@@ -1414,6 +1414,7 @@ interface DocumentStoreExtraOptions {
    */
   onSyncErrorRecovery?(error: OutOfSyncError): void;
   onReportLatency?: (event: LatencyReportEvent) => void;
+  onSlowCommit?: () => void;
 }
 /** @internal */
 type ListenerEvent = MutationEvent | ReconnectEvent | InitialSnapshotEvent | PendingMutationsEvent | WelcomeEvent;
@@ -2392,7 +2393,9 @@ declare const studioLocaleStrings: {
   'document-status.not-published': string; /** Label to show in the document footer indicating the published date of the document */
   'document-status.published': string; /** Label to show in the document footer indicating the revision from date of the document */
   'document-status.revision-from': string; /** Label to show in the document footer indicating that the revision was not found */
-  'document-status.revision-not-found': string; /** Label to indicate that a document type was not found */
+  'document-status.revision-not-found': string; /** Toast description shown when saving changes is taking longer than expected */
+  'document-store.slow-commit.description': string; /** Toast title shown when saving changes is taking longer than expected */
+  'document-store.slow-commit.title': string; /** Label to indicate that a document type was not found */
   'document.type.not-found': string; /** Error message shown when an action cannot be performed */
   'errors.unable-to-perform-action': string; /** The value of the <code>_key</code> property must be a unique string. */
   'form.error.duplicate-keys-alert.details.additional-description': string; /** This usually happens when items are created using an API client, and the <code>_key</code> property of each elements has been generated non-uniquely. */

package/lib/_chunks-es/package.js

@@ -1,4 +1,4 @@
-var version = "5.13.0", peerDependencies = {
+var version = "5.13.1-next.1+60a971880c", peerDependencies = {
   "styled-components": "^6.1.15"
 };
 export {

package/lib/_chunks-es/version.js

@@ -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.13.0";
+  "5.13.1-next.1+60a971880c";
 } catch {
 }
 const SANITY_VERSION = buildVersion || `${version}-dev`;

package/lib/index.js

@@ -6,7 +6,7 @@ import React, { forwardRef, useRef, useState, useId, useCallback, useMemo, useIm
 import deepEquals from "react-fast-compare";
 import { WorkspacesContext, LocaleContext, MediaLibraryIdsContext, PerspectiveContext, UserColorManagerContext, ResourceCacheContext, EventsContext, WorkspaceContext, DocumentChangeContext, ReviewChangesContext, DiffContext, PresenceContext, FormBuilderContext, PortableTextMemberSchemaTypesContext, SelectedAnnotationsContext, ValidationContext, PortableTextMarkersContext, PortableTextMemberItemsContext, ChangeIndicatorTrackerContextStore, ChangeIndicatorTrackerContextGetSnapshot, FormCallbacksContext, ReferenceInputOptionsContext, DocumentIdContext, HoveredFieldContext, FieldActionsContext, FormValueContext, ReferenceItemRefContext, GetFormValueContext, EnhancedObjectDialogContext, DocumentFieldActionsContext, ArrayValidationContext, SortableItemIdContext, SourceContext, VirtualizerScrollInstanceContext, PortableTextMemberItemElementRefsContext, ScrollContext, FullscreenPTEContext, AssetLimitUpsellContext, DialogStackContext, ReleasesUpsellContext, ReleasesMetadataContext, TableContext, SearchContext, SingleDocReleaseEnabledContext, SingleDocReleaseUpsellContext, SingleDocReleaseContext, PresenceTrackerContextStore, PresenceTrackerContextGetSnapshot, FormFieldPresenceContext, ActiveWorkspaceMatcherContext, CalendarContext, AppIdCacheContext, CommentsAuthoringPathContext, CommentsIntentContext, CommentInputContext, CommentsContext, CommentsEnabledContext, CommentsOnboardingContext, CommentsSelectedPathContext, CommentsUpsellContext, AddonDatasetContext, SanityCreateConfigContext, ScheduledPublishingEnabledContext, SchedulesContext, SchedulePublishUpsellContext, DocumentActionPropsContext, TasksEnabledContext, IsLastPaneContext, MentionUserContext, TasksNavigationContext, TasksContext, TasksUpsellContext, RouterHistoryContext, ColorSchemeSetValueContext, ColorSchemeValueContext, DocumentLimitUpsellContext, NavbarContext, FreeTrialContext, LiveUserApplicationContext, PackageVersionInfoContext, StudioAnnouncementContext, CopyPasteContext, UserApplicationCacheContext, PreviewCardContext, ZIndexContext, zIndexContextDefaults } from "sanity/_singletons";
 import { SchedulesContext as SchedulesContext2 } from "sanity/_singletons";
-import { Badge, Grid, Box, Stack, rem, Text as Text$1, Layer, Card, Spinner, Flex, Dialog, useTheme, Button as Button$1, Skeleton, Heading, Avatar, AvatarStack, Inline, Breadcrumbs, useClickOutsideEvent, Code, MenuDivider, Menu, useElementRect, Autocomplete, useToast, useMediaIndex, useGlobalKeyDown, Checkbox as Checkbox$1, Switch as Switch$1, TextInput as TextInput$1, Select, LayerProvider, useLayer, ElementQuery, TabList, rgba, MenuItem as MenuItem$1, useBoundaryElement, BoundaryElementProvider, usePortal, PortalProvider, Portal, _responsive, useRootTheme, useArrayProp, TextArea, TextSkeleton, useElementSize, isHTMLElement, Radio, TabPanel, Container as Container$2, studioTheme, Label, AvatarCounter, ThemeColorProvider, DialogProvider, focusLastDescendant, focusFirstDescendant, VirtualList as VirtualList$1, usePrefersDark, ThemeProvider, ToastProvider } from "@sanity/ui";
+import { Badge, Grid, Box, Stack, rem, Text as Text$1, Layer, Card, Spinner, Flex, Dialog, useTheme, Button as Button$1, Skeleton, Heading, useToast, Avatar, AvatarStack, Inline, Breadcrumbs, useClickOutsideEvent, Code, MenuDivider, Menu, useElementRect, Autocomplete, useMediaIndex, useGlobalKeyDown, Checkbox as Checkbox$1, Switch as Switch$1, TextInput as TextInput$1, Select, LayerProvider, useLayer, ElementQuery, TabList, rgba, MenuItem as MenuItem$1, useBoundaryElement, BoundaryElementProvider, usePortal, PortalProvider, Portal, _responsive, useRootTheme, useArrayProp, TextArea, TextSkeleton, useElementSize, isHTMLElement, Radio, TabPanel, Container as Container$2, studioTheme, Label, AvatarCounter, ThemeColorProvider, DialogProvider, focusLastDescendant, focusFirstDescendant, VirtualList as VirtualList$1, usePrefersDark, ThemeProvider, ToastProvider } from "@sanity/ui";
 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";
@@ -1228,6 +1228,10 @@ const studioLocaleNamespace = "studio", validationLocaleNamespace = "validation"
   "document-status.revision-from": "Revision from <em>{{date}}</em>",
   /** Label to show in the document footer indicating that the revision was not found */
   "document-status.revision-not-found": "Revision not found",
+  /** Toast description shown when saving changes is taking longer than expected */
+  "document-store.slow-commit.description": "Your changes are still being saved.",
+  /** Toast title shown when saving changes is taking longer than expected */
+  "document-store.slow-commit.title": "Saving is taking longer than expected",
   /** Label to indicate that a document type was not found */
   "document.type.not-found": 'Document type "{{type}}" not found',
   /** Error message shown when an action cannot be performed */
@@ -5507,7 +5511,7 @@ function actionsApiClient(client, idPair) {
 function operationsApiClient(client, idPair) {
   return idPair.versionId ? client.withConfig(RELEASES_STUDIO_CLIENT_OPTIONS) : client;
 }
-const FETCH_SHARD_TIMEOUT = 2e4, isMutationEventForDocId = (id2) => (event) => (event.type === "snapshot" || event.type === "mutation") && event.documentId === id2;
+const FETCH_SHARD_TIMEOUT = 2e4, SLOW_COMMIT_TIMEOUT_MS = 5e4, isMutationEventForDocId = (id2) => (event) => (event.type === "snapshot" || event.type === "mutation") && event.documentId === id2;
 function setVersion(version2) {
   return (ev) => ({
     ...ev,
@@ -5595,16 +5599,17 @@ function checkoutPair(client, idPair, serverActionsEnabled, options = {}) {
   } = idPair, {
     onReportLatency,
     onSyncErrorRecovery,
+    onSlowCommit,
     tag
   } = options, listenerEvents$ = getPairListener(client, idPair, {
     onSyncErrorRecovery,
     tag
-  }).pipe(share()), connectionChangeEvents$ = listenerEvents$.pipe(filter((ev) => ev.type === "reconnect" || ev.type === "welcome")), draft = createBufferedDocument(draftId, listenerEvents$.pipe(filter(isMutationEventForDocId(draftId)))), version2 = typeof versionId > "u" ? void 0 : createBufferedDocument(versionId, listenerEvents$.pipe(filter(isMutationEventForDocId(versionId)))), published = createBufferedDocument(publishedId, listenerEvents$.pipe(filter(isMutationEventForDocId(publishedId)))), transactionsPendingEvents$ = listenerEvents$.pipe(filter((ev) => ev.type === "pending")), commits$ = merge(draft.commitRequest$, published.commitRequest$, version2 ? version2.commitRequest$ : EMPTY$5).pipe(mergeMap((commitRequest) => serverActionsEnabled.pipe(take$1(1), mergeMap((canUseServerActions) => submitCommitRequest(client, idPair, commitRequest, canUseServerActions))))), combinedEvents = defer(() => onReportLatency ? reportLatency({
+  }).pipe(share()), connectionChangeEvents$ = listenerEvents$.pipe(filter((ev) => ev.type === "reconnect" || ev.type === "welcome")), draft = createBufferedDocument(draftId, listenerEvents$.pipe(filter(isMutationEventForDocId(draftId)))), version2 = typeof versionId > "u" ? void 0 : createBufferedDocument(versionId, listenerEvents$.pipe(filter(isMutationEventForDocId(versionId)))), published = createBufferedDocument(publishedId, listenerEvents$.pipe(filter(isMutationEventForDocId(publishedId)))), transactionsPendingEvents$ = listenerEvents$.pipe(filter((ev) => ev.type === "pending")), commitRequests$ = merge(draft.commitRequest$, published.commitRequest$, version2 ? version2.commitRequest$ : EMPTY$5).pipe(share()), commits$ = commitRequests$.pipe(mergeMap((commitRequest) => serverActionsEnabled.pipe(take$1(1), mergeMap((canUseServerActions) => submitCommitRequest(client, idPair, commitRequest, canUseServerActions)))), share()), pendingEnd$ = transactionsPendingEvents$.pipe(filter((ev) => ev.phase === "end")), commitResolved$ = merge(pendingEnd$, commits$), slowCommitWarning$ = onSlowCommit ? commitRequests$.pipe(switchMap(() => timer(SLOW_COMMIT_TIMEOUT_MS).pipe(takeUntil(commitResolved$))), tap(() => onSlowCommit())) : EMPTY$5, combinedEvents = defer(() => merge(onReportLatency ? reportLatency({
     commits$,
     listenerEvents$,
     client,
     onReportLatency
-  }) : merge(commits$, listenerEvents$)).pipe(mergeMap(() => EMPTY$5), share());
+  }) : merge(commits$, listenerEvents$), slowCommitWarning$)).pipe(mergeMap(() => EMPTY$5), share());
   return {
     transactionsPendingEvents$,
     draft: {
@@ -7716,7 +7721,8 @@ function createDocumentStore({
 }) {
   const observeDocumentPairAvailability = documentPreviewStore.unstable_observeDocumentPairAvailability, client = getClient2(DEFAULT_STUDIO_CLIENT_OPTIONS), {
     onSyncErrorRecovery,
-    onReportLatency
+    onReportLatency,
+    onSlowCommit
   } = extraOptions, ctx = {
     client,
     getClient: getClient2,
@@ -7732,7 +7738,8 @@ function createDocumentStore({
     checkoutPair(idPair) {
       return checkoutPair(client, idPair, serverActionsEnabled, {
         onSyncErrorRecovery,
-        onReportLatency
+        onReportLatency,
+        onSlowCommit
       });
     },
     initialValue(opts, context) {
@@ -9758,7 +9765,9 @@ function createUserStore({
     getUsers: async (userIds) => (await userLoader.loadMany(userIds)).filter((result) => isRecord$4(result) && typeof result.id == "string")
   };
 }
-const IGNORE_LATENCY_BELOW_MS = 1e3;
+const IGNORE_LATENCY_BELOW_MS = 1e3, SLOW_COMMIT_TOAST_COOLDOWN_MS = 3e4, slowCommitCooldown = {
+  lastToastAt: 0
+};
 function useUserStore() {
   const $ = c(6), {
     getClient: getClient2,
@@ -9829,13 +9838,15 @@ function useDocumentPreviewStore() {
   }), $[0] = client, $[1] = resourceCache, $[2] = documentPreviewStore) : documentPreviewStore = $[2], documentPreviewStore;
 }
 function useDocumentStore() {
-  const $ = c(18), {
+  const $ = c(22), {
     getClient: getClient2,
     i18n
   } = useSource(), schema2 = useSchema(), templates = useTemplates(), resourceCache = useResourceCache(), historyStore = useHistoryStore(), documentPreviewStore = useDocumentPreviewStore(), workspace = useWorkspace(), configFlag = workspace.__internal_serverDocumentActions?.enabled;
   let t0;
   $[0] !== configFlag ? (t0 = typeof configFlag == "boolean" ? of(configFlag) : of(!0), $[0] = configFlag, $[1] = t0) : t0 = $[1];
-  const serverActionsEnabled = t0, telemetry = useTelemetry();
+  const serverActionsEnabled = t0, telemetry = useTelemetry(), toast = useToast(), {
+    t
+  } = useTranslation();
   let t1;
   $[2] !== telemetry ? (t1 = (error) => {
     telemetry.log(DocumentDesynced, {
@@ -9852,8 +9863,18 @@ function useDocumentStore() {
     });
   }, $[4] = telemetry, $[5] = t2) : t2 = $[5];
   const handleReportLatency = t2;
+  let t3;
+  $[6] !== t || $[7] !== toast ? (t3 = () => {
+    const now = Date.now();
+    now - slowCommitCooldown.lastToastAt < SLOW_COMMIT_TOAST_COOLDOWN_MS || (slowCommitCooldown.lastToastAt = now, toast.push({
+      title: t("document-store.slow-commit.title"),
+      description: t("document-store.slow-commit.description"),
+      status: "warning"
+    }));
+  }, $[6] = t, $[7] = toast, $[8] = t3) : t3 = $[8];
+  const handleSlowCommit = t3;
   let documentStore;
-  return $[6] !== documentPreviewStore || $[7] !== getClient2 || $[8] !== handleReportLatency || $[9] !== handleSyncErrorRecovery || $[10] !== historyStore || $[11] !== i18n || $[12] !== resourceCache || $[13] !== schema2 || $[14] !== serverActionsEnabled || $[15] !== templates || $[16] !== workspace ? (documentStore = resourceCache.get({
+  return $[9] !== documentPreviewStore || $[10] !== getClient2 || $[11] !== handleReportLatency || $[12] !== handleSlowCommit || $[13] !== handleSyncErrorRecovery || $[14] !== historyStore || $[15] !== i18n || $[16] !== resourceCache || $[17] !== schema2 || $[18] !== serverActionsEnabled || $[19] !== templates || $[20] !== workspace ? (documentStore = resourceCache.get({
     namespace: "documentStore",
     dependencies: [getClient2, documentPreviewStore, historyStore, schema2, i18n, workspace]
   }) || createDocumentStore({
@@ -9866,13 +9887,14 @@ function useDocumentStore() {
     serverActionsEnabled,
     extraOptions: {
       onReportLatency: handleReportLatency,
-      onSyncErrorRecovery: handleSyncErrorRecovery
+      onSyncErrorRecovery: handleSyncErrorRecovery,
+      onSlowCommit: handleSlowCommit
     }
   }), resourceCache.set({
     namespace: "documentStore",
     dependencies: [getClient2, documentPreviewStore, historyStore, schema2, i18n, workspace],
     value: documentStore
-  }), $[6] = documentPreviewStore, $[7] = getClient2, $[8] = handleReportLatency, $[9] = handleSyncErrorRecovery, $[10] = historyStore, $[11] = i18n, $[12] = resourceCache, $[13] = schema2, $[14] = serverActionsEnabled, $[15] = templates, $[16] = workspace, $[17] = documentStore) : documentStore = $[17], documentStore;
+  }), $[9] = documentPreviewStore, $[10] = getClient2, $[11] = handleReportLatency, $[12] = handleSlowCommit, $[13] = handleSyncErrorRecovery, $[14] = historyStore, $[15] = i18n, $[16] = resourceCache, $[17] = schema2, $[18] = serverActionsEnabled, $[19] = templates, $[20] = workspace, $[21] = documentStore) : documentStore = $[21], documentStore;
 }
 function useConnectionStatusStore() {
   const $ = c(3), {