@riverbankcms/sdk 0.148.0 → 0.150.0

package/README.md

@@ -2835,7 +2835,7 @@ import {
 
 ## Content Configuration (SDK Content Scaffolding)
 
-Define content type schema and SDK-managed configuration in code. File-based documents such as pages, entries, navigation, and settings live in `content/**` and sync with explicit `riverbankcms push` scopes; `push-config` syncs schema/config surfaces only.
+Define content type schema and SDK-managed configuration in code. File-based documents such as pages, entries, navigation, and settings live in `content/**` and sync with explicit `riverbankcms push` scopes; `push-config` syncs schema/config surfaces only. An existing page or slot block keeps its kind: to use a different kind, create a block with a new identifier and remove the old block.
 
 ### Quick Start
 

package/dist/EventEmbeddedCheckoutStep-D00Kc8Zj.mjs

@@ -0,0 +1,285 @@
+"use client";
+import { _ as __commonJSMin, r as checkBrowserStripeKey, t as SpinnerNode } from "./spinner-CDo6AkDz.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/@stripe+stripe-js@9.17.0/node_modules/@stripe/stripe-js/dist/pure.js
+var require_pure$1 = /* @__PURE__ */ __commonJSMin(((exports) => {
+	Object.defineProperty(exports, "__esModule", { value: true });
+	function _typeof(obj) {
+		"@babel/helpers - typeof";
+		if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") _typeof = function(obj) {
+			return typeof obj;
+		};
+		else _typeof = function(obj) {
+			return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+		};
+		return _typeof(obj);
+	}
+	var RELEASE_TRAIN = "dahlia";
+	var runtimeVersionToUrlVersion = function runtimeVersionToUrlVersion(version) {
+		return version === 3 ? "v3" : version;
+	};
+	var ORIGIN = "https://js.stripe.com";
+	var STRIPE_JS_URL = "".concat(ORIGIN, "/").concat(RELEASE_TRAIN, "/stripe.js");
+	var V3_URL_REGEX = /^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/;
+	var STRIPE_JS_URL_REGEX = /^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/;
+	var EXISTING_SCRIPT_MESSAGE = "loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used";
+	var isStripeJSURL = function isStripeJSURL(url) {
+		return V3_URL_REGEX.test(url) || STRIPE_JS_URL_REGEX.test(url);
+	};
+	var findScript = function findScript() {
+		var scripts = document.querySelectorAll("script[src^=\"".concat(ORIGIN, "\"]"));
+		for (var i = 0; i < scripts.length; i++) {
+			var script = scripts[i];
+			if (!isStripeJSURL(script.src)) continue;
+			return script;
+		}
+		return null;
+	};
+	var injectScript = function injectScript(params) {
+		var queryString = params && !params.advancedFraudSignals ? "?advancedFraudSignals=false" : "";
+		var script = document.createElement("script");
+		script.src = "".concat(STRIPE_JS_URL).concat(queryString);
+		var headOrBody = document.head || document.body;
+		if (!headOrBody) throw new Error("Expected document.body not to be null. Stripe.js requires a <body> element.");
+		headOrBody.appendChild(script);
+		return script;
+	};
+	var registerWrapper = function registerWrapper(stripe, startTime) {
+		if (!stripe || !stripe._registerWrapper) return;
+		stripe._registerWrapper({
+			name: "stripe-js",
+			version: "9.17.0",
+			startTime
+		});
+	};
+	var stripePromise = null;
+	var onErrorListener = null;
+	var onLoadListener = null;
+	var onError = function onError(reject) {
+		return function(cause) {
+			reject(new Error("Failed to load Stripe.js", { cause }));
+		};
+	};
+	var onLoad = function onLoad(resolve, reject) {
+		return function() {
+			if (window.Stripe) resolve(window.Stripe);
+			else reject(/* @__PURE__ */ new Error("Stripe.js not available"));
+		};
+	};
+	var loadScript = function loadScript(params) {
+		if (stripePromise !== null) return stripePromise;
+		stripePromise = new Promise(function(resolve, reject) {
+			if (typeof window === "undefined" || typeof document === "undefined") {
+				resolve(null);
+				return;
+			}
+			if (window.Stripe && params) console.warn(EXISTING_SCRIPT_MESSAGE);
+			if (window.Stripe) {
+				resolve(window.Stripe);
+				return;
+			}
+			try {
+				var script = findScript();
+				if (script && params) console.warn(EXISTING_SCRIPT_MESSAGE);
+				else if (!script) script = injectScript(params);
+				else if (script && onLoadListener !== null && onErrorListener !== null) {
+					var _script$parentNode;
+					script.removeEventListener("load", onLoadListener);
+					script.removeEventListener("error", onErrorListener);
+					(_script$parentNode = script.parentNode) === null || _script$parentNode === void 0 || _script$parentNode.removeChild(script);
+					script = injectScript(params);
+				}
+				onLoadListener = onLoad(resolve, reject);
+				onErrorListener = onError(reject);
+				script.addEventListener("load", onLoadListener);
+				script.addEventListener("error", onErrorListener);
+			} catch (error) {
+				reject(error);
+				return;
+			}
+		});
+		return stripePromise["catch"](function(error) {
+			stripePromise = null;
+			return Promise.reject(error);
+		});
+	};
+	var initStripe = function initStripe(maybeStripe, args, startTime) {
+		if (maybeStripe === null) return null;
+		var pk = args[0];
+		if (typeof pk !== "string") throw new Error("Expected publishable key to be of type string, got type ".concat(_typeof(pk), " instead."));
+		var isTestKey = pk.match(/^pk_test/);
+		var version = runtimeVersionToUrlVersion(maybeStripe.version);
+		var expectedVersion = RELEASE_TRAIN;
+		if (isTestKey && version !== expectedVersion) console.warn("Stripe.js@".concat(version, " was loaded on the page, but @stripe/stripe-js@").concat("9.17.0", " expected Stripe.js@").concat(expectedVersion, ". This may result in unexpected behavior. For more information, see https://docs.stripe.com/sdks/stripejs-versioning"));
+		var stripe = maybeStripe.apply(void 0, args);
+		registerWrapper(stripe, startTime);
+		return stripe;
+	};
+	var validateLoadParams = function validateLoadParams(params) {
+		var errorMessage = "invalid load parameters; expected object of shape\n\n    {advancedFraudSignals: boolean}\n\nbut received\n\n    ".concat(JSON.stringify(params), "\n");
+		if (params === null || _typeof(params) !== "object") throw new Error(errorMessage);
+		if (Object.keys(params).length === 1 && typeof params.advancedFraudSignals === "boolean") return params;
+		throw new Error(errorMessage);
+	};
+	var loadParams;
+	var loadStripeCalled = false;
+	var loadStripe = function loadStripe() {
+		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
+		loadStripeCalled = true;
+		var startTime = Date.now();
+		return loadScript(loadParams).then(function(maybeStripe) {
+			return initStripe(maybeStripe, args, startTime);
+		});
+	};
+	loadStripe.setLoadParameters = function(params) {
+		if (loadStripeCalled && loadParams) {
+			var validatedParams = validateLoadParams(params);
+			if (Object.keys(validatedParams).reduce(function(previousValue, currentValue) {
+				var _loadParams;
+				return previousValue && params[currentValue] === ((_loadParams = loadParams) === null || _loadParams === void 0 ? void 0 : _loadParams[currentValue]);
+			}, true)) return;
+		}
+		if (loadStripeCalled) throw new Error("You cannot change load parameters after calling loadStripe");
+		loadParams = validateLoadParams(params);
+	};
+	exports.loadStripe = loadStripe;
+}));
+//#endregion
+//#region ../blocks/src/system/runtime/shared/stripe/browserStripe.ts
+var import_pure = (/* @__PURE__ */ __commonJSMin(((exports, module) => {
+	module.exports = require_pure$1();
+})))();
+const stripeByContext = /* @__PURE__ */ new Map();
+/** Pure entry loading stays inert until a payment surface calls this function. */
+function loadBrowserStripe(context) {
+	const accountId = "kind" in context && context.kind === "connect" ? context.accountId : void 0;
+	const cacheKey = JSON.stringify([context.publishableKey, accountId ?? "direct"]);
+	const existing = stripeByContext.get(cacheKey);
+	if (existing) return existing;
+	const loading = (0, import_pure.loadStripe)(context.publishableKey, ...accountId ? [{ stripeAccount: accountId }] : []).then((stripe) => {
+		if (!stripe) stripeByContext.delete(cacheKey);
+		return stripe;
+	}, (error) => {
+		stripeByContext.delete(cacheKey);
+		throw error;
+	});
+	stripeByContext.set(cacheKey, loading);
+	return loading;
+}
+//#endregion
+//#region ../blocks/src/system/runtime/nodes/event-registration/EventEmbeddedCheckoutStep.tsx
+function useStripeMount(props, container, load) {
+	const [status, setStatus] = useState("loading");
+	const callbacks = useRef(props);
+	callbacks.current = props;
+	useEffect(() => {
+		const lifecycle = {
+			active: true,
+			instance: null
+		};
+		setStatus("loading");
+		const fail = () => {
+			if (!lifecycle.active) return;
+			lifecycle.active = false;
+			lifecycle.instance?.destroy();
+			lifecycle.instance = null;
+			setStatus("failed");
+		};
+		const timeout = window.setTimeout(fail, 3e4);
+		const mount = async () => {
+			if (checkBrowserStripeKey(props.checkout.browser.publishableKey, props.checkout.livemode).tag !== "ready") throw new Error("Invalid payment configuration");
+			const stripe = await load(props.checkout.browser);
+			if (!lifecycle.active) return;
+			if (!stripe) throw new Error("Payment form unavailable");
+			const instance = await stripe.createEmbeddedCheckoutPage({
+				clientSecret: props.checkout.clientSecret,
+				onComplete: () => {
+					if (lifecycle.active) callbacks.current.onComplete();
+				}
+			});
+			if (!lifecycle.active || !container.current) {
+				instance.destroy();
+				return;
+			}
+			lifecycle.instance = instance;
+			instance.mount(container.current);
+			clearTimeout(timeout);
+			setStatus("ready");
+		};
+		mount().catch(fail);
+		return () => {
+			lifecycle.active = false;
+			clearTimeout(timeout);
+			lifecycle.instance?.destroy();
+		};
+	}, [
+		props.checkout,
+		container,
+		load
+	]);
+	return status;
+}
+function EventEmbeddedCheckoutStep(props) {
+	return /* @__PURE__ */ jsx(EventEmbeddedCheckoutStepWithDeps, {
+		...props,
+		load: loadBrowserStripe
+	});
+}
+function EventEmbeddedCheckoutStepWithDeps(props) {
+	const container = useRef(null);
+	const heading = useRef(null);
+	const status = useStripeMount(props, container, props.load);
+	useEffect(() => {
+		heading.current?.focus();
+	}, []);
+	return /* @__PURE__ */ jsxs("section", {
+		className: "er-embedded-payment",
+		children: [
+			/* @__PURE__ */ jsx("h2", {
+				ref: heading,
+				tabIndex: -1,
+				className: "er-title er-message",
+				children: "Payment"
+			}),
+			status === "loading" && /* @__PURE__ */ jsxs("div", {
+				className: "er-center er-message",
+				role: "status",
+				"aria-live": "polite",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: "er-icon",
+					children: /* @__PURE__ */ jsx(SpinnerNode, { size: "lg" })
+				}), /* @__PURE__ */ jsx("p", {
+					className: "er-text--muted",
+					children: "Loading secure payment…"
+				})]
+			}),
+			status === "failed" && /* @__PURE__ */ jsxs("div", {
+				className: "er-center er-message",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "er-text--muted er-message",
+					children: "We couldn’t load the payment form."
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "er-btn er-btn--primary",
+					onClick: props.onRetry,
+					children: "Try again"
+				})]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				ref: container,
+				className: "er-message",
+				style: { width: "100%" }
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				className: "er-back-btn",
+				onClick: props.onBack,
+				children: "Back to booking"
+			})
+		]
+	});
+}
+//#endregion
+export { EventEmbeddedCheckoutStepWithDeps, EventEmbeddedCheckoutStep as default };

