@riverbankcms/sdk 0.134.0 → 0.135.0

package/dist/_dts/theme-core/src/site-styles/appearancePresetCatalog.d.ts

@@ -623,7 +623,7 @@ export declare const appearancePresets: readonly [import("../../../blocks/src/in
     readonly id: "schedule-details-brand-depth";
     readonly target: "events";
     readonly label: "Brand-depth schedule details";
-    readonly blockKinds: readonly ["block.event-details", "block.course-details"];
+    readonly blockKinds: readonly ["block.event-details"];
     readonly design: {
         readonly sectionSurface: "brand-depth-band";
         readonly contentFrame: {

package/dist/_dts/theme-core/src/site-styles/blockAppearancePresets.d.ts

@@ -622,7 +622,7 @@ export declare const blockAppearancePresets: readonly [import("../../../blocks/s
     readonly id: "schedule-details-brand-depth";
     readonly target: "events";
     readonly label: "Brand-depth schedule details";
-    readonly blockKinds: readonly ["block.event-details", "block.course-details"];
+    readonly blockKinds: readonly ["block.event-details"];
     readonly design: {
         readonly sectionSurface: "brand-depth-band";
         readonly contentFrame: {

package/dist/client/{usePolling-UN4WKnaM.mjs → BookingConsentAgreement-BQqwi8Oa.mjs}

@@ -1,7 +1,10 @@
 "use client";
-import { Et as assertNever$2 } from "./propsDecoder-CeUMxI9a.mjs";
-import { i as formatPrice } from "./BookingConsentAgreement-BxgpGEFD.mjs";
+import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
+import { $t as formatCurrencyAmount, At as assertNever$2 } from "./propsDecoder-DwHXRm9X.mjs";
+import { a as CheckIcon } from "./scrollToBlock-DtmdM3v-.mjs";
+import { n as RichText } from "./checkoutUrls-BuseL0dw.mjs";
 import { useCallback, useEffect, useReducer, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region ../core/src/date-math.ts
 function addDaysToDate(date, dayCount) {
 	const next = new Date(date);
@@ -138,7 +141,41 @@ function formatDepositRefundabilityLabel(depositRefundability) {
 	return depositRefundability === "non_refundable" ? "non-refundable" : "refundable";
 }
 //#endregion
+//#region ../blocks/src/system/runtime/shared/utils/formatting.ts
+/**
+* Shared Formatting Utilities
+*
+* Currency and date formatting helpers for registration blocks.
+*/
+/**
+* Format a price in cents to a localized currency string.
+*
+* @param cents - Price in cents
+* @param currency - ISO 4217 currency code (e.g., 'USD', 'GBP')
+* @param locale - Optional locale override (defaults to the currency's locale)
+* @returns Formatted price string (e.g., "£100.00")
+*/
+function formatPrice(cents, currency = "GBP", locale) {
+	return formatCurrencyAmount(cents, currency, { locale });
+}
+//#endregion
 //#region ../blocks/src/system/runtime/shared/bookingPaymentOptions.ts
+function resolveBookingPaymentDueNowCents(input) {
+	switch (input.option.kind) {
+		case "upfront": return input.totalCents;
+		case "deferred_manual": return 0;
+		case "instalment_plan": return buildInstalmentSchedulePreview({
+			totalCents: input.totalCents,
+			option: input.option,
+			bookingStartAt: input.bookingStartAt
+		})[0]?.amountCents ?? input.totalCents;
+		case "flexible_balance": return resolveFlexibleBalanceInitialPaymentCents({
+			totalAmountCents: input.totalCents,
+			config: input.option.config
+		});
+		default: return assertNever$2(input.option);
+	}
+}
 function buildBookingPaymentSelectionViewModel(input) {
 	const currency = input.priceCurrency ?? "USD";
 	const totalCents = Math.max(0, input.priceAmount ?? 0);
@@ -200,7 +237,11 @@ function buildBookingPaymentOptionViewModel(input) {
 				option: input.option,
 				bookingStartAt: input.bookingStartAt
 			});
-			const dueToday = schedulePreview[0]?.amountCents ?? input.totalCents;
+			const dueToday = resolveBookingPaymentDueNowCents({
+				option: input.option,
+				totalCents: input.totalCents,
+				bookingStartAt: input.bookingStartAt
+			});
 			const futureRows = schedulePreview.slice(1);
 			const formattedTotal = formatPrice(input.totalCents, input.currency, input.locale);
 			const formattedDueToday = formatPrice(dueToday, input.currency, input.locale);
@@ -572,4 +613,139 @@ function usePolling(config) {
 	};
 }
 //#endregion
-export { buildBookingPaymentSelectionViewModel as n, resolveFlexibleBalanceInitialPaymentCents as r, usePolling as t };
+//#region ../blocks/src/system/runtime/nodes/spinner.tsx
+function resolveColorStyle(color) {
+	switch (color) {
+		case void 0: return;
+		case "inherit": return { color: "inherit" };
+		case "foreground": return { color: "rgb(var(--tb-foreground))" };
+		case "text": return { color: "rgb(var(--tb-text))" };
+		default: return;
+	}
+}
+function SpinnerNode({ className, size = "md", color, strokeWidth = 3, srLabel, style, ...rest }) {
+	const hasExplicitAriaLabel = typeof rest["aria-label"] === "string" && rest["aria-label"].trim().length > 0;
+	const accessibilityProps = srLabel ? {
+		role: "status",
+		"aria-live": "polite"
+	} : hasExplicitAriaLabel ? {} : { "aria-hidden": true };
+	const trackStroke = color === "inherit" ? "currentColor" : "var(--rb-spinner-track-color)";
+	const trackOpacity = color === "inherit" ? .25 : 1;
+	return /* @__PURE__ */ jsxs("span", {
+		...accessibilityProps,
+		className: clsx("rb-spinner", size ? `rb-spinner--${size}` : null, color === "inherit" ? "rb-spinner--inherit" : null, className),
+		style: {
+			...resolveColorStyle(color),
+			...style ?? {}
+		},
+		...rest,
+		children: [/* @__PURE__ */ jsxs("svg", {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10",
+				stroke: trackStroke,
+				strokeWidth,
+				opacity: trackOpacity
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M12 2a10 10 0 0 1 10 10",
+				stroke: "currentColor",
+				strokeWidth,
+				strokeLinecap: "round"
+			})]
+		}), srLabel ? /* @__PURE__ */ jsx("span", {
+			className: "rb-sr-only",
+			children: srLabel
+		}) : null]
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/StepIndicator.tsx
+/**
+* Shared step indicator component for registration wizards.
+* Shows numbered steps with current progress and completion state.
+*
+* Two class channels can be emitted (independently or together):
+* - `emitSharedClasses` adds the shared registration-surface classes
+*   (`rb-steps-nav`, `rb-step-circle`, ...) styled by
+*   theme-core `blocks-static/registration-surface.css`.
+* - `classPrefix` adds block-prefixed classes (e.g. `er-step-circle`) — the
+*   legacy styling channel and the stable hook surface for per-site theme CSS.
+*
+* Blocks opt in to the shared channel as part of their registration-surface
+* migration (issue 1174); until then a prefix-only render is unchanged output.
+* At least one channel must be enabled or the indicator renders unstyled.
+*/
+function buildClassChannels(slot, classPrefix, emitSharedClasses) {
+	const classes = [];
+	if (emitSharedClasses) classes.push(`rb-${slot}`);
+	if (classPrefix) classes.push(`${classPrefix}-${slot}`);
+	return classes;
+}
+function StepIndicator({ currentStep, totalSteps, stepLabels, classPrefix, emitSharedClasses }) {
+	const slotClass = (slot, modifier) => {
+		const base = buildClassChannels(slot, classPrefix, emitSharedClasses);
+		if (!modifier) return base.join(" ");
+		const modified = buildClassChannels(`${slot}--${modifier}`, classPrefix, emitSharedClasses);
+		return [...base, ...modified].join(" ");
+	};
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "Registration progress",
+		className: slotClass("steps-nav"),
+		children: /* @__PURE__ */ jsx("ol", {
+			className: slotClass("steps"),
+			children: Array.from({ length: totalSteps }, (_, i) => {
+				const stepNum = i + 1;
+				const isActive = stepNum === currentStep;
+				const isComplete = stepNum < currentStep;
+				return /* @__PURE__ */ jsxs("li", {
+					className: slotClass("step"),
+					"aria-current": isActive ? "step" : void 0,
+					children: [
+						/* @__PURE__ */ jsx("div", {
+							className: slotClass("step-circle", isActive ? "active" : isComplete ? "completed" : void 0),
+							children: isComplete ? /* @__PURE__ */ jsx(CheckIcon, {
+								className: slotClass("step-check"),
+								strokeWidth: 3
+							}) : stepNum
+						}),
+						stepLabels?.[i] && /* @__PURE__ */ jsx("span", {
+							className: slotClass("step-label", isActive ? "active" : void 0),
+							children: stepLabels[i]
+						}),
+						stepNum < totalSteps && /* @__PURE__ */ jsx("div", {
+							className: slotClass("step-connector", isComplete ? "completed" : void 0),
+							"aria-hidden": "true"
+						})
+					]
+				}, i);
+			})
+		})
+	});
+}
+//#endregion
+//#region ../blocks/src/system/runtime/shared/components/BookingConsentAgreement.tsx
+function BookingConsentAgreement({ agreement, showTitle = true, title, titleId }) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [showTitle ? /* @__PURE__ */ jsxs("div", {
+		id: titleId,
+		className: "form-label",
+		children: [title, /* @__PURE__ */ jsx("span", {
+			className: "required-marker",
+			children: "*"
+		})]
+	}) : null, /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"aria-label": showTitle ? void 0 : title,
+		"aria-labelledby": showTitle ? titleId : void 0,
+		children: /* @__PURE__ */ jsx(RichText, {
+			doc: agreement,
+			linkTarget: "new-tab",
+			className: "rb-prose rb-max-w-none"
+		})
+	})] });
+}
+//#endregion
+export { buildBookingPaymentSelectionViewModel as a, usePolling as i, StepIndicator as n, resolveBookingPaymentDueNowCents as o, SpinnerNode as r, formatPrice as s, BookingConsentAgreement as t };

package/dist/client/{DiscountCodeDisclosure-CfuPOHD0.mjs → DiscountCodeDisclosure-B97aMo0V.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { $ as themeButtonClassName } from "./propsDecoder-CeUMxI9a.mjs";
+import { st as themeButtonClassName } from "./propsDecoder-DwHXRm9X.mjs";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/api/types/discounts.ts
@@ -19,32 +19,18 @@ function getAutoAppliedDiscountPreview(availability) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/shared/components/DiscountCodeDisclosure.tsx
-const BLOCK_DISCOUNT_CODE_DISCLOSURE_CLASSES = {
-	"whole-series-registration": {
-		root: "er-whole-series-discount",
-		toggle: "er-whole-series-discount__toggle",
-		form: "er-whole-series-discount__form",
-		label: "er-whole-series-discount__label",
-		row: "er-whole-series-discount__row",
-		input: "er-whole-series-discount__input",
-		apply: "er-whole-series-discount__apply",
-		remove: "er-whole-series-discount__remove",
-		hint: "er-whole-series-discount__hint",
-		feedback: "er-whole-series-discount__feedback"
-	},
-	"event-registration": {
-		root: "er-discount",
-		toggle: "er-discount__toggle",
-		form: "er-discount__form",
-		label: "er-discount__label",
-		row: "er-discount__row",
-		input: "er-discount__input",
-		apply: "er-discount__apply",
-		remove: "er-discount__remove",
-		hint: "er-discount__hint",
-		feedback: "er-discount__feedback"
-	}
-};
+const BLOCK_DISCOUNT_CODE_DISCLOSURE_CLASSES = { "event-registration": {
+	root: "er-discount",
+	toggle: "er-discount__toggle",
+	form: "er-discount__form",
+	label: "er-discount__label",
+	row: "er-discount__row",
+	input: "er-discount__input",
+	apply: "er-discount__apply",
+	remove: "er-discount__remove",
+	hint: "er-discount__hint",
+	feedback: "er-discount__feedback"
+} };
 const themeFormClasses = {
 	root: "rb-flex rb-flex-col rb-gap-2 rb-mb-4",
 	toggle: `${["button", "link"].join("-")} rb-self-start`,

package/dist/client/{EventCombined.client-DB8Qfzi-.mjs → EventCombined.client-Bs2Iw9Q6.mjs}

@@ -1,8 +1,8 @@
 "use client";
 import { D as clsx } from "./colorStyles-CrxJrPjJ.mjs";
-import { $ as themeButtonClassName, A as buildEventRuntimeFilters, B as formatEventTeacherLine, Et as assertNever, F as formatDate, H as getCardOrientation, J as getEventAvailability, K as resolveEventLinkProps, R as formatEventPrice, U as getContainerClass, V as formatTime, W as groupEventsByDate, j as getEventRuntimeFiltersKey } from "./propsDecoder-CeUMxI9a.mjs";
-import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, t as useEventFilters } from "./useEventFilters-DRhWp2_5.mjs";
-import { n as useBlockApi } from "./context-TSK1CGx8.mjs";
+import { At as assertNever, B as formatEventPrice, G as getContainerClass, H as formatEventTeacherLine, J as resolveEventLinkProps, K as groupEventsByDate, L as formatDate, M as buildEventRuntimeFilters, N as getEventRuntimeFiltersKey, U as formatTime, W as getCardOrientation, X as getEventAvailability, st as themeButtonClassName } from "./propsDecoder-DwHXRm9X.mjs";
+import { a as EventCardClient, i as EventPaginatedListView, n as useEventPagination, o as EventFilters, r as toError, t as useEventFilters } from "./useEventFilters-DvuaB4ZN.mjs";
+import { n as useBlockApi } from "./context-DljQn8L5.mjs";
 import { t as createBodyThemePortalRoot } from "./themePortalRoot-AGs4cE7t.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import React, { createContext, useCallback, useContext, useEffect, useId, useMemo, useReducer, useRef, useState } from "react";

package/dist/client/{EventListing.client-DD4X8hp4.mjs → EventListing.client-C4QUQdmg.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { A as buildEventRuntimeFilters } from "./propsDecoder-CeUMxI9a.mjs";
-import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-DRhWp2_5.mjs";
+import { M as buildEventRuntimeFilters } from "./propsDecoder-DwHXRm9X.mjs";
+import { i as EventPaginatedListView, n as useEventPagination, o as EventFilters, t as useEventFilters } from "./useEventFilters-DvuaB4ZN.mjs";
 import { useId, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region ../blocks/src/system/runtime/nodes/events/EventListing.client.tsx

package/dist/client/{LeafletStaticMap-QhgIBQbv.mjs → LeafletStaticMap-CwWRk69M.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { Tt as isRecord } from "./propsDecoder-CeUMxI9a.mjs";
+import { kt as isRecord } from "./propsDecoder-DwHXRm9X.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/{accordion-DFXpLvwg.mjs → accordion-BA0j8Mpw.mjs}

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

package/dist/client/{bookingForm-sI05d3lk.mjs → bookingForm-Br2e41H0.mjs}

@@ -1,15 +1,14 @@
 "use client";
 import { S as unsafeAsPassId, _ as unsafeAsAppointmentResourceId, b as unsafeAsFormId, v as unsafeAsAppointmentServiceId, y as unsafeAsCustomerPassId } from "./colorStyles-CrxJrPjJ.mjs";
-import { n as buildBookingPaymentSelectionViewModel, t as usePolling } from "./usePolling-UN4WKnaM.mjs";
-import { $ as themeButtonClassName, At as okWith, Bt as parseBookingLocalDate, Ct as isBookingRequirementConsentFieldId, Dt as clearWorkflowFeedback, Et as assertNever, It as formatBookingInstant, Mt as reportWorkflowSuccess, Nt as addLocalScheduleDays, Ot as err, Rt as formatLocalScheduleDate, St as BOOKING_FORM_DATA_RESERVED_KEYS, Vt as resolveBookingTimeZoneId, Zt as formatCurrencyAmount, _t as resolveBookingSiteId, at as logger, bt as projectSelectedAppointmentConsentIntoForm, ct as formatBookingSubmissionPreparationError, dt as getBookingSuccessMessage, ft as isBookingServiceSlidingAmountInRange, gt as resolveBookingPaymentStep, ht as resolveAppointmentCheckoutVerificationState, jt as reportWorkflowError, lt as getBookingRedirectStateFromLocation, mt as prepareBookingSubmission, ot as deriveBookingFormViewState, pt as parseBookingCurrencyInputToCents, st as formatBookingCentsAsCurrencyInput, t as defineIslandPropsDecoder, ut as getBookingServiceSlidingScale, vt as resolveDefaultBookingServiceId, xt as resolveSelectedAppointmentConsent, yt as toSelectedCollectionOptionKind } from "./propsDecoder-CeUMxI9a.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-TSK1CGx8.mjs";
+import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as StepIndicator, r as SpinnerNode, t as BookingConsentAgreement } from "./BookingConsentAgreement-BQqwi8Oa.mjs";
+import { $t as formatCurrencyAmount, At as assertNever, Bt as formatBookingInstant, Ct as toSelectedCollectionOptionKind, Dt as isBookingRequirementConsentFieldId, Et as BOOKING_FORM_DATA_RESERVED_KEYS, Ft as reportWorkflowError, Gt as resolveBookingTimeZoneId, Ht as formatLocalScheduleDate, It as reportWorkflowSuccess, Lt as addLocalScheduleDays, Mt as err, Pt as okWith, St as resolveDefaultBookingServiceId, Tt as resolveSelectedAppointmentConsent, Wt as parseBookingLocalDate, _t as parseBookingCurrencyInputToCents, bt as resolveBookingPaymentStep, dt as formatBookingCentsAsCurrencyInput, ft as formatBookingSubmissionPreparationError, gt as isBookingServiceSlidingAmountInRange, ht as getBookingSuccessMessage, jt as clearWorkflowFeedback, lt as logger, mt as getBookingServiceSlidingScale, pt as getBookingRedirectStateFromLocation, st as themeButtonClassName, t as defineIslandPropsDecoder, ut as deriveBookingFormViewState, vt as prepareBookingSubmission, wt as projectSelectedAppointmentConsentIntoForm, xt as resolveBookingSiteId, yt as resolveAppointmentCheckoutVerificationState } from "./propsDecoder-DwHXRm9X.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-DljQn8L5.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
-import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-lPr1oqxB.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-CfuPOHD0.mjs";
-import { n as StepIndicator, r as SpinnerNode, t as BookingConsentAgreement } from "./BookingConsentAgreement-BxgpGEFD.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-DtmdM3v-.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-B97aMo0V.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { n as getFieldValidationControlProps, t as FieldValidationMessage } from "./FieldValidationMessage-AYanWFb-.mjs";
-import { t as buildCheckoutReturnUrls } from "./checkoutUrls-DQYC_Br-.mjs";
+import { t as buildCheckoutReturnUrls } from "./checkoutUrls-BuseL0dw.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";