@riverbankcms/sdk 0.147.0 → 0.149.0

package/dist/client/{routeIslandApiConfig-BwVFo0Y4.mjs → routeIslandApiConfig-E1EkhhYY.mjs}

@@ -1,4 +1,4 @@
-import { G as createHostedBlockApiConfig } from "./propsDecoder-CwvvNOHx.mjs";
+import { G as createHostedBlockApiConfig } from "./propsDecoder-DZd6RJeA.mjs";
 //#region src/rendering/islands/enhancers/routeIslandApiConfig.ts
 function buildRouteIslandApiConfig({ apiBaseUrl, portalToken, previewToken, siteId, stage, readAuthority }) {
 	if (readAuthority) return createHostedBlockApiConfig({

package/dist/client/{shop-mktkXvbV.mjs → shop-4F2jLQPI.mjs}

@@ -1,15 +1,15 @@
 "use client";
-import { Sn as assertNever$1, Vt as assertNever, o as formatCommercePrice, s as formatInterval, t as defineIslandPropsDecoder } from "./propsDecoder-CwvvNOHx.mjs";
-import { n as useBlockApi } from "./context-C8TinPJc.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CKJtz0mY.mjs";
-import { a as useDiscountCodeUi, i as CheckIcon, n as StateIcon, r as scrollToBlock, t as TerminalPanel } from "./TerminalPanel-B5ZUsYhe.mjs";
-import { t as ThemedButton } from "./ThemedButton-DoVIV1Ao.mjs";
+import { Tn as assertNever$1, Wt as assertNever, kt as getShopSuccessCopy, o as formatCommercePrice, s as formatInterval, t as defineIslandPropsDecoder } from "./propsDecoder-DZd6RJeA.mjs";
+import { n as useBlockApi } from "./context-DFmaZa-Q.mjs";
+import { d as storeDemoBookingCheckoutReturn, o as DiscountCodeDisclosure, t as BookingConfirmation, u as readDemoBookingCheckoutReturnEmail } from "./DemoBookingPortalAccess-BFGB1Fay.mjs";
+import { a as useDiscountCodeUi, i as CheckIcon, n as StateIcon, r as scrollToBlock, t as TerminalPanel } from "./TerminalPanel-JjmgxEsR.mjs";
+import { t as ThemedButton } from "./ThemedButton-CKV1Jh2m.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { n as consumeSearchParams } from "./urlParams-D71VXFGx.mjs";
 import { t as CrossIcon } from "./CrossIcon-Dn1KRKW5.mjs";
-import { _ as MembershipCardView, a as getDiscountApplyFeedback, b as PassesMembershipsSectionView, d as planDirectShopCheckoutRequest, i as getAppliedDiscountCode, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, t as mountShopBlockIsland, v as PassCardView, y as PassPurchaseUnavailable } from "./shopShared-TqExh235.mjs";
-import { t as addPassToCommerceCart } from "./shop-commerce-store-B3MCxIBW.mjs";
+import { _ as MembershipCardView, a as getDiscountApplyFeedback, b as PassesMembershipsSectionView, d as planDirectShopCheckoutRequest, i as getAppliedDiscountCode, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, t as mountShopBlockIsland, v as PassCardView, y as PassPurchaseUnavailable } from "./shopShared-DlONJt0T.mjs";
+import { t as addPassToCommerceCart } from "./shop-commerce-store-vicweP2K.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -133,6 +133,109 @@ function getOpenCheckout(state) {
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/shop.client.tsx
 const SHOP_ANCHOR_ID = "shop";
+function ShopCheckoutReturnNotice(props) {
+	const succeeded = props.notice.kind === "success";
+	const copy = getShopSuccessCopy(succeeded ? "success" : "cancelled");
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(TerminalPanel, {
+		tone: succeeded ? "success" : "warning",
+		className: "shop__return",
+		titleClassName: "shop__return-title",
+		bodyClassName: "shop__return-text",
+		icon: /* @__PURE__ */ jsx(StateIcon, {
+			variant: succeeded ? "success" : "warning",
+			children: succeeded ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CrossIcon, {})
+		}),
+		title: succeeded ? "Payment successful" : "Payment cancelled",
+		body: /* @__PURE__ */ jsx(BookingConfirmation, {
+			demoEmailSuppressed: succeeded && props.demoEmailSuppressed,
+			email: props.email,
+			copy,
+			messagePresentation: { kind: "plain" },
+			noteClassName: "shop__return-text"
+		}),
+		actions: /* @__PURE__ */ jsx(ThemedButton, {
+			type: "button",
+			variant: "secondary",
+			size: "sm",
+			extraClassName: "shop__return-dismiss",
+			label: "Dismiss",
+			onClick: props.onDismiss
+		})
+	}) });
+}
+function handleShopCheckoutResult(input) {
+	switch (input.result.type) {
+		case "duplicate_membership_warning":
+			input.dispatch({
+				type: "submitDuplicateWarning",
+				warning: input.result
+			});
+			return;
+		case "bypassed":
+			if (input.result.demoBookingPass) storeDemoBookingCheckoutReturn(input.checkout.form.email, input.result.demoBookingPass);
+			window.location.href = input.successUrl;
+			return;
+		case "redirect":
+			if (input.result.demoBookingPass) storeDemoBookingCheckoutReturn(input.checkout.form.email, input.result.demoBookingPass);
+			window.location.href = input.result.checkoutUrl;
+			return;
+		default: return assertNever$1(input.result);
+	}
+}
+function buildDirectShopCheckoutPlan(input) {
+	const successUrl = new URL(input.currentUrl);
+	successUrl.searchParams.set("checkout", "success");
+	successUrl.searchParams.set("product", input.checkout.item.product.id);
+	const cancelUrl = new URL(input.currentUrl);
+	cancelUrl.searchParams.set("checkout", "cancelled");
+	const form = {
+		...input.checkout.form,
+		discountCode: input.manualCodeEntryAllowed ? getAppliedDiscountCode(input.discountApply) ?? "" : ""
+	};
+	return {
+		successUrl: successUrl.toString(),
+		command: planDirectShopCheckoutRequest({
+			productType: input.checkout.item.productType,
+			productId: input.checkout.item.product.id,
+			form,
+			successUrl: successUrl.toString(),
+			cancelUrl: cancelUrl.toString(),
+			confirmDuplicate: input.confirmDuplicate
+		})
+	};
+}
+async function submitDirectShopCheckout(input) {
+	const checkout = input.checkout;
+	if (!checkout) return;
+	input.dispatch({ type: "submitStarted" });
+	try {
+		const attempt = buildDirectShopCheckoutPlan({
+			checkout,
+			currentUrl: window.location.href,
+			confirmDuplicate: input.confirmDuplicate,
+			discountApply: input.discountApply,
+			manualCodeEntryAllowed: input.manualCodeEntryAllowed
+		});
+		if (!attempt.command.ok) {
+			input.dispatch({
+				type: "submitFailed",
+				error: attempt.command.error.message
+			});
+			return;
+		}
+		handleShopCheckoutResult({
+			result: await input.api.createShopCheckout(attempt.command.value),
+			checkout,
+			successUrl: attempt.successUrl,
+			dispatch: input.dispatch
+		});
+	} catch (error) {
+		input.dispatch({
+			type: "submitFailed",
+			error: error instanceof Error ? error.message : "An error occurred"
+		});
+	}
+}
 function ShopClient(props) {
 	return /* @__PURE__ */ jsx(PassesMembershipsController, { render: props.render });
 }
