@riverbankcms/sdk 0.77.1 → 0.78.0

package/dist/client/{chunk-GMVTOKYG.mjs → chunk-RV6FX7UH.mjs}

@@ -1,13 +1,14 @@
 "use client";
-import { addPassToCommerceCart, useCommerceCart } from './chunk-E2TDNXCL.mjs';
-import { CarouselNodeClient } from './chunk-II7O4XN3.mjs';
+import { addPassToCommerceCart, useCommerceCart } from './chunk-RZDWX7QW.mjs';
+import { CarouselNodeClient } from './chunk-OFMSCGNY.mjs';
 import { isRecord } from './chunk-I2MMZO53.mjs';
-import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-JEZECJ3W.mjs';
+import { useDiscountCodeUi } from './chunk-PD6NBCEY.mjs';
+import { createBodyThemePortalRoot, consumeSearchParams, scrollToBlock, TerminalPanel, StateIcon, CheckIcon, CrossIcon, ActionRow, DiscountCodeDisclosure, consumeSearchParam, buildCheckoutReturnUrls } from './chunk-VPPMNXCF.mjs';
 import { ModalShell, resolveDedicatedCheckoutPath } from './chunk-3PEDD5KJ.mjs';
-import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-M3L3KYYR.mjs';
+import { useBlockApi, FeedbackMessage, BlockApiProvider } from './chunk-UDNSI5PY.mjs';
 import { mountReactIsland } from './chunk-N7PBWBWQ.mjs';
