@riverbankcms/sdk 0.74.0 → 0.76.0

package/dist/client/courseRegistration-ZBXS7VGI.mjs

@@ -0,0 +1,1737 @@
+"use client";
+import { DiscountCodeSection } from './chunk-OJPZEZU2.mjs';
+import { useWaitlistClaim, MagicLinkForm } from './chunk-FGUIVT2B.mjs';
+import { SpinnerNode } from './chunk-TQ5MSPDX.mjs';
+import { getStepNumber, logoutPortal, StepIndicator, LoggedInAsUser, CheckIcon, formatPrice, TerminalPanel, StateIcon, ClockIcon, CrossIcon, scrollToBlock, buildCheckoutReturnUrls, MembershipHero, validateFormData } from './chunk-JEZECJ3W.mjs';
+import { getFieldValidationControlProps, FieldValidationMessage } from './chunk-3DCJ45Z2.mjs';
+import { ModalShell } from './chunk-3PEDD5KJ.mjs';
+import { AltchaWidget, getChallengeUrl, isSpamProtectionEnabled } from './chunk-YLMKMCSJ.mjs';
+import { BlockApiProvider, useBlockApi } from './chunk-M3L3KYYR.mjs';
+import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
+import { defineIslandPropsDecoder, themeButtonClassName, resolveCoursePricingState, formatCoursePriceDisplay, formatCoursePriceAmount } from './chunk-7UOSCYY4.mjs';
+import { formatBookingDate, toScheduledBookingDateTime, toBookingTimeZone, formatBookingTime } from './chunk-PMAIXMAB.mjs';
+import React2, { Component, useMemo, useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// ../blocks/src/system/runtime/nodes/course-registration/utils.ts
+function formatDate(dateString, options) {
+  return formatBookingDate(toScheduledBookingDateTime({
+    startsAt: dateString,
+    locale: options?.locale,
+    timeZone: toBookingTimeZone(options?.timeZone)
+  }), {
+    weekday: "short",
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+function formatTime(dateString, options) {
+  return formatBookingTime(toScheduledBookingDateTime({
+    startsAt: dateString,
+    locale: options?.locale,
+    timeZone: toBookingTimeZone(options?.timeZone)
+  }), {
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+var COURSE_REGISTRATION_ANCHOR_ID = "course-registration";
+
+// ../blocks/src/system/runtime/nodes/course-registration/wizardSteps.ts
+var WIZARD_STEPS = [
+  "select-course",
+  "enter-details",
+  "booking-mode",
+  "select-payment"
+];
+var STEP_LABELS = {
+  "select-course": "Course",
+  "enter-details": "Details",
+  "booking-mode": "Method",
+  "select-payment": "Payment",
+  submitting: "Booking",
+  redirecting: "Redirecting",
+  "verifying-payment": "Verifying",
+  "verifying-timeout": "Timeout",
+  "payment-failed": "Failed",
+  success: "Complete",
+  waitlist: "Waitlist",
+  error: "Error"
+};
+function getWizardStepsForContext(hasPreSelectedCourse, requiresPayment, hasEligibleMemberships, bookingMode, isMembershipFastTrack) {
+  if (isMembershipFastTrack) {
+    return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
+  }
+  if (!requiresPayment) {
+    return hasPreSelectedCourse ? ["enter-details"] : ["select-course", "enter-details"];
+  }
+  if (hasEligibleMemberships) {
+    const skipPayment = bookingMode === "membership";
+    if (hasPreSelectedCourse) {
+      return skipPayment ? ["enter-details", "booking-mode"] : ["enter-details", "booking-mode", "select-payment"];
+    }
+    return skipPayment ? ["select-course", "enter-details", "booking-mode"] : ["select-course", "enter-details", "booking-mode", "select-payment"];
+  }
+  return hasPreSelectedCourse ? ["enter-details", "select-payment"] : ["select-course", "enter-details", "select-payment"];
+}
+function getStepLabels(steps) {
+  return steps.map((step) => STEP_LABELS[step] ?? step);
+}
+function StepIndicator2(props) {
+  return /* @__PURE__ */ jsx(StepIndicator, { ...props, classPrefix: "cr" });
+}
+function MembershipHero2(props) {
+  return /* @__PURE__ */ jsx(MembershipHero, { ...props, classPrefix: "cr" });
+}
+function BookingModeStep({
+  bookingMode,
+  onBookingModeChange,
+  eligibleMemberships,
+  selectedMembershipId,
+  onMembershipSelect,
+  priceCents,
+  currency,
+  showEnrollForOtherLink = false,
+  onEnrollForOther
+}) {
+  const hasSingleMembership = eligibleMemberships.length === 1;
+  const hasMultipleMemberships = eligibleMemberships.length > 1;
+  const showMembershipHero = hasSingleMembership && bookingMode === "membership" && eligibleMemberships[0];
+  const singleMembership = eligibleMemberships[0];
+  return /* @__PURE__ */ jsxs("div", { className: "cr-booking-mode", children: [
+    /* @__PURE__ */ jsx("h2", { className: "cr-booking-mode__title", children: "How would you like to enroll?" }),
+    /* @__PURE__ */ jsx("p", { className: "cr-booking-mode__subtitle", children: "Choose how you want to book" }),
+    showMembershipHero && singleMembership && /* @__PURE__ */ jsx(MembershipHero2, { membershipName: singleMembership.membershipName }),
+    /* @__PURE__ */ jsxs("div", { className: "cr-payment-tiles", children: [
+      hasSingleMembership && singleMembership && /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `cr-payment-tile${bookingMode === "membership" ? " cr-payment-tile--selected" : ""}`,
+          onClick: () => {
+            onBookingModeChange("membership");
+            onMembershipSelect(singleMembership.customerMembershipId);
+          },
+          "aria-pressed": bookingMode === "membership",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "cr-payment-tile__check", children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "cr-payment-tile__header", children: [
+              /* @__PURE__ */ jsx("h3", { className: "cr-payment-tile__name", children: singleMembership.membershipName }),
+              /* @__PURE__ */ jsx("span", { className: "cr-payment-tile__price", children: "Free" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "cr-payment-tile__description", children: "Use your membership to book for free" })
+          ]
+        }
+      ),
+      hasMultipleMemberships && eligibleMemberships.map((membership) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `cr-payment-tile${bookingMode === "membership" && selectedMembershipId === membership.customerMembershipId ? " cr-payment-tile--selected" : ""}`,
+          onClick: () => {
+            onBookingModeChange("membership");
+            onMembershipSelect(membership.customerMembershipId);
+          },
+          "aria-pressed": bookingMode === "membership" && selectedMembershipId === membership.customerMembershipId,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "cr-payment-tile__check", children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "cr-payment-tile__header", children: [
+              /* @__PURE__ */ jsx("h3", { className: "cr-payment-tile__name", children: membership.membershipName }),
+              /* @__PURE__ */ jsx("span", { className: "cr-payment-tile__price", children: "Free" })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "cr-payment-tile__description", children: "Use this membership to book for free" })
+          ]
+        },
+        membership.customerMembershipId
+      )),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `cr-payment-tile${bookingMode === "card" ? " cr-payment-tile--selected" : ""}`,
+          onClick: () => {
+            onBookingModeChange("card");
+            onMembershipSelect(null);
+          },
+          "aria-pressed": bookingMode === "card",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "cr-payment-tile__check", children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 3 }) }),
+            /* @__PURE__ */ jsxs("div", { className: "cr-payment-tile__header", children: [
+              /* @__PURE__ */ jsx("h3", { className: "cr-payment-tile__name", children: "Pay by Card" }),
+              priceCents !== null && /* @__PURE__ */ jsx("span", { className: "cr-payment-tile__price", children: formatPrice(priceCents, currency) })
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "cr-payment-tile__description", children: "Pay with credit or debit card" })
+          ]
+        }
+      )
+    ] }),
+    showEnrollForOtherLink && onEnrollForOther && /* @__PURE__ */ jsx("div", { className: "cr-booking-mode__link", children: /* @__PURE__ */ jsx("a", { onClick: onEnrollForOther, role: "button", tabIndex: 0, children: "Enrolling for someone else?" }) })
+  ] });
+}
+var PORTAL_AUTH_COPY = {
+  membership: {
+    title: "Have a membership?",
+    description: "Log in to use your membership to book for free",
+    buttonText: "Log in with email",
+    modalTitle: "Log in",
+    modalHeading: "Log in to your account",
+    modalSubtitle: "Enter your email to receive a magic link",
+    successMessage: "Check your email for a login link. After clicking, refresh this page."
+  },
+  "waitlist-claim": {
+    title: "Log in to claim your waitlist spot",
+    description: "",
+    buttonText: "Log in with email to continue",
+    modalTitle: "Log in to continue",
+    modalHeading: "Log in to your account to continue",
+    modalSubtitle: "Enter your email to receive a login link and continue your waitlist claim",
+    successMessage: "Check your email for a login link. After clicking it, return here to continue your claim."
+  }
+};
+function PortalAuthSidebar({
+  onMagicLinkSent,
+  autoOpen = false,
+  variant = "membership",
+  loginMessage
+}) {
+  const [showModal, setShowModal] = useState(false);
+  const copy = PORTAL_AUTH_COPY[variant];
+  const description = variant === "waitlist-claim" ? loginMessage ?? "Log in to continue with your waitlist claim." : copy.description;
+  useEffect(() => {
+    if (!autoOpen) return;
+    setShowModal(true);
+  }, [autoOpen]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "cr-portal-sidebar", children: [
+      /* @__PURE__ */ jsx("div", { className: "cr-portal-sidebar__icon", "aria-hidden": "true", children: "\u{1F464}" }),
+      /* @__PURE__ */ jsx("h3", { className: "cr-portal-sidebar__title", children: copy.title }),
+      /* @__PURE__ */ jsx("p", { className: "cr-portal-sidebar__text", children: description }),
+      /* @__PURE__ */ jsx("div", { className: "cr-portal-sidebar__action", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "cr-portal-sidebar__link",
+          onClick: () => setShowModal(true),
+          children: copy.buttonText
+        }
+      ) })
+    ] }),
+    showModal && /* @__PURE__ */ jsx(
+      ModalShell,
+      {
+        title: copy.modalTitle,
+        titleId: "cr-portal-auth-modal-title",
+        onClose: () => setShowModal(false),
+        overlayClassName: "cr-modal-overlay",
+        modalClassName: "cr-modal",
+        renderSrOnlyTitle: true,
+        renderHeader: ({ closeButtonRef, onClose }) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: closeButtonRef,
+            type: "button",
+            className: "cr-modal-close",
+            onClick: onClose,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ jsx("path", { d: "M18 6L6 18M6 6l12 12" })
+              }
+            )
+          }
+        ),
+        children: /* @__PURE__ */ jsx(
+          MagicLinkForm,
+          {
+            classPrefix: "cr",
+            title: copy.modalHeading,
+            subtitle: copy.modalSubtitle,
+            buttonText: "Send login link",
+            successMessage: copy.successMessage,
+            onSuccess: () => {
+              onMagicLinkSent?.();
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+function SuccessStep({
+  usedMembership,
+  successMessage,
+  membershipMessage
+}) {
+  return /* @__PURE__ */ jsx(
+    TerminalPanel,
+    {
+      tone: "success",
+      className: "cr-success",
+      titleClassName: "cr-success__title",
+      icon: /* @__PURE__ */ jsx(StateIcon, { variant: "success", children: /* @__PURE__ */ jsx(CheckIcon, { strokeWidth: 2 }) }),
+      title: "Enrollment Complete!",
+      body: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "cr-success__message", children: usedMembership ? membershipMessage : successMessage }),
+        usedMembership && /* @__PURE__ */ jsx("p", { className: "cr-success__membership", children: "Enrolled using your membership" })
+      ] })
+    }
+  );
+}
+function ErrorStep({
+  message,
+  buttonText = "Try Again",
+  buttonVariant = "primary",
+  onRetry
+}) {
+  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
+  return /* @__PURE__ */ jsx(
+    TerminalPanel,
+    {
+      tone: "error",
+      className: "cr-error",
+      titleClassName: "cr-error__title",
+      icon: /* @__PURE__ */ jsx(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx(CrossIcon, {}) }),
+      title: "Enrollment Failed",
+      body: /* @__PURE__ */ jsx("p", { className: "cr-error__message", children: message }),
+      actionsClassName: "cr-error__retry",
+      actions: /* @__PURE__ */ jsx("button", { type: "button", onClick: onRetry, className: buttonClass, children: buttonText })
+    }
+  );
+}
+function VerifyingTimeoutStep({
+  buttonText = "Check Again",
+  buttonVariant = "primary",
+  onCheckAgain,
+  supportEmail
+}) {
+  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
+  return /* @__PURE__ */ jsx(
+    TerminalPanel,
+    {
+      tone: "warning",
+      className: "cr-error",
+      titleClassName: "cr-error__title",
+      icon: /* @__PURE__ */ jsx(StateIcon, { variant: "warning", children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
+      title: "Payment Verification Taking Longer",
+      body: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "cr-error__message", children: "Your payment may still be processing. Please check your email for confirmation." }),
+        supportEmail && /* @__PURE__ */ jsxs("p", { className: "cr-error__message", children: [
+          "If you need help, contact us at",
+          " ",
+          /* @__PURE__ */ jsx("a", { href: `mailto:${supportEmail}`, children: supportEmail })
+        ] })
+      ] }),
+      actionsClassName: "cr-error__retry",
+      actions: /* @__PURE__ */ jsx("button", { type: "button", onClick: onCheckAgain, className: buttonClass, children: buttonText })
+    }
+  );
+}
+function PaymentFailedStep({
+  message = "Your payment could not be processed.",
+  buttonText = "Try Again",
+  buttonVariant = "primary",
+  onRetry
+}) {
+  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
+  return /* @__PURE__ */ jsx(
+    TerminalPanel,
+    {
+      tone: "error",
+      className: "cr-payment-failed",
+      titleClassName: "cr-payment-failed__title",
+      icon: /* @__PURE__ */ jsx(StateIcon, { variant: "error", children: /* @__PURE__ */ jsx(CrossIcon, {}) }),
+      title: "Payment Failed",
+      body: /* @__PURE__ */ jsx("p", { className: "cr-payment-failed__message", children: message }),
+      actionsClassName: "cr-payment-failed__retry",
+      actions: /* @__PURE__ */ jsx("button", { type: "button", onClick: onRetry, className: buttonClass, children: buttonText })
+    }
+  );
+}
+function WaitlistStep({ message, position }) {
+  return /* @__PURE__ */ jsx(
+    TerminalPanel,
+    {
+      tone: "info",
+      className: "cr-waitlist",
+      titleClassName: "cr-waitlist__title",
+      icon: /* @__PURE__ */ jsx(StateIcon, { variant: "waitlist", children: /* @__PURE__ */ jsx(ClockIcon, {}) }),
+      title: "Added to Waitlist",
+      body: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "cr-waitlist__message", children: message }),
+        typeof position === "number" && /* @__PURE__ */ jsxs("p", { className: "cr-waitlist__position", children: [
+          "Your position: #",
+          position
+        ] })
+      ] })
+    }
+  );
+}
+var CourseRegistrationErrorBoundary = class extends Component {
+  constructor(props) {
+    super(props);
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Course registration error:", error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          id: COURSE_REGISTRATION_ANCHOR_ID,
+          className: `course-registration ${this.props.className || ""}`,
+          children: /* @__PURE__ */ jsxs("div", { className: "cr-error", children: [
+            /* @__PURE__ */ jsx("div", { className: "cr-error__icon", children: "\u2715" }),
+            /* @__PURE__ */ jsx("h3", { className: "cr-error__title", children: "Something went wrong" }),
+            /* @__PURE__ */ jsx("p", { className: "cr-error__message", children: "Unable to load the booking form. Please refresh the page and try again." })
+          ] })
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+function TeamMemberInlineList({
+  teamMembers
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: teamMembers.map((teamMember, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+    index > 0 ? ", " : "",
+    teamMember.profilePath ? /* @__PURE__ */ jsx("a", { href: teamMember.profilePath, children: teamMember.name }) : teamMember.name
+  ] }, teamMember.id)) });
+}
+function CourseCard({
+  course,
+  isSelected,
+  onSelect,
+  showSessions,
+  showPrice,
+  showCapacity,
+  showVenue
+}) {
+  const enrollmentClosed = course.enrollmentOpen === false;
+  const teamMemberNames = (course.teamMembers ?? []).map((teamMember) => teamMember.name).filter(Boolean);
+  const pricing = resolveCoursePricingState(course);
+  const priceLabel = formatCoursePriceDisplay(pricing.display);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `cr-course-card ${isSelected ? "cr-course-card--selected" : ""}`,
+      onClick: onSelect,
+      role: "button",
+      tabIndex: 0,
+      "aria-pressed": isSelected,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onSelect();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx("h3", { className: "cr-course-card__title", children: course.title }),
+        enrollmentClosed && /* @__PURE__ */ jsx("p", { className: "cr-course-card__status", children: "Registration closed" }),
+        showSessions && course.sessionsCount > 0 && /* @__PURE__ */ jsxs("p", { className: "cr-course-card__sessions", children: [
+          course.sessionsCount,
+          " session",
+          course.sessionsCount !== 1 ? "s" : ""
+        ] }),
+        showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsx("p", { className: "cr-course-card__price", children: priceLabel }),
+        showCapacity && course.availableSpots !== null && /* @__PURE__ */ jsx("p", { className: "cr-course-card__capacity", children: course.availableSpots > 0 ? `${course.availableSpots} spot${course.availableSpots !== 1 ? "s" : ""} available` : "Waitlist only" }),
+        showVenue && course.venue && /* @__PURE__ */ jsx("p", { className: "cr-course-card__venue", children: course.venue.name }),
+        teamMemberNames.length > 0 && /* @__PURE__ */ jsxs("p", { className: "cr-course-card__venue", children: [
+          "Team: ",
+          teamMemberNames.join(", ")
+        ] })
+      ]
+    }
+  );
+}
+function CourseSummary({
+  course,
+  pricing,
+  showSessions,
+  showVenue,
+  showPrice,
+  showMembershipNote
+}) {
+  const teamMembers = course.teamMembers ?? [];
+  const priceLabel = pricing.selectedOption ? `${pricing.selectedOption.name} - ${formatCoursePriceAmount(
+    pricing.selectedOption.priceAmount,
+    pricing.currency
+  )}` : formatCoursePriceDisplay(pricing.display);
+  return /* @__PURE__ */ jsxs("div", { className: "cr-summary", children: [
+    /* @__PURE__ */ jsx("h3", { className: "cr-summary__title", children: course.title }),
+    showSessions && course.sessions.length > 0 && /* @__PURE__ */ jsxs("div", { className: "cr-summary__sessions", children: [
+      /* @__PURE__ */ jsx("h4", { className: "cr-summary__sessions-title", children: "Sessions" }),
+      /* @__PURE__ */ jsx("ul", { className: "cr-summary__sessions-list", children: course.sessions.map((session) => /* @__PURE__ */ jsxs("li", { className: "cr-summary__session", children: [
+        formatDate(session.startsAt, { timeZone: session.timeZone }),
+        " ",
+        "at",
+        " ",
+        formatTime(session.startsAt, { timeZone: session.timeZone })
+      ] }, session.id)) })
+    ] }),
+    showVenue && course.venue && /* @__PURE__ */ jsxs("p", { className: "cr-summary__venue", children: [
+      /* @__PURE__ */ jsx("strong", { children: "Venue:" }),
+      " ",
+      course.venue.name,
+      course.venue.address && ` - ${course.venue.address}`
+    ] }),
+    teamMembers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "cr-summary__venue", children: [
+      /* @__PURE__ */ jsx("strong", { children: "Team:" }),
+      " ",
+      /* @__PURE__ */ jsx(TeamMemberInlineList, { teamMembers })
+    ] }),
+    showPrice && pricing.display.kind !== "unavailable" && /* @__PURE__ */ jsxs("p", { className: "cr-summary__price", children: [
+      /* @__PURE__ */ jsx("strong", { children: pricing.selectableOptions.length > 0 ? "Pricing:" : "Price:" }),
+      " ",
+      priceLabel
+    ] }),
+    showMembershipNote && /* @__PURE__ */ jsx("p", { className: "cr-summary__membership", children: "\u2713 Your membership can be used to book for free" })
+  ] });
+}
+function CoursePricingSelector({
+  pricing,
+  selectedPricingOptionId,
+  onSelect
+}) {
+  if (pricing.selectableOptions.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("fieldset", { className: "cr-form__field", children: [
+    /* @__PURE__ */ jsx("legend", { id: "cr-pricing-options-label", className: "cr-form__label", children: "Pricing option" }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "cr-payment-tiles",
+        role: "radiogroup",
+        "aria-labelledby": "cr-pricing-options-label",
+        children: pricing.selectableOptions.map((option) => {
+          const isSelected = selectedPricingOptionId === option.id;
+          const priceLabel = formatCoursePriceAmount(
+            option.priceAmount,
+            pricing.currency
+          );
+          return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": isSelected,
+              className: `cr-payment-tile${isSelected ? " cr-payment-tile--selected" : ""}`,
+              onClick: () => onSelect(option.id),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "cr-payment-tile__header", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "cr-payment-tile__name", children: option.name }),
+                  /* @__PURE__ */ jsx("span", { className: "cr-payment-tile__price", children: priceLabel })
+                ] }),
+                option.description ? /* @__PURE__ */ jsx("p", { className: "cr-payment-tile__description", children: option.description }) : null
+              ]
+            }
+          ) }, option.id);
+        })
+      }
+    )
+  ] });
+}
+function EnrollmentForm({ formData, errors, onChange, isEmailLocked, isLoading, onLogout }) {
+  const nameErrorId = "cr-name-error";
+  const emailErrorId = "cr-email-error";
+  const nameValidationProps = getFieldValidationControlProps({
+    message: errors.name,
+    messageId: nameErrorId
+  });
+  const emailValidationProps = getFieldValidationControlProps({
+    message: errors.email,
+    messageId: emailErrorId
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "cr-name", className: "cr-form__label", children: "Name *" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "cr-name",
+          type: "text",
+          className: `cr-form__input ${errors.name ? "cr-form__input--error" : ""}`,
+          value: formData.name,
+          onChange: (e) => onChange({ ...formData, name: e.target.value }),
+          disabled: isLoading,
+          ...nameValidationProps
+        }
+      ),
+      errors.name && /* @__PURE__ */ jsx(FieldValidationMessage, { id: nameErrorId, className: "cr-form__error", children: errors.name })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "cr-email", className: "cr-form__label", children: "Email *" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "cr-email",
+          type: "email",
+          className: `cr-form__input ${errors.email ? "cr-form__input--error" : ""}`,
+          value: formData.email,
+          onChange: (e) => onChange({ ...formData, email: e.target.value }),
+          disabled: isEmailLocked || isLoading,
+          ...emailValidationProps
+        }
+      ),
+      errors.email && /* @__PURE__ */ jsx(FieldValidationMessage, { id: emailErrorId, className: "cr-form__error", children: errors.email }),
+      isEmailLocked && /* @__PURE__ */ jsx(
+        LoggedInAsUser,
+        {
+          email: formData.email,
+          onLogout,
+          classPrefix: "cr"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "cr-phone", className: "cr-form__label", children: "Phone" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "cr-phone",
+          type: "tel",
+          className: "cr-form__input",
+          value: formData.phone,
+          onChange: (e) => onChange({ ...formData, phone: e.target.value }),
+          disabled: isLoading
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "cr-notes", className: "cr-form__label", children: "Notes" }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          id: "cr-notes",
+          className: "cr-form__textarea",
+          value: formData.notes,
+          onChange: (e) => onChange({ ...formData, notes: e.target.value }),
+          rows: 3,
+          disabled: isLoading
+        }
+      )
+    ] })
+  ] });
+}
+function shouldFetchCourseEligibility(course, hasPaidSelection, portalAuthState, hasWaitlistClaimToken) {
+  if (!course || portalAuthState === "checking") return false;
+  if (hasWaitlistClaimToken) return false;
+  const needsMembershipEligibility = portalAuthState === "authenticated" && hasPaidSelection && course.acceptsMemberships;
+  const needsWaitlistAvailabilityCheck = course.availableSpots !== null && course.availableSpots <= 0;
+  return needsMembershipEligibility || needsWaitlistAvailabilityCheck;
+}
+function getSessionIdFromUrl() {
+  const params = new URLSearchParams(window.location.search);
+  const fromSearch = params.get("session_id");
+  if (fromSearch) return fromSearch;
+  const hash = window.location.hash;
+  const sessionIdMatch = hash.match(/[?&]session_id=([^&]+)/);
+  return sessionIdMatch?.[1] ?? null;
+}
+function getMissingCoursePricingSelectionMessage(pricing) {
+  if (pricing?.requiresSelection && !pricing.selectedOption) {
+    return "Choose a pricing option to continue.";
+  }
+  return null;
+}
+function buildCoursePricingOptionPayload(pricing) {
+  return pricing?.selectedOption ? { pricingOptionId: pricing.selectedOption.id } : {};
+}
+function resolveHasCoursePayment(pricing) {
+  if (!pricing) {
+    return false;
+  }
+  if (pricing.selectedOption) {
+    return pricing.selectedRequiresPayment;
+  }
+  return pricing.hasPaidSelection;
+}
+function useCourseRegistrationWizard(props) {
+  const api = useBlockApi();
+  const { contentEntry, courses, entrySubrouteContext } = props;
+  const scopedCourses = useMemo(() => {
+    const allCourses = courses ?? [];
+    if (entrySubrouteContext?.kind === "course-run") {
+      const matched = allCourses.find((c) => c.id === entrySubrouteContext.run.courseId) ?? null;
+      if (matched) return [matched];
+    }
+    if (contentEntry?.id) {
+      const matchedCourses = allCourses.filter((c) => c.contentEntryId === contentEntry.id);
+      if (matchedCourses.length > 0) return matchedCourses;
+    }
+    if (contentEntry?.slug) {
+      const matchedCourse = allCourses.find((c) => c.slug === contentEntry.slug);
+      if (matchedCourse) return [matchedCourse];
+    }
+    return allCourses;
+  }, [courses, contentEntry?.id, contentEntry?.slug, entrySubrouteContext]);
+  const [step, setStep] = useState(() => {
+    const params = new URLSearchParams(window.location.search);
+    const enrollment = params.get("enrollment");
+    const sessionId = getSessionIdFromUrl();
+    if (enrollment === "success" && sessionId) return "verifying-payment";
+    return scopedCourses.length === 1 ? "enter-details" : "select-course";
+  });
+  const [selectedCourse, setSelectedCourse] = useState(
+    scopedCourses.length === 1 ? scopedCourses[0] ?? null : null
+  );
+  const [selectedPricingOptionId, setSelectedPricingOptionId] = useState(null);
+  const [formData, setFormData] = useState({
+    name: "",
+    email: "",
+    phone: "",
+    notes: ""
+  });
+  const [errors, setErrors] = useState({});
+  const [enrollmentResult, setEnrollmentResult] = useState(null);
+  const [errorMessage, setErrorMessage] = useState("");
+  const [portalAuthState, setPortalAuthState] = useState("checking");
+  const [altchaSolution, setAltchaSolution] = useState(null);
+  const showSpamProtection = isSpamProtectionEnabled();
+  const [eligibilityLoading, setEligibilityLoading] = useState(false);
+  const [eligibilityError, setEligibilityError] = useState(null);
+  const [courseEligibility, setCourseEligibility] = useState(null);
+  const [eligibleMemberships, setEligibleMemberships] = useState([]);
+  const [paymentChoice, setPaymentChoice] = useState("checkout");
+  const [selectedMembershipId, setSelectedMembershipId] = useState(null);
+  const [discountUiOpen, setDiscountUiOpen] = useState(false);
+  const [discountCode, setDiscountCode] = useState("");
+  const [discountsAvailable, setDiscountsAvailable] = useState(false);
+  const [manualCodeEntryAllowed, setManualCodeEntryAllowed] = useState(false);
+  const [discountsAvailableLoading, setDiscountsAvailableLoading] = useState(false);
+  const [bookingMode, setBookingMode] = useState(null);
+  const waitlistClaim = useWaitlistClaim();
+  const selectedCoursePricing = useMemo(
+    () => selectedCourse ? resolveCoursePricingState(selectedCourse, selectedPricingOptionId) : null,
+    [selectedCourse, selectedPricingOptionId]
+  );
+  const missingPricingSelectionMessage = getMissingCoursePricingSelectionMessage(
+    selectedCoursePricing
+  );
+  const selectedCoursePricingPayload = buildCoursePricingOptionPayload(
+    selectedCoursePricing
+  );
+  const showSoldOutCourseError = () => {
+    setErrorMessage(courseEligibility?.reason ?? "This course is fully booked.");
+    setStep("error");
+    return true;
+  };
+  useEffect(() => {
+    let cancelled = false;
+    async function checkPortalAuth() {
+      const hasPortalAuth = api.config.auth.type === "bearer" || api.config.authOverrides?.portal?.type === "bearer";
+      if (!hasPortalAuth) {
+        setPortalAuthState("unauthenticated");
+        return;
+      }
+      setPortalAuthState("checking");
+      try {
+        const me = await api.getPortalProfile();
+        if (cancelled) return;
+        setPortalAuthState("authenticated");
+        setFormData((prev) => ({
+          ...prev,
+          email: me.profile.email,
+          name: prev.name || me.profile.name,
+          phone: prev.phone || me.profile.phone || ""
+        }));
+      } catch {
+        if (cancelled) return;
+        setPortalAuthState("unauthenticated");
+      }
+    }
+    checkPortalAuth();
+    return () => {
+      cancelled = true;
+    };
+  }, [api]);
+  useEffect(() => {
+    const claim = waitlistClaim.claim;
+    if (!claim || claim.subject.kind !== "course") return;
+    const courseId = claim.subject.courseId;
+    const matchedCourse = scopedCourses.find((course) => course.id === courseId) ?? null;
+    if (!matchedCourse) {
+      setErrorMessage("This waitlist claim is for a different course.");
+      setStep("error");
+      return;
+    }
+    setSelectedCourse(matchedCourse);
+    setFormData((prev) => ({
+      ...prev,
+      email: claim.prefill.email,
+      name: claim.prefill.name,
+      phone: claim.prefill.phone ?? "",
+      notes: claim.prefill.notes ?? ""
+    }));
+    if (step === "select-course") {
+      setStep("enter-details");
+    }
+  }, [waitlistClaim.claim, scopedCourses, step]);
+  useEffect(() => {
+    if (waitlistClaim.requiresPortalLogin) return;
+    if (!waitlistClaim.error) return;
+    setErrorMessage(waitlistClaim.error);
+    setStep("error");
+  }, [waitlistClaim.error, waitlistClaim.requiresPortalLogin]);
+  useEffect(() => {
+    if (!selectedCourse) {
+      setSelectedPricingOptionId(null);
+      return;
+    }
+    const defaultPricing = resolveCoursePricingState(selectedCourse, null);
+    setSelectedPricingOptionId((previous) => {
+      if (previous && defaultPricing.selectableOptions.some((option) => option.id === previous)) {
+        return previous;
+      }
+      return defaultPricing.selectedOption?.id ?? null;
+    });
+  }, [selectedCourse]);
+  useEffect(() => {
+    let cancelled = false;
+    async function fetchEligibility() {
+      setCourseEligibility(null);
+      setEligibleMemberships([]);
+      setSelectedMembershipId(null);
+      setEligibilityError(null);
+      setPaymentChoice("checkout");
+      const course = selectedCourse;
+      if (!shouldFetchCourseEligibility(
+        course,
+        selectedCoursePricing?.hasPaidSelection ?? false,
+        portalAuthState,
+        waitlistClaim.token !== null
+      )) {
+        return;
+      }
+      if (!course) return;
+      setEligibilityLoading(true);
+      try {
+        const res = await api.checkCourseEligibility({ courseId: course.id });
+        if (cancelled) return;
+        setCourseEligibility(res);
+        const memberships = res.eligibleMemberships ?? [];
+        setEligibleMemberships(memberships);
+        if (portalAuthState === "authenticated" && memberships.length > 0) {
+          setPaymentChoice("membership");
+          if (memberships.length === 1) {
+            setSelectedMembershipId(memberships[0]?.customerMembershipId ?? null);
+          }
+        }
+      } catch (error) {
+        if (cancelled) return;
+        const message = error instanceof Error ? error.message : "Failed to check membership eligibility";
+        setEligibilityError(message);
+      } finally {
+        if (!cancelled) setEligibilityLoading(false);
+      }
+    }
+    fetchEligibility();
+    return () => {
+      cancelled = true;
+    };
+  }, [
+    api,
+    selectedCourse,
+    selectedCoursePricing?.hasPaidSelection,
+    portalAuthState,
+    waitlistClaim.token
+  ]);
+  useEffect(() => {
+    let cancelled = false;
+    async function verifyAfterCheckout() {
+      const params = new URLSearchParams(window.location.search);
+      const enrollment = params.get("enrollment");
+      const sessionId = getSessionIdFromUrl();
+      if (enrollment === "cancelled") {
+        scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+        setErrorMessage("Payment was cancelled. You can try again.");
+        setStep("error");
+        return;
+      }
+      if (enrollment !== "success" || !sessionId) return;
+      scrollToBlock(COURSE_REGISTRATION_ANCHOR_ID);
+      setStep("verifying-payment");
+      const startedAt = Date.now();
+      const timeoutMs = 3e4;
+      while (!cancelled) {
+        try {
+          const status = await api.getCourseRegistrationStatus({ sessionId });
+          if (cancelled) return;
+          if (status.status === "enrolled" || status.status === "completed") {
+            setEnrollmentResult({ status: "enrolled", usedMembership: false });
+            setStep("success");
+            return;
+          }
+          if (status.status === "waitlist") {
+            setEnrollmentResult({ status: "waitlist", usedMembership: false });
+            setStep("waitlist");
+            return;
+          }
+          if (status.status === "cancelled") {
+            setErrorMessage("Payment did not complete. Please try again.");
+            setStep("error");
+            return;
+          }
+        } catch (error) {
+          const message = error instanceof Error ? error.message : "Failed to verify payment";
+          setErrorMessage(message);
+        }
+        if (Date.now() - startedAt > timeoutMs) {
+          setErrorMessage("Payment is still processing. Please check your email for confirmation.");
+          setStep("error");
+          return;
+        }
+        await new Promise((r) => setTimeout(r, 1500));
+      }
+    }
+    verifyAfterCheckout();
+    return () => {
+      cancelled = true;
+    };
+  }, [api]);
+  const handleValidateForm = () => {
+    const newErrors = validateFormData(formData);
+    setErrors(newErrors);
+    return Object.keys(newErrors).length === 0;
+  };
+  const handleCourseSelect = (course) => {
+    setSelectedCourse(course);
+    setStep("enter-details");
+  };
+  const handleSubmit = async () => {
+    if (!selectedCourse) return;
+    if (!handleValidateForm()) return;
+    if (missingPricingSelectionMessage) {
+      setErrorMessage(missingPricingSelectionMessage);
+      setStep("error");
+      return;
+    }
+    const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
+    const canUseMembership2 = requiresPayment && selectedCourse.acceptsMemberships && portalAuthState === "authenticated" && eligibleMemberships.length > 0;
+    if (showSpamProtection && !altchaSolution) {
+      setErrorMessage("Please complete the verification check.");
+      setStep("error");
+      return;
+    }
+    if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) {
+      return;
+    }
+    if (courseEligibility?.canJoinWaitlist) {
+      setStep("submitting");
+      try {
+        const result = await api.enrollInCourse({
+          courseId: selectedCourse.id,
+          ...selectedCoursePricingPayload,
+          email: formData.email.trim().toLowerCase(),
+          name: formData.name.trim(),
+          phone: formData.phone.trim() || void 0,
+          formData: { notes: formData.notes.trim() || void 0 },
+          altchaSolution,
+          paymentMethod: "free",
+          claimToken: waitlistClaim.token ?? void 0
+        });
+        setEnrollmentResult({
+          status: result.status,
+          waitlistPosition: result.waitlistPosition ?? void 0,
+          usedMembership: false
+        });
+        setStep(result.status === "waitlist" ? "waitlist" : "success");
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Booking failed";
+        setErrorMessage(message);
+        setStep("error");
+      }
+      return;
+    }
+    if (requiresPayment && canUseMembership2) {
+      setStep("select-payment");
+      return;
+    }
+    if (requiresPayment) {
+      setStep("submitting");
+      try {
+        const { successUrl, cancelUrl } = buildCheckoutReturnUrls("enrollment", COURSE_REGISTRATION_ANCHOR_ID);
+        const checkoutResult = await api.createCourseCheckout({
+          courseId: selectedCourse.id,
+          ...selectedCoursePricingPayload,
+          email: formData.email.trim().toLowerCase(),
+          name: formData.name.trim(),
+          phone: formData.phone.trim() || void 0,
+          formData: { notes: formData.notes.trim() || void 0 },
+          altchaSolution,
+          discountCode: discountCode.trim() ? discountCode.trim() : void 0,
+          successUrl,
+          cancelUrl,
+          claimToken: waitlistClaim.token ?? void 0
+        });
+        if (checkoutResult.bypassed) {
+          setEnrollmentResult({
+            status: "enrolled",
+            waitlistPosition: void 0,
+            usedMembership: false
+          });
+          setStep("success");
+          return;
+        }
+        if (!checkoutResult.checkoutUrl) {
+          throw new Error("Checkout URL missing");
+        }
+        setStep("redirecting");
+        window.location.href = checkoutResult.checkoutUrl;
+        return;
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Checkout failed";
+        setErrorMessage(message);
+        setStep("error");
+        return;
+      }
+    }
+    setStep("submitting");
+    try {
+      const result = await api.enrollInCourse({
+        courseId: selectedCourse.id,
+        ...selectedCoursePricingPayload,
+        email: formData.email.trim().toLowerCase(),
+        name: formData.name.trim(),
+        phone: formData.phone.trim() || void 0,
+        formData: { notes: formData.notes.trim() || void 0 },
+        altchaSolution,
+        paymentMethod: "free",
+        claimToken: waitlistClaim.token ?? void 0
+      });
+      setEnrollmentResult({
+        status: result.status,
+        waitlistPosition: result.waitlistPosition ?? void 0,
+        usedMembership: result.paymentMethod === "membership"
+      });
+      setStep(result.status === "waitlist" ? "waitlist" : "success");
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Booking failed";
+      setErrorMessage(message);
+      setStep("error");
+    }
+  };
+  const handlePaymentContinue = async () => {
+    if (!selectedCourse) return;
+    if (!handleValidateForm()) return;
+    if (missingPricingSelectionMessage) {
+      setErrorMessage(missingPricingSelectionMessage);
+      setStep("error");
+      return;
+    }
+    const requiresPayment = selectedCoursePricing?.selectedRequiresPayment ?? false;
+    if (!waitlistClaim.claim && courseEligibility?.isFull && !courseEligibility.canJoinWaitlist && showSoldOutCourseError()) {
+      return;
+    }
+    if (!requiresPayment) {
+      setStep("enter-details");
+      return;
+    }
+    if (showSpamProtection && !altchaSolution) {
+      setErrorMessage("Please complete the verification check.");
+      setStep("error");
+      return;
+    }
+    if (paymentChoice === "membership") {
+      if (!selectedMembershipId) {
+        setErrorMessage("Select a membership to enroll.");
+        setStep("error");
+        return;
+      }
+      setStep("submitting");
+      try {
+        const result = await api.enrollInCourse({
+          courseId: selectedCourse.id,
+          ...selectedCoursePricingPayload,
+          email: formData.email.trim().toLowerCase(),
+          name: formData.name.trim(),
+          phone: formData.phone.trim() || void 0,
+          formData: { notes: formData.notes.trim() || void 0 },
+          altchaSolution,
+          paymentMethod: "membership",
+          customerMembershipId: selectedMembershipId,
+          claimToken: waitlistClaim.token ?? void 0
+        });
+        setEnrollmentResult({
+          status: result.status,
+          waitlistPosition: result.waitlistPosition ?? void 0,
+          usedMembership: true
+        });
+        setStep(result.status === "waitlist" ? "waitlist" : "success");
+      } catch (error) {
+        const message = error instanceof Error ? error.message : "Booking failed";
+        setErrorMessage(message);
+        setStep("error");
+      }
+      return;
+    }
+    setStep("submitting");
+    try {
+      const { successUrl, cancelUrl } = buildCheckoutReturnUrls("enrollment", COURSE_REGISTRATION_ANCHOR_ID);
+      const checkoutResult = await api.createCourseCheckout({
+        courseId: selectedCourse.id,
+        ...selectedCoursePricingPayload,
+        email: formData.email.trim().toLowerCase(),
+        name: formData.name.trim(),
+        phone: formData.phone.trim() || void 0,
+        formData: { notes: formData.notes.trim() || void 0 },
+        altchaSolution,
+        discountCode: discountCode.trim() ? discountCode.trim() : void 0,
+        successUrl,
+        cancelUrl,
+        claimToken: waitlistClaim.token ?? void 0
+      });
+      if (checkoutResult.bypassed) {
+        setEnrollmentResult({
+          status: "enrolled",
+          waitlistPosition: void 0,
+          usedMembership: false
+        });
+        setStep("success");
+        return;
+      }
+      if (!checkoutResult.checkoutUrl) {
+        throw new Error("Checkout URL missing");
+      }
+      setStep("redirecting");
+      window.location.href = checkoutResult.checkoutUrl;
+    } catch (error) {
+      const message = error instanceof Error ? error.message : "Checkout failed";
+      setErrorMessage(message);
+      setStep("error");
+    }
+  };
+  const handleRetry = () => {
+    setStep(scopedCourses.length === 1 ? "enter-details" : "select-course");
+    setErrorMessage("");
+  };
+  const handleBookingModeChange = (mode) => {
+    setBookingMode(mode);
+    if (mode === "membership") {
+      setPaymentChoice("membership");
+    } else {
+      setPaymentChoice("checkout");
+    }
+  };
+  const courseDiscountContext = useMemo(() => {
+    if (!selectedCourse) return null;
+    if (!selectedCoursePricing?.selectedRequiresPayment) return null;
+    if (paymentChoice !== "checkout") return null;
+    return { type: "course", courseId: selectedCourse.id };
+  }, [selectedCourse, selectedCoursePricing?.selectedRequiresPayment, paymentChoice]);
+  useEffect(() => {
+    let cancelled = false;
+    async function checkDiscountAvailability() {
+      if (!courseDiscountContext) {
+        setDiscountsAvailable(false);
+        setManualCodeEntryAllowed(false);
+        setDiscountsAvailableLoading(false);
+        setDiscountUiOpen(false);
+        setDiscountCode("");
+        return;
+      }
+      setDiscountsAvailableLoading(true);
+      try {
+        const res = await api.getDiscountsAvailable({
+          context: courseDiscountContext,
+          subtotalCents: selectedCoursePricing?.selectedPriceAmount ?? void 0
+        });
+        if (cancelled) return;
+        setDiscountsAvailable(res.hasDiscounts);
+        setManualCodeEntryAllowed(res.manualCodeEntryAllowed);
+        if (!res.hasDiscounts || !res.manualCodeEntryAllowed) {
+          setDiscountUiOpen(false);
+          setDiscountCode("");
+        }
+      } catch {
+        if (cancelled) return;
+        setDiscountsAvailable(false);
+        setManualCodeEntryAllowed(false);
+        setDiscountUiOpen(false);
+        setDiscountCode("");
+      } finally {
+        if (!cancelled) setDiscountsAvailableLoading(false);
+      }
+    }
+    checkDiscountAvailability();
+    return () => {
+      cancelled = true;
+    };
+  }, [api, courseDiscountContext, selectedCoursePricing?.selectedPriceAmount]);
+  const hasCoursePayment = resolveHasCoursePayment(selectedCoursePricing);
+  const canUseMembership = hasCoursePayment && selectedCourse?.acceptsMemberships === true && portalAuthState === "authenticated" && eligibleMemberships.length > 0;
+  const hasPreSelectedCourse = scopedCourses.length === 1;
+  const isMembershipFastTrack = canUseMembership && eligibleMemberships.length === 1 && bookingMode === "membership";
+  const wizardSteps = useMemo(
+    () => getWizardStepsForContext(
+      hasPreSelectedCourse,
+      hasCoursePayment,
+      canUseMembership,
+      bookingMode,
+      isMembershipFastTrack
+    ),
+    [hasPreSelectedCourse, hasCoursePayment, canUseMembership, bookingMode, isMembershipFastTrack]
+  );
+  const currentStepNumber = getStepNumber(step, wizardSteps);
+  const totalSteps = wizardSteps.length;
+  const stepLabels = getStepLabels(wizardSteps);
+  const canShowPortalAuthSidebarOnCurrentStep = step !== "success" && step !== "waitlist" && step !== "error";
+  const showPortalAuthSidebar = portalAuthState === "unauthenticated" && waitlistClaim.requiresPortalLogin && canShowPortalAuthSidebarOnCurrentStep || portalAuthState === "unauthenticated" && hasCoursePayment && selectedCourse?.acceptsMemberships === true && step !== "select-course" && canShowPortalAuthSidebarOnCurrentStep;
+  const handleLogout = portalAuthState === "authenticated" ? () => logoutPortal(COURSE_REGISTRATION_ANCHOR_ID) : void 0;
+  return {
+    api,
+    scopedCourses,
+    step,
+    setStep,
+    selectedCourse,
+    selectedPricingOptionId,
+    setSelectedPricingOptionId,
+    selectedCoursePricing,
+    setSelectedCourse,
+    formData,
+    setFormData,
+    errors,
+    enrollmentResult,
+    errorMessage,
+    portalAuthState,
+    handleLogout,
+    altchaSolution,
+    setAltchaSolution,
+    showSpamProtection,
+    eligibilityLoading,
+    eligibilityError,
+    courseEligibility,
+    eligibleMemberships,
+    paymentChoice,
+    setPaymentChoice,
+    selectedMembershipId,
+    setSelectedMembershipId,
+    discountUiOpen,
+    setDiscountUiOpen,
+    discountCode,
+    setDiscountCode,
+    discountsAvailable,
+    manualCodeEntryAllowed,
+    discountsAvailableLoading,
+    canUseMembership,
+    waitlistClaim,
+    // New booking mode state
+    bookingMode,
+    // Wizard step info
+    wizardSteps,
+    currentStepNumber,
+    totalSteps,
+    stepLabels,
+    showPortalAuthSidebar,
+    hasPreSelectedCourse,
+    hasCoursePayment,
+    // Handlers
+    handleCourseSelect,
+    handleSubmit,
+    handlePaymentContinue,
+    handleRetry,
+    handleBookingModeChange
+  };
+}
+function CourseRegistrationWizard(props) {
+  const {
+    showSessions = true,
+    showPrice = true,
+    showCapacity = true,
+    showVenue = true,
+    successMessage = "You're booked in! Check your email for confirmation and session details.",
+    waitlistMessage = "You've been added to the waitlist. We'll email you a claim link if a spot opens up.",
+    membershipMessage = "Booked using your membership! Check your email for session details.",
+    buttonText = "Book course",
+    buttonVariant = "primary",
+    className
+  } = props;
+  const {
+    api,
+    scopedCourses,
+    step,
+    setStep,
+    selectedCourse,
+    selectedPricingOptionId,
+    setSelectedPricingOptionId,
+    selectedCoursePricing,
+    formData,
+    setFormData,
+    errors,
+    enrollmentResult,
+    errorMessage,
+    portalAuthState,
+    handleLogout,
+    setAltchaSolution,
+    showSpamProtection,
+    eligibilityLoading,
+    eligibilityError,
+    courseEligibility,
+    eligibleMemberships,
+    paymentChoice,
+    setPaymentChoice,
+    selectedMembershipId,
+    setSelectedMembershipId,
+    discountUiOpen,
+    setDiscountUiOpen,
+    discountCode,
+    setDiscountCode,
+    discountsAvailable,
+    manualCodeEntryAllowed,
+    discountsAvailableLoading,
+    waitlistClaim,
+    // New booking mode state
+    bookingMode,
+    // Wizard step info
+    currentStepNumber,
+    totalSteps,
+    stepLabels,
+    showPortalAuthSidebar,
+    // Handlers
+    handleCourseSelect,
+    handleSubmit,
+    handlePaymentContinue,
+    handleRetry,
+    handleBookingModeChange
+  } = useCourseRegistrationWizard(props);
+  const buttonClass = themeButtonClassName({ variant: buttonVariant, size: "md" });
+  if (scopedCourses.length === 0) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: COURSE_REGISTRATION_ANCHOR_ID,
+        className: `course-registration ${className || ""}`,
+        "data-block": "course-registration",
+        children: /* @__PURE__ */ jsx("div", { className: "cr-empty", children: /* @__PURE__ */ jsx("p", { className: "cr-empty__text", children: "No courses available to book." }) })
+      }
+    );
+  }
+  const allowedStatuses = api.config.isPreview ? ["active", "draft"] : ["active"];
+  const hasEnrollableCourses = scopedCourses.some(
+    (c) => !c.status || allowedStatuses.includes(c.status)
+  );
+  if (!hasEnrollableCourses) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        id: COURSE_REGISTRATION_ANCHOR_ID,
+        className: `course-registration ${className || ""}`,
+        "data-block": "course-registration",
+        children: /* @__PURE__ */ jsx("div", { className: "cr-empty", children: /* @__PURE__ */ jsx("p", { className: "cr-empty__text", children: "Booking is not currently available for this course." }) })
+      }
+    );
+  }
+  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 pricingUnavailable = selectedCoursePricing?.display.kind === "unavailable";
+  const selectedCourseWithPricing = selectedCourse && selectedCoursePricing ? {
+    course: selectedCourse,
+    pricing: selectedCoursePricing
+  } : null;
+  const showStepIndicator = WIZARD_STEPS.includes(step) && totalSteps > 1;
+  const showSidebarLayout = showPortalAuthSidebar;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      id: COURSE_REGISTRATION_ANCHOR_ID,
+      className: `course-registration ${className || ""}`,
+      "data-block": "course-registration",
+      children: /* @__PURE__ */ jsx("div", { className: "cr-container", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `cr-layout${showSidebarLayout ? " cr-layout--with-sidebar" : ""}`,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "cr-layout__main", children: [
+              showStepIndicator && /* @__PURE__ */ jsx(
+                StepIndicator2,
+                {
+                  currentStep: currentStepNumber,
+                  totalSteps,
+                  stepLabels
+                }
+              ),
+              step === "select-course" && /* @__PURE__ */ jsx("div", { className: "cr-course-list", children: scopedCourses.map((course) => /* @__PURE__ */ jsx(
+                CourseCard,
+                {
+                  course,
+                  isSelected: selectedCourse?.id === course.id,
+                  onSelect: () => handleCourseSelect(course),
+                  showSessions,
+                  showPrice,
+                  showCapacity,
+                  showVenue
+                },
+                course.id
+              )) }),
+              step === "enter-details" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", { className: "cr-details", children: [
+                /* @__PURE__ */ jsx(
+                  CourseSummary,
+                  {
+                    course: selectedCourseWithPricing.course,
+                    pricing: selectedCourseWithPricing.pricing,
+                    showSessions,
+                    showVenue,
+                    showPrice,
+                    showMembershipNote: selectedCourseWithPricing.course.acceptsMemberships && portalAuthState === "authenticated"
+                  }
+                ),
+                selectedCourseWithPricing.course.enrollmentOpen === false ? /* @__PURE__ */ jsxs("div", { className: "cr-form", children: [
+                  scopedCourses.length > 1 && /* @__PURE__ */ jsx("div", { className: "cr-actions", children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setStep("select-course"),
+                      className: "cr-back-btn",
+                      children: "\u2190 Back"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("p", { className: "cr-text cr-text--muted", children: "Registration closed." })
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsxs(
+                    "form",
+                    {
+                      className: "cr-form",
+                      onSubmit: (e) => {
+                        e.preventDefault();
+                        handleSubmit();
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          EnrollmentForm,
+                          {
+                            formData,
+                            errors,
+                            onChange: setFormData,
+                            isEmailLocked: portalAuthState === "authenticated" || waitlistClaim.claim !== null,
+                            isLoading: portalAuthState === "checking" || waitlistClaim.isLoading,
+                            onLogout: handleLogout
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          CoursePricingSelector,
+                          {
+                            pricing: selectedCourseWithPricing.pricing,
+                            selectedPricingOptionId,
+                            onSelect: setSelectedPricingOptionId
+                          }
+                        ),
+                        showSpamProtection && /* @__PURE__ */ jsx("div", { className: "cr-altcha", children: /* @__PURE__ */ jsx(
+                          AltchaWidget,
+                          {
+                            challengeUrl: getChallengeUrl(),
+                            onSolutionChange: setAltchaSolution
+                          }
+                        ) }),
+                        canShowDiscountUi && /* @__PURE__ */ jsx(
+                          DiscountCodeSection,
+                          {
+                            isOpen: discountUiOpen,
+                            code: discountCode,
+                            onOpen: () => setDiscountUiOpen(true),
+                            onChange: setDiscountCode,
+                            onRemove: () => {
+                              setDiscountCode("");
+                              setDiscountUiOpen(false);
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "cr-actions", children: [
+                          scopedCourses.length > 1 && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => setStep("select-course"),
+                              className: "cr-back-btn",
+                              children: "\u2190 Back"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "submit",
+                              className: buttonClass,
+                              disabled: courseSoldOut || eligibilityLoading || pricingSelectionMissing || pricingUnavailable,
+                              children: eligibilityLoading ? "Checking availability\u2026" : courseSoldOut ? "Sold out" : detailsSubmitLabel
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  courseSoldOut && /* @__PURE__ */ jsx("p", { className: "cr-text cr-text--muted", children: "This course is fully booked and there is no waitlist available right now." }),
+                  pricingSelectionMissing && /* @__PURE__ */ jsx("p", { className: "cr-text cr-text--muted", children: "Choose a pricing option to continue." }),
+                  pricingUnavailable && /* @__PURE__ */ jsx("p", { className: "cr-text cr-text--muted", children: "Pricing is not available for this course right now." }),
+                  eligibilityError && /* @__PURE__ */ jsx("p", { className: "cr-text cr-text--error", children: eligibilityError })
+                ] })
+              ] }),
+              step === "booking-mode" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", { className: "cr-details", children: [
+                /* @__PURE__ */ jsx(
+                  CourseSummary,
+                  {
+                    course: selectedCourseWithPricing.course,
+                    pricing: selectedCourseWithPricing.pricing,
+                    showSessions,
+                    showVenue,
+                    showPrice,
+                    showMembershipNote: false
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  BookingModeStep,
+                  {
+                    bookingMode,
+                    onBookingModeChange: handleBookingModeChange,
+                    eligibleMemberships,
+                    selectedMembershipId,
+                    onMembershipSelect: setSelectedMembershipId,
+                    priceCents: selectedCoursePricing?.selectedPriceAmount ?? null,
+                    currency: selectedCourseWithPricing.course.currency ?? "GBP"
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "cr-actions", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => setStep("enter-details"),
+                      className: "cr-back-btn",
+                      children: "\u2190 Back"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: buttonClass,
+                      onClick: handlePaymentContinue,
+                      disabled: !bookingMode || bookingMode === "membership" && !selectedMembershipId,
+                      children: bookingMode === "membership" ? "Book course" : "Continue to payment"
+                    }
+                  )
+                ] })
+              ] }),
+              step === "select-payment" && selectedCourseWithPricing && /* @__PURE__ */ jsxs("div", { className: "cr-details", children: [
+                /* @__PURE__ */ jsx(
+                  CourseSummary,
+                  {
+                    course: selectedCourseWithPricing.course,
+                    pricing: selectedCourseWithPricing.pricing,
+                    showSessions,
+                    showVenue,
+                    showPrice,
+                    showMembershipNote: false
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "cr-form", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+                    /* @__PURE__ */ jsx("label", { className: "cr-form__label", children: "Choose how to book" }),
+                    /* @__PURE__ */ jsxs("div", { className: "cr-payment__options", children: [
+                      /* @__PURE__ */ jsxs("label", { className: "cr-payment__option", children: [
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "radio",
+                            name: "paymentChoice",
+                            checked: paymentChoice === "membership",
+                            onChange: () => setPaymentChoice("membership")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { children: "Use a membership (free)" })
+                      ] }),
+                      paymentChoice === "membership" && eligibleMemberships.length > 1 && /* @__PURE__ */ jsxs("div", { className: "cr-form__field", children: [
+                        /* @__PURE__ */ jsx(
+                          "label",
+                          {
+                            htmlFor: "cr-membership",
+                            className: "cr-form__label",
+                            children: "Membership"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs(
+                          "select",
+                          {
+                            id: "cr-membership",
+                            className: "cr-form__input",
+                            value: selectedMembershipId ?? "",
+                            onChange: (e) => setSelectedMembershipId(e.target.value || null),
+                            children: [
+                              /* @__PURE__ */ jsx("option", { value: "", disabled: true, children: "Select a membership\u2026" }),
+                              eligibleMemberships.map((m) => /* @__PURE__ */ jsx(
+                                "option",
+                                {
+                                  value: m.customerMembershipId,
+                                  children: m.membershipName
+                                },
+                                m.customerMembershipId
+                              ))
+                            ]
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("label", { className: "cr-payment__option", children: [
+                        /* @__PURE__ */ jsx(
+                          "input",
+                          {
+                            type: "radio",
+                            name: "paymentChoice",
+                            checked: paymentChoice === "checkout",
+                            onChange: () => setPaymentChoice("checkout")
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { children: "Pay by card" })
+                      ] })
+                    ] })
+                  ] }),
+                  canShowDiscountUi && /* @__PURE__ */ jsx(
+                    DiscountCodeSection,
+                    {
+                      isOpen: discountUiOpen,
+                      code: discountCode,
+                      onOpen: () => setDiscountUiOpen(true),
+                      onChange: setDiscountCode,
+                      onRemove: () => {
+                        setDiscountCode("");
+                        setDiscountUiOpen(false);
+                      }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "cr-actions", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setStep("enter-details"),
+                        className: "cr-back-btn",
+                        children: "\u2190 Back"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: buttonClass,
+                        onClick: handlePaymentContinue,
+                        children: "Continue"
+                      }
+                    )
+                  ] })
+                ] })
+              ] }),
+              step === "submitting" && /* @__PURE__ */ jsxs("div", { className: "cr-center", children: [
+                /* @__PURE__ */ jsx(SpinnerNode, { size: "md", srLabel: "Processing" }),
+                /* @__PURE__ */ jsx("p", { className: "cr-text--muted", children: "Booking course..." })
+              ] }),
+              step === "redirecting" && /* @__PURE__ */ jsxs("div", { className: "cr-center", children: [
+                /* @__PURE__ */ jsx(SpinnerNode, { size: "md", srLabel: "Redirecting" }),
+                /* @__PURE__ */ jsx("p", { className: "cr-text--muted", children: "Redirecting to payment..." })
+              ] }),
+              step === "verifying-payment" && /* @__PURE__ */ jsxs("div", { className: "cr-center", children: [
+                /* @__PURE__ */ jsx(SpinnerNode, { size: "md", srLabel: "Verifying payment" }),
+                /* @__PURE__ */ jsx("p", { className: "cr-text--muted", children: "Verifying payment..." })
+              ] }),
+              step === "verifying-timeout" && /* @__PURE__ */ jsx(
+                VerifyingTimeoutStep,
+                {
+                  buttonVariant,
+                  onCheckAgain: handleRetry
+                }
+              ),
+              step === "payment-failed" && /* @__PURE__ */ jsx(
+                PaymentFailedStep,
+                {
+                  message: errorMessage,
+                  buttonVariant,
+                  onRetry: handleRetry
+                }
+              ),
+              step === "success" && /* @__PURE__ */ jsx(
+                SuccessStep,
+                {
+                  usedMembership: enrollmentResult?.usedMembership,
+                  successMessage,
+                  membershipMessage
+                }
+              ),
+              step === "waitlist" && /* @__PURE__ */ jsx(
+                WaitlistStep,
+                {
+                  message: waitlistMessage,
+                  position: enrollmentResult?.waitlistPosition
+                }
+              ),
+              step === "error" && /* @__PURE__ */ jsx(
+                ErrorStep,
+                {
+                  message: errorMessage,
+                  buttonVariant,
+                  onRetry: handleRetry
+                }
+              )
+            ] }),
+            showSidebarLayout && /* @__PURE__ */ jsx("div", { className: "cr-layout__sidebar", children: /* @__PURE__ */ jsx(
+              PortalAuthSidebar,
+              {
+                autoOpen: waitlistClaim.requiresPortalLogin,
+                loginMessage: waitlistClaim.loginMessage,
+                variant: waitlistClaim.requiresPortalLogin ? "waitlist-claim" : "membership"
+              }
+            ) })
+          ]
+        }
+      ) })
+    }
+  );
+}
+function toCourseRegistrationClientProps(props) {
+  return {
+    ...props.render.hydration,
+    buttonText: props.render.display.summaryButtonText,
+    className: props.render.display.className ?? void 0
+  };
+}
+function CourseRegistrationClient(props) {
+  return /* @__PURE__ */ jsx(CourseRegistrationErrorBoundary, { className: props.className, children: /* @__PURE__ */ jsx(CourseRegistrationWizard, { ...props }) });
+}
+function CourseRegistrationIslandClient(props) {
+  return /* @__PURE__ */ jsx(CourseRegistrationClient, { ...toCourseRegistrationClientProps(props) });
+}
+var decode = defineIslandPropsDecoder("course-registration");
+var enhance = (root, props) => {
+  const { siteId, apiBaseUrl, stage, portalToken } = props;
+  if (!siteId) {
+    throw new Error("[sdk:islands] course-registration requires siteId");
+  }
+  if (!apiBaseUrl) {
+    throw new Error("[sdk:islands] course-registration requires apiBaseUrl");
+  }
+  const apiConfig = {
+    baseUrl: apiBaseUrl,
+    auth: portalToken ? { type: "bearer", token: portalToken } : { type: "none" },
+    siteId,
+    isPreview: stage === "preview"
+  };
+  return mountReactIsland(root, ({ root: reactRoot }) => {
+    reactRoot.render(
+      /* @__PURE__ */ jsx(BlockApiProvider, { config: apiConfig, children: /* @__PURE__ */ jsx(CourseRegistrationIslandClient, { ...props }) })
+    );
+  });
+};
+
+export { decode, enhance };