@odla-ai/chapter 0.55.0 → 0.56.1

package/dist/{chunk-VEOGTSVX.js → chunk-NK267YQZ.js}

@@ -294,7 +294,7 @@ function CheckoutSeatChoice(props) {
     try {
       await props.onChange(selected ? { recipientName: name, recipientEmail: email } : null);
     } catch (error2) {
-      setError(error2 instanceof Error ? error2.message : "Could not update your total. Try again.");
+      setError(error2 instanceof Error ? error2.message : "Could not save your selection. Try again.");
     } finally {
       setSaving(false);
     }
@@ -311,7 +311,7 @@ function CheckoutSeatChoice(props) {
       ] }),
       selected ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
         /* @__PURE__ */ jsxs3("label", { children: [
-          "Recipient name",
+          "Full name",
           /* @__PURE__ */ jsx3(
             "input",
             {
@@ -327,7 +327,7 @@ function CheckoutSeatChoice(props) {
           )
         ] }),
         /* @__PURE__ */ jsxs3("label", { children: [
-          "Recipient email",
+          "Email",
           /* @__PURE__ */ jsx3(
             "input",
             {
@@ -342,37 +342,78 @@ function CheckoutSeatChoice(props) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx3("p", { children: "This seat belongs to one named person and cannot be reassigned. They must accept and complete their own application and any required interview. It renews and ends with your membership. Contact the chapter if you need a refund." })
+        /* @__PURE__ */ jsx3("p", { children: "For one named person, who completes their own application and any required interview. Non-transferable; renews and ends with your membership." })
       ] }) : /* @__PURE__ */ jsx3("p", { children: "You can add someone from your member page after paying." }),
-      dirty ? /* @__PURE__ */ jsx3("button", { type: "submit", disabled: saving, children: saving ? "Updating total\u2026" : "Update total" }) : null
+      dirty ? /* @__PURE__ */ jsx3("button", { type: "submit", disabled: saving, children: saving ? "Saving\u2026" : amount === 0 ? "Save member details" : "Update total" }) : null
     ] }),
     error ? /* @__PURE__ */ jsx3("p", { role: "alert", children: error }) : null
   ] }) });
 }
 
+// src/ui/checkout-seat-review.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+function CheckoutSeatReview({ quote, label, locked, onEdit }) {
+  if (!quote.namedSeat) return null;
+  return /* @__PURE__ */ jsxs4("section", { className: "checkout-seat-review", "aria-label": label, children: [
+    /* @__PURE__ */ jsx4("h3", { children: label }),
+    /* @__PURE__ */ jsxs4("p", { children: [
+      quote.namedSeat.recipientName,
+      /* @__PURE__ */ jsx4("br", {}),
+      quote.namedSeat.recipientEmail
+    ] }),
+    !locked ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: onEdit, children: "Edit details" }) : null
+  ] });
+}
+
 // src/ui/membership-payment-step.tsx
