@riverbankcms/sdk 0.85.0 → 0.88.0

package/dist/client/{chunk-UDNSI5PY.mjs → chunk-GOFO7HRH.mjs}

@@ -915,9 +915,8 @@ function createBlockApi(config) {
           name: data.name,
           company: data.company,
           phone: data.phone,
-          listId: data.listId,
+          target: data.target,
           tags: data.tags,
-          blockId: data.blockId,
           meta: data.meta
         }
       });

package/dist/client/{chunk-ZKUO52W3.mjs → chunk-H4MHEXYS.mjs}

@@ -1,5 +1,5 @@
 "use client";
-import { assertNever11 } from './chunk-VGDBVNOO.mjs';
+import { assertNever11 } from './chunk-DIRW2LNG.mjs';
 import { useReducer, useRef, useCallback, useEffect } from 'react';
 
 // ../blocks/src/system/runtime/hooks/usePolling.state.ts

package/dist/client/{chunk-ZE5G642V.mjs → chunk-LI2C6M5O.mjs}

@@ -38,6 +38,43 @@ function subtractDaysFromIso(isoString, dayCount) {
   return addDaysToIso(isoString, -dayCount);
 }
 
+// ../core/src/currency-format.ts
+var CURRENCY_LOCALE_BY_CODE = {
+  USD: "en-US",
+  GBP: "en-GB",
+  EUR: "de-DE",
+  AUD: "en-AU",
+  CAD: "en-CA",
+  NZD: "en-NZ",
+  JPY: "ja-JP",
+  CNY: "zh-CN",
+  CHF: "de-CH"
+};
+function resolveCurrencyLocale(currencyCode, override) {
+  return override ?? CURRENCY_LOCALE_BY_CODE[currencyCode] ?? "en";
+}
+function formatCurrencyAmount(amountCents, currency, options) {
+  const currencyCode = currency.toUpperCase();
+  const locale = resolveCurrencyLocale(currencyCode, options?.locale);
+  try {
+    const exactFormatter = new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode
+    });
+    const fractionDigits = options?.decimals === "auto" ? {
+      minimumFractionDigits: 0,
+      maximumFractionDigits: exactFormatter.resolvedOptions().maximumFractionDigits
+    } : {};
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode,
+      ...fractionDigits
+    }).format(amountCents / 100);
+  } catch {
+    return `${(amountCents / 100).toFixed(2)} ${currencyCode}`;
+  }
+}
+
 // ../core/src/event-pricing.ts
 function publicEventPricingDisplay(pricing) {
   return pricing.display;
@@ -90,11 +127,48 @@ function isFreePublicEventPriceDisplay(display) {
       return display.display.kind === "free";
     case "exact":
     case "from":
+    case "range":
     case "mixed":
     case "unavailable":
       return false;
   }
 }
