@riverbankcms/sdk 0.143.0 → 0.144.0

package/dist/client/{eventRegistration-ClBohmbY.mjs → eventRegistration-BarLDNHR.mjs}

@@ -1,22 +1,23 @@
 "use client";
-import { a as buildBookingPaymentSelectionViewModel, i as usePolling, n as StepIndicator$1, o as resolveBookingPaymentDueNowCents, r as SpinnerNode, s as formatPrice, t as BookingConsentAgreement } from "./BookingConsentAgreement-BoCtvzzu.mjs";
-import { A as resolveEventRegistrationScopedEvents, C as resolveRegistrationTarget, D as getWizardStepsForContext, E as getStepNumber, Ft as assertNever, Jt as formatBookingDateTime, Kt as formatBookingDate, S as resolveEventRequiresPayment, T as WIZARD_STEPS, Xt as formatBookingTime, _ as toRegistrationEvents, b as findPreSelectedEvent, cn as publicEventPricingCurrency, dn as publicEventPricingStrategy, fn as publicEventPricingType, ft as themeButtonClassName, g as getRegistrationStartAt, h as buildEventRegistrationDisplayFromScopedEvents, in as toScheduledBookingDateTime, mn as parseCurrencyCode, nn as toBookingTimeZone, pn as formatCurrencyAmount, st as groupPublicEventsByRun, t as defineIslandPropsDecoder, un as publicEventPricingOptions, v as toWholeSeriesRegistrationEvents, w as toRegistrationRequestSubject, x as resolveDiscountContext, y as findEventByOccurrenceId } from "./propsDecoder-CIZ-hbIG.mjs";
-import { a as canJoinEventWaitlistOnAnyMode, c as formatTicketTypeRemaining, f as getRemainingPlaces, h as selectMostOpenCapacitySource, i as canJoinEventWaitlist, m as selectEventCapacitySource, o as formatEventRemainingPlaces, p as isEventFull, r as formatEventPriceDisplay, s as formatRemainingPlaces, u as getEventAvailability } from "./pricing-ChinRYFt.mjs";
-import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-BOimxE3U.mjs";
+import { a as resolveBookingPaymentDueNowCents, i as buildBookingPaymentSelectionViewModel, n as StepIndicator$1, o as formatPrice, r as usePolling, t as BookingConsentAgreement } from "./BookingConsentAgreement-DoAILrkN.mjs";
+import { A as resolveEventRegistrationScopedEvents, C as resolveRegistrationTarget, D as getWizardStepsForContext, E as getStepNumber, Qt as formatBookingDateTime, S as resolveEventRequiresPayment, T as WIZARD_STEPS, Xt as formatBookingDate, _ as toRegistrationEvents, _n as formatCurrencyAmount, b as findPreSelectedEvent, cn as toScheduledBookingDateTime, en as formatBookingTime, fn as publicEventPricingCurrency, g as getRegistrationStartAt, gn as publicEventPricingType, h as buildEventRegistrationDisplayFromScopedEvents, hn as publicEventPricingStrategy, mn as publicEventPricingOptions, on as toBookingTimeZone, t as defineIslandPropsDecoder, ut as groupPublicEventsByRun, v as toWholeSeriesRegistrationEvents, vn as parseCurrencyCode, w as toRegistrationRequestSubject, x as resolveDiscountContext, y as findEventByOccurrenceId, zt as assertNever } from "./propsDecoder-DPXtCZWP.mjs";
+import { a as canJoinEventWaitlistOnAnyMode, c as formatTicketTypeRemaining, f as getRemainingPlaces, h as selectMostOpenCapacitySource, i as canJoinEventWaitlist, m as selectEventCapacitySource, o as formatEventRemainingPlaces, p as isEventFull, r as formatEventPriceDisplay, s as formatRemainingPlaces, u as getEventAvailability } from "./pricing-Bl1CAl28.mjs";
+import { n as useBlockApi, r as BlockApiError, t as BlockApiProvider } from "./context-CDLCfDep.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-BPZl0gPZ.mjs";
-import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-B5S30nZk.mjs";
+import { a as CheckIcon, i as StateIcon, n as useDiscountCodeUi, r as TerminalPanel, t as scrollToBlock } from "./scrollToBlock-0-C3DVhK.mjs";
+import { t as DiscountCodeDisclosure } from "./DiscountCodeDisclosure-X528hUTf.mjs";
+import { i as SpinnerNode, t as ThemedButton } from "./ThemedButton-BwNFVwi4.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-FL6lRkrt.mjs";
+import { t as buildCheckoutReturnUrls } from "./checkoutUrls-CW3-78uu.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 { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
-import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-UNsfPcYq.mjs";
+import { t as buildRouteIslandApiConfig } from "./routeIslandApiConfig-NGYiUWXu.mjs";
 import { t as createLucideIcon } from "./createLucideIcon-PaLVMov4.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
