@riverbankcms/sdk 0.91.0 → 0.92.0

package/dist/client/rendering/client.mjs

@@ -826,6 +826,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,
@@ -2986,12 +2987,13 @@ var init_result = __esm({
 });
 
 // ../core/src/branded.ts
-var unsafeAsMediaAssetId, unsafeAsStorageBucketName, unsafeAsPositiveByteCount, unsafeAsPositiveSeconds, unsafeAsFormId, unsafeAsPassId, unsafeAsCustomerPassId, unsafeAsAppointmentServiceId, unsafeAsAppointmentResourceId;
+var unsafeAsMediaAssetId, unsafeAsStorageBucketName, unsafeAsStoragePath, unsafeAsPositiveByteCount, unsafeAsPositiveSeconds, unsafeAsFormId, unsafeAsPassId, unsafeAsCustomerPassId, unsafeAsAppointmentServiceId, unsafeAsAppointmentResourceId;
 var init_branded = __esm({
   "../core/src/branded.ts"() {
     "use strict";
     unsafeAsMediaAssetId = (id) => id;
     unsafeAsStorageBucketName = (value) => value;
+    unsafeAsStoragePath = (value) => value;
     unsafeAsPositiveByteCount = (value) => value;
     unsafeAsPositiveSeconds = (value) => value;
     unsafeAsFormId = (id) => id;
@@ -3137,6 +3139,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":
@@ -3149,6 +3152,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;
@@ -3166,6 +3170,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":
@@ -3199,6 +3205,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 assertNever2(display);
   }
@@ -3950,9 +3958,20 @@ var init_types5 = __esm({
 });
 
 // ../media-core/src/fileSafety.ts
+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);
+}
+var CONTROL_CHARACTER_PATTERN;
 var init_fileSafety = __esm({
   "../media-core/src/fileSafety.ts"() {
     "use strict";
+    CONTROL_CHARACTER_PATTERN = /[\u0000-\u001f\u007f]/u;
   }
 });
 
@@ -3992,11 +4011,21 @@ var init_fileDomain = __esm({
 });
 
 // ../media-core/src/fileStorage.ts