+function formatCoursePriceDisplayLabel(display, options) {
+  switch (display.kind) {
+    case "free":
+    case "unavailable":
+      return "Course";
+    case "exact":
+      return `Course (${formatCurrencyAmount(display.amount, display.currency, options)})`;
+    case "from":
+      return `Course (From ${formatCurrencyAmount(display.amount, display.currency, options)})`;
+    default:
+      return assertNever(display);
+  }
+}
+function formatBookingPriceDisplay(display, options = {}) {
+  switch (display.kind) {
+    case "free":
+      return "Free";
+    case "exact":
+      return formatCurrencyAmount(display.amount, display.currency, options);
+    case "from":
+      return `From ${formatCurrencyAmount(display.amount, display.currency, options)}`;
+    case "range":
+      return `${formatCurrencyAmount(display.minAmount, display.currency, options)} - ${formatCurrencyAmount(display.maxAmount, display.currency, options)}`;
+    case "mixed":
+      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 "course":
+      return formatCoursePriceDisplayLabel(display.display, options);
+    default:
+      return assertNever(display);
+  }
+}
+function formatEventPricing(pricing, options = {}) {
+  return formatBookingPriceDisplay(publicEventPricingDisplay(pricing), options);
+}
 
 // ../core/src/booking-flexible-balance.ts
 function clampFlexibleBalanceConfiguredAmount(amountCents, totalAmountCents) {
@@ -2104,4 +2178,4 @@ function scaleCssLengthToken(token, factor) {
   return `${rounded}${unit}`;
 }
 
-export { DEFAULT_BOOKING_TIME_ZONE, ImagePresets, MediaPlaceholder, addIntervalPreservingMonthAnchor, addLocalScheduleDays, assertNever, backgroundColorStyle, borderColorStyle, buildResolveImageUrlContext, clampConfiguredAmount, clsx_default, computeMediaTransformStyle, err, formatBookingDate, formatBookingDateParts, formatBookingDateTime, formatBookingInstant, formatBookingTime, formatLocalScheduleDate, getBookingInstalmentDepositRefundability, getBookingInstalmentPlanIntervalCount, getBookingLocalDateKey, getCurrentResolveImageUrlContext, mergeStyles, normalizeLocationAddressText, ok, omitZeroAmountFutureRows, parseAspectRatioValue, parseBookingLocalDate, parseColorTokenParts, publicEventPricingCurrency, publicEventPricingDisplay, publicEventPricingMode, publicEventPricingType, publicEventScalarPrice, publicEventTicketTypes, renderAudio, renderVideo, resolveBookingTimeZoneId, resolveFlexibleBalanceDueAt, resolveFlexibleBalanceInitialPaymentCents, resolveImageUrlWithContext, resolveMediaNodeResponsiveImage, resolvePlanningDateInput, rgbColorValue, setContextResolveImageUrlContext, splitAmountWithRemainderInFirst, textColorStyle, toBookingTimeZone, toLocationCoordinates, toScheduledBookingDateRange, toScheduledBookingDateTime, unsafeAsAppointmentResourceId, unsafeAsAppointmentServiceId, unsafeAsCustomerPassId, unsafeAsFormId, unsafeAsMediaAssetId, unsafeAsPassId };
+export { DEFAULT_BOOKING_TIME_ZONE, ImagePresets, MediaPlaceholder, addIntervalPreservingMonthAnchor, addLocalScheduleDays, assertNever, backgroundColorStyle, borderColorStyle, buildResolveImageUrlContext, clampConfiguredAmount, clsx_default, computeMediaTransformStyle, err, formatBookingDate, formatBookingDateParts, formatBookingDateTime, formatBookingInstant, formatBookingPriceDisplay, formatBookingTime, formatCurrencyAmount, formatEventPricing, formatLocalScheduleDate, getBookingInstalmentDepositRefundability, getBookingInstalmentPlanIntervalCount, getBookingLocalDateKey, getCurrentResolveImageUrlContext, mergeStyles, normalizeLocationAddressText, ok, omitZeroAmountFutureRows, parseAspectRatioValue, parseBookingLocalDate, parseColorTokenParts, publicEventPricingCurrency, publicEventPricingMode, publicEventPricingType, publicEventScalarPrice, publicEventTicketTypes, renderAudio, renderVideo, resolveBookingTimeZoneId, resolveFlexibleBalanceDueAt, resolveFlexibleBalanceInitialPaymentCents, resolveImageUrlWithContext, resolveMediaNodeResponsiveImage, resolvePlanningDateInput, rgbColorValue, setContextResolveImageUrlContext, splitAmountWithRemainderInFirst, textColorStyle, toBookingTimeZone, toLocationCoordinates, toScheduledBookingDateRange, toScheduledBookingDateTime, unsafeAsAppointmentResourceId, unsafeAsAppointmentServiceId, unsafeAsCustomerPassId, unsafeAsFormId, unsafeAsMediaAssetId, unsafeAsPassId };

package/dist/client/{chunk-3DTWLTXM.mjs → chunk-MHBEWDT7.mjs}

@@ -1,6 +1,7 @@
 "use client";
-import { useBlockApi, BlockApiError } from './chunk-UDNSI5PY.mjs';
-import { themeButtonClassName } from './chunk-VGDBVNOO.mjs';
+import { useBlockApi, BlockApiError } from './chunk-GOFO7HRH.mjs';
+import { themeButtonClassName } from './chunk-DIRW2LNG.mjs';
+import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-LI2C6M5O.mjs';
 import { useState, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -87,6 +88,119 @@ function MagicLinkForm({
     )
   ] });
 }