-import React, { useCallback, useEffect, useId, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import React, { useCallback, useEffect, useId, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
 import { z } from "zod";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createPortal } from "react-dom";
@@ -3254,6 +3255,22 @@ function getMagicLinkError(state) {
 }
 //#endregion
 //#region ../blocks/src/system/runtime/nodes/shared/MagicLinkForm.tsx
+function MagicLinkButton(props) {
+	return props.themed ? /* @__PURE__ */ jsx(ThemedButton, {
+		type: props.type,
+		variant: props.variant,
+		size: "md",
+		label: props.label,
+		disabled: props.disabled,
+		onClick: props.onClick
+	}) : /* @__PURE__ */ jsx("button", {
+		type: props.type,
+		className: props.className,
+		disabled: props.disabled,
+		onClick: props.onClick,
+		children: props.label
+	});
+}
 /**
 * Reusable magic link login form.
 * Used by Customer Portal and Event Registration blocks.
@@ -3294,14 +3311,13 @@ function MagicLinkForm({ initialEmail = "", title, subtitle, buttonText = "Send
 		children: [/* @__PURE__ */ jsx("p", {
 			className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--success`,
 			children: successMessage
-		}), !compact && /* @__PURE__ */ jsx("button", {
+		}), !compact && /* @__PURE__ */ jsx(MagicLinkButton, {
+			themed: classPrefix === "cp",
 			type: "button",
-			className: classPrefix === "cp" ? themeButtonClassName({
-				variant: "secondary",
-				size: "md"
-			}) : `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
-			onClick: handleReset,
-			children: "Try a different email"
+			variant: "secondary",
+			className: `${classPrefix}-modal-btn ${classPrefix}-modal-btn--secondary`,
+			label: "Try a different email",
+			onClick: handleReset
 		})]
 	});
 	return /* @__PURE__ */ jsxs("form", {
@@ -3330,14 +3346,13 @@ function MagicLinkForm({ initialEmail = "", title, subtitle, buttonText = "Send
 				className: `${classPrefix}-portal-auth-text ${classPrefix}-portal-auth-text--error`,
 				children: error
 			}),
-			/* @__PURE__ */ jsx("button", {
+			/* @__PURE__ */ jsx(MagicLinkButton, {
+				themed: classPrefix === "cp",
 				type: "submit",
-				className: classPrefix === "cp" ? themeButtonClassName({
-					variant: "primary",
-					size: "md"
-				}) : `${classPrefix}-modal-btn`,
-				disabled: !email.trim() || loading,
-				children: loading ? "Sending..." : buttonText
+				variant: "primary",
+				className: `${classPrefix}-modal-btn`,
+				label: loading ? "Sending..." : buttonText,
+				disabled: !email.trim() || loading
 			})
 		]
 	});
@@ -3681,20 +3696,19 @@ function SelectTicketsActions(props) {
 			onClick: () => wizard.setStep("select-event"),
 			className: "er-back-btn",
 			children: "← Back"
-		}), /* @__PURE__ */ jsx("button", {
+		}), /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
 			onClick: () => wizard.setStep("enter-details"),
 			disabled: isContinueDisabled,
-			className: props.buttonClass,
-			children: registrationOptionsPending ? /* @__PURE__ */ jsxs("span", {
-				className: "er-button-with-spinner",
-				children: [/* @__PURE__ */ jsx(SpinnerNode, {
-					size: "xs",
-					color: "inherit",
-					className: "er-button-spinner",
-					"aria-hidden": true
-				}), continueLabel]
-			}) : continueLabel
+			variant: props.buttonVariant,
+			size: "md",
+			label: continueLabel,
+			pending: registrationOptionsPending ? {
+				label: continueLabel,
+				spinnerSize: "xs",
+				spinnerClassName: "er-button-spinner",
+				contentClassName: "er-button-with-spinner"
+			} : void 0
 		})]
 	});
 }
