@riverbankcms/sdk 0.90.0 → 0.90.1

package/dist/client/rendering/client.mjs

@@ -3139,6 +3139,8 @@ function publicEventPricingType(pricing) {
     case "ticket_types":
     case "course":
       return isFreePublicEventPriceDisplay(pricing.display) ? "free" : "paid";
+    case "external":
+      return "external";
   }
 }
 function publicEventPricingCurrency(pricing) {
@@ -3150,6 +3152,8 @@ function publicEventPricingCurrency(pricing) {
       return pricing.currency;
     case "course":
       return pricing.display.display.currency;
+    case "external":
+      return null;
   }
 }
 function publicEventScalarPrice(pricing) {
@@ -3164,6 +3168,7 @@ function publicEventPricingMode(pricing) {
       return "ticket_types";
     case "drop_in":
     case "course":
+    case "external":
       return void 0;
   }
 }
@@ -3181,6 +3186,7 @@ function isFreePublicEventPriceDisplay(display) {
     case "range":
     case "mixed":
     case "unavailable":
+    case "external":
       return false;
   }
 }
@@ -3211,6 +3217,8 @@ function formatBookingPriceDisplay(display, options = {}) {
       return display.paidToAmount > display.paidFromAmount ? `Free / ${formatCurrencyAmount(display.paidFromAmount, display.currency, options)} - ${formatCurrencyAmount(display.paidToAmount, display.currency, options)}` : `Free / ${formatCurrencyAmount(display.paidFromAmount, display.currency, options)}`;
     case "unavailable":
       return "Pricing unavailable";
+    case "external":
+      return display.label;
     case "course":
       return formatCoursePriceDisplayLabel(display.display, options);
     default:
@@ -8268,11 +8276,45 @@ var init_shared = __esm({
   }
 });
 
