@riverbankcms/sdk 0.91.0 → 0.93.0

package/dist/client/bookings.mjs

@@ -3576,6 +3576,7 @@ function createBlockApi(config) {
         body: {
           courseId: data.courseId,
           ...data.pricingOptionId ? { pricingOptionId: data.pricingOptionId } : {},
+          ...data.selectedSlidingAmount !== void 0 ? { selectedSlidingAmount: data.selectedSlidingAmount } : {},
           email: data.email,
           name: data.name,
           phone: data.phone,
@@ -5287,6 +5288,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":
@@ -5303,6 +5305,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":
@@ -6042,6 +6046,7 @@ var BOOKING_FORM_DATA_RESERVED_KEY_VALUES = [
   "selectedDate",
   "selectedSlot",
   "discountCode",
+  "selectedSlidingAmountInput",
   "selectedCollectionOptionKind",
   "selectedAppointmentPackageId"
 ];
@@ -6325,6 +6330,32 @@ function readOptionalString(value) {
 function readOptionalNumber(value) {
   return typeof value === "number" && Number.isFinite(value) ? value : void 0;
 }
+function getBookingServiceSlidingScale(service) {
+  const pricing = service?.pricing;
+  if (!pricing || pricing.pricingStrategy !== "sliding_scale" || pricing.slidingMinAmount === null || pricing.slidingMinAmount === void 0 || pricing.slidingMaxAmount === null || pricing.slidingMaxAmount === void 0) {
+    return null;
+  }
+  return {
+    minAmount: pricing.slidingMinAmount,
+    maxAmount: pricing.slidingMaxAmount,
+    suggestedAmount: pricing.slidingSuggestedAmount ?? null,
+    currency: pricing.currency
+  };
+}
+function parseBookingCurrencyInputToCents(value) {
+  const trimmed = value?.trim() ?? "";
+  if (!trimmed) return null;
+  if (!/^(?:\d+(?:\.\d{0,2})?|\.\d{1,2})$/.test(trimmed)) return null;
+  const parsed = Number(trimmed);
+  if (!Number.isFinite(parsed) || parsed < 0) return null;
+  return Math.round(parsed * 100);
+}
+function formatBookingCentsAsCurrencyInput(amount) {
+  return amount % 100 === 0 ? String(amount / 100) : (amount / 100).toFixed(2);
+}
+function isBookingServiceSlidingAmountInRange(slidingScale, selectedAmount) {
+  return selectedAmount !== null && selectedAmount >= slidingScale.minAmount && selectedAmount <= slidingScale.maxAmount;
+}
 function readStringArray(value) {
   if (!Array.isArray(value)) return void 0;
   const strings = value.filter((item) => typeof item === "string");
@@ -6513,6 +6544,20 @@ function prepareBookingSubmission(input) {
     };
   }
   const paymentSelectionMode = getBookingServicePaymentSelectionMode(selectedService);
+  const slidingScale = getBookingServiceSlidingScale(selectedService);
+  const selectedSlidingAmount = parseBookingCurrencyInputToCents(
+    input.data.selectedSlidingAmountInput
+  );
+  if (slidingScale && !isBookingServiceSlidingAmountInRange(slidingScale, selectedSlidingAmount)) {
+    return {
+      ok: false,
+      error: {
+        tag: selectedSlidingAmount === null ? "sliding-amount-required" : "sliding-amount-out-of-range",
+        serviceId,
+        serviceTitle: selectedService.title || serviceId
+      }
+    };
+  }
   if (paymentSelectionMode === "choice_required" && !toSelectedCollectionOptionKind(input.data.selectedCollectionOptionKind)) {
     return {
       ok: false,
@@ -6540,6 +6585,7 @@ function prepareBookingSubmission(input) {
       ...common,
       kind: "standard",
       ...discountCode ? { discountCode } : {},
+      ...slidingScale && selectedSlidingAmount !== null ? { selectedSlidingAmount } : {},
       ...selectedCollectionOptionKind ? { selectedCollectionOptionKind } : {},
       altchaSolution: input.altchaSolution ?? null
     }
@@ -6553,6 +6599,10 @@ function formatBookingSubmissionPreparationError(error) {
       return `Service not found: ${error.serviceId}`;
     case "payment-option-required":
       return `Please choose how you want to pay for "${error.serviceTitle}".`;
+    case "sliding-amount-required":
+      return `Please choose an amount for "${error.serviceTitle}".`;
+    case "sliding-amount-out-of-range":
+      return `Please choose an amount within the sliding scale for "${error.serviceTitle}".`;
     case "payment-option-unsupported":
       return `Service "${error.serviceTitle}" has a payment option that is not supported yet.`;
     case "service-missing-duration":
@@ -6676,9 +6726,12 @@ var coursePricingOptionSchema = z9.object({
 });
 var coursePricingSchema = z9.object({
   bookingRequirement: z9.enum(["none", "required"]),
-  pricingStrategy: z9.enum(["free", "single", "tiered"]),
+  pricingStrategy: z9.enum(["free", "single", "tiered", "sliding_scale"]),
   currency: z9.string(),
   singlePriceAmount: z9.number().nullable(),
+  slidingMinAmount: z9.number().nullable().optional(),
+  slidingMaxAmount: z9.number().nullable().optional(),
+  slidingSuggestedAmount: z9.number().nullable().optional(),
   paymentTerms: blockBookingPaymentTermsSchema,
   options: z9.array(coursePricingOptionSchema)
 });
@@ -6781,7 +6834,7 @@ function isRecord4(value) {
 }
 function isPublicEventPricing(value) {
   if (!isRecord4(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";
+  return value.kind === "drop_in" || value.kind === "free_registration" || value.kind === "single_paid" || value.kind === "sliding_scale" || value.kind === "ticket_types" || value.kind === "course" || value.kind === "external";
 }
 function isPublicEventTicketType(value) {
   return isRecord4(value) && typeof value.id === "string";
@@ -7068,6 +7121,19 @@ var publicEventPricingSchema = z12.discriminatedUnion("kind", [
     ticketTypes: z12.array(publicEventTicketTypeSchema),
     display: publicEventTicketTypePriceDisplaySchema
   }),
+  z12.object({
+    kind: z12.literal("sliding_scale"),
+    minAmount: z12.number(),
+    maxAmount: z12.number(),
+    suggestedAmount: z12.number().nullable(),
+    currency: z12.string(),
+    display: z12.object({
+      kind: z12.literal("range"),
+      minAmount: z12.number(),
+      maxAmount: z12.number(),
+      currency: z12.string()
+    })
+  }),
   z12.object({
     kind: z12.literal("course"),
     display: z12.object({ kind: z12.literal("course"), display: publicCoursePriceDisplaySchema })
@@ -13042,6 +13108,7 @@ function useBookingSubmission(_siteId) {
         customFields: data.customFields,
         timezone: data.timezone,
         discountCode: data.discountCode,
+        selectedSlidingAmount: data.selectedSlidingAmount,
         selectedCollectionOptionKind: data.selectedCollectionOptionKind,
         altchaSolution: data.altchaSolution ?? null,
         successUrl: data.successUrl,
@@ -13524,6 +13591,9 @@ function createInitialBookingFlowReducerState(input) {
     fieldValues: collectInitialFieldValues(initialData),
     touchedFields: {},
     discountCode: toOptionalString(initialData.discountCode) ?? "",
+    selectedSlidingAmountInput: toOptionalString(
+      initialData.selectedSlidingAmountInput
+    ) ?? "",
     selectedCollectionOptionKind: toSelectedCollectionOptionKind(
       initialData.selectedCollectionOptionKind
     ),
@@ -13579,6 +13649,7 @@ function bookingFlowReducer(state, event) {
         selectedDate: void 0,
         selectedSlot: null,
         selectedAppointmentPackageId: void 0,
+        selectedSlidingAmountInput: "",
         selectedCollectionOptionKind: void 0,
         validationErrors: clearBookingFormError(state.validationErrors)
       };
@@ -13632,6 +13703,13 @@ function bookingFlowReducer(state, event) {
         selectedAppointmentPackageId: void 0,
         validationErrors: clearBookingFormError(state.validationErrors)
       };
+    case "sliding-amount-changed":
+      return {
+        ...state,
+        selectedSlidingAmountInput: event.value,
+        selectedAppointmentPackageId: void 0,
+        validationErrors: clearBookingFormError(state.validationErrors)
+      };
     case "appointment-package-selected":
       return {
         ...state,
@@ -13734,6 +13812,7 @@ function toBookingFormData(state) {
     selectedDate: state.selectedDate,
     selectedSlot: state.selectedSlot?.startAt,
     discountCode: state.discountCode || void 0,
+    selectedSlidingAmountInput: state.selectedSlidingAmountInput || void 0,
     selectedCollectionOptionKind: state.selectedCollectionOptionKind,
     selectedAppointmentPackageId: state.selectedAppointmentPackageId
   };
@@ -13751,7 +13830,8 @@ function buildBookingStepResolution(input) {
     input.form.settings?.serviceIds && input.form.settings.serviceIds.length > 1
   );
   const selectedService = paymentResolution.service;
-  const needsPayment = paymentResolution.mode !== "hidden" || Boolean(
+  const selectedServiceSlidingScale = getBookingServiceSlidingScale(selectedService);
+  const needsPayment = Boolean(selectedServiceSlidingScale) || paymentResolution.mode !== "hidden" || Boolean(
     input.enableAppointmentPackages && selectedService && (selectedService.priceAmount ?? 0) > 0
   );
   const hasFields = Boolean(input.form.schema?.fields.length);
@@ -13795,6 +13875,18 @@ function validateBookingStep(input) {
         services: input.services,
         defaultServiceId: input.defaultServiceId
       });
+      const slidingScale = getBookingServiceSlidingScale(resolution.service);
+      if (slidingScale && !isBookingServiceSlidingAmountInRange(
+        slidingScale,
+        parseBookingCurrencyInputToCents(input.data.selectedSlidingAmountInput)
+      )) {
+        return {
+          ok: false,
+          errors: createFormBookingValidationError(
+            "Please choose an amount within the sliding scale"
+          )
+        };
+      }
       if (resolution.mode === "hidden" || resolution.mode === "disclosure_only") {
         return { ok: true };
       }
@@ -14296,11 +14388,27 @@ function useHeadlessBookingFlow(options) {
   const selectedServiceId = state.selectedServiceId ?? defaultServiceId;
   const selectedResourceId = state.selectedResourceId ?? defaultResourceId;
   const selectedService = options.services.find((service) => service.id === selectedServiceId) ?? null;
+  const lastSlidingServiceIdRef = useRef6(null);
+  useEffect6(() => {
+    const selectedId = selectedService?.id ?? null;
+    if (lastSlidingServiceIdRef.current === selectedId) return;
+    lastSlidingServiceIdRef.current = selectedId;
+    const slidingScale = getBookingServiceSlidingScale(selectedService);
+    dispatch({
+      type: "sliding-amount-changed",
+      value: slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatBookingCentsAsCurrencyInput(slidingScale.suggestedAmount) : ""
+    });
+  }, [selectedService]);
   const hasPortalBearerAuth = (api.config.authOverrides?.portal ?? api.config.auth).type === "bearer";
+  const selectedServiceSlidingScale = getBookingServiceSlidingScale(selectedService);
+  const selectedSlidingAmount = parseBookingCurrencyInputToCents(
+    state.selectedSlidingAmountInput
+  );
+  const selectedAppointmentPriceAmount = selectedServiceSlidingScale && selectedSlidingAmount !== null ? selectedSlidingAmount : selectedService?.priceAmount ?? 0;
   const canLoadAppointmentPackages = Boolean(
-    options.enableAppointmentPackages && hasPortalBearerAuth && selectedService && (selectedService.priceAmount ?? 0) > 0
+    options.enableAppointmentPackages && hasPortalBearerAuth && selectedService && !selectedServiceSlidingScale && (selectedService.priceAmount ?? 0) > 0
   );
-  const appointmentPackagesUnavailableReason = !options.enableAppointmentPackages ? "disabled" : !selectedService || (selectedService.priceAmount ?? 0) <= 0 ? "missing-priced-service" : !hasPortalBearerAuth ? "missing-portal-auth" : null;
+  const appointmentPackagesUnavailableReason = !options.enableAppointmentPackages ? "disabled" : !selectedService || selectedServiceSlidingScale || (selectedService.priceAmount ?? 0) <= 0 ? "missing-priced-service" : !hasPortalBearerAuth ? "missing-portal-auth" : null;
   const data = useMemo2(() => toBookingFormData(state), [state]);
   const availabilityDatesQuery = useMemo2(
     () => buildBookingAvailabilityQuery({
@@ -14530,13 +14638,13 @@ function useHeadlessBookingFlow(options) {
     state.selectedSlot
   ]);
   const appointmentDiscountContext = useMemo2(
-    () => selectedService && (selectedService.priceAmount ?? 0) > 0 ? { type: "appointment", serviceId: selectedService.id } : null,
-    [selectedService?.id, selectedService?.priceAmount]
+    () => selectedService && selectedAppointmentPriceAmount > 0 ? { type: "appointment", serviceId: selectedService.id } : null,
+    [selectedAppointmentPriceAmount, selectedService?.id]
   );
   const discountUi = useDiscountCodeUi({
     api,
     discountContext: appointmentDiscountContext,
-    subtotalCents: selectedService?.priceAmount ?? 0
+    subtotalCents: selectedAppointmentPriceAmount
   });
   const { submit, clearFeedback } = useBookingSubmission(options.siteId);
   const submittingRef = useRef6(false);
@@ -14679,6 +14787,7 @@ function useHeadlessBookingFlow(options) {
         type: "appointment-package-selected",
         packageId: packageId ? unsafeAsCustomerPassId(packageId) : null
       }),
+      setSlidingAmountInput: (value) => dispatch({ type: "sliding-amount-changed", value }),
       setDiscountCode: (code) => {
         dispatch({ type: "discount-code-changed", code });
         latestRef.current.setDiscountCode(code);
@@ -14749,11 +14858,11 @@ function useHeadlessBookingFlow(options) {
     () => selectedService && paymentResolution.mode !== "unsupported" ? buildBookingPaymentSelectionViewModel({
       serviceTitle: selectedService.title,
       paymentTerms: selectedService.paymentTerms,
-      priceAmount: selectedService.priceAmount,
+      priceAmount: selectedAppointmentPriceAmount,
       priceCurrency: selectedService.priceCurrency,
       bookingStartAt: state.selectedSlot?.startAt
     }) : null,
-    [paymentResolution.mode, selectedService, state.selectedSlot?.startAt]
+    [paymentResolution.mode, selectedAppointmentPriceAmount, selectedService, state.selectedSlot?.startAt]
   );
   const appointmentPackageItems = appointmentPackages.tag === "loaded" ? appointmentPackages.value : [];
   const selectedAppointmentPackage = appointmentPackageItems.find(
@@ -14782,6 +14891,9 @@ function useHeadlessBookingFlow(options) {
     selection: null,
     selectedCollectionOptionKind: state.selectedCollectionOptionKind,
     selectedAppointmentPackageId: state.selectedAppointmentPackageId,
+    selectedSlidingAmountInput: state.selectedSlidingAmountInput,
+    selectedSlidingAmount,
+    slidingScale: selectedServiceSlidingScale,
     appointmentPackages: appointmentPackagesModel,
     errorMessage: paymentResolution.errorMessage ?? "This service cannot be booked right now."
   } : {
@@ -14790,6 +14902,9 @@ function useHeadlessBookingFlow(options) {
     selection: paymentSelection,
     selectedCollectionOptionKind: state.selectedCollectionOptionKind,
     selectedAppointmentPackageId: state.selectedAppointmentPackageId,
+    selectedSlidingAmountInput: state.selectedSlidingAmountInput,
+    selectedSlidingAmount,
+    slidingScale: selectedServiceSlidingScale,
     appointmentPackages: appointmentPackagesModel
   };
   return {
@@ -15352,6 +15467,9 @@ var paymentOptionLayoutStyle = {
 var summaryStackStyle = {
   gap: "0.125rem"
 };
+function formatBookingAmount(amount, currency) {
+  return formatCurrencyAmount(amount, currency, { decimals: "auto" });
+}
 function HeadlessBookingDefaultForm({
   booking,
   onSubmit
@@ -15628,6 +15746,7 @@ function HeadlessBookingPaymentSelectionStep({
   }
   const packageOptions = booking.payment.appointmentPackages.items;
   const hasPackageOptions = packageOptions.length > 0;
+  const slidingScale = booking.payment.slidingScale;
   return /* @__PURE__ */ jsxs7("div", { className: "ab-stack", children: [
     /* @__PURE__ */ jsxs7("div", { className: "ab-info-box", children: [
       /* @__PURE__ */ jsx9("h3", { className: "ab-subtitle", children: viewModel.sectionTitle }),
@@ -15638,6 +15757,28 @@ function HeadlessBookingPaymentSelectionStep({
       booking.payment.appointmentPackages.state.message,
       " You can continue with the normal payment option."
     ] }) : null,
+    slidingScale ? /* @__PURE__ */ jsxs7("div", { className: "rb-space-y-2", children: [
+      /* @__PURE__ */ jsx9("label", { htmlFor: "appointment-sliding-amount", className: "form-label", children: "Choose your price" }),
+      /* @__PURE__ */ jsxs7("p", { className: "rb-caption status-muted", children: [
+        formatBookingAmount(slidingScale.minAmount, slidingScale.currency),
+        " to ",
+        formatBookingAmount(slidingScale.maxAmount, slidingScale.currency),
+        slidingScale.suggestedAmount !== null ? `, suggested ${formatBookingAmount(slidingScale.suggestedAmount, slidingScale.currency)}` : ""
+      ] }),
+      /* @__PURE__ */ jsx9(
+        "input",
+        {
+          id: "appointment-sliding-amount",
+          type: "number",
+          className: "form-input",
+          min: slidingScale.minAmount / 100,
+          max: slidingScale.maxAmount / 100,
+          step: "0.01",
+          value: booking.payment.selectedSlidingAmountInput,
+          onChange: (event) => booking.actions.setSlidingAmountInput(event.target.value)
+        }
+      )
+    ] }) : null,
     /* @__PURE__ */ jsxs7("div", { className: "ab-stack", role: "list", "aria-label": "Payment options", children: [
       packageOptions.map((appointmentPackage) => {
         const isSelected = booking.payment.selectedAppointmentPackageId === appointmentPackage.customerPassId;
@@ -16993,6 +17134,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
         });
@@ -17013,7 +17155,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,
@@ -17645,6 +17787,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,
@@ -17746,6 +17889,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 = useMemo6(
@@ -17790,6 +17962,10 @@ function useEventRegistrationWizard(options) {
     preSelectedEvent?.deliveryMode === "online" ? "online" : preSelectedEvent?.deliveryMode === "in_person" ? "in_person" : null
   );
   const [selectedTicketTypeId, setSelectedTicketTypeId] = useState4(null);
+  const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState4(() => {
+    const slidingScale = getSlidingScaleForEvent(preSelectedEvent ?? null);
+    return slidingScale?.suggestedAmount !== null && slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput(slidingScale.suggestedAmount) : "";
+  });
   const [registrationResult, setRegistrationResult] = useState4(null);
   const [errorMessage, setErrorMessage] = useState4("");
   const [altchaSolution, setAltchaSolution] = useState4(null);
@@ -17826,6 +18002,7 @@ function useEventRegistrationWizard(options) {
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
     ticketTypeId: selectedTicketTypeId,
+    selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
     email: formData.email,
     ticketsCount
   });
@@ -17961,6 +18138,18 @@ function useEventRegistrationWizard(options) {
     }),
     [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
   );
+  const selectedSlidingAmount = useMemo6(
+    () => parseCurrencyInputToCents(selectedSlidingAmountInput),
+    [selectedSlidingAmountInput]
+  );
+  const selectedEventSlidingScale = useMemo6(
+    () => getSlidingScaleForEvent(selectedEvent ?? preSelectedEvent),
+    [selectedEvent, preSelectedEvent]
+  );
+  const slidingScaleSelectionMessage = getSlidingScaleSelectionMessage({
+    slidingScale: selectedEventSlidingScale,
+    selectedAmount: selectedSlidingAmount
+  });
   const ticketTypeSelectionRequired = useMemo6(() => {
     const event = selectedEvent ?? preSelectedEvent;
     if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
@@ -18029,12 +18218,24 @@ function useEventRegistrationWizard(options) {
     setGuestSectionShake(false);
   };
   const eventRequiresPayment = useMemo6(
-    () => 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) {
@@ -18043,6 +18244,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 {
@@ -18127,9 +18333,18 @@ function useEventRegistrationWizard(options) {
   const discountSubtotalCents = useMemo6(() => {
     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");
@@ -18138,6 +18353,7 @@ function useEventRegistrationWizard(options) {
     registrationTarget,
     selectedAttendanceMode,
     selectedTicketTypeId,
+    selectedSlidingAmount,
     ticketsCount,
     formData,
     altchaSolution,
@@ -18152,6 +18368,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"
     );
@@ -18161,6 +18381,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
     );
@@ -18197,6 +18418,11 @@ function useEventRegistrationWizard(options) {
     setSelectedAttendanceMode,
     selectedTicketTypeId,
     setSelectedTicketTypeId,
+    selectedSlidingAmountInput,
+    setSelectedSlidingAmountInput,
+    selectedSlidingAmount,
+    selectedEventSlidingScale,
+    slidingScaleSelectionMessage,
     selectedTicketType,
     visibleTicketTypes,
     ticketTypeSelectionRequired,

package/dist/client/{carousel-TJGQJ7ER.mjs → carousel-W7DQ3YPU.mjs}

@@ -1,8 +1,8 @@
-import { normalizeCarouselProps, CarouselNodeClient } from './chunk-PMNAV6LO.mjs';
+import { normalizeCarouselProps, CarouselNodeClient } from './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-MLBNVN4H.mjs';
-import './chunk-RWYFG625.mjs';
+import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import './chunk-PCHACQEB.mjs';
 import { jsx } from 'react/jsx-runtime';
 
 var decode = defineIslandPropsDecoder("carousel");

package/dist/client/{cart-JUU2JEW4.mjs → cart-PXJ3SXXO.mjs}

@@ -1,15 +1,15 @@
-import { mountShopBlockIsland, CartClient } from './chunk-RMOFBBNA.mjs';
-import './chunk-6RN62XBV.mjs';
-import './chunk-PMNAV6LO.mjs';
+import { mountShopBlockIsland, CartClient } from './chunk-YYVGSYBO.mjs';
+import './chunk-Q47XGAGS.mjs';
+import './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-CKXEUWWA.mjs';
+import './chunk-J6TMMMXW.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
-import './chunk-WHZQDPBZ.mjs';
+import './chunk-TNGL2WJF.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-MLBNVN4H.mjs';
-import './chunk-RWYFG625.mjs';
+import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import './chunk-PCHACQEB.mjs';
 
 // src/rendering/islands/enhancers/cart.tsx
 var decode = defineIslandPropsDecoder("cart");

package/dist/client/{checkout-RD6BTFX4.mjs → checkout-X3JYSOXI.mjs}

@@ -1,15 +1,15 @@
-import { mountShopBlockIsland, CheckoutClient } from './chunk-RMOFBBNA.mjs';
-import './chunk-6RN62XBV.mjs';
-import './chunk-PMNAV6LO.mjs';
+import { mountShopBlockIsland, CheckoutClient } from './chunk-YYVGSYBO.mjs';
+import './chunk-Q47XGAGS.mjs';
+import './chunk-JNE6UI6U.mjs';
 import './chunk-6N7YRNYU.mjs';
 import './chunk-L4J5Y62O.mjs';
-import './chunk-CKXEUWWA.mjs';
+import './chunk-J6TMMMXW.mjs';
 import './chunk-3DCJ45Z2.mjs';
 import './chunk-WBQG7VJA.mjs';
-import './chunk-WHZQDPBZ.mjs';
+import './chunk-TNGL2WJF.mjs';
 import './chunk-N7PBWBWQ.mjs';
-import { defineIslandPropsDecoder } from './chunk-MLBNVN4H.mjs';
-import './chunk-RWYFG625.mjs';
+import { defineIslandPropsDecoder } from './chunk-6SYGVVWA.mjs';
+import './chunk-PCHACQEB.mjs';
 
 // src/rendering/islands/enhancers/checkout.tsx
 var decode = defineIslandPropsDecoder("checkout");