@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.2

package/dist/eventfullymanaged/pages/modules/RegistrationPage.js

@@ -1,95 +1,314 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useAttendeesQuery as t, usePromoCodesQuery as n, useRegistrationsQuery as r } from "../../api/eventApi.js";
-import { EntityListSection as i } from "./EntityListSection.js";
-import { useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Megaphone as c, Tag as l, Users as u } from "lucide-react";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useAttendeesQuery as n, useDeletePromoCodeMutation as r, usePromoCodesQuery as i, useRegistrationsQuery as a, useUpdateRegistrationMutation as o } from "../../api/eventApi.js";
+import { ActionMenu as s } from "../../components/ActionMenu.js";
+import { Pagination as c, usePagination as l } from "../../components/Pagination.js";
+import { mutationSucceeded as u } from "../../lib/mutationResult.js";
+import { useMemo as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Megaphone as m, Tag as h, TicketPlus as g, UserPlus as _, Users as v } from "lucide-react";
+import { Badge as y, Button as b, EmphasisPanel as x, GlassCard as S, GradientText as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/RegistrationPage.tsx
-function g() {
-	let { t: g } = d(), _ = (e, t) => {
-		let n = g(e);
-		return n === e ? t : n;
-	}, { navigate: v } = e(), y = r({
-		limit: 100,
-		offset: 0
-	}), b = t({
-		limit: 100,
-		offset: 0
-	}), x = n({
-		limit: 100,
+var D = [
+	"PENDING",
+	"CONFIRMED",
+	"WAITLISTED",
+	"CANCELLED",
+	"CHECKED_IN"
+];
+function O(e) {
+	switch ((e ?? "").toUpperCase()) {
+		case "CONFIRMED":
+		case "CHECKED_IN": return "default";
+		case "CANCELLED": return "destructive";
+		case "WAITLISTED": return "outline";
+		default: return "secondary";
+	}
+}
+function k() {
+	let e = l({ pageSize: 10 }), { data: r, loading: i } = a({
+		limit: e.limit,
+		offset: e.offset
+	}), [m] = o(), { data: h } = n({
+		limit: 200,
 		offset: 0
-	}), S = a(() => y.data?.registrations.items ?? [], [y.data]), C = a(() => b.data?.attendees.items ?? [], [b.data]), w = a(() => x.data?.promoCodes.items ?? [], [x.data]);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
+	}), g = d(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of h?.attendees.items ?? []) t.id && t.fullName && e.set(t.id, t.fullName);
+		return e;
+	}, [h]), _ = (e) => e ? g.get(e) ?? `Attendee ${e.slice(0, 8)}…` : null, v = d(() => r?.registrations.items ?? [], [r]), b = r?.registrations.total ?? 0, x = async (e, n) => {
+		let r = await m({ variables: {
+			id: e.id,
+			input: {
+				eventId: e.eventId,
+				attendeeId: e.attendeeId ?? null,
+				ticketTypeId: e.ticketTypeId ?? null,
+				quantity: e.quantity,
+				currency: e.currency,
+				totalAmount: e.totalAmount ?? null,
+				status: n
+			}
+		} });
+		u(r, r.data?.updateRegistration?.id, "Could not update registration") && t.success("Registration updated", `Status set to ${n}`);
+	};
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
 		children: [
-			/* @__PURE__ */ o(h, { children: _("eventfullymanaged.registration.purpose", "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Use this page to monitor sign-up volume, look up an attendee, and check that your discount codes are working.") }),
-			/* @__PURE__ */ s(f, { children: [/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: /* @__PURE__ */ o(p, { children: _("eventfullymanaged.registration.title", "Registration") })
-			}), /* @__PURE__ */ o("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: _("eventfullymanaged.registration.description", "Track registrations and attendee profiles via backend GraphQL APIs.")
-			})] }),
-			/* @__PURE__ */ o(i, {
-				heading: y.loading ? _("eventfullymanaged.registration.registrations.loading", "Loading registrations...") : `${_("eventfullymanaged.registration.registrations.heading", "Registrations")} (${S.length})`,
-				emptyLabel: _("eventfullymanaged.registration.registrations.empty", "No registrations found."),
-				rows: S.map((e) => ({
-					id: e.id,
-					title: e.attendeeId ? `${_("eventfullymanaged.registration.registrations.attendeePrefix", "Attendee")} ${e.attendeeId}` : `${_("eventfullymanaged.registration.registrations.itemPrefix", "Registration")} ${e.id}`,
-					subtitle: [e.quantity ? `${_("eventfullymanaged.registration.registrations.quantityPrefix", "Qty")} ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
-					status: e.status
-				}))
+			/* @__PURE__ */ f("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: i ? "Loading registrations…" : `Registrations (${b})`
+			}),
+			v.length === 0 && !i ? /* @__PURE__ */ f(w, {
+				illustration: "empty-data",
+				title: "No registrations yet.",
+				description: "Register your first attendee to start tracking sign-ups.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: v.map((e) => {
+					let t = D.filter((t) => t !== (e.status ?? "").toUpperCase()).map((t, n) => ({
+						key: t,
+						label: `Set ${t.replace("_", " ").toLowerCase()}`,
+						onSelect: () => void x(e, t),
+						separatorBefore: n === 0
+					}));
+					return /* @__PURE__ */ p("li", {
+						className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+						children: [/* @__PURE__ */ p("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ f("p", {
+								className: "truncate text-sm font-medium text-text-primary",
+								children: _(e.attendeeId) ?? `Registration ${e.id}`
+							}), /* @__PURE__ */ f("p", {
+								className: "truncate text-xs text-text-secondary",
+								children: [`Qty ${e.quantity}`, e.totalAmount ? `${e.totalAmount} ${e.currency}` : void 0].filter(Boolean).join(" • ")
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "flex shrink-0 items-center gap-2",
+							children: [/* @__PURE__ */ f(y, {
+								variant: O(e.status),
+								children: e.status ?? "UNKNOWN"
+							}), /* @__PURE__ */ f(s, {
+								ariaLabel: "Registration actions",
+								extraItems: t
+							})]
+						})]
+					}, e.id);
+				})
 			}),
-			/* @__PURE__ */ o(i, {
-				heading: b.loading ? _("eventfullymanaged.registration.attendees.loading", "Loading attendees...") : `${_("eventfullymanaged.registration.attendees.heading", "Attendees")} (${C.length})`,
-				emptyLabel: _("eventfullymanaged.registration.attendees.empty", "No attendees found."),
-				emptyIllustration: "empty-people",
-				rows: C.map((e) => ({
-					id: e.id,
-					title: e.fullName ?? e.id,
-					subtitle: [
-						e.email,
-						e.company,
-						e.role
-					].filter(Boolean).join(" • ")
-				}))
+			/* @__PURE__ */ f(c, {
+				offset: e.offset,
+				limit: e.limit,
+				loadedCount: v.length,
+				total: b,
+				onPrev: e.prevPage,
+				onNext: e.nextPage,
+				itemLabel: "registrations",
+				loading: i
+			})
+		]
+	});
+}
+function A() {
+	let { navigate: t } = e(), r = l({ pageSize: 10 }), { data: i, loading: a } = n({
+		limit: r.limit,
+		offset: r.offset
+	}), o = d(() => i?.attendees.items ?? [], [i]), u = i?.attendees.total ?? 0;
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: a ? "Loading attendees…" : `Attendees (${u})`
+				}), /* @__PURE__ */ p(b, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => t("/registration/attendees/create"),
+					children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), "Add attendee"]
+				})]
 			}),
-			/* @__PURE__ */ o(i, {
-				heading: x.loading ? _("eventfullymanaged.registration.promoCodes.loading", "Loading promo codes...") : `${_("eventfullymanaged.registration.promoCodes.heading", "Promo Codes")} (${w.length})`,
-				emptyLabel: _("eventfullymanaged.registration.promoCodes.empty", "No promo codes configured."),
-				rows: w.map((e) => ({
-					id: e.id,
-					title: e.code,
-					subtitle: `${e.discountType} ${e.discountValue}`,
-					status: e.isActive ? "active" : "inactive"
-				}))
+			o.length === 0 && !a ? /* @__PURE__ */ f(w, {
+				illustration: "empty-people",
+				title: "No attendees yet.",
+				description: "Add attendees or register one to build your guest list.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: o.map((e) => /* @__PURE__ */ p("li", {
+					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+					children: [/* @__PURE__ */ p("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ f("p", {
+							className: "truncate text-sm font-medium text-text-primary",
+							children: e.fullName
+						}), /* @__PURE__ */ f("p", {
+							className: "truncate text-xs text-text-secondary",
+							children: [
+								e.email,
+								e.company,
+								e.role
+							].filter(Boolean).join(" • ")
+						})]
+					}), /* @__PURE__ */ f(s, {
+						ariaLabel: `Actions for ${e.fullName}`,
+						onView: () => t(`/attendees/${e.id}/profile`),
+						onEdit: () => t(`/registration/attendees/${e.id}/edit`)
+					})]
+				}, e.id))
 			}),
-			/* @__PURE__ */ o(m, {
+			/* @__PURE__ */ f(c, {
+				offset: r.offset,
+				limit: r.limit,
+				loadedCount: o.length,
+				total: u,
+				onPrev: r.prevPage,
+				onNext: r.nextPage,
+				itemLabel: "attendees",
+				loading: a
+			})
+		]
+	});
+}
+function j() {
+	let { navigate: n } = e(), a = l({ pageSize: 10 }), { data: o, loading: u } = i({
+		limit: a.limit,
+		offset: a.offset
+	}), [m] = r(), h = d(() => o?.promoCodes.items ?? [], [o]), _ = o?.promoCodes.total ?? 0, v = async (e) => {
+		let n = await m({ variables: { id: e.id } });
+		if (n.error) throw t.error("Could not delete promo code", n.error.message), n.error;
+		t.success("Promo code deleted", e.code);
+	};
+	return /* @__PURE__ */ p(S, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between gap-3",
+				children: [/* @__PURE__ */ f("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: u ? "Loading promo codes…" : `Promo Codes (${_})`
+				}), /* @__PURE__ */ p(b, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => n("/registration/promo-codes/create"),
+					children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), "New promo code"]
+				})]
+			}),
+			h.length === 0 && !u ? /* @__PURE__ */ f(w, {
+				illustration: "empty-data",
+				title: "No promo codes yet.",
+				description: "Create a code to offer discounts and drive registrations.",
+				className: "mt-4"
+			}) : /* @__PURE__ */ f("ul", {
+				className: "mt-4 space-y-2",
+				children: h.map((e) => /* @__PURE__ */ p("li", {
+					className: "flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2",
+					children: [/* @__PURE__ */ p("div", {
+						className: "min-w-0",
+						children: [/* @__PURE__ */ f("p", {
+							className: "truncate text-sm font-medium text-text-primary",
+							children: e.code
+						}), /* @__PURE__ */ p("p", {
+							className: "truncate text-xs text-text-secondary",
+							children: [e.discountType === "PERCENT" ? `${e.discountValue}% off` : `${e.discountValue} off`, e.maxUses == null ? ` • ${e.usedCount} used` : ` • ${e.usedCount}/${e.maxUses} used`]
+						})]
+					}), /* @__PURE__ */ p("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ f(y, {
+							variant: e.isActive ? "default" : "secondary",
+							children: e.isActive ? "Active" : "Inactive"
+						}), /* @__PURE__ */ f(s, {
+							ariaLabel: `Actions for ${e.code}`,
+							onEdit: () => n(`/registration/promo-codes/${e.id}/edit`),
+							onDelete: () => v(e),
+							entityName: e.code
+						})]
+					})]
+				}, e.id))
+			}),
+			/* @__PURE__ */ f(c, {
+				offset: a.offset,
+				limit: a.limit,
+				loadedCount: h.length,
+				total: _,
+				onPrev: a.prevPage,
+				onNext: a.nextPage,
+				itemLabel: "promo codes",
+				loading: u
+			})
+		]
+	});
+}
+function M() {
+	let { navigate: t } = e();
+	return /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f(E, { children: "This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a registration's status, and manage discount codes — all backed by live GraphQL APIs." }),
+			/* @__PURE__ */ f(x, { children: /* @__PURE__ */ p("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ f(C, { children: "Registration" })
+				}), /* @__PURE__ */ f("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Track registrations, attendees, and promo codes with backend persistence."
+				})] }), /* @__PURE__ */ p("div", {
+					className: "flex flex-wrap gap-2",
+					children: [
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							onClick: () => t("/registration/register"),
+							children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), "Register attendee"]
+						}),
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							variant: "outline",
+							onClick: () => t("/registration/attendees/create"),
+							children: [/* @__PURE__ */ f(_, { className: "h-4 w-4" }), "Add attendee"]
+						}),
+						/* @__PURE__ */ p(b, {
+							type: "button",
+							variant: "outline",
+							onClick: () => t("/registration/promo-codes/create"),
+							children: [/* @__PURE__ */ f(h, { className: "h-4 w-4" }), "New promo code"]
+						})
+					]
+				})]
+			}) }),
+			/* @__PURE__ */ f(k, {}),
+			/* @__PURE__ */ f(A, {}),
+			/* @__PURE__ */ f(j, {}),
+			/* @__PURE__ */ f(T, {
 				storageKey: "eventfullymanaged-registration",
-				title: _("eventfullymanaged.registration.nextSteps.title", "Grow your registrations"),
+				title: "Grow your registrations",
 				steps: [
 					{
 						id: "view-networking",
-						label: _("eventfullymanaged.registration.nextSteps.networking", "Set up attendee networking"),
-						description: _("eventfullymanaged.registration.nextSteps.networkingDesc", "Turn registered attendees into connections with matchmaking."),
-						icon: /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
-						onClick: () => v("/networking")
+						label: "Set up attendee networking",
+						description: "Turn registered attendees into connections with matchmaking.",
+						icon: /* @__PURE__ */ f(v, { className: "h-4 w-4" }),
+						onClick: () => t("/networking")
 					},
 					{
 						id: "promote",
-						label: _("eventfullymanaged.registration.nextSteps.promote", "Promote with a campaign"),
-						description: _("eventfullymanaged.registration.nextSteps.promoteDesc", "Send reminders and offers to drive more sign-ups."),
-						icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
-						onClick: () => v("/communication")
+						label: "Promote with a campaign",
+						description: "Send reminders and offers to drive more sign-ups.",
+						icon: /* @__PURE__ */ f(m, { className: "h-4 w-4" }),
+						onClick: () => t("/communication")
 					},
 					{
 						id: "analyze",
-						label: _("eventfullymanaged.registration.nextSteps.analyze", "Snapshot your numbers"),
-						description: _("eventfullymanaged.registration.nextSteps.analyzeDesc", "Capture an analytics snapshot to track registration trends."),
-						icon: /* @__PURE__ */ o(l, { className: "h-4 w-4" }),
-						onClick: () => v("/analytics")
+						label: "Snapshot your numbers",
+						description: "Capture an analytics snapshot to track registration trends.",
+						icon: /* @__PURE__ */ f(h, { className: "h-4 w-4" }),
+						onClick: () => t("/analytics")
 					}
 				]
 			})
@@ -97,6 +316,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { M as default };
 
 //# sourceMappingURL=RegistrationPage.js.map

package/dist/eventfullymanaged/pages/modules/RegistrationPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegistrationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/RegistrationPage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Megaphone, Tag, Users } from 'lucide-react';\nimport { EmphasisPanel, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport { useAttendeesQuery, usePromoCodesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\nexport default function RegistrationPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const { navigate } = useEventfullyManaged();\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const promoCodesQuery = usePromoCodesQuery({ limit: 100, offset: 0 });\n\n  const registrations = useMemo(\n    () => (registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[],\n    [registrationsQuery.data]\n  );\n  const attendees = useMemo(() => (attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[], [attendeesQuery.data]);\n  const promoCodes = useMemo(() => promoCodesQuery.data?.promoCodes.items ?? [], [promoCodesQuery.data]);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.registration.purpose',\n          'This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people behind them, and promo codes let you offer discounts. Use this page to monitor sign-up volume, look up an attendee, and check that your discount codes are working.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{t('eventfullymanaged.registration.title', 'Registration')}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t(\n            'eventfullymanaged.registration.description',\n            'Track registrations and attendee profiles via backend GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading\n            ? t('eventfullymanaged.registration.registrations.loading', 'Loading registrations...')\n            : `${t('eventfullymanaged.registration.registrations.heading', 'Registrations')} (${registrations.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.registrations.empty', 'No registrations found.')}\n        rows={registrations.map((row) => ({\n          id: row.id,\n          title: row.attendeeId\n            ? `${t('eventfullymanaged.registration.registrations.attendeePrefix', 'Attendee')} ${row.attendeeId}`\n            : `${t('eventfullymanaged.registration.registrations.itemPrefix', 'Registration')} ${row.id}`,\n          subtitle: [\n            row.quantity\n              ? `${t('eventfullymanaged.registration.registrations.quantityPrefix', 'Qty')} ${row.quantity}`\n              : undefined,\n            row.totalAmount ? `${row.totalAmount} ${row.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: row.status,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          attendeesQuery.loading\n            ? t('eventfullymanaged.registration.attendees.loading', 'Loading attendees...')\n            : `${t('eventfullymanaged.registration.attendees.heading', 'Attendees')} (${attendees.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.attendees.empty', 'No attendees found.')}\n        emptyIllustration=\"empty-people\"\n        rows={attendees.map((row) => ({\n          id: row.id,\n          title: row.fullName ?? row.id,\n          subtitle: [row.email, row.company, row.role].filter(Boolean).join(' • '),\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          promoCodesQuery.loading\n            ? t('eventfullymanaged.registration.promoCodes.loading', 'Loading promo codes...')\n            : `${t('eventfullymanaged.registration.promoCodes.heading', 'Promo Codes')} (${promoCodes.length})`\n        }\n        emptyLabel={t('eventfullymanaged.registration.promoCodes.empty', 'No promo codes configured.')}\n        rows={promoCodes.map((row) => ({\n          id: row.id,\n          title: row.code,\n          subtitle: `${row.discountType} ${row.discountValue}`,\n          status: row.isActive ? 'active' : 'inactive',\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-registration\"\n        title={t('eventfullymanaged.registration.nextSteps.title', 'Grow your registrations')}\n        steps={[\n          {\n            id: 'view-networking',\n            label: t('eventfullymanaged.registration.nextSteps.networking', 'Set up attendee networking'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.networkingDesc',\n              'Turn registered attendees into connections with matchmaking.'\n            ),\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'promote',\n            label: t('eventfullymanaged.registration.nextSteps.promote', 'Promote with a campaign'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.promoteDesc',\n              'Send reminders and offers to drive more sign-ups.'\n            ),\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'analyze',\n            label: t('eventfullymanaged.registration.nextSteps.analyze', 'Snapshot your numbers'),\n            description: t(\n              'eventfullymanaged.registration.nextSteps.analyzeDesc',\n              'Capture an analytics snapshot to track registration trends.'\n            ),\n            icon: <Tag className=\"h-4 w-4\" />,\n            onClick: () => navigate('/analytics'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"RegistrationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/RegistrationPage.tsx"],"sourcesContent":["import { Megaphone, Tag, TicketPlus, UserPlus, Users } from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  EmphasisPanel,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\n\nimport {\n  useAttendeesQuery,\n  useDeletePromoCodeMutation,\n  usePromoCodesQuery,\n  useRegistrationsQuery,\n  useUpdateRegistrationMutation,\n  type AttendeeGql,\n  type PromoCodeGql,\n  type RegistrationGql,\n} from '../../api/eventApi';\nimport { ActionMenu, type ActionMenuItem } from '../../components/ActionMenu';\nimport { Pagination, usePagination } from '../../components/Pagination';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\nconst REGISTRATION_STATUSES = ['PENDING', 'CONFIRMED', 'WAITLISTED', 'CANCELLED', 'CHECKED_IN'] as const;\n\nfunction statusVariant(status?: string | null): 'default' | 'secondary' | 'destructive' | 'outline' {\n  switch ((status ?? '').toUpperCase()) {\n    case 'CONFIRMED':\n    case 'CHECKED_IN':\n      return 'default';\n    case 'CANCELLED':\n      return 'destructive';\n    case 'WAITLISTED':\n      return 'outline';\n    default:\n      return 'secondary';\n  }\n}\n\nfunction RegistrationsSection() {\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = useRegistrationsQuery({ limit: pagination.limit, offset: pagination.offset });\n  const [updateRegistration] = useUpdateRegistrationMutation();\n\n  // Resolve attendee display names (the registrations query returns only\n  // attendeeId). Pull a page of attendees to build an id -> name lookup so rows\n  // read \"Ada Lovelace\" instead of a raw UUID; fall back to a short id.\n  const { data: attendeesData } = useAttendeesQuery({ limit: 200, offset: 0 });\n  const nameById = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const attendee of attendeesData?.attendees.items ?? []) {\n      if (attendee.id && attendee.fullName) map.set(attendee.id, attendee.fullName);\n    }\n    return map;\n  }, [attendeesData]);\n  const attendeeLabel = (attendeeId?: string | null): string | null => {\n    if (!attendeeId) return null;\n    return nameById.get(attendeeId) ?? `Attendee ${attendeeId.slice(0, 8)}…`;\n  };\n\n  const items = useMemo<RegistrationGql[]>(() => data?.registrations.items ?? [], [data]);\n  const total = data?.registrations.total ?? 0;\n\n  const changeStatus = async (row: RegistrationGql, status: string) => {\n    const response = await updateRegistration({\n      variables: {\n        id: row.id,\n        input: {\n          eventId: row.eventId,\n          attendeeId: row.attendeeId ?? null,\n          ticketTypeId: row.ticketTypeId ?? null,\n          quantity: row.quantity,\n          currency: row.currency,\n          totalAmount: row.totalAmount ?? null,\n          status,\n        },\n      },\n    });\n    if (!mutationSucceeded(response, response.data?.updateRegistration?.id, 'Could not update registration')) {\n      return;\n    }\n    notify.success('Registration updated', `Status set to ${status}`);\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">\n        {loading ? 'Loading registrations…' : `Registrations (${total})`}\n      </h2>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No registrations yet.\"\n          description=\"Register your first attendee to start tracking sign-ups.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => {\n            const statusItems: ActionMenuItem[] = REGISTRATION_STATUSES.filter(\n              (candidate) => candidate !== (row.status ?? '').toUpperCase()\n            ).map((candidate, index) => ({\n              key: candidate,\n              label: `Set ${candidate.replace('_', ' ').toLowerCase()}`,\n              onSelect: () => void changeStatus(row, candidate),\n              separatorBefore: index === 0,\n            }));\n            return (\n              <li\n                key={row.id}\n                className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n              >\n                <div className=\"min-w-0\">\n                  <p className=\"truncate text-sm font-medium text-text-primary\">\n                    {attendeeLabel(row.attendeeId) ?? `Registration ${row.id}`}\n                  </p>\n                  <p className=\"truncate text-xs text-text-secondary\">\n                    {[`Qty ${row.quantity}`, row.totalAmount ? `${row.totalAmount} ${row.currency}` : undefined]\n                      .filter(Boolean)\n                      .join(' • ')}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 items-center gap-2\">\n                  <Badge variant={statusVariant(row.status)}>{row.status ?? 'UNKNOWN'}</Badge>\n                  <ActionMenu ariaLabel=\"Registration actions\" extraItems={statusItems} />\n                </div>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"registrations\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nfunction AttendeesSection() {\n  const { navigate } = useEventfullyManaged();\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = useAttendeesQuery({ limit: pagination.limit, offset: pagination.offset });\n\n  const items = useMemo<AttendeeGql[]>(() => data?.attendees.items ?? [], [data]);\n  const total = data?.attendees.total ?? 0;\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {loading ? 'Loading attendees…' : `Attendees (${total})`}\n        </h2>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => navigate('/registration/attendees/create')}>\n          <UserPlus className=\"h-4 w-4\" />\n          Add attendee\n        </Button>\n      </div>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-people\"\n          title=\"No attendees yet.\"\n          description=\"Add attendees or register one to build your guest list.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => (\n            <li\n              key={row.id}\n              className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{row.fullName}</p>\n                <p className=\"truncate text-xs text-text-secondary\">\n                  {[row.email, row.company, row.role].filter(Boolean).join(' • ')}\n                </p>\n              </div>\n              <ActionMenu\n                ariaLabel={`Actions for ${row.fullName}`}\n                onView={() => navigate(`/attendees/${row.id}/profile`)}\n                onEdit={() => navigate(`/registration/attendees/${row.id}/edit`)}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"attendees\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nfunction PromoCodesSection() {\n  const { navigate } = useEventfullyManaged();\n  const pagination = usePagination({ pageSize: 10 });\n  const { data, loading } = usePromoCodesQuery({ limit: pagination.limit, offset: pagination.offset });\n  const [deletePromoCode] = useDeletePromoCodeMutation();\n\n  const items = useMemo<PromoCodeGql[]>(() => data?.promoCodes.items ?? [], [data]);\n  const total = data?.promoCodes.total ?? 0;\n\n  const onDelete = async (row: PromoCodeGql) => {\n    const response = await deletePromoCode({ variables: { id: row.id } });\n    if (response.error) {\n      notify.error('Could not delete promo code', response.error.message);\n      throw response.error;\n    }\n    notify.success('Promo code deleted', row.code);\n  };\n\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <div className=\"flex items-center justify-between gap-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">\n          {loading ? 'Loading promo codes…' : `Promo Codes (${total})`}\n        </h2>\n        <Button type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => navigate('/registration/promo-codes/create')}>\n          <TicketPlus className=\"h-4 w-4\" />\n          New promo code\n        </Button>\n      </div>\n      {items.length === 0 && !loading ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No promo codes yet.\"\n          description=\"Create a code to offer discounts and drive registrations.\"\n          className=\"mt-4\"\n        />\n      ) : (\n        <ul className=\"mt-4 space-y-2\">\n          {items.map((row) => (\n            <li\n              key={row.id}\n              className=\"flex items-center justify-between gap-3 rounded-input border border-border-seam bg-bg-surface px-3 py-2\"\n            >\n              <div className=\"min-w-0\">\n                <p className=\"truncate text-sm font-medium text-text-primary\">{row.code}</p>\n                <p className=\"truncate text-xs text-text-secondary\">\n                  {row.discountType === 'PERCENT' ? `${row.discountValue}% off` : `${row.discountValue} off`}\n                  {row.maxUses != null ? ` • ${row.usedCount}/${row.maxUses} used` : ` • ${row.usedCount} used`}\n                </p>\n              </div>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <Badge variant={row.isActive ? 'default' : 'secondary'}>{row.isActive ? 'Active' : 'Inactive'}</Badge>\n                <ActionMenu\n                  ariaLabel={`Actions for ${row.code}`}\n                  onEdit={() => navigate(`/registration/promo-codes/${row.id}/edit`)}\n                  onDelete={() => onDelete(row)}\n                  entityName={row.code}\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      <Pagination\n        offset={pagination.offset}\n        limit={pagination.limit}\n        loadedCount={items.length}\n        total={total}\n        onPrev={pagination.prevPage}\n        onNext={pagination.nextPage}\n        itemLabel=\"promo codes\"\n        loading={loading}\n      />\n    </GlassCard>\n  );\n}\n\nexport default function RegistrationPage() {\n  const { navigate } = useEventfullyManaged();\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        This is where you see who is coming. Registrations are the paid or confirmed sign-ups, attendees are the people\n        behind them, and promo codes let you offer discounts. Register attendees, edit their details, change a\n        registration&apos;s status, and manage discount codes — all backed by live GraphQL APIs.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-bold text-text-primary\">\n              <GradientText>Registration</GradientText>\n            </h1>\n            <p className=\"mt-1 text-sm text-text-secondary\">\n              Track registrations, attendees, and promo codes with backend persistence.\n            </p>\n          </div>\n          <div className=\"flex flex-wrap gap-2\">\n            <Button type=\"button\" onClick={() => navigate('/registration/register')}>\n              <TicketPlus className=\"h-4 w-4\" />\n              Register attendee\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('/registration/attendees/create')}>\n              <UserPlus className=\"h-4 w-4\" />\n              Add attendee\n            </Button>\n            <Button type=\"button\" variant=\"outline\" onClick={() => navigate('/registration/promo-codes/create')}>\n              <Tag className=\"h-4 w-4\" />\n              New promo code\n            </Button>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <RegistrationsSection />\n      <AttendeesSection />\n      <PromoCodesSection />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-registration\"\n        title=\"Grow your registrations\"\n        steps={[\n          {\n            id: 'view-networking',\n            label: 'Set up attendee networking',\n            description: 'Turn registered attendees into connections with matchmaking.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'promote',\n            label: 'Promote with a campaign',\n            description: 'Send reminders and offers to drive more sign-ups.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'analyze',\n            label: 'Snapshot your numbers',\n            description: 'Capture an analytics snapshot to track registration trends.',\n            icon: <Tag className=\"h-4 w-4\" />,\n            onClick: () => navigate('/analytics'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/modules/RoadmapPanel.js

@@ -0,0 +1,95 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { CircleDot as n, Clock as r, Compass as i, Sparkles as a } from "lucide-react";
+import { Badge as o, EmphasisPanel as s, GlassCard as c, GradientText as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/modules/RoadmapPanel.tsx
+var d = {
+	exploring: {
+		label: "Exploring",
+		variant: "secondary",
+		Icon: i
+	},
+	planned: {
+		label: "Planned",
+		variant: "info",
+		Icon: r
+	},
+	"in-progress": {
+		label: "In progress",
+		variant: "warning",
+		Icon: n
+	}
+};
+function f({ title: n, summary: r, purpose: i, items: f }) {
+	return /* @__PURE__ */ t("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ e(u, { children: i }),
+			/* @__PURE__ */ t(s, { children: [
+				/* @__PURE__ */ t("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ e(a, {
+						className: "h-5 w-5 text-action-primary-bg",
+						"aria-hidden": "true"
+					}), /* @__PURE__ */ e(o, {
+						variant: "secondary",
+						className: "uppercase",
+						children: "Coming soon"
+					})]
+				}),
+				/* @__PURE__ */ e("h1", {
+					className: "mt-3 text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ e(l, { children: n })
+				}),
+				/* @__PURE__ */ e("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: r
+				})
+			] }),
+			/* @__PURE__ */ t("section", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ e("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "On the roadmap"
+				}), /* @__PURE__ */ e("div", {
+					className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
+					children: f.map((n) => {
+						let r = d[n.stage], i = r.Icon;
+						return /* @__PURE__ */ t(c, {
+							treatment: "plain",
+							className: "border-border-seam p-5",
+							children: [/* @__PURE__ */ t("div", {
+								className: "flex items-start justify-between gap-3",
+								children: [/* @__PURE__ */ e("h3", {
+									className: "text-base font-semibold text-text-primary",
+									children: n.title
+								}), /* @__PURE__ */ t(o, {
+									variant: r.variant,
+									className: "shrink-0 gap-1.5 uppercase",
+									children: [/* @__PURE__ */ e(i, {
+										className: "h-3 w-3",
+										"aria-hidden": "true"
+									}), r.label]
+								})]
+							}), /* @__PURE__ */ e("p", {
+								className: "mt-2 text-sm text-text-secondary",
+								children: n.description
+							})]
+						}, n.id);
+					})
+				})]
+			}),
+			/* @__PURE__ */ e(c, {
+				treatment: "plain",
+				className: "border-border-seam p-5",
+				children: /* @__PURE__ */ e("p", {
+					className: "text-sm text-text-secondary",
+					children: "Nothing here is live yet. When these capabilities ship they will appear in this module with real data and controls — until then this page is an honest placeholder rather than a mock."
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=RoadmapPanel.js.map

package/dist/eventfullymanaged/pages/modules/RoadmapPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RoadmapPanel.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/RoadmapPanel.tsx"],"sourcesContent":["import { CircleDot, Clock, Compass, Sparkles } from 'lucide-react';\nimport { Badge, EmphasisPanel, GlassCard, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nexport interface RoadmapItem {\n  id: string;\n  title: string;\n  description: string;\n  /** Delivery stage — controls the badge styling only. */\n  stage: 'exploring' | 'planned' | 'in-progress';\n}\n\nexport interface RoadmapPanelProps {\n  /** Area name, e.g. \"API Access\" or \"Integrations\". */\n  title: string;\n  /** One-line honest summary of what this area is (and is not) today. */\n  summary: string;\n  /** Longer honest note explaining the current state. */\n  purpose: string;\n  items: RoadmapItem[];\n}\n\nconst STAGE_META: Record<\n  RoadmapItem['stage'],\n  { label: string; variant: 'info' | 'warning' | 'secondary'; Icon: typeof Clock }\n> = {\n  exploring: { label: 'Exploring', variant: 'secondary', Icon: Compass },\n  planned: { label: 'Planned', variant: 'info', Icon: Clock },\n  'in-progress': { label: 'In progress', variant: 'warning', Icon: CircleDot },\n};\n\n/**\n * Honest \"coming soon\" / roadmap surface for EventfullyManaged areas that do not\n * yet have a real backend feature behind them. It deliberately renders NO live\n * data and makes no functional claims — it only communicates intent and stage,\n * so the app never mislabels a generic entity dashboard as a shipped capability.\n */\nexport default function RoadmapPanel({ title, summary, purpose, items }: RoadmapPanelProps) {\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>{purpose}</PagePurpose>\n\n      <EmphasisPanel>\n        <div className=\"flex items-center gap-2\">\n          <Sparkles className=\"h-5 w-5 text-action-primary-bg\" aria-hidden=\"true\" />\n          <Badge variant=\"secondary\" className=\"uppercase\">\n            Coming soon\n          </Badge>\n        </div>\n        <h1 className=\"mt-3 text-2xl font-bold text-text-primary\">\n          <GradientText>{title}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">{summary}</p>\n      </EmphasisPanel>\n\n      <section className=\"space-y-3\">\n        <h2 className=\"text-lg font-semibold text-text-primary\">On the roadmap</h2>\n        <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n          {items.map((item) => {\n            const meta = STAGE_META[item.stage];\n            const StageIcon = meta.Icon;\n            return (\n              <GlassCard key={item.id} treatment=\"plain\" className=\"border-border-seam p-5\">\n                <div className=\"flex items-start justify-between gap-3\">\n                  <h3 className=\"text-base font-semibold text-text-primary\">{item.title}</h3>\n                  <Badge variant={meta.variant} className=\"shrink-0 gap-1.5 uppercase\">\n                    <StageIcon className=\"h-3 w-3\" aria-hidden=\"true\" />\n                    {meta.label}\n                  </Badge>\n                </div>\n                <p className=\"mt-2 text-sm text-text-secondary\">{item.description}</p>\n              </GlassCard>\n            );\n          })}\n        </div>\n      </section>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <p className=\"text-sm text-text-secondary\">\n          Nothing here is live yet. When these capabilities ship they will appear in this module with real data and\n          controls — until then this page is an honest placeholder rather than a mock.\n        </p>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;AAqBA,IAAM,IAGF;CACF,WAAW;EAAE,OAAO;EAAa,SAAS;EAAa,MAAM;EAAS;CACtE,SAAS;EAAE,OAAO;EAAW,SAAS;EAAQ,MAAM;EAAO;CAC3D,eAAe;EAAE,OAAO;EAAe,SAAS;EAAW,MAAM;EAAW;CAC7E;AAQD,SAAwB,EAAa,EAAE,UAAO,YAAS,YAAS,YAA4B;AAC1F,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAc,GAAsB,CAAA;GAEpC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAU,WAAU;MAAiC,eAAY;MAAS,CAAA,EAC1E,kBAAC,GAAD;MAAO,SAAQ;MAAY,WAAU;gBAAY;MAEzC,CAAA,CACJ;;IACN,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,GAAqB,CAAA;KACjC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAoC;KAAY,CAAA;IAC/C,EAAA,CAAA;GAEhB,kBAAC,WAAD;IAAS,WAAU;cAAnB,CACE,kBAAC,MAAD;KAAI,WAAU;eAA0C;KAAmB,CAAA,EAC3E,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAM,KAAK,MAAS;MACnB,IAAM,IAAO,EAAW,EAAK,QACvB,IAAY,EAAK;AACvB,aACE,kBAAC,GAAD;OAAyB,WAAU;OAAQ,WAAU;iBAArD,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,MAAD;SAAI,WAAU;mBAA6C,EAAK;SAAW,CAAA,EAC3E,kBAAC,GAAD;SAAO,SAAS,EAAK;SAAS,WAAU;mBAAxC,CACE,kBAAC,GAAD;UAAW,WAAU;UAAU,eAAY;UAAS,CAAA,EACnD,EAAK,MACA;WACJ;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAoC,EAAK;QAAgB,CAAA,CAC5D;SATI,EAAK,GAST;OAEd;KACE,CAAA,CACE;;GAEV,kBAAC,GAAD;IAAW,WAAU;IAAQ,WAAU;cACrC,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAGvC,CAAA;IACM,CAAA;GACR"}