+// ../blocks/src/system/runtime/nodes/events/shared/destination.ts
+function isRecord6(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isRuntimeEventDestination(value) {
+  if (!isRecord6(value) || typeof value.kind !== "string") return false;
+  if (value.kind === "native") {
+    return (value.mode === "cms-managed" || value.mode === "system-managed") && typeof value.path === "string";
+  }
+  return value.kind === "external" && typeof value.url === "string" && typeof value.label === "string";
+}
+function resolveRuntimeEventDestination(event) {
+  if (isRuntimeEventDestination(event.destination)) {
+    return event.destination;
+  }
+  return {
+    kind: "native",
+    mode: event.eventDestinationMode === "system-managed" ? "system-managed" : "cms-managed",
+    path: typeof event.path === "string" ? event.path : ""
+  };
+}
+var init_destination = __esm({
+  "../blocks/src/system/runtime/nodes/events/shared/destination.ts"() {
+    "use strict";
+  }
+});
+
 // ../blocks/src/system/runtime/nodes/events/shared/pricing.ts
 function resolveRuntimeEventPricing(event) {
   if (isPublicEventPricing(event.pricing)) {
     return event.pricing;
   }
+  const destination = resolveRuntimeEventDestination(event);
+  if (destination.kind === "external") {
+    return {
+      kind: "external",
+      display: { kind: "external", label: "External registration" }
+    };
+  }
   const legacy = event;
   const currency = readCurrency(legacy.currency);
   if (event.requiresRegistration === false) {
@@ -8309,22 +8351,22 @@ function resolveRuntimeEventPricing(event) {
 function readCurrency(value) {
   return typeof value === "string" && value.trim().length > 0 ? value : DEFAULT_EVENT_CURRENCY;
 }
-function isRecord6(value) {
+function isRecord7(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPublicEventPricing(value) {
-  if (!isRecord6(value) || typeof value.kind !== "string") return false;
-  return value.kind === "drop_in" || value.kind === "free_registration" || value.kind === "single_paid" || value.kind === "ticket_types" || value.kind === "course";
+  if (!isRecord7(value) || typeof value.kind !== "string") return false;
+  return value.kind === "drop_in" || value.kind === "free_registration" || value.kind === "single_paid" || value.kind === "ticket_types" || value.kind === "course" || value.kind === "external";
 }
 function isPublicEventTicketType(value) {
-  return isRecord6(value) && typeof value.id === "string";
+  return isRecord7(value) && typeof value.id === "string";
 }
 function readTicketTypePriceDisplay(value, currency) {
   const display = readLegacyPriceDisplay(value, currency);
-  return display.kind === "course" ? { kind: "unavailable", currency } : display;
+  return display.kind === "course" || display.kind === "external" ? { kind: "unavailable", currency } : display;
 }
 function readLegacyPriceDisplay(value, currency) {
-  if (!isRecord6(value) || typeof value.kind !== "string") {
+  if (!isRecord7(value) || typeof value.kind !== "string") {
     return { kind: "unavailable", currency };
   }
   const displayCurrency = readCurrency(value.currency);
@@ -8363,7 +8405,7 @@ function readLegacyPriceDisplay(value, currency) {
     case "unavailable":
       return { kind: "unavailable", currency: displayCurrency };
     case "course":
-      return isRecord6(value.display) ? {
+      return isRecord7(value.display) ? {
         kind: "course",
         display: readCoursePriceDisplay(value.display, displayCurrency)
       } : {
@@ -8401,6 +8443,7 @@ var DEFAULT_EVENT_CURRENCY;
 var init_pricing2 = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/pricing.ts"() {
     "use strict";
+    init_destination();
     DEFAULT_EVENT_CURRENCY = "USD";
   }
 });
@@ -9091,16 +9134,28 @@ function formatEventPrice(event) {
 function formatEventPriceDisplay(pricing) {
   return formatEventPricing(pricing, { decimals: "auto" });
 }
+function resolveEventHref(event) {
+  const destination = resolveRuntimeEventDestination(event);
+  return destination.kind === "external" ? destination.url : destination.path;
+}
+function resolveEventLinkProps(event) {
+  const href = resolveEventHref(event);
+  const destination = resolveRuntimeEventDestination(event);
+  return destination.kind === "external" ? { href, target: "_blank", rel: "noopener noreferrer" } : { href };
+}
 function resolveEventCta(event, buttonText) {
   const { isFull: isSoldOut } = getEventAvailability(event);
-  const defaultButtonText = event.kind === "course_session" ? "Book course" : "Book";
+  const destination = resolveRuntimeEventDestination(event);
+  const isExternal = destination.kind === "external";
+  const defaultButtonText = isExternal ? destination.label : event.kind === "course_session" ? "Book course" : "Book";
   const effectiveButtonText = buttonText ?? defaultButtonText;
-  if (isSoldOut) {
-    return { label: "Sold out", href: event.path, hidden: true };
+  const href = resolveEventHref(event);
+  if (!isExternal && isSoldOut) {
+    return { label: "Sold out", href, external: false, hidden: true };
   }
   const enrollmentOpen = event.kind === "course_session" ? event.course?.enrollmentOpen !== false : true;
   const label = !enrollmentOpen ? "Registration closed" : effectiveButtonText;
-  return { label, href: event.path, hidden: false };
+  return { label, href, external: isExternal, hidden: false };
 }
 var COLUMN_CLASSES;
 var init_utils = __esm({
@@ -9109,6 +9164,7 @@ var init_utils = __esm({
     init_src();
     init_src3();
     init_eventCapacity();
+    init_destination();
     init_pricing2();
     init_src3();
     init_src3();
@@ -9313,7 +9369,7 @@ function EventDetailsView({
         "a",
         {
           className: "rb-tile rb-tile--interactive",
-          href: e.path,
+          ...resolveEventLinkProps(e),
           children: /* @__PURE__ */ jsx25(
             DateTimeTile,
             {
@@ -10074,6 +10130,8 @@ var init_EventCard = __esm({
               "a",
               {
                 href: cta.href,
+                target: cta.external ? "_blank" : void 0,
+                rel: cta.external ? "noopener noreferrer" : void 0,
                 className: `${buttonClass} event-card-cta`,
                 children: cta.label
               }
@@ -10131,10 +10189,19 @@ var init_EventCompactRow = __esm({
               formattedTime,
               /* @__PURE__ */ jsx33("span", { className: "event-compact-row-action-price", children: price })
             ] }),
-            cta.hidden ? /* @__PURE__ */ jsx33("span", { className: "event-compact-row-status", children: cta.label }) : /* @__PURE__ */ jsxs19("a", { href: cta.href, className: `${buttonClass} event-compact-row-cta`, children: [
-              /* @__PURE__ */ jsx33("span", { children: cta.label }),
-              /* @__PURE__ */ jsx33(ArrowRightIcon, { "aria-hidden": "true" })
-            ] })
+            cta.hidden ? /* @__PURE__ */ jsx33("span", { className: "event-compact-row-status", children: cta.label }) : /* @__PURE__ */ jsxs19(
+              "a",
+              {
+                href: cta.href,
+                target: cta.external ? "_blank" : void 0,
+                rel: cta.external ? "noopener noreferrer" : void 0,
+                className: `${buttonClass} event-compact-row-cta`,
+                children: [
+                  /* @__PURE__ */ jsx33("span", { children: cta.label }),
+                  /* @__PURE__ */ jsx33(ArrowRightIcon, { "aria-hidden": "true" })
+                ]
+              }
+            )
           ] })
         ] })
       ] });
@@ -10184,7 +10251,7 @@ var init_shared2 = __esm({
 
 // ../blocks/src/system/blocks/events/shared/schemas.ts
 import { z as z14 } from "zod";
-var eventPresetSchema, eventScheduleScopeSchema, eventDestinationModeSchema, eventVenueSchema, eventCategorySchema, pricingTypeSchema, accessRestrictionSchema, eventPricingModeSchema, publicCoursePriceDisplaySchema, publicEventPriceDisplaySchema, publicEventTicketTypePriceDisplaySchema, publicEventAttendanceModeSchema, publicEventAttendanceModeAvailabilitySchema, publicEventTicketTypeAvailabilitySchema, publicEventTicketTypeSchema, publicEventPricingSchema, publicTeamMemberSummarySchema, publicEventSchema, publicEventsArraySchema;
+var eventPresetSchema, eventScheduleScopeSchema, eventDestinationModeSchema, publicEventDestinationSchema, eventVenueSchema, eventCategorySchema, pricingTypeSchema, accessRestrictionSchema, eventPricingModeSchema, publicCoursePriceDisplaySchema, publicEventPriceDisplaySchema, publicEventTicketTypePriceDisplaySchema, publicEventAttendanceModeSchema, publicEventAttendanceModeAvailabilitySchema, publicEventTicketTypeAvailabilitySchema, publicEventTicketTypeSchema, publicEventPricingSchema, publicTeamMemberSummarySchema, publicEventSchema, publicEventsArraySchema;
 var init_schemas2 = __esm({
   "../blocks/src/system/blocks/events/shared/schemas.ts"() {
     "use strict";
@@ -10195,6 +10262,18 @@ var init_schemas2 = __esm({
     eventPresetSchema = z14.enum(["event", "class", "workshop", "retreat", "performance"]);
     eventScheduleScopeSchema = z14.enum(["recurring", "oneOff"]);
     eventDestinationModeSchema = z14.enum(["cms-managed", "system-managed"]);
+    publicEventDestinationSchema = z14.discriminatedUnion("kind", [
+      z14.object({
+        kind: z14.literal("native"),
+        mode: eventDestinationModeSchema,
+        path: z14.string()
+      }),
+      z14.object({
+        kind: z14.literal("external"),
+        url: z14.string(),
+        label: z14.string()
+      })
+    ]);
     eventVenueSchema = z14.object({
       id: z14.string(),
       name: z14.string(),
@@ -10209,7 +10288,7 @@ var init_schemas2 = __esm({
       name: z14.string(),
       color: z14.string().nullable()
     });
-    pricingTypeSchema = z14.enum(["free", "paid"]);
+    pricingTypeSchema = z14.enum(["free", "paid", "external"]);
     accessRestrictionSchema = z14.enum(["none", "category"]);
     eventPricingModeSchema = z14.enum(["single", "ticket_types"]);
     publicCoursePriceDisplaySchema = z14.discriminatedUnion("kind", [
@@ -10230,6 +10309,7 @@ var init_schemas2 = __esm({
         currency: z14.string()
       }),
       z14.object({ kind: z14.literal("unavailable"), currency: z14.string() }),
+      z14.object({ kind: z14.literal("external"), label: z14.string() }),
       z14.object({ kind: z14.literal("course"), display: publicCoursePriceDisplaySchema })
     ]);
     publicEventTicketTypePriceDisplaySchema = z14.union([
@@ -10308,6 +10388,10 @@ var init_schemas2 = __esm({
       z14.object({
         kind: z14.literal("course"),
         display: z14.object({ kind: z14.literal("course"), display: publicCoursePriceDisplaySchema })
+      }),
+      z14.object({
+        kind: z14.literal("external"),
+        display: z14.object({ kind: z14.literal("external"), label: z14.string() })
       })
     ]);
     publicTeamMemberSummarySchema = z14.object({
@@ -10336,7 +10420,8 @@ var init_schemas2 = __esm({
         image: mediaSchema.nullable().optional()
       }).optional(),
       slug: z14.string(),
-      path: z14.string(),
+      path: z14.string().nullable(),
+      destination: publicEventDestinationSchema,
       requiresRegistration: z14.boolean(),
       deliveryMode: z14.enum(["in_person", "online", "hybrid"]),
       attendanceModes: z14.array(publicEventAttendanceModeAvailabilitySchema),
@@ -23184,7 +23269,7 @@ function resolveEventRequiresPayment(input) {
   if (!input.event) {
     return false;
   }
-  return publicEventPricingType(resolveRuntimeEventPricing(input.event)) !== "free";
+  return publicEventPricingType(resolveRuntimeEventPricing(input.event)) === "paid";
 }
 function resolveDiscountContext(input) {
   const selection = input.paymentSelection.method ? input.paymentSelection : null;
@@ -23316,15 +23401,16 @@ function buildEventRegistrationShellBodyText(stepLabels) {
   return "Preparing dates, tickets, and booking details.";
 }
 function normalizeEventRegistrationEventInput(value) {
-  if (!isRecord7(value)) {
+  if (!isRecord8(value)) {
     return value;
   }
   return {
     ...value,
+    destination: resolveRuntimeEventDestination(value),
     pricing: resolveRuntimeEventPricing(value)
   };
 }
-function isRecord7(value) {
+function isRecord8(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildEventRegistrationInteractiveIslandProps(props2) {
@@ -23350,6 +23436,7 @@ var init_event_registration_interactive = __esm({
     init_event_registration_shared();
     init_events();
     init_pricing2();
+    init_destination();
     init_islands();
     init_runtime();
     init_contract_schemas();
@@ -24562,7 +24649,7 @@ var init_AgendaEventCard = __esm({
       showCapacity,
       onClick
     }) => {
-      const eventUrl = event.path;
+      const eventLinkProps = resolveEventLinkProps(event);
       const categoryColor = event.eventCategory?.color || "rgb(var(--tb-accent))";
       const price = formatEventPrice(event);
       const { available, isFull } = getEventAvailability(event);
@@ -24623,7 +24710,7 @@ var init_AgendaEventCard = __esm({
           }
         );
       }
-      return /* @__PURE__ */ jsx46("a", { href: eventUrl, className: "event-agenda-card", children: cardContent });
+      return /* @__PURE__ */ jsx46("a", { ...eventLinkProps, className: "event-agenda-card", children: cardContent });
     };
   }
 });
@@ -28613,8 +28700,10 @@ function buildBookingPaymentOptionViewModel(input) {
         totalAmountCents: input.totalCents,
         config: input.option.config
       });
+      const remainingBalance = Math.max(0, input.totalCents - dueToday);
       const formattedTotal = formatPrice(input.totalCents, input.currency, input.locale);
       const formattedDueToday = formatPrice(dueToday, input.currency, input.locale);
+      const formattedRemainingBalance = formatPrice(remainingBalance, input.currency, input.locale);
       const dueAt = resolveFlexibleBalanceDueAt({
         bookingStartAt: input.bookingStartAt ?? (/* @__PURE__ */ new Date()).toISOString(),
         dueDateRule: input.option.config.dueDateRule
@@ -28631,6 +28720,7 @@ function buildBookingPaymentOptionViewModel(input) {
         summaryRows: [
           { label: "Total", value: formattedTotal },
           { label: "Due today", value: formattedDueToday },
+          { label: "Remaining balance", value: formattedRemainingBalance },
           { label: "Balance due by", value: formatScheduleDate(dueAt, input.locale) },
           {
             label: "Deposit policy",
@@ -34132,6 +34222,33 @@ function toEventDirectPaymentOption(option, mode) {
       );
   }
 }
+function resolveEventRegistrationDirectPaymentSelection(input) {
+  if (input.selection.method !== "stripe") {
+    return { kind: "not-stripe" };
+  }
+  const fallbackOption = input.options[0];
+  if (!fallbackOption) {
+    return { kind: "unavailable" };
+  }
+  const requestedKind = input.selection.collectionOptionKind;
+  const selectedOption = requestedKind == null ? input.options.find((option) => option.kind === "upfront") : input.options.find((option) => option.kind === requestedKind);
+  if (selectedOption) {
+    return {
+      kind: "valid",
+      selection: {
+        method: "stripe",
+        collectionOptionKind: selectedOption.kind
+      }
+    };
+  }
+  return {
+    kind: "invalid",
+    fallbackSelection: {
+      method: "stripe",
+      collectionOptionKind: fallbackOption.kind
+    }
+  };
+}
 var DEFAULT_EVENT_DIRECT_PAYMENT_OPTION;
 var init_eventPaymentOptions = __esm({
   "../blocks/src/system/runtime/nodes/event-registration/eventPaymentOptions.ts"() {
@@ -34191,6 +34308,9 @@ function formatDirectPaymentOptionDetail(option) {
     balanceDueBy ? `Balance due by: ${balanceDueBy.value}` : null
   ].filter((part) => Boolean(part)).join(" \xB7 ");
 }
+function isDirectPaymentOptionSelected(option, selectionState) {
+  return selectionState.kind === "valid" && selectionState.selection.collectionOptionKind === option.kind;
+}
 var PaymentSelectionStep;
 var init_PaymentSelectionStep = __esm({
   "../blocks/src/system/runtime/nodes/event-registration/PaymentSelectionStep.tsx"() {
@@ -34219,8 +34339,28 @@ var init_PaymentSelectionStep = __esm({
     }) => {
       const occurrenceId = occurrenceContext?.id ?? event?.registrationOccurrenceId;
       const selectedMethod = selectedSelection.method;
+      const totalPrice = eligibility?.price ? eligibility.price * ticketsCount : 0;
+      const canShowDirectPaymentOptions = Boolean(
+        eligibility?.eligible && eligibility.canPayDirectly && eligibility.price
+      );
+      const directPaymentOptions = eligibility && canShowDirectPaymentOptions ? buildEventRegistrationPaymentOptionsViewModel({
+        eventTitle: event?.title ?? "Event",
+        paymentTerms: event?.paymentTerms,
+        totalPriceCents: totalPrice,
+        currency: eligibility.currency,
+        startsAt: occurrenceContext?.startsAt ?? event?.startsAt
+      }).options : [];
+      const directPaymentSelectionState = resolveEventRegistrationDirectPaymentSelection({
+        options: directPaymentOptions,
+        selection: selectedSelection
+      });
+      const directPaymentFallbackSelection = directPaymentSelectionState.kind === "invalid" ? directPaymentSelectionState.fallbackSelection : null;
+      const directPaymentFallbackKind = directPaymentFallbackSelection?.collectionOptionKind;
       const canContinue = (() => {
         if (!selectedMethod) return false;
+        if (selectedMethod === "stripe") {
+          return directPaymentSelectionState.kind === "valid";
+        }
         if (selectedMethod === "pass") return Boolean(selectedSelection.passId);
         if (selectedMethod === "membership")
           return Boolean(selectedSelection.membershipId);
@@ -34230,6 +34370,13 @@ var init_PaymentSelectionStep = __esm({
           return Boolean(selectedSelection.bundleMembershipId);
         return true;
       })();
+      useEffect11(() => {
+        if (!directPaymentFallbackKind) return;
+        onSelectionChange({
+          method: "stripe",
+          collectionOptionKind: directPaymentFallbackKind
+        });
+      }, [directPaymentFallbackKind, onSelectionChange]);
       const getButtonText = useCallback6(() => {
         if (selectedMethod === "stripe") return "Continue to Payment";
         if (selectedMethod === "pass_bundle" || selectedMethod === "membership_bundle") {
@@ -34329,25 +34476,20 @@ var init_PaymentSelectionStep = __esm({
           ] }) })
         ] });
       }
-      const totalPrice = eligibility.price ? eligibility.price * ticketsCount : 0;
-      const directPaymentOptions = buildEventRegistrationPaymentOptionsViewModel({
-        eventTitle: event?.title ?? "Event",
-        paymentTerms: event?.paymentTerms,
-        totalPriceCents: totalPrice,
-        currency: eligibility.currency,
-        startsAt: occurrenceContext?.startsAt ?? event?.startsAt
-      }).options;
       const isMultiTicket = areEntitlementsDisabledForTicketCount(ticketsCount);
       return /* @__PURE__ */ jsxs59("div", { className: "er-stack", children: [
         /* @__PURE__ */ jsx82("h3", { className: "er-title", children: "Payment Options" }),
         /* @__PURE__ */ jsxs59("div", { className: "er-payment-tiles", children: [
-          eligibility.canPayDirectly && eligibility.price && /* @__PURE__ */ jsx82(Fragment13, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx82(
+          canShowDirectPaymentOptions && /* @__PURE__ */ jsx82(Fragment13, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx82(
             PaymentTile,
             {
               icon: /* @__PURE__ */ jsx82(CreditCard, { size: 24, "aria-hidden": "true" }),
               label: option.label,
               detail: formatDirectPaymentOptionDetail(option),
-              selected: selectedMethod === "stripe" && (selectedSelection.collectionOptionKind ?? "upfront") === option.kind,
+              selected: isDirectPaymentOptionSelected(
+                option,
+                directPaymentSelectionState
+              ),
               onClick: () => onSelectionChange({
                 method: "stripe",
                 collectionOptionKind: option.kind
@@ -34872,6 +35014,24 @@ import { Fragment as Fragment16, jsx as jsx90, jsxs as jsxs65 } from "react/jsx-
 function isProductMethod(method) {
   return method !== null && ["pass", "membership", "pass_bundle", "membership_bundle"].includes(method);
 }
+function getSummaryRow(option, label) {
+  return option.summaryRows.find((row) => row.label === label)?.value ?? null;
+}
+function getSelectedDirectPaymentOption(input) {
+  const summaryEvent = input.wizard.selectedEvent ?? input.wizard.preSelectedEvent;
+  if (!summaryEvent || input.wizard.paymentSelection.method !== "stripe") {
+    return null;
+  }
+  const options = buildEventRegistrationPaymentOptionsViewModel({
+    eventTitle: summaryEvent.title,
+    paymentTerms: summaryEvent.paymentTerms,
+    totalPriceCents: input.totalCents,
+    currency: input.currency,
+    startsAt: input.wizard.occurrenceContext?.startsAt ?? summaryEvent.startsAt
+  }).options;
+  const requestedKind = input.wizard.paymentSelection.collectionOptionKind ?? "upfront";
+  return options.find((option) => option.kind === requestedKind) ?? options.find((option) => option.kind === "upfront") ?? options[0] ?? null;
+}
 function EventRegistrationSummaryBar(props2) {
   const { wizard } = props2;
   const summaryEvent = wizard.selectedEvent ?? wizard.preSelectedEvent;
@@ -34886,6 +35046,18 @@ function EventRegistrationSummaryBar(props2) {
   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 selectedDirectPaymentOption = getSelectedDirectPaymentOption({
+    wizard,
+    totalCents: discountedTotalCents,
+    currency: summaryCurrency
+  });
+  const flexibleBalanceSummary = selectedDirectPaymentOption?.kind === "flexible_balance" ? {
+    total: getSummaryRow(selectedDirectPaymentOption, "Total"),
+    dueToday: getSummaryRow(selectedDirectPaymentOption, "Due today"),
+    remainingBalance: getSummaryRow(selectedDirectPaymentOption, "Remaining balance"),
+    balanceDueBy: getSummaryRow(selectedDirectPaymentOption, "Balance due by"),
+    depositPolicy: getSummaryRow(selectedDirectPaymentOption, "Deposit policy")
+  } : null;
   if (!summaryTitle) return null;
   const productMethod = isProductMethod(wizard.paymentSelection.method);
   return /* @__PURE__ */ jsxs65(Fragment16, { children: [
@@ -34929,6 +35101,22 @@ function EventRegistrationSummaryBar(props2) {
       summaryPrice > 0 && /* @__PURE__ */ jsx90("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs65(Fragment16, { children: [
         /* @__PURE__ */ jsx90("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(summaryPrice * wizard.ticketsCount, summaryCurrency) }),
         /* @__PURE__ */ jsx90("div", { className: "er-summary-bar-included", children: wizard.paymentSelection.method === "pass" || wizard.paymentSelection.method === "pass_bundle" ? "1 pass credit" : "Included in membership" })
+      ] }) : flexibleBalanceSummary ? /* @__PURE__ */ jsxs65(Fragment16, { children: [
+        flexibleBalanceSummary.total ? /* @__PURE__ */ jsxs65("div", { className: "er-summary-bar-product-detail", children: [
+          "Total: ",
+          flexibleBalanceSummary.total
+        ] }) : null,
+        /* @__PURE__ */ jsx90("div", { className: "er-summary-bar-price", children: flexibleBalanceSummary.dueToday ?? formatPrice(discountedTotalCents, summaryCurrency) }),
+        /* @__PURE__ */ jsx90("div", { className: "er-summary-bar-included", children: "Payable now" }),
+        flexibleBalanceSummary.remainingBalance ? /* @__PURE__ */ jsxs65("div", { className: "er-summary-bar-product-detail", children: [
+          "Remaining balance: ",
+          flexibleBalanceSummary.remainingBalance,
+          flexibleBalanceSummary.balanceDueBy ? ` due by ${flexibleBalanceSummary.balanceDueBy}` : ""
+        ] }) : null,
+        flexibleBalanceSummary.depositPolicy ? /* @__PURE__ */ jsxs65("div", { className: "er-summary-bar-product-detail", children: [
+          "Deposit: ",
+          flexibleBalanceSummary.depositPolicy
+        ] }) : null
       ] }) : autoAppliedDiscount && autoAppliedDiscountCents > 0 ? /* @__PURE__ */ jsxs65(Fragment16, { children: [
         /* @__PURE__ */ jsx90("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(subtotalCents, summaryCurrency) }),
         /* @__PURE__ */ jsx90("div", { className: "er-summary-bar-price", children: formatPrice(discountedTotalCents, summaryCurrency) }),
@@ -34947,6 +35135,7 @@ var init_EventRegistrationSummaryBar = __esm({
     "use client";
     init_src();
     init_utils3();
+    init_eventPaymentOptions();
   }
 });
 
@@ -39911,7 +40100,7 @@ var init_embla_carousel_autoplay_esm = __esm({
 function isObject(subject) {
   return Object.prototype.toString.call(subject) === "[object Object]";
 }
-function isRecord8(subject) {
+function isRecord9(subject) {
   return isObject(subject) || Array.isArray(subject);
 }
 function canUseDOM() {
@@ -39928,7 +40117,7 @@ function areOptionsEqual(optionsA, optionsB) {
     const valueA = optionsA[key];
     const valueB = optionsB[key];
     if (typeof valueA === "function") return `${valueA}` === `${valueB}`;
-    if (!isRecord8(valueA) || !isRecord8(valueB)) return valueA === valueB;
+    if (!isRecord9(valueA) || !isRecord9(valueB)) return valueA === valueB;
     return areOptionsEqual(valueA, valueB);
   });
 }
@@ -53705,7 +53894,7 @@ function renderCalendarSsr(display) {
             dayEvents.slice(0, MAX_EVENTS_PER_DAY).map((event) => /* @__PURE__ */ jsxs33(
               "a",
               {
-                href: event.path,
+                ...resolveEventLinkProps(event),
                 className: "event-calendar-event",
                 title: `${event.title} at ${formatTime(event.startsAt, { timeZone: getEventTimeZone(event) })}`,
                 children: [
@@ -53833,7 +54022,7 @@ function renderTimetableSsr(display) {
                     day.events.length === 0 ? /* @__PURE__ */ jsx48("p", { className: "event-timetable-day-empty", children: "No classes" }) : day.events.map((cell) => /* @__PURE__ */ jsxs33(
                       "a",
                       {
-                        href: cell.event.path,
+                        ...resolveEventLinkProps(cell.event),
                         className: "event-timetable-event",
                         title: `${cell.event.title}, ${cell.timeLabel}`,
                         style: {
@@ -56315,7 +56504,7 @@ var MediaNode = ({
 
 // ../blocks/src/system/runtime/components/registry.client.tsx
 init_newsletter_form_client();
-function isRecord9(value) {
+function isRecord10(value) {
   return typeof value === "object" && value !== null;
 }
 function buildRenderFromLooseProps(runtime, mode, props2) {
@@ -56335,14 +56524,14 @@ function withRuntimeBackedEnvelope(source, runtime, render) {
 function normalizeLegacyInteractiveRenderProps(runtime, mode, props2) {
   const source = props2;
   const render = props2["render"];
-  if (!isRecord9(render)) {
+  if (!isRecord10(render)) {
     return withRuntimeBackedEnvelope(
       source,
       runtime,
       buildRenderFromLooseProps(runtime, mode, props2)
     );
   }
-  if (isRecord9(render["hydration"])) {
+  if (isRecord10(render["hydration"])) {
     return withRuntimeBackedEnvelope(
       source,
       runtime,
@@ -56352,7 +56541,7 @@ function normalizeLegacyInteractiveRenderProps(runtime, mode, props2) {
       }
     );
   }
-  if (!isRecord9(render["display"])) {
+  if (!isRecord10(render["display"])) {
     return withRuntimeBackedEnvelope(
       source,
       runtime,

package/dist/client/rendering/islands.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { buildResolveImageUrlContext, setContextResolveImageUrlContext, unsafeAsMediaAssetId } from '../chunk-25W2EQUN.mjs';
+import { buildResolveImageUrlContext, setContextResolveImageUrlContext, unsafeAsMediaAssetId } from '../chunk-3H5CLFKT.mjs';
 import { useEffect } from 'react';
 
 // src/rendering/islands/deferredVideoEmbeds.ts
@@ -80,24 +80,24 @@ function isSafeHttpsUrl(value) {
 
 // src/rendering/islands/hydrateBlocksIslands.ts
 var defaultEnhancerLoaders = {
-  accordion: () => import('../accordion-GXQNWQ6O.mjs'),
-  headerSection: () => import('../headerSection-QK5SLIIB.mjs'),
-  carousel: () => import('../carousel-CVRN6EPP.mjs'),
-  form: () => import('../form-ZS6KX4U2.mjs'),
-  "booking-form": () => import('../bookingForm-STLUJ36H.mjs'),
-  "event-registration": () => import('../eventRegistration-2ZHEDDXO.mjs'),
-  "event-details": () => import('../eventDetails-YO335BUT.mjs'),
-  "location-map": () => import('../locationMap-GFNIUD2X.mjs'),
-  "course-registration": () => import('../courseRegistration-2D3ACMJR.mjs'),
-  "event-listing": () => import('../eventListing-PXA6GFQ3.mjs'),
-  "event-calendar": () => import('../eventCalendar-QY4UZUFF.mjs'),
-  "event-combined": () => import('../eventCombined-RRCDKJC2.mjs'),
-  "product-list": () => import('../productList-NI72Q62Z.mjs'),
-  "product-detail": () => import('../productDetail-OPBE5ZPI.mjs'),
-  "cart": () => import('../cart-IYIBA5CL.mjs'),
-  "checkout": () => import('../checkout-O3BGM4GS.mjs'),
-  shop: () => import('../shop-3ZQPEWYI.mjs'),
-  "newsletter-form": () => import('../newsletterForm-PGLTTCUG.mjs')
+  accordion: () => import('../accordion-4K7VGZ3I.mjs'),
+  headerSection: () => import('../headerSection-UOZZGVYL.mjs'),
+  carousel: () => import('../carousel-BEJKNGQ7.mjs'),
+  form: () => import('../form-FX3Y54YK.mjs'),
+  "booking-form": () => import('../bookingForm-3QXA3CIS.mjs'),
+  "event-registration": () => import('../eventRegistration-37LPIKIE.mjs'),
+  "event-details": () => import('../eventDetails-CH4BJR5Z.mjs'),
+  "location-map": () => import('../locationMap-VSIPKV35.mjs'),
+  "course-registration": () => import('../courseRegistration-URX7RCCK.mjs'),
+  "event-listing": () => import('../eventListing-4BVOI5HS.mjs'),
+  "event-calendar": () => import('../eventCalendar-GTENOQCE.mjs'),
+  "event-combined": () => import('../eventCombined-EZVB72MF.mjs'),
+  "product-list": () => import('../productList-M2CYIZVH.mjs'),
+  "product-detail": () => import('../productDetail-6AHMLXCO.mjs'),
+  "cart": () => import('../cart-44BBM6XG.mjs'),
+  "checkout": () => import('../checkout-THMHEYKF.mjs'),
+  shop: () => import('../shop-AUOT6GEX.mjs'),
+  "newsletter-form": () => import('../newsletterForm-6FRJKNAF.mjs')
 };
 var DEFAULT_MAX_RETRIES = 2;
 var RETRY_DELAYS_MS = [250, 1e3];