+
+// ../blocks/src/system/blocks/courses/shared/pricing.ts
+function isSaleWindowOpen(option, now) {
+  if (!option.isActive) {
+    return false;
+  }
+  if (option.saleStartsAt && new Date(option.saleStartsAt) > now) {
+    return false;
+  }
+  if (option.saleEndsAt && new Date(option.saleEndsAt) < now) {
+    return false;
+  }
+  return true;
+}
+function toExactOrFreeDisplay(amount, currency) {
+  if (amount <= 0) {
+    return { kind: "free", currency };
+  }
+  return { kind: "exact", amount, currency };
+}
+function getSelectableCoursePricingOptionsForNow(course, now) {
+  if (!course.pricing || course.pricing.pricingStrategy !== "tiered") {
+    return [];
+  }
+  return [...course.pricing.options].filter((option) => isSaleWindowOpen(option, now)).sort((left, right) => {
+    if (left.sortOrder !== right.sortOrder) {
+      return left.sortOrder - right.sortOrder;
+    }
+    if (left.priceAmount !== right.priceAmount) {
+      return left.priceAmount - right.priceAmount;
+    }
+    return left.name.localeCompare(right.name);
+  });
+}
+function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {}) {
+  const currency = course.pricing?.currency ?? course.currency;
+  if (!course.pricing) {
+    const legacyAmount = course.priceCents ?? 0;
+    return {
+      currency,
+      display: toExactOrFreeDisplay(legacyAmount, currency),
+      selectableOptions: [],
+      requiresSelection: false,
+      selectedOption: null,
+      selectedPriceAmount: legacyAmount,
+      selectedRequiresPayment: legacyAmount > 0,
+      hasPaidSelection: legacyAmount > 0,
+      hasFreeSelection: legacyAmount <= 0
+    };
+  }
+  switch (course.pricing.pricingStrategy) {
+    case "free":
+      return {
+        currency,
+        display: { kind: "free", currency },
+        selectableOptions: [],
+        requiresSelection: false,
+        selectedOption: null,
+        selectedPriceAmount: 0,
+        selectedRequiresPayment: false,
+        hasPaidSelection: false,
+        hasFreeSelection: true
+      };
+    case "single": {
+      const amount = course.pricing.singlePriceAmount ?? 0;
+      return {
+        currency,
+        display: toExactOrFreeDisplay(amount, currency),
+        selectableOptions: [],
+        requiresSelection: false,
+        selectedOption: null,
+        selectedPriceAmount: amount,
+        selectedRequiresPayment: amount > 0,
+        hasPaidSelection: amount > 0,
+        hasFreeSelection: amount <= 0
+      };
+    }
+    case "tiered": {
+      const selectableOptions = getSelectableCoursePricingOptionsForNow(
+        course,
+        resolvePlanningDateInput(nowInput)
+      );
+      const selectedOption = (selectedPricingOptionId ? selectableOptions.find((option) => option.id === selectedPricingOptionId) : null) ?? (selectableOptions.length === 1 ? selectableOptions[0] ?? null : null);
+      const lowestAmount = selectableOptions.reduce((lowest, option) => {
+        if (lowest === null || option.priceAmount < lowest) {
+          return option.priceAmount;
+        }
+        return lowest;
+      }, null);
+      const display = lowestAmount === null ? { kind: "unavailable", currency } : selectableOptions.length > 1 && lowestAmount > 0 ? { kind: "from", amount: lowestAmount, currency } : toExactOrFreeDisplay(lowestAmount, currency);
+      return {
+        currency,
+        display,
+        selectableOptions,
+        requiresSelection: selectableOptions.length > 1,
+        selectedOption,
+        selectedPriceAmount: selectedOption?.priceAmount ?? null,
+        selectedRequiresPayment: (selectedOption?.priceAmount ?? 0) > 0,
+        hasPaidSelection: selectableOptions.some((option) => option.priceAmount > 0),
+        hasFreeSelection: selectableOptions.some((option) => option.priceAmount === 0)
+      };
+    }
+  }
+}
+function formatCoursePriceDisplay(display, locale) {
+  return formatBookingPriceDisplay(display, { decimals: "exact", locale });
+}
+function formatCoursePriceAmount(amount, currency, locale) {
+  return formatCoursePriceDisplay(
+    amount > 0 ? { kind: "exact", amount, currency } : { kind: "free", currency },
+    locale
+  );
+}
 var WAITLIST_CLAIM_LOCATION_EVENT = "riverbank:waitlist-claim-location-change";
 var historyPatched = false;
 function emitWaitlistClaimLocationChange() {
@@ -201,4 +315,4 @@ function useWaitlistClaim() {
   };
 }
 
