@odla-ai/chapter 0.41.1 → 0.42.0

package/dist/{chunk-PCRYLPMQ.js → chunk-S7CND3R5.js}

@@ -1,7 +1,7 @@
 import {
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-IAWBE5PX.js";
+} from "./chunk-JXFYOUDL.js";
 import {
   collectFormFields
 } from "./chunk-IVXVECKR.js";
@@ -110,7 +110,7 @@ function SlotPicker(props) {
 }
 
 // src/ui/members.tsx
-import { useEffect as useEffect3, useState as useState7 } from "preact/hooks";
+import { useEffect as useEffect3, useState as useState6 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
 import { useState as useState2 } from "preact/hooks";
@@ -195,7 +195,7 @@ function Rescheduler(props) {
 }
 
 // src/ui/member-gifts.tsx
-import { useEffect, useRef as useRef2, useState as useState5 } from "preact/hooks";
+import { useEffect, useRef as useRef2, useState as useState4 } from "preact/hooks";
 
 // src/ui/gift-offer-cards.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
@@ -213,94 +213,9 @@ function GiftOfferCards(props) {
   ] }, offer.id)) });
 }
 
-// src/ui/gift-code-redeemer.tsx
-import { InlineActionField } from "@odla-ai/ui/components";
-import { useState as useState3 } from "preact/hooks";
-import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
-var GIFT_CODE_REDEEMER_CSS = `
-.gift-code-redeemer{container-type:inline-size;display:grid;gap:var(--ui-space-1,.35rem);margin:0}
-.gift-code-redeemer .inline-action-field-label{display:block;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-xs,.72rem);font-weight:var(--ui-weight-strong,700);letter-spacing:var(--ui-tracking-caps,.08em);text-transform:uppercase}
-.gift-code-redeemer .inline-action-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ui-space-2,.65rem);align-items:stretch}
-.gift-code-redeemer .inline-action-field-input,.gift-code-redeemer .inline-action-field-action{min-height:var(--ui-inline-action-control-height,38px)}
-.gift-code-redeemer .inline-action-field-input.code{font-family:var(--ui-font-mono,ui-monospace,monospace);font-variant-ligatures:none;letter-spacing:var(--ui-tracking-wide,.04em)}
-.gift-code-redeemer .inline-action-field-input:focus-visible{outline:none;border-color:var(--ui-accent,#168c84);box-shadow:var(--ui-focus,0 0 0 3px rgb(22 140 132 / .18))}
-.gift-code-redeemer .inline-action-field-action{white-space:nowrap}
-.gift-code-redeemer .inline-action-field-status{display:block;min-block-size:1.4em;margin:0;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-sm,.8rem);line-height:1.4}
-.gift-code-redeemer .inline-action-field-status.success{color:var(--ui-good,#1f7a52)}
-.gift-code-redeemer .inline-action-field-status.error{color:var(--ui-danger,#b42318)}
-@container (max-width:26rem){.gift-code-redeemer .inline-action-field-row{grid-template-columns:minmax(0,1fr)}.gift-code-redeemer .inline-action-field-action{width:100%}}
-`;
-function GiftCodeRedeemer({ api, copy, id, onRedeemed }) {
-  const [code, setCode] = useState3("");
-  const [loading, setLoading] = useState3(false);
-  const [message, setMessage] = useState3("");
-  const [messageTone, setMessageTone] = useState3("neutral");
-  const normalizedCode = code.trim();
-  const redeem = async () => {
-    if (!normalizedCode || loading) return;
-    setLoading(true);
-    setMessage("");
-    setMessageTone("neutral");
-    try {
-      await api("/api/gifts/redeem", {
-        method: "POST",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ code: normalizedCode })
-      });
-      setCode("");
-      setMessage(copy.redeemed);
-      setMessageTone("success");
-      try {
-        await onRedeemed?.();
-      } catch {
-      }
-    } catch {
-      setMessage(copy.redeemFailed);
-      setMessageTone("error");
-    } finally {
-      setLoading(false);
-    }
-  };
-  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
-    /* @__PURE__ */ jsx4("style", { children: GIFT_CODE_REDEEMER_CSS }),
-    /* @__PURE__ */ jsx4(
-      InlineActionField,
-      {
-        id,
-        className: "gift-code-redeemer",
-        label: copy.code,
-        value: code,
-        code: true,
-        actionLabel: copy.redeem,
-        loadingLabel: `${copy.redeem}\u2026`,
-        loading,
-        actionDisabled: !normalizedCode,
-        message,
-        messageTone,
-        inputProps: {
-          name: "giftCode",
-          maxLength: 64,
-          autoComplete: "one-time-code",
-          autoCapitalize: "none",
-          autocorrect: "off",
-          spellcheck: false
-        },
-        onValueChange: (value) => {
-          setCode(value);
-          if (message) {
-            setMessage("");
-            setMessageTone("neutral");
-          }
-        },
-        onAction: () => void redeem()
-      }
-    )
-  ] });
-}
-
 // src/ui/payment-step.tsx