@@ -182,6 +285,7 @@ function PassesMembershipsController({ render }) {
 	const [discountApply, dispatchDiscountApply] = React.useReducer(discountApplyReducer, initialDiscountApplyState);
 	const passAddFeedback = useTransientShopAddFeedback();
 	const [modalPortalRoot, setModalPortalRoot] = useState(null);
+	const [checkoutReturnEmail, setCheckoutReturnEmail] = useState(null);
 	const shopRootRef = useRef(null);
 	const emailInputRef = useRef(null);
 	const focusedCheckoutKeyRef = useRef(null);
@@ -276,6 +380,7 @@ function PassesMembershipsController({ render }) {
 		if (!checkoutStatus) return;
 		scrollToBlock(SHOP_ANCHOR_ID);
 		if (checkoutStatus === "success") {
+			setCheckoutReturnEmail(readDemoBookingCheckoutReturnEmail());
 			dispatch({
 				type: "setReturnNotice",
 				notice: { kind: "success" }
@@ -287,58 +392,14 @@ function PassesMembershipsController({ render }) {
 			notice: { kind: "cancelled" }
 		});
 	}, []);
-	const submitCheckout = useCallback(async (confirmDuplicate = false) => {
-		if (!checkout) return;
-		dispatch({ type: "submitStarted" });
-		try {
-			const currentUrl = window.location.href;
-			const successUrl = new URL(currentUrl);
-			successUrl.searchParams.set("checkout", "success");
-			successUrl.searchParams.set("product", checkout.item.product.id);
-			const cancelUrl = new URL(currentUrl);
-			cancelUrl.searchParams.set("checkout", "cancelled");
-			const form = {
-				...checkout.form,
-				discountCode: discountUi.manualCodeEntryAllowed ? getAppliedDiscountCode(discountApply) ?? "" : ""
-			};
-			const command = planDirectShopCheckoutRequest({
-				productType: checkout.item.productType,
-				productId: checkout.item.product.id,
-				form,
-				successUrl: successUrl.toString(),
-				cancelUrl: cancelUrl.toString(),
-				confirmDuplicate
-			});
-			if (!command.ok) {
-				dispatch({
-					type: "submitFailed",
-					error: command.error.message
-				});
-				return;
-			}
-			const result = await api.createShopCheckout(command.value);
-			switch (result.type) {
-				case "duplicate_membership_warning":
-					dispatch({
-						type: "submitDuplicateWarning",
-						warning: result
-					});
-					return;
-				case "bypassed":
-					window.location.href = successUrl.toString();
-					return;
-				case "redirect":
-					window.location.href = result.checkoutUrl;
-					return;
-				default: return assertNever$1(result);
-			}
-		} catch (submitError) {
-			dispatch({
-				type: "submitFailed",
-				error: submitError instanceof Error ? submitError.message : "An error occurred"
-			});
-		}
-	}, [
+	const submitCheckout = useCallback((confirmDuplicate = false) => submitDirectShopCheckout({
+		checkout,
+		confirmDuplicate,
+		api,
+		discountApply,
+		manualCodeEntryAllowed: discountUi.manualCodeEntryAllowed,
+		dispatch
+	}), [
 		api,
 		checkout,
 		discountApply,
@@ -365,26 +426,12 @@ function PassesMembershipsController({ render }) {
 		ref: shopRootRef,
 		children: /* @__PURE__ */ jsx(PassesMembershipsSectionView, {
 			display,
-			beforeContent: /* @__PURE__ */ jsx(Fragment, { children: state.returnNotice ? /* @__PURE__ */ jsx(TerminalPanel, {
-				tone: state.returnNotice.kind === "success" ? "success" : "warning",
-				className: "shop__return",
-				titleClassName: "shop__return-title",
-				bodyClassName: "shop__return-text",
-				icon: /* @__PURE__ */ jsx(StateIcon, {
-					variant: state.returnNotice.kind === "success" ? "success" : "warning",
-					children: state.returnNotice.kind === "success" ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CrossIcon, {})
-				}),
-				title: state.returnNotice.kind === "success" ? "Payment successful" : "Payment cancelled",
-				body: state.returnNotice.kind === "success" ? "Check your email for confirmation." : "You can try again whenever you’re ready.",
-				actions: /* @__PURE__ */ jsx(ThemedButton, {
-					type: "button",
-					variant: "secondary",
-					size: "sm",
-					extraClassName: "shop__return-dismiss",
-					label: "Dismiss",
-					onClick: () => dispatch({ type: "clearReturnNotice" })
-				})
-			}) : null }),
+			beforeContent: state.returnNotice ? /* @__PURE__ */ jsx(ShopCheckoutReturnNotice, {
+				notice: state.returnNotice,
+				demoEmailSuppressed: hydration.demoEmailSuppressed === true,
+				email: checkoutReturnEmail,
+				onDismiss: () => dispatch({ type: "clearReturnNotice" })
+			}) : null,
 			passCards: display.passes.map((passDisplay) => {
 				return /* @__PURE__ */ jsx(PassProductCard, {
 					display: passDisplay,
@@ -394,19 +441,18 @@ function PassesMembershipsController({ render }) {
 				}, passDisplay.id);
 			}),
 			membershipCards: display.memberships.map((membershipDisplay) => {
-				const membership = hydration.memberships.find((candidate) => candidate.id === membershipDisplay.id);
-				if (!membership) return null;
+				const { action } = membershipDisplay;
 				return /* @__PURE__ */ jsx(MembershipCardView, {
 					display: membershipDisplay,
-					action: /* @__PURE__ */ jsx(ThemedButton, {
+					action: action.kind === "unavailable" ? /* @__PURE__ */ jsx(PassPurchaseUnavailable, { label: action.label }) : /* @__PURE__ */ jsx(ThemedButton, {
 						type: "button",
 						variant: hydration.buttonVariant,
 						size: "md",
 						extraClassName: "shop__cta",
-						label: membershipDisplay.actionLabel,
-						onClick: () => handleSubscribe(membership)
+						label: action.label,
+						onClick: () => handleSubscribe(action.product)
 					})
-				}, membership.id);
+				}, membershipDisplay.id);
 			})
 		})
 	}), checkout ? /* @__PURE__ */ jsx(ModalShell, {

package/dist/client/{shop-commerce-De7gEnkA.mjs → shop-commerce-BbfCJjB3.mjs}

@@ -1,15 +1,15 @@
 "use client";
-import { Ht as clearWorkflowFeedback, Kt as reportWorkflowError, Vt as assertNever, a as buildProductDetailDisplay, bt as logger, d as deriveCommerceCheckoutState, i as buildProductCardDisplay, n as getShopDisplayForItems, o as formatCommercePrice, p as productItemKey, u as buildProductCartItem, zt as RichTextDocSchema } from "./propsDecoder-CwvvNOHx.mjs";
-import { n as useBlockApi } from "./context-C8TinPJc.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CKJtz0mY.mjs";
-import { n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-DoVIV1Ao.mjs";
+import { Gt as clearWorkflowFeedback, Ht as RichTextDocSchema, Wt as assertNever, Yt as reportWorkflowError, a as buildProductDetailDisplay, bt as logger, d as deriveCommerceCheckoutState, i as buildProductCardDisplay, n as getShopDisplayForItems, o as formatCommercePrice, p as productItemKey, u as buildProductCartItem } from "./propsDecoder-DZd6RJeA.mjs";
+import { n as useBlockApi } from "./context-DFmaZa-Q.mjs";
+import { d as storeDemoBookingCheckoutReturn, n as DemoBookingPortalAccess, o as DiscountCodeDisclosure, u as readDemoBookingCheckoutReturnEmail } from "./DemoBookingPortalAccess-BFGB1Fay.mjs";
+import { n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-CKV1Jh2m.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
-import { n as RichText, t as buildCheckoutReturnUrls } from "./checkoutUrls-BEfR7kVu.mjs";
+import { n as RichText, t as buildCheckoutReturnUrls } from "./checkoutUrls-CXhko2Rv.mjs";
 import { t as consumeSearchParam } from "./urlParams-D71VXFGx.mjs";
 import { t as CarouselNodeClient } from "./carousel.client-A2lG-9od.mjs";
 import { t as resolveDedicatedCheckoutPath } from "./checkoutRoute-ClwHwYVA.mjs";
-import { C as ProductGalleryFrameView, S as ProductDetailView, T as VariantSelectView, a as getDiscountApplyFeedback, c as aggregateCartDiscountUiState, f as planUnifiedCheckoutRequest, g as CheckoutShellView, h as CartShellView, i as getAppliedDiscountCode, l as checkoutFormForDiscountUiState, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, u as planCartDiscountAvailabilityRequests, w as ProductListSectionView, x as ProductCardView } from "./shopShared-TqExh235.mjs";
-import { n as useCommerceCart } from "./shop-commerce-store-B3MCxIBW.mjs";
+import { C as ProductGalleryFrameView, S as ProductDetailView, T as VariantSelectView, a as getDiscountApplyFeedback, c as aggregateCartDiscountUiState, f as planUnifiedCheckoutRequest, g as CheckoutShellView, h as CartShellView, i as getAppliedDiscountCode, l as checkoutFormForDiscountUiState, m as useTransientShopAddFeedback, n as useDiscountApply, o as initialDiscountApplyState, p as ShopAddFeedback, r as discountApplyReducer, s as isDiscountApplyInFlight, u as planCartDiscountAvailabilityRequests, w as ProductListSectionView, x as ProductCardView } from "./shopShared-DlONJt0T.mjs";
+import { n as useCommerceCart } from "./shop-commerce-store-vicweP2K.mjs";
 import * as React$1 from "react";
 import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -267,14 +267,26 @@ function CartController(props) {
 		})] })
 	});
 }
+function ShopCheckoutNoticeView(props) {
+	if (!props.notice) return null;
+	const succeeded = props.notice === "success";
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FeedbackMessage, {
+		tone: succeeded ? "success" : "warning",
+		className: "rb-mb-4 rb-rounded-xl rb-border rb-p-4",
+		role: "status",
+		children: succeeded ? "Payment successful." : "Checkout cancelled."
+	}), succeeded && props.demoEmailSuppressed ? /* @__PURE__ */ jsx(DemoBookingPortalAccess, { email: props.email }) : null] });
+}
 function CheckoutController(props) {
 	const api = useBlockApi();
 	const cart = useCommerceCart(api.config.siteId);
 	const [state, dispatch] = React$1.useReducer(shopCheckoutReducer, initialShopCheckoutState);
+	const [checkoutReturnEmail, setCheckoutReturnEmail] = React$1.useState(null);
 	const [discountApply, dispatchDiscountApply] = React$1.useReducer(discountApplyReducer, initialDiscountApplyState);
 	React$1.useEffect(() => {
 		const checkout = consumeSearchParam("checkout");
 		if (checkout === "success") {
+			setCheckoutReturnEmail(readDemoBookingCheckoutReturnEmail());
 			cart.clear();
 			dispatch({
 				type: "setNotice",
@@ -334,6 +346,7 @@ function CheckoutController(props) {
 				return;
 			}
 			const result = await api.createUnifiedCheckout(command.value);
+			if (result.demoBookingPass) storeDemoBookingCheckoutReturn(state.form.email, result.demoBookingPass);
 			if (result.type === "redirect") {
 				window.location.href = result.checkoutUrl;
 				return;
@@ -352,12 +365,11 @@ function CheckoutController(props) {
 	};
 	return /* @__PURE__ */ jsx(CheckoutShellView, {
 		display,
-		notice: state.notice ? /* @__PURE__ */ jsx(FeedbackMessage, {
-			tone: state.notice === "success" ? "success" : "warning",
-			className: "rb-mb-4 rb-rounded-xl rb-border rb-p-4",
-			role: "status",
-			children: state.notice === "success" ? "Payment successful." : "Checkout cancelled."
-		}) : null,
+		notice: /* @__PURE__ */ jsx(ShopCheckoutNoticeView, {
+			notice: state.notice,
+			demoEmailSuppressed: props.render.hydration.demoEmailSuppressed === true,
+			email: checkoutReturnEmail
+		}),
 		body: /* @__PURE__ */ jsxs("form", {
 			className: "rb-flex rb-flex-col rb-gap-4",
 			onSubmit: handleSubmit,

package/dist/client/{shop-commerce-store-B3MCxIBW.mjs → shop-commerce-store-vicweP2K.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { c as EMPTY_COMMERCE_CART_STATE, f as parseStoredCommerceCartState, l as buildPassCartItem, m as reduceCommerceCart } from "./propsDecoder-CwvvNOHx.mjs";
+import { c as EMPTY_COMMERCE_CART_STATE, f as parseStoredCommerceCartState, l as buildPassCartItem, m as reduceCommerceCart } from "./propsDecoder-DZd6RJeA.mjs";
 import * as React$1 from "react";
 //#region ../blocks/src/system/runtime/nodes/shop-commerce-store.ts
 const EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;

package/dist/client/{shopShared-TqExh235.mjs → shopShared-DlONJt0T.mjs}

@@ -1,11 +1,11 @@
 "use client";
 import { D as ok, E as err } from "./colorStyles-j5U9v5JA.mjs";
-import { Vt as assertNever } from "./propsDecoder-CwvvNOHx.mjs";
-import { t as BlockApiProvider } from "./context-C8TinPJc.mjs";
-import { i as getAutoAppliedDiscountPreview, n as discountAvailabilityAllowsManualEntry, r as discountAvailabilityHasDiscounts } from "./DiscountCodeDisclosure-CKJtz0mY.mjs";
+import { Wt as assertNever } from "./propsDecoder-DZd6RJeA.mjs";
+import { t as BlockApiProvider } from "./context-DFmaZa-Q.mjs";
+import { c as discountAvailabilityHasDiscounts, l as getAutoAppliedDiscountPreview, s as discountAvailabilityAllowsManualEntry } from "./DemoBookingPortalAccess-BFGB1Fay.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-BwVFo0Y4.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-E1EkhhYY.mjs";
 import * as React$1 from "react";
 import { useCallback } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/client/{useEventFilters-n_OjkIjX.mjs → useEventFilters-COYyL3m7.mjs}

@@ -1,12 +1,12 @@
 "use client";
 import { d as hexToRgb, u as relativeLuminance } from "./colorStyles-j5U9v5JA.mjs";
-import { F as resolveSpacing, J as getEventRuntimeFiltersKey, K as getBlockApiReadStage, N as SEMANTIC_SPACING_VALUES, P as isSemanticSpacing, Vt as assertNever, X as normalizeCsvString, Y as normalizeCsvIds, Z as normalizeOptionalId, gt as resolveTokenOrCssColorValue, ht as resolveOnColorForThemeToken, mt as isCssColorLiteral, pt as boxBackgroundSchema, yt as normalizeCardRole } from "./propsDecoder-CwvvNOHx.mjs";
-import { a as getCurrentResolveImageUrlContext, i as computeMediaTransformStyle, l as resolveMediaNodeResponsiveImage, n as MediaPlaceholder, o as renderAudio, s as renderVideo, t as ImagePresets } from "./media-CwBGetqC.mjs";
-import { o as formatEventRemainingPlaces, t as formatEventPrice } from "./pricing-Cgxv2KLC.mjs";
-import { a as formatTime, d as resolveEventLinkProps, i as formatEventNextDateFact, n as formatEventCompactDateRail, t as formatDate, u as resolveEventCta } from "./dates-vwwxTeB0.mjs";
-import { n as useBlockApi } from "./context-C8TinPJc.mjs";
-import { n as ThemedButtonLink, r as ClockIcon, t as ThemedButton } from "./ThemedButton-DoVIV1Ao.mjs";
-import { t as LeafletStaticMap } from "./LeafletStaticMap-DScC4F3w.mjs";
+import { F as resolveSpacing, J as getEventRuntimeFiltersKey, K as getBlockApiReadStage, N as SEMANTIC_SPACING_VALUES, P as isSemanticSpacing, Wt as assertNever, X as normalizeCsvString, Y as normalizeCsvIds, Z as normalizeOptionalId, gt as resolveTokenOrCssColorValue, ht as resolveOnColorForThemeToken, mt as isCssColorLiteral, pt as boxBackgroundSchema, yt as normalizeCardRole } from "./propsDecoder-DZd6RJeA.mjs";
+import { a as getCurrentResolveImageUrlContext, i as computeMediaTransformStyle, l as resolveMediaNodeResponsiveImage, n as MediaPlaceholder, o as renderAudio, s as renderVideo, t as ImagePresets } from "./media-Cl38iOMI.mjs";
+import { o as formatEventRemainingPlaces, t as formatEventPrice } from "./pricing-KEAEsibq.mjs";
+import { a as formatEventNextDateFact, f as resolveEventCta, n as formatDate, o as formatEventTimeRange, p as resolveEventLinkProps, r as formatEventCompactDateRail, s as formatTime, t as eventDateOptions } from "./dates-BBep1JnF.mjs";
+import { n as useBlockApi } from "./context-DFmaZa-Q.mjs";
+import { n as ThemedButtonLink, r as ClockIcon, t as ThemedButton } from "./ThemedButton-CKV1Jh2m.mjs";
+import { t as LeafletStaticMap } from "./LeafletStaticMap-CFLPkP0K.mjs";
 import { useCallback, useEffect, useId, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../theme-core/src/palette/utils/textColor.ts
@@ -454,6 +454,13 @@ function CalendarIcon({ className, size = 16, strokeWidth = 2 }) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/events/shared/EventCard.tsx
+/** The category's badge, when the event has a category. */
+function eventCardCategoryBadge(category) {
+	return category ? {
+		label: category.name,
+		style: getCategoryBadgeStyle(category.color ?? null)
+	} : null;
+}
 /**
 * EventCard Component
 *
@@ -462,24 +469,19 @@ function CalendarIcon({ className, size = 16, strokeWidth = 2 }) {
 *
 * This component is server-safe (uses no client APIs like Intl).
 */
-const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", buttonText, showVenue = true, showMap = true, mapSlot, allowMap = true, showCapacity = true, showImage = true, showCategory = true, showSummary = true, orientation = "vertical", presentation, headingLevel }) => {
+const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", buttonText, showVenue = true, showMap = true, mapSlot, allowMap = true, showCapacity = true, showImage = true, showCategory = true, showSummary = true, orientation = "vertical", presentation, headingLevel, imageResolveContext }) => {
 	const { presentation: cardPresentation, presentationClass, headingLevel: cardHeadingLevel } = resolveEventCardOptions({
 		presentation,
 		headingLevel
 	});
-	const timeZone = event.timeZone ?? null;
-	const formattedDate = formatDate(event.startsAt, { timeZone });
-	const formattedTime = `${formatTime(event.startsAt, { timeZone })} - ${formatTime(event.endsAt, { timeZone })}`;
+	const { formattedDate, formattedTime } = formatEventCardWhen(event);
 	const cta = resolveEventCta(event, buttonText);
 	const cardClass = boxStyleClassNames({ role: cardRole }, { baseClass: "event-card" });
 	const title = event.title;
 	const summary = event.presentation?.summary ?? event.description;
 	const image = event.presentation?.image ?? null;
 	const category = event.eventCategory;
-	const categoryBadge = category && showCategory ? {
-		label: category.name,
-		style: getCategoryBadgeStyle(category.color ?? null)
-	} : null;
+	const categoryBadge = showCategory ? eventCardCategoryBadge(category) : null;
 	const hasImage = Boolean(showImage && image);
 	const dateFact = resolveEventCardDateFact({
 		event,
@@ -498,7 +500,8 @@ const EventCard = ({ event, cardRole = "default", buttonVariant = "primary", but
 			categoryId: category?.id,
 			dateFact,
 			hasImage,
-			image
+			image,
+			imageResolveContext
 		}), /* @__PURE__ */ jsx(EventCardContent, {
 			allowMap,
 			buttonVariant,
@@ -546,7 +549,8 @@ function EventCardMedia(props) {
 			/* @__PURE__ */ jsx(MediaNodeServer, {
 				value: props.image,
 				className: "event-card-image",
-				size: ImagePresets.card
+				size: ImagePresets.card,
+				imageResolveContext: props.imageResolveContext
 			}),
 			props.categoryBadge && /* @__PURE__ */ jsx("span", {
 				className: "event-category-badge event-category-badge--overlay",
@@ -661,6 +665,17 @@ function resolveEventCardOptions(props) {
 		headingLevel: props.headingLevel ?? 3
 	};
 }
+/**
+* The card's date and times, written the way the event's place writes them
+* ("Friday, 16 October 2026" and "10:00 to 16:00" in the UK).
+*/
+function formatEventCardWhen(event) {
+	const options = eventDateOptions(event);
+	return {
+		formattedDate: formatDate(event.startsAt, options),
+		formattedTime: formatEventTimeRange(event, options)
+	};
+}
 function resolveEventCardDateFact(props) {
 	if (!props.showImage || props.image || props.presentation !== "catalogue") return null;
 	return formatEventNextDateFact(props.event);