-export { MagicLinkForm, useWaitlistClaim };
+export { MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay, resolveCoursePricingState, useWaitlistClaim };

package/dist/client/{chunk-4OXKTA3D.mjs → chunk-O5JNI3E4.mjs}

@@ -1,6 +1,6 @@
 "use client";
-import { ChevronLeft, ChevronRight } from './chunk-VGDBVNOO.mjs';
-import { clsx_default } from './chunk-ZE5G642V.mjs';
+import { ChevronLeft, ChevronRight } from './chunk-DIRW2LNG.mjs';
+import { clsx_default } from './chunk-LI2C6M5O.mjs';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 

package/dist/client/{chunk-XSV6KW4D.mjs → chunk-S4G65LGR.mjs}

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

package/dist/client/{chunk-DVNUDUVT.mjs → chunk-WBQG7VJA.mjs}

@@ -32,6 +32,8 @@ function ModalShell({
   children,
   portalRoot,
   portal = false,
+  portalWrapperClassName,
+  portalWrapperProps,
   overlayClassName,
   modalClassName,
   renderSrOnlyTitle = false,
@@ -114,7 +116,8 @@ function ModalShell({
   if (!portalRoot) {
     return null;
   }
-  return createPortal(modal, portalRoot);
+  const modalNode = portalWrapperClassName || portalWrapperProps ? /* @__PURE__ */ jsx("div", { ...portalWrapperProps, className: portalWrapperClassName, children: modal }) : modal;
+  return createPortal(modalNode, portalRoot);
 }
 
 // ../blocks/src/system/runtime/shared/utils/checkoutRoute.ts

package/dist/client/{chunk-F5VRX5Y6.mjs → chunk-WCVK4MBJ.mjs}

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

package/dist/client/{chunk-7UCLJ5SP.mjs → chunk-X7GVFB7Y.mjs}

@@ -1,6 +1,6 @@
-import { FeedbackMessage } from './chunk-UDNSI5PY.mjs';
-import { themeButtonClassName } from './chunk-VGDBVNOO.mjs';
-import { clsx_default } from './chunk-ZE5G642V.mjs';
+import { FeedbackMessage } from './chunk-GOFO7HRH.mjs';
+import { themeButtonClassName } from './chunk-DIRW2LNG.mjs';
+import { formatCurrencyAmount, clsx_default } from './chunk-LI2C6M5O.mjs';
 import { useId } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -213,10 +213,7 @@ var DEFAULT_CURRENCY = "GBP";
 
 // ../blocks/src/system/runtime/shared/utils/formatting.ts
 function formatPrice(cents, currency = DEFAULT_CURRENCY, locale) {
-  return new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: currency.toUpperCase()
-  }).format(cents / 100);
+  return formatCurrencyAmount(cents, currency, { locale });
 }
 
 // ../blocks/src/system/runtime/shared/utils/portalLogout.ts