@riverbankcms/sdk 0.147.0 → 0.149.0

package/dist/{PreviewEditorUI-DxTLgaHo.mjs → PreviewEditorUI-DpRX4Mum.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { $a as TriangleAlert, Aa as Dialog, Ba as DropdownMenu, Fa as DialogTitle, Ga as DropdownMenuTrigger, Ha as DropdownMenuItem, Ht as classifyHistoryShortcut, Ja as cva, Ma as DialogDescription, Pa as DialogHeader, Pt as useEditor, Qa as Undo2, Ut as useEditorUiStore, Va as DropdownMenuContent, Wt as useEditorUiStoreInstance, Ya as cn, a as previewDesignHistoryDomainForCommand, ao as Redo2, co as Palette, da as Tooltip, do as LoaderCircle, en as useMultiAutosave, fa as TooltipContent, ho as EllipsisVertical, i as usePreviewDesignHistoryOrder, ja as DialogContent, mo as Eye, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, oo as Pencil, pa as TooltipTrigger, qa as Button, so as PenLine, to as Sparkles, ut as useEntryEditorController, vo as ChevronDown } from "./SiteChromeCustomizeContext-DQXZXiqS.mjs";
-import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-C_EHQ5XA.mjs";
-import { C as FixedBottomSurface, a as usePreviewPageDesignEditorState, c as applyPreviewChromeSurfaceToElement, l as resolvePreviewChromeSurface, o as PREVIEW_CHROME_PORTAL_CLASS_NAME, s as PREVIEW_CHROME_THEME_CLASS_NAME } from "./SdkPreviewModeRuntime-DMMNCngt.mjs";
+import { Co as Pencil, Fo as ChevronDown, Gn as canDiscardDraft, Gt as useEditor, Hn as useEditorUiStore, Lo as Button, Ma as TooltipContent, Mo as EllipsisVertical, Na as TooltipTrigger, Oo as LoaderCircle, Qa as DialogDescription, Ro as cva, So as Redo2, To as Palette, Un as useEditorUiStoreInstance, Xa as Dialog, Za as DialogContent, a as previewDesignHistoryDomainForCommand, co as DropdownMenuItem, do as DropdownMenuTrigger, dt as classifyHistoryShortcut, eo as DialogHeader, ft as useAutosaveStatus, go as TriangleAlert, ho as Undo2, i as usePreviewDesignHistoryOrder, ja as Tooltip, jo as Eye, n as useSiteChromeCustomizeOptional, o as selectPreviewDesignHistoryDomain, oo as DropdownMenu, so as DropdownMenuContent, to as DialogTitle, ut as useEntryEditorController, vo as Sparkles, wo as PenLine, xt as EditorWriteSurface, zo as cn } from "./SiteChromeCustomizeContext-JYA0cJ_Z.mjs";
+import { a as usePreviewAuth, p as unwrapResponse } from "./previewAuthStore-BBmV7UsW.mjs";
+import { a as usePreviewPageDesignEditorState, c as applyPreviewChromeSurfaceToElement, l as resolvePreviewChromeSurface, o as PREVIEW_CHROME_PORTAL_CLASS_NAME, s as PREVIEW_CHROME_THEME_CLASS_NAME, u as PREVIEW_THEME_COOKIE_NAME, w as FixedBottomSurface } from "./SdkPreviewModeRuntime-DJPmPY-r.mjs";
 import * as React$1 from "react";
 import { useCallback, useEffect, useMemo, useState, useTransition } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -318,11 +318,13 @@ function EditorStatusBar({ status, lastSavedAt, toolbar, draftSyncState = "basel
 							})] }) : null,
 							configuredMobileMenuItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, {
 								onClick: item.onClick,
+								disabled: item.disabled,
 								className: `sm:hidden ${item.variant === "destructive" ? "text-destructive focus:text-destructive" : ""}`,
 								children: item.label
 							}, item.label)),
 							configuredMenuItems.map((item) => /* @__PURE__ */ jsx(DropdownMenuItem, {
 								onClick: item.onClick,
+								disabled: item.disabled,
 								className: item.variant === "destructive" ? "text-destructive focus:text-destructive" : "",
 								children: item.label
 							}, item.label))
