@riverbankcms/sdk 0.85.0 → 0.88.0

package/dist/client/{accordion-2UZPBMYM.mjs → accordion-PT5CGW5N.mjs}

@@ -1,5 +1,5 @@
-import { defineIslandPropsDecoder } from './chunk-VGDBVNOO.mjs';
-import './chunk-ZE5G642V.mjs';
+import { defineIslandPropsDecoder } from './chunk-DIRW2LNG.mjs';
+import './chunk-LI2C6M5O.mjs';
 
 // src/rendering/islands/enhancers/accordion.ts
 var decode = defineIslandPropsDecoder("accordion");

package/dist/client/{bookingForm-36CWQUMV.mjs → bookingForm-2HLRTEYS.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import { usePolling } from './chunk-ZKUO52W3.mjs';
-import { SpinnerNode } from './chunk-SYIJ5JO2.mjs';
+import { usePolling } from './chunk-H4MHEXYS.mjs';
+import { SpinnerNode } from './chunk-6DVPO44G.mjs';
 import { useDiscountCodeUi } from './chunk-ZFHRN6W2.mjs';
 import { buildRouteIslandApiConfig } from './chunk-L4J5Y62O.mjs';
-import { scrollToBlock, buildCheckoutReturnUrls, DiscountCodeDisclosure, formatPrice } from './chunk-7UCLJ5SP.mjs';
+import { scrollToBlock, buildCheckoutReturnUrls, DiscountCodeDisclosure, formatPrice } from './chunk-X7GVFB7Y.mjs';
 import { FieldValidationMessage, getFieldValidationControlProps } from './chunk-3DCJ45Z2.mjs';
-import './chunk-DVNUDUVT.mjs';
+import './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, getChallengeUrl, AltchaWidget } from './chunk-SDIYSQAY.mjs';
-import { BlockApiProvider, useBlockApi, FeedbackMessage } from './chunk-UDNSI5PY.mjs';
+import { BlockApiProvider, useBlockApi, FeedbackMessage } from './chunk-GOFO7HRH.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder, resolveBookingSiteId, resolveDefaultBookingServiceId, getBookingRedirectStateFromLocation, deriveBookingFormViewState, logger, getBookingSuccessMessage, resolveAppointmentCheckoutVerificationState, themeButtonClassName, toSelectedCollectionOptionKind, assertNever11, prepareBookingSubmission, formatBookingSubmissionPreparationError, resolveBookingPaymentStep, BOOKING_FORM_DATA_RESERVED_KEYS, clearWorkflowFeedback, reportWorkflowError, reportWorkflowSuccess, okWith2, err2 } from './chunk-VGDBVNOO.mjs';
-import { resolveBookingTimeZoneId, DEFAULT_BOOKING_TIME_ZONE, unsafeAsFormId, unsafeAsAppointmentResourceId, unsafeAsCustomerPassId, unsafeAsAppointmentServiceId, formatLocalScheduleDate, addLocalScheduleDays, parseBookingLocalDate, resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, unsafeAsPassId, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows, formatBookingInstant } from './chunk-ZE5G642V.mjs';
+import { defineIslandPropsDecoder, resolveBookingSiteId, resolveDefaultBookingServiceId, getBookingRedirectStateFromLocation, deriveBookingFormViewState, logger, getBookingSuccessMessage, resolveAppointmentCheckoutVerificationState, themeButtonClassName, toSelectedCollectionOptionKind, assertNever11, prepareBookingSubmission, formatBookingSubmissionPreparationError, resolveBookingPaymentStep, BOOKING_FORM_DATA_RESERVED_KEYS, clearWorkflowFeedback, reportWorkflowError, reportWorkflowSuccess, okWith2, err2 } from './chunk-DIRW2LNG.mjs';
+import { resolveBookingTimeZoneId, DEFAULT_BOOKING_TIME_ZONE, unsafeAsFormId, unsafeAsAppointmentResourceId, unsafeAsCustomerPassId, unsafeAsAppointmentServiceId, formatLocalScheduleDate, addLocalScheduleDays, parseBookingLocalDate, resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, unsafeAsPassId, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows, formatBookingInstant } from './chunk-LI2C6M5O.mjs';
 import React2, { useRef, useState, useMemo, useReducer, useEffect, useCallback, useLayoutEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/client/bookings.mjs

@@ -3682,9 +3682,8 @@ function createBlockApi(config) {
           name: data.name,
           company: data.company,
           phone: data.phone,
-          listId: data.listId,
+          target: data.target,
           tags: data.tags,
-          blockId: data.blockId,
           meta: data.meta
         }
       });
