@odla-ai/chapter 0.56.1 → 0.57.0

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

@@ -2,7 +2,7 @@ import {
   DEFAULT_JOIN_COPY,
   formatChapterCopy,
   useChapterCopy
-} from "./chunk-4M2PN5K3.js";
+} from "./chunk-FHKZVF5G.js";
 import {
   collectFormFields
 } from "./chunk-IVXVECKR.js";
@@ -111,14 +111,185 @@ function SlotPicker(props) {
 }
 
 // src/ui/member-restart.tsx
-import { useEffect as useEffect2, useState as useState5 } from "preact/hooks";
+import { useEffect as useEffect2, useState as useState7 } from "preact/hooks";
+
+// src/ui/additional-member-editor.tsx
+import { useRef as useRef2, useState as useState3 } from "preact/hooks";
+
+// src/ui/additional-member-fields.tsx
+import { useRef } from "preact/hooks";
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+var ADDITIONAL_MEMBER_COPY = {
+  label: "Additional member",
+  includedChoice: "Include my additional member at no extra charge.",
+  paidChoice: "Add one additional member.",
+  includedHint: "Included with your membership at no extra charge.",
+  pendingHint: "Your additional-member rate will be confirmed at checkout.",
+  editTitle: "Edit additional member details"
+};
+function additionalMemberSelection(value) {
+  return value.selected ? { recipientName: value.name.trim(), recipientEmail: value.email.trim() } : null;
+}
+function AdditionalMemberFields({ value, onChange, offer, ...options }) {
+  const draft = useRef(value);
+  draft.current = value;
+  const change = (patch) => {
+    draft.current = { ...draft.current, ...patch };
+    onChange(draft.current);
+  };
+  const copy = { ...ADDITIONAL_MEMBER_COPY, ...options.copy };
+  const names = { selected: "additionalMemberSelected", name: "additionalMemberName", email: "additionalMemberEmail", ...options.names };
+  const price2 = offer && new Intl.NumberFormat("en-US", { style: "currency", currency: offer.currency ?? "USD" }).format(offer.amountCents / 100);
+  return /* @__PURE__ */ jsxs2("div", { className: "form-group additional-member-fields", children: [
+    /* @__PURE__ */ jsx2("label", { htmlFor: names.selected, children: copy.label }),
+    /* @__PURE__ */ jsx2("p", { className: "hint", children: offer?.amountCents === 0 ? copy.includedHint : offer ? `${price2} per ${offer.interval ?? "year"}, paid with your membership.` : copy.pendingHint }),
+    /* @__PURE__ */ jsxs2("label", { className: "checkbox-option journey-consent", children: [
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "checkbox",
+          id: names.selected,
+          name: names.selected,
+          value: "yes",
+          checked: value.selected,
+          onChange: (event) => change({ selected: event.currentTarget.checked })
+        }
+      ),
+      offer?.amountCents === 0 ? copy.includedChoice : copy.paidChoice
+    ] }),
+    value.selected ? /* @__PURE__ */ jsxs2("div", { className: "additional-member-details", children: [
+      /* @__PURE__ */ jsxs2("label", { htmlFor: names.name, children: [
+        "Full name ",
+        /* @__PURE__ */ jsx2("span", { className: "req", "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "text",
+          id: names.name,
+          name: names.name,
+          placeholder: "Full name",
+          required: true,
+          minLength: 2,
+          maxLength: 160,
+          pattern: ".*\\S.*\\S.*",
+          value: value.name,
+          onInput: (event) => change({ name: event.currentTarget.value })
+        }
+      ),
+      /* @__PURE__ */ jsxs2("label", { htmlFor: names.email, children: [
+        "Email ",
+        /* @__PURE__ */ jsx2("span", { className: "req", "aria-hidden": "true", children: "*" })
+      ] }),
+      /* @__PURE__ */ jsx2(
+        "input",
+        {
+          type: "email",
+          id: names.email,
+          name: names.email,
+          placeholder: "member@example.com",
+          required: true,
+          pattern: "[^\\s@]+@[^\\s@]+\\.[^\\s@]+",
+          maxLength: 254,
+          value: value.email,
+          onInput: (event) => change({ email: event.currentTarget.value })
+        }
+      )
+    ] }) : null
+  ] });
+}
+
+// src/ui/form-readiness.ts
+import { useLayoutEffect, useState as useState2 } from "preact/hooks";
+function isFormReady(form) {
+  return Array.from(form.elements).every((element) => {
+    const field = element;
+    return !field.willValidate || field.validity.valid && (!field.required || field.value.trim().length > 0);
+  });
+}
+function useFormReadiness(ref) {
+  const [ready, setReady] = useState2(false);
+  useLayoutEffect(() => {
+    const form = ref.current;
+    if (!form) return;
+    let live = true;
+    const update = () => {
+      if (live) setReady(isFormReady(form));
+    };
+    const afterInput = () => queueMicrotask(update);
+    update();
+    for (const type of ["input", "change", "focusin", "reset"]) form.addEventListener(type, afterInput);
+    const observer = new MutationObserver(afterInput);
+    observer.observe(form, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: ["required", "disabled", "pattern", "minlength", "maxlength", "min", "max", "type"]
+    });
+    return () => {
+      live = false;
+      observer.disconnect();
+      for (const type of ["input", "change", "focusin", "reset"]) form.removeEventListener(type, afterInput);
+    };
+  });
+  return ready;
+}
+
+// src/ui/join-submit-button.tsx
+import { jsx as jsx3 } from "preact/jsx-runtime";
+function JoinSubmitButton(props) {
+  return /* @__PURE__ */ jsx3("button", { ...props, type: "submit", className: "submit-btn chapter-form-primary" });
+}
+
+// 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/additional-member-editor.tsx
+import { jsx as jsx4, jsxs as jsxs3 } from "preact/jsx-runtime";
+function AdditionalMemberEditor({ selection, offer, save, cancel, onSaved, ...options }) {
+  const [value, setValue] = useState3({ selected: Boolean(selection), name: selection?.recipientName ?? "", email: selection?.recipientEmail ?? "" });
+  const [saving, setSaving] = useState3(false), [error, setError] = useState3("");
+  const form = useRef2(null), inFlight = useRef2(false);
+  const ready = useFormReadiness(form);
+  const valid = validJoinRecipient(additionalMemberSelection(value) ?? void 0);
+  return /* @__PURE__ */ jsxs3("form", { ref: form, className: "join-form additional-member-editor", onSubmit: async (event) => {
+    event.preventDefault();
+    if (inFlight.current || !valid || !isFormReady(event.currentTarget)) return;
+    inFlight.current = true;
+    setSaving(true);
+    setError("");
+    try {
+      await save(additionalMemberSelection(value));
+      onSaved?.(value);
+    } catch (failure) {
+      setError(failure instanceof Error ? failure.message : "Could not save your changes. Try again.");
+    } finally {
+      inFlight.current = false;
+      setSaving(false);
+    }
+  }, children: [
+    /* @__PURE__ */ jsx4("h2", { children: options.copy?.editTitle ?? ADDITIONAL_MEMBER_COPY.editTitle }),
+    /* @__PURE__ */ jsxs3("fieldset", { disabled: saving, children: [
+      /* @__PURE__ */ jsx4(AdditionalMemberFields, { ...options, value, onChange: setValue, offer }),
+      error ? /* @__PURE__ */ jsx4("p", { role: "alert", children: error }) : null,
+      /* @__PURE__ */ jsxs3("div", { className: "journey-actions additional-member-actions", children: [
+        /* @__PURE__ */ jsx4(JoinSubmitButton, { disabled: saving || !ready || !valid, children: saving ? "Saving\u2026" : "Save details" }),
+        /* @__PURE__ */ jsx4("button", { className: "journey-secondary", type: "button", onClick: cancel, children: "Cancel" })
+      ] })
+    ] })
+  ] });
+}
 
 // src/ui/membership-payment-step.tsx
-import { useEffect, useState as useState4 } from "preact/hooks";
+import { useEffect, useState as useState6 } from "preact/hooks";
 
 // src/ui/payment-step.tsx