-import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever } from './chunk-R56FQ3RR.mjs';
-import { getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-PMAIXMAB.mjs';
+import { themeButtonClassName, formatCommercePrice, formatInterval, getShopDisplayForItems, deriveCommerceCheckoutState, buildProductDetailDisplay, productItemKey, buildProductCartItem, buildProductCardDisplay, assertNever11, reportWorkflowError, clearWorkflowFeedback } from './chunk-65F47D7Y.mjs';
+import { assertNever, ok, err, getCurrentResolveImageUrlContext, resolveImageUrlWithContext, ImagePresets } from './chunk-IVNCUVAV.mjs';
 import * as React3 from 'react';
 import React3__default, { useState, useRef, useCallback, useEffect } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -488,7 +489,8 @@ function ShopAddFeedback(props) {
 var initialShopCheckoutState = {
   form: {
     name: "",
-    email: ""
+    email: "",
+    discountCode: ""
   },
   submission: "idle",
   feedback: { tag: "idle" },
@@ -498,24 +500,21 @@ function shopCheckoutReducer(state, action) {
   switch (action.type) {
     case "setField":
       return {
-        ...state,
+        ...clearWorkflowFeedback(state),
         form: {
           ...state.form,
           [action.field]: action.value
-        },
-        feedback: { tag: "idle" }
+        }
       };
     case "submitStarted":
       return {
-        ...state,
-        submission: "submitting",
-        feedback: { tag: "idle" }
+        ...clearWorkflowFeedback(state),
+        submission: "submitting"
       };
     case "submitFailed":
       return {
-        ...state,
-        submission: "idle",
-        feedback: { tag: "error", message: action.message }
+        ...reportWorkflowError(state, action.message),
+        submission: "idle"
       };
     case "submitCompleted":
       return {
@@ -528,9 +527,338 @@ function shopCheckoutReducer(state, action) {
         notice: action.notice
       };
     default:
-      return assertNever(action);
+      return assertNever11(action);
+  }
+}
+
+// ../blocks/src/system/runtime/nodes/shop-checkout-form.ts
+var EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function normalizeManualDiscountCode(raw) {
+  const trimmed = raw.trim();
+  return trimmed ? trimmed : null;
+}
+function normalizeCheckoutEmail(raw) {
+  const email = raw.trim().toLowerCase();
+  if (!email) {
+    return err({
+      type: "missing_contact",
+      message: "Please enter your email"
+    });
+  }
+  if (!EMAIL_PATTERN.test(email)) {
+    return err({
+      type: "invalid_email",
+      message: "Please enter a valid email address"
+    });
+  }
+  return ok(email);
+}
+function normalizeCheckoutContactForm(form) {
+  const emailValue = form.email.trim().toLowerCase();
+  const name = form.name.trim();
+  if (!emailValue || !name) {
+    return err({
+      type: "missing_contact",
+      message: "Please enter your email and name"
+    });
+  }
+  const email = normalizeCheckoutEmail(emailValue);
+  if (!email.ok) return email;
+  return ok({ email: email.value, name });
+}
+function planDirectShopCheckoutRequest(input) {
+  const contact = normalizeCheckoutContactForm(input.form);
+  if (!contact.ok) return contact;
+  const discountCode = normalizeManualDiscountCode(input.form.discountCode);
+  return ok({
+    productType: input.productType,
+    productId: input.productId,
+    customerEmail: contact.value.email,
+    customerName: contact.value.name,
+    ...discountCode ? { discountCode } : {},
+    successUrl: input.successUrl,
+    cancelUrl: input.cancelUrl,
+    ...input.confirmDuplicate ? { confirmDuplicate: true } : {}
+  });
+}
+function buildUnifiedCheckoutItems(checkout) {
+  return checkout.items.map(
+    (item) => item.kind === "product" ? {
+      type: "product",
+      productId: item.productId,
+      ...item.variantId ? { variantId: item.variantId } : {},
+      quantity: item.quantity
+    } : {
+      type: "pass",
+      passId: item.passId
+    }
+  );
+}
+function planUnifiedCheckoutRequest(input) {
+  if (input.checkout.kind === "empty") {
+    return err({
+      type: "empty_cart",
+      message: "Your cart is empty"
+    });
+  }
+  if (input.checkout.kind === "blocked") {
+    return err({
+      type: "blocked_cart",
+      reason: input.checkout.reason,
+      message: "Your cart contains items with different currencies"
+    });
+  }
+  const contact = normalizeCheckoutContactForm(input.form);
+  if (!contact.ok) return contact;
+  const discountCode = normalizeManualDiscountCode(input.form.discountCode);
+  return ok({
+    mode: "one_time",
+    items: buildUnifiedCheckoutItems(input.checkout),
+    customer: contact.value,
+    ...discountCode ? { discountCode } : {},
+    successUrl: input.successUrl,
+    cancelUrl: input.cancelUrl
+  });
+}
+function planCartDiscountAvailabilityRequests(checkout) {
+  if (checkout.kind === "empty") {
+    return err({
+      type: "empty_cart",
+      message: "Your cart is empty"
+    });
+  }
+  if (checkout.kind === "blocked") {
+    return err({
+      type: "blocked_cart",
+      reason: checkout.reason,
+      message: "Your cart contains items with different currencies"
+    });
+  }
+  return ok(checkout.items.map((item) => {
+    const subtotalCents = Math.max(0, item.unitPriceCents * item.quantity);
+    if (item.kind === "product") {
+      return {
+        context: {
+          type: "product",
+          productId: item.productId,
+          productCategoryId: item.productCategoryId
+        },
+        subtotalCents,
+        currency: item.currency
+      };
+    }
+    return {
+      context: {
+        type: "pass",
+        passId: item.passId
+      },
+      subtotalCents,
+      currency: item.currency
+    };
+  }));
+}
+function aggregateCartDiscountUiState(availability) {
+  if (!availability.some((item) => item.hasDiscounts)) {
+    return { type: "unavailable" };
+  }
+  if (availability.some((item) => item.manualCodeEntryAllowed)) {
+    return { type: "manual-allowed" };
+  }
+  const autoAppliedDiscount = availability.find(
+    (item) => item.autoAppliedDiscount
+  )?.autoAppliedDiscount ?? null;
+  return {
+    type: "auto-only",
+    autoAppliedDiscount
+  };
+}
+function checkoutFormForDiscountUiState(form, discountUiState) {
+  if (discountUiState.type === "manual-allowed") return form;
+  return {
+    ...form,
+    discountCode: ""
+  };
+}
+var CART_DISCOUNT_UNAVAILABLE = { type: "unavailable" };
+function useCartDiscountUiState(api, plan) {
+  const [discountUiState, setDiscountUiState] = useState(
+    CART_DISCOUNT_UNAVAILABLE
+  );
+  useEffect(() => {
+    let cancelled = false;
+    async function loadCartDiscountAvailability() {
+      if (!plan.ok || plan.value.length === 0) {
+        setDiscountUiState(CART_DISCOUNT_UNAVAILABLE);
+        return;
+      }
+      setDiscountUiState({ type: "loading" });
+      try {
+        const availability = await Promise.all(
+          plan.value.map((request) => api.getDiscountsAvailable(request))
+        );
+        if (cancelled) return;
+        setDiscountUiState(aggregateCartDiscountUiState(availability));
+      } catch {
+        if (!cancelled) {
+          setDiscountUiState({ type: "error-unavailable" });
+        }
+      }
+    }
+    loadCartDiscountAvailability();
+    return () => {
+      cancelled = true;
+    };
+  }, [api, plan]);
+  return discountUiState;
+}
+
+// ../blocks/src/system/runtime/nodes/shop-discount-apply.state.ts
+var initialDiscountApplyState = {
+  isOpen: false,
+  draftCode: "",
+  status: { type: "idle" }
+};
+function discountApplyReducer(state, action) {
+  switch (action.type) {
+    case "open":
+      return {
+        ...state,
+        isOpen: true
+      };
+    case "draftChanged":
+      return {
+        ...state,
+        draftCode: action.draftCode,
+        status: { type: "idle" }
+      };
+    case "remove":
+      return initialDiscountApplyState;
+    case "applyStarted":
+      return {
+        ...state,
+        status: { type: "applying" }
+      };
+    case "applySucceeded":
+      return {
+        ...state,
+        isOpen: true,
+        draftCode: action.discount.code,
+        status: {
+          type: "applied",
+          discount: action.discount
+        }
+      };
+    case "applyRejected":
+      return {
+        ...state,
+        isOpen: true,
+        status: {
+          type: "rejected",
+          reason: action.reason,
+          message: action.message
+        }
+      };
+    case "resetApplied":
+      if (state.status.type !== "applied") return state;
+      return {
+        ...state,
+        status: { type: "idle" }
+      };
+    default:
+      return assertNever11(action);
   }
 }
+function getAppliedDiscountCode(state) {
+  if (state.status.type !== "applied") return null;
+  return normalizeManualDiscountCode(state.status.discount.code);
+}
+function isDiscountApplyInFlight(state) {
+  return state.status.type === "applying";
+}
+function getDiscountApplyFeedback(status, formatPrice) {
+  switch (status.type) {
+    case "idle":
+    case "applying":
+      return null;
+    case "applied": {
+      const savings = formatPrice(
+        status.discount.discountCents,
+        status.discount.currency
+      );
+      return {
+        tone: "success",
+        message: `${status.discount.publicLabel} applied. You save ${savings}.`
+      };
+    }
+    case "rejected":
+      return {
+        tone: "error",
+        message: status.message
+      };
+    default:
+      return assertNever11(status);
+  }
+}
+var DISCOUNT_APPLY_MESSAGES = {
+  emptyCode: "Enter a discount code first.",
+  emailRequired: "Enter your email before applying a code.",
+  unavailable: "That code doesn't work for this checkout.",
+  unknown: "We couldn't check that code. Try again."
+};
+function useDiscountApply(options) {
+  return useCallback(async () => {
+    const discountCode = normalizeManualDiscountCode(options.state.draftCode);
+    if (!discountCode) {
+      options.dispatch({
+        type: "applyRejected",
+        reason: "empty_code",
+        message: DISCOUNT_APPLY_MESSAGES.emptyCode
+      });
+      return;
+    }
+    const email = normalizeCheckoutEmail(options.getCustomerEmail());
+    if (!email.ok) {
+      options.dispatch({
+        type: "applyRejected",
+        reason: "email_required",
+        message: DISCOUNT_APPLY_MESSAGES.emailRequired
+      });
+      return;
+    }
+    const linesPlan = options.getLines();
+    if (!linesPlan.ok || linesPlan.lines.length === 0) {
+      options.dispatch({
+        type: "applyRejected",
+        reason: "unavailable",
+        message: DISCOUNT_APPLY_MESSAGES.unavailable
+      });
+      return;
+    }
+    options.dispatch({ type: "applyStarted" });
+    try {
+      const result = await options.api.applyDiscountCode({
+        discountCode,
+        customerEmail: email.value,
+        lines: linesPlan.lines
+      });
+      if (result.type === "applied") {
+        options.dispatch({ type: "applySucceeded", discount: result });
+        return;
+      }
+      options.dispatch({
+        type: "applyRejected",
+        reason: result.reason,
+        message: result.message
+      });
+    } catch {
+      options.dispatch({
+        type: "applyRejected",
+        reason: "unknown",
+        message: DISCOUNT_APPLY_MESSAGES.unknown
+      });
+    }
+  }, [options]);
+}
 var CHECKOUT_ANCHOR_ID = "shop-checkout";
 function ProductListController(props) {
   const api = useBlockApi();
@@ -764,6 +1092,10 @@ function CheckoutController(props) {
     shopCheckoutReducer,
     initialShopCheckoutState
   );
+  const [discountApply, dispatchDiscountApply] = React3.useReducer(
+    discountApplyReducer,
+    initialDiscountApplyState
+  );
   React3.useEffect(() => {
     const checkout = consumeSearchParam("checkout");
     if (checkout === "success") {
@@ -777,33 +1109,57 @@ function CheckoutController(props) {
     () => getShopDisplayForItems(props.render, cart.items),
     [cart.items, props.render]
   );
+  const checkoutState = React3.useMemo(
+    () => deriveCommerceCheckoutState({ items: cart.items }),
+    [cart.items]
+  );
+  const discountAvailabilityPlan = React3.useMemo(
+    () => planCartDiscountAvailabilityRequests(checkoutState),
+    [checkoutState]
+  );
+  const discountUiState = useCartDiscountUiState(api, discountAvailabilityPlan);
+  const discountApplyFeedback = getDiscountApplyFeedback(
+    discountApply.status,
+    formatCommercePrice
+  );
+  React3.useEffect(() => {
+    if (discountUiState.type === "manual-allowed") return;
+    dispatchDiscountApply({ type: "remove" });
+  }, [discountUiState.type]);
+  const checkoutIdentity = React3.useMemo(() => {
+    if (checkoutState.kind !== "ready") return checkoutState.kind;
+    return checkoutState.items.map((item) => `${item.key}:${item.quantity}:${item.unitPriceCents}`).join("|");
+  }, [checkoutState]);
+  React3.useEffect(() => {
+    dispatchDiscountApply({ type: "resetApplied" });
+  }, [checkoutIdentity, state.form.email]);
+  const applyDiscountCode = useDiscountApply({
+    api,
+    state: discountApply,
+    dispatch: dispatchDiscountApply,
+    getCustomerEmail: () => state.form.email,
+    getLines: () => discountAvailabilityPlan.ok ? { ok: true, lines: discountAvailabilityPlan.value } : { ok: false }
+  });
   const handleSubmit = async (event) => {
     event.preventDefault();
     if (display.state !== "ready" || state.submission === "submitting") return;
     dispatch({ type: "submitStarted" });
     try {
       const { successUrl, cancelUrl } = buildCheckoutReturnUrls("checkout", CHECKOUT_ANCHOR_ID);
-      const checkoutItems = cart.items.map(
-        (item) => item.kind === "product" ? {
-          type: "product",
-          productId: item.productId,
-          ...item.variantId ? { variantId: item.variantId } : {},
-          quantity: item.quantity
-        } : {
-          type: "pass",
-          passId: item.passId
-        }
-      );
-      const result = await api.createUnifiedCheckout({
-        mode: "one_time",
-        items: checkoutItems,
-        customer: {
-          email: state.form.email.trim().toLowerCase(),
-          name: state.form.name.trim()
-        },
+      const command = planUnifiedCheckoutRequest({
+        checkout: checkoutState,
+        form: checkoutFormForDiscountUiState({
+          ...state.form,
+          discountCode: discountUiState.type === "manual-allowed" ? getAppliedDiscountCode(discountApply) ?? "" : ""
+        }, discountUiState),
         successUrl,
         cancelUrl
       });
+      if (!command.ok) {
+        dispatch({ type: "submitFailed", message: command.error.message });
+        return;
+      }
+      const result = await api.createUnifiedCheckout(command.value);
       if (result.type === "redirect") {
         window.location.href = result.checkoutUrl;
         return;
@@ -859,6 +1215,25 @@ function CheckoutController(props) {
             }
           )
         ] }),
+        discountUiState.type === "manual-allowed" ? /* @__PURE__ */ jsx(
+          DiscountCodeDisclosure,
+          {
+            surface: "theme-form",
+            isOpen: discountApply.isOpen,
+            code: discountApply.draftCode,
+            onOpen: () => dispatchDiscountApply({ type: "open" }),
+            onChange: (draftCode) => dispatchDiscountApply({ type: "draftChanged", draftCode }),
+            onRemove: () => dispatchDiscountApply({ type: "remove" }),
+            onApply: applyDiscountCode,
+            id: "shop-checkout-discount-code",
+            hint: "Apply your code before checkout.",
+            feedback: discountApplyFeedback,
+            isApplying: isDiscountApplyInFlight(discountApply),
+            disabled: state.submission === "submitting"
+          }
+        ) : null,
+        discountUiState.type === "loading" ? /* @__PURE__ */ jsx(FeedbackMessage, { tone: "info", className: "rb-caption status-muted", role: "status", children: "Checking available discounts." }) : null,
+        discountUiState.type === "auto-only" ? /* @__PURE__ */ jsx(FeedbackMessage, { tone: "info", className: "rb-caption status-muted", role: "status", children: discountUiState.autoAppliedDiscount ? `${discountUiState.autoAppliedDiscount.publicLabel} will be applied at checkout.` : "Eligible discounts will be applied at checkout." }) : null,
         state.feedback.tag === "error" ? /* @__PURE__ */ jsx(
           FeedbackMessage,
           {
@@ -897,7 +1272,8 @@ function ProductListClient(props) {
 // ../blocks/src/system/runtime/nodes/shop.state.ts
 var EMPTY_FORM = {
   email: "",
-  name: ""
+  name: "",
+  discountCode: ""
 };
 var CLOSED_CHECKOUT = { tag: "closed" };
 var initialShopPassesMembershipsState = {
@@ -993,7 +1369,7 @@ function shopPassesMembershipsReducer(state, action) {
         returnNotice: null
       };
     default:
-      return assertNever(action);
+      return assertNever11(action);
   }
 }
 function getOpenCheckout(state) {
@@ -1008,12 +1384,29 @@ function getCheckoutModalTitle(checkout) {
   if (checkout.item.productType === "membership") return "Subscribe to Membership";
   return checkout.item.product.productUseCase === "appointment_package" ? "Purchase Package" : "Purchase Pass";
 }
+function getCheckoutDiscountApplyLine(checkout) {
+  return {
+    context: checkout.item.productType === "pass" ? {
+      type: "pass",
+      passId: checkout.item.product.id
+    } : {
+      type: "membership",
+      membershipId: checkout.item.product.id
+    },
+    subtotalCents: Math.max(0, checkout.item.product.price),
+    currency: checkout.item.product.currency
+  };
+}
 function PassesMembershipsController({ render }) {
   const api = useBlockApi();
   const [state, dispatch] = React3__default.useReducer(
     shopPassesMembershipsReducer,
     initialShopPassesMembershipsState
   );
+  const [discountApply, dispatchDiscountApply] = React3__default.useReducer(
+    discountApplyReducer,
+    initialDiscountApplyState
+  );
   const passAddFeedback = useTransientShopAddFeedback();
   const [modalPortalRoot, setModalPortalRoot] = useState(null);
   const shopRootRef = useRef(null);
@@ -1023,6 +1416,19 @@ function PassesMembershipsController({ render }) {
   const display = render.display;
   const hydration = render.hydration;
   const checkoutTitle = getCheckoutModalTitle(checkout);
+  const discountContext = React3__default.useMemo(() => {
+    if (!checkout) return null;
+    return checkout.item.productType === "pass" ? { type: "pass", passId: checkout.item.product.id } : { type: "membership", membershipId: checkout.item.product.id };
+  }, [checkout]);
+  const discountUi = useDiscountCodeUi({
+    api,
+    discountContext,
+    subtotalCents: checkout?.item.product.price
+  });
+  const discountApplyFeedback = getDiscountApplyFeedback(
+    discountApply.status,
+    formatCommercePrice
+  );
   const handleBuyPass = useCallback((pass) => {
     if (hydration.passPurchaseMode === "add_to_cart") {
       addPassToCommerceCart(api.config.siteId, {
@@ -1053,6 +1459,13 @@ function PassesMembershipsController({ render }) {
       focusedCheckoutKeyRef.current = checkoutKey;
     }
   }, [checkout]);
+  useEffect(() => {
+    dispatchDiscountApply({ type: "resetApplied" });
+  }, [checkout?.form.email, checkout?.item.product.id, checkout?.item.productType]);
+  useEffect(() => {
+    if (checkout && discountUi.manualCodeEntryAllowed) return;
+    dispatchDiscountApply({ type: "remove" });
+  }, [checkout, discountUi.manualCodeEntryAllowed]);
   useEffect(() => {
     const sourceEl = shopRootRef.current;
     if (!sourceEl) return;
@@ -1079,16 +1492,6 @@ function PassesMembershipsController({ render }) {
   }, []);
   const submitCheckout = useCallback(async (confirmDuplicate = false) => {
     if (!checkout) return;
-    const email = checkout.form.email.trim().toLowerCase();
-    const name = checkout.form.name.trim();
-    if (!email || !name) {
-      dispatch({ type: "submitFailed", error: "Please enter your email and name" });
-      return;
-    }
-    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
-      dispatch({ type: "submitFailed", error: "Please enter a valid email address" });
-      return;
-    }
     dispatch({ type: "submitStarted" });
     try {
       const currentUrl = window.location.href;
@@ -1097,38 +1500,53 @@ function PassesMembershipsController({ render }) {
       successUrl.searchParams.set("product", checkout.item.product.id);
       const cancelUrl = new URL(currentUrl);
       cancelUrl.searchParams.set("checkout", "cancelled");
-      const result = await api.createShopCheckout({
+      const form = {
+        ...checkout.form,
+        discountCode: discountUi.manualCodeEntryAllowed ? getAppliedDiscountCode(discountApply) ?? "" : ""
+      };
+      const command = planDirectShopCheckoutRequest({
         productType: checkout.item.productType,
         productId: checkout.item.product.id,
-        customerEmail: email,
-        customerName: name,
+        form,
         successUrl: successUrl.toString(),
         cancelUrl: cancelUrl.toString(),
         confirmDuplicate
       });
-      if ("warning" in result && result.warning === "duplicate_membership") {
-        dispatch({
-          type: "submitDuplicateWarning",
-          warning: result
-        });
+      if (!command.ok) {
+        dispatch({ type: "submitFailed", error: command.error.message });
         return;
       }
-      if ("bypassed" in result && result.bypassed) {
-        window.location.href = successUrl.toString();
-        return;
+      const result = await api.createShopCheckout(command.value);
+      switch (result.type) {
+        case "duplicate_membership_warning":
+          dispatch({
+            type: "submitDuplicateWarning",
+            warning: result
+          });
+          return;
+        case "bypassed":
+          window.location.href = successUrl.toString();
+          return;
+        case "redirect":
+          window.location.href = result.checkoutUrl;
+          return;
+        default:
+          return assertNever(result);
       }
-      if ("checkoutUrl" in result && result.checkoutUrl) {
-        window.location.href = result.checkoutUrl;
-        return;
-      }
-      throw new Error("No checkout URL returned");
     } catch (submitError) {
       dispatch({
         type: "submitFailed",
         error: submitError instanceof Error ? submitError.message : "An error occurred"
       });
     }
-  }, [api, checkout]);
+  }, [api, checkout, discountApply, discountUi.manualCodeEntryAllowed]);
+  const applyDiscountCode = useDiscountApply({
+    api,
+    state: discountApply,
+    dispatch: dispatchDiscountApply,
+    getCustomerEmail: () => checkout?.form.email ?? "",
+    getLines: () => checkout ? { ok: true, lines: [getCheckoutDiscountApplyLine(checkout)] } : { ok: false }
+  });
   const handleFormSubmit = useCallback((event) => {
     event.preventDefault();
     submitCheckout(false);
@@ -1318,6 +1736,34 @@ function PassesMembershipsController({ render }) {
                 }
               )
             ] }),
+            discountUi.manualCodeEntryAllowed ? /* @__PURE__ */ jsx(
+              DiscountCodeDisclosure,
+              {
+                surface: "theme-form",
+                isOpen: discountApply.isOpen,
+                code: discountApply.draftCode,
+                onOpen: () => dispatchDiscountApply({ type: "open" }),
+                onChange: (draftCode) => dispatchDiscountApply({ type: "draftChanged", draftCode }),
+                onRemove: () => {
+                  dispatchDiscountApply({ type: "remove" });
+                },
+                onApply: applyDiscountCode,
+                id: "shop-discount-code",
+                hint: "Apply your code before checkout.",
+                feedback: discountApplyFeedback,
+                isApplying: isDiscountApplyInFlight(discountApply),
+                disabled: checkout.submitting
+              }
+            ) : null,
+            !discountUi.discountsAvailableLoading && discountUi.discountsAvailable && !discountUi.manualCodeEntryAllowed ? /* @__PURE__ */ jsx(
+              FeedbackMessage,
+              {
+                tone: "info",
+                className: "shop__modal-discount",
+                role: "status",
+                children: "Eligible discounts will be applied at checkout."
+              }
+            ) : null,
             checkout.formError ? /* @__PURE__ */ jsx(
               FeedbackMessage,
               {