@odla-ai/chapter 0.35.0 → 0.36.0

package/dist/{chunk-UJIVBGL5.js → chunk-I45VYBUV.js}

@@ -1,7 +1,7 @@
 import {
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-JAWTIROV.js";
+} from "./chunk-IAWBE5PX.js";
 import {
   collectFormFields
 } from "./chunk-IVXVECKR.js";
@@ -105,7 +105,7 @@ function SlotPicker(props) {
 }
 
 // src/ui/members.tsx
-import { useEffect, useState as useState3 } from "preact/hooks";
+import { useEffect as useEffect2, useState as useState5 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
 import { useState as useState2 } from "preact/hooks";
@@ -189,143 +189,27 @@ function Rescheduler(props) {
   ] });
 }
 
-// src/ui/members.tsx
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
-function card(copy, kicker, body) {
-  return /* @__PURE__ */ jsxs3("div", { className: "card", children: [
-    /* @__PURE__ */ jsx3("div", { className: "card-label", children: copy.provisional.cardLabel }),
-    /* @__PURE__ */ jsxs3("div", { className: "meeting-block", children: [
-      /* @__PURE__ */ jsx3("div", { className: "meeting-kicker", children: kicker }),
-      body
-    ] })
-  ] });
-}
-function ProvisionalCard(props) {
-  const { api, application, applyHref, copy, onReschedule } = props;
-  if (!application) {
-    return card(
-      copy,
-      copy.provisional.applicationNeeded,
-      /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
-        /* @__PURE__ */ jsx3("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
-      ] })
-    );
-  }
-  if (application.status === "refunded") {
-    return card(
-      copy,
-      copy.provisional.refunded,
-      /* @__PURE__ */ jsx3("div", { className: "meeting-note", children: copy.provisional.refundedBody })
-    );
-  }
-  const membership = application.paid ? /* @__PURE__ */ jsx3("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__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsx3("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
-        /* @__PURE__ */ jsx3("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
-        application.meetUrl ? /* @__PURE__ */ jsx3("div", { className: "meeting-note", children: /* @__PURE__ */ jsx3("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
-        /* @__PURE__ */ jsx3(
-          Rescheduler,
-          {
-            api,
-            applicationId: application.id,
-            timezone: application.timezone,
-            copy: copy.reschedule,
-            onRescheduled: onReschedule
-          }
-        ),
-        membership
-      ] })
-    );
-  }
-  return card(
-    copy,
-    copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx3("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx3(
-        Rescheduler,
-        {
-          api,
-          applicationId: application.id,
-          timezone: application.timezone,
-          copy: copy.reschedule,
-          onRescheduled: onReschedule,
-          label: copy.provisional.chooseTime
-        }
-      ),
-      membership
-    ] })
-  );
-}
-function MembersArea(props) {
-  const inheritedCopy = useChapterCopy();
-  const {
-    api,
-    signOut,
-    adminHref = "/admin/",
-    applyHref = "/join.html",
-    memberContent,
-    renderProvisional
-  } = props;
-  const copy = props.copy ?? inheritedCopy.members;
-  const [me, setMe] = useState3(null);
-  const [error, setError] = useState3(false);
-  const reload = async () => {
-    try {
-      setMe(await api("/api/me"));
-    } catch {
-      setError(true);
-    }
-  };
-  useEffect(() => {
-    void reload();
-  }, []);
-  if (error) return /* @__PURE__ */ jsx3("p", { className: "meeting-note", children: copy.loadFailed });
-  if (!me) return /* @__PURE__ */ jsx3("p", { className: "meeting-note", children: inheritedCopy.common.loading });
-  const role = me.role || "provisional";
-  return /* @__PURE__ */ jsxs3(Fragment2, { children: [
-    /* @__PURE__ */ jsxs3("div", { className: "card", children: [
-      /* @__PURE__ */ jsxs3("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx3("span", { className: "member-email", children: me.email }),
-        /* @__PURE__ */ jsx3("span", { className: "role-badge " + role, children: role })
-      ] }),
-      /* @__PURE__ */ jsxs3("div", { className: "account-actions", children: [
-        /* @__PURE__ */ jsx3("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
-        role === "admin" ? /* @__PURE__ */ jsx3("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
-      ] })
+// src/ui/member-gifts.tsx
+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";
+var price = (cents, currency) => currency === "usd" ? fmtMoney(cents) : new Intl.NumberFormat(void 0, { style: "currency", currency: currency.toUpperCase() }).format(cents / 100);
+function GiftOfferCards(props) {
+  const mode = props.mode ?? "preview";
+  return /* @__PURE__ */ jsx3("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs3("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
+    /* @__PURE__ */ jsx3("div", { className: "card-label", children: offer.title }),
+    /* @__PURE__ */ jsx3("p", { children: offer.description }),
+    /* @__PURE__ */ jsxs3("p", { className: "meeting-date", children: [
+      price(offer.priceCents, offer.currency),
+      offer.billingMode === "subscription" ? " recurring" : ""
     ] }),
-    role === "provisional" ? (() => {
-      const defaultContent = /* @__PURE__ */ jsx3(
-        ProvisionalCard,
-        {
-          api,
-          application: me.application,
-          applyHref,
-          copy,
-          onReschedule: reload
-        }
-      );
-      return renderProvisional?.({
-        api,
-        application: me.application,
-        applyHref,
-        reload,
-        defaultContent
-      }) ?? defaultContent;
-    })() : memberContent ?? /* @__PURE__ */ jsx3("div", { className: "card", children: /* @__PURE__ */ jsx3("div", { className: "card-label", children: copy.full.welcome }) })
-  ] });
+    mode === "select" ? /* @__PURE__ */ jsx3("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx3("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
+  ] }, offer.id)) });
 }
 