package/dist/{PreviewEditorSidebar-DvEPG3Z2.mjs → PreviewEditorSidebar-7ZhmmnBB.mjs}

@@ -1,8 +1,8 @@
 "use client";
-import { $ as FooterComposerPanel, $i as VARIANT_ROLES, $o as valueStatus, $t as createStoreBackend, A as markApplySaving, Ai as curatedSiteStyles, An as listPageSurfaceContentSlots, B as setPaletteColors, Ba as CalloutDescription, Bn as resolvePageRouteSlug, C as cancelPreview, D as isPreviewingChange, Do as Maximize2, E as dismissWarnings, Eo as Monitor, F as previewFooterLook, Fa as SelectContent, Fn as routeLifecycleContext, Fo as ChevronDown, Ga as Input, Gi as curatedPalettes, H as syncStyleConfiguratorState, Ha as Popover, Hn as useEditorUiStore, I as previewHeaderLayout, Ia as SelectItem, Ii as resolveSdkFooterMode, Io as Check, Ja as TabsList, Ji as findButtonStyleRecipe, Jt as BlockEditor, Ka as Tabs, Ki as buttonStyleHoverPreferenceValue, L as previewHeaderStyle, La as SelectTrigger, Li as findFooterLook, Ln as isAdapterReferenceKind, Lo as Button, M as palettePreviewProjection, Mi as getCuratedSiteStyle, N as previewButtonStyle, No as ChevronRight, O as markApplyFailed, On as createManifestValidation, Oo as LoaderCircle, P as previewCuratedPalette, Pa as Select, Po as ChevronLeft, Q as resolvePreviewSidebarTab, Qi as buttonStyleSelectionKey, Qo as syncStateOf, Qt as FormRenderer, R as previewSiteStyle, Ra as SelectValue, Ri as getHeaderLayout, S as applyTypographyDraftPatch, T as deriveStyleConfiguratorCapabilities, U as toggleRow, Ua as PopoverContent, Un as useEditorUiStoreInstance, Uo as canWriteLinkedEntry, V as styleConfiguratorHistoryEntryForPersistedSelection, Va as SearchInput, Vn as resolveContentTitle, Vo as isEdited, Wa as PopoverTrigger, X as resolveStyleConfiguratorInitialSnapshot, Xi as updateButtonStyleHoverPreference, Ya as TabsTrigger, Yi as resolveButtonStyleSelection, Z as createOptimisticActionRunner, Zi as updateButtonStyleSelectionChoice, Zo as displayedValues, Zt as ManifestForm, _ as reportPreviewDesignError, _a as paletteColorEntries, _o as Tablet, ao as Surface, at as ContentFieldsForm, b as planSiteChromeSelection, bo as SlidersHorizontal, c as selectionSnapshotFromApplySiteStyleSelectionResponse, co as DropdownMenuItem, do as DropdownMenuTrigger, f as usePreviewDesignCoordinator, ft as useAutosaveStatus, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, io as CollapsibleTrigger, ir as toEditorBlockItem, j as openRow, jn as blocksKeys, jr as ThemedButtonSpecimen, k as markApplySaved, kn as listEntryPageContentSlots, l as deriveSiteStylePreviewUpdate, lo as DropdownMenuLabel, lt as useEntryController, n as useSiteChromeCustomizeOptional, no as Collapsible, oo as DropdownMenu, ot as useUISelector, po as X$1, qa as TabsContent, qi as buttonStyleSelectionParameterValue, ro as CollapsibleContent, s as buildApplySiteStyleSelectionBody, so as DropdownMenuContent, sr as ThemeScope, ts as assertNever$1, u as planConfiguratorPreview, uo as DropdownMenuSeparator, v as buildSiteChromeSelectionModels, va as paletteColorsSchema, vt as LinkedEntryLeaseBanner, w as createStyleConfiguratorState, x as applyResolvedSelections, y as cycleSiteChromeSelectionId, yo as Smartphone, z as resetTypographyToSaved, za as Callout, zi as getHeaderStyle, zn as deriveRouteMetadataPresentation, zo as cn } from "./SiteChromeCustomizeContext-CFJYh6vo.mjs";
-import { d as unwrapResponse, f as getDashboardUrl, r as usePreviewAuth } from "./previewAuthStore-BXXF3hhW.mjs";
-import { S as getSiteFontsStorageUrl, _ as usePreviewBlockCustomizeSelectionOptional, b as buildFontPreviewUrl, d as buildPreviewDashboardSetupUrl, f as resolvePreviewDashboardSetupHandoff, g as useBlockCustomizeControls, h as usePreviewSiteFontStorageUrl, m as resolvePreviewSidebarChromeModel, p as resolvePreviewEditorGuidanceModel, u as canInspectSiteStyle, v as PreviewFormProvider, x as generateFontFaceCss, y as previewWidgetOverrides } from "./SdkPreviewModeRuntime-DJ6utQ_R.mjs";
-import { t as Separator } from "./separator-CuNhBAhS.mjs";
+import { a as usePreviewAuth, m as getDashboardUrl, p as unwrapResponse } from "./previewAuthStore-BBmV7UsW.mjs";
+import { $ as FooterComposerPanel, $o as syncStateOf, $t as createStoreBackend, A as markApplySaving, Ai as curatedSiteStyles, An as listPageSurfaceContentSlots, B as setPaletteColors, Ba as CalloutDescription, Bn as resolvePageRouteSlug, C as cancelPreview, D as isPreviewingChange, Do as Maximize2, E as dismissWarnings, Eo as Monitor, F as previewFooterLook, Fa as SelectContent, Fn as routeLifecycleContext, Fo as ChevronDown, Ga as Input, Gi as curatedPalettes, H as syncStyleConfiguratorState, Ha as Popover, Hn as useEditorUiStore, I as previewHeaderLayout, Ia as SelectItem, Ii as resolveSdkFooterMode, Io as Check, Ja as TabsList, Ji as findButtonStyleRecipe, Jt as BlockEditor, Ka as Tabs, Ki as buttonStyleHoverPreferenceValue, L as previewHeaderStyle, La as SelectTrigger, Li as findFooterLook, Ln as isAdapterReferenceKind, Lo as Button, M as palettePreviewProjection, Mi as getCuratedSiteStyle, N as previewButtonStyle, No as ChevronRight, O as markApplyFailed, On as createManifestValidation, Oo as LoaderCircle, P as previewCuratedPalette, Pa as Select, Po as ChevronLeft, Q as resolvePreviewSidebarTab, Qi as buttonStyleSelectionKey, Qo as displayedValues, Qt as FormRenderer, R as previewSiteStyle, Ra as SelectValue, Ri as getHeaderLayout, S as applyTypographyDraftPatch, T as deriveStyleConfiguratorCapabilities, U as toggleRow, Ua as PopoverContent, Un as useEditorUiStoreInstance, Uo as canWriteLinkedEntry, V as styleConfiguratorHistoryEntryForPersistedSelection, Va as SearchInput, Vn as resolveContentTitle, Vo as isEdited, Wa as PopoverTrigger, X as resolveStyleConfiguratorInitialSnapshot, Xi as updateButtonStyleHoverPreference, Ya as TabsTrigger, Yi as resolveButtonStyleSelection, Z as createOptimisticActionRunner, Zi as updateButtonStyleSelectionChoice, Zt as ManifestForm, _ as reportPreviewDesignError, _a as paletteColorEntries, _o as Tablet, ao as Surface, at as ContentFieldsForm, b as planSiteChromeSelection, bo as SlidersHorizontal, c as selectionSnapshotFromApplySiteStyleSelectionResponse, co as DropdownMenuItem, do as DropdownMenuTrigger, es as valueStatus, f as usePreviewDesignCoordinator, fa as VARIANT_ROLES, ft as useAutosaveStatus, g as PREVIEW_DESIGN_SAVE_ERROR_MESSAGE, io as CollapsibleTrigger, ir as toEditorBlockItem, j as openRow, jn as blocksKeys, jr as ThemedButtonSpecimen, k as markApplySaved, kn as listEntryPageContentSlots, l as deriveSiteStylePreviewUpdate, lo as DropdownMenuLabel, lt as useEntryController, n as useSiteChromeCustomizeOptional, no as Collapsible, ns as assertNever$1, oo as DropdownMenu, ot as useUISelector, po as X$1, qa as TabsContent, qi as buttonStyleSelectionParameterValue, ro as CollapsibleContent, s as buildApplySiteStyleSelectionBody, so as DropdownMenuContent, sr as ThemeScope, u as planConfiguratorPreview, uo as DropdownMenuSeparator, v as buildSiteChromeSelectionModels, va as paletteColorsSchema, vt as LinkedEntryLeaseBanner, w as createStyleConfiguratorState, x as applyResolvedSelections, y as cycleSiteChromeSelectionId, yo as Smartphone, z as resetTypographyToSaved, za as Callout, zi as getHeaderStyle, zn as deriveRouteMetadataPresentation, zo as cn } from "./SiteChromeCustomizeContext-BFOt0ss-.mjs";
+import { t as Separator } from "./separator-Cvvzk0Oo.mjs";
+import { C as getSiteFontsStorageUrl, S as generateFontFaceCss, _ as useBlockCustomizeControls, b as previewWidgetOverrides, d as canInspectSiteStyle, f as buildPreviewDashboardSetupUrl, g as usePreviewSiteFontStorageUrl, h as resolvePreviewSidebarChromeModel, m as resolvePreviewEditorGuidanceModel, p as resolvePreviewDashboardSetupHandoff, v as usePreviewBlockCustomizeSelectionOptional, x as buildFontPreviewUrl, y as PreviewFormProvider } from "./SdkPreviewModeRuntime-tj45gmCX.mjs";
 import React, { createContext, forwardRef, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore, useTransition } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
