@riverbankcms/sdk 0.90.0 → 0.90.1

package/dist/client/rendering.mjs

@@ -270,6 +270,8 @@ function publicEventPricingType(pricing) {
     case "ticket_types":
     case "course":
       return isFreePublicEventPriceDisplay(pricing.display) ? "free" : "paid";
+    case "external":
+      return "external";
   }
 }
 function publicEventPricingCurrency(pricing) {
@@ -281,6 +283,8 @@ function publicEventPricingCurrency(pricing) {
       return pricing.currency;
     case "course":
       return pricing.display.display.currency;
+    case "external":
+      return null;
   }
 }
 function publicEventScalarPrice(pricing) {
@@ -295,6 +299,7 @@ function publicEventPricingMode(pricing) {
       return "ticket_types";
     case "drop_in":
     case "course":
+    case "external":
       return void 0;
   }
 }
@@ -312,6 +317,7 @@ function isFreePublicEventPriceDisplay(display) {
     case "range":
     case "mixed":
     case "unavailable":
+    case "external":
       return false;
   }
 }
@@ -342,6 +348,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:
@@ -2075,7 +2083,7 @@ var init_schemas = __esm({
 
 // ../blocks/src/system/blocks/events/shared/schemas.ts
 import { z as z6 } 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";
@@ -2086,6 +2094,18 @@ var init_schemas2 = __esm({
     eventPresetSchema = z6.enum(["event", "class", "workshop", "retreat", "performance"]);
     eventScheduleScopeSchema = z6.enum(["recurring", "oneOff"]);
     eventDestinationModeSchema = z6.enum(["cms-managed", "system-managed"]);
+    publicEventDestinationSchema = z6.discriminatedUnion("kind", [
+      z6.object({
+        kind: z6.literal("native"),
+        mode: eventDestinationModeSchema,
+        path: z6.string()
+      }),
+      z6.object({
+        kind: z6.literal("external"),
+        url: z6.string(),
+        label: z6.string()
+      })
+    ]);
     eventVenueSchema = z6.object({
       id: z6.string(),
       name: z6.string(),
@@ -2100,7 +2120,7 @@ var init_schemas2 = __esm({
       name: z6.string(),
       color: z6.string().nullable()
     });
-    pricingTypeSchema = z6.enum(["free", "paid"]);
+    pricingTypeSchema = z6.enum(["free", "paid", "external"]);
     accessRestrictionSchema = z6.enum(["none", "category"]);
     eventPricingModeSchema = z6.enum(["single", "ticket_types"]);
     publicCoursePriceDisplaySchema = z6.discriminatedUnion("kind", [
@@ -2121,6 +2141,7 @@ var init_schemas2 = __esm({
         currency: z6.string()
       }),
       z6.object({ kind: z6.literal("unavailable"), currency: z6.string() }),
+      z6.object({ kind: z6.literal("external"), label: z6.string() }),
       z6.object({ kind: z6.literal("course"), display: publicCoursePriceDisplaySchema })
     ]);
     publicEventTicketTypePriceDisplaySchema = z6.union([
@@ -2199,6 +2220,10 @@ var init_schemas2 = __esm({
       z6.object({
         kind: z6.literal("course"),
         display: z6.object({ kind: z6.literal("course"), display: publicCoursePriceDisplaySchema })
+      }),
+      z6.object({
+        kind: z6.literal("external"),
+        display: z6.object({ kind: z6.literal("external"), label: z6.string() })
       })
     ]);
     publicTeamMemberSummarySchema = z6.object({
@@ -2227,7 +2252,8 @@ var init_schemas2 = __esm({
         image: mediaSchema.nullable().optional()
       }).optional(),
       slug: z6.string(),
-      path: z6.string(),
+      path: z6.string().nullable(),
+      destination: publicEventDestinationSchema,
       requiresRegistration: z6.boolean(),
       deliveryMode: z6.enum(["in_person", "online", "hybrid"]),
       attendanceModes: z6.array(publicEventAttendanceModeAvailabilitySchema),
@@ -24880,11 +24906,45 @@ var init_eventCapacity = __esm({
   }
 });
 
+// ../blocks/src/system/runtime/nodes/events/shared/destination.ts
+function isRecord5(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function isRuntimeEventDestination(value) {
+  if (!isRecord5(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) {
@@ -24921,22 +24981,22 @@ function resolveRuntimeEventPricing(event) {
 function readCurrency(value) {
   return typeof value === "string" && value.trim().length > 0 ? value : DEFAULT_EVENT_CURRENCY;
 }
-function isRecord5(value) {
+function isRecord6(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function isPublicEventPricing(value) {
-  if (!isRecord5(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 (!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" || value.kind === "external";
 }
 function isPublicEventTicketType(value) {
-  return isRecord5(value) && typeof value.id === "string";
+  return isRecord6(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 (!isRecord5(value) || typeof value.kind !== "string") {
+  if (!isRecord6(value) || typeof value.kind !== "string") {
     return { kind: "unavailable", currency };
   }
   const displayCurrency = readCurrency(value.currency);
@@ -24975,7 +25035,7 @@ function readLegacyPriceDisplay(value, currency) {
     case "unavailable":
       return { kind: "unavailable", currency: displayCurrency };
     case "course":
-      return isRecord5(value.display) ? {
+      return isRecord6(value.display) ? {
         kind: "course",
         display: readCoursePriceDisplay(value.display, displayCurrency)
       } : {
@@ -25013,6 +25073,7 @@ var DEFAULT_EVENT_CURRENCY;
 var init_pricing = __esm({
   "../blocks/src/system/runtime/nodes/events/shared/pricing.ts"() {
     "use strict";
+    init_destination();
     DEFAULT_EVENT_CURRENCY = "USD";
   }
 });
@@ -25135,16 +25196,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_utils3 = __esm({
@@ -25153,6 +25226,7 @@ var init_utils3 = __esm({
     init_src();
     init_src3();
     init_eventCapacity();
+    init_destination();
     init_pricing();
     init_src3();
     init_src3();
@@ -26690,6 +26764,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
               }
@@ -27026,10 +27102,19 @@ var init_EventCompactRow = __esm({
               formattedTime,
               /* @__PURE__ */ jsx8("span", { className: "event-compact-row-action-price", children: price })
             ] }),
-            cta.hidden ? /* @__PURE__ */ jsx8("span", { className: "event-compact-row-status", children: cta.label }) : /* @__PURE__ */ jsxs6("a", { href: cta.href, className: `${buttonClass} event-compact-row-cta`, children: [
-              /* @__PURE__ */ jsx8("span", { children: cta.label }),
-              /* @__PURE__ */ jsx8(ArrowRightIcon, { "aria-hidden": "true" })
-            ] })
+            cta.hidden ? /* @__PURE__ */ jsx8("span", { className: "event-compact-row-status", children: cta.label }) : /* @__PURE__ */ jsxs6(
+              "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__ */ jsx8("span", { children: cta.label }),
+                  /* @__PURE__ */ jsx8(ArrowRightIcon, { "aria-hidden": "true" })
+                ]
+              }
+            )
           ] })
         ] })
       ] });
@@ -27932,7 +28017,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;
@@ -28064,15 +28149,16 @@ function buildEventRegistrationShellBodyText(stepLabels) {
   return "Preparing dates, tickets, and booking details.";
 }
 function normalizeEventRegistrationEventInput(value) {
-  if (!isRecord6(value)) {
+  if (!isRecord7(value)) {
     return value;
   }
   return {
     ...value,
+    destination: resolveRuntimeEventDestination(value),
     pricing: resolveRuntimeEventPricing(value)
   };
 }
-function isRecord6(value) {
+function isRecord7(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildEventRegistrationInteractiveIslandProps(props2) {
@@ -28098,6 +28184,7 @@ var init_event_registration_interactive = __esm({
     init_event_registration_shared();
     init_events();
     init_pricing();
+    init_destination();
     init_islands();
     init_runtime();
     init_contract_schemas();
@@ -28565,7 +28652,7 @@ function deriveNewsletterSignupRuntimeSource(values) {
   };
 }
 function sanitizeNewsletterSignupPublicContent(content) {
-  if (!isRecord7(content)) return content;
+  if (!isRecord8(content)) return content;
   const provider = parseNewsletterSignupDestinationProvider(content.destinationProvider) ?? getProviderFromExplicitDestination(content.destination);
   const {
     destination: _destination,
@@ -28584,7 +28671,7 @@ function sanitizeNewsletterSignupPublicContent(content) {
   return mutablePublicContent;
 }
 function getProviderFromExplicitDestination(destination) {
-  if (!isRecord7(destination) || typeof destination.tag !== "string") return null;
+  if (!isRecord8(destination) || typeof destination.tag !== "string") return null;
   if (destination.tag === "riverbank_list") return "riverbank";
   if (destination.tag === "mailchimp_audience") return "mailchimp";
   return null;
@@ -28594,7 +28681,7 @@ function parseTrimmedString(value) {
   const trimmed = value.trim();
   return trimmed.length > 0 ? trimmed : null;
 }
-function isRecord7(value) {
+function isRecord8(value) {
   return typeof value === "object" && value !== null;
 }
 var BLOCK_ID_PATTERN, SIGNED_DESTINATION_REF_PATTERN;
@@ -31391,7 +31478,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() {
@@ -31408,7 +31495,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);
   });
 }
@@ -34264,7 +34351,7 @@ function encodePublicProductCategorySelector(selector) {
       };
   }
 }
-function isRecord9(value) {
+function isRecord10(value) {
   return typeof value === "object" && value !== null;
 }
 function isJsonResponseContentType(contentType) {
@@ -34287,10 +34374,10 @@ async function parseJsonBody(response) {
   }
 }
 function getBlockApiErrorDetails(data) {
-  if (!isRecord9(data)) {
+  if (!isRecord10(data)) {
     return {};
   }
-  const nestedError = isRecord9(data.error) ? data.error : void 0;
+  const nestedError = isRecord10(data.error) ? data.error : void 0;
   const message = typeof nestedError?.message === "string" ? nestedError.message : typeof data.message === "string" ? data.message : void 0;
   const code = typeof nestedError?.code === "string" ? nestedError.code : typeof data.code === "string" ? data.code : void 0;
   return { message, code };
@@ -39229,8 +39316,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
@@ -39247,6 +39336,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",
@@ -44377,6 +44467,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"() {
@@ -44436,6 +44553,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"() {
@@ -44464,8 +44584,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);
@@ -44475,6 +44615,13 @@ var init_PaymentSelectionStep = __esm({
           return Boolean(selectedSelection.bundleMembershipId);
         return true;
       })();
+      useEffect12(() => {
+        if (!directPaymentFallbackKind) return;
+        onSelectionChange({
+          method: "stripe",
+          collectionOptionKind: directPaymentFallbackKind
+        });
+      }, [directPaymentFallbackKind, onSelectionChange]);
       const getButtonText = useCallback7(() => {
         if (selectedMethod === "stripe") return "Continue to Payment";
         if (selectedMethod === "pass_bundle" || selectedMethod === "membership_bundle") {
@@ -44574,25 +44721,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__ */ jsxs33("div", { className: "er-stack", children: [
         /* @__PURE__ */ jsx47("h3", { className: "er-title", children: "Payment Options" }),
         /* @__PURE__ */ jsxs33("div", { className: "er-payment-tiles", children: [
-          eligibility.canPayDirectly && eligibility.price && /* @__PURE__ */ jsx47(Fragment9, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx47(
+          canShowDirectPaymentOptions && /* @__PURE__ */ jsx47(Fragment9, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx47(
             PaymentTile,
             {
               icon: /* @__PURE__ */ jsx47(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
@@ -45117,6 +45259,24 @@ import { Fragment as Fragment12, jsx as jsx55, jsxs as jsxs39 } 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;
@@ -45131,6 +45291,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__ */ jsxs39(Fragment12, { children: [
@@ -45174,6 +45346,22 @@ function EventRegistrationSummaryBar(props2) {
       summaryPrice > 0 && /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
         /* @__PURE__ */ jsx55("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(summaryPrice * wizard.ticketsCount, summaryCurrency) }),
         /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-included", children: wizard.paymentSelection.method === "pass" || wizard.paymentSelection.method === "pass_bundle" ? "1 pass credit" : "Included in membership" })
+      ] }) : flexibleBalanceSummary ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
+        flexibleBalanceSummary.total ? /* @__PURE__ */ jsxs39("div", { className: "er-summary-bar-product-detail", children: [
+          "Total: ",
+          flexibleBalanceSummary.total
+        ] }) : null,
+        /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-price", children: flexibleBalanceSummary.dueToday ?? formatPrice(discountedTotalCents, summaryCurrency) }),
+        /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-included", children: "Payable now" }),
+        flexibleBalanceSummary.remainingBalance ? /* @__PURE__ */ jsxs39("div", { className: "er-summary-bar-product-detail", children: [
+          "Remaining balance: ",
+          flexibleBalanceSummary.remainingBalance,
+          flexibleBalanceSummary.balanceDueBy ? ` due by ${flexibleBalanceSummary.balanceDueBy}` : ""
+        ] }) : null,
+        flexibleBalanceSummary.depositPolicy ? /* @__PURE__ */ jsxs39("div", { className: "er-summary-bar-product-detail", children: [
+          "Deposit: ",
+          flexibleBalanceSummary.depositPolicy
+        ] }) : null
       ] }) : autoAppliedDiscount && autoAppliedDiscountCents > 0 ? /* @__PURE__ */ jsxs39(Fragment12, { children: [
         /* @__PURE__ */ jsx55("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(subtotalCents, summaryCurrency) }),
         /* @__PURE__ */ jsx55("div", { className: "er-summary-bar-price", children: formatPrice(discountedTotalCents, summaryCurrency) }),
@@ -45192,6 +45380,7 @@ var init_EventRegistrationSummaryBar = __esm({
     "use client";
     init_src();
     init_utils5();
+    init_eventPaymentOptions();
   }
 });
 
@@ -47336,7 +47525,7 @@ function EventDetailsView({
         "a",
         {
           className: "rb-tile rb-tile--interactive",
-          href: e.path,
+          ...resolveEventLinkProps(e),
           children: /* @__PURE__ */ jsx62(
             DateTimeTile,
             {
@@ -48882,7 +49071,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);
@@ -48943,7 +49132,7 @@ var init_AgendaEventCard = __esm({
           }
         );
       }
-      return /* @__PURE__ */ jsx72("a", { href: eventUrl, className: "event-agenda-card", children: cardContent });
+      return /* @__PURE__ */ jsx72("a", { ...eventLinkProps, className: "event-agenda-card", children: cardContent });
     };
   }
 });
@@ -55803,14 +55992,14 @@ function getSemanticIconComponent(name) {
 
 // ../blocks/src/system/icons/value.ts
 var NO_BLOCK_ICON_VALUE = { kind: "none" };
-function isRecord10(value) {
+function isRecord11(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parseBlockIconValue(value) {
   if (isSemanticIconId(value)) {
     return { kind: "semantic", iconId: value };
   }
-  if (!isRecord10(value)) {
+  if (!isRecord11(value)) {
     return NO_BLOCK_ICON_VALUE;
   }
   switch (value.kind) {
@@ -55901,7 +56090,7 @@ function buildGeneratedBlockIconRenderAssetLookupFromUnknown(value) {
   }
   const inputs = [];
   for (const [index, item] of value.entries()) {
-    if (!isRecord10(item)) {
+    if (!isRecord11(item)) {
       return { kind: "invalid_asset_entry", index, reason: "not_object" };
     }
     const setId = parseGeneratedIconSetId(item.setId);
@@ -64323,7 +64512,7 @@ function inferLegacyOfferingsPreviewGroupOrder(overrides) {
   return keys.length >= 2 ? keys : [];
 }
 function normalizeOfferingsPreviewContentForWrite(value) {
-  if (!isRecord11(value)) return null;
+  if (!isRecord12(value)) return null;
   const groupOrderValue = value.groupOrder;
   if (Array.isArray(groupOrderValue)) {
     const normalized = normalizeOfferingsPreviewGroupOrder(groupOrderValue);
@@ -64336,7 +64525,7 @@ function normalizeOfferingsPreviewContentForWrite(value) {
     return { ...value, groupOrder: [] };
   }
   const legacyOrder = inferLegacyOfferingsPreviewGroupOrder(
-    Array.isArray(value.groupOverrides) ? value.groupOverrides.filter(isRecord11) : []
+    Array.isArray(value.groupOverrides) ? value.groupOverrides.filter(isRecord12) : []
   );
   return legacyOrder.length > 0 ? { ...value, groupOrder: legacyOrder } : value;
 }
@@ -64390,7 +64579,7 @@ function uniqueOfferingsPreviewSourceKeys(values) {
   }
   return keys;
 }
-function isRecord11(value) {
+function isRecord12(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function mergeOrderedKeysWithDefaults(orderedKeys, defaultKeys) {
@@ -64852,7 +65041,7 @@ function isOfferingsPreviewItemLimit(value) {
   return value === "1" || value === "2" || value === "3" || value === "4" || value === "5" || value === "6" || value === null;
 }
 function normalizeOfferingsPreviewGroupOverride(value) {
-  if (!isRecord12(value)) return [];
+  if (!isRecord13(value)) return [];
   const override = {};
   if (isOfferingsPreviewSourceKey(value.sourceKey) || value.sourceKey === null) {
     override.sourceKey = value.sourceKey;
@@ -64884,12 +65073,12 @@ function isButtonVariant(value) {
   return value === "primary" || value === "secondary" || value === "outline" || value === "link" || value === null;
 }
 function normalizeCardStylesContent(value) {
-  return isRecord12(value) || value === null ? value : void 0;
+  return isRecord13(value) || value === null ? value : void 0;
 }
 function normalizeSectionStylesContent(value) {
-  return isRecord12(value) || value === null ? value : void 0;
+  return isRecord13(value) || value === null ? value : void 0;
 }
-function isRecord12(value) {
+function isRecord13(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -69028,7 +69217,7 @@ import React33 from "react";
 init_src();
 var LINKED_CONTENT_ENTRY_META_KEY = "__rbLinkedContentEntry";
 function coerceLinkedContentEntriesPayload(payload) {
-  if (!isRecord13(payload)) return payload;
+  if (!isRecord14(payload)) return payload;
   const response = payload;
   if (!Array.isArray(response.entries)) return payload;
   const contentType = parsePublicContentTypeMeta(response.contentType);
@@ -69036,16 +69225,16 @@ function coerceLinkedContentEntriesPayload(payload) {
   return response.entries.map((entry) => enrichLinkedContentEntry(entry, contentType));
 }
 function getLinkedContentEntryMeta(value) {
-  if (!isRecord13(value)) return null;
+  if (!isRecord14(value)) return null;
   const candidate = value[LINKED_CONTENT_ENTRY_META_KEY];
   return isLinkedContentEntryMeta(candidate) ? candidate : null;
 }
 function buildLinkedContentEditTarget(input) {
   const { entry, sourceBlockId, sourceBlockKind, itemIndex } = input;
-  if (!isRecord13(entry)) return null;
+  if (!isRecord14(entry)) return null;
   const meta = getLinkedContentEntryMeta(entry);
   if (!meta || meta.support.kind !== "supported") return null;
-  const content = isRecord13(entry.content) ? entry.content : {};
+  const content = isRecord14(entry.content) ? entry.content : {};
   return {
     kind: "linked-content-entry",
     entryId: meta.entryId,
@@ -69095,12 +69284,12 @@ function resolveLinkedEntryInlineFieldEligibility(input) {
   };
 }
 function enrichLinkedContentEntry(entry, contentType) {
-  if (!isRecord13(entry)) return entry;
+  if (!isRecord14(entry)) return entry;
   const entryId = typeof entry.id === "string" ? entry.id : null;
   if (!entryId) return entry;
   const title = typeof entry.title === "string" && entry.title.trim().length > 0 ? entry.title : entryId;
   const optimisticHash = typeof entry.optimisticHash === "string" && entry.optimisticHash.length > 0 ? entry.optimisticHash : null;
-  const content = isRecord13(entry.content) ? entry.content : {};
+  const content = isRecord14(entry.content) ? entry.content : {};
   const meta = {
     kind: "linked-content-entry",
     entryId,
@@ -69196,7 +69385,7 @@ function capitalize(value) {
   return value.charAt(0).toUpperCase() + value.slice(1).toLowerCase();
 }
 function parsePublicContentTypeMeta(value) {
-  if (!isRecord13(value)) return null;
+  if (!isRecord14(value)) return null;
   if (typeof value.key !== "string" || value.key.trim().length === 0) return null;
   return {
     key: value.key,
@@ -69206,7 +69395,7 @@ function parsePublicContentTypeMeta(value) {
   };
 }
 function parsePublicContentTypeLinkedEntryEditing(value) {
-  if (!isRecord13(value) || typeof value.kind !== "string") return null;
+  if (!isRecord14(value) || typeof value.kind !== "string") return null;
   switch (value.kind) {
     case "generic":
       return { kind: "generic" };
@@ -69220,7 +69409,7 @@ function parsePublicContentTypeLinkedEntryEditing(value) {
   }
 }
 function parsePublicContentTypeFieldMeta(value) {
-  if (!isRecord13(value)) return [];
+  if (!isRecord14(value)) return [];
   if (typeof value.id !== "string" || typeof value.type !== "string") return [];
   return [{
     id: value.id,
@@ -69235,14 +69424,14 @@ function parseStringArray(value) {
   return value.filter((item) => typeof item === "string");
 }
 function isLinkedContentEntryMeta(value) {
-  if (!isRecord13(value)) return false;
+  if (!isRecord14(value)) return false;
   if (value.kind !== "linked-content-entry") return false;
   if (typeof value.entryId !== "string") return false;
   if (typeof value.contentTypeKey !== "string") return false;
   if (typeof value.contentTypeLabel !== "string") return false;
   if (typeof value.title !== "string") return false;
   if (!(value.optimisticHash === null || typeof value.optimisticHash === "string")) return false;
-  if (!isRecord13(value.contentType)) return false;
+  if (!isRecord14(value.contentType)) return false;
   if (!isLinkedEntryFieldSourceArray(value.fieldSources)) return false;
   return isLinkedContentEditSupport(value.support);
 }
@@ -69250,7 +69439,7 @@ function isLinkedEntryFieldSourceArray(value) {
   return Array.isArray(value) && value.every(isLinkedEntryFieldSource);
 }
 function isLinkedEntryFieldSource(value) {
-  if (!isRecord13(value)) return false;
+  if (!isRecord14(value)) return false;
   if (typeof value.displayPath !== "string") return false;
   switch (value.kind) {
     case "content-field":
@@ -69276,7 +69465,7 @@ function isLinkedEntryInlineFieldReadOnlyReason(value) {
   }
 }
 function isLinkedContentEditSupport(value) {
-  if (!isRecord13(value) || typeof value.kind !== "string") return false;
+  if (!isRecord14(value) || typeof value.kind !== "string") return false;
   switch (value.kind) {
     case "supported":
       return true;
@@ -69288,7 +69477,7 @@ function isLinkedContentEditSupport(value) {
       return false;
   }
 }
-function isRecord13(value) {
+function isRecord14(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -71937,7 +72126,7 @@ function renderCalendarSsr(display) {
             dayEvents.slice(0, MAX_EVENTS_PER_DAY).map((event) => /* @__PURE__ */ jsxs90(
               "a",
               {
-                href: event.path,
+                ...resolveEventLinkProps(event),
                 className: "event-calendar-event",
                 title: `${event.title} at ${formatTime(event.startsAt, { timeZone: getEventTimeZone(event) })}`,
                 children: [
@@ -72065,7 +72254,7 @@ function renderTimetableSsr(display) {
                     day.events.length === 0 ? /* @__PURE__ */ jsx143("p", { className: "event-timetable-day-empty", children: "No classes" }) : day.events.map((cell) => /* @__PURE__ */ jsxs90(
                       "a",
                       {
-                        href: cell.event.path,
+                        ...resolveEventLinkProps(cell.event),
                         className: "event-timetable-event",
                         title: `${cell.event.title}, ${cell.timeLabel}`,
                         style: {
@@ -72853,14 +73042,14 @@ function isDecoratedHeadingBlockKind(blockKind) {
   return blockKind === "block.intro" || blockKind === "block.feature-cards" || blockKind === "block.testimonials" || blockKind === "block.faq";
 }
 function readVariant(blockContent) {
-  if (!isRecord14(blockContent)) return void 0;
+  if (!isRecord15(blockContent)) return void 0;
   const variant = blockContent.variant;
   return typeof variant === "string" ? variant : void 0;
 }
 function isFaqDecoratedVariant(variant) {
   return variant === "default" || variant === "question-columns";
 }
-function isRecord14(value) {
+function isRecord15(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function buildHeadingDecorationWrapperClassName(className) {
@@ -97969,7 +98158,7 @@ function preset(id, verticalId, canonicalBehaviour, label, pluralLabel, descript
 }
 
 // ../api/src/utils/isRecord.ts
-function isRecord15(value) {
+function isRecord16(value) {
   return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 
@@ -98276,7 +98465,7 @@ function sanitizeMarks(marks) {
     if (mark.type === "bold" || mark.type === "strong" || mark.type === "italic" || mark.type === "em") {
       return [{ type: mark.type }];
     }
-    if (mark.type === "link" && isRecord15(mark.attrs) && typeof mark.attrs.href === "string") {
+    if (mark.type === "link" && isRecord16(mark.attrs) && typeof mark.attrs.href === "string") {
       const attrs = { href: mark.attrs.href };
       if (typeof mark.attrs.target === "string" && mark.attrs.target.trim().length > 0) {
         attrs.target = mark.attrs.target;
@@ -98291,10 +98480,10 @@ function sanitizeMarks(marks) {
   return sanitized.length > 0 ? sanitized : void 0;
 }
 function unwrapRichTextValue(value) {
-  if (isRecord15(value) && isRecord15(value.doc)) {
+  if (isRecord16(value) && isRecord16(value.doc)) {
     return unwrapRichTextValue(value.doc);
   }
-  if (isRecord15(value) && value.type === "doc") {
+  if (isRecord16(value) && value.type === "doc") {
     return {
       type: "doc",
       content: Array.isArray(value.content) ? value.content.filter(isTipTapNodeLike).map(coerceTipTapNode) : []
@@ -98303,7 +98492,7 @@ function unwrapRichTextValue(value) {
   return EMPTY_SITE_BANNER_BODY;
 }
 function isTipTapNodeLike(value) {
-  return isRecord15(value) && typeof value.type === "string";
+  return isRecord16(value) && typeof value.type === "string";
 }
 function coerceTipTapNode(value) {
   return {
@@ -98311,9 +98500,9 @@ function coerceTipTapNode(value) {
     ...Array.isArray(value.content) ? { content: value.content.filter(isTipTapNodeLike).map(coerceTipTapNode) } : {},
     ...typeof value.text === "string" ? { text: value.text } : {},
     ...Array.isArray(value.marks) ? {
-      marks: value.marks.filter((mark) => isRecord15(mark) && typeof mark.type === "string").map((mark) => ({
+      marks: value.marks.filter((mark) => isRecord16(mark) && typeof mark.type === "string").map((mark) => ({
         type: mark.type,
-        ...isRecord15(mark.attrs) ? { attrs: mark.attrs } : {}
+        ...isRecord16(mark.attrs) ? { attrs: mark.attrs } : {}
       }))
     } : {}
   };
@@ -98483,7 +98672,7 @@ var ENTRY_REF_KEYS = [
   "entryId",
   "slug"
 ];
-function isRecord16(value) {
+function isRecord17(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function extractManualEntryRef(item) {
@@ -98491,7 +98680,7 @@ function extractManualEntryRef(item) {
     const trimmed = item.trim();
     return trimmed.length > 0 ? trimmed : null;
   }
-  if (!isRecord16(item)) return null;
+  if (!isRecord17(item)) return null;
   for (const key of ENTRY_REF_KEYS) {
     const raw = item[key];
     if (typeof raw === "string" && raw.trim().length > 0) {
@@ -99012,7 +99201,7 @@ function collectMediaAssetSidecar(mediaAssets) {
   return Array.isArray(mediaAssets) && mediaAssets.length > 0 ? mediaAssets : void 0;
 }
 function convertPageResponseBlock(block) {
-  if (!isRecord17(block)) {
+  if (!isRecord18(block)) {
     throw new Error("Invalid block format in page API response");
   }
   if (typeof block.id !== "string" && block.id !== null) {
@@ -99043,20 +99232,20 @@ function buildPageOutline(input) {
     blocks: input.blocks.map(convertPageResponseBlock)
   };
 }
-function isRecord17(value) {
+function isRecord18(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
 }
 function readContentRecord(value) {
-  return isRecord17(value) ? value : void 0;
+  return isRecord18(value) ? value : void 0;
 }
 function readNestedContentRecord(value) {
-  if (!isRecord17(value)) return null;
+  if (!isRecord18(value)) return null;
   return readContentRecord(value.data) ?? null;
 }
 function sanitizeSdkRuntimeBlockContent(blockKind, content) {
   if (blockKind !== "block.newsletter-signup") return content;
   const sanitized = sanitizeNewsletterSignupPublicContent(content);
-  return isRecord17(sanitized) ? sanitized : {};
+  return isRecord18(sanitized) ? sanitized : {};
 }
 function sanitizeNullableSdkRuntimeBlockContent(blockKind, content) {
   return content ? sanitizeSdkRuntimeBlockContent(blockKind, content) : null;