+function parseStoragePath(value) {
+  return joinStoragePathSegments(value.split("/"));
+}
+function joinStoragePathSegments(segments) {
+  if (segments.some(isUnsafePathSegment)) {
+    return err("unsafe-path-segment");
+  }
+  return ok(unsafeAsStoragePath(segments.join("/")));
+}
 var FILE_STORAGE_BUCKETS, PUBLIC_SITE_FILE_STORAGE_BUCKETS, PRIVATE_SITE_FILE_BUCKET_MIME_TYPES, TEMP_UPLOAD_BUCKET_MIME_TYPES;
 var init_fileStorage = __esm({
   "../media-core/src/fileStorage.ts"() {
     "use strict";
     init_src();
+    init_fileSafety();
     FILE_STORAGE_BUCKETS = {
       publicSite: unsafeAsStorageBucketName("media"),
       privateSite: unsafeAsStorageBucketName("site-files-private"),
@@ -4182,14 +4211,18 @@ var init_uploadVerificationContract = __esm({
 });
 
 // ../media-core/src/videoPrep.ts
+function unsafeAsPositiveVideoDurationSeconds(value) {
+  return value;
+}
 var VIDEO_PREP_LIMITS;
 var init_videoPrep = __esm({
   "../media-core/src/videoPrep.ts"() {
     "use strict";
+    init_src();
     VIDEO_PREP_LIMITS = {
-      maxRawByteCount: 500 * 1024 * 1024,
-      inlineContentMaxDurationSeconds: 60,
-      backgroundVideoMaxDurationSeconds: 30,
+      maxRawByteCount: unsafeAsPositiveByteCount(500 * 1024 * 1024),
+      inlineContentMaxDurationSeconds: unsafeAsPositiveVideoDurationSeconds(60),
+      backgroundVideoMaxDurationSeconds: unsafeAsPositiveVideoDurationSeconds(30),
       targetMaxDimensionPixels: 1080
     };
   }
@@ -4260,10 +4293,10 @@ var init_identifiers = __esm({
 
 // ../media-core/src/url.ts
 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("/");
@@ -4344,6 +4377,7 @@ var DEFAULT_BASE_PATH, RELATIVE_STORAGE_PATH_PREFIXES, formatNumber, ORDER, getI
 var init_url = __esm({
   "../media-core/src/url.ts"() {
     "use strict";
+    init_fileStorage();
     DEFAULT_BASE_PATH = "/api/img";
     RELATIVE_STORAGE_PATH_PREFIXES = [
       "originals/",
@@ -7098,6 +7132,7 @@ var init_booking_form_reserved_fields = __esm({
       "selectedDate",
       "selectedSlot",
       "discountCode",
+      "selectedSlidingAmountInput",
       "selectedCollectionOptionKind",
       "selectedAppointmentPackageId"
     ];
@@ -7383,6 +7418,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");
@@ -7571,6 +7632,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,
@@ -7598,6 +7673,7 @@ function prepareBookingSubmission(input) {
       ...common,
       kind: "standard",
       ...discountCode ? { discountCode } : {},
+      ...slidingScale && selectedSlidingAmount !== null ? { selectedSlidingAmount } : {},
       ...selectedCollectionOptionKind ? { selectedCollectionOptionKind } : {},
       altchaSolution: input.altchaSolution ?? null
     }
@@ -7611,6 +7687,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":
@@ -7831,6 +7911,7 @@ var init_booking_form_interactive = __esm({
       title: z10.string(),
       description: z10.string().nullable().optional().transform((value) => value ?? void 0),
       durationMinutes: z10.number().optional(),
+      pricing: z10.custom().optional(),
       priceAmount: z10.number().nullable().optional(),
       priceCurrency: z10.string().nullable().optional(),
       paymentTerms: blockBookingPaymentTermsSchema.optional(),
@@ -8117,9 +8198,12 @@ var init_schemas = __esm({
     });
     coursePricingSchema = z11.object({
       bookingRequirement: z11.enum(["none", "required"]),
-      pricingStrategy: z11.enum(["free", "single", "tiered"]),
+      pricingStrategy: z11.enum(["free", "single", "tiered", "sliding_scale"]),
       currency: z11.string(),
       singlePriceAmount: z11.number().nullable(),
+      slidingMinAmount: z11.number().nullable().optional(),
+      slidingMaxAmount: z11.number().nullable().optional(),
+      slidingSuggestedAmount: z11.number().nullable().optional(),
       paymentTerms: blockBookingPaymentTermsSchema,
       options: z11.array(coursePricingOptionSchema)
     });
@@ -8181,7 +8265,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;
@@ -8191,6 +8277,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
       selectableOptions: [],
       requiresSelection: false,
       selectedOption: null,
+      slidingScale: null,
+      selectedSlidingAmount: null,
       selectedPriceAmount: legacyAmount,
       selectedRequiresPayment: legacyAmount > 0,
       hasPaidSelection: legacyAmount > 0,
@@ -8205,6 +8293,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
         selectableOptions: [],
         requiresSelection: false,
         selectedOption: null,
+        slidingScale: null,
+        selectedSlidingAmount: null,
         selectedPriceAmount: 0,
         selectedRequiresPayment: false,
         hasPaidSelection: false,
@@ -8218,6 +8308,8 @@ function resolveCoursePricingState(course, selectedPricingOptionId, nowInput = {
         selectableOptions: [],
         requiresSelection: false,
         selectedOption: null,
+        slidingScale: null,
+        selectedSlidingAmount: null,
         selectedPriceAmount: amount,
         selectedRequiresPayment: amount > 0,
         hasPaidSelection: amount > 0,
@@ -8227,7 +8319,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) => {
@@ -8243,12 +8335,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) {
@@ -8357,7 +8488,7 @@ function isRecord7(value) {
 }
 function isPublicEventPricing(value) {
   if (!isRecord7(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 isRecord7(value) && typeof value.id === "string";
@@ -10388,6 +10519,19 @@ var init_schemas2 = __esm({
         ticketTypes: z14.array(publicEventTicketTypeSchema),
         display: publicEventTicketTypePriceDisplaySchema
       }),
+      z14.object({
+        kind: z14.literal("sliding_scale"),
+        minAmount: z14.number(),
+        maxAmount: z14.number(),
+        suggestedAmount: z14.number().nullable(),
+        currency: z14.string(),
+        display: z14.object({
+          kind: z14.literal("range"),
+          minAmount: z14.number(),
+          maxAmount: z14.number(),
+          currency: z14.string()
+        })
+      }),
       z14.object({
         kind: z14.literal("course"),
         display: z14.object({ kind: z14.literal("course"), display: publicCoursePriceDisplaySchema })
@@ -28331,6 +28475,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,
@@ -28859,6 +29004,9 @@ function createInitialBookingFlowReducerState(input) {
     fieldValues: collectInitialFieldValues(initialData),
     touchedFields: {},
     discountCode: toOptionalString(initialData.discountCode) ?? "",
+    selectedSlidingAmountInput: toOptionalString(
+      initialData.selectedSlidingAmountInput
+    ) ?? "",
     selectedCollectionOptionKind: toSelectedCollectionOptionKind(
       initialData.selectedCollectionOptionKind
     ),
@@ -28911,6 +29059,7 @@ function bookingFlowReducer(state, event) {
         selectedDate: void 0,
         selectedSlot: null,
         selectedAppointmentPackageId: void 0,
+        selectedSlidingAmountInput: "",
         selectedCollectionOptionKind: void 0,
         validationErrors: clearBookingFormError(state.validationErrors)
       };
@@ -28964,6 +29113,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,
@@ -29066,6 +29222,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
   };
@@ -29083,7 +29240,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);
@@ -29127,6 +29285,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 };
       }
@@ -29525,6 +29695,7 @@ var init_useHeadlessBookingFlow_state = __esm({
   "../blocks/src/system/runtime/hooks/useHeadlessBookingFlow.state.ts"() {
     "use strict";
     init_booking_form_headless_state();
+    init_booking_form_state();
   }
 });
 
@@ -29564,11 +29735,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({
@@ -29798,13 +29985,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);
@@ -29947,6 +30134,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);
@@ -30017,11 +30205,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(
@@ -30050,6 +30238,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."
   } : {
@@ -30058,6 +30249,9 @@ function useHeadlessBookingFlow(options) {
     selection: paymentSelection,
     selectedCollectionOptionKind: state.selectedCollectionOptionKind,
     selectedAppointmentPackageId: state.selectedAppointmentPackageId,
+    selectedSlidingAmountInput: state.selectedSlidingAmountInput,
+    selectedSlidingAmount,
+    slidingScale: selectedServiceSlidingScale,
     appointmentPackages: appointmentPackagesModel
   };
   return {
@@ -30672,6 +30866,9 @@ var init_FieldValidationMessage = __esm({
 
 // ../blocks/src/system/runtime/nodes/booking-form.default-ui.tsx
 import { Fragment as Fragment9, jsx as jsx62, jsxs as jsxs46 } from "react/jsx-runtime";
+function formatBookingAmount(amount, currency) {
+  return formatCurrencyAmount(amount, currency, { decimals: "auto" });
+}
 function HeadlessBookingDefaultForm({
   booking,
   onSubmit
@@ -30948,6 +31145,7 @@ function HeadlessBookingPaymentSelectionStep({
   }
   const packageOptions = booking.payment.appointmentPackages.items;
   const hasPackageOptions = packageOptions.length > 0;
+  const slidingScale = booking.payment.slidingScale;
   return /* @__PURE__ */ jsxs46("div", { className: "ab-stack", children: [
     /* @__PURE__ */ jsxs46("div", { className: "ab-info-box", children: [
       /* @__PURE__ */ jsx62("h3", { className: "ab-subtitle", children: viewModel.sectionTitle }),
@@ -30958,6 +31156,28 @@ function HeadlessBookingPaymentSelectionStep({
       booking.payment.appointmentPackages.state.message,
       " You can continue with the normal payment option."
     ] }) : null,
+    slidingScale ? /* @__PURE__ */ jsxs46("div", { className: "rb-space-y-2", children: [
+      /* @__PURE__ */ jsx62("label", { htmlFor: "appointment-sliding-amount", className: "form-label", children: "Choose your price" }),
+      /* @__PURE__ */ jsxs46("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__ */ jsx62(
+        "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__ */ jsxs46("div", { className: "ab-stack", role: "list", "aria-label": "Payment options", children: [
       packageOptions.map((appointmentPackage) => {
         const isSelected = booking.payment.selectedAppointmentPackageId === appointmentPackage.customerPassId;
@@ -32893,6 +33113,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
         });
@@ -32913,7 +33134,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,
@@ -33264,6 +33485,41 @@ function TicketCounterLimit(props2) {
     ] }) : null
   ] });
 }
+function formatCurrencyInputAmount(amount) {
+  const major = amount / 100;
+  return Number.isInteger(major) ? String(major) : major.toFixed(2);
+}
+function SlidingScaleAmountField(props2) {
+  const minLabel = formatPrice(props2.slidingScale.minAmount, props2.currency);
+  const maxLabel = formatPrice(props2.slidingScale.maxAmount, props2.currency);
+  const suggestedLabel = props2.slidingScale.suggestedAmount !== null ? formatPrice(props2.slidingScale.suggestedAmount, props2.currency) : null;
+  return /* @__PURE__ */ jsxs54("div", { className: "er-field", children: [
+    /* @__PURE__ */ jsx77("label", { htmlFor: "er-sliding-amount", className: "er-label", children: "Amount" }),
+    /* @__PURE__ */ jsx77(
+      "input",
+      {
+        id: "er-sliding-amount",
+        type: "number",
+        min: formatCurrencyInputAmount(props2.slidingScale.minAmount),
+        max: formatCurrencyInputAmount(props2.slidingScale.maxAmount),
+        step: "0.01",
+        inputMode: "decimal",
+        className: "er-input",
+        value: props2.value,
+        onChange: (event) => props2.onChange?.(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs54("p", { className: "er-text er-text--muted", children: [
+      "Choose between ",
+      minLabel,
+      " and ",
+      maxLabel,
+      suggestedLabel ? `; suggested ${suggestedLabel}` : "",
+      "."
+    ] }),
+    props2.message ? /* @__PURE__ */ jsx77("p", { className: "er-text er-text--muted", children: props2.message }) : null
+  ] });
+}
 function getTicketTypeCounterAvailabilityLabel(input) {
   if (input.selectedRemainingCapacity !== null) {
     return `${input.selectedRemainingCapacity} remaining for this ticket type`;
@@ -33335,6 +33591,10 @@ var init_TicketSelectionStep = __esm({
       maxTickets,
       selectedTicketTypeId = null,
       onTicketTypeChange,
+      slidingScale = null,
+      selectedSlidingAmountInput = "",
+      slidingScaleSelectionMessage = null,
+      onSlidingAmountChange,
       onTicketsChange
     }) => {
       const deliveryMode = event?.deliveryMode ?? "in_person";
@@ -33450,6 +33710,16 @@ var init_TicketSelectionStep = __esm({
             ] })
           ] })
         ] }) : /* @__PURE__ */ jsxs54(Fragment12, { children: [
+          slidingScale ? /* @__PURE__ */ jsx77(
+            SlidingScaleAmountField,
+            {
+              slidingScale,
+              currency: eventPricingCurrency ?? DEFAULT_EVENT_CURRENCY2,
+              value: selectedSlidingAmountInput,
+              message: slidingScaleSelectionMessage,
+              onChange: onSlidingAmountChange
+            }
+          ) : null,
           /* @__PURE__ */ jsx77("h3", { className: "er-title", children: canJoinWaitlist ? "How many waitlist spots?" : "How many tickets?" }),
           /* @__PURE__ */ jsxs54("div", { className: "er-ticket-counter-group", children: [
             /* @__PURE__ */ jsx77(
@@ -34826,6 +35096,10 @@ function EventRegistrationWizardContent(props2) {
             maxTickets: wizard.maxTicketsNum,
             selectedTicketTypeId: wizard.selectedTicketTypeId,
             onTicketTypeChange: wizard.setSelectedTicketTypeId,
+            slidingScale: wizard.selectedEventSlidingScale,
+            selectedSlidingAmountInput: wizard.selectedSlidingAmountInput,
+            slidingScaleSelectionMessage: wizard.slidingScaleSelectionMessage,
+            onSlidingAmountChange: wizard.setSelectedSlidingAmountInput,
             onTicketsChange: wizard.setTicketsCount
           }
         )
@@ -35042,7 +35316,7 @@ function EventRegistrationSummaryBar(props2) {
   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_CURRENCY2;
   const teamMemberNames = (summaryEvent?.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
   const subtotalCents = Math.max(0, summaryPrice * wizard.ticketsCount);
@@ -35493,6 +35767,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,
@@ -35602,6 +35877,35 @@ var init_useEventRegistrationSubmit = __esm({
 
 // ../blocks/src/system/runtime/nodes/event-registration/useEventRegistrationWizard.ts
 import { useCallback as useCallback7, useEffect as useEffect14, useMemo as useMemo7, useReducer as useReducer9, useState as useState4 } from "react";
+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 = useMemo7(
@@ -35646,6 +35950,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);
@@ -35682,6 +35990,7 @@ function useEventRegistrationWizard(options) {
     occurrenceId,
     attendanceMode: selectedAttendanceMode,
     ticketTypeId: selectedTicketTypeId,
+    selectedSlidingAmount: parseCurrencyInputToCents(selectedSlidingAmountInput),
     email: formData.email,
     ticketsCount
   });
@@ -35817,6 +36126,18 @@ function useEventRegistrationWizard(options) {
     }),
     [selectedAttendanceMode, selectedEvent, preSelectedEvent, eligibility, selectedTicketTypeId]
   );
+  const selectedSlidingAmount = useMemo7(
+    () => parseCurrencyInputToCents(selectedSlidingAmountInput),
+    [selectedSlidingAmountInput]
+  );
+  const selectedEventSlidingScale = useMemo7(
+    () => getSlidingScaleForEvent(selectedEvent ?? preSelectedEvent),
+    [selectedEvent, preSelectedEvent]
+  );
+  const slidingScaleSelectionMessage = getSlidingScaleSelectionMessage({
+    slidingScale: selectedEventSlidingScale,
+    selectedAmount: selectedSlidingAmount
+  });
   const ticketTypeSelectionRequired = useMemo7(() => {
     const event = selectedEvent ?? preSelectedEvent;
     if (!event || publicEventPricingMode(resolveRuntimeEventPricing(event)) !== "ticket_types") {
@@ -35885,12 +36206,24 @@ function useEventRegistrationWizard(options) {
     setGuestSectionShake(false);
   };
   const eventRequiresPayment = useMemo7(
-    () => 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) {
@@ -35899,6 +36232,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 {
@@ -35983,9 +36321,18 @@ function useEventRegistrationWizard(options) {
   const discountSubtotalCents = useMemo7(() => {
     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");
@@ -35994,6 +36341,7 @@ function useEventRegistrationWizard(options) {
     registrationTarget,
     selectedAttendanceMode,
     selectedTicketTypeId,
+    selectedSlidingAmount,
     ticketsCount,
     formData,
     altchaSolution,
@@ -36008,6 +36356,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"
     );
@@ -36017,6 +36369,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
     );
@@ -36053,6 +36406,11 @@ function useEventRegistrationWizard(options) {
     setSelectedAttendanceMode,
     selectedTicketTypeId,
     setSelectedTicketTypeId,
+    selectedSlidingAmountInput,
+    setSelectedSlidingAmountInput,
+    selectedSlidingAmount,
+    selectedEventSlidingScale,
+    slidingScaleSelectionMessage,
     selectedTicketType,
     visibleTicketTypes,
     ticketTypeSelectionRequired,
@@ -37368,6 +37726,44 @@ function CoursePricingSelector({
     )
   ] });
 }
+function CourseSlidingScaleInput({
+  pricing,
+  value,
+  onChange
+}) {
+  const slidingScale = pricing.slidingScale;
+  if (!slidingScale) {
+    return null;
+  }
+  const minLabel = formatCoursePriceAmount(slidingScale.minAmount, pricing.currency);
+  const maxLabel = formatCoursePriceAmount(slidingScale.maxAmount, pricing.currency);
+  const suggestedLabel = slidingScale.suggestedAmount !== null ? formatCoursePriceAmount(slidingScale.suggestedAmount, pricing.currency) : null;
+  return /* @__PURE__ */ jsxs75("div", { className: "cr-form__field", children: [
+    /* @__PURE__ */ jsx105("label", { htmlFor: "cr-sliding-amount", className: "cr-form__label", children: "Amount" }),
+    /* @__PURE__ */ jsx105(
+      "input",
+      {
+        id: "cr-sliding-amount",
+        type: "number",
+        min: slidingScale.minAmount / 100,
+        max: slidingScale.maxAmount / 100,
+        step: "0.01",
+        inputMode: "decimal",
+        className: "cr-form__input",
+        value,
+        onChange: (event) => onChange(event.target.value)
+      }
+    ),
+    /* @__PURE__ */ jsxs75("p", { className: "cr-text cr-text--muted", children: [
+      "Choose between ",
+      minLabel,
+      " and ",
+      maxLabel,
+      suggestedLabel ? `; suggested ${suggestedLabel}` : "",
+      "."
+    ] })
+  ] });
+}
 function EnrollmentForm({ formData, errors, onChange, isEmailLocked, isLoading, onLogout }) {
   const nameErrorId = "cr-name-error";
   const emailErrorId = "cr-email-error";
@@ -37463,6 +37859,17 @@ var init_components2 = __esm({
 
 // ../blocks/src/system/runtime/nodes/course-registration/useCourseRegistrationWizard.ts
 import { useEffect as useEffect18, useMemo as useMemo9, useState as useState9 } from "react";
+function parseCurrencyInputToCents2(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 formatCentsAsCurrencyInput2(amount) {
+  const major = amount / 100;
+  return Number.isInteger(major) ? String(major) : major.toFixed(2);
+}
 function shouldFetchCourseEligibility(course, hasPaidSelection, portalAuthState, hasWaitlistClaimToken) {
   if (!course || portalAuthState === "checking") return false;
   if (hasWaitlistClaimToken) return false;
@@ -37480,12 +37887,27 @@ function getSessionIdFromUrl() {
 }
 function getMissingCoursePricingSelectionMessage(pricing) {
   if (pricing?.requiresSelection && !pricing.selectedOption) {
+    if (pricing.slidingScale) {
+      return "Choose an amount to continue.";
+    }
     return "Choose a pricing option to continue.";
   }
+  if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null && pricing.selectedSlidingAmount < pricing.slidingScale.minAmount) {
+    return "Choose an amount within the sliding scale.";
+  }
+  if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null && pricing.selectedSlidingAmount > pricing.slidingScale.maxAmount) {
+    return "Choose an amount within the sliding scale.";
+  }
   return null;
 }
 function buildCoursePricingOptionPayload(pricing) {
-  return pricing?.selectedOption ? { pricingOptionId: pricing.selectedOption.id } : {};
+  if (pricing?.selectedOption) {
+    return { pricingOptionId: pricing.selectedOption.id };
+  }
+  if (pricing?.slidingScale && pricing.selectedSlidingAmount !== null) {
+    return { selectedSlidingAmount: pricing.selectedSlidingAmount };
+  }
+  return {};
 }
 function resolveHasCoursePayment(pricing) {
   if (!pricing) {
@@ -37526,6 +37948,7 @@ function useCourseRegistrationWizard(props2) {
     scopedCourses.length === 1 ? scopedCourses[0] ?? null : null
   );
   const [selectedPricingOptionId, setSelectedPricingOptionId] = useState9(null);
+  const [selectedSlidingAmountInput, setSelectedSlidingAmountInput] = useState9("");
   const [formData, setFormData] = useState9({
     name: "",
     email: "",
@@ -37547,8 +37970,12 @@ function useCourseRegistrationWizard(props2) {
   const [bookingMode, setBookingMode] = useState9(null);
   const waitlistClaim = useWaitlistClaim();
   const selectedCoursePricing = useMemo9(
-    () => selectedCourse ? resolveCoursePricingState(selectedCourse, selectedPricingOptionId) : null,
-    [selectedCourse, selectedPricingOptionId]
+    () => selectedCourse ? resolveCoursePricingState(
+      selectedCourse,
+      selectedPricingOptionId,
+      parseCurrencyInputToCents2(selectedSlidingAmountInput)
+    ) : null,
+    [selectedCourse, selectedPricingOptionId, selectedSlidingAmountInput]
   );
   const missingPricingSelectionMessage = getMissingCoursePricingSelectionMessage(
     selectedCoursePricing
@@ -37621,9 +38048,13 @@ function useCourseRegistrationWizard(props2) {
   useEffect18(() => {
     if (!selectedCourse) {
       setSelectedPricingOptionId(null);
+      setSelectedSlidingAmountInput("");
       return;
     }
     const defaultPricing = resolveCoursePricingState(selectedCourse, null);
+    setSelectedSlidingAmountInput(
+      defaultPricing.slidingScale?.suggestedAmount !== null && defaultPricing.slidingScale?.suggestedAmount !== void 0 ? formatCentsAsCurrencyInput2(defaultPricing.slidingScale.suggestedAmount) : ""
+    );
     setSelectedPricingOptionId((previous) => {
       if (previous && defaultPricing.selectableOptions.some((option) => option.id === previous)) {
         return previous;
@@ -37998,6 +38429,8 @@ function useCourseRegistrationWizard(props2) {
     selectedCourse,
     selectedPricingOptionId,
     setSelectedPricingOptionId,
+    selectedSlidingAmountInput,
+    setSelectedSlidingAmountInput,
     selectedCoursePricing,
     setSelectedCourse,
     formData,
@@ -38063,6 +38496,19 @@ var init_useCourseRegistrationWizard = __esm({
 
 // ../blocks/src/system/runtime/nodes/course-registration/CourseRegistrationWizard.tsx
 import { Fragment as Fragment23, jsx as jsx106, jsxs as jsxs76 } from "react/jsx-runtime";
+function getCourseSlidingScaleMessage(pricing) {
+  if (!pricing.slidingScale) {
+    return null;
+  }
+  const selectedAmount = pricing.selectedSlidingAmount;
+  if (selectedAmount === null) {
+    return "Choose an amount to continue.";
+  }
+  if (selectedAmount < pricing.slidingScale.minAmount || selectedAmount > pricing.slidingScale.maxAmount) {
+    return "Choose an amount within the sliding scale.";
+  }
+  return null;
+}
 function CourseRegistrationWizard(props2) {
   const {
     showSessions = true,
@@ -38084,6 +38530,8 @@ function CourseRegistrationWizard(props2) {
     selectedCourse,
     selectedPricingOptionId,
     setSelectedPricingOptionId,
+    selectedSlidingAmountInput,
+    setSelectedSlidingAmountInput,
     selectedCoursePricing,
     formData,
     setFormData,
@@ -38158,7 +38606,8 @@ function CourseRegistrationWizard(props2) {
   const canShowDiscountUi = !discountsAvailableLoading && paymentChoice === "checkout" && discountsAvailable && manualCodeEntryAllowed;
   const courseSoldOut = waitlistClaim.claim === null && courseEligibility?.isFull === true && courseEligibility.canJoinWaitlist !== true;
   const detailsSubmitLabel = courseEligibility?.canJoinWaitlist ? "Join waitlist" : buttonText;
-  const pricingSelectionMissing = selectedCoursePricing?.requiresSelection === true && !selectedCoursePricing.selectedOption;
+  const pricingSelectionMissing = selectedCoursePricing?.requiresSelection === true && !selectedCoursePricing.selectedOption && !selectedCoursePricing.slidingScale;
+  const slidingScaleMessage = selectedCoursePricing ? getCourseSlidingScaleMessage(selectedCoursePricing) : null;
   const pricingUnavailable = selectedCoursePricing?.display.kind === "unavailable";
   const selectedCourseWithPricing = selectedCourse && selectedCoursePricing ? {
     course: selectedCourse,
@@ -38251,6 +38700,14 @@ function CourseRegistrationWizard(props2) {
                             onSelect: setSelectedPricingOptionId
                           }
                         ),
+                        /* @__PURE__ */ jsx106(
+                          CourseSlidingScaleInput,
+                          {
+                            pricing: selectedCourseWithPricing.pricing,
+                            value: selectedSlidingAmountInput,
+                            onChange: setSelectedSlidingAmountInput
+                          }
+                        ),
                         showSpamProtection && /* @__PURE__ */ jsx106("div", { className: "cr-altcha", children: /* @__PURE__ */ jsx106(
                           AltchaWidget,
                           {
@@ -38288,7 +38745,7 @@ function CourseRegistrationWizard(props2) {
                             {
                               type: "submit",
                               className: buttonClass,
-                              disabled: courseSoldOut || eligibilityLoading || pricingSelectionMissing || pricingUnavailable,
+                              disabled: courseSoldOut || eligibilityLoading || pricingSelectionMissing || slidingScaleMessage !== null || pricingUnavailable,
                               children: eligibilityLoading ? "Checking availability\u2026" : courseSoldOut ? "Sold out" : detailsSubmitLabel
                             }
                           )
@@ -38298,6 +38755,7 @@ function CourseRegistrationWizard(props2) {
                   ),
                   courseSoldOut && /* @__PURE__ */ jsx106("p", { className: "cr-text cr-text--muted", children: "This course is fully booked and there is no waitlist available right now." }),
                   pricingSelectionMissing && /* @__PURE__ */ jsx106("p", { className: "cr-text cr-text--muted", children: "Choose a pricing option to continue." }),
+                  slidingScaleMessage && /* @__PURE__ */ jsx106("p", { className: "cr-text cr-text--muted", children: slidingScaleMessage }),
                   pricingUnavailable && /* @__PURE__ */ jsx106("p", { className: "cr-text cr-text--muted", children: "Pricing is not available for this course right now." }),
                   eligibilityError && /* @__PURE__ */ jsx106("p", { className: "cr-text cr-text--error", children: eligibilityError })
                 ] })
@@ -41897,12 +42355,13 @@ var init_carousel_client = __esm({
         ]
       );
       const resolvedSlides = resolveSlidesToShowMobile(normalized.slidesToShow);
+      const canAutoplay = normalized.autoplay && slides.length > 1;
       const cssVars = React20.useMemo(
         () => getCarouselSlidesToShowCssVars(normalized.slidesToShow),
         [normalized.slidesToShow]
       );
       const plugins = React20.useMemo(() => {
-        if (!normalized.autoplay) return void 0;
+        if (!canAutoplay) return void 0;
         return [
           Autoplay({
             delay: normalized.autoplayDelay,
@@ -41912,7 +42371,7 @@ var init_carousel_client = __esm({
             // Continue after manual navigation
           })
         ];
-      }, [normalized.autoplay, normalized.autoplayDelay]);
+      }, [canAutoplay, normalized.autoplayDelay]);
       const [viewportRef, api] = useEmblaCarousel(
         {
           align: "start",
@@ -41951,7 +42410,7 @@ var init_carousel_client = __esm({
         };
       }, [api]);
       React20.useEffect(() => {
-        if (!api || !normalized.autoplay) return;
+        if (!api || !canAutoplay) return;
         const autoplayPlugin = api.plugins()?.autoplay;
         if (!autoplayPlugin) return;
         const handleVisibility = () => {
@@ -41960,7 +42419,7 @@ var init_carousel_client = __esm({
         };
         document.addEventListener("visibilitychange", handleVisibility);
         return () => document.removeEventListener("visibilitychange", handleVisibility);
-      }, [api, normalized.autoplay]);
+      }, [api, canAutoplay]);
       const inner = /* @__PURE__ */ jsxs81(Fragment25, { children: [
         /* @__PURE__ */ jsx113("div", { className: "carousel-frame rb-overflow-hidden rb-w-full", children: /* @__PURE__ */ jsx113(
           "div",
@@ -42011,7 +42470,7 @@ var init_carousel_client = __esm({
           "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
         }