@@ -5225,6 +5224,43 @@ function subtractDaysFromIso(isoString, dayCount) {
   return addDaysToIso(isoString, -dayCount);
 }
 
+// ../core/src/currency-format.ts
+var CURRENCY_LOCALE_BY_CODE = {
+  USD: "en-US",
+  GBP: "en-GB",
+  EUR: "de-DE",
+  AUD: "en-AU",
+  CAD: "en-CA",
+  NZD: "en-NZ",
+  JPY: "ja-JP",
+  CNY: "zh-CN",
+  CHF: "de-CH"
+};
+function resolveCurrencyLocale(currencyCode, override) {
+  return override ?? CURRENCY_LOCALE_BY_CODE[currencyCode] ?? "en";
+}
+function formatCurrencyAmount(amountCents, currency, options) {
+  const currencyCode = currency.toUpperCase();
+  const locale = resolveCurrencyLocale(currencyCode, options?.locale);
+  try {
+    const exactFormatter = new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode
+    });
+    const fractionDigits = options?.decimals === "auto" ? {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: exactFormatter.resolvedOptions().maximumFractionDigits
+    } : {};
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode,
+      ...fractionDigits
+    }).format(amountCents / 100);
+  } catch {
+    return `${(amountCents / 100).toFixed(2)} ${currencyCode}`;
+  }
+}
+
 // ../core/src/event-pricing.ts
 function publicEventPricingType(pricing) {
   switch (pricing.kind) {
@@ -5263,6 +5299,7 @@ function isFreePublicEventPriceDisplay(display) {
       return display.display.kind === "free";
     case "exact":
     case "from":
+    case "range":
     case "mixed":
     case "unavailable":
       return false;
@@ -6482,10 +6519,21 @@ function readLegacyPriceDisplay(value, currency) {
         amount: readAmount(value.amount) ?? 0,
         currency: displayCurrency
       } : { kind: "unavailable", currency };
+    case "range": {
+      const minAmount = readAmount(value.minAmount);
+      const maxAmount = readAmount(value.maxAmount);
+      return minAmount !== null && maxAmount !== null ? {
+        kind: "range",
+        minAmount,
+        maxAmount,
+        currency: displayCurrency
+      } : { kind: "unavailable", currency };
+    }
     case "mixed":
       return readAmount(value.paidFromAmount) !== null ? {
         kind: "mixed",
         paidFromAmount: readAmount(value.paidFromAmount) ?? 0,
+        paidToAmount: readAmount(value.paidToAmount) ?? readAmount(value.paidFromAmount) ?? 0,
         currency: displayCurrency
       } : { kind: "unavailable", currency };
     case "unavailable":
@@ -12537,10 +12585,7 @@ var DEFAULT_CURRENCY = "GBP";
 
 // ../blocks/src/system/runtime/shared/utils/formatting.ts
 function formatPrice(cents, currency = DEFAULT_CURRENCY, locale) {
-  return new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: currency.toUpperCase()
-  }).format(cents / 100);
+  return formatCurrencyAmount(cents, currency, { locale });
 }
 
 // ../blocks/src/system/runtime/shared/bookingPaymentOptions.ts

package/dist/client/{carousel-QH77HR6X.mjs → carousel-Z2LKYSWA.mjs}

@@ -1,7 +1,7 @@
-import { normalizeCarouselProps, CarouselNodeClient } from './chunk-4OXKTA3D.mjs';
+import { normalizeCarouselProps, CarouselNodeClient } from './chunk-O5JNI3E4.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-VGDBVNOO.mjs';
-import './chunk-ZE5G642V.mjs';
+import { defineIslandPropsDecoder } from './chunk-DIRW2LNG.mjs';
+import './chunk-LI2C6M5O.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var decode = defineIslandPropsDecoder("carousel");

package/dist/client/cart-ND5IK4A6.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, CartClient } from './chunk-BL66UWGD.mjs';
+import './chunk-WCVK4MBJ.mjs';
+import './chunk-O5JNI3E4.mjs';
+import './chunk-ZFHRN6W2.mjs';
+import './chunk-L4J5Y62O.mjs';
+import './chunk-X7GVFB7Y.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-WBQG7VJA.mjs';
+import './chunk-GOFO7HRH.mjs';
+import './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder } from './chunk-DIRW2LNG.mjs';
+import './chunk-LI2C6M5O.mjs';
+
+// src/rendering/islands/enhancers/cart.tsx
+var decode = defineIslandPropsDecoder("cart");
+var enhance = (root, props) => mountShopBlockIsland(root, props, CartClient, "cart");
+
+export { decode, enhance };