-// src/ui/join.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState7 } from "preact/hooks";
-
 // src/ui/payment-step.tsx
-import { useRef, useState as useState4 } from "preact/hooks";
+import { useRef, useState as useState3 } from "preact/hooks";
 import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
 var loader = null;
 function loadStripe() {
@@ -359,12 +243,13 @@ 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);
+  const completionRef = useRef({ gift: false });
   const begin = async () => {
     setStatus("loading");
     setError(null);
@@ -374,13 +259,17 @@ function PaymentStep(props) {
         setStatus("ready");
         return;
       }
-      const res = await fetch("/api/payments/subscription", {
-        method: "POST",
-        headers: { "content-type": "application/json" },
-        body: JSON.stringify({ applicationId, refundPolicyAck: true })
-      });
-      const data = await res.json();
-      if (!res.ok || !data.clientSecret || !data.publishableKey) throw new Error(copy.setupFailed);
+      const data = props.startCheckout ? await props.startCheckout() : await (async () => {
+        const res = await fetch("/api/payments/subscription", {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ applicationId, refundPolicyAck: true })
+        });
+        const body = await res.json();
+        if (!res.ok) throw new Error(copy.setupFailed);
+        return body;
+      })();
+      if (!data.clientSecret || !data.publishableKey) throw new Error(copy.setupFailed);
       const stripe = (await loadStripe())(data.publishableKey);
       const elements = stripe.elements({
         clientSecret: data.clientSecret,
@@ -392,6 +281,7 @@ function PaymentStep(props) {
       stripeRef.current = stripe;
       elementsRef.current = elements;
       setLineItems(data.lineItems ?? null);
+      completionRef.current = { gift: data.gift === true, ...data.giftCode ? { giftCode: data.giftCode } : {} };
       setStatus("ready");
     } catch (e) {
       setStatus("idle");
@@ -401,7 +291,7 @@ function PaymentStep(props) {
   const pay = async () => {
     if (simulation) {
       setStatus("confirming");
-      onPaid();
+      onPaid({ gift: false });
       return;
     }
     const stripe = stripeRef.current;
@@ -423,7 +313,7 @@ function PaymentStep(props) {
       return;
     }
     const paid = result.paymentIntent?.status;
-    if (paid === "succeeded" || paid === "processing") onPaid();
+    if (paid === "succeeded" || paid === "processing") onPaid(completionRef.current);
     else {
       setError(copy.incomplete);
       setStatus("ready");
@@ -471,15 +361,242 @@ function PaymentStep(props) {
   ] });
 }
 
-// src/ui/join-booking.tsx
-import { useEffect as useEffect2, useState as useState5 } from "preact/hooks";
+// src/ui/member-gifts.tsx
 import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+function MemberGifts(props) {
+  const [data, setData] = useState4(null);
+  const [selected, setSelected] = useState4(null);
+  const [code, setCode] = useState4("");
+  const [redeemCode, setRedeemCode] = useState4("");
+  const [message, setMessage] = useState4("");
+  const purchaseId = useRef2(crypto.randomUUID());
+  const load = async () => setData(await props.api("/api/gifts"));
+  useEffect(() => {
+    void load().catch(() => setData({ offers: [], claims: [] }));
+  }, []);
+  const rotate = async (claimId) => {
+    try {
+      const result = await props.api(`/api/gifts/${encodeURIComponent(claimId)}/rotate`, { method: "POST" });
+      setCode(result.code);
+      setMessage(props.copy.rotated);
+    } catch {
+      setMessage(props.copy.rotateFailed);
+    }
+  };
+  const redeem = async () => {
+    try {
+      await props.api("/api/gifts/redeem", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ code: redeemCode })
+      });
+      setRedeemCode("");
+      setMessage(props.copy.redeemed);
+      await load();
+    } catch {
+      setMessage(props.copy.redeemFailed);
+    }
+  };
+  if (!data) return null;
+  const offer = data.offers.find((item) => item.id === selected);
+  return /* @__PURE__ */ jsxs5("section", { className: "member-gifts", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsx5("div", { className: "card-label", children: props.copy.title }),
+      /* @__PURE__ */ jsx5("p", { children: props.copy.body }),
+      data.offers.length ? /* @__PURE__ */ jsx5(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
+        setSelected(id);
+        setCode("");
+        purchaseId.current = crypto.randomUUID();
+      } }) : /* @__PURE__ */ jsx5("p", { children: props.copy.noneAvailable }),
+      offer ? /* @__PURE__ */ jsx5(
+        PaymentStep,
+        {
+          applicationId: purchaseId.current,
+          refundPolicyText: data.refundPolicyText ?? "",
+          copy: props.paymentCopy,
+          startCheckout: () => props.api("/api/gifts/checkout", {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ offerId: offer.id, purchaseId: purchaseId.current })
+          }),
+          onPaid: (result) => {
+            if (result.giftCode) setCode(result.giftCode);
+            setMessage(props.copy.paid);
+            setSelected(null);
+            setTimeout(() => void load(), 1500);
+          }
+        }
+      ) : null,
+      code ? /* @__PURE__ */ jsxs5("div", { className: "gift-code-once", children: [
+        /* @__PURE__ */ jsx5("output", { children: code }),
+        /* @__PURE__ */ jsx5("p", { children: props.copy.saveCode })
+      ] }) : 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 })
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: "card", children: [
+      /* @__PURE__ */ jsx5("div", { className: "card-label", children: props.copy.redeemTitle }),
+      /* @__PURE__ */ jsxs5("label", { children: [
+        props.copy.code,
+        /* @__PURE__ */ jsx5("input", { value: redeemCode, maxLength: 64, onInput: (event) => setRedeemCode(event.currentTarget.value) })
+      ] }),
+      /* @__PURE__ */ jsx5("button", { className: "btn secondary", disabled: !redeemCode, onClick: () => void redeem(), children: props.copy.redeem }),
+      message ? /* @__PURE__ */ jsx5("p", { role: "status", children: message }) : null
+    ] })
+  ] });
+}
+
+// src/ui/members.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+function card(copy, kicker, body) {
+  return /* @__PURE__ */ jsxs6("div", { className: "card", children: [
+    /* @__PURE__ */ jsx6("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs6("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx6("div", { className: "meeting-kicker", children: kicker }),
+      body
+    ] })
+  ] });
+}
+function ProvisionalCard(props) {
+  const { api, application, applyHref, copy, onReschedule } = props;
+  if (!application) {
+    return card(
+      copy,
+      copy.provisional.applicationNeeded,
+      /* @__PURE__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx6("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx6("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
+      ] })
+    );
+  }
+  if (application.status === "refunded") {
+    return card(
+      copy,
+      copy.provisional.refunded,
+      /* @__PURE__ */ jsx6("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+    );
+  }
+  const membership = application.paid ? /* @__PURE__ */ jsx6("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__ */ jsxs6(Fragment2, { children: [
+        /* @__PURE__ */ jsx6("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx6("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx6("div", { className: "meeting-note", children: /* @__PURE__ */ jsx6("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx6(
+          Rescheduler,
+          {
+            api,
+            applicationId: application.id,
+            timezone: application.timezone,
+            copy: copy.reschedule,
+            onRescheduled: onReschedule
+          }
+        ),
+        membership
+      ] })
+    );
+  }
+  return card(
+    copy,
+    copy.provisional.bookCall,
+    /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      /* @__PURE__ */ jsx6("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx6(
+        Rescheduler,
+        {
+          api,
+          applicationId: application.id,
+          timezone: application.timezone,
+          copy: copy.reschedule,
+          onRescheduled: onReschedule,
+          label: copy.provisional.chooseTime
+        }
+      ),
+      membership
+    ] })
+  );
+}
+function MembersArea(props) {
+  const inheritedCopy = useChapterCopy();
+  const {
+    api,
+    signOut,
+    adminHref = "/admin/",
+    applyHref = "/join.html",
+    memberContent,
+    renderProvisional
+  } = props;
+  const copy = props.copy ?? inheritedCopy.members;
+  const [me, setMe] = useState5(null);
+  const [error, setError] = useState5(false);
+  const reload = async () => {
+    try {
+      setMe(await api("/api/me"));
+    } catch {
+      setError(true);
+    }
+  };
+  useEffect2(() => {
+    void reload();
+  }, []);
+  if (error) return /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx6("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  const role = me.role || "provisional";
+  return /* @__PURE__ */ jsxs6(Fragment2, { children: [
+    /* @__PURE__ */ jsxs6("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx6("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx6("span", { className: "role-badge " + role, children: role })
+      ] }),
+      /* @__PURE__ */ jsxs6("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx6("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        role === "admin" ? /* @__PURE__ */ jsx6("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
+      ] })
+    ] }),
+    role === "provisional" ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx6(
+        ProvisionalCard,
+        {
+          api,
+          application: me.application,
+          applyHref,
+          copy,
+          onReschedule: reload
+        }
+      );
+      return renderProvisional?.({
+        api,
+        application: me.application,
+        applyHref,
+        reload,
+        defaultContent
+      }) ?? defaultContent;
+    })() : memberContent ?? /* @__PURE__ */ jsx6("div", { className: "card", children: /* @__PURE__ */ jsx6("div", { className: "card-label", children: copy.full.welcome }) }),
+    /* @__PURE__ */ jsx6(MemberGifts, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment })
+  ] });
+}
+
+// src/ui/join.tsx
+import { useEffect as useEffect4, useRef as useRef3, useState as useState9 } from "preact/hooks";
+
+// src/ui/join-booking.tsx
+import { useEffect as useEffect3, useState as useState6 } from "preact/hooks";
+import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
-  const [state, setState] = useState5(null);
-  const [msg, setMsg] = useState5(null);
-  const [busy, setBusy] = useState5(false);
-  const [selected, setSelected] = useState5(null);
+  const [state, setState] = useState6(null);
+  const [msg, setMsg] = useState6(null);
+  const [busy, setBusy] = useState6(false);
+  const [selected, setSelected] = useState6(null);
   const load = async () => {
     setMsg(null);
     try {
@@ -504,7 +621,7 @@ function JoinBooking(props) {
       setMsg(copy.loadFailed);
     }
   };
-  useEffect2(() => {
+  useEffect3(() => {
     void load();
   }, [simulation]);
   const book = async () => {
@@ -536,9 +653,9 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx5("p", { className: "slots-status", children: msg ?? copy.loading });
-  return /* @__PURE__ */ jsxs5("div", { className: "join-book", children: [
-    /* @__PURE__ */ jsx5(
+  if (!state) return /* @__PURE__ */ jsx7("p", { className: "slots-status", children: msg ?? copy.loading });
+  return /* @__PURE__ */ jsxs7("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx7(
       SlotPicker,
       {
         slots: state.slots,
@@ -548,18 +665,58 @@ function JoinBooking(props) {
         onDayChange: () => setSelected(null)
       }
     ),
-    /* @__PURE__ */ jsxs5("div", { className: "slot-confirm", hidden: !selected, children: [
-      /* @__PURE__ */ jsx5("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
-      msg ? /* @__PURE__ */ jsx5("p", { className: "step2-note", children: msg }) : null
+    /* @__PURE__ */ jsxs7("div", { className: "slot-confirm", hidden: !selected, children: [
+      /* @__PURE__ */ jsx7("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      msg ? /* @__PURE__ */ jsx7("p", { className: "step2-note", children: msg }) : null
     ] })
   ] });
 }
 
+// src/ui/join-accepted.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+function JoinAccepted(props) {
+  return /* @__PURE__ */ jsxs8("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx8("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx8("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
+  ] });
+}
+
+// src/ui/gift-claim-card.tsx
+import { useState as useState7 } from "preact/hooks";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+function GiftClaimCard(props) {
+  const [code, setCode] = useState7(props.initialCode ?? "");
+  const [error, setError] = useState7(false);
+  const rotate = async () => {
+    if (!props.claimId) return;
+    setError(false);
+    const response = await fetch(`/api/gifts/${encodeURIComponent(props.claimId)}/rotate`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ applicationId: props.applicationId })
+    });
+    const body = await response.json();
+    if (response.ok && body.code) setCode(body.code);
+    else setError(true);
+  };
+  return /* @__PURE__ */ jsxs9("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx9("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs9(Fragment3, { children: [
+      /* @__PURE__ */ jsx9("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx9("p", { children: props.copy.save })
+    ] }) : null,
+    !code && props.claimId ? /* @__PURE__ */ jsx9("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx9("p", { role: "alert", children: props.copy.rotateFailed }) : null
+  ] });
+}
+
 // src/ui/join-tiers.tsx
-import { useState as useState6 } from "preact/hooks";
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { useState as useState8 } from "preact/hooks";
+import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 function useTierSelection(tiers, initialTierId) {
-  const [selectedTierId, setSelectedTierId] = useState6(() => {
+  const [selectedTierId, setSelectedTierId] = useState8(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
     if (preset) return preset.id;
     return tiers.length === 1 ? tiers[0].id : null;
@@ -574,10 +731,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  return /* @__PURE__ */ jsxs6("fieldset", { "data-chapter-placeholder": "tiers", children: [
-    /* @__PURE__ */ jsx6("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
-    context.tiers.map((tier) => /* @__PURE__ */ jsxs6("label", { children: [
-      /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsxs10("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx10("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs10("label", { children: [
+      /* @__PURE__ */ jsx10(
         "input",
         {
           type: "radio",
@@ -595,23 +752,21 @@ function tierNeedsPayment(selected, paymentsReady) {
   return selected ? !selected.free && paymentsReady : paymentsReady;
 }
 
-// src/ui/join.tsx
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+// 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 === "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 Fragment4, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
 function JoinIsland(props) {
   const inheritedCopy = useChapterCopy();
   const {
@@ -620,15 +775,18 @@ function JoinIsland(props) {
     membersHref = "/members/",
     renderStepHeader,
     renderDone,
+    renderAccepted,
+    renderGift,
     renderSubmit
   } = props;
   const copy = props.copy ?? config.copy ?? inheritedCopy.join;
   const tiers = config.tiers ?? [];
   const tierSelection = useTierSelection(tiers, props.initialTierId);
   const { selectedTierId, selected: selectedTier } = tierSelection;
-  const [state, setState] = useState7(props.initialState ?? { step: "form" });
-  const [error, setError] = useState7(null);
-  const [submitting, setSubmitting] = useState7(false);
+  const [state, setState] = useState9(props.initialState ?? { step: "form" });
+  const [error, setError] = useState9(null);
+  const [submitting, setSubmitting] = useState9(false);
+  const [giftOfferId, setGiftOfferId] = useState9(props.initialGiftOfferId ?? null);
   const simulatedPayment = props.simulation ? props.simulation.payment ?? {
     lineItems: {
       standardCents: selectedTier?.priceCents ?? 0,
@@ -637,8 +795,8 @@ function JoinIsland(props) {
     }
   } : void 0;
   const simulatedBooking = props.simulation ? props.simulation.booking ?? { slots: [], timezone: "UTC" } : void 0;
-  const submissionId = useRef2(null);
-  useEffect3(() => {
+  const submissionId = useRef3(null);
+  useEffect4(() => {
     if (props.simulation) return;
     const resolver = props.loadResume ?? (() => {
       if (typeof window === "undefined") return Promise.resolve(null);
@@ -655,7 +813,7 @@ function JoinIsland(props) {
       live = false;
     };
   }, [props.loadResume, props.simulation]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (state.step !== "paymentPending") return;
     let live = true;
     let timer;
@@ -683,12 +841,13 @@ function JoinIsland(props) {
     try {
       const fields = collectFormFields(new FormData(e.currentTarget));
       fields.submissionId = submissionId.current ??= crypto.randomUUID();
-      if (selectedTierId) fields.tierId = selectedTierId;
+      if (giftOfferId) fields.giftOfferId = giftOfferId;
+      else if (selectedTierId) fields.tierId = selectedTierId;
       if (props.simulation) {
         setState({
           // Preview the intended paid journey even before live Stripe wiring is
           // ready. Production still uses the server-authoritative readiness bit.
-          step: tierNeedsPayment(selectedTier, true) ? "payment" : "booking",
+          step: giftOfferId || tierNeedsPayment(selectedTier, true) ? "payment" : "booking",
           applicationId: props.simulation.applicationId ?? "simulation-application"
         });
         return;
@@ -700,6 +859,18 @@ 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
@@ -715,21 +886,35 @@ function JoinIsland(props) {
     ..."applicationId" in state ? { applicationId: state.applicationId } : {}
   });
   if (state.step === "done") {
-    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs7("div", { className: "join-done card", children: [
-      /* @__PURE__ */ jsx7("div", { className: "card-label", children: copy.done.label }),
-      /* @__PURE__ */ jsx7("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
-      /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.done.calendarInvite }),
-      /* @__PURE__ */ jsx7("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs11("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx11("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx11("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx11("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      header,
+      body
+    ] });
+  }
+  if (state.step === "accepted") {
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx11(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      header,
+      body
+    ] });
+  }
+  if (state.step === "gift") {
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx11(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
       header,
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx11(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -743,9 +928,9 @@ function JoinIsland(props) {
     ] });
   }
   if (state.step === "payment") {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
       header,
-      /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsx11(
         PaymentStep,
         {
           applicationId: state.applicationId,
@@ -755,27 +940,42 @@ function JoinIsland(props) {
           fonts: props.payment?.fonts,
           renderPriceLines: props.payment?.renderPriceLines,
           simulation: simulatedPayment,
-          onPaid: () => setState({ step: "booking", applicationId: state.applicationId }),
+          onPaid: (result) => {
+            if (props.simulation) {
+              setState(giftOfferId ? { step: "gift", applicationId: state.applicationId, code: "gift1_simulation_only_not_a_real_claim_code" } : { step: "booking", applicationId: state.applicationId });
+              return;
+            }
+            if (result.gift && result.giftCode) {
+              setState({ step: "gift", applicationId: state.applicationId, code: result.giftCode });
+              return;
+            }
+            setState({ step: "paymentPending", applicationId: state.applicationId });
+          },
           children: props.payment?.children
         }
       )
     ] });
   }
   if (state.step === "paymentPending") {
-    return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment4, { children: [
       header,
-      /* @__PURE__ */ jsx7("p", { className: "pay-status", role: "status", children: copy.payment.pending })
+      /* @__PURE__ */ jsx11("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__ */ jsxs7(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs11(Fragment4, { children: [
     header,
-    /* @__PURE__ */ jsxs7("form", { className: "join-form", onSubmit: (e) => void submit(e), children: [
+    /* @__PURE__ */ jsxs11("form", { className: "join-form", onSubmit: (e) => void submit(e), children: [
+      (config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs11("fieldset", { children: [
+        /* @__PURE__ */ jsx11("legend", { children: copy.gift.optionsLabel }),
+        /* @__PURE__ */ jsx11("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => setGiftOfferId(null), children: copy.gift.chooseSelf }),
+        /* @__PURE__ */ jsx11(GiftOfferCards, { offers: config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: setGiftOfferId })
+      ] }) : null,
       tierChooser,
       children,
-      error ? /* @__PURE__ */ jsx7("p", { className: "join-error", children: error }) : null,
-      renderSubmit?.({ submitting, disabled: submitDisabled }) ?? /* @__PURE__ */ jsx7("button", { className: "submit-btn", type: "submit", disabled: submitDisabled, children: submitting ? copy.form.submitting : copy.form.submit })
+      error ? /* @__PURE__ */ jsx11("p", { className: "join-error", children: error }) : null,
+      renderSubmit?.({ submitting, disabled: submitDisabled }) ?? /* @__PURE__ */ jsx11("button", { className: "submit-btn", type: "submit", disabled: submitDisabled, children: submitting ? copy.form.submitting : copy.form.submit })
     ] })
   ] });
 }
@@ -952,7 +1152,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs12 } 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",
@@ -1021,67 +1221,67 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs8("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs12("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs8("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs12("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx12("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs8("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs12("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx12("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__ */ jsxs8("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
-    presentation.badge ? /* @__PURE__ */ jsx8("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
-    /* @__PURE__ */ jsx8("h3", { className: "chapter-membership-name", children: tier.name }),
-    /* @__PURE__ */ jsxs8("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
-      presentation.capacity ? /* @__PURE__ */ jsxs8("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
-        /* @__PURE__ */ jsx8("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
-        /* @__PURE__ */ jsx8("small", { children: presentation.capacity.label ?? "available" })
+  return /* @__PURE__ */ jsxs12("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx12("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx12("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs12("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs12("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx12("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx12("small", { children: presentation.capacity.label ?? "available" })
       ] }) : null,
-      /* @__PURE__ */ jsxs8("div", { className: "chapter-membership-price-stack", children: [
-        presentation.priceEyebrow ? /* @__PURE__ */ jsx8("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : null,
-        /* @__PURE__ */ jsxs8("div", { className: "chapter-membership-price-row", children: [
-          presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx8("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
-          /* @__PURE__ */ jsx8("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.priceCents) }),
-          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx8("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
+      /* @__PURE__ */ jsxs12("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx12("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : null,
+        /* @__PURE__ */ jsxs12("div", { className: "chapter-membership-price-row", children: [
+          presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx12("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx12("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx12("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx8(Markdown, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
-    summary ? /* @__PURE__ */ jsx8(Markdown, { className: "chapter-membership-summary", source: summary }) : null,
-    presentation.benefits?.length ? /* @__PURE__ */ jsx8("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs8("li", { children: [
-      /* @__PURE__ */ jsx8("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx8(Markdown, { className: "chapter-membership-benefit", source: benefit })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx12(Markdown, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx12(Markdown, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx12("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs12("li", { children: [
+      /* @__PURE__ */ jsx12("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx12(Markdown, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    presentation.callout ? /* @__PURE__ */ jsxs8("aside", { className: "chapter-membership-callout", children: [
-      presentation.callout.label ? /* @__PURE__ */ jsx8("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
-      /* @__PURE__ */ jsx8(Markdown, { source: presentation.callout.bodyMarkdown })
+    presentation.callout ? /* @__PURE__ */ jsxs12("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx12("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx12(Markdown, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx8(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx12(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__ */ jsxs8("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
-    /* @__PURE__ */ jsx8("style", { children: MEMBERSHIP_CARDS_CSS }),
-    /* @__PURE__ */ jsx8("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
+  return /* @__PURE__ */ jsxs12("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx12("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx12("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__ */ jsx8(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx12(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx8(Markdown, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx12(Markdown, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -1096,8 +1296,10 @@ export {
   groupSlotsByDay,
   SlotPicker,
   Rescheduler,
-  MembersArea,
+  GiftOfferCards,
   PaymentStep,
+  MemberGifts,
+  MembersArea,
   useTierSelection,
   TierPlaceholder,
   tierNeedsPayment,
@@ -1107,4 +1309,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-UJIVBGL5.js.map
+//# sourceMappingURL=chunk-I45VYBUV.js.map