@riverbankcms/sdk 0.91.0 → 0.92.0

package/dist/client/{chunk-FMZZHAIR.mjs → chunk-AUMRQ242.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { useBlockApi } from './chunk-WHZQDPBZ.mjs';
-import { themeButtonClassName, assertNever } from './chunk-MLBNVN4H.mjs';
-import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-RWYFG625.mjs';
+import { useBlockApi } from './chunk-TNGL2WJF.mjs';
+import { themeButtonClassName, assertNever } from './chunk-R3CZQLXF.mjs';
+import { resolvePlanningDateInput, formatBookingPriceDisplay } from './chunk-GH6IIOOE.mjs';
 import { useState, useReducer, useSyncExternalStore, useEffect } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -163,7 +163,9 @@ function getSelectableCoursePricingOptionsForNow(course, now) {
     return left.name.localeCompare(right.name);
   });
 }
-function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {}) {
+function resolveCoursePricingState(course, selectedPricingOptionId, selectedSlidingAmountOrNowInput, nowInput = {}) {
+  const selectedSlidingAmount = typeof selectedSlidingAmountOrNowInput === "number" || selectedSlidingAmountOrNowInput === null ? selectedSlidingAmountOrNowInput : null;
+  const effectiveNowInput = typeof selectedSlidingAmountOrNowInput === "object" && selectedSlidingAmountOrNowInput !== null ? selectedSlidingAmountOrNowInput : nowInput;
   const currency = course.pricing?.currency ?? course.currency;
   if (!course.pricing) {
     const legacyAmount = course.priceCents ?? 0;
@@ -173,6 +175,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
       selectableOptions: [],
       requiresSelection: false,
       selectedOption: null,
+      slidingScale: null,
+      selectedSlidingAmount: null,
       selectedPriceAmount: legacyAmount,
       selectedRequiresPayment: legacyAmount > 0,
       hasPaidSelection: legacyAmount > 0,
@@ -187,6 +191,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
         selectableOptions: [],
         requiresSelection: false,
         selectedOption: null,
+        slidingScale: null,
+        selectedSlidingAmount: null,
         selectedPriceAmount: 0,
         selectedRequiresPayment: false,
         hasPaidSelection: false,
@@ -200,6 +206,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
         selectableOptions: [],
         requiresSelection: false,
         selectedOption: null,
+        slidingScale: null,
+        selectedSlidingAmount: null,
         selectedPriceAmount: amount,
         selectedRequiresPayment: amount > 0,
         hasPaidSelection: amount > 0,
@@ -209,7 +217,7 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
     case "tiered": {
       const selectableOptions = getSelectableCoursePricingOptionsForNow(
         course,
-        resolvePlanningDateInput(nowInput)
+        resolvePlanningDateInput(effectiveNowInput)
       );
       const selectedOption = (selectedPricingOptionId ? selectableOptions.find((option) => option.id === selectedPricingOptionId) : null) ?? (selectableOptions.length === 1 ? selectableOptions[0] ?? null : null);
       const lowestAmount = selectableOptions.reduce((lowest, option) => {
@@ -225,12 +233,51 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
         selectableOptions,
         requiresSelection: selectableOptions.length > 1,
         selectedOption,
+        slidingScale: null,
+        selectedSlidingAmount: null,
         selectedPriceAmount: selectedOption?.priceAmount ?? null,
         selectedRequiresPayment: (selectedOption?.priceAmount ?? 0) > 0,
         hasPaidSelection: selectableOptions.some((option) => option.priceAmount > 0),
         hasFreeSelection: selectableOptions.some((option) => option.priceAmount === 0)
       };
     }
+    case "sliding_scale": {
+      const minAmount = course.pricing.slidingMinAmount ?? null;
+      const maxAmount = course.pricing.slidingMaxAmount ?? null;
+      if (minAmount === null || maxAmount === null || minAmount < 0 || maxAmount < minAmount) {
+        return {
+          currency,
+          display: { kind: "unavailable", currency },
+          selectableOptions: [],
+          requiresSelection: true,
+          selectedOption: null,
+          slidingScale: null,
+          selectedSlidingAmount: null,
+          selectedPriceAmount: null,
+          selectedRequiresPayment: false,
+          hasPaidSelection: false,
+          hasFreeSelection: false
+        };
+      }
+      const normalizedSelectedAmount = typeof selectedSlidingAmount === "number" && Number.isFinite(selectedSlidingAmount) ? selectedSlidingAmount : null;
+      return {
+        currency,
+        display: { kind: "range", minAmount, maxAmount, currency },
+        selectableOptions: [],
+        requiresSelection: normalizedSelectedAmount === null,
+        selectedOption: null,
+        slidingScale: {
+          minAmount,
+          maxAmount,
+          suggestedAmount: course.pricing.slidingSuggestedAmount ?? null
+        },
+        selectedSlidingAmount: normalizedSelectedAmount,
+        selectedPriceAmount: normalizedSelectedAmount,
+        selectedRequiresPayment: (normalizedSelectedAmount ?? 0) > 0,
+        hasPaidSelection: maxAmount > 0,
+        hasFreeSelection: minAmount === 0
+      };
+    }
   }
 }
 function formatCoursePriceDisplay(display, locale) {

package/dist/client/{chunk-PMNAV6LO.mjs → chunk-B5UC2D6X.mjs}

@@ -1,6 +1,6 @@
 "use client";
 import { ChevronLeft, ChevronRight } from './chunk-6N7YRNYU.mjs';
-import { clsx_default } from './chunk-RWYFG625.mjs';
+import { clsx_default } from './chunk-GH6IIOOE.mjs';
 import React, { useRef, useState, useCallback, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
@@ -1987,12 +1987,13 @@ var CarouselNodeClient = ({
     ]
   );
   const resolvedSlides = resolveSlidesToShowMobile(normalized.slidesToShow);
+  const canAutoplay = normalized.autoplay && slides.length > 1;
   const cssVars = React.useMemo(
     () => getCarouselSlidesToShowCssVars(normalized.slidesToShow),
     [normalized.slidesToShow]
   );
   const plugins = React.useMemo(() => {
-    if (!normalized.autoplay) return void 0;
+    if (!canAutoplay) return void 0;
     return [
       Autoplay({
         delay: normalized.autoplayDelay,
@@ -2002,7 +2003,7 @@ var CarouselNodeClient = ({
         // Continue after manual navigation
       })
     ];
-  }, [normalized.autoplay, normalized.autoplayDelay]);
+  }, [canAutoplay, normalized.autoplayDelay]);
   const [viewportRef, api] = useEmblaCarousel(
     {
       align: "start",
@@ -2041,7 +2042,7 @@ var CarouselNodeClient = ({
     };
   }, [api]);
   React.useEffect(() => {
-    if (!api || !normalized.autoplay) return;
+    if (!api || !canAutoplay) return;
     const autoplayPlugin = api.plugins()?.autoplay;
     if (!autoplayPlugin) return;
     const handleVisibility = () => {
@@ -2050,7 +2051,7 @@ var CarouselNodeClient = ({
     };
     document.addEventListener("visibilitychange", handleVisibility);
     return () => document.removeEventListener("visibilitychange", handleVisibility);
-  }, [api, normalized.autoplay]);
+  }, [api, canAutoplay]);
   const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: "carousel-frame rb-overflow-hidden rb-w-full", children: /* @__PURE__ */ jsx(
       "div",
@@ -2101,7 +2102,7 @@ var CarouselNodeClient = ({
       "data-show-controls": normalized.showControls ? "true" : "false",
       "data-show-dots": normalized.showDots ? "true" : "false",
       "data-arrow-visibility": normalized.arrowVisibility,
-      "data-autoplay": normalized.autoplay ? "true" : "false",
+      "data-autoplay": canAutoplay ? "true" : "false",
       "data-loop": normalized.loop ? "true" : "false",
       children: inner
     }

package/dist/client/{chunk-6RN62XBV.mjs → chunk-ERQDHUS2.mjs}

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

package/dist/client/{chunk-RWYFG625.mjs → chunk-GH6IIOOE.mjs}

@@ -15,6 +15,7 @@ function err(error) {
 
 // ../core/src/branded.ts
 var unsafeAsMediaAssetId = (id) => id;
+var unsafeAsStoragePath = (value) => value;
 var unsafeAsFormId = (id) => id;
 var unsafeAsPassId = (id) => id;
 var unsafeAsCustomerPassId = (id) => id;
@@ -86,6 +87,7 @@ function publicEventPricingType(pricing) {
       return "free";
     case "single_paid":
     case "ticket_types":
+    case "sliding_scale":
     case "course":
       return isFreePublicEventPriceDisplay(pricing.display) ? "free" : "paid";
     case "external":
@@ -98,6 +100,7 @@ function publicEventPricingCurrency(pricing) {
     case "free_registration":
     case "single_paid":
     case "ticket_types":
+    case "sliding_scale":
       return pricing.currency;
     case "course":
       return pricing.display.display.currency;
@@ -115,6 +118,8 @@ function publicEventPricingMode(pricing) {
       return "single";
     case "ticket_types":
       return "ticket_types";
+    case "sliding_scale":
+      return "sliding_scale";
     case "drop_in":
     case "course":
     case "external":
@@ -148,6 +153,8 @@ function formatCoursePriceDisplayLabel(display, options) {
       return `Course (${formatCurrencyAmount(display.amount, display.currency, options)})`;
     case "from":
       return `Course (From ${formatCurrencyAmount(display.amount, display.currency, options)})`;
+    case "range":
+      return `Course (${formatCurrencyAmount(display.minAmount, display.currency, options)} - ${formatCurrencyAmount(display.maxAmount, display.currency, options)})`;
     default:
       return assertNever(display);
   }
@@ -623,6 +630,27 @@ function clsx() {
 }
 var clsx_default = clsx;
 
+// ../media-core/src/fileSafety.ts
+var CONTROL_CHARACTER_PATTERN = /[\u0000-\u001f\u007f]/u;
+function containsUnsafePathSegmentCharacter(value) {
+  return value.includes("/") || value.includes("\\") || CONTROL_CHARACTER_PATTERN.test(value);
+}
+function isReservedPathSegment(value) {
+  return value === "." || value === "..";
+}
+function isUnsafePathSegment(segment) {
+  return segment.trim().length === 0 || segment !== segment.trim() || isReservedPathSegment(segment) || containsUnsafePathSegmentCharacter(segment);
+}
+function parseStoragePath(value) {
+  return joinStoragePathSegments(value.split("/"));
+}
+function joinStoragePathSegments(segments) {
+  if (segments.some(isUnsafePathSegment)) {
+    return err("unsafe-path-segment");
+  }
+  return ok(unsafeAsStoragePath(segments.join("/")));
+}
+
 // ../media-core/src/typeGuards.ts
 function isRecord(value) {
   return Boolean(value) && typeof value === "object" && !Array.isArray(value);
@@ -639,10 +667,10 @@ var RELATIVE_STORAGE_PATH_PREFIXES = [
   "imports/"
 ];
 function isRelativeDirectImageStoragePath(storagePath) {
-  return RELATIVE_STORAGE_PATH_PREFIXES.some((prefix) => storagePath.startsWith(prefix));
+  return RELATIVE_STORAGE_PATH_PREFIXES.some((prefix) => storagePath.startsWith(prefix)) && parseStoragePath(storagePath).ok;
 }
 function isSiteScopedDirectImageStoragePath(storagePath) {
-  return storagePath.startsWith("sites/");
+  return storagePath.startsWith("sites/") && parseStoragePath(storagePath).ok;
 }
 function encodeStoragePath(storagePath) {
   return storagePath.split("/").map((segment) => encodeURIComponent(segment)).join("/");

package/dist/client/{chunk-C4LP6BPG.mjs → chunk-HQWIJLYN.mjs}

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

package/dist/client/{chunk-RMOFBBNA.mjs → chunk-JXY6NHG6.mjs}

@@ -1,13 +1,13 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-6RN62XBV.mjs';
-import { CarouselNodeClient } from './chunk-PMNAV6LO.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-ERQDHUS2.mjs';
+import { CarouselNodeClient } from './chunk-B5UC2D6X.mjs';
 import { buildRouteIslandApiConfig } from './chunk-L4J5Y62O.mjs';
-import { useDiscountCodeUi, createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-CKXEUWWA.mjs';
+import { useDiscountCodeUi, createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-ZJDBOLX7.mjs';
 import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-WBQG7VJA.mjs';
-import { useBlockApi, FeedbackMessage, BlockApiProvider, discountAvailabilityHasDiscounts, discountAvailabilityAllowsManualEntry, getAutoAppliedDiscountPreview } from './chunk-WHZQDPBZ.mjs';
+import { useBlockApi, FeedbackMessage, BlockApiProvider, discountAvailabilityHasDiscounts, discountAvailabilityAllowsManualEntry, getAutoAppliedDiscountPreview } from './chunk-TNGL2WJF.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever as assertNever$1, reportWorkflowError, clearWorkflowFeedback, unwrapRichTextRoot, createRichTextDocFromMarkdown, isRecord } from './chunk-MLBNVN4H.mjs';
-import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-RWYFG625.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever as assertNever$1, reportWorkflowError, clearWorkflowFeedback, unwrapRichTextRoot, createRichTextDocFromMarkdown, isRecord } from './chunk-R3CZQLXF.mjs';
+import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-GH6IIOOE.mjs';
 import * as React3 from 'react';
 import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/client/{chunk-6QZIBNGV.mjs → chunk-KXYEKEV6.mjs}

@@ -1,16 +1,16 @@
 "use client";
-import { LeafletStaticMap } from './chunk-C4LP6BPG.mjs';
-import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-FMZZHAIR.mjs';
+import { LeafletStaticMap } from './chunk-HQWIJLYN.mjs';
+import { resolveCoursePricingState, useWaitlistClaim, MagicLinkForm, formatCoursePriceAmount, formatCoursePriceDisplay } from './chunk-AUMRQ242.mjs';
 import { CreditCard, Ticket, Star, Sparkles } from './chunk-6N7YRNYU.mjs';
-import { usePolling, buildBookingPaymentSelectionViewModel } from './chunk-E6VIWZUG.mjs';
-import { SpinnerNode } from './chunk-ISAUXU5R.mjs';
-import { createBodyThemePortalRoot, TabBarFragment, useDiscountCodeUi, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-CKXEUWWA.mjs';
+import { usePolling, buildBookingPaymentSelectionViewModel } from './chunk-N2WJPTF7.mjs';
+import { SpinnerNode } from './chunk-QQNVQ62W.mjs';
+import { createBodyThemePortalRoot, TabBarFragment, useDiscountCodeUi, logoutPortal, consumeSearchParam, StepIndicator, DiscountCodeDisclosure, TerminalPanel, StateIcon, formatPrice, CrossIcon, ClockIcon, LoggedInAsUser, CheckIcon } from './chunk-ZJDBOLX7.mjs';
 import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
 import { ModalShell } from './chunk-WBQG7VJA.mjs';
 import { isSpamProtectionEnabled, AltchaWidget, getChallengeUrl } from './chunk-LJCX6V7Q.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, resolveEventLinkProps, DateTimeTile, assertNever, EventCard, buildCalendarViewport, shiftCalendarAnchorDate, addMonths, getThreeMonthRange, buildTimetableModel, formatDate, MONTH_NAMES, getEventAvailability, formatEventTeacherLine, toRegistrationEvents, isEventContentType, findPreSelectedEvent, resolveRegistrationTarget, findEventByOccurrenceId, resolveEventRequiresPayment, resolveDiscountContext } from './chunk-MLBNVN4H.mjs';
-import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-RWYFG625.mjs';
+import { useBlockApi, FeedbackMessage } from './chunk-TNGL2WJF.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-R3CZQLXF.mjs';
+import { publicEventPricingType, getBookingLocalDateKey, toScheduledBookingDateTime, toBookingTimeZone, publicEventPricingCurrency, formatBookingDateTime, publicEventPricingMode, publicEventScalarPrice, publicEventTicketTypes, formatCurrencyAmount, formatBookingDate, formatBookingTime } from './chunk-GH6IIOOE.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';
@@ -525,6 +525,7 @@ function useEligibility(params) {
           occurrenceId: params.occurrenceId,
           attendanceMode: params.attendanceMode ?? void 0,
           ticketTypeId: params.ticketTypeId ?? void 0,
+          selectedSlidingAmount: params.selectedSlidingAmount ?? void 0,
           email: params.email.trim().toLowerCase(),
           ticketsCount: params.ticketsCount
         });
@@ -545,7 +546,7 @@ function useEligibility(params) {
     return () => {
       cancelled = true;
     };
-  }, [api, params.enabled, params.occurrenceId, params.attendanceMode, params.ticketTypeId, params.email, params.ticketsCount]);
+  }, [api, params.enabled, params.occurrenceId, params.attendanceMode, params.ticketTypeId, params.selectedSlidingAmount, params.email, params.ticketsCount]);
   return {
     state,
     eligibility: state.eligibility,
@@ -868,6 +869,41 @@ function TicketCounterLimit(props) {
     ] }) : null
   ] });
 }
+function formatCurrencyInputAmount(amount) {
+  const major = amount / 100;
+  return Number.isInteger(major) ? String(major) : major.toFixed(2);
+}
+function SlidingScaleAmountField(props) {
+  const minLabel = formatPrice(props.slidingScale.minAmount, props.currency);
+  const maxLabel = formatPrice(props.slidingScale.maxAmount, props.currency);
+  const suggestedLabel = props.slidingScale.suggestedAmount !== null ? formatPrice(props.slidingScale.suggestedAmount, props.currency) : null;
+  return /* @__PURE__ */ jsxs("div", { className: "er-field", children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: "er-sliding-amount", className: "er-label", children: "Amount" }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id: "er-sliding-amount",
+        type: "number",
+        min: formatCurrencyInputAmount(props.slidingScale.minAmount),
+        max: formatCurrencyInputAmount(props.slidingScale.maxAmount),
+        step: "0.01",
+        inputMode: "decimal",
+        className: "er-input",
+        value: props.value,
+        onChange: (event) => props.onChange?.(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs("p", { className: "er-text er-text--muted", children: [
+      "Choose between ",
+      minLabel,
+      " and ",
+      maxLabel,
+      suggestedLabel ? `; suggested ${suggestedLabel}` : "",
+      "."
+    ] }),
+    props.message ? /* @__PURE__ */ jsx("p", { className: "er-text er-text--muted", children: props.message }) : null
+  ] });
+}
 function getTicketTypeCounterAvailabilityLabel(input) {
   if (input.selectedRemainingCapacity !== null) {
     return `${input.selectedRemainingCapacity} remaining for this ticket type`;
@@ -931,6 +967,10 @@ var TicketSelectionStep = ({
   maxTickets,
   selectedTicketTypeId = null,
   onTicketTypeChange,
+  slidingScale = null,
+  selectedSlidingAmountInput = "",
+  slidingScaleSelectionMessage = null,
+  onSlidingAmountChange,
   onTicketsChange
 }) => {
   const deliveryMode = event?.deliveryMode ?? "in_person";
@@ -1046,6 +1086,16 @@ var TicketSelectionStep = ({
         ] })
       ] })
     ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      slidingScale ? /* @__PURE__ */ jsx(
+        SlidingScaleAmountField,
+        {
+          slidingScale,
+          currency: eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY,
+          value: selectedSlidingAmountInput,
+          message: slidingScaleSelectionMessage,
+          onChange: onSlidingAmountChange
+        }
+      ) : null,
       /* @__PURE__ */ jsx("h3", { className: "er-title", children: canJoinWaitlist ? "How many waitlist spots?" : "How many tickets?" }),
       /* @__PURE__ */ jsxs("div", { className: "er-ticket-counter-group", children: [
         /* @__PURE__ */ jsx(
@@ -1898,6 +1948,10 @@ function EventRegistrationWizardContent(props) {
             maxTickets: wizard.maxTicketsNum,
             selectedTicketTypeId: wizard.selectedTicketTypeId,
             onTicketTypeChange: wizard.setSelectedTicketTypeId,
+            slidingScale: wizard.selectedEventSlidingScale,
+            selectedSlidingAmountInput: wizard.selectedSlidingAmountInput,
+            slidingScaleSelectionMessage: wizard.slidingScaleSelectionMessage,
+            onSlidingAmountChange: wizard.setSelectedSlidingAmountInput,
             onTicketsChange: wizard.setTicketsCount
           }
         )
@@ -2091,7 +2145,7 @@ function EventRegistrationSummaryBar(props) {
   const summaryTimeZone = wizard.occurrenceContext?.timeZone ?? summaryEvent?.timeZone ?? null;
   const occurrenceOverrideTitle = wizard.occurrenceContext?.overrides?.title;
   const summaryTitle = occurrenceOverrideTitle ?? summaryEvent?.title ?? "";
-  const summaryPrice = wizard.selectedTicketType?.priceAmount ?? wizard.eligibility?.price ?? (summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0;
+  const summaryPrice = wizard.selectedTicketType?.priceAmount ?? wizard.eligibility?.price ?? (wizard.selectedEventSlidingScale ? wizard.selectedSlidingAmount : null) ?? (summaryEvent ? publicEventScalarPrice(summaryEvent.pricing) : null) ?? 0;
   const summaryCurrency = (summaryEvent ? publicEventPricingCurrency(summaryEvent.pricing) : null) ?? DEFAULT_EVENT_CURRENCY;
   const teamMemberNames = (summaryEvent?.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
   const subtotalCents = Math.max(0, summaryPrice * wizard.ticketsCount);
@@ -2347,6 +2401,7 @@ function useEventRegistrationSubmit(options) {
         occurrenceId: submitOccurrenceId,
         attendanceMode: options.selectedAttendanceMode ?? void 0,
         ticketTypeId: options.selectedTicketTypeId ?? void 0,
+        selectedSlidingAmount: options.selectedSlidingAmount ?? void 0,
         email: options.formData.email.trim().toLowerCase(),
         name: options.formData.name.trim(),
         ticketsCount: options.ticketsCount,
@@ -2448,6 +2503,35 @@ function useEventRegistrationSubmit(options) {
 }
 
 // ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationWizard.ts
+function parseCurrencyInputToCents(value) {
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const amount = Number(trimmed);
+  if (!Number.isFinite(amount) || amount < 0) return null;
+  return Math.round(amount * 100);
+}
+function formatCentsAsCurrencyInput(amount) {
+  const major = amount / 100;
+  return Number.isInteger(major) ? String(major) : major.toFixed(2);
+}
+function getSlidingScaleForEvent(event) {
+  const pricing = event ? resolveRuntimeEventPricing(event) : null;
+  return pricing?.kind === "sliding_scale" ? {
+    minAmount: pricing.minAmount,
+    maxAmount: pricing.maxAmount,
+    suggestedAmount: pricing.suggestedAmount
+  } : null;
+}
+function getSlidingScaleSelectionMessage(input) {
+  if (!input.slidingScale) return null;
+  if (input.selectedAmount === null) {
+    return "Choose an amount to continue.";
+  }
+  if (input.selectedAmount < input.slidingScale.minAmount || input.selectedAmount > input.slidingScale.maxAmount) {
+    return "Choose an amount within the sliding scale.";
+  }
+  return null;
+}
 function useEventRegistrationWizard(options) {
   const api = useBlockApi();
   const registrationEvents = useMemo(
@@ -2492,6 +2576,10 @@ function useEventRegistrationWizard(options) {
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
   const [selectedTicketTypeId, setSelectedTicketTypeId] = useState(null);
+  const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState(() => {
+    const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
+    return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
+  });
   const [registrationResult, setRegistrationResult] = useState(null);
   const [errorMessage, setErrorMessage] = useState("");
   const [altchaSolution, setAltchaSolution] = useState(null);
@@ -2528,6 +2616,7 @@ function useEventRegistrationWizard(options) {
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
     ticketTypeId: selectedTicketTypeId,
+    selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
     email: formData.email,
     ticketsCount
   });
@@ -2663,6 +2752,18 @@ function useEventRegistrationWizard(options) {
     }),
     [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
   );
+  const selectedSlidingAmount = useMemo(
+    () => parseCurrencyInputToCents(selectedSlidingAmountInput),
+    [selectedSlidingAmountInput]
+  );
+  const selectedEventSlidingScale = useMemo(
+    () => getSlidingScaleForEvent(selectedEvent ?? preSelectedEvent),
+    [selectedEvent, preSelectedEvent]
+  );
+  const slidingScaleSelectionMessage = getSlidingScaleSelectionMessage({
+    slidingScale: selectedEventSlidingScale,
+    selectedAmount: selectedSlidingAmount
+  });
   const ticketTypeSelectionRequired = useMemo(() => {
     const event = selectedEvent ?? preSelectedEvent;
     if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
@@ -2731,12 +2832,24 @@ function useEventRegistrationWizard(options) {
     setGuestSectionShake(false);
   };
   const eventRequiresPayment = useMemo(
-    () => resolveEventRequiresPayment({
+    () => {
+      if (selectedEventSlidingScale) {
+        return (selectedSlidingAmount ?? 0) > 0;
+      }
+      return resolveEventRequiresPayment({
+        eligibility,
+        selectedTicketType,
+        event: selectedEvent ?? preSelectedEvent
+      });
+    },
+    [
       eligibility,
       selectedTicketType,
-      event: selectedEvent ?? preSelectedEvent
-    }),
-    [eligibility, selectedTicketType, selectedEvent, preSelectedEvent]
+      selectedEvent,
+      preSelectedEvent,
+      selectedEventSlidingScale,
+      selectedSlidingAmount
+    ]
   );
   const handleDetailsComplete = async () => {
     if (ticketTypeSelectionRequired && !hasValidSelectedTicketType) {
@@ -2745,6 +2858,11 @@ function useEventRegistrationWizard(options) {
       setStep("error");
       return { ok: false, reason: "blocked", message };
     }
+    if (slidingScaleSelectionMessage) {
+      setErrorMessage(slidingScaleSelectionMessage);
+      setStep("error");
+      return { ok: false, reason: "blocked", message: slidingScaleSelectionMessage };
+    }
     if (!validateForm()) {
       setGuestSectionShake(true);
       return {
@@ -2829,9 +2947,18 @@ function useEventRegistrationWizard(options) {
   const discountSubtotalCents = useMemo(() => {
     if (discountContext?.type !== "event") return void 0;
     const event = selectedEvent ?? preSelectedEvent;
-    const eventPriceCents = selectedTicketType?.priceAmount ?? eligibility?.price ?? (event ? publicEventScalarPrice(resolveRuntimeEventPricing(event)) : null) ?? 0;
+    const eventPriceCents = selectedTicketType?.priceAmount ?? eligibility?.price ?? (selectedEventSlidingScale ? selectedSlidingAmount : null) ?? (event ? publicEventScalarPrice(resolveRuntimeEventPricing(event)) : null) ?? 0;
     return Math.max(0, eventPriceCents * ticketsCount);
-  }, [discountContext, selectedTicketType, eligibility, selectedEvent, preSelectedEvent, ticketsCount]);
+  }, [
+    discountContext,
+    selectedTicketType,
+    eligibility,
+    selectedEvent,
+    preSelectedEvent,
+    selectedEventSlidingScale,
+    selectedSlidingAmount,
+    ticketsCount
+  ]);
   const discountUi = useDiscountCodeUi({ api, discountContext, subtotalCents: discountSubtotalCents });
   const selectionMethod = paymentSelection.method;
   const shouldShowDiscountToggle = discountContext !== null && discountUi.manualCodeEntryAllowed && (selectionMethod === "stripe" || selectionMethod === "pass_bundle" || selectionMethod === "membership_bundle");
@@ -2840,6 +2967,7 @@ function useEventRegistrationWizard(options) {
     registrationTarget,
     selectedAttendanceMode,
     selectedTicketTypeId,
+    selectedSlidingAmount,
     ticketsCount,
     formData,
     altchaSolution,
@@ -2854,6 +2982,10 @@ function useEventRegistrationWizard(options) {
   });
   const handleEventSelect = (event) => {
     setSelectedEvent(event);
+    const slidingScale = getSlidingScaleForEvent(event);
+    setSelectedSlidingAmountInput(
+      slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : ""
+    );
     setSelectedAttendanceMode(
       (event.deliveryMode ?? "in_person") === "hybrid" ? null : (event.deliveryMode ?? "in_person") === "online" ? "online" : "in_person"
     );
@@ -2863,6 +2995,7 @@ function useEventRegistrationWizard(options) {
   const handleRetry = () => {
     dispatchFlow({ type: "reset", hasPreSelectedContext });
     setSelectedTicketTypeId(null);
+    setSelectedSlidingAmountInput("");
     setSelectedAttendanceMode(
       preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
     );
@@ -2899,6 +3032,11 @@ function useEventRegistrationWizard(options) {
     setSelectedAttendanceMode,
     selectedTicketTypeId,
     setSelectedTicketTypeId,
+    selectedSlidingAmountInput,
+    setSelectedSlidingAmountInput,
+    selectedSlidingAmount,
+    selectedEventSlidingScale,
+    slidingScaleSelectionMessage,
     selectedTicketType,
     visibleTicketTypes,
     ticketTypeSelectionRequired,

package/dist/client/{chunk-E6VIWZUG.mjs → chunk-N2WJPTF7.mjs}

@@ -1,7 +1,7 @@
 "use client";
-import { formatPrice } from './chunk-CKXEUWWA.mjs';
-import { assertNever } from './chunk-MLBNVN4H.mjs';
-import { resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows } from './chunk-RWYFG625.mjs';
+import { formatPrice } from './chunk-ZJDBOLX7.mjs';
+import { assertNever } from './chunk-R3CZQLXF.mjs';
+import { resolveFlexibleBalanceInitialPaymentCents, resolveFlexibleBalanceDueAt, getBookingInstalmentDepositRefundability, splitAmountWithRemainderInFirst, addIntervalPreservingMonthAnchor, clampConfiguredAmount, getBookingInstalmentPlanIntervalCount, omitZeroAmountFutureRows } from './chunk-GH6IIOOE.mjs';
 import { useReducer, useRef, useCallback, useEffect } from 'react';
 
 // ../blocks/src/system/runtime/shared/bookingPaymentOptionCopy.ts

package/dist/client/{chunk-ISAUXU5R.mjs → chunk-QQNVQ62W.mjs}

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