package/dist/client/checkout-EYUSGAY7.mjs

@@ -0,0 +1,18 @@
+import { mountShopBlockIsland, CheckoutClient } from './chunk-BL66UWGD.mjs';
+import './chunk-WCVK4MBJ.mjs';
+import './chunk-O5JNI3E4.mjs';
+import './chunk-ZFHRN6W2.mjs';
+import './chunk-L4J5Y62O.mjs';
+import './chunk-X7GVFB7Y.mjs';
+import './chunk-3DCJ45Z2.mjs';
+import './chunk-WBQG7VJA.mjs';
+import './chunk-GOFO7HRH.mjs';
+import './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder } from './chunk-DIRW2LNG.mjs';
+import './chunk-LI2C6M5O.mjs';
+
+// src/rendering/islands/enhancers/checkout.tsx
+var decode = defineIslandPropsDecoder("checkout");
+var enhance = (root, props) => mountShopBlockIsland(root, props, CheckoutClient, "checkout");
+
+export { decode, enhance };

package/dist/client/{chunk-SYIJ5JO2.mjs → chunk-6DVPO44G.mjs}

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

package/dist/client/{chunk-3C2VTPWI.mjs → chunk-BAWHZ5GM.mjs}

@@ -1,17 +1,18 @@
 "use client";
-import { LeafletStaticMap } from './chunk-XSV6KW4D.mjs';
-import { MagicLinkForm, useWaitlistClaim } from './chunk-3DTWLTXM.mjs';
-import { usePolling } from './chunk-ZKUO52W3.mjs';
-import { SpinnerNode } from './chunk-SYIJ5JO2.mjs';
+import { LeafletStaticMap } from './chunk-S4G65LGR.mjs';
+import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-MHBEWDT7.mjs';
+import { usePolling } from './chunk-H4MHEXYS.mjs';
+import { SpinnerNode } from './chunk-6DVPO44G.mjs';
 import { useDiscountCodeUi } from './chunk-ZFHRN6W2.mjs';