@@ -3721,12 +3735,13 @@ function EnterDetailsActions(props) {
 			onClick: () => wizard.setStep("select-tickets"),
 			className: "er-back-btn",
 			children: "← Back"
-		}), /* @__PURE__ */ jsx("button", {
+		}), /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
 			onClick: wizard.handleDetailsComplete,
 			disabled: isContinueDisabled,
-			className: props.buttonClass,
-			children: continueLabel
+			variant: props.buttonVariant,
+			size: "md",
+			label: continueLabel
 		})]
 	});
 }
@@ -3740,12 +3755,13 @@ function SelectPaymentActions(props) {
 			onClick: () => wizard.setStep("enter-details"),
 			className: "er-back-btn",
 			children: "← Back"
-		}), status === "ready" && /* @__PURE__ */ jsx("button", {
+		}), status === "ready" && /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
 			onClick: () => void wizard.handlePaymentSelect(),
 			disabled: !canContinue,
-			className: props.buttonClass,
-			children: buttonText
+			variant: props.buttonVariant,
+			size: "md",
+			label: buttonText
 		})]
 	});
 }
@@ -3904,15 +3920,13 @@ function IneligiblePaymentPanel(props) {
 					className: "er-text er-text--muted",
 					children: "Have a pass or membership? Log in to use it."
 				}),