-import { useRef, useState as useState4 } from "preact/hooks";
-import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { useRef, useState as useState3 } from "preact/hooks";
+import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
 var loader = null;
 function loadStripe() {
   const existing = globalThis.Stripe;
@@ -334,9 +249,9 @@ function PaymentStep(props) {
     simulation
   } = props;
   const copy = props.copy ?? inheritedCopy.join.payment;
-  const [status, setStatus] = useState4("idle");
-  const [error, setError] = useState4(null);
-  const [lineItems, setLineItems] = useState4(null);
+  const [status, setStatus] = useState3("idle");
+  const [error, setError] = useState3(null);
+  const [lineItems, setLineItems] = useState3(null);
   const mountRef = useRef(null);
   const stripeRef = useRef(null);
   const elementsRef = useRef(null);
@@ -410,12 +325,12 @@ function PaymentStep(props) {
       setStatus("ready");
     }
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "join-pay", children: [
-    /* @__PURE__ */ jsxs5("div", { className: "compliance-box", children: [
-      merchantDisclosureText ? /* @__PURE__ */ jsx5("p", { className: "compliance-merchant", children: merchantDisclosureText }) : null,
-      /* @__PURE__ */ jsx5("p", { className: "compliance-policy", children: refundPolicyText }),
-      /* @__PURE__ */ jsxs5("label", { className: "compliance-check", children: [
-        /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs4("div", { className: "join-pay", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "compliance-box", children: [
+      merchantDisclosureText ? /* @__PURE__ */ jsx4("p", { className: "compliance-merchant", children: merchantDisclosureText }) : null,
+      /* @__PURE__ */ jsx4("p", { className: "compliance-policy", children: refundPolicyText }),
+      /* @__PURE__ */ jsxs4("label", { className: "compliance-check", children: [
+        /* @__PURE__ */ jsx4(
           "input",
           {
             type: "checkbox",
@@ -425,41 +340,41 @@ function PaymentStep(props) {
             }
           }
         ),
-        copy.consent ? /* @__PURE__ */ jsx5("span", { children: copy.consent }) : null
+        copy.consent ? /* @__PURE__ */ jsx4("span", { children: copy.consent }) : null
       ] })
     ] }),
-    status === "loading" ? /* @__PURE__ */ jsx5("p", { className: "pay-status", children: copy.preparing }) : null,
+    status === "loading" ? /* @__PURE__ */ jsx4("p", { className: "pay-status", children: copy.preparing }) : null,
     lineItems && renderPriceLines ? renderPriceLines(lineItems) : null,
     children,
-    simulation && (status === "ready" || status === "confirming") ? /* @__PURE__ */ jsxs5("fieldset", { className: "join-pay-simulation", children: [
-      /* @__PURE__ */ jsx5("legend", { children: "Payment details" }),
-      /* @__PURE__ */ jsxs5("label", { children: [
+    simulation && (status === "ready" || status === "confirming") ? /* @__PURE__ */ jsxs4("fieldset", { className: "join-pay-simulation", children: [
+      /* @__PURE__ */ jsx4("legend", { children: "Payment details" }),
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Card number",
-        /* @__PURE__ */ jsx5("input", { name: "simulationCardNumber", inputMode: "numeric", autoComplete: "off", defaultValue: "4242 4242 4242 4242" })
+        /* @__PURE__ */ jsx4("input", { name: "simulationCardNumber", inputMode: "numeric", autoComplete: "off", defaultValue: "4242 4242 4242 4242" })
       ] }),
-      /* @__PURE__ */ jsxs5("label", { children: [
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Expiration",
-        /* @__PURE__ */ jsx5("input", { name: "simulationCardExpiry", inputMode: "numeric", autoComplete: "off", defaultValue: "12 / 34" })
+        /* @__PURE__ */ jsx4("input", { name: "simulationCardExpiry", inputMode: "numeric", autoComplete: "off", defaultValue: "12 / 34" })
       ] }),
-      /* @__PURE__ */ jsxs5("label", { children: [
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Security code",
-        /* @__PURE__ */ jsx5("input", { name: "simulationCardCvc", inputMode: "numeric", autoComplete: "off", defaultValue: "123" })
+        /* @__PURE__ */ jsx4("input", { name: "simulationCardCvc", inputMode: "numeric", autoComplete: "off", defaultValue: "123" })
       ] }),
-      /* @__PURE__ */ jsx5("p", { children: "This is a simulation. No card data is sent and no charge is created." })
+      /* @__PURE__ */ jsx4("p", { children: "This is a simulation. No card data is sent and no charge is created." })
     ] }) : null,
-    /* @__PURE__ */ jsx5("div", { ref: mountRef, hidden: status === "idle" || status === "loading" }),
-    status === "ready" || status === "confirming" ? /* @__PURE__ */ jsx5("button", { className: "submit-btn", disabled: status === "confirming", onClick: () => void pay(), children: status === "confirming" ? copy.processing : copy.payAndContinue }) : null,
-    error ? /* @__PURE__ */ jsx5("p", { className: "pay-error", children: error }) : null
+    /* @__PURE__ */ jsx4("div", { ref: mountRef, hidden: status === "idle" || status === "loading" }),
+    status === "ready" || status === "confirming" ? /* @__PURE__ */ jsx4("button", { className: "submit-btn", disabled: status === "confirming", onClick: () => void pay(), children: status === "confirming" ? copy.processing : copy.payAndContinue }) : null,
+    error ? /* @__PURE__ */ jsx4("p", { className: "pay-error", children: error }) : null
   ] });
 }
 
 // src/ui/member-gifts.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
-function MemberGifts(props) {
-  const [data, setData] = useState5(null);
-  const [selected, setSelected] = useState5(null);
-  const [code, setCode] = useState5("");
-  const [message, setMessage] = useState5("");
+import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+function GiftPurchases(props) {
+  const [data, setData] = useState4(null);
+  const [selected, setSelected] = useState4(null);
+  const [code, setCode] = useState4("");
+  const [message, setMessage] = useState4("");
   const purchaseId = useRef2(crypto.randomUUID());
   const load = async () => setData(await props.api("/api/gifts"));
   useEffect(() => {
@@ -475,17 +390,18 @@ function MemberGifts(props) {
     }
   };
   if (!data) return null;
+  if (data.offers.length === 0 && data.claims.length === 0) return null;
   const offer = data.offers.find((item) => item.id === selected);
-  return /* @__PURE__ */ jsxs6("section", { className: "member-gifts", children: [
-    /* @__PURE__ */ jsxs6("div", { className: "card", children: [
-      /* @__PURE__ */ jsx6("div", { className: "card-label", children: props.copy.title }),
-      /* @__PURE__ */ jsx6("p", { children: props.copy.body }),
-      data.offers.length ? /* @__PURE__ */ jsx6(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
+  return /* @__PURE__ */ jsxs5("section", { className: "member-gifts", children: [
+    data.offers.length ? /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsx5("div", { className: "card-label", children: props.copy.title }),
+      /* @__PURE__ */ jsx5("p", { children: props.copy.body }),
+      /* @__PURE__ */ jsx5(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
         setSelected(id);
         setCode("");
         purchaseId.current = crypto.randomUUID();
-      } }) : /* @__PURE__ */ jsx6("p", { children: props.copy.noneAvailable }),
-      offer ? /* @__PURE__ */ jsx6(
+      } }),
+      offer ? /* @__PURE__ */ jsx5(
         PaymentStep,
         {
           applicationId: purchaseId.current,
@@ -505,31 +421,28 @@ function MemberGifts(props) {
           }
         }
       ) : null,
-      code ? /* @__PURE__ */ jsxs6("div", { className: "gift-code-once", children: [
-        /* @__PURE__ */ jsx6("output", { children: code }),
-        /* @__PURE__ */ jsx6("p", { children: props.copy.saveCode })
+      code ? /* @__PURE__ */ jsxs5("div", { className: "gift-code-once", children: [
+        /* @__PURE__ */ jsx5("output", { children: code }),
+        /* @__PURE__ */ jsx5("p", { children: props.copy.saveCode })
       ] }) : null
-    ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "card", children: [
-      /* @__PURE__ */ jsx6("div", { className: "card-label", children: props.copy.purchases }),
-      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs6("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx6("span", { children: claim.offerId }),
-        /* @__PURE__ */ jsx6("span", { children: props.copy[claim.status] }),
-        claim.status === "pending" ? /* @__PURE__ */ jsx6("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
-      ] }, claim.id)) : /* @__PURE__ */ jsx6("p", { children: props.copy.noPurchases })
-    ] }),
-    /* @__PURE__ */ jsxs6("div", { className: "card", children: [
-      /* @__PURE__ */ jsx6("div", { className: "card-label", children: props.copy.redeemTitle }),
-      /* @__PURE__ */ jsx6(GiftCodeRedeemer, { api: props.api, copy: props.copy, onRedeemed: load }),
-      message ? /* @__PURE__ */ jsx6("p", { role: "status", children: message }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsx5("div", { className: "card-label", children: props.copy.purchases }),
+      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs5("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx5("span", { children: claim.offerId }),
+        /* @__PURE__ */ jsx5("span", { children: props.copy[claim.status] }),
+        claim.status === "pending" ? /* @__PURE__ */ jsx5("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
+      ] }, claim.id)) : /* @__PURE__ */ jsx5("p", { children: props.copy.noPurchases }),
+      message ? /* @__PURE__ */ jsx5("p", { role: "status", children: message }) : null
     ] })
   ] });
 }
+var MemberGifts = GiftPurchases;
 
 // src/ui/member-content.tsx
-import { useEffect as useEffect2, useMemo as useMemo2, useState as useState6 } from "preact/hooks";
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState5 } from "preact/hooks";
 import { Markdown } from "@odla-ai/ui/components";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
 var pageLabel = (page) => `${page.title}${page.access === "locked" ? " \xB7 Locked" : ""}`;
 function MemberContentArea(props) {
   const {
@@ -537,12 +450,12 @@ function MemberContentArea(props) {
     path = "/api/member-content",
     upsellHref,
     onUpsell,
-    loadingContent = /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
-    emptyContent = /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: "No member pages have been published yet." })
+    loadingContent = /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
+    emptyContent = /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: "No member pages have been published yet." })
   } = props;
-  const [data, setData] = useState6(props.initialData ?? null);
-  const [error, setError] = useState6(null);
-  const [selectedId, setSelectedId] = useState6(
+  const [data, setData] = useState5(props.initialData ?? null);
+  const [error, setError] = useState5(null);
+  const [selectedId, setSelectedId] = useState5(
     props.initialPageId ?? props.initialData?.pages[0]?.id ?? ""
   );
   useEffect2(() => {
@@ -567,18 +480,18 @@ function MemberContentArea(props) {
     }
     return [...result.entries()];
   }, [data]);
-  if (error) return /* @__PURE__ */ jsxs7("p", { className: "meeting-note", role: "alert", children: [
+  if (error) return /* @__PURE__ */ jsxs6("p", { className: "meeting-note", role: "alert", children: [
     "Member pages could not be loaded: ",
     error
   ] });
-  if (!data) return /* @__PURE__ */ jsx7(Fragment3, { children: loadingContent });
-  if (data.pages.length === 0) return /* @__PURE__ */ jsx7(Fragment3, { children: emptyContent });
+  if (!data) return /* @__PURE__ */ jsx6(Fragment2, { children: loadingContent });
+  if (data.pages.length === 0) return /* @__PURE__ */ jsx6(Fragment2, { children: emptyContent });
   const selected = data.pages.find((page) => page.id === selectedId) ?? data.pages[0];
   const href = selected.upsell && upsellHref ? upsellHref(selected.upsell.tierId, selected) : void 0;
-  return /* @__PURE__ */ jsxs7("div", { className: "chapter-member-content", "data-member-content": true, children: [
-    /* @__PURE__ */ jsx7("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs7("section", { className: "chapter-member-content-section", children: [
-      /* @__PURE__ */ jsx7("h2", { children: section }),
-      /* @__PURE__ */ jsx7("ul", { children: pages.map((page) => /* @__PURE__ */ jsx7("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs6("div", { className: "chapter-member-content", "data-member-content": true, children: [
+    /* @__PURE__ */ jsx6("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs6("section", { className: "chapter-member-content-section", children: [
+      /* @__PURE__ */ jsx6("h2", { children: section }),
+      /* @__PURE__ */ jsx6("ul", { children: pages.map((page) => /* @__PURE__ */ jsx6("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx6(
         "button",
         {
           type: "button",
@@ -588,23 +501,23 @@ function MemberContentArea(props) {
         }
       ) }, page.id)) })
     ] }, section)) }),
-    /* @__PURE__ */ jsxs7("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
-      /* @__PURE__ */ jsxs7("header", { children: [
-        /* @__PURE__ */ jsxs7("div", { className: "card-label", children: [
+    /* @__PURE__ */ jsxs6("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
+      /* @__PURE__ */ jsxs6("header", { children: [
+        /* @__PURE__ */ jsxs6("div", { className: "card-label", children: [
           selected.source.type === "parent" ? "Parent" : "Chapter",
           " \xB7 ",
           selected.access
         ] }),
-        /* @__PURE__ */ jsx7("h1", { children: selected.title }),
-        selected.summary ? /* @__PURE__ */ jsx7("p", { children: selected.summary }) : null
+        /* @__PURE__ */ jsx6("h1", { children: selected.title }),
+        selected.summary ? /* @__PURE__ */ jsx6("p", { children: selected.summary }) : null
       ] }),
-      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx7(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs7("div", { className: "chapter-member-content-locked", children: [
-        selected.teaserMarkdown ? /* @__PURE__ */ jsx7(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx7("p", { children: "This page is not included in your current membership." }),
-        selected.upsell ? /* @__PURE__ */ jsxs7("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
-          /* @__PURE__ */ jsx7("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
-          /* @__PURE__ */ jsx7("p", { children: fmtMoney(selected.upsell.priceCents) }),
-          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx7(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
-          href ? /* @__PURE__ */ jsx7("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx7("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
+      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx6(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs6("div", { className: "chapter-member-content-locked", children: [
+        selected.teaserMarkdown ? /* @__PURE__ */ jsx6(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx6("p", { children: "This page is not included in your current membership." }),
+        selected.upsell ? /* @__PURE__ */ jsxs6("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
+          /* @__PURE__ */ jsx6("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
+          /* @__PURE__ */ jsx6("p", { children: fmtMoney(selected.upsell.priceCents) }),
+          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx6(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
+          href ? /* @__PURE__ */ jsx6("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx6("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
         ] }) : null
       ] })
     ] })
@@ -612,12 +525,12 @@ function MemberContentArea(props) {
 }
 
 // src/ui/members.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 function card(copy, kicker, body) {
-  return /* @__PURE__ */ jsxs8("div", { className: "card", children: [
-    /* @__PURE__ */ jsx8("div", { className: "card-label", children: copy.provisional.cardLabel }),
-    /* @__PURE__ */ jsxs8("div", { className: "meeting-block", children: [
-      /* @__PURE__ */ jsx8("div", { className: "meeting-kicker", children: kicker }),
+  return /* @__PURE__ */ jsxs7("div", { className: "card", children: [
+    /* @__PURE__ */ jsx7("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs7("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx7("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -628,9 +541,9 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.applicationNeeded,
-      /* @__PURE__ */ jsxs8(Fragment4, { children: [
-        /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
-        /* @__PURE__ */ jsx8("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
+      /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx7("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
@@ -638,19 +551,19 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.refunded,
-      /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+      /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: copy.provisional.refundedBody })
     );
   }
-  const membership = application.paid ? /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
+  const membership = application.paid ? /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
   if (application.meetingAt) {
     return card(
       copy,
       copy.provisional.introductionCall,
-      /* @__PURE__ */ jsxs8(Fragment4, { children: [
-        /* @__PURE__ */ jsx8("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
-        /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
-        application.meetUrl ? /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: /* @__PURE__ */ jsx8("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
-        /* @__PURE__ */ jsx8(
+      /* @__PURE__ */ jsxs7(Fragment3, { children: [
+        /* @__PURE__ */ jsx7("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: /* @__PURE__ */ jsx7("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx7(
           Rescheduler,
           {
             api,
@@ -667,9 +580,9 @@ function ProvisionalCard(props) {
   return card(
     copy,
     copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs8(Fragment4, { children: [
-      /* @__PURE__ */ jsx8("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsxs7(Fragment3, { children: [
+      /* @__PURE__ */ jsx7("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx7(
         Rescheduler,
         {
           api,
@@ -696,8 +609,8 @@ function MembersArea(props) {
     renderProvisional
   } = props;
   const copy = props.copy ?? inheritedCopy.members;
-  const [me, setMe] = useState7(null);
-  const [error, setError] = useState7(false);
+  const [me, setMe] = useState6(null);
+  const [error, setError] = useState6(false);
   const reload = async () => {
     try {
       setMe(await api("/api/me"));
@@ -708,22 +621,22 @@ function MembersArea(props) {
   useEffect3(() => {
     void reload();
   }, []);
-  if (error) return /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: copy.loadFailed });
-  if (!me) return /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (error) return /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: inheritedCopy.common.loading });
   const role = me.role || "provisional";
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "card", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx8("span", { className: "member-email", children: me.email }),
-        /* @__PURE__ */ jsx8("span", { className: "role-badge " + role, children: role })
+  return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    /* @__PURE__ */ jsxs7("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx7("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx7("span", { className: "role-badge " + role, children: role })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "account-actions", children: [
-        /* @__PURE__ */ jsx8("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
-        role === "admin" ? /* @__PURE__ */ jsx8("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
+      /* @__PURE__ */ jsxs7("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx7("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        role === "admin" ? /* @__PURE__ */ jsx7("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
       ] })
     ] }),
     role === "provisional" ? (() => {
-      const defaultContent = /* @__PURE__ */ jsx8(
+      const defaultContent = /* @__PURE__ */ jsx7(
         ProvisionalCard,
         {
           api,
@@ -740,14 +653,14 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx8(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx7(
       MemberContentArea,
       {
         api,
         ...memberPages === true ? {} : memberPages
       }
-    ) : /* @__PURE__ */ jsx8("div", { className: "card", children: /* @__PURE__ */ jsx8("div", { className: "card-label", children: copy.full.welcome }) })),
-    /* @__PURE__ */ jsx8(MemberGifts, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment })
+    ) : /* @__PURE__ */ jsx7("div", { className: "card", children: /* @__PURE__ */ jsx7("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx7(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment })
   ] });
 }
 
@@ -755,14 +668,14 @@ function MembersArea(props) {
 import { useEffect as useEffect5, useRef as useRef3, useState as useState11 } from "preact/hooks";
 
 // src/ui/join-booking.tsx
-import { useEffect as useEffect4, useState as useState8 } from "preact/hooks";
-import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { useEffect as useEffect4, useState as useState7 } from "preact/hooks";
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
-  const [state, setState] = useState8(null);
-  const [msg, setMsg] = useState8(null);
-  const [busy, setBusy] = useState8(false);
-  const [selected, setSelected] = useState8(null);
+  const [state, setState] = useState7(null);
+  const [msg, setMsg] = useState7(null);
+  const [busy, setBusy] = useState7(false);
+  const [selected, setSelected] = useState7(null);
   const load = async () => {
     setMsg(null);
     try {
@@ -819,9 +732,9 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx9("p", { className: "slots-status", children: msg ?? copy.loading });
-  return /* @__PURE__ */ jsxs9("div", { className: "join-book", children: [
-    /* @__PURE__ */ jsx9(
+  if (!state) return /* @__PURE__ */ jsx8("p", { className: "slots-status", children: msg ?? copy.loading });
+  return /* @__PURE__ */ jsxs8("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx8(
       SlotPicker,
       {
         slots: state.slots,
@@ -831,29 +744,29 @@ function JoinBooking(props) {
         onDayChange: () => setSelected(null)
       }
     ),
-    /* @__PURE__ */ jsxs9("div", { className: "slot-confirm", hidden: !selected, children: [
-      /* @__PURE__ */ jsx9("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
-      msg ? /* @__PURE__ */ jsx9("p", { className: "step2-note", children: msg }) : null
+    /* @__PURE__ */ jsxs8("div", { className: "slot-confirm", hidden: !selected, children: [
+      /* @__PURE__ */ jsx8("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      msg ? /* @__PURE__ */ jsx8("p", { className: "step2-note", children: msg }) : null
     ] })
   ] });
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
 function JoinAccepted(props) {
-  return /* @__PURE__ */ jsxs10("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx10("div", { className: "card-label", children: props.copy.accepted.label }),
-    /* @__PURE__ */ jsx10("p", { className: "meeting-note", children: props.copy.accepted.body }),
-    /* @__PURE__ */ jsx10("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
+  return /* @__PURE__ */ jsxs9("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx9("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx9("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
   ] });
 }
 
 // src/ui/gift-claim-card.tsx
-import { useState as useState9 } from "preact/hooks";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { useState as useState8 } from "preact/hooks";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
-  const [code, setCode] = useState9(props.initialCode ?? "");
-  const [error, setError] = useState9(false);
+  const [code, setCode] = useState8(props.initialCode ?? "");
+  const [error, setError] = useState8(false);
   const rotate = async () => {
     if (!props.claimId) return;
     setError(false);
@@ -866,21 +779,166 @@ function GiftClaimCard(props) {
     if (response.ok && body.code) setCode(body.code);
     else setError(true);
   };
-  return /* @__PURE__ */ jsxs11("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx11("div", { className: "card-label", children: props.copy.label }),
-    /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: props.copy.body }),
-    code ? /* @__PURE__ */ jsxs11(Fragment5, { children: [
-      /* @__PURE__ */ jsx11("output", { className: "gift-code", children: code }),
-      /* @__PURE__ */ jsx11("p", { children: props.copy.save })
+  return /* @__PURE__ */ jsxs10("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx10("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx10("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
+      /* @__PURE__ */ jsx10("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx10("p", { children: props.copy.save })
     ] }) : null,
-    !code && props.claimId ? /* @__PURE__ */ jsx11("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
-    error ? /* @__PURE__ */ jsx11("p", { role: "alert", children: props.copy.rotateFailed }) : null
+    !code && props.claimId ? /* @__PURE__ */ jsx10("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx10("p", { role: "alert", children: props.copy.rotateFailed }) : null
+  ] });
+}
+
+// src/ui/join-application-response.ts
+function joinStateFromApplicationResponse(data, fallbackNeedsPayment, submittedGiftPurchase) {
+  if (!data.id) return null;
+  if (data.state === "accepted") return { step: "accepted", applicationId: data.id };
+  if (data.state === "paymentPending") return { step: "paymentPending", applicationId: data.id };
+  if (data.state === "booking") return { step: "booking", applicationId: data.id };
+  if (data.state === "payment") return {
+    step: "payment",
+    applicationId: data.id,
+    ...data.giftPurchase || submittedGiftPurchase ? { giftPurchase: true } : {}
+  };
+  return fallbackNeedsPayment ? { step: "payment", applicationId: data.id, ...submittedGiftPurchase ? { giftPurchase: true } : {} } : { step: "booking", applicationId: data.id };
+}
+
+// src/ui/gift-code-redeemer.tsx
+import { InlineActionField } from "@odla-ai/ui/components";
+import { useState as useState9 } from "preact/hooks";
+import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+var GIFT_CODE_REDEEMER_CSS = `
+.gift-code-redeemer{container-type:inline-size;display:grid;gap:var(--ui-space-1,.35rem);margin:0}
+.gift-code-redeemer .inline-action-field-label{display:block;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-xs,.72rem);font-weight:var(--ui-weight-strong,700);letter-spacing:var(--ui-tracking-caps,.08em);text-transform:uppercase}
+.gift-code-redeemer .inline-action-field-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--ui-space-2,.65rem);align-items:stretch}
+.gift-code-redeemer .inline-action-field-input,.gift-code-redeemer .inline-action-field-action{min-height:var(--ui-inline-action-control-height,38px)}
+.gift-code-redeemer .inline-action-field-input.code{font-family:var(--ui-font-mono,ui-monospace,monospace);font-variant-ligatures:none;letter-spacing:var(--ui-tracking-wide,.04em)}
+.gift-code-redeemer .inline-action-field-input:focus-visible{outline:none;border-color:var(--ui-accent,#168c84);box-shadow:var(--ui-focus,0 0 0 3px rgb(22 140 132 / .18))}
+.gift-code-redeemer .inline-action-field-action{white-space:nowrap}
+.gift-code-redeemer .inline-action-field-status{display:block;min-block-size:1.4em;margin:0;color:var(--ui-text-muted,#66777f);font-size:var(--ui-text-sm,.8rem);line-height:1.4}
+.gift-code-redeemer .inline-action-field-status.success{color:var(--ui-good,#1f7a52)}
+.gift-code-redeemer .inline-action-field-status.error{color:var(--ui-danger,#b42318)}
+@container (max-width:26rem){.gift-code-redeemer .inline-action-field-row{grid-template-columns:minmax(0,1fr)}.gift-code-redeemer .inline-action-field-action{width:100%}}
+`;
+function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
+  const [code, setCode] = useState9("");
+  const [loading, setLoading] = useState9(false);
+  const [message, setMessage] = useState9("");
+  const [messageTone, setMessageTone] = useState9("neutral");
+  const normalizedCode = code.trim();
+  const redeem = async () => {
+    if (!normalizedCode || loading) return;
+    setLoading(true);
+    setMessage("");
+    setMessageTone("neutral");
+    try {
+      const result = await api("/api/gifts/redeem", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ code: normalizedCode, applicationId })
+      });
+      setCode("");
+      setMessage(copy.redeemed);
+      setMessageTone("success");
+      try {
+        await onRedeemed?.(result);
+      } catch {
+      }
+    } catch {
+      setMessage(copy.redeemFailed);
+      setMessageTone("error");
+    } finally {
+      setLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    /* @__PURE__ */ jsx11("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx11(
+      InlineActionField,
+      {
+        id,
+        className: "gift-code-redeemer",
+        label: copy.code,
+        value: code,
+        code: true,
+        actionLabel: copy.redeem,
+        loadingLabel: `${copy.redeem}\u2026`,
+        loading,
+        actionDisabled: !normalizedCode,
+        message,
+        messageTone,
+        inputProps: {
+          name: "giftCode",
+          maxLength: 64,
+          autoComplete: "one-time-code",
+          autoCapitalize: "none",
+          autocorrect: "off",
+          spellcheck: false
+        },
+        onValueChange: (value) => {
+          setCode(value);
+          if (message) {
+            setMessage("");
+            setMessageTone("neutral");
+          }
+        },
+        onAction: () => void redeem()
+      }
+    )
+  ] });
+}
+
+// src/ui/join-resume.ts
+async function loadJoinResume(applicationId, fetcher = fetch) {
+  const res = await fetcher(`/api/join/resume?application=${encodeURIComponent(applicationId)}`);
+  const data = await res.json();
+  if (!res.ok) throw new Error(data.error ?? "The application could not be resumed.");
+  if (data.state === "done" && data.booked) return { step: "done", applicationId: data.applicationId, booked: data.booked };
+  if (data.state === "paymentPending") return { step: "paymentPending", applicationId: data.applicationId };
+  if (data.state === "booking") return { step: "booking", applicationId: data.applicationId };
+  if (data.state === "accepted") return { step: "accepted", applicationId: data.applicationId };
+  if (data.state === "gift") return { step: "gift", applicationId: data.applicationId, ...data.claimId ? { claimId: data.claimId } : {} };
+  return {
+    step: "payment",
+    applicationId: data.applicationId,
+    ...data.giftPurchase ? { giftPurchase: true } : {}
+  };
+}
+
+// src/ui/join-gift-claim.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+function JoinGiftClaim(props) {
+  return /* @__PURE__ */ jsxs12("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx12("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx12("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx12(
+      GiftCodeRedeemer,
+      {
+        api: props.api,
+        applicationId: props.applicationId,
+        copy: props.copy,
+        onRedeemed: async (result) => {
+          if (result.state === "booking" || result.state === "accepted") {
+            props.onState({ step: result.state, applicationId: result.applicationId });
+            return;
+          }
+          try {
+            const resumed = props.loadResume ? await props.loadResume() : await loadJoinResume(result.applicationId);
+            if (resumed) props.onState(resumed);
+          } catch {
+            props.onError();
+          }
+        }
+      }
+    )
   ] });
 }
 
 // src/ui/join-tiers.tsx
 import { useState as useState10 } from "preact/hooks";
-import { jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
 function useTierSelection(tiers, initialTierId) {
   const [selectedTierId, setSelectedTierId] = useState10(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
@@ -897,10 +955,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  return /* @__PURE__ */ jsxs12("fieldset", { "data-chapter-placeholder": "tiers", children: [
-    /* @__PURE__ */ jsx12("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
-    context.tiers.map((tier) => /* @__PURE__ */ jsxs12("label", { children: [
-      /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs13("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx13("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs13("label", { children: [
+      /* @__PURE__ */ jsx13(
         "input",
         {
           type: "radio",
@@ -918,21 +976,8 @@ function tierNeedsPayment(selected, paymentsReady) {
   return selected ? !selected.free && paymentsReady : paymentsReady;
 }
 
-// src/ui/join-resume.ts
-async function loadJoinResume(applicationId, fetcher = fetch) {
-  const res = await fetcher(`/api/join/resume?application=${encodeURIComponent(applicationId)}`);
-  const data = await res.json();
-  if (!res.ok) throw new Error(data.error ?? "The application could not be resumed.");
-  if (data.state === "done" && data.booked) return { step: "done", applicationId: data.applicationId, booked: data.booked };
-  if (data.state === "paymentPending") return { step: "paymentPending", applicationId: data.applicationId };
-  if (data.state === "booking") return { step: "booking", applicationId: data.applicationId };
-  if (data.state === "accepted") return { step: "accepted", applicationId: data.applicationId };
-  if (data.state === "gift") return { step: "gift", applicationId: data.applicationId, ...data.claimId ? { claimId: data.claimId } : {} };
-  return { step: "payment", applicationId: data.applicationId };
-}
-
 // src/ui/join.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
 function JoinIsland(props) {
   const inheritedCopy = useChapterCopy();
   const {
@@ -1025,22 +1070,11 @@ function JoinIsland(props) {
       });
       const data = await res.json();
       if (!res.ok || !data.id) throw new Error(data.error ?? copy.form.submitFailed);
-      if (data.state === "accepted") {
-        setState({ step: "accepted", applicationId: data.id });
-        return;
-      }
-      if (data.state === "paymentPending") {
-        setState({ step: "paymentPending", applicationId: data.id });
-        return;
-      }
-      if (data.state === "payment" || data.state === "booking") {
-        setState({ step: data.state, applicationId: data.id });
-        return;
-      }
-      setState({
-        step: tierNeedsPayment(selectedTier, config.paymentsReady) ? "payment" : "booking",
-        applicationId: data.id
-      });
+      setState(joinStateFromApplicationResponse(
+        data,
+        tierNeedsPayment(selectedTier, config.paymentsReady),
+        Boolean(giftOfferId)
+      ));
     } catch (err) {
       setError(err instanceof Error ? err.message : copy.form.unexpectedFailure);
     } finally {
@@ -1052,35 +1086,35 @@ function JoinIsland(props) {
     ..."applicationId" in state ? { applicationId: state.applicationId } : {}
   });
   if (state.step === "done") {
-    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs13("div", { className: "join-done card", children: [
-      /* @__PURE__ */ jsx13("div", { className: "card-label", children: copy.done.label }),
-      /* @__PURE__ */ jsx13("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
-      /* @__PURE__ */ jsx13("p", { className: "meeting-note", children: copy.done.calendarInvite }),
-      /* @__PURE__ */ jsx13("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs14("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx14("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx14("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx14("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx14("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
       body
     ] });
   }
   if (state.step === "accepted") {
-    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx13(JoinAccepted, { copy, membersHref });
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx14(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
       body
     ] });
   }
   if (state.step === "gift") {
-    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx13(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx14(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -1094,9 +1128,20 @@ function JoinIsland(props) {
     ] });
   }
   if (state.step === "payment") {
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
-      /* @__PURE__ */ jsx13(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx14(
+        JoinGiftClaim,
+        {
+          api: props.giftClaimApi,
+          applicationId: state.applicationId,
+          copy: copy.gift,
+          loadResume: props.loadResume,
+          onState: setState,
+          onError: () => setError(copy.form.unexpectedFailure)
+        }
+      ) : null,
+      /* @__PURE__ */ jsx14(
         PaymentStep,
         {
           applicationId: state.applicationId,
@@ -1124,25 +1169,25 @@ function JoinIsland(props) {
     ] });
   }
   if (state.step === "paymentPending") {
-    return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs14(Fragment6, { children: [
       header,
-      /* @__PURE__ */ jsx13("p", { className: "pay-status", role: "status", children: copy.payment.pending })
+      /* @__PURE__ */ jsx14("p", { className: "pay-status", role: "status", children: copy.payment.pending })
     ] });
   }
   const submitDisabled = submitting || props.submitDisabled === true;
   const tierChooser = tiers.length > 1 ? props.renderTiers?.(tierSelection) ?? TierPlaceholder(tierSelection) : null;
-  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+  return /* @__PURE__ */ jsxs14(Fragment6, { children: [
     header,
-    /* @__PURE__ */ jsxs13("form", { className: "join-form", onSubmit: (e) => void submit(e), children: [
-      (config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs13("fieldset", { children: [
-        /* @__PURE__ */ jsx13("legend", { children: copy.gift.optionsLabel }),
-        /* @__PURE__ */ jsx13("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => setGiftOfferId(null), children: copy.gift.chooseSelf }),
-        /* @__PURE__ */ jsx13(GiftOfferCards, { offers: config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: setGiftOfferId })
+    /* @__PURE__ */ jsxs14("form", { className: "join-form", onSubmit: (e) => void submit(e), children: [
+      (config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs14("fieldset", { children: [
+        /* @__PURE__ */ jsx14("legend", { children: copy.gift.optionsLabel }),
+        /* @__PURE__ */ jsx14("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => setGiftOfferId(null), children: copy.gift.chooseSelf }),
+        /* @__PURE__ */ jsx14(GiftOfferCards, { offers: config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: setGiftOfferId })
       ] }) : null,
       tierChooser,
       children,
-      error ? /* @__PURE__ */ jsx13("p", { className: "join-error", children: error }) : null,
-      renderSubmit?.({ submitting, disabled: submitDisabled }) ?? /* @__PURE__ */ jsx13("button", { className: "submit-btn", type: "submit", disabled: submitDisabled, children: submitting ? copy.form.submitting : copy.form.submit })
+      error ? /* @__PURE__ */ jsx14("p", { className: "join-error", children: error }) : null,
+      renderSubmit?.({ submitting, disabled: submitDisabled }) ?? /* @__PURE__ */ jsx14("button", { className: "submit-btn", type: "submit", disabled: submitDisabled, children: submitting ? copy.form.submitting : copy.form.submit })
     ] })
   ] });
 }
@@ -1319,7 +1364,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
 var MEMBERSHIP_CARD_TOKEN_DEFAULTS = Object.freeze({
   "--ui-membership-grid-gap": "1.4rem",
   "--ui-membership-card-padding": "2rem 1.7rem 1.8rem",
@@ -1388,67 +1433,67 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs14("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs15("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs14("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs15("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs14("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs15("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx14("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx15("span", { "aria-hidden": "true", children: "\u2192" })
   ] });
 }
 function TierCard(props) {
   const { tier, presentation } = props;
   const summary = presentation.summaryMarkdown ?? tier.blurb;
   const action = presentation.ctaLabel ?? (tier.free ? "Join for free" : `Choose ${tier.name}`);
-  return /* @__PURE__ */ jsxs14("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
-    presentation.badge ? /* @__PURE__ */ jsx14("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
-    /* @__PURE__ */ jsx14("h3", { className: "chapter-membership-name", children: tier.name }),
-    /* @__PURE__ */ jsxs14("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
-      presentation.capacity ? /* @__PURE__ */ jsxs14("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
-        /* @__PURE__ */ jsx14("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
-        /* @__PURE__ */ jsx14("small", { children: presentation.capacity.label ?? "available" })
+  return /* @__PURE__ */ jsxs15("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx15("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx15("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs15("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs15("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx15("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx15("small", { children: presentation.capacity.label ?? "available" })
       ] }) : null,
-      /* @__PURE__ */ jsxs14("div", { className: "chapter-membership-price-stack", children: [
-        presentation.priceEyebrow ? /* @__PURE__ */ jsx14("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : null,
-        /* @__PURE__ */ jsxs14("div", { className: "chapter-membership-price-row", children: [
-          presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx14("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
-          /* @__PURE__ */ jsx14("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.priceCents) }),
-          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx14("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
+      /* @__PURE__ */ jsxs15("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx15("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : null,
+        /* @__PURE__ */ jsxs15("div", { className: "chapter-membership-price-row", children: [
+          presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx15("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx15("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx15("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx14(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
-    summary ? /* @__PURE__ */ jsx14(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
-    presentation.benefits?.length ? /* @__PURE__ */ jsx14("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs14("li", { children: [
-      /* @__PURE__ */ jsx14("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx14(Markdown2, { className: "chapter-membership-benefit", source: benefit })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx15(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx15(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx15("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs15("li", { children: [
+      /* @__PURE__ */ jsx15("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx15(Markdown2, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    presentation.callout ? /* @__PURE__ */ jsxs14("aside", { className: "chapter-membership-callout", children: [
-      presentation.callout.label ? /* @__PURE__ */ jsx14("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
-      /* @__PURE__ */ jsx14(Markdown2, { source: presentation.callout.bodyMarkdown })
+    presentation.callout ? /* @__PURE__ */ jsxs15("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx15("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx15(Markdown2, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx14(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx15(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
   ] });
 }
 function MembershipCards(props) {
   const document2 = membershipPageDocument(props.document, { tiers: props.tiers });
   const byId = new Map(props.tiers.map((tier) => [tier.id, tier]));
   const mode = props.mode ?? "link";
-  return /* @__PURE__ */ jsxs14("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
-    /* @__PURE__ */ jsx14("style", { children: MEMBERSHIP_CARDS_CSS }),
-    /* @__PURE__ */ jsx14("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
+  return /* @__PURE__ */ jsxs15("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx15("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx15("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
       const tier = byId.get(presentation.tierId);
-      return /* @__PURE__ */ jsx14(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx15(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx14(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx15(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -1464,18 +1509,19 @@ export {
   SlotPicker,
   Rescheduler,
   GiftOfferCards,
-  GiftCodeRedeemer,
   PaymentStep,
+  GiftPurchases,
   MemberGifts,
   MemberContentArea,
   MembersArea,
+  GiftCodeRedeemer,
+  loadJoinResume,
   useTierSelection,
   TierPlaceholder,
   tierNeedsPayment,
-  loadJoinResume,
   JoinIsland,
   MEMBERSHIP_CARD_TOKEN_DEFAULTS,
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-PCRYLPMQ.js.map
+//# sourceMappingURL=chunk-S7CND3R5.js.map