-import { createBodyThemePortalRoot, TabBarFragment, logoutPortal, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, consumeSearchParam, LoggedInAsUser, CheckIcon } from './chunk-7UCLJ5SP.mjs';
+import { createBodyThemePortalRoot, TabBarFragment, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-X7GVFB7Y.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
-import { ModalShell } from './chunk-DVNUDUVT.mjs';
+import { ModalShell } from './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-SDIYSQAY.mjs';
-import { useBlockApi, FeedbackMessage } from './chunk-UDNSI5PY.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, resolveCoursePricingState, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, DateTimeTile, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext, formatCoursePriceAmount, formatCoursePriceDisplay, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, CreditCard, Ticket, Star, Sparkles, assertNever11 } from './chunk-VGDBVNOO.mjs';
-import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatBookingDate, formatBookingTime } from './chunk-ZE5G642V.mjs';
+import { useBlockApi, FeedbackMessage } from './chunk-GOFO7HRH.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, DateTimeTile, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, assertNever11, CreditCard, Ticket, Star, Sparkles } from './chunk-DIRW2LNG.mjs';
+import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-LI2C6M5O.mjs';
 import React9, { createContext, useId, useMemo, useState, useRef, useEffect, useCallback, useContext, useReducer } from 'react';
+import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function StepIndicator2(props) {
@@ -2744,6 +2745,12 @@ function EventPortalAuthPrompt(props) {
     /* @__PURE__ */ jsx("button", { type: "button", className: "er-portal-auth-link", onClick: props.onRequestLogin, children: props.copy.buttonText })
   ] });
 }
