@riverbankcms/sdk 0.151.0 → 0.152.0

package/dist/client/{EventEmbeddedCheckoutStep-DsNNzgRm.mjs → EventEmbeddedCheckoutStep-Bo1Cm23R.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { un as checkBrowserStripeKey } from "./propsDecoder-DO5iXphQ.mjs";
-import { i as SpinnerNode } from "./ThemedButton-DZKjtaDD.mjs";
+import { Jr as checkBrowserStripeKey } from "./propsDecoder-Bf1jucUp.mjs";
+import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-Ciltp0IK.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region \0rolldown/runtime.js
@@ -235,21 +235,21 @@ function EventEmbeddedCheckoutStepWithDeps(props) {
 	const heading = useRef(null);
 	const status = useStripeMount(props, container, props.load);
 	useEffect(() => {
-		heading.current?.focus();
-	}, []);
+		if (props.onBack) heading.current?.focus();
+	}, [props.onBack]);
 	return /* @__PURE__ */ jsxs("section", {
 		className: "er-embedded-payment",
 		children: [
-			/* @__PURE__ */ jsx("button", {
+			props.onBack ? /* @__PURE__ */ jsx("button", {
 				type: "button",
 				className: "er-back-btn er-embedded-payment__back",
 				onClick: props.onBack,
 				children: "← Back"
-			}),
+			}) : null,
 			/* @__PURE__ */ jsx("h2", {
 				ref: heading,
 				tabIndex: -1,
-				className: "er-title er-message",
+				className: "rb-sr-only",
 				children: "Payment"
 			}),
 			status === "loading" && /* @__PURE__ */ jsxs("div", {
@@ -270,11 +270,12 @@ function EventEmbeddedCheckoutStepWithDeps(props) {
 				children: [/* @__PURE__ */ jsx("p", {
 					className: "er-text--muted er-message",
 					children: "We couldn’t load the payment form."
-				}), /* @__PURE__ */ jsx("button", {
+				}), /* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
-					className: "er-btn er-btn--primary",
+					variant: props.buttonVariant,
+					size: "md",
 					onClick: props.onRetry,
-					children: "Try again"
+					label: "Try again"
 				})]
 			}),
 			/* @__PURE__ */ jsx("div", {

package/dist/client/{EventListing.client-DjNYGUVm.mjs → EventListing.client-D5OQgVPr.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { Ot as listLookSlot, Y as buildEventRuntimeFilters } from "./propsDecoder-DO5iXphQ.mjs";
-import { i as useEventCollectionFilters, n as EventPaginatedListView, t as useEventPagination } from "./useEventPagination-jgKa67KV.mjs";
+import { bn as buildEventRuntimeFilters, fr as listLookSlot } from "./propsDecoder-Bf1jucUp.mjs";
+import { i as useEventCollectionFilters, n as EventPaginatedListView, t as useEventPagination } from "./useEventPagination-8-U55vH5.mjs";
 import { useMemo } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/events/shared/EventListWeekNavigation.tsx

package/dist/client/{LeafletStaticMap-DuFiOHq_.mjs → LeafletStaticMap-CLL5cWrr.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { nn as isRecord } from "./propsDecoder-DO5iXphQ.mjs";
+import { Ir as isRecord } from "./propsDecoder-Bf1jucUp.mjs";
 import { useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/shared/LeafletStaticMap.tsx

package/dist/client/{ModalShell-CqkBvBIC.mjs → ModalShell-BXzucfR6.mjs}

@@ -22,32 +22,103 @@ function unlockBodyScroll() {
 	}
 }
 /**
-* Shared, unopinionated modal shell for interactive runtime flows.
-*
-* Styling is supplied by the caller via class names, while the shell owns
-* focus, escape handling, body-scroll locking, overlay clicks, and optional
-* portaling into a themed root.
+* Open shells, innermost last. Escape and the focus trap act only for the
+* innermost one, so a sign-in dialog over the booking panel closes alone.
 */
-function ModalShell({ title, titleId, onClose, children, portalRoot, portal = false, portalWrapperClassName, portalWrapperProps, overlayClassName, modalClassName, renderSrOnlyTitle = false, renderHeader, headerClassName, titleClassName, closeButtonClassName, closeIcon }) {
-	const closeButtonRef = React$1.useRef(null);
-	const onCloseRef = React$1.useRef(onClose);
-	onCloseRef.current = onClose;
+const openShells = /* @__PURE__ */ new Set();
+const shellRenderSequence = { last: 0 };
+/** Shells are ordered by first render: a parent before its child, an earlier dialog before a later one. */
+function isInnermost(order) {
+	return Math.max(...openShells) === order;
+}
+const FOCUSABLE = "a[href], button:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), textarea:not([disabled]), iframe, [tabindex]:not([tabindex=\"-1\"])";
+function focusableWithin(root) {
+	return [...root.querySelectorAll(FOCUSABLE)].filter((element) => !element.hasAttribute("inert") && element.getClientRects().length > 0);
+}
+/** Keep Tab inside the dialog, wrapping at either end. */
+function trapTab(event, dialog) {
+	const focusable = focusableWithin(dialog);
+	const first = focusable[0];
+	const last = focusable[focusable.length - 1];
+	if (!first || !last) {
+		event.preventDefault();
+		return;
+	}
+	const active = document.activeElement;
+	if (event.shiftKey && (active === first || !dialog.contains(active))) {
+		event.preventDefault();
+		last.focus();
+	} else if (!event.shiftKey && (active === last || !dialog.contains(active))) {
+		event.preventDefault();
+		first.focus();
+	}
+}
+/**
+* Focus, Escape and the focus trap for one open shell; focus goes back to
+* where it was when the shell closes.
+*/
+function useModalFocus(dialogRef, closeButtonRef, onCloseRef, returnFocusRef) {
+	const [order] = React$1.useState(() => shellRenderSequence.last += 1);
 	React$1.useEffect(() => {
-		closeButtonRef.current?.focus({ preventScroll: true });
+		const shell = order;
+		const opener = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+		openShells.add(shell);
+		if (isInnermost(shell)) closeButtonRef.current?.focus({ preventScroll: true });
 		const onKeyDown = (event) => {
-			if (event.key === "Escape") onCloseRef.current();
+			if (!isInnermost(shell)) return;
+			if (event.key === "Escape") {
+				onCloseRef.current();
+				return;
+			}
+			if (event.key === "Tab" && dialogRef.current) trapTab(event, dialogRef.current);
+		};
+		const onFocusIn = (event) => {
+			const dialog = dialogRef.current;
+			if (!dialog || !isInnermost(shell)) return;
+			if (event.target instanceof HTMLIFrameElement) return;
+			if (event.target instanceof Node && !dialog.contains(event.target)) focusableWithin(dialog)[0]?.focus({ preventScroll: true });
 		};
 		document.addEventListener("keydown", onKeyDown);
+		document.addEventListener("focusin", onFocusIn);
 		lockBodyScroll();
 		return () => {
 			document.removeEventListener("keydown", onKeyDown);
+			document.removeEventListener("focusin", onFocusIn);
 			unlockBodyScroll();
+			openShells.delete(shell);
+			const returnFocus = returnFocusRef.current;
+			if (returnFocus) returnFocus(opener);
+			else if (opener?.isConnected) opener.focus({ preventScroll: true });
 		};
-	}, []);
+	}, [
+		order,
+		dialogRef,
+		closeButtonRef,
+		onCloseRef,
+		returnFocusRef
+	]);
+}
+/**
+* Shared, unopinionated modal shell for interactive runtime flows.
+*
+* Styling is supplied by the caller via class names, while the shell owns
+* focus (trapped inside, returned on close), escape handling for the
+* innermost open shell, body-scroll locking, overlay clicks, and optional
+* portaling into a themed root.
+*/
+function ModalShell({ title, titleId, onClose, children, portalRoot, portal = false, portalWrapperClassName, portalWrapperProps, overlayClassName, modalClassName, renderSrOnlyTitle = false, renderHeader, headerClassName, titleClassName, closeButtonClassName, closeIcon, returnFocus }) {
+	const closeButtonRef = React$1.useRef(null);
+	const onCloseRef = React$1.useRef(onClose);
+	onCloseRef.current = onClose;
+	const returnFocusRef = React$1.useRef(returnFocus);
+	returnFocusRef.current = returnFocus;
+	const dialogRef = React$1.useRef(null);
+	useModalFocus(dialogRef, closeButtonRef, onCloseRef, returnFocusRef);
 	const modal = /* @__PURE__ */ jsx("div", {
 		className: overlayClassName,
 		onClick: onClose,
 		children: /* @__PURE__ */ jsxs("div", {
+			ref: dialogRef,
 			className: modalClassName,
 			onClick: (event) => event.stopPropagation(),
 			role: "dialog",

package/dist/client/{RichText-LjPCUGGi.mjs → RichText-BoDmnopf.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { a as getCurrentResolveImageUrlContext, l as resolveImageUrlWithContext, t as ImagePresets } from "./media-47fcnhzD.mjs";
+import { a as getCurrentResolveImageUrlContext, l as resolveImageUrlWithContext, t as ImagePresets } from "./media-C5K_0xPd.mjs";
 import React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region ../blocks/src/primitives/content/utils/sanitizeHref.ts
@@ -27,16 +27,19 @@ function decodeForSchemeCheck(value) {
 * - Allow absolute URLs with protocols: http, https, mailto, tel.
 * - Allow root-relative ("/path") and hash-only ("#section") links.
 * - Reject protocol-relative URLs ("//example.com"), bare domains ("example.com"),
-*   executable schemes (javascript/data/vbscript), malformed URLs, and empty values.
+*   backslashes, executable schemes (javascript/data/vbscript), malformed URLs, and empty values.
 * - Preserve percent-encoding from the original normalized input.
 */
 function sanitizeHref(raw) {
 	if (typeof raw !== "string") return null;
 	const normalized = normalizeInput(raw);
 	if (!normalized) return null;
-	if (normalized.startsWith("//")) return null;
+	if (normalized.includes("\\") || normalized.startsWith("//")) return null;
 	if (normalized.startsWith("/")) return normalized;
 	if (normalized.startsWith("#")) return normalized;
+	return sanitizeAbsoluteHref(normalized);
+}
+function sanitizeAbsoluteHref(normalized) {
 	const schemeMatch = normalizeInput(decodeForSchemeCheck(normalized)).match(/^([a-zA-Z][a-zA-Z0-9+.-]*):/);
 	if (!schemeMatch) return null;
 	const rawScheme = schemeMatch[1];

package/dist/client/{ThemedButton-DZKjtaDD.mjs → ThemedButton-Ciltp0IK.mjs}

@@ -1,5 +1,5 @@
-import { r as clsx } from "./result-DRW7JWXz.mjs";
-import { At as themeButtonVariantClassNames, kt as themeButtonSizeClassName } from "./propsDecoder-DO5iXphQ.mjs";
+import { F as clsx } from "./colorStyles-ECDNPE_P.mjs";
+import { Gr as themeButtonVariantClassNames, Wr as themeButtonSizeClassName } from "./propsDecoder-Bf1jucUp.mjs";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/spinner.tsx

package/dist/client/{accordion-Qe--SILD.mjs → accordion-DOkRS64-.mjs}

@@ -1,4 +1,4 @@
-import { t as defineIslandPropsDecoder } from "./propsDecoder-DO5iXphQ.mjs";
+import { t as defineIslandPropsDecoder } from "./propsDecoder-Bf1jucUp.mjs";
 //#region src/rendering/islands/enhancers/accordion.ts
 const decode = defineIslandPropsDecoder("accordion");
 function parseDefaultValues(value) {

package/dist/client/aspectTransforms-D-TnDdq4.mjs

@@ -0,0 +1,93 @@
+import { N as err, P as ok } from "./colorStyles-ECDNPE_P.mjs";
+//#region ../core/src/branded.ts
+const UUID_PATTERN = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+function parseUuidBrand(value, unsafeConstructor) {
+	if (typeof value !== "string") return err({ kind: "not_string" });
+	const normalized = value.trim().toLowerCase();
+	if (normalized.length === 0) return err({ kind: "empty_string" });
+	if (!UUID_PATTERN.test(normalized)) return err({ kind: "invalid_uuid" });
+	return ok(unsafeConstructor(normalized));
+}
+const unsafeAsEventOfferingId = (id) => id;
+const unsafeAsEventSeriesId = (id) => id;
+const unsafeAsMediaAssetId = (id) => id;
+const unsafeAsStorageBucketName = (value) => value;
+const unsafeAsStoragePath = (value) => value;
+const unsafeAsFormId = (id) => id;
+const unsafeAsPassId = (id) => id;
+const unsafeAsCustomerPassId = (id) => id;
+const unsafeAsAppointmentServiceId = (id) => id;
+const unsafeAsAppointmentResourceId = (id) => id;
+const unsafeAsContentVersionId = (id) => id;
+const parseEventOfferingId = (value) => parseUuidBrand(value, unsafeAsEventOfferingId);
+const parseContentVersionId = (value) => parseUuidBrand(value, unsafeAsContentVersionId);
+const parseEventSeriesId = (value) => parseUuidBrand(value, unsafeAsEventSeriesId);
+//#endregion
+//#region ../media-core/src/transformRect.ts
+function isValidTransformRectStructure(rect) {
+	if (!Array.isArray(rect) || rect.length !== 4) return false;
+	const [left, top, width, height] = rect;
+	return Number.isFinite(left) && Number.isFinite(top) && Number.isFinite(width) && Number.isFinite(height) && left >= 0 && top >= 0 && width > 0 && height > 0;
+}
+//#endregion
+//#region ../media-core/src/aspectTransforms.ts
+const DEFAULT_RECT_EPSILON = .5;
+function parseAspectRatioValue(value) {
+	if (typeof value === "number") return Number.isFinite(value) && value > 0 ? value : void 0;
+	if (typeof value !== "string") return void 0;
+	const normalized = value.trim();
+	if (!normalized) return void 0;
+	if (normalized === "auto") return void 0;
+	if (normalized.includes(":") || normalized.includes("/")) {
+		const delimiter = normalized.includes(":") ? ":" : "/";
+		const [wRaw, hRaw] = normalized.split(delimiter);
+		const width = Number(wRaw?.trim());
+		const height = Number(hRaw?.trim());
+		if (!Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return;
+		return width / height;
+	}
+	const numeric = Number(normalized);
+	if (!Number.isFinite(numeric) || numeric <= 0) return void 0;
+	return numeric;
+}
+const MAX_ASPECT_DISTANCE = .25;
+function resolveMediaTransformForAspect(transform, targetAspect) {
+	if (!transform) return {};
+	const base = {
+		rect: transform.rect,
+		hotspot: transform.hotspot,
+		rotation: transform.rotation
+	};
+	const target = parseAspectRatioValue(targetAspect);
+	const crops = transform.aspectCrops;
+	if (!target || !crops || Object.keys(crops).length === 0) return base;
+	let best = null;
+	let bestDistance = Number.POSITIVE_INFINITY;
+	for (const [key, candidate] of Object.entries(crops)) {
+		const candidateAspect = parseAspectRatioValue(candidate.aspect ?? key);
+		if (!candidateAspect) continue;
+		const distance = Math.abs(Math.log(candidateAspect / target));
+		if (distance < bestDistance) {
+			best = candidate;
+			bestDistance = distance;
+		}
+	}
+	if (!best) return base;
+	if (bestDistance > MAX_ASPECT_DISTANCE) return base;
+	return {
+		rect: best.rect ?? base.rect,
+		hotspot: best.hotspot ?? base.hotspot,
+		rotation: best.rotation ?? base.rotation
+	};
+}
+function isValidTransformRect(rect) {
+	return isValidTransformRectStructure(rect);
+}
+function isExplicitRectCrop(rect, sourceWidth, sourceHeight, epsilon = DEFAULT_RECT_EPSILON) {
+	if (!isValidTransformRect(rect)) return false;
+	if (!(typeof sourceWidth === "number" && Number.isFinite(sourceWidth) && sourceWidth > 0 && typeof sourceHeight === "number" && Number.isFinite(sourceHeight) && sourceHeight > 0)) return true;
+	const [x, y, width, height] = rect;
+	return !(Math.abs(x) <= epsilon && Math.abs(y) <= epsilon && Math.abs(width - sourceWidth) <= epsilon && Math.abs(height - sourceHeight) <= epsilon);
+}
+//#endregion
+export { parseEventOfferingId as a, unsafeAsAppointmentServiceId as c, unsafeAsMediaAssetId as d, unsafeAsPassId as f, parseContentVersionId as i, unsafeAsCustomerPassId as l, unsafeAsStoragePath as m, parseAspectRatioValue as n, parseEventSeriesId as o, unsafeAsStorageBucketName as p, resolveMediaTransformForAspect as r, unsafeAsAppointmentResourceId as s, isExplicitRectCrop as t, unsafeAsFormId as u };