-				/* @__PURE__ */ jsx("button", {
+				/* @__PURE__ */ jsx(ThemedButton, {
 					type: "button",
-					className: themeButtonClassName({
-						variant: "primary",
-						size: "md"
-					}),
+					variant: "primary",
+					size: "md",
+					label: "Email me a login link",
 					disabled: !props.email.trim(),
-					onClick: props.onRequestLogin,
-					children: "Email me a login link"
+					onClick: props.onRequestLogin
 				}),
 				!props.email.trim() && /* @__PURE__ */ jsx("p", {
 					className: "er-text er-text--muted",
@@ -5658,12 +5672,17 @@ function EventRegistrationTerminalState(props) {
 }
 function EventRegistrationSurface(props) {
 	const { wizard } = props;
+	const mainRef = useRef(null);
+	useLayoutEffect(() => {
+		if (props.variant === "overlay" && mainRef.current) mainRef.current.scrollTop = 0;
+	}, [props.variant, wizard.step]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: `rb-reg-surface er-container${props.variant === "overlay" ? " er-container--overlay" : ""}`,
 		children: [props.isWizardStep && /* @__PURE__ */ jsxs("div", {
 			className: "er-payment-layout er-payment-layout--no-sidebar",
 			children: [
 				/* @__PURE__ */ jsxs("div", {
+					ref: mainRef,
 					className: "er-payment-layout-main",
 					children: [
 						props.totalSteps > 1 && /* @__PURE__ */ jsx(StepIndicator, {
@@ -5689,15 +5708,14 @@ function EventRegistrationSurface(props) {
 					children: [/* @__PURE__ */ jsx(EventRegistrationSummaryBar, { wizard }), /* @__PURE__ */ jsx(EventRegistrationWizardActions, {
 						wizard,
 						buttonText: props.buttonText,
-						buttonClass: props.buttonClass
+						buttonVariant: props.buttonVariant
 					})]
 				})
 			]
 		}), /* @__PURE__ */ jsx(EventRegistrationTerminalState, {
 			wizard,
 			supportEmail: props.supportEmail,
-			successMessage: props.successMessage,
-			buttonClass: props.buttonClass
+			successMessage: props.successMessage
 		})]
 	});
 }
@@ -5727,11 +5745,13 @@ function BookingEntry(props) {
 				}, ticketType.pricingOptionId))
 			}) : null
 		]
-	}), /* @__PURE__ */ jsx("button", {
+	}), /* @__PURE__ */ jsx(ThemedButton, {
 		type: "button",
-		className: `${base}__cta ${props.buttonClass}`,
-		onClick: props.onOpen,
-		children: "Book now"
+		variant: props.buttonVariant,
+		size: "md",
+		extraClassName: `${base}__cta`,
+		label: "Book now",
+		onClick: props.onOpen
 	})] });
 }
 function EventRegistrationBookingLayer(props) {
@@ -5739,7 +5759,7 @@ function EventRegistrationBookingLayer(props) {
 		summary: [props.priceLabel, props.availabilityLabel].filter(Boolean).join(" · "),
 		ticketTypes: props.ticketTypes,
 		ticketCurrency: props.ticketCurrency,
-		buttonClass: props.buttonClass,
+		buttonVariant: props.buttonVariant,
 		formatTicketPrice: props.formatTicketPrice,
 		onOpen: props.onOpen
 	};
@@ -5849,10 +5869,6 @@ function EventRegistrationWizard(props) {
 	const { occurrenceContext, subject, events, maxTickets = "5", showVenue = true, showCapacity = true, successMessage = "Thank you for registering! Check your email for confirmation details.", buttonText = "Complete Registration", buttonVariant = "primary", className, spamProtectionEnabled, supportEmail } = props;
 	const maxTicketsNum = normalizeEventRegistrationMaxTickets(maxTickets);
 	const showSpamProtection = spamProtectionEnabled ?? isSpamProtectionEnabled();
-	const buttonClass = themeButtonClassName({
-		variant: buttonVariant,
-		size: "md"
-	});
 	const registrationRootClassName = `event-registration ${className || ""}`;
 	const registrationRootRef = React.useRef(null);
 	const wizard = useEventRegistrationWizard({
@@ -5945,7 +5961,7 @@ function EventRegistrationWizard(props) {
 		showCapacity,
 		showSpamProtection,
 		buttonText,
-		buttonClass,
+		buttonVariant,
 		supportEmail,
 		successMessage
 	});
@@ -5974,7 +5990,7 @@ function EventRegistrationWizard(props) {
 			availabilityLabel: summaryAvailabilityLabel,
 			ticketTypes: bookingTicketTypes,
 			ticketCurrency: bookingCurrency,
-			buttonClass,
+			buttonVariant,
 			formatTicketPrice: (ticketType) => formatTicketPriceIfKnown(ticketType, bookingCurrency),
 			onOpen: () => setBookingOverlayOpen(true),
 			onClose: () => setBookingOverlayOpen(false),
@@ -6244,14 +6260,12 @@ function RecoverableEventRegistrationClient({ props, display }) {
 		id: EVENT_REGISTRATION_ANCHOR_ID,
 		className: "rb-reg-surface er-container er-registration-shell",
 		role: "alert",
-		children: [/* @__PURE__ */ jsx("p", { children: "We couldn’t load the event dates. Please try again." }), /* @__PURE__ */ jsx("button", {
+		children: [/* @__PURE__ */ jsx("p", { children: "We couldn’t load the event dates. Please try again." }), /* @__PURE__ */ jsx(ThemedButton, {
 			type: "button",
-			className: themeButtonClassName({
-				variant: props.render.hydration.buttonVariant ?? "primary",
-				size: "md"
-			}),
-			onClick: recovery.retry,
-			children: "Try again"
+			variant: props.render.hydration.buttonVariant ?? "primary",
+			size: "md",
+			label: "Try again",
+			onClick: recovery.retry
 		})]
 	});
 	const events = resolveEventRegistrationScopedEvents(recovery.events, {
@@ -6281,6 +6295,7 @@ const enhance = (root, props) => {
 	if (!siteId) throw new Error("[sdk:islands] event-registration requires siteId");
 	if (!apiBaseUrl) throw new Error("[sdk:islands] event-registration requires apiBaseUrl");
 	const apiConfig = buildRouteIslandApiConfig({
+		readAuthority: props.readAuthority,
 		apiBaseUrl,
 		portalToken,
 		previewToken,

package/dist/client/{form-BLVVAnd3.mjs → form-BjqKaBJ7.mjs}

@@ -1,8 +1,9 @@
 "use client";
-import { O as clsx } from "./colorStyles-3013aRAY.mjs";
-import { Ft as assertNever, Lt as err, Rt as ok, ft as themeButtonClassName, t as defineIslandPropsDecoder } from "./propsDecoder-CIZ-hbIG.mjs";
-import { n as useBlockApi, t as BlockApiProvider } from "./context-BOimxE3U.mjs";
+import { O as clsx } from "./colorStyles-CuJBiS-1.mjs";
+import { Ht as ok, Vt as err, t as defineIslandPropsDecoder, zt as assertNever } from "./propsDecoder-DPXtCZWP.mjs";
+import { n as useBlockApi, t as BlockApiProvider } from "./context-CDLCfDep.mjs";
 import { n as isSpamProtectionEnabled, r as AltchaWidget, t as getChallengeUrl } from "./src-B833rYRr.mjs";
+import { t as ThemedButton } from "./ThemedButton-BwNFVwi4.mjs";
 import { t as FeedbackMessage } from "./FeedbackMessage-CtLvvS_d.mjs";
 import { t as mountReactIsland } from "./reactMount-SY8AVRof.mjs";
 import { useReducer, useRef, useState } from "react";
@@ -268,15 +269,13 @@ const FormNodeClient = ({ render }) => {
 				className: "fb-actions",
 				children: /* @__PURE__ */ jsx("div", {
 					className: "fb-actions-inner",
-					children: /* @__PURE__ */ jsx("button", {
+					children: /* @__PURE__ */ jsx(ThemedButton, {
 						type: "submit",
-						className: themeButtonClassName({
-							variant: "primary",
-							size: "md",
-							extraClassName: "rb-w-full rb-sm-w-auto"
-						}),
+						variant: "primary",
+						size: "md",
+						extraClassName: "rb-w-full rb-sm-w-auto",
 						disabled: state.tag === "submitting",
-						children: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel
+						label: state.tag === "submitting" ? "Submitting..." : render.display.submitLabel
 					})
 				})
 			})

package/dist/client/{headerSection-DHy4C8Ix.mjs → headerSection-CP4XDwz1.mjs}

@@ -1,7 +1,8 @@
 "use client";
-import { ft as themeButtonClassName, k as staticHeaderChromeRuntime, r as buildCartDisplay, t as defineIslandPropsDecoder } from "./propsDecoder-CIZ-hbIG.mjs";
+import { k as staticHeaderChromeRuntime, r as buildCartDisplay, t as defineIslandPropsDecoder } from "./propsDecoder-DPXtCZWP.mjs";
+import { n as ThemedButtonLink, t as ThemedButton } from "./ThemedButton-BwNFVwi4.mjs";
 import { t as resolveDedicatedCheckoutPath } from "./checkoutRoute-ClwHwYVA.mjs";
-import { n as useCommerceCart } from "./shop-commerce-store-TA_Kz2ku.mjs";
+import { n as useCommerceCart } from "./shop-commerce-store-DlSBXb3D.mjs";
 import { t as ModalShell } from "./ModalShell-CqkBvBIC.mjs";
 import * as React$1 from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -41,14 +42,12 @@ function HeaderCartDrawerItems(props) {
 					className: "rb-caption status-muted",
 					children: ["Quantity: ", item.quantity]
 				})]
-			}), /* @__PURE__ */ jsx("button", {
+			}), /* @__PURE__ */ jsx(ThemedButton, {
 				type: "button",
-				className: themeButtonClassName({
-					variant: "secondary",
-					size: "sm"
-				}),
-				onClick: () => props.cart.removeItem(item.key),
-				children: "Remove"
+				variant: "secondary",
+				size: "sm",
+				label: "Remove",
+				onClick: () => props.cart.removeItem(item.key)
 			})]
 		}, item.key))
 	});
@@ -125,31 +124,25 @@ function HeaderCartDrawer(props) {
 				}) : null,
 				/* @__PURE__ */ jsxs("div", {
 					className: "rb-flex rb-flex-wrap rb-gap-3",
-					children: [/* @__PURE__ */ jsx("button", {
+					children: [/* @__PURE__ */ jsx(ThemedButton, {
 						type: "button",
-						className: themeButtonClassName({
-							variant: "secondary",
-							size: "md"
-						}),
+						variant: "secondary",
+						size: "md",
+						label: display.clearButtonText,
 						onClick: () => props.cart.clear(),
-						disabled: display.state === "empty",
-						children: display.clearButtonText
-					}), props.checkoutHref && display.state === "ready" ? /* @__PURE__ */ jsx("a", {
-						className: themeButtonClassName({
-							variant: "default",
-							size: "md"
-						}),
+						disabled: display.state === "empty"
+					}), props.checkoutHref && display.state === "ready" ? /* @__PURE__ */ jsx(ThemedButtonLink, {
+						variant: "default",
+						size: "md",
+						label: display.checkoutButtonText,
 						href: props.checkoutHref,
-						onClick: props.onClose,
-						children: display.checkoutButtonText
-					}) : /* @__PURE__ */ jsx("button", {
+						onClick: props.onClose
+					}) : /* @__PURE__ */ jsx(ThemedButton, {
 						type: "button",
-						className: themeButtonClassName({
-							variant: "default",
-							size: "md"
-						}),
-						disabled: true,
-						children: display.checkoutButtonText
+						variant: "default",
+						size: "md",
+						label: display.checkoutButtonText,
+						disabled: true
 					})]
 				})
 			]