-import { Fragment as Fragment3, jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
 function MembershipPaymentStep(props) {
   const inherited = useChapterCopy();
   const copy = props.copy ?? inherited.join.payment;
   const [quote, setQuote] = useState4(null);
   const [locked, setLocked] = useState4(false), [editing, setEditing] = useState4(Boolean(props.initialNamedSeat));
-  const [seatTerms, setSeatTerms] = useState4(false), [prefillConsumed, setPrefillConsumed] = useState4(false);
+  const [prefillConsumed, setPrefillConsumed] = useState4(false);
   const [error, setError] = useState4(false);
   const [revision, setRevision] = useState4(0);
+  useEffect(() => {
+    props.onNamedSeatEditingChange?.(Boolean(props.renderNamedSeatEditor && editing && !locked && quote));
+  }, [editing, locked, Boolean(quote), Boolean(props.renderNamedSeatEditor)]);
   useEffect(() => {
     let live = true;
     setQuote(null);
     setError(false);
     void fetch(`/api/payments/quote?application=${encodeURIComponent(props.applicationId)}`, { method: "POST", cache: "no-store" }).then(async (response) => {
       if (!response.ok) throw new Error("quote unavailable");
-      const value = await response.json();
+      let value = await response.json();
       value.checkoutStarted = response.headers.get("x-chapter-checkout-started") === "true";
       if (value.applicationId !== props.applicationId || !/^[a-f0-9]{64}$/.test(value.digest) || !/^[a-z]{3}$/.test(value.currency) || !Number.isSafeInteger(value.lineItems?.dueTodayCents) || value.lineItems.dueTodayCents <= 0 || typeof value.refundPolicyText !== "string") throw new Error("invalid quote");
+      if (!live) return;
+      if (props.renderNamedSeatEditor && props.initialNamedSeat && !prefillConsumed && !value.namedSeat && !value.checkoutStarted && value.seatOffer) {
+        const saved = await fetch(`/api/payments/quote?application=${encodeURIComponent(props.applicationId)}`, {
+          method: "POST",
+          cache: "no-store",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ namedSeat: props.initialNamedSeat })
+        });
+        if (!saved.ok) {
+          if (saved.status === 409) {
+            if (live) setRevision((current) => current + 1);
+            return;
+          }
+          if (live) {
+            setQuote(value);
+            setEditing(true);
+            setError(true);
+          }
+          return;
+        }
+        value = await saved.json();
+        if (value.applicationId !== props.applicationId || !/^[a-f0-9]{64}$/.test(value.digest) || !value.namedSeat) throw new Error("invalid quote");
+        if (live) setPrefillConsumed(true);
+      }
       if (live) {
         setQuote(value);
         setLocked(Boolean(value.checkoutStarted));
-        setSeatTerms(Boolean(value.checkoutStarted));
         setEditing(Boolean(props.initialNamedSeat && !prefillConsumed && !value.namedSeat && !value.checkoutStarted && value.seatOffer));
       }
     }).catch(() => {
@@ -386,10 +427,10 @@ function MembershipPaymentStep(props) {
     setQuote(null);
     setRevision((value) => value + 1);
   };
-  if (!quote || quote.applicationId !== props.applicationId) return /* @__PURE__ */ jsxs4("div", { className: "join-pay", role: "status", children: [
-    props.merchantDisclosureText ? /* @__PURE__ */ jsx4("p", { className: "compliance-merchant", children: props.merchantDisclosureText }) : null,
-    /* @__PURE__ */ jsx4("p", { children: error ? copy.setupFailed : copy.preparing }),
-    error ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: refresh, children: "Reload payment terms" }) : null
+  if (!quote || quote.applicationId !== props.applicationId) return /* @__PURE__ */ jsxs5("div", { className: "join-pay", role: "status", children: [
+    props.merchantDisclosureText ? /* @__PURE__ */ jsx5("p", { className: "compliance-merchant", children: props.merchantDisclosureText }) : null,
+    /* @__PURE__ */ jsx5("p", { children: error ? copy.setupFailed : copy.preparing }),
+    error ? /* @__PURE__ */ jsx5("button", { type: "button", onClick: refresh, children: "Reload payment terms" }) : null
   ] });
   const startCheckout = async () => {
     setLocked(true);
@@ -419,17 +460,39 @@ function MembershipPaymentStep(props) {
     });
     if (!response.ok) {
       if (response.status === 409) refresh();
-      throw new Error(response.status === 400 ? "Enter a different recipient's name and valid email." : "Could not update your total. Reload payment terms and try again.");
+      throw new Error(response.status === 400 ? "Enter a different recipient's name and valid email." : "Could not save your selection. Reload payment terms and try again.");
     }
     const value = await response.json();
     if (value.applicationId !== props.applicationId || !/^[a-f0-9]{64}$/.test(value.digest)) throw new Error(copy.setupFailed);
     setQuote(value);
     setEditing(false);
-    setSeatTerms(false);
+    setError(false);
     setPrefillConsumed(true);
   };
-  return /* @__PURE__ */ jsxs4(Fragment3, { children: [
-    quote.seatOffer ? /* @__PURE__ */ jsx4(
+  const pickLater = !quote.namedSeat && quote.seatOffer?.amountCents === 0;
+  if (props.renderNamedSeatEditor && editing && !locked && quote.seatOffer) return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    error ? /* @__PURE__ */ jsx5("p", { role: "alert", children: "Enter a different recipient's full name and valid email to continue." }) : null,
+    props.renderNamedSeatEditor({
+      selection: quote.namedSeat ?? (!prefillConsumed ? props.initialNamedSeat : void 0) ?? null,
+      offer: { ...quote.seatOffer, currency: quote.currency, interval: quote.interval },
+      save: changeSeat,
+      cancel: () => {
+        setEditing(false);
+        setError(false);
+        setPrefillConsumed(true);
+      }
+    })
+  ] });
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    props.renderNamedSeatEditor ? /* @__PURE__ */ jsx5(
+      CheckoutSeatReview,
+      {
+        quote,
+        label: props.namedSeatLabel ?? "Additional member",
+        locked,
+        onEdit: () => setEditing(true)
+      }
+    ) : quote.seatOffer ? /* @__PURE__ */ jsx5(
       CheckoutSeatChoice,
       {
         quote,
@@ -440,47 +503,52 @@ function MembershipPaymentStep(props) {
       },
       quote.digest
     ) : null,
-    /* @__PURE__ */ jsxs4("section", { className: "payment-quote", "aria-label": "Membership price", children: [
-      /* @__PURE__ */ jsx4("h3", { children: quote.tierName }),
-      quote.founding ? /* @__PURE__ */ jsx4("p", { className: "payment-founding", role: "note", "aria-label": "Founding member", children: copy.foundingMember }) : null,
+    /* @__PURE__ */ jsxs5("section", { className: "payment-quote", "aria-label": "Membership price", children: [
+      /* @__PURE__ */ jsx5("h3", { children: quote.tierName }),
+      quote.founding ? /* @__PURE__ */ jsx5("p", { className: "payment-founding", role: "note", "aria-label": "Founding member", children: copy.foundingMember }) : null,
       props.renderPriceLines ? props.renderPriceLines({
         ...quote.lineItems,
         ...quote.founding ? { founding: quote.founding } : {},
+        ...pickLater ? { namedSeatPickLater: true } : {},
         ...quote.presentation ? { presentation: quote.presentation } : {}
-      }) : /* @__PURE__ */ jsxs4("dl", { children: [
-        quote.lineItems.discountCents > 0 && !quote.founding && quote.presentation ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx4("dt", { children: copy.standardRate }),
-          /* @__PURE__ */ jsxs4("dd", { children: [
+      }) : /* @__PURE__ */ jsxs5("dl", { children: [
+        quote.lineItems.discountCents > 0 && !quote.founding && quote.presentation ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("dt", { children: copy.standardRate }),
+          /* @__PURE__ */ jsxs5("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          /* @__PURE__ */ jsx4("dt", { children: copy.yourRate }),
-          /* @__PURE__ */ jsxs4("dd", { children: [
+          /* @__PURE__ */ jsx5("dt", { children: copy.yourRate }),
+          /* @__PURE__ */ jsxs5("dd", { children: [
             amount(quote.lineItems.dueTodayCents - (quote.lineItems.namedSeatCents ?? 0)),
             " per ",
             quote.interval
           ] })
-        ] }) : /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx4("dt", { children: "Membership price" }),
-          /* @__PURE__ */ jsxs4("dd", { children: [
+        ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("dt", { children: "Membership price" }),
+          /* @__PURE__ */ jsxs5("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          quote.lineItems.discountCents > 0 ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-            /* @__PURE__ */ jsx4("dt", { children: quote.founding ? copy.foundingDiscount : "Discount" }),
-            /* @__PURE__ */ jsx4("dd", { children: amount(quote.lineItems.discountCents) })
+          quote.lineItems.discountCents > 0 ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            /* @__PURE__ */ jsx5("dt", { children: quote.founding ? copy.foundingDiscount : "Discount" }),
+            /* @__PURE__ */ jsx5("dd", { children: amount(quote.lineItems.discountCents) })
           ] }) : null
         ] }),
-        quote.namedSeat ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
-          /* @__PURE__ */ jsx4("dt", { children: "Additional member" }),
-          /* @__PURE__ */ jsx4("dd", { children: quote.lineItems.namedSeatCents === 0 ? "Included" : amount(quote.lineItems.namedSeatCents) })
+        quote.namedSeat ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("dt", { children: "Additional member" }),
+          /* @__PURE__ */ jsx5("dd", { children: quote.lineItems.namedSeatCents === 0 ? "Included" : amount(quote.lineItems.namedSeatCents) })
         ] }) : null,
-        /* @__PURE__ */ jsx4("dt", { children: "Due today" }),
-        /* @__PURE__ */ jsx4("dd", { children: amount(quote.lineItems.dueTodayCents) })
+        pickLater ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx5("dt", { children: "Additional member" }),
+          /* @__PURE__ */ jsx5("dd", { children: "Pick later" })
+        ] }) : null,
+        /* @__PURE__ */ jsx5("dt", { children: "Due today" }),
+        /* @__PURE__ */ jsx5("dd", { children: amount(quote.lineItems.dueTodayCents) })
       ] }),
-      quote.namedSeat ? /* @__PURE__ */ jsxs4("p", { children: [
+      quote.namedSeat && !props.renderNamedSeatEditor ? /* @__PURE__ */ jsxs5("p", { children: [
         "For ",
         quote.namedSeat.recipientName,
         " \xB7 ",
@@ -488,8 +556,8 @@ function MembershipPaymentStep(props) {
         ".",
         props.renderPriceLines ? ` Additional member: ${quote.lineItems.namedSeatCents === 0 ? "included" : amount(quote.lineItems.namedSeatCents)} in the total above.` : ""
       ] }) : null,
-      quote.commercial ? /* @__PURE__ */ jsxs4("div", { role: "note", "aria-label": "Renewal terms", children: [
-        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs4("p", { children: [
+      quote.commercial ? /* @__PURE__ */ jsxs5("div", { role: "note", "aria-label": "Renewal terms", children: [
+        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs5("p", { children: [
           "First renewal: ",
           new Intl.DateTimeFormat("en-US", {
             dateStyle: "long",
@@ -497,46 +565,39 @@ function MembershipPaymentStep(props) {
           }).format(quote.commercial.initialTermEndsAt),
           "."
         ] }) : null,
-        /* @__PURE__ */ jsxs4("p", { children: [
+        /* @__PURE__ */ jsxs5("p", { children: [
           "Renews automatically at ",
           amount(quote.commercial.renewalCents),
           " per ",
           quote.interval,
           " unless canceled before renewal."
         ] }),
-        quote.commercial.discountDuration === "first_term" ? /* @__PURE__ */ jsx4("p", { children: "The discount applies to your first paid term only." }) : null,
-        quote.commercial.discountDuration === "while_active" ? /* @__PURE__ */ jsx4("p", { children: "The discounted rate continues while this membership stays active." }) : null
+        quote.commercial.discountDuration === "first_term" ? /* @__PURE__ */ jsx5("p", { children: "The discount applies to your first paid term only." }) : null,
+        quote.commercial.discountDuration === "while_active" ? /* @__PURE__ */ jsx5("p", { children: "The discounted rate continues while this membership stays active." }) : null
       ] }) : null,
-      quote.trustCopy ? /* @__PURE__ */ jsx4("p", { className: "pay-trust", children: quote.trustCopy }) : null
+      quote.trustCopy ? /* @__PURE__ */ jsx5("p", { className: "pay-trust", children: quote.trustCopy }) : null
     ] }),
-    quote.namedSeat && !editing ? /* @__PURE__ */ jsxs4("label", { className: "journey-consent", children: [
-      /* @__PURE__ */ jsx4(
-        "input",
-        {
-          type: "checkbox",
-          checked: seatTerms,
-          disabled: locked,
-          onChange: (event) => setSeatTerms(event.currentTarget.checked)
-        }
-      ),
-      "I agree to the additional-member terms and renewal with my membership."
+    quote.namedSeat && props.renderNamedSeatEditor ? /* @__PURE__ */ jsxs5("details", { className: "checkout-seat-terms", children: [
+      /* @__PURE__ */ jsx5("summary", { children: "Additional-member terms" }),
+      /* @__PURE__ */ jsx5("p", { children: "For one named person, who completes their own application and any required interview. Non-transferable; renews and ends with your membership." })
     ] }) : null,
-    !editing && (!quote.namedSeat || seatTerms) ? /* @__PURE__ */ jsx4(
+    !editing ? /* @__PURE__ */ jsx5(
       PaymentStep,
       {
         ...props,
         refundPolicyText: quote.refundPolicyText,
         merchantDisclosureText: quote.merchantDisclosureText,
+        copy: { ...copy, consent: quote.namedSeat ? "I agree to the refund policy, renewal terms, and additional-member terms above." : "I agree to the refund policy and renewal terms above." },
         renderPriceLines: void 0,
         startCheckout
       },
       quote.digest
-    ) : editing ? /* @__PURE__ */ jsx4("p", { role: "status", children: "Update the total to continue to payment." }) : null
+    ) : /* @__PURE__ */ jsx5("p", { role: "status", children: "Save your member selection to continue to payment." })
   ] });
 }
 
 // src/ui/journey-frame.tsx
-import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
 var styles = `
 .chapter-journey{color:var(--ui-text,#202827);font-family:var(--ui-font-sans,inherit);line-height:1.65;max-width:46rem;margin-inline:auto;min-width:0}
 .chapter-journey *{box-sizing:border-box}
@@ -544,7 +605,7 @@ var styles = `
 .chapter-journey :where(h2,h3){font-family:var(--ui-font-display,inherit);line-height:1.2;letter-spacing:-.025em;text-transform:none}
 .chapter-journey h2{font-size:clamp(1.6rem,3vw,2.15rem)}
 .chapter-journey h3{font-size:1.3rem}
-.chapter-journey :where(.card,.join-form,.payment-quote,.join-book){padding:clamp(1.25rem,4vw,2.4rem);border:1px solid var(--ui-border,#dfe3df);border-radius:var(--ui-radius-lg,16px);background:var(--ui-surface,#fff);margin-block:1.2rem}
+.chapter-journey :where(.card,.join-form,.payment-quote,.join-book,.checkout-seat-review){padding:clamp(1.25rem,4vw,2.4rem);border:1px solid var(--ui-border,#dfe3df);border-radius:var(--ui-radius-lg,16px);background:var(--ui-surface,#fff);margin-block:1.2rem}
 .chapter-journey :where(.card-label,.journey-eyebrow){font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-muted,#536360);margin-bottom:.7rem;font-weight:600}
 .chapter-journey :where(form,.journey-fields){display:grid;gap:1.25rem}
 .chapter-journey :where(label){display:block;font-size:.95rem;font-weight:500;letter-spacing:normal;text-transform:none;line-height:1.55}
@@ -568,17 +629,19 @@ var styles = `
 .chapter-journey :where(.pay-status,.meeting-note,.slots-status){color:var(--ui-text-muted,#536360)}
 .chapter-journey .journey-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem}
 .chapter-journey fieldset{min-width:0;border:0;padding:0;margin:0}
+.chapter-journey .checkout-seat-terms{margin-block:1rem}
+.chapter-journey .checkout-seat-terms summary{cursor:pointer}
 @media(max-width:520px){.chapter-journey .journey-actions>*{width:100%}.chapter-journey .journey-summary{grid-template-columns:1fr}.chapter-journey .journey-summary dd{text-align:left}.chapter-journey :where(.card,.join-form,.payment-quote,.join-book){padding:1.25rem}}
 `;
 function JourneyFrame({ children }) {
-  return /* @__PURE__ */ jsxs5("div", { className: "chapter-journey", children: [
-    /* @__PURE__ */ jsx5("style", { children: styles }),
+  return /* @__PURE__ */ jsxs6("div", { className: "chapter-journey", children: [
+    /* @__PURE__ */ jsx6("style", { children: styles }),
     children
   ] });
 }
 
 // src/ui/member-restart.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 function MemberRestart(props) {
   const [id, setId] = useState5(props.applicationId);
   const [busy, setBusy] = useState5(false);
@@ -623,22 +686,22 @@ function MemberRestart(props) {
       setBusy(false);
     }
   };
-  return /* @__PURE__ */ jsx6(JourneyFrame, { children: /* @__PURE__ */ jsxs6("section", { className: "card", "aria-label": "Restart membership", children: [
-    /* @__PURE__ */ jsx6("p", { className: "card-label", children: "Welcome back" }),
-    /* @__PURE__ */ jsx6("h2", { children: "Restart your membership" }),
-    /* @__PURE__ */ jsx6("p", { children: "Your account is ready, and your previous approval still counts. No new application or interview is needed." }),
-    /* @__PURE__ */ jsxs6("dl", { className: "journey-summary", children: [
-      /* @__PURE__ */ jsx6("dt", { children: "Name" }),
-      /* @__PURE__ */ jsx6("dd", { children: [props.application.firstName, props.application.lastName].filter(Boolean).join(" ") }),
-      /* @__PURE__ */ jsx6("dt", { children: "Email" }),
-      /* @__PURE__ */ jsx6("dd", { children: props.application.email })
+  return /* @__PURE__ */ jsx7(JourneyFrame, { children: /* @__PURE__ */ jsxs7("section", { className: "card", "aria-label": "Restart membership", children: [
+    /* @__PURE__ */ jsx7("p", { className: "card-label", children: "Welcome back" }),
+    /* @__PURE__ */ jsx7("h2", { children: "Restart your membership" }),
+    /* @__PURE__ */ jsx7("p", { children: "Your account is ready, and your previous approval still counts. No new application or interview is needed." }),
+    /* @__PURE__ */ jsxs7("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx7("dt", { children: "Name" }),
+      /* @__PURE__ */ jsx7("dd", { children: [props.application.firstName, props.application.lastName].filter(Boolean).join(" ") }),
+      /* @__PURE__ */ jsx7("dt", { children: "Email" }),
+      /* @__PURE__ */ jsx7("dd", { children: props.application.email })
     ] }),
-    paid ? /* @__PURE__ */ jsxs6("div", { role: "status", children: [
-      /* @__PURE__ */ jsx6("h3", { children: "Confirming your membership" }),
-      /* @__PURE__ */ jsx6("p", { children: "We\u2019re waiting for payment confirmation. Your membership will open here as soon as it arrives." }),
-      !checking ? /* @__PURE__ */ jsx6("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Check membership" }) : null
-    ] }) : id ? /* @__PURE__ */ jsx6(MembershipPaymentStep, { applicationId: id, refundPolicyText: "", onPaid: () => setPaid(true) }) : /* @__PURE__ */ jsx6("button", { type: "button", disabled: busy, onClick: () => void start(), children: busy ? "Preparing your membership\u2026" : "Review membership and payment" }),
-    error ? /* @__PURE__ */ jsx6("p", { role: "alert", children: error }) : null
+    paid ? /* @__PURE__ */ jsxs7("div", { role: "status", children: [
+      /* @__PURE__ */ jsx7("h3", { children: "Confirming your membership" }),
+      /* @__PURE__ */ jsx7("p", { children: "We\u2019re waiting for payment confirmation. Your membership will open here as soon as it arrives." }),
+      !checking ? /* @__PURE__ */ jsx7("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Check membership" }) : null
+    ] }) : id ? /* @__PURE__ */ jsx7(MembershipPaymentStep, { applicationId: id, refundPolicyText: "", onPaid: () => setPaid(true) }) : /* @__PURE__ */ jsx7("button", { type: "button", disabled: busy, onClick: () => void start(), children: busy ? "Preparing your membership\u2026" : "Review membership and payment" }),
+    error ? /* @__PURE__ */ jsx7("p", { role: "alert", children: error }) : null
   ] }) });
 }
 
@@ -647,7 +710,7 @@ import { useEffect as useEffect6, useState as useState10 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
 import { useState as useState6 } from "preact/hooks";
-import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 function Rescheduler(props) {
   const inheritedCopy = useChapterCopy();
   const copy = props.copy ?? inheritedCopy.members.reschedule;
@@ -689,7 +752,7 @@ function Rescheduler(props) {
     }
   };
   if (!open) {
-    return /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: /* @__PURE__ */ jsx8(
       "a",
       {
         href: "#",
@@ -701,8 +764,8 @@ function Rescheduler(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs7("div", { className: "msched", children: [
-    slots === null ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.loading }) : slots.length === 0 ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: msg ?? copy.noTimes }) : /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsxs8("div", { className: "msched", children: [
+    slots === null ? /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: copy.loading }) : slots.length === 0 ? /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: msg ?? copy.noTimes }) : /* @__PURE__ */ jsx8(
       SlotPicker,
       {
         slots,
@@ -711,9 +774,9 @@ function Rescheduler(props) {
         onPick: (s) => void pick(s)
       }
     ),
-    busy ? /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: copy.rescheduling }) : null,
-    msg && slots && slots.length > 0 ? /* @__PURE__ */ jsx7("p", { className: "meeting-note error", children: msg }) : null,
-    /* @__PURE__ */ jsx7("p", { className: "meeting-note", children: /* @__PURE__ */ jsx7(
+    busy ? /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: copy.rescheduling }) : null,
+    msg && slots && slots.length > 0 ? /* @__PURE__ */ jsx8("p", { className: "meeting-note error", children: msg }) : null,
+    /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: /* @__PURE__ */ jsx8(
       "a",
       {
         href: "#",
@@ -731,23 +794,23 @@ function Rescheduler(props) {
 import { useEffect as useEffect3, useRef as useRef2, useState as useState7 } from "preact/hooks";
 
 // src/ui/gift-offer-cards.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } 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__ */ jsx8("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs8("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
-    /* @__PURE__ */ jsx8("div", { className: "card-label", children: offer.title }),
-    /* @__PURE__ */ jsx8("p", { children: offer.description }),
-    /* @__PURE__ */ jsxs8("p", { className: "meeting-date", children: [
+  return /* @__PURE__ */ jsx9("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs9("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
+    /* @__PURE__ */ jsx9("div", { className: "card-label", children: offer.title }),
+    /* @__PURE__ */ jsx9("p", { children: offer.description }),
+    /* @__PURE__ */ jsxs9("p", { className: "meeting-date", children: [
       price(offer.priceCents, offer.currency),
       offer.billingMode === "subscription" ? " recurring" : ""
     ] }),
-    mode === "select" ? /* @__PURE__ */ jsx8("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx8("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
+    mode === "select" ? /* @__PURE__ */ jsx9("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx9("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
   ] }, offer.id)) });
 }
 
 // src/ui/member-gifts.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 function GiftPurchases(props) {
   const [data, setData] = useState7(null);
   const [selected, setSelected] = useState7(null);
@@ -770,16 +833,16 @@ function GiftPurchases(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__ */ jsxs9("section", { className: "member-gifts", children: [
-    data.offers.length ? /* @__PURE__ */ jsxs9("div", { className: "card", children: [
-      /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.title }),
-      /* @__PURE__ */ jsx9("p", { children: props.copy.body }),
-      /* @__PURE__ */ jsx9(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
+  return /* @__PURE__ */ jsxs10("section", { className: "member-gifts", children: [
+    data.offers.length ? /* @__PURE__ */ jsxs10("div", { className: "card", children: [
+      /* @__PURE__ */ jsx10("div", { className: "card-label", children: props.copy.title }),
+      /* @__PURE__ */ jsx10("p", { children: props.copy.body }),
+      /* @__PURE__ */ jsx10(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
         setSelected(id);
         setCode("");
         purchaseId.current = crypto.randomUUID();
       } }),
-      offer ? /* @__PURE__ */ jsx9(
+      offer ? /* @__PURE__ */ jsx10(
         PaymentStep,
         {
           applicationId: purchaseId.current,
@@ -799,19 +862,19 @@ function GiftPurchases(props) {
           }
         }
       ) : null,
-      code ? /* @__PURE__ */ jsxs9("div", { className: "gift-code-once", children: [
-        /* @__PURE__ */ jsx9("output", { children: code }),
-        /* @__PURE__ */ jsx9("p", { children: props.copy.saveCode })
+      code ? /* @__PURE__ */ jsxs10("div", { className: "gift-code-once", children: [
+        /* @__PURE__ */ jsx10("output", { children: code }),
+        /* @__PURE__ */ jsx10("p", { children: props.copy.saveCode })
       ] }) : null
     ] }) : null,
-    /* @__PURE__ */ jsxs9("div", { className: "card", children: [
-      /* @__PURE__ */ jsx9("div", { className: "card-label", children: props.copy.purchases }),
-      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs9("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx9("span", { children: claim.offerId }),
-        /* @__PURE__ */ jsx9("span", { children: props.copy[claim.status] }),
-        claim.status === "pending" ? /* @__PURE__ */ jsx9("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
-      ] }, claim.id)) : /* @__PURE__ */ jsx9("p", { children: props.copy.noPurchases }),
-      message ? /* @__PURE__ */ jsx9("p", { role: "status", children: message }) : null
+    /* @__PURE__ */ jsxs10("div", { className: "card", children: [
+      /* @__PURE__ */ jsx10("div", { className: "card-label", children: props.copy.purchases }),
+      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs10("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx10("span", { children: claim.offerId }),
+        /* @__PURE__ */ jsx10("span", { children: props.copy[claim.status] }),
+        claim.status === "pending" ? /* @__PURE__ */ jsx10("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
+      ] }, claim.id)) : /* @__PURE__ */ jsx10("p", { children: props.copy.noPurchases }),
+      message ? /* @__PURE__ */ jsx10("p", { role: "status", children: message }) : null
     ] })
   ] });
 }
@@ -819,7 +882,7 @@ var MemberGifts = GiftPurchases;
 
 // src/ui/member-named-seat.tsx
 import { useEffect as useEffect4, useState as useState8 } from "preact/hooks";
-import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
 var NAMED_SEAT_RECIPIENT_WORDS = {
   payment_pending: "payment in progress",
   invited: "invited, waiting for them to accept",
@@ -832,7 +895,7 @@ var NAMED_SEAT_RECIPIENT_WORDS = {
 var day = (at) => new Date(at).toLocaleDateString("en-US", { timeZone: "UTC" });
 function NamedSeatRecipientLine({ seat }) {
   const words = NAMED_SEAT_RECIPIENT_WORDS[seat.recipientState] ?? seat.status.replaceAll("_", " ");
-  return /* @__PURE__ */ jsxs10("p", { className: "member-named-seat-recipient", children: [
+  return /* @__PURE__ */ jsxs11("p", { className: "member-named-seat-recipient", children: [
     seat.recipientName,
     " \xB7 ",
     seat.recipientEmail,
@@ -881,13 +944,13 @@ function NamedSeatPurchase({ api }) {
     }
   };
   const money = data ? new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100) : "";
-  return /* @__PURE__ */ jsx10(JourneyFrame, { children: /* @__PURE__ */ jsxs10("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
-    /* @__PURE__ */ jsx10("h2", { children: "Named additional seat" }),
-    error ? /* @__PURE__ */ jsx10("p", { role: "alert", children: error }) : null,
-    data ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
-      data.seat ? /* @__PURE__ */ jsx10(NamedSeatRecipientLine, { seat: data.seat }) : null,
-      data.eligible ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
-        /* @__PURE__ */ jsxs10("p", { children: [
+  return /* @__PURE__ */ jsx11(JourneyFrame, { children: /* @__PURE__ */ jsxs11("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
+    /* @__PURE__ */ jsx11("h2", { children: "Named additional seat" }),
+    error ? /* @__PURE__ */ jsx11("p", { role: "alert", children: error }) : null,
+    data ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+      data.seat ? /* @__PURE__ */ jsx11(NamedSeatRecipientLine, { seat: data.seat }) : null,
+      data.eligible ? /* @__PURE__ */ jsxs11(Fragment4, { children: [
+        /* @__PURE__ */ jsxs11("p", { children: [
           data.included ? "Included with your membership at no charge." : `${money} paid in full now.`,
           " This seat ",
           data.autoRenew ? "renews with your primary membership" : "ends with your primary membership",
@@ -898,39 +961,39 @@ function NamedSeatPurchase({ api }) {
           " ",
           "It belongs to one named person and cannot be reassigned."
         ] }),
-        /* @__PURE__ */ jsx10("p", { children: "The recipient must accept and complete their own application and any required interview. The seat stays open for them while your membership is paid; it is not refunded automatically. Contact the chapter if you need a refund." }),
-        !reviewing ? /* @__PURE__ */ jsxs10("form", { onSubmit: (event) => {
+        /* @__PURE__ */ jsx11("p", { children: "The recipient must accept and complete their own application and any required interview. The seat stays open for them while your membership is paid; it is not refunded automatically. Contact the chapter if you need a refund." }),
+        !reviewing ? /* @__PURE__ */ jsxs11("form", { onSubmit: (event) => {
           event.preventDefault();
           setReviewing(true);
           setTerms(false);
         }, children: [
-          /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsxs11("label", { children: [
             "Recipient name",
-            /* @__PURE__ */ jsx10("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
+            /* @__PURE__ */ jsx11("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsxs10("label", { children: [
+          /* @__PURE__ */ jsxs11("label", { children: [
             "Recipient email",
-            /* @__PURE__ */ jsx10("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
+            /* @__PURE__ */ jsx11("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsx10("button", { className: "btn primary", type: "submit", children: "Review named seat" })
-        ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
-          /* @__PURE__ */ jsxs10("p", { children: [
+          /* @__PURE__ */ jsx11("button", { className: "btn primary", type: "submit", children: "Review named seat" })
+        ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
+          /* @__PURE__ */ jsxs11("p", { children: [
             "For ",
             name,
             " \xB7 ",
             email
           ] }),
-          /* @__PURE__ */ jsx10("button", { className: "btn secondary", type: "button", onClick: () => {
+          /* @__PURE__ */ jsx11("button", { className: "btn secondary", type: "button", onClick: () => {
             setReviewing(false);
             setTerms(false);
             void load();
           }, children: "Back to recipient" }),
-          /* @__PURE__ */ jsxs10("label", { className: "journey-consent", children: [
-            /* @__PURE__ */ jsx10("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
-            /* @__PURE__ */ jsx10("span", { children: data.included ? "I agree to the seat terms and the refund policy; the seat is included with my membership and follows its renewal." : data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
+          /* @__PURE__ */ jsxs11("label", { className: "journey-consent", children: [
+            /* @__PURE__ */ jsx11("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
+            /* @__PURE__ */ jsx11("span", { children: data.included ? "I agree to the seat terms and the refund policy; the seat is included with my membership and follows its renewal." : data.autoRenew ? "I agree to the full initial payment and automatic renewal with my membership; I can cancel renewal." : "I agree to the full initial payment and the displayed end date, with no automatic renewal while my membership renewal is canceled." })
           ] }),
-          terms && data.included ? /* @__PURE__ */ jsx10("button", { className: "btn primary", type: "button", disabled: granting, onClick: () => void grant(), children: granting ? "Sending the invitation\u2026" : "Send the invitation" }) : null,
-          terms && !data.included ? /* @__PURE__ */ jsx10(
+          terms && data.included ? /* @__PURE__ */ jsx11("button", { className: "btn primary", type: "button", disabled: granting, onClick: () => void grant(), children: granting ? "Sending the invitation\u2026" : "Send the invitation" }) : null,
+          terms && !data.included ? /* @__PURE__ */ jsx11(
             PaymentStep,
             {
               applicationId: data.membershipId,
@@ -945,17 +1008,17 @@ function NamedSeatPurchase({ api }) {
             }
           ) : null
         ] })
-      ] }) : !data.seat ? /* @__PURE__ */ jsx10("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${day(data.purchaseEndsAt)}.` }) : null,
-      pending ? /* @__PURE__ */ jsx10("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
-    ] }) : !error ? /* @__PURE__ */ jsx10("p", { children: "Loading your seat terms\u2026" }) : null,
-    /* @__PURE__ */ jsx10("button", { className: "btn secondary", onClick: () => void load(), children: "Refresh seat status" })
+      ] }) : !data.seat ? /* @__PURE__ */ jsx11("p", { children: data.purchaseWindowed === false ? "An additional seat can be purchased for as long as your membership stays paid." : `Additional seats can be purchased until ${day(data.purchaseEndsAt)}.` }) : null,
+      pending ? /* @__PURE__ */ jsx11("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
+    ] }) : !error ? /* @__PURE__ */ jsx11("p", { children: "Loading your seat terms\u2026" }) : null,
+    /* @__PURE__ */ jsx11("button", { className: "btn secondary", onClick: () => void load(), children: "Refresh seat status" })
   ] }) });
 }
 
 // src/ui/member-content.tsx
 import { useEffect as useEffect5, useMemo as useMemo2, useState as useState9 } from "preact/hooks";
 import { Markdown } from "@odla-ai/ui/components";
-import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
 var pageLabel = (page) => `${page.title}${page.access === "locked" ? " \xB7 Locked" : ""}`;
 function MemberContentArea(props) {
   const {
@@ -963,8 +1026,8 @@ function MemberContentArea(props) {
     path = "/api/member-content",
     upsellHref,
     onUpsell,
-    loadingContent = /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
-    emptyContent = /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: "No member pages have been published yet." })
+    loadingContent = /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
+    emptyContent = /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: "No member pages have been published yet." })
   } = props;
   const [data, setData] = useState9(props.initialData ?? null);
   const [error, setError] = useState9(null);
@@ -993,18 +1056,18 @@ function MemberContentArea(props) {
     }
     return [...result.entries()];
   }, [data]);
-  if (error) return /* @__PURE__ */ jsxs11("p", { className: "meeting-note", role: "alert", children: [
+  if (error) return /* @__PURE__ */ jsxs12("p", { className: "meeting-note", role: "alert", children: [
     "Member pages could not be loaded: ",
     error
   ] });
-  if (!data) return /* @__PURE__ */ jsx11(Fragment5, { children: loadingContent });
-  if (data.pages.length === 0) return /* @__PURE__ */ jsx11(Fragment5, { children: emptyContent });
+  if (!data) return /* @__PURE__ */ jsx12(Fragment5, { children: loadingContent });
+  if (data.pages.length === 0) return /* @__PURE__ */ jsx12(Fragment5, { 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__ */ jsxs11("div", { className: "chapter-member-content", "data-member-content": true, children: [
-    /* @__PURE__ */ jsx11("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs11("section", { className: "chapter-member-content-section", children: [
-      /* @__PURE__ */ jsx11("h2", { children: section }),
-      /* @__PURE__ */ jsx11("ul", { children: pages.map((page) => /* @__PURE__ */ jsx11("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs12("div", { className: "chapter-member-content", "data-member-content": true, children: [
+    /* @__PURE__ */ jsx12("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs12("section", { className: "chapter-member-content-section", children: [
+      /* @__PURE__ */ jsx12("h2", { children: section }),
+      /* @__PURE__ */ jsx12("ul", { children: pages.map((page) => /* @__PURE__ */ jsx12("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx12(
         "button",
         {
           type: "button",
@@ -1014,23 +1077,23 @@ function MemberContentArea(props) {
         }
       ) }, page.id)) })
     ] }, section)) }),
-    /* @__PURE__ */ jsxs11("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
-      /* @__PURE__ */ jsxs11("header", { children: [
-        /* @__PURE__ */ jsxs11("div", { className: "card-label", children: [
+    /* @__PURE__ */ jsxs12("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
+      /* @__PURE__ */ jsxs12("header", { children: [
+        /* @__PURE__ */ jsxs12("div", { className: "card-label", children: [
           selected.source.type === "parent" ? "Parent" : "Chapter",
           " \xB7 ",
           selected.access
         ] }),
-        /* @__PURE__ */ jsx11("h1", { children: selected.title }),
-        selected.summary ? /* @__PURE__ */ jsx11("p", { children: selected.summary }) : null
+        /* @__PURE__ */ jsx12("h1", { children: selected.title }),
+        selected.summary ? /* @__PURE__ */ jsx12("p", { children: selected.summary }) : null
       ] }),
-      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs11("div", { className: "chapter-member-content-locked", children: [
-        selected.teaserMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx11("p", { children: "This page is not included in your current membership." }),
-        selected.upsell ? /* @__PURE__ */ jsxs11("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
-          /* @__PURE__ */ jsx11("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
-          /* @__PURE__ */ jsx11("p", { children: fmtMoney(selected.upsell.priceCents) }),
-          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx11(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
-          href ? /* @__PURE__ */ jsx11("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx11("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__ */ jsx12(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs12("div", { className: "chapter-member-content-locked", children: [
+        selected.teaserMarkdown ? /* @__PURE__ */ jsx12(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx12("p", { children: "This page is not included in your current membership." }),
+        selected.upsell ? /* @__PURE__ */ jsxs12("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
+          /* @__PURE__ */ jsx12("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
+          /* @__PURE__ */ jsx12("p", { children: fmtMoney(selected.upsell.priceCents) }),
+          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx12(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
+          href ? /* @__PURE__ */ jsx12("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx12("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
         ] }) : null
       ] })
     ] })
@@ -1038,12 +1101,12 @@ function MemberContentArea(props) {
 }
 
 // src/ui/members.tsx
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
 function card(copy, kicker, body) {
-  return /* @__PURE__ */ jsxs12("div", { className: "card", children: [
-    /* @__PURE__ */ jsx12("div", { className: "card-label", children: copy.provisional.cardLabel }),
-    /* @__PURE__ */ jsxs12("div", { className: "meeting-block", children: [
-      /* @__PURE__ */ jsx12("div", { className: "meeting-kicker", children: kicker }),
+  return /* @__PURE__ */ jsxs13("div", { className: "card", children: [
+    /* @__PURE__ */ jsx13("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs13("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx13("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -1054,9 +1117,9 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.applicationNeeded,
-      /* @__PURE__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
-        /* @__PURE__ */ jsx12("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
+      /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx13("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
@@ -1064,19 +1127,19 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.refunded,
-      /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+      /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.refundedBody })
     );
   }
-  const membership = application.paid ? /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: application.renewalAt ? formatChapterCopy(copy.provisional.renews, { date: fmtDate(application.renewalAt) }) : copy.provisional.active }) : null;
+  const membership = application.paid ? /* @__PURE__ */ jsx13("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__ */ jsxs12(Fragment6, { children: [
-        /* @__PURE__ */ jsx12("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
-        /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
-        application.meetUrl ? /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: /* @__PURE__ */ jsx12("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
-        /* @__PURE__ */ jsx12(
+      /* @__PURE__ */ jsxs13(Fragment6, { children: [
+        /* @__PURE__ */ jsx13("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: /* @__PURE__ */ jsx13("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx13(
           Rescheduler,
           {
             api,
@@ -1093,9 +1156,9 @@ function ProvisionalCard(props) {
   return card(
     copy,
     copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs12(Fragment6, { children: [
-      /* @__PURE__ */ jsx12("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx12(
+    /* @__PURE__ */ jsxs13(Fragment6, { children: [
+      /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx13(
         Rescheduler,
         {
           api,
@@ -1134,22 +1197,22 @@ function MembersArea(props) {
   useEffect6(() => {
     void reload();
   }, []);
-  if (error) return /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: copy.loadFailed });
-  if (!me) return /* @__PURE__ */ jsx12("p", { className: "meeting-note", children: inheritedCopy.common.loading });
+  if (error) return /* @__PURE__ */ jsx13("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx13("p", { className: "meeting-note", children: inheritedCopy.common.loading });
   const role = me.role || "provisional";
-  return /* @__PURE__ */ jsxs12(Fragment6, { children: [
-    /* @__PURE__ */ jsxs12("div", { className: "card", children: [
-      /* @__PURE__ */ jsxs12("div", { className: "member-row", children: [
-        /* @__PURE__ */ jsx12("span", { className: "member-email", children: me.email }),
-        /* @__PURE__ */ jsx12("span", { className: "role-badge " + role, children: role })
+  return /* @__PURE__ */ jsxs13(Fragment6, { children: [
+    /* @__PURE__ */ jsxs13("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs13("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx13("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx13("span", { className: "role-badge " + role, children: role })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "account-actions", children: [
-        /* @__PURE__ */ jsx12("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
-        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx12("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
+      /* @__PURE__ */ jsxs13("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx13("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx13("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
       ] })
     ] }),
-    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx12(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
-      const defaultContent = /* @__PURE__ */ jsx12(
+    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx13(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx13(
         ProvisionalCard,
         {
           api,
@@ -1166,24 +1229,24 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx12(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx13(
       MemberContentArea,
       {
         api,
         ...memberPages === true ? {} : memberPages
       }
-    ) : /* @__PURE__ */ jsx12("div", { className: "card", children: /* @__PURE__ */ jsx12("div", { className: "card-label", children: copy.full.welcome }) })),
-    /* @__PURE__ */ jsx12(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
-    me.namedSeatsEnabled ? /* @__PURE__ */ jsx12(NamedSeatPurchase, { api }) : null
+    ) : /* @__PURE__ */ jsx13("div", { className: "card", children: /* @__PURE__ */ jsx13("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx13(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
+    me.namedSeatsEnabled ? /* @__PURE__ */ jsx13(NamedSeatPurchase, { api }) : null
   ] });
 }
 
 // src/ui/join.tsx
-import { useEffect as useEffect10, useRef as useRef3, useState as useState17 } from "preact/hooks";
+import { useEffect as useEffect11, useRef as useRef3, useState as useState18 } from "preact/hooks";
 
 // src/ui/join-booking.tsx
 import { useEffect as useEffect7, useState as useState11 } from "preact/hooks";
-import { jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
   const [state, setState] = useState11(null);
@@ -1246,11 +1309,11 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  if (!state) return /* @__PURE__ */ jsx13("p", { className: "slots-status", children: msg ?? copy.loading });
-  return /* @__PURE__ */ jsxs13("div", { className: "join-book", children: [
-    /* @__PURE__ */ jsx13("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
-    /* @__PURE__ */ jsx13("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
-    /* @__PURE__ */ jsx13(
+  if (!state) return /* @__PURE__ */ jsx14("p", { className: "slots-status", children: msg ?? copy.loading });
+  return /* @__PURE__ */ jsxs14("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx14("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
+    /* @__PURE__ */ jsx14("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
+    /* @__PURE__ */ jsx14(
       SlotPicker,
       {
         slots: state.slots,
@@ -1260,26 +1323,26 @@ function JoinBooking(props) {
         onDayChange: () => setSelected(null)
       }
     ),
-    /* @__PURE__ */ jsxs13("div", { className: "slot-confirm", hidden: !selected, children: [
-      /* @__PURE__ */ jsx13("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
-      msg ? /* @__PURE__ */ jsx13("p", { className: "step2-note", children: msg }) : null
+    /* @__PURE__ */ jsxs14("div", { className: "slot-confirm", hidden: !selected, children: [
+      /* @__PURE__ */ jsx14("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      msg ? /* @__PURE__ */ jsx14("p", { className: "step2-note", children: msg }) : null
     ] })
   ] });
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
 function JoinAccepted(props) {
-  return /* @__PURE__ */ jsxs14("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx14("div", { className: "card-label", children: props.copy.accepted.label }),
-    /* @__PURE__ */ jsx14("p", { className: "meeting-note", children: props.copy.accepted.body }),
-    /* @__PURE__ */ jsx14("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
+  return /* @__PURE__ */ jsxs15("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx15("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx15("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx15("a", { className: "apply-link", href: props.membersHref, children: props.copy.done.memberArea })
   ] });
 }
 
 // src/ui/gift-claim-card.tsx
 import { useState as useState12 } from "preact/hooks";
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs16 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
   const [code, setCode] = useState12(props.initialCode ?? "");
   const [error, setError] = useState12(false);
@@ -1295,21 +1358,21 @@ function GiftClaimCard(props) {
     if (response.ok && body.code) setCode(body.code);
     else setError(true);
   };
-  return /* @__PURE__ */ jsxs15("div", { className: "join-done card", children: [
-    /* @__PURE__ */ jsx15("div", { className: "card-label", children: props.copy.label }),
-    /* @__PURE__ */ jsx15("p", { className: "meeting-note", children: props.copy.body }),
-    code ? /* @__PURE__ */ jsxs15(Fragment7, { children: [
-      /* @__PURE__ */ jsx15("output", { className: "gift-code", children: code }),
-      /* @__PURE__ */ jsx15("p", { children: props.copy.save })
+  return /* @__PURE__ */ jsxs16("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx16("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx16("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs16(Fragment7, { children: [
+      /* @__PURE__ */ jsx16("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx16("p", { children: props.copy.save })
     ] }) : null,
-    !code && props.claimId ? /* @__PURE__ */ jsx15("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
-    error ? /* @__PURE__ */ jsx15("p", { role: "alert", children: props.copy.rotateFailed }) : null
+    !code && props.claimId ? /* @__PURE__ */ jsx16("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx16("p", { role: "alert", children: props.copy.rotateFailed }) : null
   ] });
 }
 
 // src/ui/join-tiers.tsx
 import { useState as useState13 } from "preact/hooks";
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs16 } from "preact/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs17 } from "preact/jsx-runtime";
 var joinTierMoney = (cents, currency = "usd") => new Intl.NumberFormat("en-US", { style: "currency", currency }).format(cents / 100);
 function useTierSelection(tiers, initialTierId) {
   const [selectedTierId, setSelectedTierId] = useState13(() => {
@@ -1318,7 +1381,7 @@ function useTierSelection(tiers, initialTierId) {
     return tiers.length === 1 ? tiers[0].id : null;
   });
   return {
-    tiers,
+    tiers: [...tiers].sort((a, b) => Number(b.id === selectedTierId) - Number(a.id === selectedTierId)),
     selected: tiers.find((tier) => tier.id === selectedTierId) ?? null,
     selectedTierId,
     selectTier: (tierId) => {
@@ -1327,10 +1390,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  return /* @__PURE__ */ jsxs16("fieldset", { "data-chapter-placeholder": "tiers", children: [
-    /* @__PURE__ */ jsx16("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
-    context.tiers.map((tier) => /* @__PURE__ */ jsxs16("label", { children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs17("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx17("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs17("label", { children: [
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "radio",
@@ -1341,13 +1404,13 @@ function TierPlaceholder(context) {
         }
       ),
       tier.name,
-      tier.founding ? /* @__PURE__ */ jsxs16(Fragment8, { children: [
+      tier.founding ? /* @__PURE__ */ jsxs17(Fragment8, { children: [
         " \u2014 ",
         joinTierMoney(tier.founding.dueTodayCents),
         " founding member rate (list ",
         joinTierMoney(tier.priceCents),
         ")"
-      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs16(Fragment8, { children: [
+      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs17(Fragment8, { children: [
         " \u2014 ",
         joinTierMoney(tier.priceCents)
       ] })
@@ -1359,19 +1422,19 @@ function tierNeedsPayment(selected, paymentsReady) {
 }
 
 // src/ui/join-application-form.tsx
-import { jsx as jsx17, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs18 } from "preact/jsx-runtime";
 function JoinApplicationForm({ props, copy, invitation, requestedSeat, tierSelection, giftOfferId, selectGift, submitting, error, submit }) {
   const disabled = submitting || props.submitDisabled === true;
-  return /* @__PURE__ */ jsxs17("form", { className: "join-form", onSubmit: (event) => void submit(event), children: [
-    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs17("fieldset", { children: [
-      /* @__PURE__ */ jsx17("legend", { children: copy.gift.optionsLabel }),
-      /* @__PURE__ */ jsx17("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
-      /* @__PURE__ */ jsx17(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
+  return /* @__PURE__ */ jsxs18("form", { className: "join-form", onSubmit: (event) => void submit(event), children: [
+    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs18("fieldset", { children: [
+      /* @__PURE__ */ jsx18("legend", { children: copy.gift.optionsLabel }),
+      /* @__PURE__ */ jsx18("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
+      /* @__PURE__ */ jsx18(GiftOfferCards, { offers: props.config.giftOffers ?? [], mode: "select", selectedOfferId: giftOfferId, onSelect: selectGift })
     ] }) : null,
     !requestedSeat && (props.config.tiers?.length ?? 0) > 1 ? props.renderTiers?.(tierSelection) ?? TierPlaceholder(tierSelection) : null,
     typeof props.children === "function" ? props.children({ invitation }) : props.children,
-    error ? /* @__PURE__ */ jsx17("p", { className: "join-error", role: "alert", children: error }) : null,
-    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx17("button", { className: "submit-btn", type: "submit", disabled, children: submitting ? copy.form.submitting : copy.form.submit })
+    error ? /* @__PURE__ */ jsx18("p", { className: "join-error", role: "alert", children: error }) : null,
+    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx18("button", { className: "submit-btn", type: "submit", disabled, children: submitting ? copy.form.submitting : copy.form.submit })
   ] });
 }
 
@@ -1397,7 +1460,7 @@ function joinStateFromApplicationResponse(data, fallbackNeedsPayment, submittedG
 // src/ui/gift-code-redeemer.tsx
 import { InlineActionField } from "@odla-ai/ui/components";
 import { useState as useState14 } from "preact/hooks";
-import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs19 } 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}
@@ -1442,9 +1505,9 @@ function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs18(Fragment9, { children: [
-    /* @__PURE__ */ jsx18("style", { children: GIFT_CODE_REDEEMER_CSS }),
-    /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs19(Fragment9, { children: [
+    /* @__PURE__ */ jsx19("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx19(
       InlineActionField,
       {
         id,
@@ -1500,12 +1563,12 @@ async function loadJoinResume(applicationId, fetcher = fetch) {
 }
 
 // src/ui/join-gift-claim.tsx
-import { jsx as jsx19, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs20 } from "preact/jsx-runtime";
 function JoinGiftClaim(props) {
-  return /* @__PURE__ */ jsxs19("section", { className: "join-gift-claim card", children: [
-    /* @__PURE__ */ jsx19("div", { className: "card-label", children: props.copy.claimTitle }),
-    /* @__PURE__ */ jsx19("p", { children: props.copy.claimBody }),
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs20("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx20("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx20("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx20(
       GiftCodeRedeemer,
       {
         api: props.api,
@@ -1530,20 +1593,20 @@ function JoinGiftClaim(props) {
 
 // src/ui/join-named-seat.tsx
 import { useState as useState15 } from "preact/hooks";
-import { jsx as jsx20, jsxs as jsxs20 } from "preact/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs21 } from "preact/jsx-runtime";
 function JoinNamedSeat(props) {
   const seatId = props.seatId ?? "";
   const inherited = useChapterCopy(), copy = props.copy ?? inherited.join.namedSeat;
   const [accepted, setAccepted] = useState15(false), [busy, setBusy] = useState15(false), [error, setError] = useState15("");
-  return /* @__PURE__ */ jsxs20("section", { className: "join-named-seat card", children: [
-    /* @__PURE__ */ jsx20("h2", { children: copy.title }),
-    /* @__PURE__ */ jsx20("p", { children: copy.body }),
-    /* @__PURE__ */ jsxs20("label", { className: "journey-consent", children: [
-      /* @__PURE__ */ jsx20("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
-      /* @__PURE__ */ jsx20("span", { children: copy.consent })
+  return /* @__PURE__ */ jsxs21("section", { className: "join-named-seat card", children: [
+    /* @__PURE__ */ jsx21("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx21("p", { children: copy.body }),
+    /* @__PURE__ */ jsxs21("label", { className: "journey-consent", children: [
+      /* @__PURE__ */ jsx21("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx21("span", { children: copy.consent })
     ] }),
-    error ? /* @__PURE__ */ jsx20("p", { role: "alert", children: error }) : null,
-    /* @__PURE__ */ jsx20("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
+    error ? /* @__PURE__ */ jsx21("p", { role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx21("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
       setBusy(true);
       setError("");
       try {
@@ -1564,7 +1627,7 @@ function JoinNamedSeat(props) {
 
 // src/ui/join-invitation.tsx
 import { useEffect as useEffect8, useState as useState16 } from "preact/hooks";
-import { jsx as jsx21, jsxs as jsxs21 } from "preact/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs22 } from "preact/jsx-runtime";
 function useJoinInvitation(seatId, api, fallback) {
   const [invitation, setInvitation] = useState16(null);
   const [error, setError] = useState16("");
@@ -1591,12 +1654,22 @@ function useJoinInvitation(seatId, api, fallback) {
   return { invitation: invitation?.seatId === seatId ? invitation : null, error, retry: () => setRevision((value) => value + 1) };
 }
 function JoinInvitationNotice(props) {
-  return /* @__PURE__ */ jsxs21("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
-    /* @__PURE__ */ jsx21("p", { children: /* @__PURE__ */ jsx21("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
-    /* @__PURE__ */ jsx21("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
+  return /* @__PURE__ */ jsxs22("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
+    /* @__PURE__ */ jsx22("p", { children: /* @__PURE__ */ jsx22("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
+    /* @__PURE__ */ jsx22("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
   ] });
 }
 
+// src/ui/join-simulation.ts
+function joinSimulationPayment(simulation, priceCents) {
+  if (!simulation) return void 0;
+  return simulation.payment ?? { lineItems: {
+    standardCents: priceCents,
+    discountCents: 0,
+    dueTodayCents: priceCents
+  } };
+}
+
 // src/ui/join-pending.ts
 import { useEffect as useEffect9 } from "preact/hooks";
 function useJoinPending(state, loadResume, setState) {
@@ -1622,10 +1695,100 @@ function useJoinPending(state, loadResume, setState) {
   }, [state, loadResume]);
 }
 
+// src/ui/payment-receipt.tsx
+import { useEffect as useEffect10, useState as useState17 } from "preact/hooks";
+import { Fragment as Fragment10, jsx as jsx23, jsxs as jsxs23 } from "preact/jsx-runtime";
+function PaymentReceiptCard({ applicationId }) {
+  const [receipt, setReceipt] = useState17(null);
+  const [error, setError] = useState17("");
+  const [revision, setRevision] = useState17(0);
+  const [emailState, setEmailState] = useState17("idle");
+  const [previewEmail, setPreviewEmail] = useState17(false);
+  const endpoint = `/api/payments/receipt?application=${encodeURIComponent(applicationId)}`;
+  useEffect10(() => {
+    let live = true, timer;
+    setReceipt(null);
+    setError("");
+    setEmailState("idle");
+    const read = async () => {
+      try {
+        const response = await fetch(endpoint, { cache: "no-store" });
+        if (!live || response.status === 404) return;
+        if (response.status === 202) {
+          timer = setTimeout(() => void read(), 2e3);
+          return;
+        }
+        if (!response.ok) throw new Error();
+        const data = await response.json();
+        if (live) setReceipt(data.receipt);
+      } catch {
+        if (live) setError("Your receipt is temporarily unavailable.");
+      }
+    };
+    void read();
+    return () => {
+      live = false;
+      if (timer) clearTimeout(timer);
+    };
+  }, [endpoint, revision]);
+  if (!receipt) return error ? /* @__PURE__ */ jsxs23("section", { "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx23("p", { role: "status", children: error }),
+    /* @__PURE__ */ jsx23("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Reload receipt" })
+  ] }) : null;
+  const money = (cents) => new Intl.NumberFormat("en-US", { style: "currency", currency: receipt.currency }).format(cents / 100);
+  const email = async () => {
+    setEmailState("sending");
+    setError("");
+    try {
+      const response = await fetch(endpoint, { method: "POST" });
+      if (!response.ok) throw new Error();
+      const result = await response.json();
+      setPreviewEmail(result.preview === true);
+      setEmailState("sent");
+    } catch {
+      setEmailState("idle");
+      setError("We could not confirm email delivery. You can print or save your receipt.");
+    }
+  };
+  return /* @__PURE__ */ jsxs23("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx23("h2", { children: "Payment received" }),
+    /* @__PURE__ */ jsx23("p", { children: receipt.tierName }),
+    /* @__PURE__ */ jsxs23("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx23("dt", { children: "Membership" }),
+      /* @__PURE__ */ jsx23("dd", { children: money(receipt.membershipCents) }),
+      receipt.namedSeat ? /* @__PURE__ */ jsxs23(Fragment10, { children: [
+        /* @__PURE__ */ jsxs23("dt", { children: [
+          "Additional member \u2014 ",
+          receipt.namedSeat.recipientName
+        ] }),
+        /* @__PURE__ */ jsxs23("dd", { children: [
+          receipt.namedSeat.amountCents === 0 ? "Included \u2014 " : "",
+          money(receipt.namedSeat.amountCents)
+        ] })
+      ] }) : null,
+      /* @__PURE__ */ jsx23("dt", { children: "Total paid" }),
+      /* @__PURE__ */ jsx23("dd", { children: money(receipt.totalCents) })
+    ] }),
+    /* @__PURE__ */ jsxs23("div", { className: "journey-actions", children: [
+      /* @__PURE__ */ jsx23("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
+      /* @__PURE__ */ jsx23("button", { type: "button", disabled: emailState !== "idle", onClick: () => void email(), children: emailState === "sending" ? "Sending\u2026" : emailState === "sent" ? "Receipt emailed" : "Email me my receipt" })
+    ] }),
+    emailState === "sent" ? /* @__PURE__ */ jsx23("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
+    error ? /* @__PURE__ */ jsx23("p", { role: "alert", children: error }) : null
+  ] });
+}
+
+// src/ui/join-recipient.ts
+function validJoinRecipient(recipient) {
+  if (!recipient) return true;
+  const name = recipient.recipientName.trim(), email = recipient.recipientEmail.trim();
+  return name.length >= 2 && name.length <= 160 && !/[\u0000-\u001f\u007f]/.test(name) && email.length <= 254 && /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
+}
+
 // src/ui/join.tsx
-import { Fragment as Fragment10, jsx as jsx22, jsxs as jsxs22 } from "preact/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx24, jsxs as jsxs24 } from "preact/jsx-runtime";
 function JoinIsland(props) {
-  return /* @__PURE__ */ jsx22(JourneyFrame, { children: /* @__PURE__ */ jsx22(JoinFlow, { ...props }) });
+  return /* @__PURE__ */ jsx24(JourneyFrame, { children: /* @__PURE__ */ jsx24(JoinFlow, { ...props }) });
 }
 function JoinFlow(props) {
   const inheritedCopy = useChapterCopy();
@@ -1646,20 +1809,15 @@ function JoinFlow(props) {
   const invitation = invitationState.invitation;
   const selectedTierId = invitation?.skuId ?? tierSelection.selectedTierId;
   const selectedTier = tiers.find((tier) => tier.id === selectedTierId) ?? tierSelection.selected;
-  const [state, setState] = useState17(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
-  const [error, setError] = useState17(null);
-  const [submitting, setSubmitting] = useState17(false);
-  const [giftOfferId, setGiftOfferId] = useState17(props.initialGiftOfferId ?? null);
-  const simulatedPayment = props.simulation ? props.simulation.payment ?? {
-    lineItems: {
-      standardCents: selectedTier?.priceCents ?? 0,
-      discountCents: 0,
-      dueTodayCents: selectedTier?.priceCents ?? 0
-    }
-  } : void 0;
+  const [state, setState] = useState18(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
+  const [error, setError] = useState18(null);
+  const [submitting, setSubmitting] = useState18(false);
+  const [editingNamedSeat, setEditingNamedSeat] = useState18(false);
+  const [giftOfferId, setGiftOfferId] = useState18(props.initialGiftOfferId ?? null);
+  const simulatedPayment = joinSimulationPayment(props.simulation, selectedTier?.priceCents ?? 0);
   const simulatedBooking = props.simulation ? props.simulation.booking ?? { slots: [], timezone: "UTC" } : void 0;
   const submissionId = useRef3(null);
-  useEffect10(() => {
+  useEffect11(() => {
     if (props.simulation) return;
     const resolver = requestedSeat ? () => invitation?.applicationId ? loadJoinResume(invitation.applicationId) : Promise.resolve(null) : props.loadResume ?? (() => {
       if (typeof window === "undefined") return Promise.resolve(null);
@@ -1680,6 +1838,10 @@ function JoinFlow(props) {
   const submit = async (e) => {
     e.preventDefault();
     if (submitting || props.submitDisabled === true || requestedSeat && !invitation) return;
+    if (!validJoinRecipient(props.payment?.initialNamedSeat)) {
+      setError("Enter your family member's full name and valid email before continuing.");
+      return;
+    }
     setSubmitting(true);
     setError(null);
     try {
@@ -1728,13 +1890,13 @@ function JoinFlow(props) {
       setSubmitting(false);
     }
   };
-  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs22("section", { className: "card", "aria-live": "polite", children: [
-    /* @__PURE__ */ jsx22("h2", { children: seatCopy.title }),
-    /* @__PURE__ */ jsx22("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
-    invitationState.error ? /* @__PURE__ */ jsx22("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
+  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs24("section", { className: "card", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx24("h2", { children: seatCopy.title }),
+    /* @__PURE__ */ jsx24("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
+    invitationState.error ? /* @__PURE__ */ jsx24("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
   ] });
-  const header = /* @__PURE__ */ jsxs22(Fragment10, { children: [
-    invitation ? /* @__PURE__ */ jsx22(
+  const header = /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    invitation ? /* @__PURE__ */ jsx24(
       JoinInvitationNotice,
       {
         invitation,
@@ -1744,50 +1906,52 @@ function JoinFlow(props) {
     ) : null,
     renderStepHeader?.({
       state,
+      editingNamedSeat: state.step === "payment" && editingNamedSeat,
       ...invitation ? { invitation } : {},
       ..."applicationId" in state ? { applicationId: state.applicationId } : {}
-    })
+    }),
+    !props.simulation && !requestedSeat && ["paymentPending", "booking", "accepted", "done"].includes(state.step) && "applicationId" in state ? /* @__PURE__ */ jsx24(PaymentReceiptCard, { applicationId: state.applicationId }) : null
   ] });
   if (state.step === "closed") {
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsxs22("section", { className: "card", "aria-label": "Application closed", children: [
-        /* @__PURE__ */ jsx22("h2", { children: "This application is closed" }),
-        /* @__PURE__ */ jsx22("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
-        /* @__PURE__ */ jsx22("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+      /* @__PURE__ */ jsxs24("section", { className: "card", "aria-label": "Application closed", children: [
+        /* @__PURE__ */ jsx24("h2", { children: "This application is closed" }),
+        /* @__PURE__ */ jsx24("p", { children: "This link cannot resume payment or booking. Sign in to view your application status, or contact the chapter if you need help." }),
+        /* @__PURE__ */ jsx24("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
       ] })
     ] });
   }
   if (state.step === "done") {
-    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs22("div", { className: "join-done card", children: [
-      /* @__PURE__ */ jsx22("div", { className: "card-label", children: copy.done.label }),
-      /* @__PURE__ */ jsx22("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
-      /* @__PURE__ */ jsx22("p", { className: "meeting-note", children: copy.done.calendarInvite }),
-      /* @__PURE__ */ jsx22("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs24("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx24("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx24("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx24("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx24("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "accepted") {
-    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx22(JoinAccepted, { copy, membersHref });
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx24(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "gift") {
-    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx22(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx24(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -1802,9 +1966,9 @@ function JoinFlow(props) {
   }
   if (state.step === "payment") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation && !state.giftPurchase) {
-      return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs24(Fragment11, { children: [
         header,
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -1817,9 +1981,9 @@ function JoinFlow(props) {
       ] });
     }
     const Payment = state.giftPurchase || props.simulation ? PaymentStep : MembershipPaymentStep;
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
-      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx22(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx24(
         JoinGiftClaim,
         {
           api: props.giftClaimApi,
@@ -1830,17 +1994,15 @@ function JoinFlow(props) {
           onError: () => setError(copy.form.unexpectedFailure)
         }
       ) : null,
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24(
         Payment,
         {
           applicationId: state.applicationId,
           refundPolicyText: config.refundPolicyText ?? "",
           merchantDisclosureText: config.merchantDisclosureText,
           copy: copy.payment,
-          appearance: props.payment?.appearance,
-          initialNamedSeat: props.payment?.initialNamedSeat,
-          fonts: props.payment?.fonts,
-          renderPriceLines: props.payment?.renderPriceLines,
+          ...props.payment,
+          onNamedSeatEditingChange: setEditingNamedSeat,
           simulation: simulatedPayment,
           onPaid: (result) => {
             if (props.simulation) {
@@ -1860,9 +2022,9 @@ function JoinFlow(props) {
   }
   if (state.step === "paymentPending") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation) {
-      return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+      return /* @__PURE__ */ jsxs24(Fragment11, { children: [
         header,
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -1874,14 +2036,14 @@ function JoinFlow(props) {
         )
       ] });
     }
-    return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
       header,
-      /* @__PURE__ */ jsx22("p", { className: "pay-status", role: "status", children: copy.payment.pending })
+      /* @__PURE__ */ jsx24("p", { className: "pay-status", role: "status", children: copy.payment.pending })
     ] });
   }
-  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs24(Fragment11, { children: [
     header,
-    /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx24(
       JoinApplicationForm,
       {
         props,
@@ -2071,7 +2233,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx23, jsxs as jsxs23 } from "preact/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs25 } 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",
@@ -2140,67 +2302,67 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs23("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs25("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs23("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs25("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs23("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs25("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx23("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx25("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__ */ jsxs23("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
-    presentation.badge ? /* @__PURE__ */ jsx23("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
-    /* @__PURE__ */ jsx23("h3", { className: "chapter-membership-name", children: tier.name }),
-    /* @__PURE__ */ jsxs23("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
-      presentation.capacity ? /* @__PURE__ */ jsxs23("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
-        /* @__PURE__ */ jsx23("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
-        /* @__PURE__ */ jsx23("small", { children: presentation.capacity.label ?? "available" })
+  return /* @__PURE__ */ jsxs25("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx25("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx25("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs25("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs25("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx25("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx25("small", { children: presentation.capacity.label ?? "available" })
       ] }) : null,
-      /* @__PURE__ */ jsxs23("div", { className: "chapter-membership-price-stack", children: [
-        presentation.priceEyebrow ? /* @__PURE__ */ jsx23("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx23("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
-        /* @__PURE__ */ jsxs23("div", { className: "chapter-membership-price-row", children: [
-          tier.founding ? /* @__PURE__ */ jsx23("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx23("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
-          /* @__PURE__ */ jsx23("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
-          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx23("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
+      /* @__PURE__ */ jsxs25("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx25("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx25("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
+        /* @__PURE__ */ jsxs25("div", { className: "chapter-membership-price-row", children: [
+          tier.founding ? /* @__PURE__ */ jsx25("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx25("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx25("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx25("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx23(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
-    summary ? /* @__PURE__ */ jsx23(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
-    presentation.benefits?.length ? /* @__PURE__ */ jsx23("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs23("li", { children: [
-      /* @__PURE__ */ jsx23("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
-      /* @__PURE__ */ jsx23(Markdown2, { className: "chapter-membership-benefit", source: benefit })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx25(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx25(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx25("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs25("li", { children: [
+      /* @__PURE__ */ jsx25("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx25(Markdown2, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    presentation.callout ? /* @__PURE__ */ jsxs23("aside", { className: "chapter-membership-callout", children: [
-      presentation.callout.label ? /* @__PURE__ */ jsx23("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
-      /* @__PURE__ */ jsx23(Markdown2, { source: presentation.callout.bodyMarkdown })
+    presentation.callout ? /* @__PURE__ */ jsxs25("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx25("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx25(Markdown2, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx23(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx25(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__ */ jsxs23("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
-    /* @__PURE__ */ jsx23("style", { children: MEMBERSHIP_CARDS_CSS }),
-    /* @__PURE__ */ jsx23("div", { className: "chapter-membership-grid", style: { "--chapter-membership-columns": String(Math.min(document2.tiers.length, 3)) }, children: document2.tiers.map((presentation) => {
+  return /* @__PURE__ */ jsxs25("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx25("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx25("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__ */ jsx23(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx25(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx23(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx25(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -2236,4 +2398,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-VEOGTSVX.js.map
+//# sourceMappingURL=chunk-NK267YQZ.js.map