@riverbankcms/sdk 0.90.0 → 0.90.1

package/dist/client/{chunk-DAS5CIER.mjs → chunk-JV7ZNAOU.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import { LeafletStaticMap } from './chunk-D3ETC2SU.mjs';
-import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-Z62JYS5O.mjs';
+import { LeafletStaticMap } from './chunk-ZIAF2DA4.mjs';
+import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-PEDNDLPB.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-6N7YRNYU.mjs';
-import { usePolling, buildBookingPaymentSelectionViewModel } from './chunk-4RTFGHZN.mjs';
-import { SpinnerNode } from './chunk-FHU6PFPM.mjs';
-import { createBodyThemePortalRoot, TabBarFragment, useDiscountCodeUi, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-NBFRJ5NB.mjs';
+import { usePolling, buildBookingPaymentSelectionViewModel } from './chunk-5AJIMWKS.mjs';
+import { SpinnerNode } from './chunk-KNTLBQ3N.mjs';
+import { createBodyThemePortalRoot, TabBarFragment, useDiscountCodeUi, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-SLY6UDAS.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
 import { ModalShell } from './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-HIHOQGIP.mjs';
 import { useBlockApi, FeedbackMessage } from './chunk-WHZQDPBZ.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, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-6DPXDOIL.mjs';
-import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-25W2EQUN.mjs';
+import { buildEventRuntimeFilters, buildEventCalendarListingRender, groupEventsByDate, getOrderedDayNames, formatDateKey, getEventRuntimeFiltersKey, themeButtonClassName, normalizeCsvIds, normalizeOptionalId, normalizeEventBlockKind, normalizeCsvString, EventCompactRow, EmptyState, getContainerClass, getCardOrientation, isToday, MAX_EVENTS_PER_DAY, formatTime, WIZARD_STEPS, getWizardStepsForContext, getStepNumber, formatEventPriceDisplay, resolveRuntimeEventPricing, formatEventPrice, formatEventDateParts, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-B4H6QMPY.mjs';
+import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-3H5CLFKT.mjs';
 import React9, { createContext, useId, useMemo, useReducer, useState, useRef, useEffect, useCallback, useContext } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -1405,6 +1405,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
+    }
+  };
+}
 function PaymentCheckIcon() {
   return /* @__PURE__ */ jsx("div", { className: "er-check", children: /* @__PURE__ */ jsx(CheckIcon, {}) });
 }
@@ -1450,6 +1477,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 = ({
   event,
   occurrenceContext,
@@ -1466,8 +1496,28 @@ var PaymentSelectionStep = ({
 }) => {
   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);
@@ -1477,6 +1527,13 @@ var PaymentSelectionStep = ({
       return Boolean(selectedSelection.bundleMembershipId);
     return true;
   })();
+  useEffect(() => {
+    if (!directPaymentFallbackKind) return;
+    onSelectionChange({
+      method: "stripe",
+      collectionOptionKind: directPaymentFallbackKind
+    });
+  }, [directPaymentFallbackKind, onSelectionChange]);
   const getButtonText = useCallback(() => {
     if (selectedMethod === "stripe") return "Continue to Payment";
     if (selectedMethod === "pass_bundle" || selectedMethod === "membership_bundle") {
@@ -1576,25 +1633,20 @@ var PaymentSelectionStep = ({
       ] }) })
     ] });
   }