+function getActiveTicketTypes(event) {
+  return event?.pricing.kind === "ticket_types" ? event.pricing.ticketTypes.filter((ticketType) => ticketType.isActive).sort((left, right) => left.sortOrder - right.sortOrder) : [];
+}
+function formatTicketTypePrice(ticketType, currency) {
+  return formatCurrencyAmount(ticketType.priceAmount, currency, { decimals: "auto" });
+}
 function EventRegistrationWizard(props) {
   const {
     occurrenceContext,
@@ -2763,6 +2770,8 @@ function EventRegistrationWizard(props) {
   const maxTicketsNum = normalizeEventRegistrationMaxTickets(maxTickets);
   const showSpamProtection = spamProtectionEnabled ?? isSpamProtectionEnabled();
   const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
+  const registrationRootClassName = `event-registration ${className || ""}`;
+  const registrationRootRef = React9.useRef(null);
   const wizard = useEventRegistrationWizard({
     anchorId: EVENT_REGISTRATION_ANCHOR_ID,
     occurrenceContext: occurrenceContext ?? null,
@@ -2770,13 +2779,44 @@ function EventRegistrationWizard(props) {
     events: events ?? [],
     maxTicketsNum
   });
+  const [bookingOverlayOpen, setBookingOverlayOpen] = useState(false);
+  const [floatingPortalRoot, setFloatingPortalRoot] = useState(null);
+  useEffect(() => {
+    const sourceEl = registrationRootRef.current;
+    if (!sourceEl) return;
+    const portal = createBodyThemePortalRoot(sourceEl);
+    if (!portal) return;
+    setFloatingPortalRoot(portal.root);
+    return () => {
+      setFloatingPortalRoot(null);
+      portal.cleanup();
+    };
+  }, []);
   if (wizard.scopedEvents.length === 0 && !wizard.occurrenceContext) {
-    return /* @__PURE__ */ jsx("div", { id: EVENT_REGISTRATION_ANCHOR_ID, className: `event-registration ${className || ""}`, "data-block": "event-registration", children: /* @__PURE__ */ jsx("div", { className: "er-empty", children: /* @__PURE__ */ jsx("p", { className: "er-empty__text", children: "No events available for registration." }) }) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: registrationRootRef,
+        id: EVENT_REGISTRATION_ANCHOR_ID,
+        className: registrationRootClassName,
+        "data-block": "event-registration",
+        children: /* @__PURE__ */ jsx("div", { className: "er-empty", children: /* @__PURE__ */ jsx("p", { className: "er-empty__text", children: "No events available for registration." }) })
+      }
+    );
   }
   const allowedStatuses = getRegistrableStatuses(wizard.api.config.isPreview);
   const hasRegistrableEvents = wizard.scopedEvents.some((event) => !event.status || allowedStatuses.includes(event.status));
   if (!hasRegistrableEvents && !wizard.occurrenceContext) {
-    return /* @__PURE__ */ jsx("div", { id: EVENT_REGISTRATION_ANCHOR_ID, className: `event-registration ${className || ""}`, "data-block": "event-registration", children: /* @__PURE__ */ jsx("div", { className: "er-empty", children: /* @__PURE__ */ jsx("p", { className: "er-empty__text", children: "Registration is not currently available for this event." }) }) });
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: registrationRootRef,
+        id: EVENT_REGISTRATION_ANCHOR_ID,
+        className: registrationRootClassName,
+        "data-block": "event-registration",
+        children: /* @__PURE__ */ jsx("div", { className: "er-empty", children: /* @__PURE__ */ jsx("p", { className: "er-empty__text", children: "Registration is not currently available for this event." }) })
+      }
+    );
   }
   const isWizardStep = WIZARD_STEPS.includes(wizard.step);
   const activeWizardSteps = useMemo(
@@ -2818,13 +2858,15 @@ function EventRegistrationWizard(props) {
   const currentStepNumber = getStepNumber(wizard.step, activeWizardSteps);
   const summaryEvent = wizard.selectedEvent ?? wizard.preSelectedEvent;
   const summaryEventPricingType = summaryEvent ? publicEventPricingType(summaryEvent.pricing) : "free";
+  const summaryPriceLabel = summaryEvent ? formatEventPriceDisplay(summaryEvent.pricing) : null;
+  const summaryAvailabilityLabel = summaryEvent?.availableSpots === null || summaryEvent?.availableSpots === void 0 ? null : summaryEvent.availableSpots > 0 ? `${summaryEvent.availableSpots} spots left` : summaryEvent.waitlistEnabled ? "Waitlist available" : "Fully booked";
   const waitlistClaimRequiresPortalLogin = wizard.waitlistClaim.requiresPortalLogin && wizard.portalAuthState !== "authenticated" && wizard.portalAuthState !== "checking";
   const portalAuthCopy = waitlistClaimRequiresPortalLogin ? {
     ...EVENT_PORTAL_AUTH_COPY["waitlist-claim"],
     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" && summaryEventPricingType !== "free";
-  return /* @__PURE__ */ jsx("div", { id: EVENT_REGISTRATION_ANCHOR_ID, className: `event-registration ${className || ""}`, "data-block": "event-registration", children: /* @__PURE__ */ jsxs("div", { className: "er-container", children: [
+  const renderRegistrationSurface = (variant) => /* @__PURE__ */ jsxs("div", { className: `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 }),
@@ -2892,7 +2934,100 @@ function EventRegistrationWizard(props) {
       }
     ),
     wizard.step === "error" && /* @__PURE__ */ jsx(ErrorStep, { message: wizard.errorMessage, onRetry: wizard.handleRetry })
-  ] }) });
+  ] });
+  const isEmbedded = (className ?? "").includes("event-registration--embedded");
+  const overlayEnabled = props.overlayEnabled === true;
+  if (isEmbedded || !overlayEnabled) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: registrationRootRef,
+        id: EVENT_REGISTRATION_ANCHOR_ID,
+        className: registrationRootClassName,
+        "data-block": "event-registration",
+        children: renderRegistrationSurface("inline")
+      }
+    );
+  }
+  const bookingSummaryMeta = [summaryPriceLabel, summaryAvailabilityLabel].filter(Boolean).join(" \xB7 ");
+  const bookingTicketTypes = getActiveTicketTypes(summaryEvent);
+  const bookingTicketTypesCurrency = summaryEvent?.pricing.kind === "ticket_types" ? summaryEvent.pricing.currency : null;
+  const renderBookingEntry = (base) => /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: `${base}__info`, children: [
+      /* @__PURE__ */ jsx("span", { className: `${base}__title`, children: "Book this event" }),
+      bookingSummaryMeta && /* @__PURE__ */ jsx("span", { className: `${base}__meta`, children: bookingSummaryMeta }),
+      base === "er-booking-teaser" && bookingTicketTypesCurrency && bookingTicketTypes.length > 0 ? /* @__PURE__ */ jsx("div", { className: "er-booking-teaser__tickets", children: bookingTicketTypes.map((ticketType) => /* @__PURE__ */ jsxs("div", { className: "er-booking-teaser__ticket", children: [
+        /* @__PURE__ */ jsx("span", { className: "er-booking-teaser__ticket-name", children: ticketType.name }),
+        /* @__PURE__ */ jsx("strong", { children: formatTicketTypePrice(ticketType, bookingTicketTypesCurrency) })
+      ] }, ticketType.id)) }) : null
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: `${base}__cta ${buttonClass}`,
+        onClick: () => setBookingOverlayOpen(true),
+        children: "Book now"
+      }
+    )
+  ] });
+  const floatingBookingUi = !bookingOverlayOpen && isWizardStep ? /* @__PURE__ */ jsx("div", { className: "er-booking-bar", children: /* @__PURE__ */ jsx("div", { className: "er-booking-bar__inner", children: renderBookingEntry("er-booking-bar") }) }) : null;
+  const floatingBookingLayer = floatingPortalRoot ? createPortal(
+    /* @__PURE__ */ jsx("div", { className: registrationRootClassName, "data-block": "event-registration", children: floatingBookingUi }),
+    floatingPortalRoot
+  ) : floatingBookingUi;
+  const bookingOverlayLayer = bookingOverlayOpen ? /* @__PURE__ */ jsx(
+    ModalShell,
+    {
+      title: "Book this event",
+      titleId: "event-registration-booking-title",
+      onClose: () => setBookingOverlayOpen(false),
+      portal: floatingPortalRoot != null,
+      portalRoot: floatingPortalRoot,
+      portalWrapperClassName: registrationRootClassName,
+      portalWrapperProps: { "data-block": "event-registration" },
+      overlayClassName: "er-booking-overlay",
+      modalClassName: "er-booking-overlay__panel",
+      renderHeader: ({ closeButtonRef, onClose, title, titleId }) => /* @__PURE__ */ jsxs("div", { className: "er-booking-overlay__header", children: [
+        /* @__PURE__ */ jsx("h2", { className: "er-booking-overlay__title", id: titleId, children: title }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: closeButtonRef,
+            type: "button",
+            className: "er-booking-overlay__close",
+            onClick: onClose,
+            "aria-label": "Close booking",
+            children: "\xD7"
+          }
+        )
+      ] }),
+      children: renderRegistrationSurface("overlay")
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: registrationRootRef,
+      id: EVENT_REGISTRATION_ANCHOR_ID,
+      className: registrationRootClassName,
+      "data-block": "event-registration",
+      children: [
+        isWizardStep ? (
+          // In-flow: a lightweight teaser at the block's position. The full wizard
+          // lives in the sheet, so there is only ever one form surface mounted.
+          /* @__PURE__ */ jsx("div", { className: "er-booking-teaser", children: renderBookingEntry("er-booking-teaser") })
+        ) : (
+          // Terminal states (success, error, payment verification on redirect
+          // return) render in the page where the visitor lands, unless the sheet is
+          // open and already showing them.
+          !bookingOverlayOpen && renderRegistrationSurface("inline")
+        ),
+        floatingBookingLayer,
+        bookingOverlayLayer
+      ]
+    }
+  );
 }
 function isPastOccurrence(startsAt) {
   if (!startsAt) return false;
@@ -3081,6 +3216,32 @@ function TeamMemberName({
 }) {
   return profilePath ? /* @__PURE__ */ jsx("a", { href: profilePath, className: "rb-hover-opacity-80", children: /* @__PURE__ */ jsx("strong", { children: name }) }) : /* @__PURE__ */ jsx("strong", { children: name });
 }
+function formatTicketTypePrice2(ticketType, currency) {
+  return formatCurrencyAmount(ticketType.priceAmount, currency, { decimals: "auto" });
+}
+function getActiveTicketTypes2(event) {
+  return event.pricing.kind === "ticket_types" ? event.pricing.ticketTypes.filter((ticketType) => ticketType.isActive).sort((left, right) => left.sortOrder - right.sortOrder) : [];
+}
+function TicketTypePriceList({
+  ticketTypes,
+  currency
+}) {
+  if (ticketTypes.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { className: "rb-mt-3 rb-flex rb-flex-col rb-gap-2", children: ticketTypes.map((ticketType) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "rb-flex rb-items-start rb-justify-between rb-gap-4",
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { children: ticketType.name }),
+          ticketType.description ? /* @__PURE__ */ jsx("p", { className: "rb-caption status-muted", children: ticketType.description }) : null
+        ] }),
+        /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: formatTicketTypePrice2(ticketType, currency) }) })
+      ]
+    },
+    ticketType.id
+  )) });
+}
 function EventDetailsView({
   selection,
   showVenue,
@@ -3115,6 +3276,7 @@ function EventDetailsView({
   const shouldShowCoursePricing = showCost && !isDropIn && coursePricing !== null;
   const shouldShowEventCost = showCost && isPaid && !isDropIn && coursePricing === null;
   const eventCostLabel = shouldShowEventCost ? formatEventPrice(selected) : null;
+  const ticketTypes = shouldShowEventCost ? getActiveTicketTypes2(selected) : [];
   const acceptedItems = [];
   if (showAcceptedPasses) {
     acceptedItems.push(...applicablePasses.map((p) => p.name));
@@ -3171,6 +3333,7 @@ function EventDetailsView({
           /* @__PURE__ */ jsx("div", { className: "rb-label rb-mb-2", children: "Cost" }),
           /* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx("strong", { children: eventCostLabel }) }),
           autoApplyDiscount ? /* @__PURE__ */ jsx("p", { className: "rb-caption rb-mt-1", children: formatAutoApplyDiscountLine(autoApplyDiscount, eventPricingCurrency) }) : null,
+          /* @__PURE__ */ jsx(TicketTypePriceList, { ticketTypes, currency: eventPricingCurrency }),
           hasAcceptedItems ? /* @__PURE__ */ jsxs("p", { className: "rb-caption rb-mt-1", children: [
             "You can also attend with: ",
             acceptedItems.join(", ")

package/dist/client/{chunk-52CGCQ7B.mjs → chunk-BL66UWGD.mjs}

@@ -1,19 +1,17 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-F5VRX5Y6.mjs';
-import { CarouselNodeClient } from './chunk-4OXKTA3D.mjs';
-import { isRecord } from './chunk-I2MMZO53.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-WCVK4MBJ.mjs';
+import { CarouselNodeClient } from './chunk-O5JNI3E4.mjs';
 import { useDiscountCodeUi } from './chunk-ZFHRN6W2.mjs';
 import { buildRouteIslandApiConfig } from './chunk-L4J5Y62O.mjs';
-import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-7UCLJ5SP.mjs';
-import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-DVNUDUVT.mjs';
-import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-UDNSI5PY.mjs';
+import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-X7GVFB7Y.mjs';
+import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-WBQG7VJA.mjs';
+import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-GOFO7HRH.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever11, reportWorkflowError, clearWorkflowFeedback } from './chunk-VGDBVNOO.mjs';
-import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-ZE5G642V.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever11, reportWorkflowError, clearWorkflowFeedback, unwrapRichTextRoot, createRichTextDocFromMarkdown, isRecord } from './chunk-DIRW2LNG.mjs';
+import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-LI2C6M5O.mjs';
 import * as React3 from 'react';
 import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { z } from 'zod';
 
 // ../blocks/src/primitives/content/utils/sanitizeHref.ts
 var SAFE_PROTOCOLS = /* @__PURE__ */ new Set(["http:", "https:", "mailto:", "tel:"]);
@@ -124,6 +122,8 @@ function renderDoc(node, key, imageResolveContext) {
       return /* @__PURE__ */ jsx("blockquote", { children }, key);
     case "horizontalRule":
       return /* @__PURE__ */ jsx("hr", {}, key);
+    case "hardBreak":
+      return /* @__PURE__ */ jsx("br", {}, key);
     case "image": {
       const attrs = node.attrs ?? {};
       const src = typeof attrs.src === "string" ? attrs.src.trim() : "";
@@ -166,82 +166,12 @@ function RichText({ as: Comp = "div", className, doc, path }) {
   const resolvedClassName = className?.trim() || DEFAULT_RICH_TEXT_CLASS;
   return /* @__PURE__ */ jsx(Comp, { className: resolvedClassName, ...dataAttributes, children: content });
 }
-var TipTapMarkSchema = z.object({
-  type: z.string(),
-  attrs: z.record(z.string(), z.unknown()).optional()
-});
-var TipTapNodeSchema = z.lazy(
-  () => z.object({
-    type: z.string(),
-    content: z.array(TipTapNodeSchema).optional(),
-    text: z.string().optional(),
-    attrs: z.record(z.string(), z.unknown()).optional(),
-    marks: z.array(TipTapMarkSchema).optional()
-  })
-);
-z.union([
-  // Canonical: TipTap document directly
-  TipTapNodeSchema,
-  // Legacy (read-tolerance only): wrapped in { doc: {...} }
-  z.object({
-    doc: TipTapNodeSchema
-  })
-]);
-z.object({
-  type: z.literal("doc"),
-  content: z.array(TipTapNodeSchema)
-});
-function unwrapRichTextRoot(value) {
-  if (!isRecord(value)) return value;
-  if (!("doc" in value)) return value;
-  const inner = value.doc;
-  if (isRecord(inner) && inner.type === "doc") return inner;
-  return value;
-}
 
 // ../blocks/src/system/runtime/nodes/richText-coerce.ts
-function parseInlineMarkdown(text) {
-  const out = [];
-  const pushText = (value, marks) => {
-    if (!value) return;
-    out.push(
-      marks && marks.length > 0 ? { type: "text", text: value, marks } : { type: "text", text: value }
-    );
-  };
-  let rest = text;
-  while (rest.length > 0) {
-    const start = rest.indexOf("**");
-    if (start === -1) {
-      pushText(rest);
-      break;
-    }
-    const end = rest.indexOf("**", start + 2);
-    if (end === -1) {
-      pushText(rest);
-      break;
-    }
-    pushText(rest.slice(0, start));
-    pushText(rest.slice(start + 2, end), [{ type: "bold" }]);
-    rest = rest.slice(end + 2);
-  }
-  return out;
-}
-function markdownToTipTapDoc(markdown) {
-  const normalized = markdown.replace(/\r\n/g, "\n").trim();
-  if (!normalized) return { type: "doc", content: [] };
-  const paragraphs = normalized.split(/\n{2,}/).map((p) => p.trim()).filter(Boolean);
-  return {
-    type: "doc",
-    content: paragraphs.map((p) => {
-      const inline = parseInlineMarkdown(p);
-      return inline.length > 0 ? { type: "paragraph", content: inline } : { type: "paragraph" };
-    })
-  };
-}
 function coerceRichTextDoc(value) {
   const raw = unwrapRichTextRoot(value);
   if (typeof raw === "string") {
-    return markdownToTipTapDoc(raw);
+    return createRichTextDocFromMarkdown(raw);
   }
   if (isRecord(raw) && typeof raw.type === "string") {
     return raw;