@burdenoff/microfe-eventfullymanaged 2026.704.6 → 2026.704.8

package/dist/eventfullymanaged/pages/registration/RegisterAttendeePage.js

@@ -1,50 +1,112 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { notify as t } from "../../lib/toast.js";
 import { useAttendeesQuery as n, useCreateAttendeeMutation as r, useCreateRegistrationMutation as i, useEventsQuery as a, usePromoCodesQuery as ee, useTicketTypesQuery as te } from "../../api/eventApi.js";
-import { describeError as ne, mutationSucceeded as o } from "../../lib/mutationResult.js";
+import { describeError as ne, mutationSucceeded as re } from "../../lib/mutationResult.js";
+import { computeDiscount as ie, describeDiscount as ae, formatMoney as o } from "../../lib/format.js";
 import { useMemo as s, useState as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ArrowLeft as d, CheckCircle2 as re, Ticket as f } from "lucide-react";
-import { Button as p, EmphasisPanel as ie, GlassCard as ae, Input as m, PagePurpose as oe, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y } from "@burdenoff/fe-libs/ui";
+import { Fragment as oe, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { ArrowLeft as d, ArrowRight as se, BadgePercent as ce, CalendarDays as le, Check as f, CheckCircle2 as ue, Minus as de, Plus as fe, Ticket as p, UserRound as pe } from "lucide-react";
+import { Button as m, GlassCard as h, GradientText as me, Input as g, PagePurpose as he, Select as ge, SelectContent as _e, SelectItem as ve, SelectTrigger as ye, SelectValue as be, Stepper as xe } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/registration/RegisterAttendeePage.tsx
-var b = "__new__";
-function x() {
-	let { navigate: x } = e(), [S, se] = c(""), [C, w] = c(""), [T, E] = c(b), [D, O] = c(""), [k, ce] = c(""), [le, A] = c(""), [j, M] = c(""), [N, P] = c("1"), [F, I] = c(""), [L, R] = c(""), [z, B] = c(null), { data: ue } = a({
+var _ = [
+	{
+		key: "event",
+		label: "Event",
+		description: "Choose the event"
+	},
+	{
+		key: "ticket",
+		label: "Ticket",
+		description: "Pick a ticket type"
+	},
+	{
+		key: "attendee",
+		label: "Attendee",
+		description: "Who is coming"
+	},
+	{
+		key: "confirm",
+		label: "Confirm",
+		description: "Review & submit"
+	}
+];
+function v() {
+	let { navigate: v } = e(), [y, b] = c(0), [x, Se] = c(""), [S, C] = c(""), [w, T] = c("new"), [E, D] = c(""), [O, k] = c(""), [A, j] = c(""), [Ce, we] = c(""), [Te, Ee] = c(""), [De, M] = c(1), [N, P] = c(""), [F, I] = c(null), [Oe, L] = c(""), [R, ke] = c(""), [z, B] = c(null), { data: Ae, loading: je } = a({
 		limit: 100,
 		offset: 0
-	}), { data: V } = te({
-		eventId: S || void 0,
+	}), { data: Me, loading: Ne } = te({
+		eventId: x || void 0,
 		limit: 100,
 		offset: 0
-	}), { data: H } = n({
-		eventId: S || void 0,
+	}), { data: Pe } = n({
+		eventId: x || void 0,
 		limit: 100,
 		offset: 0
-	}), { data: U } = ee({
-		eventId: S || void 0,
+	}), { data: Fe } = ee({
+		eventId: x || void 0,
 		limit: 100,
 		offset: 0
-	}), [de, { loading: fe }] = r(), [pe, { loading: me }] = i(), W = ue?.events.items ?? [], G = s(() => (V?.ticketTypes.items ?? []).filter((e) => !S || e.eventId === S), [V, S]), K = s(() => (H?.attendees.items ?? []).filter((e) => !S || e.eventId === S), [H, S]), q = s(() => (U?.promoCodes.items ?? []).filter((e) => e.isActive && (!S || e.eventId === S)), [U, S]), J = s(() => G.find((e) => e.id === C), [G, C]), Y = Math.max(1, Number(N) || 1), he = J ? Number(J.price) : 0, X = J?.currency ?? "USD", Z = Number.isFinite(he) ? he * Y : 0, Q = Z > 0, ge = (e) => {
-		se(e), w(""), E(b), I("");
-	}, $ = fe || me, _e = () => {
-		w(""), E(b), O(""), ce(""), A(""), M(""), P("1"), I(""), R("");
+	}), V = s(() => Ae?.events.items ?? [], [Ae]), H = s(() => (Me?.ticketTypes.items ?? []).filter((e) => (!x || e.eventId === x) && e.isActive), [Me, x]), U = s(() => (Pe?.attendees.items ?? []).filter((e) => !x || e.eventId === x), [Pe, x]), W = s(() => (Fe?.promoCodes.items ?? []).filter((e) => e.isActive && (!x || e.eventId === x)), [Fe, x]), [Ie, { loading: Le }] = r(), [Re, { loading: ze }] = i(), G = Le || ze, K = s(() => V.find((e) => e.id === x), [V, x]), q = s(() => H.find((e) => e.id === S), [H, S]), J = s(() => U.find((e) => e.id === E), [U, E]), Y = Math.max(1, De), Be = q ? Number(q.price) : 0, X = q?.currency ?? "USD", Z = Number.isFinite(Be) ? Be * Y : 0, Q = F ? ie(Z, F.discountType, Number(F.discountValue)) : 0, Ve = Math.max(Z - Q, 0), $ = Z > 0, He = w === "existing" ? J?.fullName ?? "" : O.trim(), Ue = (e) => {
+		Se(e), C(""), T("new"), D(""), I(null), P(""), L("");
+	}, We = (e) => {
+		switch (e) {
+			case 0: return !!x;
+			case 1: return !!S;
+			case 2: return w === "existing" ? !!E : !!(O.trim() && A.trim());
+			default: return !0;
+		}
+	}, Ge = (e) => {
+		if (e <= y) return !0;
+		for (let t = 0; t < e; t += 1) if (!We(t)) return !1;
+		return !0;
+	}, Ke = (e) => {
+		Ge(e) && b(e);
+	}, qe = () => {
+		if (!We(y)) {
+			t.error("One more thing", [
+				"Choose an event to continue.",
+				"Pick a ticket type to continue.",
+				"Select or enter an attendee to continue."
+			][y] ?? "Complete this step to continue.");
+			return;
+		}
+		b((e) => Math.min(e + 1, _.length - 1));
+	}, Je = () => b((e) => Math.max(e - 1, 0)), Ye = () => {
+		let e = N.trim().toUpperCase();
+		if (!e) {
+			I(null), L("");
+			return;
+		}
+		let n = W.find((t) => t.code.toUpperCase() === e);
+		if (!n) {
+			I(null), L("That code is not active for this event.");
+			return;
+		}
+		I(n), L(""), t.success("Promo applied", ae(n.discountType, n.discountValue, X));
+	}, Xe = () => {
+		I(null), P(""), L("");
+	}, Ze = () => {
+		b(0), Se(""), C(""), T("new"), D(""), k(""), j(""), we(""), Ee(""), M(1), Xe(), ke("");
 	};
 	return z ? /* @__PURE__ */ u("div", {
-		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ u(p, {
+		className: "mx-auto max-w-2xl space-y-6 p-6",
+		children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ u(m, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
-			onClick: () => x("/registration"),
+			onClick: () => v("/registration"),
 			children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back to Registration"]
-		}) }), /* @__PURE__ */ u(ae, {
+		}) }), /* @__PURE__ */ u(h, {
 			treatment: "glass",
 			glow: !0,
 			className: "p-8 text-center",
 			children: [
-				/* @__PURE__ */ l(re, {
-					className: "mx-auto h-12 w-12 text-status-success-text",
-					"aria-hidden": "true"
+				/* @__PURE__ */ l("div", {
+					className: "mx-auto flex h-14 w-14 items-center justify-center rounded-full bg-status-success-bg-subtle",
+					children: /* @__PURE__ */ l(ue, {
+						className: "h-8 w-8 text-status-success-text",
+						"aria-hidden": "true"
+					})
 				}),
 				/* @__PURE__ */ l("h1", {
 					className: "mt-4 text-2xl font-bold text-text-primary",
@@ -60,60 +122,75 @@ function x() {
 					]
 				}),
 				/* @__PURE__ */ u("dl", {
-					className: "mx-auto mt-6 max-w-sm space-y-2 text-left text-sm",
+					className: "mx-auto mt-6 max-w-sm space-y-2 rounded-card border border-border-seam bg-bg-surface p-4 text-left text-sm",
 					children: [
 						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
 							children: [/* @__PURE__ */ l("dt", {
 								className: "text-text-secondary",
 								children: "Ticket"
-							}), /* @__PURE__ */ l("dd", {
+							}), /* @__PURE__ */ u("dd", {
 								className: "font-medium text-text-primary",
-								children: z.ticketName
+								children: [z.ticketName, z.quantity > 1 ? ` × ${z.quantity}` : ""]
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						z.free ? null : /* @__PURE__ */ u(oe, { children: [/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
 							children: [/* @__PURE__ */ l("dt", {
 								className: "text-text-secondary",
-								children: "Quantity"
+								children: "Subtotal"
 							}), /* @__PURE__ */ l("dd", {
-								className: "font-medium tabular-nums text-text-primary",
-								children: z.quantity
+								className: "tabular-nums text-text-primary",
+								children: o(z.subtotal, z.currency)
 							})]
-						}),
-						/* @__PURE__ */ u("div", {
+						}), z.discount > 0 ? /* @__PURE__ */ u("div", {
 							className: "flex justify-between",
-							children: [/* @__PURE__ */ l("dt", {
+							children: [/* @__PURE__ */ u("dt", {
 								className: "text-text-secondary",
-								children: "Status"
+								children: ["Promo", z.promoCode ? ` · ${z.promoCode}` : ""]
+							}), /* @__PURE__ */ u("dd", {
+								className: "tabular-nums text-status-success-text",
+								children: ["−", o(z.discount, z.currency)]
+							})]
+						}) : null] }),
+						/* @__PURE__ */ u("div", {
+							className: "flex justify-between border-t border-border-seam pt-2",
+							children: [/* @__PURE__ */ l("dt", {
+								className: "font-semibold text-text-primary",
+								children: "Total"
 							}), /* @__PURE__ */ l("dd", {
-								className: "font-medium text-text-primary",
-								children: z.status
+								className: "font-bold tabular-nums text-text-primary",
+								children: z.free ? "Free" : o(z.total, z.currency)
 							})]
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "flex justify-between",
 							children: [/* @__PURE__ */ l("dt", {
 								className: "text-text-secondary",
-								children: "Amount"
+								children: "Status"
 							}), /* @__PURE__ */ l("dd", {
-								className: "font-medium tabular-nums text-text-primary",
-								children: z.amountLabel
+								className: "font-medium text-text-primary",
+								children: z.status
 							})]
 						})
 					]
 				}),
+				z.free ? null : /* @__PURE__ */ l("p", {
+					className: "mt-3 text-xs text-text-muted",
+					children: "Final pricing and payment are settled by the billing service."
+				}),
 				/* @__PURE__ */ u("div", {
-					className: "mt-8 flex justify-center gap-3",
-					children: [/* @__PURE__ */ l(p, {
+					className: "mt-8 flex flex-col justify-center gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ l(m, {
 						type: "button",
 						variant: "outline",
-						onClick: () => x("/registration"),
+						onClick: () => v("/registration"),
 						children: "Back to Registrations"
-					}), /* @__PURE__ */ l(p, {
+					}), /* @__PURE__ */ l(m, {
 						type: "button",
-						onClick: () => B(null),
+						onClick: () => {
+							B(null), Ze();
+						},
 						children: "Register another"
 					})]
 				})
@@ -123,293 +200,572 @@ function x() {
 		className: "space-y-6 p-6",
 		children: [
 			/* @__PURE__ */ u("div", { children: [
-				/* @__PURE__ */ u(p, {
+				/* @__PURE__ */ u(m, {
 					type: "button",
 					variant: "ghost",
 					size: "sm",
-					onClick: () => x("/registration"),
+					onClick: () => v("/registration"),
 					children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back to Registration"]
 				}),
 				/* @__PURE__ */ l("h1", {
 					className: "mt-3 text-2xl font-bold text-text-primary",
-					children: "Register Attendee"
+					children: /* @__PURE__ */ l(me, { children: "Register Attendee" })
 				}),
 				/* @__PURE__ */ l("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: "Sign someone up for an event against a ticket type."
+					children: "Walk through the event, ticket and attendee in a few quick steps."
 				})
 			] }),
-			/* @__PURE__ */ l(oe, { children: "Register a person for an event in one step. Pick the event and the ticket they are buying, then either choose an existing attendee or enter a new one. Apply a promo code if they have one. Pricing and payment are handled by the billing service — you just confirm who is coming and on which ticket." }),
-			/* @__PURE__ */ l(ie, { children: /* @__PURE__ */ u("form", {
-				onSubmit: async (e) => {
-					if (e.preventDefault(), !S) {
-						t.error("Event required", "Choose the event to register for.");
-						return;
-					}
-					if (!C) {
-						t.error("Ticket required", "Choose a ticket type.");
-						return;
-					}
-					let n = T === b;
-					if (n && (!D.trim() || !k.trim())) {
-						t.error("Attendee required", "Enter a name and email, or pick an existing attendee.");
-						return;
-					}
-					try {
-						let e = T, r = K.find((e) => e.id === T)?.fullName ?? "";
-						if (n) {
-							let t = await de({ variables: { input: {
-								eventId: S,
-								fullName: D.trim(),
-								email: k.trim(),
-								company: le.trim() || null,
-								phone: j.trim() || null,
-								profile: {},
-								metadata: {}
-							} } }), n = t.data?.createAttendee?.id;
-							if (!o(t, n, "Could not create attendee") || !n) return;
-							e = n, r = D.trim();
-						}
-						let i = {};
-						F && (i.promoCode = F), Q && L.trim() && (i.billingAccountId = L.trim());
-						let a = await pe({ variables: { input: {
-							eventId: S,
-							attendeeId: e,
-							ticketTypeId: C,
-							quantity: Y,
-							currency: X,
-							status: "CONFIRMED",
-							metadata: i
-						} } });
-						if (!o(a, a.data?.createRegistration?.id, "Could not create registration")) return;
-						let ee = a.data?.createRegistration;
-						B({
-							attendeeName: r || "Attendee",
-							eventName: W.find((e) => e.id === S)?.name ?? "Event",
-							ticketName: J?.name ?? "Ticket",
-							quantity: Y,
-							status: ee?.status ?? "CONFIRMED",
-							amountLabel: Q ? `${Z.toLocaleString()} ${X} — billed by the billing service` : "Free"
-						}), t.success("Registration confirmed", r || void 0), _e();
-					} catch (e) {
-						t.error("Could not register attendee", ne(e));
-					}
-				},
-				className: "space-y-4",
-				children: [
-					/* @__PURE__ */ u("div", {
-						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Event"
-							}), /* @__PURE__ */ u(h, {
-								value: S,
-								onValueChange: ge,
-								children: [/* @__PURE__ */ l(v, {
-									"aria-label": "Event",
-									children: /* @__PURE__ */ l(y, { placeholder: "Select Event" })
-								}), /* @__PURE__ */ l(g, { children: W.map((e) => /* @__PURE__ */ l(_, {
-									value: e.id,
-									children: e.name
-								}, e.id)) })]
+			/* @__PURE__ */ l(he, { children: "Register a person for an event against a ticket type. Pick the event and ticket, choose an existing attendee or add a new one, apply a promo code if they have one, then confirm. The order summary previews the price — final pricing and payment are handled by the billing service." }),
+			/* @__PURE__ */ l(xe, {
+				steps: _,
+				active: y,
+				onStepClick: Ke
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-[minmax(0,1fr)_20rem]",
+				children: [/* @__PURE__ */ u(h, {
+					treatment: "plain",
+					className: "border-border-seam p-5 sm:p-6",
+					children: [
+						y === 0 ? /* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: "Which event?"
+							}), /* @__PURE__ */ l("p", {
+								className: "mt-1 text-sm text-text-secondary",
+								children: "Choose the event this attendee is signing up for."
+							})] }), je ? /* @__PURE__ */ l("p", {
+								className: "text-sm text-text-muted",
+								children: "Loading events…"
+							}) : V.length === 0 ? /* @__PURE__ */ u("div", {
+								className: "rounded-card border border-dashed border-border-default p-6 text-center text-sm text-text-secondary",
+								children: [
+									"No events yet.",
+									" ",
+									/* @__PURE__ */ l("button", {
+										type: "button",
+										className: "font-medium text-text-link underline-offset-2 hover:underline",
+										onClick: () => v("/events/create"),
+										children: "Create an event"
+									}),
+									" ",
+									"first."
+								]
+							}) : /* @__PURE__ */ l("div", {
+								className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
+								children: V.map((e) => {
+									let t = e.id === x;
+									return /* @__PURE__ */ u("button", {
+										type: "button",
+										onClick: () => Ue(e.id),
+										"aria-pressed": t,
+										className: `flex items-center gap-3 rounded-card border p-4 text-left transition-colors ${t ? "border-action-primary-border bg-accent-wash" : "border-border-seam bg-bg-surface hover:border-border-strong"}`,
+										children: [
+											/* @__PURE__ */ l("span", {
+												className: `flex h-10 w-10 shrink-0 items-center justify-center rounded-input ${t ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-muted"}`,
+												children: /* @__PURE__ */ l(le, {
+													className: "h-5 w-5",
+													"aria-hidden": "true"
+												})
+											}),
+											/* @__PURE__ */ l("span", {
+												className: "min-w-0 flex-1 truncate text-sm font-medium text-text-primary",
+												children: e.name
+											}),
+											t ? /* @__PURE__ */ l(f, {
+												className: "h-4 w-4 shrink-0 text-action-primary-bg",
+												"aria-hidden": "true"
+											}) : null
+										]
+									}, e.id);
+								})
 							})]
-						}), /* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Ticket Type"
-							}), /* @__PURE__ */ u(h, {
-								value: C,
-								onValueChange: w,
-								disabled: !S,
-								children: [/* @__PURE__ */ l(v, {
-									"aria-label": "Ticket Type",
-									children: /* @__PURE__ */ l(y, { placeholder: S ? "Select Ticket" : "Select an event first" })
-								}), /* @__PURE__ */ l(g, { children: G.map((e) => /* @__PURE__ */ u(_, {
-									value: e.id,
+						}) : null,
+						y === 1 ? /* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Ticket type"
+								}), /* @__PURE__ */ l("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: "Pick the ticket and how many they need."
+								})] }),
+								Ne ? /* @__PURE__ */ l("p", {
+									className: "text-sm text-text-muted",
+									children: "Loading tickets…"
+								}) : H.length === 0 ? /* @__PURE__ */ l("div", {
+									className: "rounded-card border border-dashed border-border-default p-6 text-center text-sm text-text-secondary",
+									children: "This event has no active ticket types."
+								}) : /* @__PURE__ */ l("div", {
+									className: "grid grid-cols-1 gap-3 sm:grid-cols-2 xl:grid-cols-3",
+									children: H.map((e) => {
+										let t = e.id === S, n = e.capacity ?? null, r = e.soldCount ?? 0, i = n && n > 0 ? Math.min(100, Math.round(r / n * 100)) : null, a = n != null && r >= n;
+										return /* @__PURE__ */ u("button", {
+											type: "button",
+											disabled: a && !t,
+											onClick: () => C(e.id),
+											"aria-pressed": t,
+											className: `flex flex-col gap-3 rounded-card border p-4 text-left transition-colors disabled:cursor-not-allowed disabled:opacity-60 ${t ? "border-action-primary-border bg-accent-wash ring-1 ring-border-focus" : "border-border-seam bg-bg-surface hover:border-border-strong"}`,
+											children: [
+												/* @__PURE__ */ u("div", {
+													className: "flex items-start justify-between gap-2",
+													children: [/* @__PURE__ */ l("span", {
+														className: "text-sm font-semibold text-text-primary",
+														children: e.name
+													}), t ? /* @__PURE__ */ l(f, {
+														className: "h-4 w-4 shrink-0 text-action-primary-bg",
+														"aria-hidden": "true"
+													}) : /* @__PURE__ */ l(p, {
+														className: "h-4 w-4 shrink-0 text-text-muted",
+														"aria-hidden": "true"
+													})]
+												}),
+												/* @__PURE__ */ l("span", {
+													className: "text-lg font-bold tabular-nums text-text-primary",
+													children: Number(e.price) > 0 ? o(Number(e.price), e.currency) : "Free"
+												}),
+												n == null ? /* @__PURE__ */ u("span", {
+													className: "text-xs text-text-muted",
+													children: [r, " sold"]
+												}) : /* @__PURE__ */ u("div", {
+													className: "space-y-1",
+													children: [/* @__PURE__ */ l("div", {
+														className: "h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
+														children: /* @__PURE__ */ l("div", {
+															className: "h-full rounded-full bg-action-primary-bg",
+															style: { width: `${i ?? 0}%` }
+														})
+													}), /* @__PURE__ */ l("span", {
+														className: "text-xs text-text-muted",
+														children: a ? "Sold out" : `${r} / ${n} sold`
+													})]
+												})
+											]
+										}, e.id);
+									})
+								}),
+								/* @__PURE__ */ l("div", {
+									className: "flex flex-wrap items-end gap-4 border-t border-border-seam pt-4",
+									children: /* @__PURE__ */ u("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ l("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Quantity"
+										}), /* @__PURE__ */ u("div", {
+											className: "flex items-center gap-1",
+											children: [
+												/* @__PURE__ */ l(m, {
+													type: "button",
+													variant: "outline",
+													size: "icon",
+													"aria-label": "Decrease quantity",
+													disabled: Y <= 1,
+													onClick: () => M((e) => Math.max(1, e - 1)),
+													children: /* @__PURE__ */ l(de, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ l("span", {
+													className: "w-10 text-center text-base font-semibold tabular-nums text-text-primary",
+													children: Y
+												}),
+												/* @__PURE__ */ l(m, {
+													type: "button",
+													variant: "outline",
+													size: "icon",
+													"aria-label": "Increase quantity",
+													onClick: () => M((e) => e + 1),
+													children: /* @__PURE__ */ l(fe, { className: "h-4 w-4" })
+												})
+											]
+										})]
+									})
+								})
+							]
+						}) : null,
+						y === 2 ? /* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Attendee information"
+								}), /* @__PURE__ */ l("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: "Add someone new or pick an existing attendee."
+								})] }),
+								/* @__PURE__ */ u("div", {
+									className: "inline-flex rounded-input border border-border-seam bg-bg-sunken p-1",
+									children: [/* @__PURE__ */ l("button", {
+										type: "button",
+										onClick: () => T("new"),
+										className: `rounded-[calc(var(--radius-input)-2px)] px-3 py-1.5 text-sm font-medium transition-colors ${w === "new" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
+										children: "New attendee"
+									}), /* @__PURE__ */ l("button", {
+										type: "button",
+										onClick: () => T("existing"),
+										disabled: U.length === 0,
+										className: `rounded-[calc(var(--radius-input)-2px)] px-3 py-1.5 text-sm font-medium transition-colors disabled:cursor-not-allowed disabled:opacity-50 ${w === "existing" ? "bg-bg-surface text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
+										children: "Existing attendee"
+									})]
+								}),
+								w === "existing" ? /* @__PURE__ */ u("label", {
+									className: "block space-y-1 text-sm",
+									children: [/* @__PURE__ */ l("span", {
+										className: "font-medium text-text-primary",
+										children: "Attendee"
+									}), /* @__PURE__ */ u(ge, {
+										value: E,
+										onValueChange: D,
+										children: [/* @__PURE__ */ l(ye, {
+											"aria-label": "Attendee",
+											children: /* @__PURE__ */ l(be, { placeholder: "Select an attendee" })
+										}), /* @__PURE__ */ l(_e, { children: U.map((e) => /* @__PURE__ */ u(ve, {
+											value: e.id,
+											children: [
+												e.fullName,
+												" · ",
+												e.email
+											]
+										}, e.id)) })]
+									})]
+								}) : /* @__PURE__ */ u("div", {
+									className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+									children: [
+										/* @__PURE__ */ u("label", {
+											className: "space-y-1 text-sm",
+											children: [/* @__PURE__ */ l("span", {
+												className: "font-medium text-text-primary",
+												children: "Full name"
+											}), /* @__PURE__ */ l(g, {
+												value: O,
+												onChange: (e) => k(e.target.value),
+												placeholder: "Enter full name"
+											})]
+										}),
+										/* @__PURE__ */ u("label", {
+											className: "space-y-1 text-sm",
+											children: [/* @__PURE__ */ l("span", {
+												className: "font-medium text-text-primary",
+												children: "Email"
+											}), /* @__PURE__ */ l(g, {
+												type: "email",
+												value: A,
+												onChange: (e) => j(e.target.value),
+												placeholder: "Enter email address"
+											})]
+										}),
+										/* @__PURE__ */ u("label", {
+											className: "space-y-1 text-sm",
+											children: [/* @__PURE__ */ l("span", {
+												className: "font-medium text-text-primary",
+												children: "Company"
+											}), /* @__PURE__ */ l(g, {
+												value: Ce,
+												onChange: (e) => we(e.target.value),
+												placeholder: "Enter company name"
+											})]
+										}),
+										/* @__PURE__ */ u("label", {
+											className: "space-y-1 text-sm",
+											children: [/* @__PURE__ */ l("span", {
+												className: "font-medium text-text-primary",
+												children: "Phone"
+											}), /* @__PURE__ */ l(g, {
+												value: Te,
+												onChange: (e) => Ee(e.target.value),
+												placeholder: "Optional"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ u("div", {
+									className: "space-y-2 border-t border-border-seam pt-4",
 									children: [
-										e.name,
-										" — ",
-										e.price,
-										" ",
-										e.currency
+										/* @__PURE__ */ l("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: "Promo code (optional)"
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "flex flex-col gap-2 sm:flex-row",
+											children: [/* @__PURE__ */ l(g, {
+												value: N,
+												onChange: (e) => {
+													P(e.target.value), L("");
+												},
+												placeholder: "Enter promo code",
+												className: "sm:flex-1",
+												onKeyDown: (e) => {
+													e.key === "Enter" && (e.preventDefault(), Ye());
+												}
+											}), F ? /* @__PURE__ */ l(m, {
+												type: "button",
+												variant: "outline",
+												onClick: Xe,
+												children: "Remove"
+											}) : /* @__PURE__ */ l(m, {
+												type: "button",
+												variant: "outline",
+												onClick: Ye,
+												disabled: !N.trim(),
+												children: "Apply"
+											})]
+										}),
+										F ? /* @__PURE__ */ u("span", {
+											className: "inline-flex items-center gap-1 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
+											children: [
+												/* @__PURE__ */ l(ce, {
+													className: "h-3.5 w-3.5",
+													"aria-hidden": "true"
+												}),
+												ae(F.discountType, F.discountValue, X),
+												" applied"
+											]
+										}) : Oe ? /* @__PURE__ */ l("span", {
+											className: "text-xs text-status-error-text",
+											children: Oe
+										}) : W.length > 0 ? /* @__PURE__ */ u("div", {
+											className: "flex flex-wrap items-center gap-1.5 text-xs text-text-muted",
+											children: [/* @__PURE__ */ l("span", { children: "Available:" }), W.slice(0, 4).map((e) => /* @__PURE__ */ l("button", {
+												type: "button",
+												onClick: () => {
+													P(e.code), I(e), L("");
+												},
+												className: "rounded-full border border-border-seam bg-bg-surface px-2 py-0.5 font-medium text-text-secondary hover:border-border-strong hover:text-text-primary",
+												children: e.code
+											}, e.id))]
+										}) : null
 									]
-								}, e.id)) })]
+								})
+							]
+						}) : null,
+						y === 3 ? /* @__PURE__ */ u("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h2", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Review & confirm"
+								}), /* @__PURE__ */ l("p", {
+									className: "mt-1 text-sm text-text-secondary",
+									children: "Double-check the details before registering."
+								})] }),
+								/* @__PURE__ */ u("dl", {
+									className: "divide-y divide-border-seam rounded-card border border-border-seam bg-bg-surface text-sm",
+									children: [
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center gap-3 p-3",
+											children: [
+												/* @__PURE__ */ l(le, {
+													className: "h-4 w-4 text-text-muted",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ l("dt", {
+													className: "text-text-secondary",
+													children: "Event"
+												}),
+												/* @__PURE__ */ l("dd", {
+													className: "ml-auto font-medium text-text-primary",
+													children: K?.name ?? "—"
+												})
+											]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center gap-3 p-3",
+											children: [
+												/* @__PURE__ */ l(p, {
+													className: "h-4 w-4 text-text-muted",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ l("dt", {
+													className: "text-text-secondary",
+													children: "Ticket"
+												}),
+												/* @__PURE__ */ u("dd", {
+													className: "ml-auto font-medium text-text-primary",
+													children: [q?.name ?? "—", Y > 1 ? ` × ${Y}` : ""]
+												})
+											]
+										}),
+										/* @__PURE__ */ u("div", {
+											className: "flex items-center gap-3 p-3",
+											children: [
+												/* @__PURE__ */ l(pe, {
+													className: "h-4 w-4 text-text-muted",
+													"aria-hidden": "true"
+												}),
+												/* @__PURE__ */ l("dt", {
+													className: "text-text-secondary",
+													children: "Attendee"
+												}),
+												/* @__PURE__ */ u("dd", {
+													className: "ml-auto text-right font-medium text-text-primary",
+													children: [He || "—", /* @__PURE__ */ l("span", {
+														className: "block text-xs font-normal text-text-secondary",
+														children: w === "existing" ? J?.email : A.trim()
+													})]
+												})
+											]
+										})
+									]
+								}),
+								$ ? /* @__PURE__ */ u("label", {
+									className: "block space-y-1 text-sm",
+									children: [
+										/* @__PURE__ */ l("span", {
+											className: "font-medium text-text-primary",
+											children: "Billing account ID (optional)"
+										}),
+										/* @__PURE__ */ l(g, {
+											value: R,
+											onChange: (e) => ke(e.target.value),
+											placeholder: "Attach an existing billing account"
+										}),
+										/* @__PURE__ */ l("span", {
+											className: "text-xs text-text-secondary",
+											children: "When provided, the charge is attached to this billing account."
+										})
+									]
+								}) : null
+							]
+						}) : null,
+						/* @__PURE__ */ u("div", {
+							className: "mt-6 flex items-center justify-between gap-3 border-t border-border-seam pt-4",
+							children: [/* @__PURE__ */ u(m, {
+								type: "button",
+								variant: "ghost",
+								onClick: Je,
+								disabled: y === 0 || G,
+								children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back"]
+							}), y < _.length - 1 ? /* @__PURE__ */ u(m, {
+								type: "button",
+								onClick: qe,
+								children: ["Continue", /* @__PURE__ */ l(se, { className: "h-4 w-4" })]
+							}) : /* @__PURE__ */ u(m, {
+								type: "button",
+								onClick: async () => {
+									if (!x || !S) {
+										t.error("Incomplete", "Pick an event and ticket first.");
+										return;
+									}
+									if (w === "new" && (!O.trim() || !A.trim())) {
+										t.error("Attendee required", "Enter a name and email, or pick an existing attendee.");
+										return;
+									}
+									if (w === "existing" && !E) {
+										t.error("Attendee required", "Select an existing attendee.");
+										return;
+									}
+									try {
+										let e = E, n = J?.fullName ?? "";
+										if (w === "new") {
+											let t = await Ie({ variables: { input: {
+												eventId: x,
+												fullName: O.trim(),
+												email: A.trim(),
+												company: Ce.trim() || null,
+												phone: Te.trim() || null,
+												profile: {},
+												metadata: {}
+											} } }), r = t.data?.createAttendee?.id;
+											if (!re(t, r, "Could not create attendee") || !r) return;
+											e = r, n = O.trim();
+										}
+										let r = {};
+										F && (r.promoCode = F.code), $ && R.trim() && (r.billingAccountId = R.trim());
+										let i = await Re({ variables: { input: {
+											eventId: x,
+											attendeeId: e,
+											ticketTypeId: S,
+											quantity: Y,
+											currency: X,
+											status: "CONFIRMED",
+											metadata: r
+										} } });
+										if (!re(i, i.data?.createRegistration?.id, "Could not create registration")) return;
+										let a = i.data?.createRegistration;
+										B({
+											attendeeName: n || "Attendee",
+											eventName: K?.name ?? "Event",
+											ticketName: q?.name ?? "Ticket",
+											quantity: Y,
+											status: a?.status ?? "CONFIRMED",
+											subtotal: Z,
+											discount: Q,
+											total: Ve,
+											currency: X,
+											promoCode: F?.code ?? null,
+											free: !$
+										}), t.success("Registration confirmed", n || void 0);
+									} catch (e) {
+										t.error("Could not register attendee", ne(e));
+									}
+								},
+								disabled: G,
+								children: [/* @__PURE__ */ l(p, { className: "h-4 w-4" }), G ? "Registering…" : "Confirm registration"]
 							})]
-						})]
-					}),
-					/* @__PURE__ */ u("label", {
-						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ l("span", {
-							className: "font-medium text-text-primary",
-							children: "Attendee"
-						}), /* @__PURE__ */ u(h, {
-							value: T,
-							onValueChange: E,
-							children: [/* @__PURE__ */ l(v, {
-								"aria-label": "Attendee",
-								children: /* @__PURE__ */ l(y, {})
-							}), /* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(_, {
-								value: b,
-								children: "+ New attendee"
-							}), K.map((e) => /* @__PURE__ */ u(_, {
-								value: e.id,
-								children: [
-									e.fullName,
-									" · ",
-									e.email
-								]
-							}, e.id))] })]
-						})]
-					}),
-					T === b ? /* @__PURE__ */ u("div", {
-						className: "grid grid-cols-1 gap-4 rounded-input border border-border-seam bg-bg-surface p-4 md:grid-cols-2",
+						})
+					]
+				}), /* @__PURE__ */ u(h, {
+					treatment: "glass",
+					className: "h-fit p-5 lg:sticky lg:top-6",
+					children: [/* @__PURE__ */ l("h2", {
+						className: "text-base font-semibold text-text-primary",
+						children: "Order summary"
+					}), q ? /* @__PURE__ */ u("div", {
+						className: "mt-4 space-y-3 text-sm",
 						children: [
-							/* @__PURE__ */ u("label", {
-								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "font-medium text-text-primary",
-									children: "Full Name"
-								}), /* @__PURE__ */ l(m, {
-									value: D,
-									onChange: (e) => O(e.target.value),
-									required: !0
+							/* @__PURE__ */ u("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ u("span", {
+									className: "min-w-0 text-text-secondary",
+									children: [
+										K?.name ? `${K.name} — ` : "",
+										q.name,
+										Y > 1 ? /* @__PURE__ */ u("span", {
+											className: "text-text-muted",
+											children: [" × ", Y]
+										}) : null
+									]
+								}), /* @__PURE__ */ l("span", {
+									className: "shrink-0 tabular-nums text-text-primary",
+									children: Z > 0 ? o(Z, X) : "Free"
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
-								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "font-medium text-text-primary",
-									children: "Email"
-								}), /* @__PURE__ */ l(m, {
-									type: "email",
-									value: k,
-									onChange: (e) => ce(e.target.value),
-									required: !0
+							F && Q > 0 ? /* @__PURE__ */ u("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ u("span", {
+									className: "text-text-secondary",
+									children: ["Promo · ", F.code]
+								}), /* @__PURE__ */ u("span", {
+									className: "shrink-0 tabular-nums text-status-success-text",
+									children: ["−", o(Q, X)]
 								})]
-							}),
-							/* @__PURE__ */ u("label", {
-								className: "space-y-1 text-sm",
+							}) : null,
+							/* @__PURE__ */ u("div", {
+								className: "flex items-center justify-between border-t border-border-seam pt-3",
 								children: [/* @__PURE__ */ l("span", {
-									className: "font-medium text-text-primary",
-									children: "Company"
-								}), /* @__PURE__ */ l(m, {
-									value: le,
-									onChange: (e) => A(e.target.value)
+									className: "font-semibold text-text-primary",
+									children: "Total"
+								}), /* @__PURE__ */ l("span", {
+									className: "text-lg font-bold tabular-nums text-text-primary",
+									children: Z > 0 ? o(Ve, X) : "Free"
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
-								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
-									className: "font-medium text-text-primary",
-									children: "Phone"
-								}), /* @__PURE__ */ l(m, {
-									value: j,
-									onChange: (e) => M(e.target.value)
-								})]
-							})
+							Z > 0 ? /* @__PURE__ */ l("p", {
+								className: "text-xs text-text-muted",
+								children: "Final pricing & payment handled by the billing service."
+							}) : null
 						]
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Quantity"
-							}), /* @__PURE__ */ l(m, {
-								type: "number",
-								min: "1",
-								value: N,
-								onChange: (e) => P(e.target.value),
-								required: !0
-							})]
-						}), /* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
-								className: "font-medium text-text-primary",
-								children: "Promo Code (optional)"
-							}), /* @__PURE__ */ u(h, {
-								value: F,
-								onValueChange: I,
-								disabled: q.length === 0,
-								children: [/* @__PURE__ */ l(v, {
-									"aria-label": "Promo Code",
-									children: /* @__PURE__ */ l(y, { placeholder: q.length === 0 ? "No active codes" : "No promo code" })
-								}), /* @__PURE__ */ l(g, { children: q.map((e) => /* @__PURE__ */ u(_, {
-									value: e.code,
-									children: [
-										e.code,
-										" —",
-										" ",
-										e.discountType === "PERCENT" ? `${e.discountValue}%` : e.discountValue
-									]
-								}, e.id)) })]
-							})]
-						})]
-					}),
-					Q ? /* @__PURE__ */ u("div", {
-						className: "space-y-3 rounded-input border border-border-seam bg-bg-surface p-4",
-						children: [/* @__PURE__ */ u("div", {
-							className: "flex items-center gap-2 text-sm text-text-secondary",
-							children: [/* @__PURE__ */ l(f, {
-								className: "h-4 w-4 text-text-muted",
-								"aria-hidden": "true"
-							}), /* @__PURE__ */ u("span", { children: [
-								"Estimated total",
-								" ",
-								/* @__PURE__ */ u("span", {
-									className: "font-semibold tabular-nums text-text-primary",
-									children: [
-										Z.toLocaleString(),
-										" ",
-										X
-									]
-								}),
-								" ",
-								"— final pricing and payment are handled by the billing service."
-							] })]
-						}), /* @__PURE__ */ u("label", {
-							className: "space-y-1 text-sm",
-							children: [
-								/* @__PURE__ */ l("span", {
-									className: "font-medium text-text-primary",
-									children: "Billing Account ID (optional)"
-								}),
-								/* @__PURE__ */ l(m, {
-									value: L,
-									onChange: (e) => R(e.target.value),
-									placeholder: "Attach an existing billing account"
-								}),
-								/* @__PURE__ */ l("span", {
-									className: "text-xs text-text-secondary",
-									children: "When provided, the charge is attached to this billing account."
-								})
-							]
-						})]
-					}) : null,
-					/* @__PURE__ */ u("div", {
-						className: "flex justify-end gap-3",
-						children: [/* @__PURE__ */ l(p, {
-							type: "button",
-							variant: "outline",
-							onClick: () => x("/registration"),
-							disabled: $,
-							children: "Cancel"
-						}), /* @__PURE__ */ u(p, {
-							type: "submit",
-							disabled: $,
-							children: [/* @__PURE__ */ l(f, { className: "h-4 w-4" }), $ ? "Registering…" : "Register Attendee"]
-						})]
-					})
-				]
-			}) })
+					}) : /* @__PURE__ */ l("p", {
+						className: "mt-4 text-sm text-text-muted",
+						children: "Pick a ticket to see the price breakdown. Your order total updates as you go."
+					})]
+				})]
+			})
 		]
 	});
 }
 //#endregion
-export { x as default };
+export { v as default };
 
 //# sourceMappingURL=RegisterAttendeePage.js.map