@riverbankcms/sdk 0.96.0 → 0.99.0

package/dist/client/{chunk-CPKMJVBD.mjs → chunk-HPEQ4YWW.mjs}

@@ -1,22 +1,22 @@
 "use client";
-import { LeafletStaticMap } from './chunk-SY543WZ3.mjs';
-import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-6H27K6AA.mjs';
+import { LeafletStaticMap } from './chunk-5DLGREUB.mjs';
+import { resolveCoursePricingState, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay, useWaitlistClaim } from './chunk-JTKBF3W2.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-6N7YRNYU.mjs';
-import { usePolling, buildBookingPaymentSelectionViewModel } from './chunk-VJROUYOQ.mjs';
-import { SpinnerNode } from './chunk-OLAOAZEO.mjs';
-import { createBodyThemePortalRoot, TabBarFragment, useDiscountCodeUi, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-A3YN7M3G.mjs';
+import { buildBookingPaymentSelectionViewModel, usePolling } from './chunk-WEVT46PX.mjs';
+import { SpinnerNode } from './chunk-K7KTSACR.mjs';
+import { createBodyThemePortalRoot, TabBarFragment, logoutPortal, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, SelectableOptionCard, CheckIcon, useDiscountCodeUi, consumeSearchParam } from './chunk-CLZ7NBSP.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
 import { ModalShell } from './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-LJCX6V7Q.mjs';
-import { useBlockApi, FeedbackMessage } from './chunk-TNGL2WJF.mjs';
-import { buildEventRuntimeFilters, buildEventCalendarListingRender, groupEventsByDate, getOrderedDayNames, formatDateKey, getEventRuntimeFiltersKey, themeButtonClassName, normalizeCsvIds, normalizeOptionalId, normalizeEventBlockKind, normalizeCsvString, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, isToday, MAX_EVENTS_PER_DAY, formatTime, WIZARD_STEPS, getWizardStepsForContext, getStepNumber, formatEventPriceDisplay, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-GWCRCJLB.mjs';
-import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-PCHACQEB.mjs';
+import { useBlockApi, FeedbackMessage } from './chunk-IOAHWAQG.mjs';
+import { buildEventRuntimeFilters, buildEventCalendarListingRender, groupEventsByDate, getOrderedDayNames, formatDateKey, getEventRuntimeFiltersKey, themeButtonClassName, normalizeCsvIds, normalizeOptionalId, normalizeEventBlockKind, normalizeCsvString, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, isToday, MAX_EVENTS_PER_DAY, formatTime, WIZARD_STEPS, getWizardStepsForContext, getStepNumber, formatEventPriceDisplay, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-CYJ3MUFP.mjs';
+import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, formatCurrencyAmount, publicEventTicketTypes, formatBookingDate, formatBookingTime } from './chunk-IIUIKJ4K.mjs';
 import React9, { createContext, useId, useMemo, useReducer, useState, useRef, useEffect, useCallback, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function StepIndicator2(props) {
-  return /* @__PURE__ */ jsx(StepIndicator, { ...props, classPrefix: "er" });
+  return /* @__PURE__ */ jsx(StepIndicator, { ...props, classPrefix: "er", emitSharedClasses: true });
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/registrationStateMachine.ts
@@ -516,8 +516,14 @@ function existingRegistrationLookupReducer(state, action) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/hooks.ts
+var eventRegistrationHooksDeps = {
+  useBlockApi
+};
 function usePortalAuth() {
-  const api = useBlockApi();
+  return usePortalAuthWithDeps(eventRegistrationHooksDeps);
+}
+function usePortalAuthWithDeps(deps) {
+  const api = deps.useBlockApi();
   const [authState, setAuthState] = useState("checking");
   const [profile, setProfile] = useState(null);
   useEffect(() => {
@@ -565,7 +571,10 @@ function usePortalAuth() {
   };
 }
 function useEligibility(params) {
-  const api = useBlockApi();
+  return useEligibilityWithDeps(params, eventRegistrationHooksDeps);
+}
+function useEligibilityWithDeps(params, deps) {
+  const api = deps.useBlockApi();
   const ticketSelectionsKey = JSON.stringify(normalizeTicketSelectionLines(params.ticketSelections));
   const [state, dispatch] = useReducer(
     eligibilityLookupReducer,
@@ -634,7 +643,16 @@ function useExistingEventRegistration({
   isAuthenticated,
   occurrenceId
 }) {
-  const api = useBlockApi();
+  return useExistingEventRegistrationWithDeps(
+    { isAuthenticated, occurrenceId },
+    eventRegistrationHooksDeps
+  );
+}
+function useExistingEventRegistrationWithDeps({
+  isAuthenticated,
+  occurrenceId
+}, deps) {
+  const api = deps.useBlockApi();
   const [state, dispatch] = useReducer(
     existingRegistrationLookupReducer,
     initialExistingRegistrationLookupState
@@ -841,7 +859,7 @@ var EventSelectionStep = ({
 }) => {
   const selectionMode = getEventSelectionMode(events);
   const isDateSelection = selectionMode === "date";
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: isDateSelection ? "Choose a date" : "Select an event" }),
     /* @__PURE__ */ jsx("div", { className: "er-event-grid", children: events.map((event) => {
       const isSelected = selectedEvent?.publicEventId === event.publicEventId;
@@ -898,7 +916,7 @@ function getEventAttendanceModeLabel(mode) {
 function TicketCounter(props) {
   const { ticketsCount, maxAllowed, label, onTicketsChange } = props;
   const minAllowed = props.minAllowed ?? 1;
-  return /* @__PURE__ */ jsxs("div", { className: "er-row er-counter", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-row er-row er-counter", children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -970,9 +988,6 @@ function SlidingScaleAmountField(props) {
 }
 function TicketTypeQuantityRows(props) {
   const totalSelectedQuantity = getTicketSelectionTotal(props.ticketSelections);
-  const selectedTicketTypes = props.ticketTypes.filter(
-    (ticketType) => getTicketLineQuantity(props.ticketSelections, ticketType.id) > 0
-  );
   return /* @__PURE__ */ jsxs("div", { className: "er-ticket-lines", children: [
     /* @__PURE__ */ jsx("div", { className: "er-ticket-line-list", role: "list", "aria-label": "Tickets", children: props.ticketTypes.map((ticketType) => {
       const quantity = getTicketLineQuantity(props.ticketSelections, ticketType.id);
@@ -1031,22 +1046,7 @@ function TicketTypeQuantityRows(props) {
         availabilityLabel: props.availableSpots != null ? `${props.availableSpots} spots available` : null
       }
     ),
-    selectedTicketTypes.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-summary", "aria-live": "polite", children: [
-      /* @__PURE__ */ jsxs("div", { className: "er-ticket-line-summary-title", children: [
-        totalSelectedQuantity,
-        " ticket",
-        totalSelectedQuantity === 1 ? "" : "s",
-        " selected"
-      ] }),
-      /* @__PURE__ */ jsx("ul", { className: "er-ticket-line-summary-list", children: selectedTicketTypes.map((ticketType) => {
-        const quantity = getTicketLineQuantity(props.ticketSelections, ticketType.id);
-        return /* @__PURE__ */ jsxs("li", { children: [
-          quantity,
-          " x ",
-          ticketType.name
-        ] }, ticketType.id);
-      }) })
-    ] }) : props.hasAvailableTicketTypes ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Choose at least one ticket to continue." }) : /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." })
+    totalSelectedQuantity === 0 && props.hasAvailableTicketTypes ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Choose at least one ticket to continue." }) : totalSelectedQuantity === 0 ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "No ticket types are currently available." }) : null
   ] });
 }
 function getAttendanceModeDetail(attendanceMode) {
@@ -1141,7 +1141,7 @@ var TicketSelectionStep = ({
   });
   const eventAvailabilityLabel = !canJoinWaitlist && event?.availableSpots != null ? `${event.availableSpots} spots available` : null;
   if (deliveryMode === "hybrid" && !selectedAttendanceMode) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "How will you attend?" }),
       /* @__PURE__ */ jsx(
         AttendanceModeTiles,
@@ -1155,12 +1155,12 @@ var TicketSelectionStep = ({
     ] });
   }
   if (isSoldOut && !canJoinWaitlist) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Sold Out" }),
       /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Sorry you missed out! This event is fully booked." })
     ] });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     deliveryMode === "hybrid" ? /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "How will you attend?" }),
       /* @__PURE__ */ jsx(
@@ -1354,7 +1354,7 @@ var AttendeeDetailsStep = ({
     messageId: emailErrorId
   });
   const showGuestSection = requireGuestDetails && ticketsCount > 1 && onGuestsChange;
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Your Information" }),
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsxs("div", { className: "er-field", children: [
@@ -1448,7 +1448,7 @@ var AttendeeDetailsStep = ({
 var MembershipHero = ({
   membershipName
 }) => {
-  return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero", children: [
+  return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero", children: [
     /* @__PURE__ */ jsx("div", { className: "er-booking-mode-hero-icon", children: /* @__PURE__ */ jsx(Sparkles, { size: 20, fill: "currentColor", "aria-hidden": "true" }) }),
     /* @__PURE__ */ jsxs("div", { className: "er-booking-mode-hero-content", children: [
       /* @__PURE__ */ jsxs("h3", { className: "er-booking-mode-hero-title", children: [
@@ -1459,51 +1459,6 @@ var MembershipHero = ({
     ] })
   ] }) });
 };
-function SelectableOptionCard(props) {
-  const {
-    baseClassName,
-    selectedClassName,
-    disabledClassName,
-    iconClassName,
-    labelClassName,
-    detailClassName,
-    icon,
-    label,
-    detail,
-    selected,
-    disabled,
-    tooltip,
-    extraClassNames = [],
-    onClick,
-    renderCheck,
-    renderDisabledTooltip
-  } = props;
-  const isSelected = selected && !disabled;
-  const className = [
-    baseClassName,
-    isSelected && selectedClassName,
-    disabled && disabledClassName,
-    ...extraClassNames
-  ].filter(Boolean).join(" ");
-  const showNativeTitle = Boolean(tooltip) && !(disabled && renderDisabledTooltip);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className,
-      onClick: disabled ? void 0 : onClick,
-      title: showNativeTitle ? tooltip : void 0,
-      "aria-disabled": disabled || void 0,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: iconClassName, children: icon }),
-        /* @__PURE__ */ jsx("div", { className: labelClassName, children: label }),
-        /* @__PURE__ */ jsx("div", { className: detailClassName, children: detail }),
-        isSelected && renderCheck?.(),
-        disabled && tooltip && renderDisabledTooltip?.(tooltip)
-      ]
-    }
-  );
-}
 
 // ../blocks/src/system/runtime/nodes/event-registration/eventPaymentOptions.ts
 var DEFAULT_EVENT_DIRECT_PAYMENT_OPTION = {
@@ -1585,7 +1540,7 @@ function resolveEventRegistrationDirectPaymentSelection(input) {
   };
 }
 function PaymentCheckIcon() {
-  return /* @__PURE__ */ jsx("div", { className: "er-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
+  return /* @__PURE__ */ jsx("div", { className: "rb-option-check er-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
 }
 function PaymentTile({
   icon,
@@ -1722,25 +1677,25 @@ var PaymentSelectionStep = ({
     getButtonText
   ]);
   if (eligibilityLoading) {
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-center", children: [
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsxs("div", { className: "er-center", children: [
       /* @__PURE__ */ jsx(SpinnerNode, { size: "lg", srLabel: "Checking payment options" }),
       /* @__PURE__ */ jsx("p", { className: "er-text--muted", children: "Checking payment options..." })
     ] }) });
   }
   if (eligibilityError) {
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--error", children: eligibilityError }) }) });
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--error", children: eligibilityError }) }) });
   }
   if (!eligibility) {
     const missing = [];
     if (!occurrenceId) missing.push("occurrenceId");
     if (!email) missing.push("email");
-    return /* @__PURE__ */ jsx("div", { className: "er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsxs("p", { className: "er-text er-text--error", children: [
+    return /* @__PURE__ */ jsx("div", { className: "rb-reg-stack er-stack", children: /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsxs("p", { className: "er-text er-text--error", children: [
       "Unable to determine payment options",
       missing.length > 0 && ` (missing: ${missing.join(", ")})`
     ] }) }) });
   }
   if (eligibility.isFree) {
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Payment" }),
       /* @__PURE__ */ jsxs("div", { className: "er-payment-summary", children: [
         /* @__PURE__ */ jsx("p", { className: "er-text er-text--success", children: "This event is free!" }),
@@ -1754,13 +1709,13 @@ var PaymentSelectionStep = ({
   }
   if (!eligibility.eligible) {
     if (eligibility.isFull && !eligibility.canJoinWaitlist) {
-      return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
         /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Sold Out" }),
         /* @__PURE__ */ jsx("div", { className: "er-center", children: /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "This event is fully booked and there is no waitlist available for this booking." }) })
       ] });
     }
     const shouldPromptLogin = !isAuthenticated && (eligibility.requiresAuthForPasses || eligibility.requiresAuthForMemberships);
-    return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: shouldPromptLogin ? "Log In Required" : "Payment Required" }),
       /* @__PURE__ */ jsx("div", { className: "er-center", children: shouldPromptLogin ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: "Have a pass or membership? Log in to use it." }),
@@ -1786,7 +1741,7 @@ var PaymentSelectionStep = ({
     ] });
   }
   const isMultiTicket = areEntitlementsDisabledForTicketCount(ticketsCount);
-  return /* @__PURE__ */ jsxs("div", { className: "er-stack", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "rb-reg-stack er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Payment Options" }),
     /* @__PURE__ */ jsxs("div", { className: "er-payment-tiles", children: [
       canShowDirectPaymentOptions && /* @__PURE__ */ jsx(Fragment, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx(
@@ -2161,7 +2116,7 @@ function EventRegistrationWizardActions(props) {
       const ticketTypeSelectionBlocked = wizard.ticketTypeSelectionRequired && !wizard.hasValidTicketSelection;
       const isContinueDisabled = isWaitingForEligibility || isCheckingExistingRegistration || hasExistingRegistration || isSoldOutWithoutWaitlist || ticketTypeSelectionBlocked;
       const continueLabel = isCheckingExistingRegistration ? "Checking registration..." : hasExistingRegistration ? "Already registered" : isSoldOutWithoutWaitlist ? "Sold out" : ticketTypeSelectionBlocked ? "Choose a ticket" : "Continue";
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         !wizard.hasPreSelectedContext && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep("select-event"), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx(
           "button",
@@ -2183,7 +2138,7 @@ function EventRegistrationWizardActions(props) {
       const isSoldOut = !hasWaitlistClaim && wizard.eligibility?.isFull === true && wizard.eligibility.canJoinWaitlist !== true;
       const isContinueDisabled = isCheckingEligibility || isSoldOut;
       const continueLabel = isCheckingEligibility ? "Checking availability..." : getDetailsButtonText();
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep(prevStepForDetails), className: "er-back-btn", children: "\u2190 Back" }),
         /* @__PURE__ */ jsx(
           "button",
@@ -2202,7 +2157,7 @@ function EventRegistrationWizardActions(props) {
       const handlePaymentContinue = () => {
         void wizard.handlePaymentSelect();
       };
-      return /* @__PURE__ */ jsxs("div", { className: "er-actions", children: [
+      return /* @__PURE__ */ jsxs("div", { className: "rb-wizard-actions er-actions", children: [
         /* @__PURE__ */ jsx("button", { type: "button", onClick: () => wizard.setStep("enter-details"), className: "er-back-btn", children: "\u2190 Back" }),
         status === "ready" && /* @__PURE__ */ jsx(
           "button",
@@ -2258,7 +2213,6 @@ function EventRegistrationSummaryBar(props) {
   const autoAppliedDiscount = wizard.discountCode.trim().length > 0 ? null : wizard.autoAppliedDiscount;
   const autoAppliedDiscountCents = Math.max(0, autoAppliedDiscount?.computedAmountCents ?? 0);
   const discountedTotalCents = Math.max(0, subtotalCents - autoAppliedDiscountCents);
-  const selectedLineSummary = (wizard.ticketSelectionSummaryLines ?? []).filter((line) => line.ticketTypeId !== null).map((line) => `${line.quantity} x ${line.label}`).join(", ");
   const selectedDirectPaymentOption = getSelectedDirectPaymentOption({
     wizard,
     totalCents: discountedTotalCents,
@@ -2295,10 +2249,6 @@ function EventRegistrationSummaryBar(props) {
         /* @__PURE__ */ jsx("h4", { className: "er-summary-bar-event", children: summaryTitle }),
         /* @__PURE__ */ jsxs("span", { className: "er-summary-bar-meta", children: [
           summaryDate && formatEventDateTime(summaryDate, { timeZone: summaryTimeZone }),
-          selectedLineSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            " \xB7 ",
-            selectedLineSummary
-          ] }) : null,
           wizard.step !== "select-event" && wizard.step !== "select-tickets" && wizard.ticketsCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
             " \xB7 ",
             wizard.ticketsCount,
@@ -2356,8 +2306,14 @@ function validateFormData(formData) {
   }
   return errors;
 }
+var paymentVerificationDeps = {
+  useBlockApi
+};
 function usePaymentVerification(config) {
-  const api = useBlockApi();
+  return usePaymentVerificationWithDeps(config, paymentVerificationDeps);
+}
+function usePaymentVerificationWithDeps(config, deps) {
+  const api = deps.useBlockApi();
   const pollingConfig = useMemo(() => {
     if (!config) return null;
     return {
@@ -2467,7 +2423,13 @@ function useEventRegistrationStripeReturn(options) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationSubmit.ts
+var eventRegistrationSubmitDeps = {
+  savePendingRegistration
+};
 function useEventRegistrationSubmit(options) {
+  return useEventRegistrationSubmitWithDeps(options, eventRegistrationSubmitDeps);
+}
+function useEventRegistrationSubmitWithDeps(options, deps) {
   return async (method, passId, membershipId, selection, submitOptions) => {
     const submitOccurrenceId = options.registrationTarget?.occurrenceId;
     if (!submitOccurrenceId) {
@@ -2556,7 +2518,7 @@ function useEventRegistrationSubmit(options) {
         }
         const siteId = options.api.config.siteId;
         if (siteId && submitOccurrenceId) {
-          savePendingRegistration(siteId, submitOccurrenceId, {
+          deps.savePendingRegistration(siteId, submitOccurrenceId, {
             attendeeId: result.attendeeId,
             formData: options.formData,
             ticketSelections,
@@ -2612,6 +2574,15 @@ function useEventRegistrationSubmit(options) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationWizard.ts
+var eventRegistrationWizardDeps = {
+  usePortalAuth,
+  useEligibility,
+  useExistingEventRegistration,
+  useWaitlistClaim,
+  useEventRegistrationStripeReturn,
+  useEventRegistrationSubmit,
+  useDiscountCodeUi
+};
 function parseCurrencyInputToCents(value) {
   const trimmed = value.trim();
   if (!trimmed) return null;
@@ -2642,6 +2613,9 @@ function getSlidingScaleSelectionMessage(input) {
   return null;
 }
 function useEventRegistrationWizard(options) {
+  return useEventRegistrationWizardWithDeps(options, eventRegistrationWizardDeps);
+}
+function useEventRegistrationWizardWithDeps(options, deps) {
   const api = useBlockApi();
   const registrationEvents = useMemo(
     () => toRegistrationEvents(options.events ?? []),
@@ -2691,8 +2665,8 @@ function useEventRegistrationWizard(options) {
   const [registrationResult, setRegistrationResult] = useState(null);
   const [errorMessage, setErrorMessage] = useState("");
   const [altchaSolution, setAltchaSolution] = useState(null);
-  const { authState: portalAuthState, profile: portalProfile } = usePortalAuth();
-  const waitlistClaim = useWaitlistClaim();
+  const { authState: portalAuthState, profile: portalProfile } = deps.usePortalAuth();
+  const waitlistClaim = deps.useWaitlistClaim();
   const [showMagicLinkModal, setShowMagicLinkModal] = useState(false);
   const [pendingAttendeeId, setPendingAttendeeId] = useState(null);
   const [paymentStepState, setPaymentStepState] = useState({
@@ -2757,7 +2731,7 @@ function useEventRegistrationWizard(options) {
     if (flowState.ticketsCount === ticketsCount) return;
     dispatchFlow({ type: "set-tickets-count", ticketsCount });
   }, [flowState.ticketsCount, ticketsCount]);
-  const eligibilityResult = useEligibility({
+  const eligibilityResult = deps.useEligibility({
     enabled: portalAuthState === "authenticated" || step === "enter-details" || step === "select-payment",
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
@@ -2765,7 +2739,7 @@ function useEventRegistrationWizard(options) {
     selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
     email: formData.email
   });
-  const existingRegistrationResult = useExistingEventRegistration({
+  const existingRegistrationResult = deps.useExistingEventRegistration({
     isAuthenticated: portalAuthState === "authenticated",
     occurrenceId
   });
@@ -2859,7 +2833,7 @@ function useEventRegistrationWizard(options) {
   useEffect(() => {
     dispatchFlow({ type: "eligibility-updated", eligibility });
   }, [eligibility]);
-  const verification = useEventRegistrationStripeReturn({
+  const verification = deps.useEventRegistrationStripeReturn({
     api,
     events: registrationEvents,
     occurrenceId,
@@ -3123,10 +3097,10 @@ function useEventRegistrationWizard(options) {
     if (discountContext?.type !== "event") return void 0;
     return ticketSelectionSubtotalCents;
   }, [discountContext, ticketSelectionSubtotalCents]);
-  const discountUi = useDiscountCodeUi({ api, discountContext, subtotalCents: discountSubtotalCents });
+  const discountUi = deps.useDiscountCodeUi({ api, discountContext, subtotalCents: discountSubtotalCents });
   const selectionMethod = paymentSelection.method;
   const shouldShowDiscountToggle = discountContext !== null && discountUi.manualCodeEntryAllowed && (selectionMethod === "stripe" || selectionMethod === "pass_bundle" || selectionMethod === "membership_bundle");
-  const handleSubmit = useEventRegistrationSubmit({
+  const handleSubmit = deps.useEventRegistrationSubmit({
     api,
     registrationTarget,
     selectedAttendanceMode,
@@ -3446,7 +3420,7 @@ function EventRegistrationWizard(props) {
     description: wizard.waitlistClaim.loginMessage ?? "Log in to continue with your waitlist claim."
   } : EVENT_PORTAL_AUTH_COPY.membership;
   const showPortalAuthPrompt = waitlistClaimRequiresPortalLogin || wizard.step === "select-tickets" && wizard.portalAuthState !== "authenticated" && wizard.portalAuthState !== "checking" && hasPassOrMembershipProducts && summaryEventPricingType !== "free";
-  const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsxs("div", { className: `er-container${variant === "overlay" ? " er-container--overlay" : ""}`, children: [
+  const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsxs("div", { className: `rb-reg-surface er-container${variant === "overlay" ? " er-container--overlay" : ""}`, children: [
     isWizardStep && /* @__PURE__ */ jsxs("div", { className: "er-payment-layout er-payment-layout--no-sidebar", children: [
       /* @__PURE__ */ jsxs("div", { className: "er-payment-layout-main", children: [
         totalSteps > 1 && /* @__PURE__ */ jsx(StepIndicator2, { currentStep: currentStepNumber, totalSteps, stepLabels }),

package/dist/client/{chunk-PCHACQEB.mjs → chunk-IIUIKJ4K.mjs}

@@ -307,6 +307,13 @@ function assertNever3(value) {
 // ../core/src/booking-date-time.ts
 var DEFAULT_LOCALE = "en-US";
 var FALLBACK_TIMEZONE = "UTC";
+var DEFAULT_BOOKING_DATE_TIME_FORMAT = {
+  weekday: "short",
+  month: "short",
+  day: "numeric",
+  hour: "numeric",
+  minute: "2-digit"
+};
 var LOCAL_DATE_PATTERN = /^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/u;
 function isValidTimeZone(timeZone) {
   try {
@@ -509,13 +516,14 @@ function formatBookingTime(input, format = {
     format
   });
 }
-function formatBookingDateTime(input, format = {
-  weekday: "short",
-  month: "short",
-  day: "numeric",
-  hour: "numeric",
-  minute: "2-digit"
-}) {
+function formatBookingDateTime(input, format = DEFAULT_BOOKING_DATE_TIME_FORMAT) {
+  if (format === DEFAULT_BOOKING_DATE_TIME_FORMAT) {
+    return `${formatBookingDate(input, {
+      weekday: "short",
+      month: "short",
+      day: "numeric"
+    })}, ${formatBookingTime(input)}`;
+  }
   return formatBookingInstant(input.startsAt, {
     locale: input.locale,
     timeZone: input.timeZone,

package/dist/client/{chunk-TNGL2WJF.mjs → chunk-IOAHWAQG.mjs}

@@ -119,6 +119,10 @@ var BOOKINGS = {
     path: "/public/bookings/availability/slots",
     method: "GET"
   },
+  getWeeklySlotAvailability: {
+    path: "/public/bookings/weekly-slot-availability",
+    method: "GET"
+  },
   getAvailableDates: {
     path: "/public/bookings/availability/dates",
     method: "GET"
@@ -661,6 +665,18 @@ function createBlockApi(config) {
         }
       });
     },
+    async getWeeklySlotAvailability(params) {
+      const sid = requireSiteId();
+      return request(BOOKINGS.getWeeklySlotAvailability, {
+        query: {
+          siteId: sid,
+          serviceId: params.serviceId,
+          resourceId: params.resourceId,
+          horizonWeeks: params.horizonWeeks,
+          timezone: params.timezone
+        }
+      });
+    },
     async getAvailableDates(params) {
       const sid = requireSiteId();
       return request(BOOKINGS.getAvailableDates, {
@@ -1185,6 +1201,7 @@ function FeedbackMessage({
   tone,
   children,
   className,
+  id,
   title,
   titleClassName,
   bodyClassName,
@@ -1196,6 +1213,7 @@ function FeedbackMessage({
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      id,
       className,
       "data-feedback-tone": tone,
       role,

package/dist/client/{chunk-6H27K6AA.mjs → chunk-JTKBF3W2.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { useBlockApi } from './chunk-TNGL2WJF.mjs';
-import { themeButtonClassName, assertNever } from './chunk-GWCRCJLB.mjs';
-import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-PCHACQEB.mjs';
+import { useBlockApi } from './chunk-IOAHWAQG.mjs';
+import { themeButtonClassName, assertNever } from './chunk-CYJ3MUFP.mjs';
+import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-IIUIKJ4K.mjs';
 import { useState, useReducer, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -373,6 +373,9 @@ function getWaitlistClaimTokenFromUrl() {
   const token = new URLSearchParams(window.location.search).get("waitlist_claim")?.trim() ?? "";
   return token.length > 0 ? token : null;
 }
+var useWaitlistClaimDeps = {
+  useBlockApi
+};
 function subscribeToWaitlistClaimToken(callback) {
   if (typeof window === "undefined") {
     return () => {
@@ -388,7 +391,10 @@ function getWaitlistClaimTokenSnapshot() {
   return getWaitlistClaimTokenFromUrl();
 }
 function useWaitlistClaim() {
-  const api = useBlockApi();
+  return useWaitlistClaimWithDeps(useWaitlistClaimDeps);
+}
+function useWaitlistClaimWithDeps(deps) {
+  const api = deps.useBlockApi();
   const token = useSyncExternalStore(
     subscribeToWaitlistClaimToken,
     getWaitlistClaimTokenSnapshot,

package/dist/client/{chunk-OLAOAZEO.mjs → chunk-K7KTSACR.mjs}

@@ -1,4 +1,4 @@
-import { clsx_default } from './chunk-PCHACQEB.mjs';
+import { clsx_default } from './chunk-IIUIKJ4K.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function resolveColorStyle(color) {

package/dist/client/{chunk-BFCJZODD.mjs → chunk-R32M5HFS.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-H7A6PUGM.mjs';
-import { CarouselNodeClient } from './chunk-JNE6UI6U.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-ZU65LTI3.mjs';
+import { CarouselNodeClient } from './chunk-H3H3ODO7.mjs';
 import { buildRouteIslandApiConfig } from './chunk-L4J5Y62O.mjs';
-import { useDiscountCodeUi, createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-A3YN7M3G.mjs';
+import { useDiscountCodeUi, createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-CLZ7NBSP.mjs';
 import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-WBQG7VJA.mjs';
-import { useBlockApi, FeedbackMessage, BlockApiProvider, discountAvailabilityHasDiscounts, discountAvailabilityAllowsManualEntry, getAutoAppliedDiscountPreview } from './chunk-TNGL2WJF.mjs';
+import { useBlockApi, FeedbackMessage, BlockApiProvider, discountAvailabilityHasDiscounts, discountAvailabilityAllowsManualEntry, getAutoAppliedDiscountPreview } from './chunk-IOAHWAQG.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever as assertNever$1, reportWorkflowError, clearWorkflowFeedback, unwrapRichTextRoot, createRichTextDocFromMarkdown, isRecord } from './chunk-GWCRCJLB.mjs';
-import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-PCHACQEB.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever as assertNever$1, reportWorkflowError, clearWorkflowFeedback, unwrapRichTextRoot, createRichTextDocFromMarkdown, isRecord } from './chunk-CYJ3MUFP.mjs';
+import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-IIUIKJ4K.mjs';
 import * as React3 from 'react';
 import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/client/{chunk-VJROUYOQ.mjs → chunk-WEVT46PX.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { formatPrice } from './chunk-A3YN7M3G.mjs';
-import { assertNever } from './chunk-GWCRCJLB.mjs';
-import { resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows } from './chunk-PCHACQEB.mjs';
+import { formatPrice } from './chunk-CLZ7NBSP.mjs';
+import { assertNever } from './chunk-CYJ3MUFP.mjs';
+import { resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows } from './chunk-IIUIKJ4K.mjs';
 import { useReducer, useRef, useCallback, useEffect } from 'react';
 
 // ../blocks/src/system/runtime/shared/bookingPaymentOptionCopy.ts

package/dist/client/{chunk-H7A6PUGM.mjs → chunk-ZU65LTI3.mjs}

@@ -1,4 +1,4 @@
-import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-GWCRCJLB.mjs';
+import { EMPTY_COMMERCE_CART_STATE, parseStoredCommerceCartState, reduceCommerceCart, buildPassCartItem } from './chunk-CYJ3MUFP.mjs';
 import * as React from 'react';
 
 var EMPTY_STATE = EMPTY_COMMERCE_CART_STATE;