@@ -335,36 +337,50 @@ function EditorStatusBar({ status, lastSavedAt, toolbar, draftSyncState = "basel
 }
 //#endregion
 //#region ../editor/src/chrome/EditorChrome.tsx
+/**
+* The status bar's toolbar: the caller's overrides, with anything they leave
+* out following whether there is something unpublished.
+*/
+function resolveChromeToolbar(toolbarOverrides, draftSyncState) {
+	const hasChanges = Boolean(toolbarOverrides?.hasUnpublishedChanges) || draftSyncState !== "baseline";
+	const given = Object.fromEntries(Object.entries(toolbarOverrides ?? {}).filter(([, value]) => value != null));
+	return {
+		publishLabel: "Publish changes",
+		disablePublish: !hasChanges,
+		disableDiscard: !hasChanges,
+		currentStatus: void 0,
+		publishedMessage: void 0,
+		...given,
+		hasUnpublishedChanges: hasChanges
+	};
+}
+/**
+* The kebab menu: Discard draft when the editor offers it (greyed while there
+* is nothing to go back to), then Leave edit mode.
+*/
+function buildChromeMenuItems(input) {
+	return [...input.onDiscard ? [{
+		label: "Discard draft",
+		onClick: input.onDiscard,
+		variant: "destructive",
+		disabled: input.disableDiscard
+	}] : [], {
+		label: "Leave edit mode",
+		onClick: input.leaveEditMode
+	}];
+}
 function EditorChrome({ toolbarOverrides, onPublish, onDiscard, publishMenuItems, actionsSlot, messageOverride, messageVariant = "default", actionButtonSize = "default", showStatusBar = true, showToggle = true, menuItems: menuItemsOverride, mobileMenuItems, status = "idle", lastSavedAt = null, draftSyncState = "baseline", hasFailedSaves = false, onRetryFailedSaves, historyControls }) {
 	const { isEditingMode, toggleEditingMode } = useEditor();
-	const toolbar = useMemo(() => {
-		const hasChanges = Boolean(toolbarOverrides?.hasUnpublishedChanges) || draftSyncState !== "baseline";
-		return {
-			publishLabel: toolbarOverrides?.publishLabel ?? "Publish changes",
-			hasUnpublishedChanges: hasChanges,
-			disablePublish: toolbarOverrides?.disablePublish ?? !hasChanges,
-			disableDiscard: toolbarOverrides?.disableDiscard ?? !hasChanges,
-			currentStatus: toolbarOverrides?.currentStatus ?? void 0,
-			publishedMessage: toolbarOverrides?.publishedMessage ?? void 0
-		};
-	}, [draftSyncState, toolbarOverrides]);
-	const menuItems = useMemo(() => {
-		if (menuItemsOverride) return menuItemsOverride;
-		const items = [];
-		if (onDiscard) items.push({
-			label: "Discard draft",
-			onClick: onDiscard,
-			variant: "destructive"
-		});
-		items.push({
-			label: "Leave edit mode",
-			onClick: toggleEditingMode
-		});
-		return items;
-	}, [
+	const toolbar = useMemo(() => resolveChromeToolbar(toolbarOverrides, draftSyncState), [draftSyncState, toolbarOverrides]);
+	const menuItems = useMemo(() => menuItemsOverride ?? buildChromeMenuItems({
+		onDiscard,
+		disableDiscard: toolbar.disableDiscard,
+		leaveEditMode: toggleEditingMode
+	}), [
 		menuItemsOverride,
 		onDiscard,
-		toggleEditingMode
+		toggleEditingMode,
+		toolbar.disableDiscard
 	]);
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [showStatusBar && isEditingMode ? /* @__PURE__ */ jsx(EditorStatusBar, {
 		status,
@@ -457,9 +473,6 @@ function MaintenanceModeBadge({ dashboardBaseUrl, siteId }) {
 	});
 }
 //#endregion
-//#region ../preview-next/src/constants.ts
-const PREVIEW_THEME_COOKIE_NAME = "preview_theme_id";
-//#endregion
 //#region ../preview-next/src/client/preview/OnboardingThemeSwitcher.tsx
 function getDefaultThemeId(payload) {
 	return payload.currentThemeId ?? payload.themes[0]?.id ?? null;
@@ -674,19 +687,13 @@ function PreviewEditorUI({ dashboardBaseUrl = null, inMaintenanceMode = false, s
 	const controller = useEntryEditorController();
 	const { canEdit } = usePreviewAuth();
 	const [portalTarget, setPortalTarget] = useState(null);
-	const metadataAutosave = useEditorUiStore((state) => state.autosave.metadata);
-	const contentAutosave = useEditorUiStore((state) => state.autosave.content);
-	const blockAutosave = useEditorUiStore((state) => state.autosave.blocks);
-	const combinedAutosave = useMultiAutosave([
-		metadataAutosave,
-		contentAutosave,
-		blockAutosave
-	]);
+	const combinedAutosave = useAutosaveStatus();
 	const surfaceDocument = useMemo(() => resolvePreviewChromeSurface(surfaceId), [surfaceId]);
 	const draftSyncState = useEditorUiStore((state) => state.getDraftSyncState());
 	const canUndo = useEditorUiStore((state) => state.history.canUndo());
 	const canRedo = useEditorUiStore((state) => state.history.canRedo());
 	const hasUnpublishedChanges = useEditorUiStore((state) => state.getUnpublishedState().hasUnpublishedChanges);
+	const canDiscard = useEditorUiStore((state) => canDiscardDraft(state.getUnpublishedState()));
 	const undo = useEditorUiStore((state) => state.history.undo);
 	const redo = useEditorUiStore((state) => state.history.redo);
 	const designHistory = usePreviewPageDesignEditorState();
@@ -695,43 +702,37 @@ function PreviewEditorUI({ dashboardBaseUrl = null, inMaintenanceMode = false, s
 	const siteStyleHistory = siteChromeCustomize?.siteStyleHistory ?? null;
 	const quickControlHistory = siteChromeCustomize?.quickControlHistory ?? null;
 	const previewOpenEditorMobileMenuItems = usePreviewOpenEditorMobileMenuItems();
-	const lastSavedAt = useMemo(() => {
-		const times = [
-			metadataAutosave.lastSavedAt,
-			contentAutosave.lastSavedAt,
-			blockAutosave.lastSavedAt
-		].filter((t) => t !== null);
-		if (times.length === 0) return null;
-		return times.reduce((latest, current) => new Date(current) > new Date(latest) ? current : latest);
-	}, [
-		metadataAutosave.lastSavedAt,
-		contentAutosave.lastSavedAt,
-		blockAutosave.lastSavedAt
-	]);
+	const lastSavedAt = combinedAutosave.lastSavedAt;
 	const computedToolbar = useMemo(() => {
 		const base = controller.toolbar ?? {};
 		return {
 			...base,
 			hasUnpublishedChanges,
 			disablePublish: base.disablePublish ?? !hasUnpublishedChanges,
-			disableDiscard: base.disableDiscard ?? !hasUnpublishedChanges
+			disableDiscard: Boolean(base.disableDiscard) || !canDiscard
 		};
-	}, [hasUnpublishedChanges, controller.toolbar]);
-	const entryLifecycleActions = controller.actions.kind === "entryLifecycle" ? controller.actions : null;
-	const handlePublish = entryLifecycleActions ? async () => {
+	}, [
+		hasUnpublishedChanges,
+		canDiscard,
+		controller.toolbar
+	]);
+	const lifecycleActions = controller.actions;
+	const router = useRouter();
+	const handlePublish = async () => {
 		try {
-			await entryLifecycleActions.publish();
+			await lifecycleActions.publish();
 		} catch (err) {
 			console.error("Preview publish error", err);
 		}
-	} : void 0;
-	const handleDiscard = entryLifecycleActions ? async () => {
+	};
+	const handleDiscard = async () => {
 		try {
-			await entryLifecycleActions.discardDraft();
+			await lifecycleActions.discardDraft();
+			router.refresh();
 		} catch (err) {
 			console.error("Preview discard error", err);
 		}
-	} : void 0;
+	};
 	const designHistoryControllers = useMemo(() => ({
 		"site-style-design": siteStyleHistory,
 		"site-chrome-quick-controls": quickControlHistory,
@@ -838,7 +839,7 @@ function PreviewEditorUI({ dashboardBaseUrl = null, inMaintenanceMode = false, s
 		applyPreviewChromeSurfaceToElement(portalTarget, surfaceDocument, { includePortalClass: true });
 	}, [portalTarget, surfaceDocument]);
 	if (!portalTarget || !canEdit) return null;
-	return createPortal(/* @__PURE__ */ jsx(EditorChrome, {
+	return createGatedPortal(/* @__PURE__ */ jsx(EditorChrome, {
 		toolbarOverrides: computedToolbar,
 		onPublish: handlePublish,
 		onDiscard: handleDiscard,
@@ -868,6 +869,10 @@ function PreviewEditorUI({ dashboardBaseUrl = null, inMaintenanceMode = false, s
 		}
 	}), portalTarget);
 }
+/** Editor chrome is portalled out of the sidebar's gate, so it carries its own write surface. */
+function createGatedPortal(chrome, target) {
+	return createPortal(/* @__PURE__ */ jsx(EditorWriteSurface, { children: chrome }), target);
+}
 const disabledPreviewHistoryControls = {
 	canUndo: false,
 	canRedo: false,

package/dist/{PreviewQueryProvider-Dd4dxOiU.mjs → PreviewQueryProvider-C0mndwHB.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { n as markPreviewAuthExpired, s as ApiRequestError } from "./previewAuthStore-C_EHQ5XA.mjs";
+import { c as wasPreviewApiAuthErrorHandled, r as markPreviewAuthExpired, u as ApiRequestError } from "./previewAuthStore-BBmV7UsW.mjs";
 import { createContext, useContext, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { MutationCache, QueryCache, QueryClient, QueryClientProvider } from "@tanstack/react-query";
@@ -33,10 +33,10 @@ function createPreviewQueryClient() {
 			refetchOnWindowFocus: false
 		} },
 		queryCache: new QueryCache({ onError: (error) => {
-			if (error instanceof ApiRequestError && error.status === 401) markPreviewAuthExpired("query");
+			if (error instanceof ApiRequestError && error.status === 401 && !wasPreviewApiAuthErrorHandled(error)) markPreviewAuthExpired("query");
 		} }),
 		mutationCache: new MutationCache({ onError: (error) => {
-			if (error instanceof ApiRequestError && error.status === 401) markPreviewAuthExpired("query");
+			if (error instanceof ApiRequestError && error.status === 401 && !wasPreviewApiAuthErrorHandled(error)) markPreviewAuthExpired("query");
 		} })
 	});
 }