-import { useRef, useState as useState2 } from "preact/hooks";
-import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+import { useRef as useRef3, useState as useState4 } from "preact/hooks";
+import { jsx as jsx5, jsxs as jsxs4 } from "preact/jsx-runtime";
 var loader = null;
 function loadStripe() {
   const existing = globalThis.Stripe;
@@ -152,13 +323,13 @@ function PaymentStep(props) {
     simulation
   } = props;
   const copy = props.copy ?? inheritedCopy.join.payment;
-  const [status, setStatus] = useState2("idle");
-  const [error, setError] = useState2(null);
-  const [lineItems, setLineItems] = useState2(null);
-  const mountRef = useRef(null);
-  const stripeRef = useRef(null);
-  const elementsRef = useRef(null);
-  const completionRef = useRef({ gift: false });
+  const [status, setStatus] = useState4("idle");
+  const [error, setError] = useState4(null);
+  const [lineItems, setLineItems] = useState4(null);
+  const mountRef = useRef3(null);
+  const stripeRef = useRef3(null);
+  const elementsRef = useRef3(null);
+  const completionRef = useRef3({ gift: false });
   const begin = async () => {
     setStatus("loading");
     setError(null);
@@ -228,12 +399,12 @@ function PaymentStep(props) {
       setStatus("ready");
     }
   };
-  return /* @__PURE__ */ jsxs2("div", { className: "join-pay", children: [
-    /* @__PURE__ */ jsxs2("div", { className: "compliance-box", children: [
-      merchantDisclosureText ? /* @__PURE__ */ jsx2("p", { className: "compliance-merchant", children: merchantDisclosureText }) : null,
-      /* @__PURE__ */ jsx2("p", { className: "compliance-policy", children: refundPolicyText }),
-      /* @__PURE__ */ jsxs2("label", { className: "compliance-check", children: [
-        /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsxs4("div", { className: "join-pay", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "compliance-box", children: [
+      merchantDisclosureText ? /* @__PURE__ */ jsx5("p", { className: "compliance-merchant", children: merchantDisclosureText }) : null,
+      /* @__PURE__ */ jsx5("p", { className: "compliance-policy", children: refundPolicyText }),
+      /* @__PURE__ */ jsxs4("label", { className: "compliance-check", children: [
+        /* @__PURE__ */ jsx5(
           "input",
           {
             type: "checkbox",
@@ -243,52 +414,55 @@ function PaymentStep(props) {
             }
           }
         ),
-        copy.consent ? /* @__PURE__ */ jsx2("span", { children: copy.consent }) : null
+        copy.consent ? /* @__PURE__ */ jsx5("span", { children: copy.consent }) : null
       ] })
     ] }),
-    status === "loading" ? /* @__PURE__ */ jsx2("p", { className: "pay-status", children: copy.preparing }) : null,
+    status === "loading" ? /* @__PURE__ */ jsx5("p", { className: "pay-status", children: copy.preparing }) : null,
     lineItems && renderPriceLines ? renderPriceLines(lineItems) : null,
     children,
-    simulation && (status === "ready" || status === "confirming") ? /* @__PURE__ */ jsxs2("fieldset", { className: "join-pay-simulation", children: [
-      /* @__PURE__ */ jsx2("legend", { children: "Payment details" }),
-      /* @__PURE__ */ jsxs2("label", { children: [
+    simulation && (status === "ready" || status === "confirming") ? /* @__PURE__ */ jsxs4("fieldset", { className: "join-pay-simulation", children: [
+      /* @__PURE__ */ jsx5("legend", { children: "Payment details" }),
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Card number",
-        /* @__PURE__ */ jsx2("input", { name: "simulationCardNumber", inputMode: "numeric", autoComplete: "off", defaultValue: "4242 4242 4242 4242" })
+        /* @__PURE__ */ jsx5("input", { name: "simulationCardNumber", inputMode: "numeric", autoComplete: "off", defaultValue: "4242 4242 4242 4242" })
       ] }),
-      /* @__PURE__ */ jsxs2("label", { children: [
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Expiration",
-        /* @__PURE__ */ jsx2("input", { name: "simulationCardExpiry", inputMode: "numeric", autoComplete: "off", defaultValue: "12 / 34" })
+        /* @__PURE__ */ jsx5("input", { name: "simulationCardExpiry", inputMode: "numeric", autoComplete: "off", defaultValue: "12 / 34" })
       ] }),
-      /* @__PURE__ */ jsxs2("label", { children: [
+      /* @__PURE__ */ jsxs4("label", { children: [
         "Security code",
-        /* @__PURE__ */ jsx2("input", { name: "simulationCardCvc", inputMode: "numeric", autoComplete: "off", defaultValue: "123" })
+        /* @__PURE__ */ jsx5("input", { name: "simulationCardCvc", inputMode: "numeric", autoComplete: "off", defaultValue: "123" })
       ] }),
-      /* @__PURE__ */ jsx2("p", { children: "This is a simulation. No card data is sent and no charge is created." })
+      /* @__PURE__ */ jsx5("p", { children: "This is a simulation. No card data is sent and no charge is created." })
     ] }) : null,
-    /* @__PURE__ */ jsx2("div", { ref: mountRef, hidden: status === "idle" || status === "loading" }),
-    status === "ready" || status === "confirming" ? /* @__PURE__ */ jsx2("button", { className: "submit-btn", disabled: status === "confirming", onClick: () => void pay(), children: status === "confirming" ? copy.processing : copy.payAndContinue }) : null,
-    error ? /* @__PURE__ */ jsx2("p", { className: "pay-error", children: error }) : null
+    /* @__PURE__ */ jsx5("div", { ref: mountRef, hidden: status === "idle" || status === "loading" }),
+    status === "ready" || status === "confirming" ? /* @__PURE__ */ jsx5("button", { className: "submit-btn", disabled: status === "confirming", onClick: () => void pay(), children: status === "confirming" ? copy.processing : copy.payAndContinue }) : null,
+    error ? /* @__PURE__ */ jsx5("p", { className: "pay-error", children: error }) : null
   ] });
 }
 
 // src/ui/checkout-seat-choice.tsx
-import { useState as useState3 } from "preact/hooks";
-import { Fragment as Fragment2, jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
+import { useRef as useRef4, useState as useState5 } from "preact/hooks";
+import { jsx as jsx6, jsxs as jsxs5 } from "preact/jsx-runtime";
 function CheckoutSeatChoice(props) {
   const saved = props.quote.namedSeat;
-  const [selected, setSelected] = useState3(Boolean(saved || props.initial));
-  const [name, setName] = useState3(saved?.recipientName ?? props.initial?.recipientName ?? "");
-  const [email, setEmail] = useState3(saved?.recipientEmail ?? props.initial?.recipientEmail ?? "");
-  const [saving, setSaving] = useState3(false), [error, setError] = useState3("");
-  const amount = props.quote.seatOffer.amountCents;
-  const money = new Intl.NumberFormat("en-US", { style: "currency", currency: props.quote.currency }).format(amount / 100);
+  const [selected, setSelected] = useState5(Boolean(saved || props.initial));
+  const [name, setName] = useState5(saved?.recipientName ?? props.initial?.recipientName ?? "");
+  const [email, setEmail] = useState5(saved?.recipientEmail ?? props.initial?.recipientEmail ?? "");
+  const [saving, setSaving] = useState5(false), [error, setError] = useState5("");
+  const form = useRef4(null), inFlight = useRef4(false);
+  const ready = useFormReadiness(form);
+  const valid = validJoinRecipient(selected ? { recipientName: name, recipientEmail: email } : void 0);
   const dirty = selected !== Boolean(saved) || selected && (name !== saved?.recipientName || email !== saved?.recipientEmail);
   const edit = (nextSelected, nextName = name, nextEmail = email) => {
     props.onEditing(nextSelected !== Boolean(saved) || nextSelected && (nextName !== saved?.recipientName || nextEmail !== saved?.recipientEmail));
     setError("");
   };
-  return /* @__PURE__ */ jsx3("section", { className: "checkout-seat-choice", "aria-label": "Additional member", children: /* @__PURE__ */ jsxs3("form", { onSubmit: async (event) => {
+  return /* @__PURE__ */ jsx6("section", { className: "checkout-seat-choice", "aria-label": "Additional member", children: /* @__PURE__ */ jsxs5("form", { ref: form, onSubmit: async (event) => {
     event.preventDefault();
+    if (props.locked || inFlight.current || !valid || !isFormReady(event.currentTarget)) return;
+    inFlight.current = true;
     setSaving(true);
     setError("");
     try {
@@ -296,88 +470,60 @@ function CheckoutSeatChoice(props) {
     } catch (error2) {
       setError(error2 instanceof Error ? error2.message : "Could not save your selection. Try again.");
     } finally {
+      inFlight.current = false;
       setSaving(false);
     }
   }, children: [
-    /* @__PURE__ */ jsxs3("fieldset", { disabled: props.locked || saving, children: [
-      /* @__PURE__ */ jsx3("legend", { children: amount === 0 ? "Included additional member" : "Add an additional member" }),
-      /* @__PURE__ */ jsx3("p", { children: amount === 0 ? "Your membership includes one additional member at no extra charge." : `Additional-member rate: ${money} per ${props.quote.interval}, paid together with your membership.` }),
-      /* @__PURE__ */ jsxs3("label", { children: [
-        /* @__PURE__ */ jsx3("input", { type: "checkbox", checked: selected, onChange: (event) => {
-          setSelected(event.currentTarget.checked);
-          edit(event.currentTarget.checked);
-        } }),
-        amount === 0 ? "Include my additional member" : "Add one member to my payment"
-      ] }),
-      selected ? /* @__PURE__ */ jsxs3(Fragment2, { children: [
-        /* @__PURE__ */ jsxs3("label", { children: [
-          "Full name",
-          /* @__PURE__ */ jsx3(
-            "input",
-            {
-              required: true,
-              minLength: 2,
-              maxLength: 160,
-              value: name,
-              onInput: (event) => {
-                setName(event.currentTarget.value);
-                edit(selected, event.currentTarget.value);
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs3("label", { children: [
-          "Email",
-          /* @__PURE__ */ jsx3(
-            "input",
-            {
-              required: true,
-              type: "email",
-              maxLength: 254,
-              value: email,
-              onInput: (event) => {
-                setEmail(event.currentTarget.value);
-                edit(selected, name, event.currentTarget.value);
-              }
-            }
-          )
-        ] }),
-        /* @__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 ? "Saving\u2026" : amount === 0 ? "Save member details" : "Update total" }) : null
+    /* @__PURE__ */ jsxs5("fieldset", { disabled: props.locked || saving, children: [
+      /* @__PURE__ */ jsx6(
+        AdditionalMemberFields,
+        {
+          value: { selected, name, email },
+          offer: { ...props.quote.seatOffer, currency: props.quote.currency, interval: props.quote.interval },
+          onChange: (value) => {
+            setSelected(value.selected);
+            setName(value.name);
+            setEmail(value.email);
+            edit(value.selected, value.name, value.email);
+          }
+        }
+      ),
+      selected ? /* @__PURE__ */ jsx6("p", { children: "For one named person, who completes their own application and any required interview. Non-transferable; renews and ends with your membership." }) : /* @__PURE__ */ jsx6("p", { children: "You can add someone from your member page after paying." }),
+      dirty ? /* @__PURE__ */ jsx6(JoinSubmitButton, { disabled: saving || !ready || !valid, children: saving ? "Saving\u2026" : "Save details" }) : null
     ] }),
-    error ? /* @__PURE__ */ jsx3("p", { role: "alert", children: error }) : null
+    error ? /* @__PURE__ */ jsx6("p", { role: "alert", children: error }) : null
   ] }) });
 }
 
 // src/ui/checkout-seat-review.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } 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: [
+  return /* @__PURE__ */ jsxs6("section", { className: "checkout-seat-review", "aria-label": label, children: [
+    /* @__PURE__ */ jsx7("h3", { children: label }),
+    /* @__PURE__ */ jsxs6("p", { children: [
       quote.namedSeat.recipientName,
-      /* @__PURE__ */ jsx4("br", {}),
+      /* @__PURE__ */ jsx7("br", {}),
       quote.namedSeat.recipientEmail
     ] }),
-    !locked ? /* @__PURE__ */ jsx4("button", { type: "button", onClick: onEdit, children: "Edit details" }) : null
+    !locked ? /* @__PURE__ */ jsx7("button", { type: "button", onClick: onEdit, children: "Edit details" }) : null
   ] });
 }
 
 // src/ui/membership-payment-step.tsx
-import { Fragment as Fragment3, jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
 function MembershipPaymentStep(props) {
+  const renderEditor = props.renderNamedSeatEditor ?? (props.additionalMember ? (context) => /* @__PURE__ */ jsx8(AdditionalMemberEditor, { ...props.additionalMember, ...context }) : void 0);
   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 [prefillConsumed, setPrefillConsumed] = useState4(false);
-  const [error, setError] = useState4(false);
-  const [revision, setRevision] = useState4(0);
+  const [quote, setQuote] = useState6(null);
+  const [locked, setLocked] = useState6(false), [editing, setEditing] = useState6(Boolean(props.initialNamedSeat));
+  const [prefillConsumed, setPrefillConsumed] = useState6(false);
+  const [error, setError] = useState6(false);
+  const [revision, setRevision] = useState6(0);
   useEffect(() => {
-    props.onNamedSeatEditingChange?.(Boolean(props.renderNamedSeatEditor && editing && !locked && quote));
-  }, [editing, locked, Boolean(quote), Boolean(props.renderNamedSeatEditor)]);
+    props.onNamedSeatEditingChange?.(Boolean(renderEditor && editing && !locked && quote));
+  }, [editing, locked, Boolean(quote), Boolean(renderEditor)]);
   useEffect(() => {
     let live = true;
     setQuote(null);
@@ -388,7 +534,7 @@ function MembershipPaymentStep(props) {
       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) {
+      if (renderEditor && 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",
@@ -427,10 +573,10 @@ function MembershipPaymentStep(props) {
     setQuote(null);
     setRevision((value) => value + 1);
   };
-  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
+  if (!quote || quote.applicationId !== props.applicationId) return /* @__PURE__ */ jsxs7("div", { className: "join-pay", role: "status", children: [
+    props.merchantDisclosureText ? /* @__PURE__ */ jsx8("p", { className: "compliance-merchant", children: props.merchantDisclosureText }) : null,
+    /* @__PURE__ */ jsx8("p", { children: error ? copy.setupFailed : copy.preparing }),
+    error ? /* @__PURE__ */ jsx8("button", { type: "button", onClick: refresh, children: "Reload payment terms" }) : null
   ] });
   const startCheckout = async () => {
     setLocked(true);
@@ -470,9 +616,9 @@ function MembershipPaymentStep(props) {
     setPrefillConsumed(true);
   };
   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({
+  if (renderEditor && editing && !locked && quote.seatOffer) return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    error ? /* @__PURE__ */ jsx8("p", { role: "alert", children: "Enter a different recipient's full name and valid email to continue." }) : null,
+    renderEditor({
       selection: quote.namedSeat ?? (!prefillConsumed ? props.initialNamedSeat : void 0) ?? null,
       offer: { ...quote.seatOffer, currency: quote.currency, interval: quote.interval },
       save: changeSeat,
@@ -483,8 +629,8 @@ function MembershipPaymentStep(props) {
       }
     })
   ] });
-  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
-    props.renderNamedSeatEditor ? /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsxs7(Fragment2, { children: [
+    renderEditor ? /* @__PURE__ */ jsx8(
       CheckoutSeatReview,
       {
         quote,
@@ -492,7 +638,7 @@ function MembershipPaymentStep(props) {
         locked,
         onEdit: () => setEditing(true)
       }
-    ) : quote.seatOffer ? /* @__PURE__ */ jsx5(
+    ) : quote.seatOffer ? /* @__PURE__ */ jsx8(
       CheckoutSeatChoice,
       {
         quote,
@@ -503,52 +649,52 @@ function MembershipPaymentStep(props) {
       },
       quote.digest
     ) : 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,
+    /* @__PURE__ */ jsxs7("section", { className: "payment-quote", "aria-label": "Membership price", children: [
+      /* @__PURE__ */ jsx8("h3", { children: quote.tierName }),
+      quote.founding ? /* @__PURE__ */ jsx8("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__ */ 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: [
+      }) : /* @__PURE__ */ jsxs7("dl", { children: [
+        quote.lineItems.discountCents > 0 && !quote.founding && quote.presentation ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: copy.standardRate }),
+          /* @__PURE__ */ jsxs7("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          /* @__PURE__ */ jsx5("dt", { children: copy.yourRate }),
-          /* @__PURE__ */ jsxs5("dd", { children: [
+          /* @__PURE__ */ jsx8("dt", { children: copy.yourRate }),
+          /* @__PURE__ */ jsxs7("dd", { children: [
             amount(quote.lineItems.dueTodayCents - (quote.lineItems.namedSeatCents ?? 0)),
             " per ",
             quote.interval
           ] })
-        ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx5("dt", { children: "Membership price" }),
-          /* @__PURE__ */ jsxs5("dd", { children: [
+        ] }) : /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Membership price" }),
+          /* @__PURE__ */ jsxs7("dd", { children: [
             amount(quote.lineItems.standardCents),
             " per ",
             quote.interval
           ] }),
-          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) })
+          quote.lineItems.discountCents > 0 ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+            /* @__PURE__ */ jsx8("dt", { children: quote.founding ? copy.foundingDiscount : "Discount" }),
+            /* @__PURE__ */ jsx8("dd", { children: amount(quote.lineItems.discountCents) })
           ] }) : null
         ] }),
-        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) })
+        quote.namedSeat ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Additional member" }),
+          /* @__PURE__ */ jsx8("dd", { children: quote.lineItems.namedSeatCents === 0 ? "Included" : amount(quote.lineItems.namedSeatCents) })
         ] }) : null,
-        pickLater ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
-          /* @__PURE__ */ jsx5("dt", { children: "Additional member" }),
-          /* @__PURE__ */ jsx5("dd", { children: "Pick later" })
+        pickLater ? /* @__PURE__ */ jsxs7(Fragment2, { children: [
+          /* @__PURE__ */ jsx8("dt", { children: "Additional member" }),
+          /* @__PURE__ */ jsx8("dd", { children: "Pick later" })
         ] }) : null,
-        /* @__PURE__ */ jsx5("dt", { children: "Due today" }),
-        /* @__PURE__ */ jsx5("dd", { children: amount(quote.lineItems.dueTodayCents) })
+        /* @__PURE__ */ jsx8("dt", { children: "Due today" }),
+        /* @__PURE__ */ jsx8("dd", { children: amount(quote.lineItems.dueTodayCents) })
       ] }),
-      quote.namedSeat && !props.renderNamedSeatEditor ? /* @__PURE__ */ jsxs5("p", { children: [
+      quote.namedSeat && !renderEditor ? /* @__PURE__ */ jsxs7("p", { children: [
         "For ",
         quote.namedSeat.recipientName,
         " \xB7 ",
@@ -556,8 +702,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__ */ jsxs5("div", { role: "note", "aria-label": "Renewal terms", children: [
-        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs5("p", { children: [
+      quote.commercial ? /* @__PURE__ */ jsxs7("div", { role: "note", "aria-label": "Renewal terms", children: [
+        quote.commercial.initialTermEndsAt !== void 0 ? /* @__PURE__ */ jsxs7("p", { children: [
           "First renewal: ",
           new Intl.DateTimeFormat("en-US", {
             dateStyle: "long",
@@ -565,23 +711,23 @@ function MembershipPaymentStep(props) {
           }).format(quote.commercial.initialTermEndsAt),
           "."
         ] }) : null,
-        /* @__PURE__ */ jsxs5("p", { children: [
+        /* @__PURE__ */ jsxs7("p", { children: [
           "Renews automatically at ",
           amount(quote.commercial.renewalCents),
           " per ",
           quote.interval,
           " unless canceled before renewal."
         ] }),
-        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
+        quote.commercial.discountDuration === "first_term" ? /* @__PURE__ */ jsx8("p", { children: "The discount applies to your first paid term only." }) : null,
+        quote.commercial.discountDuration === "while_active" ? /* @__PURE__ */ jsx8("p", { children: "The discounted rate continues while this membership stays active." }) : null
       ] }) : null,
-      quote.trustCopy ? /* @__PURE__ */ jsx5("p", { className: "pay-trust", children: quote.trustCopy }) : null
+      quote.trustCopy ? /* @__PURE__ */ jsx8("p", { className: "pay-trust", children: quote.trustCopy }) : null
     ] }),
-    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." })
+    quote.namedSeat && renderEditor ? /* @__PURE__ */ jsxs7("details", { className: "checkout-seat-terms", children: [
+      /* @__PURE__ */ jsx8("summary", { children: "Additional-member terms" }),
+      /* @__PURE__ */ jsx8("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 ? /* @__PURE__ */ jsx5(
+    !editing ? /* @__PURE__ */ jsx8(
       PaymentStep,
       {
         ...props,
@@ -592,12 +738,12 @@ function MembershipPaymentStep(props) {
         startCheckout
       },
       quote.digest
-    ) : /* @__PURE__ */ jsx5("p", { role: "status", children: "Save your member selection to continue to payment." })
+    ) : /* @__PURE__ */ jsx8("p", { role: "status", children: "Save your member selection to continue to payment." })
   ] });
 }
 
 // src/ui/journey-frame.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } 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}
@@ -619,6 +765,14 @@ var styles = `
 .chapter-journey :is(.slot-time,.slot-day):hover{background:var(--ui-surface-2,#f3f5f2);color:var(--ui-text,#202827);border-color:var(--ui-accent,#285c50)}
 .chapter-journey :is(.slot-time,.slot-day)[aria-pressed=true]{background:var(--ui-accent,#285c50);color:var(--ui-on-accent,#fff)}
 .chapter-journey button:disabled{opacity:.55;cursor:default}
+.chapter-journey .chapter-form-primary{background:var(--ui-accent,#285c50);color:var(--ui-on-accent,#fff);width:100%;margin-top:1rem}
+.chapter-journey .chapter-form-primary:hover:not(:disabled){filter:brightness(.92)}
+.chapter-journey .chapter-form-primary:disabled{background:var(--ui-surface-2,#e3e8df);color:var(--ui-text-muted,#687361);opacity:1;cursor:not-allowed;transform:none;filter:none}
+.chapter-journey .additional-member-details{padding:1rem;margin-top:1rem;background:var(--ui-surface-2,#f3f5f2);border:1px solid var(--ui-border,#dfe3df);border-radius:8px}
+.chapter-journey .additional-member-details label:not(:first-child){margin-top:.6rem}
+.chapter-journey .additional-member-actions .chapter-form-primary{width:auto;flex:1;margin-top:0}
+.chapter-journey .additional-member-actions .journey-secondary{min-width:7rem}
+@media(max-width:520px){.chapter-journey .additional-member-actions{flex-direction:column}}
 .chapter-journey :where(.compliance-box,.journey-note){padding:1.2rem;background:var(--ui-surface-2,#f3f5f2);border-radius:10px;margin-block:1.2rem}
 .chapter-journey :where(.compliance-box p:last-child,.journey-note p:last-child,.card p:last-child){margin-bottom:0}
 .chapter-journey .journey-invitation{padding:1.1rem 1.3rem;border-left:3px solid var(--ui-accent,#285c50);background:var(--ui-surface-2,#f3f5f2);border-radius:0 10px 10px 0;margin-block:1rem}
@@ -634,21 +788,21 @@ var styles = `
 @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__ */ jsxs6("div", { className: "chapter-journey", children: [
-    /* @__PURE__ */ jsx6("style", { children: styles }),
+  return /* @__PURE__ */ jsxs8("div", { className: "chapter-journey", children: [
+    /* @__PURE__ */ jsx9("style", { children: styles }),
     children
   ] });
 }
 
 // src/ui/member-restart.tsx
-import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs9 } from "preact/jsx-runtime";
 function MemberRestart(props) {
-  const [id, setId] = useState5(props.applicationId);
-  const [busy, setBusy] = useState5(false);
-  const [error, setError] = useState5("");
-  const [paid, setPaid] = useState5(false);
-  const [checking, setChecking] = useState5(false);
-  const [revision, setRevision] = useState5(0);
+  const [id, setId] = useState7(props.applicationId);
+  const [busy, setBusy] = useState7(false);
+  const [error, setError] = useState7("");
+  const [paid, setPaid] = useState7(false);
+  const [checking, setChecking] = useState7(false);
+  const [revision, setRevision] = useState7(0);
   useEffect2(() => {
     if (!paid) return;
     let live = true, timer, attempt = 0;
@@ -686,40 +840,40 @@ function MemberRestart(props) {
       setBusy(false);
     }
   };
-  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 })
+  return /* @__PURE__ */ jsx10(JourneyFrame, { children: /* @__PURE__ */ jsxs9("section", { className: "card", "aria-label": "Restart membership", children: [
+    /* @__PURE__ */ jsx10("p", { className: "card-label", children: "Welcome back" }),
+    /* @__PURE__ */ jsx10("h2", { children: "Restart your membership" }),
+    /* @__PURE__ */ jsx10("p", { children: "Your account is ready, and your previous approval still counts. No new application or interview is needed." }),
+    /* @__PURE__ */ jsxs9("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx10("dt", { children: "Name" }),
+      /* @__PURE__ */ jsx10("dd", { children: [props.application.firstName, props.application.lastName].filter(Boolean).join(" ") }),
+      /* @__PURE__ */ jsx10("dt", { children: "Email" }),
+      /* @__PURE__ */ jsx10("dd", { children: props.application.email })
     ] }),
-    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
+    paid ? /* @__PURE__ */ jsxs9("div", { role: "status", children: [
+      /* @__PURE__ */ jsx10("h3", { children: "Confirming your membership" }),
+      /* @__PURE__ */ jsx10("p", { children: "We\u2019re waiting for payment confirmation. Your membership will open here as soon as it arrives." }),
+      !checking ? /* @__PURE__ */ jsx10("button", { type: "button", onClick: () => setRevision((value) => value + 1), children: "Check membership" }) : null
+    ] }) : id ? /* @__PURE__ */ jsx10(MembershipPaymentStep, { applicationId: id, refundPolicyText: "", onPaid: () => setPaid(true) }) : /* @__PURE__ */ jsx10("button", { type: "button", disabled: busy, onClick: () => void start(), children: busy ? "Preparing your membership\u2026" : "Review membership and payment" }),
+    error ? /* @__PURE__ */ jsx10("p", { role: "alert", children: error }) : null
   ] }) });
 }
 
 // src/ui/members.tsx
-import { useEffect as useEffect6, useState as useState10 } from "preact/hooks";
+import { useEffect as useEffect6, useState as useState12 } from "preact/hooks";
 
 // src/ui/reschedule.tsx
-import { useState as useState6 } from "preact/hooks";
-import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { useState as useState8 } from "preact/hooks";
+import { jsx as jsx11, jsxs as jsxs10 } from "preact/jsx-runtime";
 function Rescheduler(props) {
   const inheritedCopy = useChapterCopy();
   const copy = props.copy ?? inheritedCopy.members.reschedule;
   const { api, applicationId, timezone, onRescheduled, label = copy.changeTime } = props;
-  const [open, setOpen] = useState6(false);
-  const [slots, setSlots] = useState6(null);
-  const [tz, setTz] = useState6(timezone);
-  const [busy, setBusy] = useState6(false);
-  const [msg, setMsg] = useState6(null);
+  const [open, setOpen] = useState8(false);
+  const [slots, setSlots] = useState8(null);
+  const [tz, setTz] = useState8(timezone);
+  const [busy, setBusy] = useState8(false);
+  const [msg, setMsg] = useState8(null);
   const start = async () => {
     setOpen(true);
     setSlots(null);
@@ -752,7 +906,7 @@ function Rescheduler(props) {
     }
   };
   if (!open) {
-    return /* @__PURE__ */ jsx8("p", { className: "meeting-note", children: /* @__PURE__ */ jsx8(
+    return /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: /* @__PURE__ */ jsx11(
       "a",
       {
         href: "#",
@@ -764,8 +918,8 @@ function Rescheduler(props) {
       }
     ) });
   }
-  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(
+  return /* @__PURE__ */ jsxs10("div", { className: "msched", children: [
+    slots === null ? /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: copy.loading }) : slots.length === 0 ? /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: msg ?? copy.noTimes }) : /* @__PURE__ */ jsx11(
       SlotPicker,
       {
         slots,
@@ -774,9 +928,9 @@ function Rescheduler(props) {
         onPick: (s) => void pick(s)
       }
     ),
-    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(
+    busy ? /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: copy.rescheduling }) : null,
+    msg && slots && slots.length > 0 ? /* @__PURE__ */ jsx11("p", { className: "meeting-note error", children: msg }) : null,
+    /* @__PURE__ */ jsx11("p", { className: "meeting-note", children: /* @__PURE__ */ jsx11(
       "a",
       {
         href: "#",
@@ -791,32 +945,32 @@ function Rescheduler(props) {
 }
 
 // src/ui/member-gifts.tsx
-import { useEffect as useEffect3, useRef as useRef2, useState as useState7 } from "preact/hooks";
+import { useEffect as useEffect3, useRef as useRef5, useState as useState9 } from "preact/hooks";
 
 // src/ui/gift-offer-cards.tsx
-import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs11 } 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__ */ 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: [
+  return /* @__PURE__ */ jsx12("section", { className: "chapter-gift-offers", "aria-label": props.ariaLabel ?? "Gift options", children: props.offers.map((offer) => /* @__PURE__ */ jsxs11("article", { className: "card chapter-gift-offer", "data-offer-id": offer.id, children: [
+    /* @__PURE__ */ jsx12("div", { className: "card-label", children: offer.title }),
+    /* @__PURE__ */ jsx12("p", { children: offer.description }),
+    /* @__PURE__ */ jsxs11("p", { className: "meeting-date", children: [
       price(offer.priceCents, offer.currency),
       offer.billingMode === "subscription" ? " recurring" : ""
     ] }),
-    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 })
+    mode === "select" ? /* @__PURE__ */ jsx12("button", { type: "button", className: "btn secondary", "aria-pressed": props.selectedOfferId === offer.id, onClick: () => props.onSelect?.(offer.id), children: offer.ctaLabel }) : /* @__PURE__ */ jsx12("span", { className: "btn secondary", "aria-disabled": "true", children: offer.ctaLabel })
   ] }, offer.id)) });
 }
 
 // src/ui/member-gifts.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "preact/jsx-runtime";
 function GiftPurchases(props) {
-  const [data, setData] = useState7(null);
-  const [selected, setSelected] = useState7(null);
-  const [code, setCode] = useState7("");
-  const [message, setMessage] = useState7("");
-  const purchaseId = useRef2(crypto.randomUUID());
+  const [data, setData] = useState9(null);
+  const [selected, setSelected] = useState9(null);
+  const [code, setCode] = useState9("");
+  const [message, setMessage] = useState9("");
+  const purchaseId = useRef5(crypto.randomUUID());
   const load = async () => setData(await props.api("/api/gifts"));
   useEffect3(() => {
     void load().catch(() => setData({ offers: [], claims: [] }));
@@ -833,16 +987,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__ */ 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) => {
+  return /* @__PURE__ */ jsxs12("section", { className: "member-gifts", children: [
+    data.offers.length ? /* @__PURE__ */ jsxs12("div", { className: "card", children: [
+      /* @__PURE__ */ jsx13("div", { className: "card-label", children: props.copy.title }),
+      /* @__PURE__ */ jsx13("p", { children: props.copy.body }),
+      /* @__PURE__ */ jsx13(GiftOfferCards, { offers: data.offers, mode: "select", selectedOfferId: selected, onSelect: (id) => {
         setSelected(id);
         setCode("");
         purchaseId.current = crypto.randomUUID();
       } }),
-      offer ? /* @__PURE__ */ jsx10(
+      offer ? /* @__PURE__ */ jsx13(
         PaymentStep,
         {
           applicationId: purchaseId.current,
@@ -862,27 +1016,27 @@ function GiftPurchases(props) {
           }
         }
       ) : null,
-      code ? /* @__PURE__ */ jsxs10("div", { className: "gift-code-once", children: [
-        /* @__PURE__ */ jsx10("output", { children: code }),
-        /* @__PURE__ */ jsx10("p", { children: props.copy.saveCode })
+      code ? /* @__PURE__ */ jsxs12("div", { className: "gift-code-once", children: [
+        /* @__PURE__ */ jsx13("output", { children: code }),
+        /* @__PURE__ */ jsx13("p", { children: props.copy.saveCode })
       ] }) : null
     ] }) : 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
+    /* @__PURE__ */ jsxs12("div", { className: "card", children: [
+      /* @__PURE__ */ jsx13("div", { className: "card-label", children: props.copy.purchases }),
+      data.claims.length ? data.claims.map((claim) => /* @__PURE__ */ jsxs12("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx13("span", { children: claim.offerId }),
+        /* @__PURE__ */ jsx13("span", { children: props.copy[claim.status] }),
+        claim.status === "pending" ? /* @__PURE__ */ jsx13("button", { className: "btn secondary mini", onClick: () => void rotate(claim.id), children: props.copy.rotate }) : null
+      ] }, claim.id)) : /* @__PURE__ */ jsx13("p", { children: props.copy.noPurchases }),
+      message ? /* @__PURE__ */ jsx13("p", { role: "status", children: message }) : null
     ] })
   ] });
 }
 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 jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { useEffect as useEffect4, useState as useState10 } from "preact/hooks";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs13 } from "preact/jsx-runtime";
 var NAMED_SEAT_RECIPIENT_WORDS = {
   payment_pending: "payment in progress",
   invited: "invited, waiting for them to accept",
@@ -894,8 +1048,8 @@ 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__ */ jsxs11("p", { className: "member-named-seat-recipient", children: [
+  const words = seat.invitationHeld ? "named; the invitation is sent once your membership is approved" : NAMED_SEAT_RECIPIENT_WORDS[seat.recipientState] ?? seat.status.replaceAll("_", " ");
+  return /* @__PURE__ */ jsxs13("p", { className: "member-named-seat-recipient", children: [
     seat.recipientName,
     " \xB7 ",
     seat.recipientEmail,
@@ -905,9 +1059,10 @@ function NamedSeatRecipientLine({ seat }) {
   ] });
 }
 function NamedSeatPurchase({ api }) {
-  const [data, setData] = useState8(null), [error, setError] = useState8("");
-  const [name, setName] = useState8(""), [email, setEmail] = useState8(""), [reviewing, setReviewing] = useState8(false);
-  const [terms, setTerms] = useState8(false), [pending, setPending] = useState8(false), [granting, setGranting] = useState8(false);
+  const [data, setData] = useState10(null), [error, setError] = useState10("");
+  const [name, setName] = useState10(""), [email, setEmail] = useState10(""), [reviewing, setReviewing] = useState10(false);
+  const [terms, setTerms] = useState10(false), [pending, setPending] = useState10(false), [granting, setGranting] = useState10(false);
+  const [renaming, setRenaming] = useState10(false), [nextName, setNextName] = useState10(""), [nextEmail, setNextEmail] = useState10("");
   const load = async () => {
     try {
       const value = await api("/api/named-seat");
@@ -944,13 +1099,56 @@ function NamedSeatPurchase({ api }) {
     }
   };
   const money = data ? new Intl.NumberFormat("en-US", { style: "currency", currency: data.currency }).format(data.amountCents / 100) : "";
-  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: [
+  const regift = async (event) => {
+    event.preventDefault();
+    setGranting(true);
+    setError("");
+    try {
+      await api("/api/named-seat/regift", {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ recipientName: nextName, recipientEmail: nextEmail })
+      });
+      setRenaming(false);
+      await load();
+    } catch {
+      setError("The seat could not be given to someone else. Refresh to check its status before trying again.");
+    } finally {
+      setGranting(false);
+    }
+  };
+  return /* @__PURE__ */ jsx14(JourneyFrame, { children: /* @__PURE__ */ jsxs13("section", { className: "card member-named-seat", "aria-label": "Named additional seat", children: [
+    /* @__PURE__ */ jsx14("h2", { children: "Named additional seat" }),
+    error ? /* @__PURE__ */ jsx14("p", { role: "alert", children: error }) : null,
+    data ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+      data.seat ? /* @__PURE__ */ jsx14(NamedSeatRecipientLine, { seat: data.seat }) : null,
+      data.seat?.regiftable && !renaming ? /* @__PURE__ */ jsx14("button", { className: "btn secondary", type: "button", onClick: () => {
+        setRenaming(true);
+        setNextName("");
+        setNextEmail("");
+      }, children: "Give the seat to someone else" }) : null,
+      data.seat?.regiftable && renaming ? /* @__PURE__ */ jsxs13("form", { className: "member-named-seat-regift", "aria-label": "Give the seat to someone else", onSubmit: (event) => void regift(event), children: [
+        /* @__PURE__ */ jsxs13("p", { children: [
+          "The seat moves to the person you name here. ",
+          data.seat.recipientName,
+          "'s invitation stops working, and nothing is charged or refunded."
+        ] }),
+        /* @__PURE__ */ jsxs13("label", { children: [
+          "New recipient name",
+          /* @__PURE__ */ jsx14("input", { required: true, maxLength: 160, value: nextName, onInput: (event) => setNextName(event.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsxs13("label", { children: [
+          "New recipient email",
+          /* @__PURE__ */ jsx14("input", { required: true, type: "email", maxLength: 254, value: nextEmail, onInput: (event) => setNextEmail(event.currentTarget.value) })
+        ] }),
+        /* @__PURE__ */ jsx14("button", { className: "btn primary", type: "submit", disabled: granting, children: granting ? "Changing the recipient\u2026" : "Give the seat to this person" }),
+        /* @__PURE__ */ jsxs13("button", { className: "btn secondary", type: "button", disabled: granting, onClick: () => setRenaming(false), children: [
+          "Keep ",
+          data.seat.recipientName
+        ] })
+      ] }) : null,
+      data.eligible ? /* @__PURE__ */ jsxs13(Fragment3, { children: [
+        /* @__PURE__ */ jsxs13("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",
@@ -961,39 +1159,39 @@ function NamedSeatPurchase({ api }) {
           " ",
           "It belongs to one named person and cannot be reassigned."
         ] }),
-        /* @__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) => {
+        /* @__PURE__ */ jsx14("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__ */ jsxs13("form", { onSubmit: (event) => {
           event.preventDefault();
           setReviewing(true);
           setTerms(false);
         }, children: [
-          /* @__PURE__ */ jsxs11("label", { children: [
+          /* @__PURE__ */ jsxs13("label", { children: [
             "Recipient name",
-            /* @__PURE__ */ jsx11("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
+            /* @__PURE__ */ jsx14("input", { required: true, maxLength: 160, value: name, disabled: Boolean(data.seat), onInput: (event) => setName(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsxs11("label", { children: [
+          /* @__PURE__ */ jsxs13("label", { children: [
             "Recipient email",
-            /* @__PURE__ */ jsx11("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
+            /* @__PURE__ */ jsx14("input", { required: true, type: "email", maxLength: 254, value: email, disabled: Boolean(data.seat), onInput: (event) => setEmail(event.currentTarget.value) })
           ] }),
-          /* @__PURE__ */ jsx11("button", { className: "btn primary", type: "submit", children: "Review named seat" })
-        ] }) : /* @__PURE__ */ jsxs11(Fragment4, { children: [
-          /* @__PURE__ */ jsxs11("p", { children: [
+          /* @__PURE__ */ jsx14("button", { className: "btn primary", type: "submit", children: "Review named seat" })
+        ] }) : /* @__PURE__ */ jsxs13(Fragment3, { children: [
+          /* @__PURE__ */ jsxs13("p", { children: [
             "For ",
             name,
             " \xB7 ",
             email
           ] }),
-          /* @__PURE__ */ jsx11("button", { className: "btn secondary", type: "button", onClick: () => {
+          /* @__PURE__ */ jsx14("button", { className: "btn secondary", type: "button", onClick: () => {
             setReviewing(false);
             setTerms(false);
             void load();
           }, children: "Back to recipient" }),
-          /* @__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." })
+          /* @__PURE__ */ jsxs13("label", { className: "journey-consent", children: [
+            /* @__PURE__ */ jsx14("input", { type: "checkbox", checked: terms, onChange: (event) => setTerms(event.currentTarget.checked) }),
+            /* @__PURE__ */ jsx14("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__ */ 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(
+          terms && data.included ? /* @__PURE__ */ jsx14("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__ */ jsx14(
             PaymentStep,
             {
               applicationId: data.membershipId,
@@ -1008,17 +1206,17 @@ function NamedSeatPurchase({ api }) {
             }
           ) : null
         ] })
-      ] }) : !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" })
+      ] }) : !data.seat ? /* @__PURE__ */ jsx14("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__ */ jsx14("p", { role: "status", children: "Payment confirmation is being reconciled. The recipient\u2019s access begins only after their own acceptance and approval." }) : null
+    ] }) : !error ? /* @__PURE__ */ jsx14("p", { children: "Loading your seat terms\u2026" }) : null,
+    /* @__PURE__ */ jsx14("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 { useEffect as useEffect5, useMemo as useMemo2, useState as useState11 } from "preact/hooks";
 import { Markdown } from "@odla-ai/ui/components";
-import { Fragment as Fragment5, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs14 } from "preact/jsx-runtime";
 var pageLabel = (page) => `${page.title}${page.access === "locked" ? " \xB7 Locked" : ""}`;
 function MemberContentArea(props) {
   const {
@@ -1026,12 +1224,12 @@ function MemberContentArea(props) {
     path = "/api/member-content",
     upsellHref,
     onUpsell,
-    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." })
+    loadingContent = /* @__PURE__ */ jsx15("p", { className: "meeting-note", children: "Loading member pages\u2026" }),
+    emptyContent = /* @__PURE__ */ jsx15("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);
-  const [selectedId, setSelectedId] = useState9(
+  const [data, setData] = useState11(props.initialData ?? null);
+  const [error, setError] = useState11(null);
+  const [selectedId, setSelectedId] = useState11(
     props.initialPageId ?? props.initialData?.pages[0]?.id ?? ""
   );
   useEffect5(() => {
@@ -1056,18 +1254,18 @@ function MemberContentArea(props) {
     }
     return [...result.entries()];
   }, [data]);
-  if (error) return /* @__PURE__ */ jsxs12("p", { className: "meeting-note", role: "alert", children: [
+  if (error) return /* @__PURE__ */ jsxs14("p", { className: "meeting-note", role: "alert", children: [
     "Member pages could not be loaded: ",
     error
   ] });
-  if (!data) return /* @__PURE__ */ jsx12(Fragment5, { children: loadingContent });
-  if (data.pages.length === 0) return /* @__PURE__ */ jsx12(Fragment5, { children: emptyContent });
+  if (!data) return /* @__PURE__ */ jsx15(Fragment4, { children: loadingContent });
+  if (data.pages.length === 0) return /* @__PURE__ */ jsx15(Fragment4, { 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__ */ 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(
+  return /* @__PURE__ */ jsxs14("div", { className: "chapter-member-content", "data-member-content": true, children: [
+    /* @__PURE__ */ jsx15("nav", { className: "chapter-member-content-nav", "aria-label": "Member pages", children: sections.map(([section, pages]) => /* @__PURE__ */ jsxs14("section", { className: "chapter-member-content-section", children: [
+      /* @__PURE__ */ jsx15("h2", { children: section }),
+      /* @__PURE__ */ jsx15("ul", { children: pages.map((page) => /* @__PURE__ */ jsx15("li", { "data-parent-page": page.navigation.parentId ?? void 0, children: /* @__PURE__ */ jsx15(
         "button",
         {
           type: "button",
@@ -1077,23 +1275,23 @@ function MemberContentArea(props) {
         }
       ) }, page.id)) })
     ] }, section)) }),
-    /* @__PURE__ */ jsxs12("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
-      /* @__PURE__ */ jsxs12("header", { children: [
-        /* @__PURE__ */ jsxs12("div", { className: "card-label", children: [
+    /* @__PURE__ */ jsxs14("article", { className: "chapter-member-content-page", "data-access": selected.access, children: [
+      /* @__PURE__ */ jsxs14("header", { children: [
+        /* @__PURE__ */ jsxs14("div", { className: "card-label", children: [
           selected.source.type === "parent" ? "Parent" : "Chapter",
           " \xB7 ",
           selected.access
         ] }),
-        /* @__PURE__ */ jsx12("h1", { children: selected.title }),
-        selected.summary ? /* @__PURE__ */ jsx12("p", { children: selected.summary }) : null
+        /* @__PURE__ */ jsx15("h1", { children: selected.title }),
+        selected.summary ? /* @__PURE__ */ jsx15("p", { children: selected.summary }) : 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
+      selected.access === "allowed" && selected.bodyMarkdown ? /* @__PURE__ */ jsx15(Markdown, { source: selected.bodyMarkdown }) : /* @__PURE__ */ jsxs14("div", { className: "chapter-member-content-locked", children: [
+        selected.teaserMarkdown ? /* @__PURE__ */ jsx15(Markdown, { source: selected.teaserMarkdown }) : /* @__PURE__ */ jsx15("p", { children: "This page is not included in your current membership." }),
+        selected.upsell ? /* @__PURE__ */ jsxs14("aside", { className: "chapter-member-content-upsell", "aria-label": selected.upsell.label ?? "Membership option", children: [
+          /* @__PURE__ */ jsx15("h2", { children: selected.upsell.label ?? selected.upsell.tierName }),
+          /* @__PURE__ */ jsx15("p", { children: fmtMoney(selected.upsell.priceCents) }),
+          selected.upsell.bodyMarkdown ? /* @__PURE__ */ jsx15(Markdown, { source: selected.upsell.bodyMarkdown }) : null,
+          href ? /* @__PURE__ */ jsx15("a", { className: "btn primary", href, children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : onUpsell ? /* @__PURE__ */ jsx15("button", { className: "btn primary", type: "button", onClick: () => onUpsell(selected.upsell.tierId, selected), children: selected.upsell.ctaLabel ?? `Explore ${selected.upsell.tierName}` }) : null
         ] }) : null
       ] })
     ] })
@@ -1101,12 +1299,12 @@ function MemberContentArea(props) {
 }
 
 // src/ui/members.tsx
-import { Fragment as Fragment6, jsx as jsx13, jsxs as jsxs13 } from "preact/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx16, jsxs as jsxs15 } from "preact/jsx-runtime";
 function card(copy, kicker, body) {
-  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 }),
+  return /* @__PURE__ */ jsxs15("div", { className: "card", children: [
+    /* @__PURE__ */ jsx16("div", { className: "card-label", children: copy.provisional.cardLabel }),
+    /* @__PURE__ */ jsxs15("div", { className: "meeting-block", children: [
+      /* @__PURE__ */ jsx16("div", { className: "meeting-kicker", children: kicker }),
       body
     ] })
   ] });
@@ -1117,9 +1315,9 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.applicationNeeded,
-      /* @__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 })
+      /* @__PURE__ */ jsxs15(Fragment5, { children: [
+        /* @__PURE__ */ jsx16("div", { className: "meeting-note", children: copy.provisional.applicationNeededBody }),
+        /* @__PURE__ */ jsx16("a", { className: "apply-link", href: applyHref, children: copy.provisional.apply })
       ] })
     );
   }
@@ -1127,19 +1325,19 @@ function ProvisionalCard(props) {
     return card(
       copy,
       copy.provisional.refunded,
-      /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.refundedBody })
+      /* @__PURE__ */ jsx16("div", { className: "meeting-note", children: copy.provisional.refundedBody })
     );
   }
-  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;
+  const membership = application.paid ? /* @__PURE__ */ jsx16("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__ */ 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(
+      /* @__PURE__ */ jsxs15(Fragment5, { children: [
+        /* @__PURE__ */ jsx16("div", { className: "meeting-date", children: fullLabel(application.meetingAt, application.timezone) }),
+        /* @__PURE__ */ jsx16("div", { className: "meeting-note", children: copy.provisional.calendarInvite }),
+        application.meetUrl ? /* @__PURE__ */ jsx16("div", { className: "meeting-note", children: /* @__PURE__ */ jsx16("a", { href: application.meetUrl, target: "_blank", rel: "noopener", children: copy.provisional.joinCall }) }) : null,
+        /* @__PURE__ */ jsx16(
           Rescheduler,
           {
             api,
@@ -1156,9 +1354,9 @@ function ProvisionalCard(props) {
   return card(
     copy,
     copy.provisional.bookCall,
-    /* @__PURE__ */ jsxs13(Fragment6, { children: [
-      /* @__PURE__ */ jsx13("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
-      /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsxs15(Fragment5, { children: [
+      /* @__PURE__ */ jsx16("div", { className: "meeting-note", children: copy.provisional.bookCallBody }),
+      /* @__PURE__ */ jsx16(
         Rescheduler,
         {
           api,
@@ -1185,8 +1383,8 @@ function MembersArea(props) {
     renderProvisional
   } = props;
   const copy = props.copy ?? inheritedCopy.members;
-  const [me, setMe] = useState10(null);
-  const [error, setError] = useState10(false);
+  const [me, setMe] = useState12(null);
+  const [error, setError] = useState12(false);
   const reload = async () => {
     try {
       setMe(await api("/api/me"));
@@ -1197,22 +1395,22 @@ function MembersArea(props) {
   useEffect6(() => {
     void reload();
   }, []);
-  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 });
+  if (error) return /* @__PURE__ */ jsx16("p", { className: "meeting-note", children: copy.loadFailed });
+  if (!me) return /* @__PURE__ */ jsx16("p", { className: "meeting-note", children: inheritedCopy.common.loading });
   const role = me.role || "provisional";
-  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 })
+  return /* @__PURE__ */ jsxs15(Fragment5, { children: [
+    /* @__PURE__ */ jsxs15("div", { className: "card", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "member-row", children: [
+        /* @__PURE__ */ jsx16("span", { className: "member-email", children: me.email }),
+        /* @__PURE__ */ jsx16("span", { className: "role-badge " + role, children: role })
       ] }),
-      /* @__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
+      /* @__PURE__ */ jsxs15("div", { className: "account-actions", children: [
+        /* @__PURE__ */ jsx16("button", { className: "btn secondary mini", onClick: signOut, children: copy.account.signOut }),
+        me.authorized || me.superAdmin ? /* @__PURE__ */ jsx16("a", { className: "admin-console-link", href: adminHref, children: copy.account.adminConsole }) : null
       ] })
     ] }),
-    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(
+    me.memberAccess !== true && me.membershipRestart?.eligible && me.application ? /* @__PURE__ */ jsx16(MemberRestart, { api, application: me.application, applicationId: me.membershipRestart.applicationId, onComplete: reload }) : me.memberAccess !== true ? (() => {
+      const defaultContent = /* @__PURE__ */ jsx16(
         ProvisionalCard,
         {
           api,
@@ -1229,30 +1427,30 @@ function MembersArea(props) {
         reload,
         defaultContent
       }) ?? defaultContent;
-    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx13(
+    })() : memberContent ?? (memberPages ? /* @__PURE__ */ jsx16(
       MemberContentArea,
       {
         api,
         ...memberPages === true ? {} : memberPages
       }
-    ) : /* @__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
+    ) : /* @__PURE__ */ jsx16("div", { className: "card", children: /* @__PURE__ */ jsx16("div", { className: "card-label", children: copy.full.welcome }) })),
+    /* @__PURE__ */ jsx16(GiftPurchases, { api, copy: copy.gifts, paymentCopy: inheritedCopy.join.payment }),
+    me.namedSeatsEnabled ? /* @__PURE__ */ jsx16(NamedSeatPurchase, { api }) : null
   ] });
 }
 
 // src/ui/join.tsx
-import { useEffect as useEffect11, useRef as useRef3, useState as useState18 } from "preact/hooks";
+import { useEffect as useEffect11, useRef as useRef7, useState as useState20 } from "preact/hooks";
 
 // src/ui/join-booking.tsx
-import { useEffect as useEffect7, useState as useState11 } from "preact/hooks";
-import { jsx as jsx14, jsxs as jsxs14 } from "preact/jsx-runtime";
+import { useEffect as useEffect7, useState as useState13 } from "preact/hooks";
+import { jsx as jsx17, jsxs as jsxs16 } from "preact/jsx-runtime";
 function JoinBooking(props) {
   const { applicationId, copy, onBooked, simulation } = props;
-  const [state, setState] = useState11(null);
-  const [msg, setMsg] = useState11(null);
-  const [busy, setBusy] = useState11(false);
-  const [selected, setSelected] = useState11(null);
+  const [state, setState] = useState13(null);
+  const [msg, setMsg] = useState13(null);
+  const [busy, setBusy] = useState13(false);
+  const [selected, setSelected] = useState13(null);
   const load = async () => {
     setMsg(null);
     try {
@@ -1309,11 +1507,11 @@ function JoinBooking(props) {
       setBusy(false);
     }
   };
-  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(
+  if (!state) return /* @__PURE__ */ jsx17("p", { className: "slots-status", children: msg ?? copy.loading });
+  return /* @__PURE__ */ jsxs16("div", { className: "join-book", children: [
+    /* @__PURE__ */ jsx17("h2", { children: copy.title ?? DEFAULT_JOIN_COPY.booking.title }),
+    /* @__PURE__ */ jsx17("p", { children: copy.intro ?? DEFAULT_JOIN_COPY.booking.intro }),
+    /* @__PURE__ */ jsx17(
       SlotPicker,
       {
         slots: state.slots,
@@ -1323,29 +1521,29 @@ function JoinBooking(props) {
         onDayChange: () => setSelected(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
+    /* @__PURE__ */ jsxs16("div", { className: "slot-confirm", hidden: !selected, children: [
+      /* @__PURE__ */ jsx17("button", { className: "submit-btn", disabled: busy, onClick: () => void book(), children: busy ? copy.booking : copy.book }),
+      msg ? /* @__PURE__ */ jsx17("p", { className: "step2-note", children: msg }) : null
     ] })
   ] });
 }
 
 // src/ui/join-accepted.tsx
-import { jsx as jsx15, jsxs as jsxs15 } from "preact/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs17 } from "preact/jsx-runtime";
 function JoinAccepted(props) {
-  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 })
+  return /* @__PURE__ */ jsxs17("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx18("div", { className: "card-label", children: props.copy.accepted.label }),
+    /* @__PURE__ */ jsx18("p", { className: "meeting-note", children: props.copy.accepted.body }),
+    /* @__PURE__ */ jsx18("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 jsx16, jsxs as jsxs16 } from "preact/jsx-runtime";
+import { useState as useState14 } from "preact/hooks";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs18 } from "preact/jsx-runtime";
 function GiftClaimCard(props) {
-  const [code, setCode] = useState12(props.initialCode ?? "");
-  const [error, setError] = useState12(false);
+  const [code, setCode] = useState14(props.initialCode ?? "");
+  const [error, setError] = useState14(false);
   const rotate = async () => {
     if (!props.claimId) return;
     setError(false);
@@ -1358,24 +1556,27 @@ function GiftClaimCard(props) {
     if (response.ok && body.code) setCode(body.code);
     else setError(true);
   };
-  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 })
+  return /* @__PURE__ */ jsxs18("div", { className: "join-done card", children: [
+    /* @__PURE__ */ jsx19("div", { className: "card-label", children: props.copy.label }),
+    /* @__PURE__ */ jsx19("p", { className: "meeting-note", children: props.copy.body }),
+    code ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
+      /* @__PURE__ */ jsx19("output", { className: "gift-code", children: code }),
+      /* @__PURE__ */ jsx19("p", { children: props.copy.save })
     ] }) : 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
+    !code && props.claimId ? /* @__PURE__ */ jsx19("button", { type: "button", className: "btn secondary", onClick: () => void rotate(), children: props.copy.rotate }) : null,
+    error ? /* @__PURE__ */ jsx19("p", { role: "alert", children: props.copy.rotateFailed }) : null
   ] });
 }
 
+// src/ui/join-application-form.tsx
+import { useRef as useRef6 } from "preact/hooks";
+
 // src/ui/join-tiers.tsx
-import { useState as useState13 } from "preact/hooks";
-import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs17 } from "preact/jsx-runtime";
+import { useState as useState15 } from "preact/hooks";
+import { Fragment as Fragment7, jsx as jsx20, jsxs as jsxs19 } 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(() => {
+  const [selectedTierId, setSelectedTierId] = useState15(() => {
     const preset = tiers.find((tier) => tier.id === initialTierId);
     if (preset) return preset.id;
     return tiers.length === 1 ? tiers[0].id : null;
@@ -1390,10 +1591,10 @@ function useTierSelection(tiers, initialTierId) {
   };
 }
 function TierPlaceholder(context) {
-  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(
+  return /* @__PURE__ */ jsxs19("fieldset", { "data-chapter-placeholder": "tiers", children: [
+    /* @__PURE__ */ jsx20("legend", { children: "Membership (placeholder \u2014 pass renderTiers to style this)" }),
+    context.tiers.map((tier) => /* @__PURE__ */ jsxs19("label", { children: [
+      /* @__PURE__ */ jsx20(
         "input",
         {
           type: "radio",
@@ -1404,13 +1605,13 @@ function TierPlaceholder(context) {
         }
       ),
       tier.name,
-      tier.founding ? /* @__PURE__ */ jsxs17(Fragment8, { children: [
+      tier.founding ? /* @__PURE__ */ jsxs19(Fragment7, { children: [
         " \u2014 ",
         joinTierMoney(tier.founding.dueTodayCents),
         " founding member rate (list ",
         joinTierMoney(tier.priceCents),
         ")"
-      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs17(Fragment8, { children: [
+      ] }) : tier.free ? " \u2014 free" : /* @__PURE__ */ jsxs19(Fragment7, { children: [
         " \u2014 ",
         joinTierMoney(tier.priceCents)
       ] })
@@ -1422,19 +1623,28 @@ function tierNeedsPayment(selected, paymentsReady) {
 }
 
 // src/ui/join-application-form.tsx
-import { jsx as jsx18, jsxs as jsxs18 } from "preact/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs20 } from "preact/jsx-runtime";
 function JoinApplicationForm({ props, copy, invitation, requestedSeat, tierSelection, giftOfferId, selectGift, submitting, error, submit }) {
-  const disabled = submitting || props.submitDisabled === true;
-  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 })
+  const form = useRef6(null);
+  const ready = useFormReadiness(form);
+  const disabled = submitting || props.submitDisabled === true || !ready || !validJoinRecipient(props.payment?.initialNamedSeat);
+  return /* @__PURE__ */ jsxs20("form", { ref: form, className: "join-form", onSubmit: (event) => {
+    if (!isFormReady(event.currentTarget)) {
+      event.preventDefault();
+      event.currentTarget.reportValidity();
+      return;
+    }
+    void submit(event);
+  }, children: [
+    !requestedSeat && (props.config.giftOffers?.length ?? 0) > 0 ? /* @__PURE__ */ jsxs20("fieldset", { children: [
+      /* @__PURE__ */ jsx21("legend", { children: copy.gift.optionsLabel }),
+      /* @__PURE__ */ jsx21("button", { type: "button", className: "btn secondary", "aria-pressed": !giftOfferId, onClick: () => selectGift(null), children: copy.gift.chooseSelf }),
+      /* @__PURE__ */ jsx21(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__ */ 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 })
+    error ? /* @__PURE__ */ jsx21("p", { className: "join-error", role: "alert", children: error }) : null,
+    props.renderSubmit?.({ submitting, disabled }) ?? /* @__PURE__ */ jsx21(JoinSubmitButton, { disabled, children: submitting ? copy.form.submitting : copy.form.submit })
   ] });
 }
 
@@ -1459,8 +1669,8 @@ 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 jsx19, jsxs as jsxs19 } from "preact/jsx-runtime";
+import { useState as useState16 } from "preact/hooks";
+import { Fragment as Fragment8, jsx as jsx22, jsxs as jsxs21 } 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}
@@ -1475,10 +1685,10 @@ var GIFT_CODE_REDEEMER_CSS = `
 @container (max-width:26rem){.gift-code-redeemer .inline-action-field-row{grid-template-columns:minmax(0,1fr)}.gift-code-redeemer .inline-action-field-action{width:100%}}
 `;
 function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
-  const [code, setCode] = useState14("");
-  const [loading, setLoading] = useState14(false);
-  const [message, setMessage] = useState14("");
-  const [messageTone, setMessageTone] = useState14("neutral");
+  const [code, setCode] = useState16("");
+  const [loading, setLoading] = useState16(false);
+  const [message, setMessage] = useState16("");
+  const [messageTone, setMessageTone] = useState16("neutral");
   const normalizedCode = code.trim();
   const redeem = async () => {
     if (!normalizedCode || loading) return;
@@ -1505,9 +1715,9 @@ function GiftCodeRedeemer({ api, applicationId, copy, id, onRedeemed }) {
       setLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs19(Fragment9, { children: [
-    /* @__PURE__ */ jsx19("style", { children: GIFT_CODE_REDEEMER_CSS }),
-    /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsxs21(Fragment8, { children: [
+    /* @__PURE__ */ jsx22("style", { children: GIFT_CODE_REDEEMER_CSS }),
+    /* @__PURE__ */ jsx22(
       InlineActionField,
       {
         id,
@@ -1563,12 +1773,12 @@ async function loadJoinResume(applicationId, fetcher = fetch) {
 }
 
 // src/ui/join-gift-claim.tsx
-import { jsx as jsx20, jsxs as jsxs20 } from "preact/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs22 } from "preact/jsx-runtime";
 function JoinGiftClaim(props) {
-  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(
+  return /* @__PURE__ */ jsxs22("section", { className: "join-gift-claim card", children: [
+    /* @__PURE__ */ jsx23("div", { className: "card-label", children: props.copy.claimTitle }),
+    /* @__PURE__ */ jsx23("p", { children: props.copy.claimBody }),
+    /* @__PURE__ */ jsx23(
       GiftCodeRedeemer,
       {
         api: props.api,
@@ -1592,21 +1802,21 @@ function JoinGiftClaim(props) {
 }
 
 // src/ui/join-named-seat.tsx
-import { useState as useState15 } from "preact/hooks";
-import { jsx as jsx21, jsxs as jsxs21 } from "preact/jsx-runtime";
+import { useState as useState17 } from "preact/hooks";
+import { jsx as jsx24, jsxs as jsxs23 } 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__ */ 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 })
+  const [accepted, setAccepted] = useState17(false), [busy, setBusy] = useState17(false), [error, setError] = useState17("");
+  return /* @__PURE__ */ jsxs23("section", { className: "join-named-seat card", children: [
+    /* @__PURE__ */ jsx24("h2", { children: copy.title }),
+    /* @__PURE__ */ jsx24("p", { children: copy.body }),
+    /* @__PURE__ */ jsxs23("label", { className: "journey-consent", children: [
+      /* @__PURE__ */ jsx24("input", { type: "checkbox", checked: accepted, disabled: busy, onChange: (event) => setAccepted(event.currentTarget.checked) }),
+      /* @__PURE__ */ jsx24("span", { children: copy.consent })
     ] }),
-    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 () => {
+    error ? /* @__PURE__ */ jsx24("p", { role: "alert", children: error }) : null,
+    /* @__PURE__ */ jsx24("button", { type: "button", className: "btn btn-primary", disabled: busy || !accepted || !seatId.trim(), onClick: async () => {
       setBusy(true);
       setError("");
       try {
@@ -1626,12 +1836,12 @@ function JoinNamedSeat(props) {
 }
 
 // src/ui/join-invitation.tsx
-import { useEffect as useEffect8, useState as useState16 } from "preact/hooks";
-import { jsx as jsx22, jsxs as jsxs22 } from "preact/jsx-runtime";
+import { useEffect as useEffect8, useState as useState18 } from "preact/hooks";
+import { jsx as jsx25, jsxs as jsxs24 } from "preact/jsx-runtime";
 function useJoinInvitation(seatId, api, fallback) {
-  const [invitation, setInvitation] = useState16(null);
-  const [error, setError] = useState16("");
-  const [revision, setRevision] = useState16(0);
+  const [invitation, setInvitation] = useState18(null);
+  const [error, setError] = useState18("");
+  const [revision, setRevision] = useState18(0);
   useEffect8(() => {
     let live = true;
     setInvitation(null);
@@ -1654,9 +1864,9 @@ function useJoinInvitation(seatId, api, fallback) {
   return { invitation: invitation?.seatId === seatId ? invitation : null, error, retry: () => setRevision((value) => value + 1) };
 }
 function JoinInvitationNotice(props) {
-  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 }) })
+  return /* @__PURE__ */ jsxs24("aside", { className: "journey-invitation", "aria-label": props.copy.title, children: [
+    /* @__PURE__ */ jsx25("p", { children: /* @__PURE__ */ jsx25("strong", { children: formatChapterCopy(props.copy.from, { purchaserName: props.invitation.purchaserName }) }) }),
+    /* @__PURE__ */ jsx25("p", { children: formatChapterCopy(props.copy.prepaid, { tierName: props.tierName }) })
   ] });
 }
 
@@ -1696,14 +1906,14 @@ function useJoinPending(state, loadResume, setState) {
 }
 
 // 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";
+import { useEffect as useEffect10, useState as useState19 } from "preact/hooks";
+import { Fragment as Fragment9, jsx as jsx26, jsxs as jsxs25 } 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 [receipt, setReceipt] = useState19(null);
+  const [error, setError] = useState19("");
+  const [revision, setRevision] = useState19(0);
+  const [emailState, setEmailState] = useState19("idle");
+  const [previewEmail, setPreviewEmail] = useState19(false);
   const endpoint = `/api/payments/receipt?application=${encodeURIComponent(applicationId)}`;
   useEffect10(() => {
     let live = true, timer;
@@ -1731,9 +1941,9 @@ function PaymentReceiptCard({ applicationId }) {
       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" })
+  if (!receipt) return error ? /* @__PURE__ */ jsxs25("section", { "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx26("p", { role: "status", children: error }),
+    /* @__PURE__ */ jsx26("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 () => {
@@ -1750,45 +1960,38 @@ function PaymentReceiptCard({ applicationId }) {
       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: [
+  return /* @__PURE__ */ jsxs25("section", { className: "payment-receipt card", "aria-label": "Payment receipt", children: [
+    /* @__PURE__ */ jsx26("h2", { children: "Payment received" }),
+    /* @__PURE__ */ jsx26("p", { children: receipt.tierName }),
+    /* @__PURE__ */ jsxs25("dl", { className: "journey-summary", children: [
+      /* @__PURE__ */ jsx26("dt", { children: "Membership" }),
+      /* @__PURE__ */ jsx26("dd", { children: money(receipt.membershipCents) }),
+      receipt.namedSeat ? /* @__PURE__ */ jsxs25(Fragment9, { children: [
+        /* @__PURE__ */ jsxs25("dt", { children: [
           "Additional member \u2014 ",
           receipt.namedSeat.recipientName
         ] }),
-        /* @__PURE__ */ jsxs23("dd", { children: [
+        /* @__PURE__ */ jsxs25("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__ */ jsx26("dt", { children: "Total paid" }),
+      /* @__PURE__ */ jsx26("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" })
+    /* @__PURE__ */ jsxs25("div", { className: "journey-actions", children: [
+      /* @__PURE__ */ jsx26("a", { className: "apply-link journey-secondary", href: `${endpoint}&format=html`, target: "_blank", rel: "noopener noreferrer", children: "Print / save receipt" }),
+      /* @__PURE__ */ jsx26("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
+    emailState === "sent" ? /* @__PURE__ */ jsx26("p", { role: "status", children: previewEmail ? "Test receipt sent to the configured test inbox." : "Sent to the email used for your payment." }) : null,
+    error ? /* @__PURE__ */ jsx26("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 Fragment11, jsx as jsx24, jsxs as jsxs24 } from "preact/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx27, jsxs as jsxs26 } from "preact/jsx-runtime";
 function JoinIsland(props) {
-  return /* @__PURE__ */ jsx24(JourneyFrame, { children: /* @__PURE__ */ jsx24(JoinFlow, { ...props }) });
+  return /* @__PURE__ */ jsx27(JourneyFrame, { children: /* @__PURE__ */ jsx27(JoinFlow, { ...props }) });
 }
 function JoinFlow(props) {
   const inheritedCopy = useChapterCopy();
@@ -1809,14 +2012,14 @@ 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] = 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 [state, setState] = useState20(requestedSeat ? { step: "form" } : props.initialState ?? { step: "form" });
+  const [error, setError] = useState20(null);
+  const [submitting, setSubmitting] = useState20(false);
+  const [editingNamedSeat, setEditingNamedSeat] = useState20(false);
+  const [giftOfferId, setGiftOfferId] = useState20(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);
+  const submissionId = useRef7(null);
   useEffect11(() => {
     if (props.simulation) return;
     const resolver = requestedSeat ? () => invitation?.applicationId ? loadJoinResume(invitation.applicationId) : Promise.resolve(null) : props.loadResume ?? (() => {
@@ -1890,13 +2093,13 @@ function JoinFlow(props) {
       setSubmitting(false);
     }
   };
-  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
+  if (requestedSeat && !invitation) return /* @__PURE__ */ jsxs26("section", { className: "card", "aria-live": "polite", children: [
+    /* @__PURE__ */ jsx27("h2", { children: seatCopy.title }),
+    /* @__PURE__ */ jsx27("p", { role: invitationState.error ? "alert" : "status", children: invitationState.error || seatCopy.loading }),
+    invitationState.error ? /* @__PURE__ */ jsx27("button", { type: "button", onClick: invitationState.retry, children: seatCopy.retry }) : null
   ] });
-  const header = /* @__PURE__ */ jsxs24(Fragment11, { children: [
-    invitation ? /* @__PURE__ */ jsx24(
+  const header = /* @__PURE__ */ jsxs26(Fragment10, { children: [
+    invitation ? /* @__PURE__ */ jsx27(
       JoinInvitationNotice,
       {
         invitation,
@@ -1910,48 +2113,48 @@ function JoinFlow(props) {
       ...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
+    !props.simulation && !requestedSeat && ["paymentPending", "booking", "accepted", "done"].includes(state.step) && "applicationId" in state ? /* @__PURE__ */ jsx27(PaymentReceiptCard, { applicationId: state.applicationId }) : null
   ] });
   if (state.step === "closed") {
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
-      /* @__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 })
+      /* @__PURE__ */ jsxs26("section", { className: "card", "aria-label": "Application closed", children: [
+        /* @__PURE__ */ jsx27("h2", { children: "This application is closed" }),
+        /* @__PURE__ */ jsx27("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__ */ jsx27("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
       ] })
     ] });
   }
   if (state.step === "done") {
-    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 })
+    const body = renderDone?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsxs26("div", { className: "join-done card", children: [
+      /* @__PURE__ */ jsx27("div", { className: "card-label", children: copy.done.label }),
+      /* @__PURE__ */ jsx27("p", { className: "meeting-date", children: fullLabel(state.booked.startAt, state.booked.timezone) }),
+      /* @__PURE__ */ jsx27("p", { className: "meeting-note", children: copy.done.calendarInvite }),
+      /* @__PURE__ */ jsx27("a", { className: "apply-link", href: membersHref, children: copy.done.memberArea })
     ] });
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
       body
     ] });
   }
   if (state.step === "accepted") {
-    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx24(JoinAccepted, { copy, membersHref });
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    const body = renderAccepted?.({ ...state, membersHref }) ?? /* @__PURE__ */ jsx27(JoinAccepted, { copy, membersHref });
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
       body
     ] });
   }
   if (state.step === "gift") {
-    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx24(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    const body = renderGift?.(state) ?? /* @__PURE__ */ jsx27(GiftClaimCard, { applicationId: state.applicationId, claimId: state.claimId, initialCode: state.code, copy: copy.gift });
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
       body
     ] });
   }
   if (state.step === "booking") {
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx27(
         JoinBooking,
         {
           applicationId: state.applicationId,
@@ -1966,9 +2169,9 @@ function JoinFlow(props) {
   }
   if (state.step === "payment") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation && !state.giftPurchase) {
-      return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+      return /* @__PURE__ */ jsxs26(Fragment10, { children: [
         header,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx27(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -1981,9 +2184,9 @@ function JoinFlow(props) {
       ] });
     }
     const Payment = state.giftPurchase || props.simulation ? PaymentStep : MembershipPaymentStep;
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
-      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx24(
+      props.giftClaimApi && !state.giftPurchase ? /* @__PURE__ */ jsx27(
         JoinGiftClaim,
         {
           api: props.giftClaimApi,
@@ -1994,7 +2197,7 @@ function JoinFlow(props) {
           onError: () => setError(copy.form.unexpectedFailure)
         }
       ) : null,
-      /* @__PURE__ */ jsx24(
+      /* @__PURE__ */ jsx27(
         Payment,
         {
           applicationId: state.applicationId,
@@ -2022,9 +2225,9 @@ function JoinFlow(props) {
   }
   if (state.step === "paymentPending") {
     if (props.namedSeatClaimApi && props.initialNamedSeatId && !props.simulation) {
-      return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+      return /* @__PURE__ */ jsxs26(Fragment10, { children: [
         header,
-        /* @__PURE__ */ jsx24(
+        /* @__PURE__ */ jsx27(
           JoinNamedSeat,
           {
             api: props.namedSeatClaimApi,
@@ -2036,14 +2239,14 @@ function JoinFlow(props) {
         )
       ] });
     }
-    return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+    return /* @__PURE__ */ jsxs26(Fragment10, { children: [
       header,
-      /* @__PURE__ */ jsx24("p", { className: "pay-status", role: "status", children: copy.payment.pending })
+      /* @__PURE__ */ jsx27("p", { className: "pay-status", role: "status", children: copy.payment.pending })
     ] });
   }
-  return /* @__PURE__ */ jsxs24(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs26(Fragment10, { children: [
     header,
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx27(
       JoinApplicationForm,
       {
         props,
@@ -2233,7 +2436,7 @@ function membershipPageDocument(input, options = {}) {
 }
 
 // src/ui/membership-cards.tsx
-import { jsx as jsx25, jsxs as jsxs25 } from "preact/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs27 } 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",
@@ -2302,67 +2505,67 @@ function membershipApplicationHref(applicationPath, tierId) {
 }
 function TierAction(props) {
   if (props.mode === "select") {
-    return /* @__PURE__ */ jsxs25("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
+    return /* @__PURE__ */ jsxs27("button", { type: "button", className: "chapter-membership-action", "aria-current": props.selected ? "true" : void 0, onClick: () => props.onSelectTier?.(props.tierId), children: [
       props.label,
-      /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
   if (props.mode === "preview") {
-    return /* @__PURE__ */ jsxs25("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
+    return /* @__PURE__ */ jsxs27("span", { className: "chapter-membership-action", "aria-disabled": "true", children: [
       props.label,
-      /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u2192" })
+      /* @__PURE__ */ jsx28("span", { "aria-hidden": "true", children: "\u2192" })
     ] });
   }
-  return /* @__PURE__ */ jsxs25("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
+  return /* @__PURE__ */ jsxs27("a", { className: "chapter-membership-action", href: membershipApplicationHref(props.applicationPath, props.tierId), children: [
     props.label,
-    /* @__PURE__ */ jsx25("span", { "aria-hidden": "true", children: "\u2192" })
+    /* @__PURE__ */ jsx28("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__ */ 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" })
+  return /* @__PURE__ */ jsxs27("article", { className: "chapter-membership-card", "data-tier-id": tier.id, "data-variant": presentation.variant ?? "standard", children: [
+    presentation.badge ? /* @__PURE__ */ jsx28("div", { className: "chapter-membership-badge", children: presentation.badge }) : null,
+    /* @__PURE__ */ jsx28("h3", { className: "chapter-membership-name", children: tier.name }),
+    /* @__PURE__ */ jsxs27("div", { className: "chapter-membership-offer", "data-with-capacity": presentation.capacity ? "true" : void 0, children: [
+      presentation.capacity ? /* @__PURE__ */ jsxs27("div", { className: "chapter-membership-capacity", "aria-label": `${presentation.capacity.total} ${presentation.capacity.label ?? "available"}`, children: [
+        /* @__PURE__ */ jsx28("strong", { children: presentation.capacity.total.toLocaleString("en-US") }),
+        /* @__PURE__ */ jsx28("small", { children: presentation.capacity.label ?? "available" })
       ] }) : 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
+      /* @__PURE__ */ jsxs27("div", { className: "chapter-membership-price-stack", children: [
+        presentation.priceEyebrow ? /* @__PURE__ */ jsx28("p", { className: "chapter-membership-price-eyebrow", children: presentation.priceEyebrow }) : tier.founding ? /* @__PURE__ */ jsx28("p", { className: "chapter-membership-price-eyebrow", children: "Founding member rate" }) : null,
+        /* @__PURE__ */ jsxs27("div", { className: "chapter-membership-price-row", children: [
+          tier.founding ? /* @__PURE__ */ jsx28("span", { className: "chapter-membership-compare", children: fmtMoney(tier.priceCents) }) : presentation.compareAtPriceCents !== void 0 ? /* @__PURE__ */ jsx28("span", { className: "chapter-membership-compare", children: fmtMoney(presentation.compareAtPriceCents) }) : null,
+          /* @__PURE__ */ jsx28("span", { className: "chapter-membership-price", children: tier.free ? "Free" : fmtMoney(tier.founding ? tier.founding.dueTodayCents : tier.priceCents) }),
+          !tier.free && presentation.billingLabel ? /* @__PURE__ */ jsx28("span", { className: "chapter-membership-billing", children: presentation.billingLabel }) : null
         ] })
       ] })
     ] }),
-    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 })
+    presentation.priceNoteMarkdown ? /* @__PURE__ */ jsx28(Markdown2, { className: "chapter-membership-price-note", source: presentation.priceNoteMarkdown }) : null,
+    summary ? /* @__PURE__ */ jsx28(Markdown2, { className: "chapter-membership-summary", source: summary }) : null,
+    presentation.benefits?.length ? /* @__PURE__ */ jsx28("ul", { className: "chapter-membership-benefits", children: presentation.benefits.map((benefit, index) => /* @__PURE__ */ jsxs27("li", { children: [
+      /* @__PURE__ */ jsx28("span", { className: "chapter-membership-check", "aria-hidden": "true", children: "\u2713" }),
+      /* @__PURE__ */ jsx28(Markdown2, { className: "chapter-membership-benefit", source: benefit })
     ] }, `${tier.id}-benefit-${index}`)) }) : null,
-    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 })
+    presentation.callout ? /* @__PURE__ */ jsxs27("aside", { className: "chapter-membership-callout", children: [
+      presentation.callout.label ? /* @__PURE__ */ jsx28("p", { className: "chapter-membership-callout-label", children: presentation.callout.label }) : null,
+      /* @__PURE__ */ jsx28(Markdown2, { source: presentation.callout.bodyMarkdown })
     ] }) : null,
-    /* @__PURE__ */ jsx25(TierAction, { tierId: tier.id, label: action, mode: props.mode, selected: props.selected, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier })
+    /* @__PURE__ */ jsx28(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__ */ 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) => {
+  return /* @__PURE__ */ jsxs27("section", { className: ["chapter-membership", props.className].filter(Boolean).join(" "), "data-chapter-membership": MEMBERSHIP_PAGE_RENDERER, "aria-label": props.ariaLabel ?? "Membership options", children: [
+    /* @__PURE__ */ jsx28("style", { children: MEMBERSHIP_CARDS_CSS }),
+    /* @__PURE__ */ jsx28("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__ */ jsx25(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
+      return /* @__PURE__ */ jsx28(TierCard, { tier, presentation, mode, selected: props.selectedTierId === tier.id, applicationPath: props.applicationPath, onSelectTier: props.onSelectTier }, tier.id);
     }) }),
-    document2.footnoteMarkdown ? /* @__PURE__ */ jsx25(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
+    document2.footnoteMarkdown ? /* @__PURE__ */ jsx28(Markdown2, { className: "chapter-membership-footnote", source: document2.footnoteMarkdown }) : null
   ] });
 }
 
@@ -2376,6 +2579,11 @@ export {
   fmtDate,
   groupSlotsByDay,
   SlotPicker,
+  ADDITIONAL_MEMBER_COPY,
+  additionalMemberSelection,
+  AdditionalMemberFields,
+  JoinSubmitButton,
+  AdditionalMemberEditor,
   PaymentStep,
   JourneyFrame,
   MemberRestart,
@@ -2398,4 +2606,4 @@ export {
   membershipApplicationHref,
   MembershipCards
 };
-//# sourceMappingURL=chunk-NK267YQZ.js.map
+//# sourceMappingURL=chunk-CKC6X5H2.js.map