-  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__ */ jsxs("div", { className: "er-stack", children: [
     /* @__PURE__ */ jsx("h3", { className: "er-title", children: "Payment Options" }),
     /* @__PURE__ */ jsxs("div", { className: "er-payment-tiles", children: [
-      eligibility.canPayDirectly && eligibility.price && /* @__PURE__ */ jsx(Fragment, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx(
+      canShowDirectPaymentOptions && /* @__PURE__ */ jsx(Fragment, { children: directPaymentOptions.map((option) => /* @__PURE__ */ jsx(
         PaymentTile,
         {
           icon: /* @__PURE__ */ jsx(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
@@ -2014,6 +2066,24 @@ function EventRegistrationWizardActions(props) {
 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(props) {
   const { wizard } = props;
   const summaryEvent = wizard.selectedEvent ?? wizard.preSelectedEvent;
@@ -2028,6 +2098,18 @@ function EventRegistrationSummaryBar(props) {
   const autoAppliedDiscount = wizard.discountCode.trim().length > 0 ? null : wizard.autoAppliedDiscount;
   const autoAppliedDiscountCents = Math.max(0, autoAppliedDiscount?.computedAmountCents ?? 0);
   const discountedTotalCents = Math.max(0, subtotalCents - autoAppliedDiscountCents);
+  const 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__ */ jsxs(Fragment, { children: [
@@ -2071,6 +2153,22 @@ function EventRegistrationSummaryBar(props) {
       summaryPrice > 0 && /* @__PURE__ */ jsx("div", { className: "er-summary-bar-pricing", children: productMethod ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(summaryPrice * wizard.ticketsCount, summaryCurrency) }),
         /* @__PURE__ */ jsx("div", { className: "er-summary-bar-included", children: wizard.paymentSelection.method === "pass" || wizard.paymentSelection.method === "pass_bundle" ? "1 pass credit" : "Included in membership" })
+      ] }) : flexibleBalanceSummary ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        flexibleBalanceSummary.total ? /* @__PURE__ */ jsxs("div", { className: "er-summary-bar-product-detail", children: [
+          "Total: ",
+          flexibleBalanceSummary.total
+        ] }) : null,
+        /* @__PURE__ */ jsx("div", { className: "er-summary-bar-price", children: flexibleBalanceSummary.dueToday ?? formatPrice(discountedTotalCents, summaryCurrency) }),
+        /* @__PURE__ */ jsx("div", { className: "er-summary-bar-included", children: "Payable now" }),
+        flexibleBalanceSummary.remainingBalance ? /* @__PURE__ */ jsxs("div", { className: "er-summary-bar-product-detail", children: [
+          "Remaining balance: ",
+          flexibleBalanceSummary.remainingBalance,
+          flexibleBalanceSummary.balanceDueBy ? ` due by ${flexibleBalanceSummary.balanceDueBy}` : ""
+        ] }) : null,
+        flexibleBalanceSummary.depositPolicy ? /* @__PURE__ */ jsxs("div", { className: "er-summary-bar-product-detail", children: [
+          "Deposit: ",
+          flexibleBalanceSummary.depositPolicy
+        ] }) : null
       ] }) : autoAppliedDiscount && autoAppliedDiscountCents > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx("span", { className: "er-summary-bar-price er-summary-bar-price--struck", children: formatPrice(subtotalCents, summaryCurrency) }),
         /* @__PURE__ */ jsx("div", { className: "er-summary-bar-price", children: formatPrice(discountedTotalCents, summaryCurrency) }),
@@ -3491,7 +3589,7 @@ function EventDetailsView({
         "a",
         {
           className: "rb-tile rb-tile--interactive",
-          href: e.path,
+          ...resolveEventLinkProps(e),
           children: /* @__PURE__ */ jsx(
             DateTimeTile,
             {
@@ -4848,7 +4946,7 @@ var AgendaEventCard = ({
   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);
@@ -4909,7 +5007,7 @@ var AgendaEventCard = ({
       }
     );
   }
-  return /* @__PURE__ */ jsx("a", { href: eventUrl, className: "event-agenda-card", children: cardContent });
+  return /* @__PURE__ */ jsx("a", { ...eventLinkProps, className: "event-agenda-card", children: cardContent });
 };
 var FULL_DAY_NAMES = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
 function formatAgendaDayHeader(date) {

package/dist/client/{chunk-FHU6PFPM.mjs → chunk-KNTLBQ3N.mjs}

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

package/dist/client/{chunk-Z62JYS5O.mjs → chunk-PEDNDLPB.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import { useBlockApi } from './chunk-WHZQDPBZ.mjs';
-import { themeButtonClassName, assertNever } from './chunk-6DPXDOIL.mjs';
-import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-25W2EQUN.mjs';
+import { themeButtonClassName, assertNever } from './chunk-B4H6QMPY.mjs';
+import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-3H5CLFKT.mjs';
 import { useState, useReducer, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/client/{chunk-NBFRJ5NB.mjs → chunk-SLY6UDAS.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import { FeedbackMessage, discountAvailabilityHasDiscounts, getAutoAppliedDiscountPreview, discountAvailabilityAllowsManualEntry } from './chunk-WHZQDPBZ.mjs';
-import { themeButtonClassName } from './chunk-6DPXDOIL.mjs';
-import { formatCurrencyAmount, clsx_default } from './chunk-25W2EQUN.mjs';
+import { themeButtonClassName } from './chunk-B4H6QMPY.mjs';
+import { formatCurrencyAmount, clsx_default } from './chunk-3H5CLFKT.mjs';
 import { useReducer, useEffect, useId, useRef } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 

package/dist/client/{chunk-D3ETC2SU.mjs → chunk-ZIAF2DA4.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { isRecord } from './chunk-6DPXDOIL.mjs';
+import { isRecord } from './chunk-B4H6QMPY.mjs';
 import { useRef, useState, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';