@@ -347,6 +347,88 @@ var R, U = "undefined" != typeof window ? useLayoutEffect : useEffect, V = funct
 	return React.createElement(Q, u({}, r, { colorModel: W }));
 };
 //#endregion
+//#region ../ui/src/palette/hex.ts
+/**
+* Hex colour helpers shared by every palette-editing surface (Macadamia
+* onboarding swatches, the LiveThemeEditor, the Style configurator advanced
+* row). Consolidates three prior duplicates: `normalizeColorPickerValue` in
+* Macadamia, `normalizeHex` + `contrastRatio` formerly in
+* `theme-editor/utils.ts`, and the inline regex in `updateColorRole`.
+*
+* Pure functions; no DOM, no React.
+*/
+/**
+* Coerces user input into a canonical lowercase `#RRGGBB` form. Accepts
+* 3-digit shorthand, case-insensitive 6-digit hex, and the same forms with or
+* without a leading `#`; returns `fallback` for any other shape (empty
+* string, garbage, characters outside `[0-9a-f]`, wrong length, etc.). Pass
+* a `fallback` to make the fallback explicit at the call site — defaulting
+* to `'#000000'` preserves the former theme-editor helper semantics.
+*/
+function normalizeHex(input, fallback = "#000000") {
+	if (!input) return fallback;
+	const trimmed = input.trim().replace(/^#/, "").toLowerCase();
+	const expanded = trimmed.length === 3 ? trimmed.split("").map((char) => char + char).join("") : trimmed;
+	if (!/^[0-9a-f]{6}$/i.test(expanded)) return fallback;
+	return `#${expanded}`;
+}
+function hexToRgb(hex) {
+	const match = normalizeHex(hex).replace("#", "").match(/.{2}/g);
+	if (!match || match.length < 3) return null;
+	const [r, g, b] = match.map((value) => parseInt(value, 16));
+	return [
+		r,
+		g,
+		b
+	];
+}
+function luminanceChannel(raw) {
+	const channel = raw / 255;
+	return channel <= .03928 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
+}
+/**
+* WCAG relative luminance + contrast ratio. Rounded to 2 decimal places so
+* the result is stable for UI display.
+*/
+function contrastRatio(hexA, hexB) {
+	const rgbA = hexToRgb(hexA);
+	const rgbB = hexToRgb(hexB);
+	if (!rgbA || !rgbB) return 1;
+	const lumA = .2126 * luminanceChannel(rgbA[0]) + .7152 * luminanceChannel(rgbA[1]) + .0722 * luminanceChannel(rgbA[2]);
+	const lumB = .2126 * luminanceChannel(rgbB[0]) + .7152 * luminanceChannel(rgbB[1]) + .0722 * luminanceChannel(rgbB[2]);
+	const brighter = Math.max(lumA, lumB);
+	const darker = Math.min(lumA, lumB);
+	return Number(((brighter + .05) / (darker + .05)).toFixed(2));
+}
+//#endregion
+//#region ../ui/src/palette/useHexDraft.ts
+/** Keeps incomplete text local while sending only complete colors to consumers. */
+function useHexDraft(value, onChange) {
+	const [draft, setDraft] = useState(value);
+	useEffect(() => {
+		setDraft(value);
+	}, [value]);
+	const changeDraft = (next) => {
+		setDraft(next);
+		if (/^#?[0-9a-fA-F]{6}$/.test(next.trim())) onChange(normalizeHex(next));
+	};
+	const finishDraft = () => {
+		if (/^#?[0-9a-fA-F]{3}$/.test(draft.trim())) {
+			const normalized = normalizeHex(draft);
+			setDraft(normalized);
+			onChange(normalized);
+			return;
+		}
+		if (!normalizeHex(draft, "")) setDraft(value);
+	};
+	return {
+		draft,
+		changeDraft,
+		finishDraft,
+		setDraft
+	};
+}
+//#endregion
 //#region ../ui/src/color-picker.tsx
 function useForwardedRef(ref) {
 	const innerRef = useRef(null);
@@ -363,6 +445,7 @@ const ColorPicker = forwardRef(({ disabled, value, onChange, onBlur, name, class
 	const parsedValue = useMemo(() => {
 		return value || "#FFFFFF";
 	}, [value]);
+	const { draft, changeDraft, finishDraft, setDraft } = useHexDraft(parsedValue, onChange);
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("inline-block", props.style ? "" : ""),
 		children: [/* @__PURE__ */ jsxs(Popover, {
@@ -391,14 +474,17 @@ const ColorPicker = forwardRef(({ disabled, value, onChange, onBlur, name, class
 				className: "w-full",
 				children: [/* @__PURE__ */ jsx(Z, {
 					color: parsedValue,
-					onChange
+					onChange: (next) => {
+						setDraft(next);
+						onChange(next);
+					}
 				}), /* @__PURE__ */ jsx(Input, {
+					"aria-label": "Hex colour",
 					maxLength: 7,
-					onChange: (e) => {
-						onChange(e?.currentTarget?.value);
-					},
+					onChange: (event) => changeDraft(event.currentTarget.value),
+					onBlur: finishDraft,
 					ref,
-					value: parsedValue
+					value: draft
 				})]
 			})]
 		}), label ? /* @__PURE__ */ jsx("div", {
@@ -1940,60 +2026,6 @@ function PreviewEditorGuidanceCard({ guidance, completeSetupDisabled, onComplete
 	});
 }
 //#endregion
-//#region ../ui/src/palette/hex.ts
-/**
-* Hex colour helpers shared by every palette-editing surface (Macadamia
-* onboarding swatches, the LiveThemeEditor, the Style configurator advanced
-* row). Consolidates three prior duplicates: `normalizeColorPickerValue` in
-* Macadamia, `normalizeHex` + `contrastRatio` formerly in
-* `theme-editor/utils.ts`, and the inline regex in `updateColorRole`.
-*
-* Pure functions; no DOM, no React.
-*/
-/**
-* Coerces user input into a canonical lowercase `#RRGGBB` form. Accepts
-* 3-digit shorthand, case-insensitive 6-digit hex, and the same forms with or
-* without a leading `#`; returns `fallback` for any other shape (empty
-* string, garbage, characters outside `[0-9a-f]`, wrong length, etc.). Pass
-* a `fallback` to make the fallback explicit at the call site — defaulting
-* to `'#000000'` preserves the former theme-editor helper semantics.
-*/
-function normalizeHex(input, fallback = "#000000") {
-	if (!input) return fallback;
-	const trimmed = input.trim().replace(/^#/, "").toLowerCase();
-	const expanded = trimmed.length === 3 ? trimmed.split("").map((char) => char + char).join("") : trimmed;
-	if (!/^[0-9a-f]{6}$/i.test(expanded)) return fallback;
-	return `#${expanded}`;
-}
-function hexToRgb(hex) {
-	const match = normalizeHex(hex).replace("#", "").match(/.{2}/g);
-	if (!match || match.length < 3) return null;
-	const [r, g, b] = match.map((value) => parseInt(value, 16));
-	return [
-		r,
-		g,
-		b
-	];
-}
-function luminanceChannel(raw) {
-	const channel = raw / 255;
-	return channel <= .03928 ? channel / 12.92 : Math.pow((channel + .055) / 1.055, 2.4);
-}
-/**
-* WCAG relative luminance + contrast ratio. Rounded to 2 decimal places so
-* the result is stable for UI display.
-*/
-function contrastRatio(hexA, hexB) {
-	const rgbA = hexToRgb(hexA);
-	const rgbB = hexToRgb(hexB);
-	if (!rgbA || !rgbB) return 1;
-	const lumA = .2126 * luminanceChannel(rgbA[0]) + .7152 * luminanceChannel(rgbA[1]) + .0722 * luminanceChannel(rgbA[2]);
-	const lumB = .2126 * luminanceChannel(rgbB[0]) + .7152 * luminanceChannel(rgbB[1]) + .0722 * luminanceChannel(rgbB[2]);
-	const brighter = Math.max(lumA, lumB);
-	const darker = Math.min(lumA, lumB);
-	return Number(((brighter + .05) / (darker + .05)).toFixed(2));
-}
-//#endregion
 //#region ../ui/src/palette/PaletteTokenEditor.tsx
 const DEFAULT_BRAND_ROLES = [
 	{
@@ -2149,6 +2181,7 @@ function ColorRoleGroup({ title, roles, getColor, onChange, disabled }) {
 function ColorRoleField({ role, value, onChange, disabled }) {
 	const inputId = useId();
 	const colorPickerLabel = `${role.label} colour picker`;
+	const { draft, changeDraft, finishDraft, setDraft } = useHexDraft(value, (hex) => onChange(role.key, hex));
 	return /* @__PURE__ */ jsxs("div", {
 		className: "rounded-lg bg-muted p-3 space-y-2",
 		children: [
@@ -2160,7 +2193,10 @@ function ColorRoleField({ role, value, onChange, disabled }) {
 			/* @__PURE__ */ jsx(ColorPicker, {
 				value,
 				onChange: (next) => {
-					if (typeof next === "string") onChange(role.key, next);
+					if (typeof next === "string") {
+						setDraft(next);
+						onChange(role.key, next);
+					}
 				},
 				className: "w-full",
 				"aria-label": colorPickerLabel,
@@ -2168,8 +2204,9 @@ function ColorRoleField({ role, value, onChange, disabled }) {
 			}),
 			/* @__PURE__ */ jsx(Input, {
 				id: inputId,
-				value,
-				onChange: (event) => onChange(role.key, event.target.value),
+				value: draft,
+				onChange: (event) => changeDraft(event.target.value),
+				onBlur: finishDraft,
 				className: "font-mono text-xs uppercase",
 				placeholder: "#000000",
 				disabled

package/dist/{PreviewEditorUI-D6eb6fkx.mjs → PreviewEditorUI-BIJucTRd.mjs}

@@ -1,7 +1,7 @@
 "use client";
-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-CFJYh6vo.mjs";
-import { d as unwrapResponse, r as usePreviewAuth } from "./previewAuthStore-BXXF3hhW.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-DJ6utQ_R.mjs";
+import { a as usePreviewAuth, p as unwrapResponse } from "./previewAuthStore-BBmV7UsW.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-BFOt0ss-.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-tj45gmCX.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";
@@ -473,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;

package/dist/{PreviewQueryProvider-5znTyJuz.mjs → PreviewQueryProvider-C0mndwHB.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { n as markPreviewAuthExpired, s as ApiRequestError } from "./previewAuthStore-BXXF3hhW.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");
 		} })
 	});
 }