@burdenoff/microfe-eventfullymanaged 2026.825.1 → 2026.828.1

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

@@ -1,18 +1,19 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
 import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
 import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
-import { notify as r } from "../../lib/toast.js";
-import { useDeleteEventMutation as i, useEventsQuery as a, useSponsorsQuery as o, useVenuesQuery as s } from "../../api/eventApi.js";
-import { formatDateTime as c } from "../events/eventFormUtils.js";
-import { ActionMenu as l } from "../../components/ActionMenu.js";
-import { Pagination as u, usePagination as ee } from "../../components/Pagination.js";
-import { useMemo as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Award as te, CalendarClock as h, CalendarDays as g, CalendarPlus as _, LayoutGrid as ne, MapPin as v, Rows3 as re, Search as ie, Ticket as ae, UserCheck as y, Users as b } from "lucide-react";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as S, Button as C, EmphasisPanel as w, GlassCard as T, GradientText as oe, IllustratedEmptyState as se, Input as ce, NextSteps as le, PagePurpose as ue, Skeleton as E, Table as de, TableBody as fe, TableCell as D, TableHead as O, TableHeader as pe, TableRow as k, Tabs as me, TabsList as he, TabsTrigger as A } from "@burdenoff/fe-libs/ui";
+import { useEventsQuery as r, useSponsorsQuery as i, useVenuesQuery as a } from "../../api/eventApi.js";
+import { formatDateTime as o } from "../events/eventFormUtils.js";
+import { useEventDelete as s } from "../../hooks/useEventDelete.js";
+import "../../hooks/index.js";
+import { ActionMenu as c } from "../../components/ActionMenu.js";
+import { Pagination as l, usePagination as ee } from "../../components/Pagination.js";
+import { useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Award as m, CalendarClock as te, CalendarDays as ne, CalendarPlus as h, LayoutGrid as re, MapPin as g, Rows3 as ie, Search as _, Ticket as ae, UserCheck as v, Users as y } from "lucide-react";
+import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as b, Button as x, EmphasisPanel as S, GlassCard as C, GradientText as w, IllustratedEmptyState as T, Input as se, NextSteps as ce, PagePurpose as le, Skeleton as E, Table as ue, TableBody as D, TableCell as O, TableHead as k, TableHeader as de, TableRow as A, Tabs as fe, TabsList as pe, TabsTrigger as j } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EventsPage.tsx
-var ge = t`
+var me = t`
   query EventfullymanagedEventsRegistrations($limit: Int) {
     registrations: eventfullyManagedRegistrations(limit: $limit, offset: 0) {
       total
@@ -24,7 +25,7 @@ var ge = t`
     }
   }
 `;
-function j(e) {
+function M(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -46,29 +47,29 @@ function j(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function M(e, t) {
-	let n = e ? c(e) : "", r = t ? c(t) : "";
+function N(e, t) {
+	let n = e ? o(e) : "", r = t ? o(t) : "";
 	return n && r ? `${n} — ${r}` : n || r || "No schedule set";
 }
-function N(e, t) {
+function P(e, t) {
 	let n = Date.now(), r = e ? new Date(e).getTime() : NaN, i = t ? new Date(t).getTime() : NaN, a = !Number.isNaN(r), o = !Number.isNaN(i);
 	return !a && !o ? null : a && n < r ? "upcoming" : o && n > i ? "past" : a ? "live" : "upcoming";
 }
-function P({ icon: e, label: t, value: n, loading: r }) {
-	return /* @__PURE__ */ p(T, {
+function F({ icon: e, label: t, value: n, loading: r }) {
+	return /* @__PURE__ */ f(C, {
 		treatment: "plain",
 		className: "border-border-seam p-4",
-		children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ p("span", {
+			children: [/* @__PURE__ */ f("span", {
 				className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-button bg-bg-sunken text-text-secondary",
-				children: /* @__PURE__ */ p(e, { className: "h-4 w-4" })
-			}), /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ f(e, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ p("div", {
 				className: "min-w-0",
-				children: [r ? /* @__PURE__ */ p(E, { className: "h-6 w-12" }) : /* @__PURE__ */ p("p", {
+				children: [r ? /* @__PURE__ */ f(E, { className: "h-6 w-12" }) : /* @__PURE__ */ f("p", {
 					className: "truncate text-xl font-bold tabular-nums text-text-primary",
 					children: n
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ f("p", {
 					className: "truncate text-xs text-text-muted",
 					children: t
 				})]
@@ -76,47 +77,48 @@ function P({ icon: e, label: t, value: n, loading: r }) {
 		})
 	});
 }
-function F({ icon: e, label: t, value: n }) {
-	return /* @__PURE__ */ m("div", {
+function I({ icon: e, label: t, value: n }) {
+	return /* @__PURE__ */ p("div", {
 		className: "flex items-center gap-1.5",
 		children: [
-			/* @__PURE__ */ p(e, { className: "h-3.5 w-3.5 text-text-muted" }),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f(e, { className: "h-3.5 w-3.5 text-text-muted" }),
+			/* @__PURE__ */ f("span", {
 				className: "tabular-nums font-medium text-text-primary",
 				children: n
 			}),
-			/* @__PURE__ */ p("span", {
+			/* @__PURE__ */ f("span", {
 				className: "text-text-muted",
 				children: t
 			})
 		]
 	});
 }
-function I() {
-	let { t } = x(), c = (e, n) => {
+function L() {
+	let { t } = oe(), o = (e, n) => {
 		let r = t(e);
 		return r === e ? n : r;
-	}, { navigate: I } = e(), [L, _e] = f(""), [R, ve] = f("all"), [z, B] = f("table"), V = ee({ resetKey: L }), { data: H, loading: U, refetch: ye } = a({
-		search: L,
-		limit: V.limit,
-		offset: V.offset
-	}), [be] = i(), { data: W, loading: xe } = s({
+	}, { navigate: L } = e(), [R, he] = d(""), [z, ge] = d("all"), [B, V] = d("table"), H = ee({ resetKey: R }), { data: U, loading: W, refetch: _e } = r({
+		search: R,
+		limit: H.limit,
+		offset: H.offset
+	}), { onDeleteEvent: ve } = s(), { data: G, loading: ye } = a({
 		limit: 100,
 		offset: 0
-	}), { data: G, loading: Se } = o({
+	}), { data: K, loading: be } = i({
 		limit: 1,
 		offset: 0
-	}), { data: K, loading: Ce } = n(ge, { variables: { limit: 500 } }), q = H?.events?.total ?? 0, J = d(() => H?.events?.items ?? [], [H]), we = K?.registrations?.total ?? 0, Y = W?.venues?.total ?? 0, Te = G?.sponsors?.total ?? 0, X = async (e) => {
-		let t = await be({ variables: { id: e.id } });
-		if (t.error || !t.data?.deleteEvent) throw r.error("Could not delete event", t.error?.message ?? "The server did not confirm the change."), t.error ?? /* @__PURE__ */ Error("delete-unconfirmed");
-		r.success("Event deleted", e.name), await ye();
-	}, Z = d(() => R === "all" ? J : J.filter((e) => N(e.startAt, e.endAt) === R), [J, R]), Q = d(() => {
+	}), { data: q, loading: xe } = n(me, { variables: { limit: 500 } }), J = U?.events?.total ?? 0, Y = u(() => U?.events?.items ?? [], [U]), Se = q?.registrations?.total ?? 0, Ce = G?.venues?.total ?? 0, we = K?.sponsors?.total ?? 0, X = async (e) => {
+		await ve(e.id, {
+			name: e.name,
+			onSuccess: () => void _e()
+		});
+	}, Z = u(() => z === "all" ? Y : Y.filter((e) => P(e.startAt, e.endAt) === z), [Y, z]), Q = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of W?.venues?.items ?? []) e.set(t.id, t.name);
+		for (let t of G?.venues?.items ?? []) e.set(t.id, t.name);
 		return e;
-	}, [W]), $ = d(() => {
+	}, [G]), $ = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of K?.registrations?.items ?? []) {
+		for (let t of q?.registrations?.items ?? []) {
 			let n = e.get(t.eventId) ?? {
 				registrations: 0,
 				checkedIn: 0
@@ -124,369 +126,369 @@ function I() {
 			n.registrations += 1, t.checkedInAt && (n.checkedIn += 1), e.set(t.eventId, n);
 		}
 		return e;
-	}, [K]);
-	return /* @__PURE__ */ m("div", {
+	}, [q]);
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ p(ue, { children: c("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
-			/* @__PURE__ */ p(w, { children: /* @__PURE__ */ m("div", {
+			/* @__PURE__ */ f(le, { children: o("eventfullymanaged.events.purpose", "Events are the heart of the platform — each one is a happening you sell tickets for, register attendees to, and run on the day. Create an event, open it to reveal its agenda, speakers and ticket types, then publish it when it is ready.") }),
+			/* @__PURE__ */ f(S, { children: /* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ p(oe, { children: c("eventfullymanaged.events.title", "Events") })
-				}), /* @__PURE__ */ p("p", {
+					children: /* @__PURE__ */ f(w, { children: o("eventfullymanaged.events.title", "Events") })
+				}), /* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: c("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
-				})] }), /* @__PURE__ */ m(C, {
+					children: o("eventfullymanaged.events.description", "Create and manage live events from the workspace graph.")
+				})] }), /* @__PURE__ */ p(x, {
 					type: "button",
-					onClick: () => I("/events/create"),
-					children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), c("eventfullymanaged.events.actions.create", "Create Event")]
+					onClick: () => L("/events/create"),
+					children: [/* @__PURE__ */ f(h, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 				})]
 			}) }),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(P, {
-						icon: g,
-						label: c("eventfullymanaged.events.portfolio.events", "Events"),
-						value: q.toLocaleString(),
-						loading: U && q === 0
+					/* @__PURE__ */ f(F, {
+						icon: ne,
+						label: o("eventfullymanaged.events.portfolio.events", "Events"),
+						value: J.toLocaleString(),
+						loading: W && J === 0
 					}),
-					/* @__PURE__ */ p(P, {
-						icon: b,
-						label: c("eventfullymanaged.events.portfolio.registrations", "Registrations"),
-						value: we.toLocaleString(),
-						loading: Ce && !K
+					/* @__PURE__ */ f(F, {
+						icon: y,
+						label: o("eventfullymanaged.events.portfolio.registrations", "Registrations"),
+						value: Se.toLocaleString(),
+						loading: xe && !q
 					}),
-					/* @__PURE__ */ p(P, {
-						icon: v,
-						label: c("eventfullymanaged.events.portfolio.venues", "Venues"),
-						value: Y.toLocaleString(),
-						loading: xe && !W
+					/* @__PURE__ */ f(F, {
+						icon: g,
+						label: o("eventfullymanaged.events.portfolio.venues", "Venues"),
+						value: Ce.toLocaleString(),
+						loading: ye && !G
 					}),
-					/* @__PURE__ */ p(P, {
-						icon: te,
-						label: c("eventfullymanaged.events.portfolio.sponsors", "Sponsors"),
-						value: Te.toLocaleString(),
-						loading: Se && !G
+					/* @__PURE__ */ f(F, {
+						icon: m,
+						label: o("eventfullymanaged.events.portfolio.sponsors", "Sponsors"),
+						value: we.toLocaleString(),
+						loading: be && !K
 					})
 				]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ p(ie, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ p(ce, {
+						children: [/* @__PURE__ */ f(_, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ f(se, {
 							type: "text",
-							value: L,
-							onChange: (e) => _e(e.target.value),
-							placeholder: c("eventfullymanaged.events.searchPlaceholder", "Search events"),
-							"aria-label": c("eventfullymanaged.events.searchPlaceholder", "Search events"),
+							value: R,
+							onChange: (e) => he(e.target.value),
+							placeholder: o("eventfullymanaged.events.searchPlaceholder", "Search events"),
+							"aria-label": o("eventfullymanaged.events.searchPlaceholder", "Search events"),
 							className: "pl-10"
 						})]
 					}),
-					/* @__PURE__ */ p(me, {
-						value: R,
-						onValueChange: (e) => ve(e),
+					/* @__PURE__ */ f(fe, {
+						value: z,
+						onValueChange: (e) => ge(e),
 						className: "w-full sm:w-auto",
-						children: /* @__PURE__ */ m(he, {
+						children: /* @__PURE__ */ p(pe, {
 							className: "w-full overflow-x-auto sm:w-auto",
 							children: [
-								/* @__PURE__ */ p(A, {
+								/* @__PURE__ */ f(j, {
 									value: "all",
-									children: c("eventfullymanaged.events.filters.all", "All")
+									children: o("eventfullymanaged.events.filters.all", "All")
 								}),
-								/* @__PURE__ */ p(A, {
+								/* @__PURE__ */ f(j, {
 									value: "upcoming",
-									children: c("eventfullymanaged.events.filters.upcoming", "Upcoming")
+									children: o("eventfullymanaged.events.filters.upcoming", "Upcoming")
 								}),
-								/* @__PURE__ */ p(A, {
+								/* @__PURE__ */ f(j, {
 									value: "live",
-									children: c("eventfullymanaged.events.filters.live", "Live")
+									children: o("eventfullymanaged.events.filters.live", "Live")
 								}),
-								/* @__PURE__ */ p(A, {
+								/* @__PURE__ */ f(j, {
 									value: "past",
-									children: c("eventfullymanaged.events.filters.past", "Past")
+									children: o("eventfullymanaged.events.filters.past", "Past")
 								})
 							]
 						})
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex shrink-0 items-center gap-1 self-start rounded-button border border-border-seam p-1 sm:self-auto",
-						children: [/* @__PURE__ */ p(C, {
+						children: [/* @__PURE__ */ f(x, {
 							type: "button",
-							variant: z === "table" ? "default" : "ghost",
+							variant: B === "table" ? "default" : "ghost",
 							size: "sm",
-							"aria-pressed": z === "table",
-							"aria-label": c("eventfullymanaged.events.view.table", "Table view"),
-							onClick: () => B("table"),
-							children: /* @__PURE__ */ p(re, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ p(C, {
+							"aria-pressed": B === "table",
+							"aria-label": o("eventfullymanaged.events.view.table", "Table view"),
+							onClick: () => V("table"),
+							children: /* @__PURE__ */ f(ie, { className: "h-4 w-4" })
+						}), /* @__PURE__ */ f(x, {
 							type: "button",
-							variant: z === "cards" ? "default" : "ghost",
+							variant: B === "cards" ? "default" : "ghost",
 							size: "sm",
-							"aria-pressed": z === "cards",
-							"aria-label": c("eventfullymanaged.events.view.cards", "Card view"),
-							onClick: () => B("cards"),
-							children: /* @__PURE__ */ p(ne, { className: "h-4 w-4" })
+							"aria-pressed": B === "cards",
+							"aria-label": o("eventfullymanaged.events.view.cards", "Card view"),
+							onClick: () => V("cards"),
+							children: /* @__PURE__ */ f(re, { className: "h-4 w-4" })
 						})]
 					})
 				]
 			}),
-			U ? /* @__PURE__ */ m("div", {
+			W ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [
-					/* @__PURE__ */ p(E, { className: "h-28 w-full rounded-card" }),
-					/* @__PURE__ */ p(E, { className: "h-28 w-full rounded-card" }),
-					/* @__PURE__ */ p(E, { className: "h-28 w-full rounded-card" })
+					/* @__PURE__ */ f(E, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(E, { className: "h-28 w-full rounded-card" }),
+					/* @__PURE__ */ f(E, { className: "h-28 w-full rounded-card" })
 				]
-			}) : J.length === 0 ? /* @__PURE__ */ p(T, {
+			}) : Y.length === 0 ? /* @__PURE__ */ f(C, {
 				treatment: "plain",
 				className: "border-border-seam",
-				children: /* @__PURE__ */ p(se, {
-					illustration: L ? "empty-search" : "empty-data",
-					title: L ? c("eventfullymanaged.events.list.emptySearch", "No events match your search.") : c("eventfullymanaged.events.list.empty", "No events yet."),
-					description: L ? c("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : c("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
-					action: L ? void 0 : /* @__PURE__ */ m(C, {
+				children: /* @__PURE__ */ f(T, {
+					illustration: R ? "empty-search" : "empty-data",
+					title: R ? o("eventfullymanaged.events.list.emptySearch", "No events match your search.") : o("eventfullymanaged.events.list.empty", "No events yet."),
+					description: R ? o("eventfullymanaged.events.list.emptySearchHint", "Try a different name.") : o("eventfullymanaged.events.list.emptyHint", "Create your first event to get started."),
+					action: R ? void 0 : /* @__PURE__ */ p(x, {
 						type: "button",
-						onClick: () => I("/events/create"),
-						children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), c("eventfullymanaged.events.actions.create", "Create Event")]
+						onClick: () => L("/events/create"),
+						children: [/* @__PURE__ */ f(h, { className: "h-4 w-4" }), o("eventfullymanaged.events.actions.create", "Create Event")]
 					})
 				})
-			}) : Z.length === 0 ? /* @__PURE__ */ m("div", {
+			}) : Z.length === 0 ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ p(T, {
+				children: [/* @__PURE__ */ f(C, {
 					treatment: "plain",
 					className: "border-border-seam",
-					children: /* @__PURE__ */ p("p", {
+					children: /* @__PURE__ */ f("p", {
 						className: "px-2 py-8 text-center text-sm text-text-secondary",
-						children: c("eventfullymanaged.events.filters.empty", `No ${R} events on this page. Switch tabs or move to another page.`)
+						children: o("eventfullymanaged.events.filters.empty", `No ${z} events on this page. Switch tabs or move to another page.`)
 					})
-				}), /* @__PURE__ */ p(u, {
-					offset: V.offset,
-					limit: V.limit,
-					loadedCount: J.length,
-					total: q,
-					onPrev: V.prevPage,
-					onNext: V.nextPage,
+				}), /* @__PURE__ */ f(l, {
+					offset: H.offset,
+					limit: H.limit,
+					loadedCount: Y.length,
+					total: J,
+					onPrev: H.prevPage,
+					onNext: H.nextPage,
 					itemLabel: "events",
-					loading: U
+					loading: W
 				})]
-			}) : z === "table" ? /* @__PURE__ */ m("div", {
+			}) : B === "table" ? /* @__PURE__ */ p("div", {
 				className: "space-y-3",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ f("div", {
 					className: "overflow-hidden rounded-card border border-border-seam",
-					children: /* @__PURE__ */ m(de, { children: [/* @__PURE__ */ p(pe, { children: /* @__PURE__ */ m(k, { children: [
-						/* @__PURE__ */ p(O, { children: c("eventfullymanaged.events.table.name", "Event") }),
-						/* @__PURE__ */ p(O, { children: c("eventfullymanaged.events.table.date", "Date") }),
-						/* @__PURE__ */ p(O, { children: c("eventfullymanaged.events.table.venue", "Venue") }),
-						/* @__PURE__ */ p(O, { children: c("eventfullymanaged.events.table.status", "Status") }),
-						/* @__PURE__ */ p(O, {
+					children: /* @__PURE__ */ p(ue, { children: [/* @__PURE__ */ f(de, { children: /* @__PURE__ */ p(A, { children: [
+						/* @__PURE__ */ f(k, { children: o("eventfullymanaged.events.table.name", "Event") }),
+						/* @__PURE__ */ f(k, { children: o("eventfullymanaged.events.table.date", "Date") }),
+						/* @__PURE__ */ f(k, { children: o("eventfullymanaged.events.table.venue", "Venue") }),
+						/* @__PURE__ */ f(k, { children: o("eventfullymanaged.events.table.status", "Status") }),
+						/* @__PURE__ */ f(k, {
 							className: "text-right",
-							children: c("eventfullymanaged.events.table.attendees", "Attendees")
+							children: o("eventfullymanaged.events.table.attendees", "Attendees")
 						}),
-						/* @__PURE__ */ p(O, {
+						/* @__PURE__ */ f(k, {
 							className: "w-10",
-							"aria-label": c("eventfullymanaged.events.table.actions", "Actions")
+							"aria-label": o("eventfullymanaged.events.table.actions", "Actions")
 						})
-					] }) }), /* @__PURE__ */ p(fe, { children: Z.map((e) => {
-						let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, o = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
-						return /* @__PURE__ */ m(k, {
+					] }) }), /* @__PURE__ */ f(D, { children: Z.map((e) => {
+						let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, s = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+						return /* @__PURE__ */ p(A, {
 							className: "cursor-pointer",
 							tabIndex: 0,
 							"aria-label": e.name,
-							onClick: () => I(`/events/${e.id}`),
+							onClick: () => L(`/events/${e.id}`),
 							onKeyDown: (t) => {
-								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), I(`/events/${e.id}`));
+								(t.key === "Enter" || t.key === " ") && (t.preventDefault(), L(`/events/${e.id}`));
 							},
 							children: [
-								/* @__PURE__ */ p(D, {
+								/* @__PURE__ */ f(O, {
 									className: "max-w-[18rem]",
-									children: /* @__PURE__ */ m("div", {
+									children: /* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-2",
-										children: [/* @__PURE__ */ p("span", {
+										children: [/* @__PURE__ */ f("span", {
 											className: "truncate font-medium text-text-primary",
 											children: e.name
-										}), e.type ? /* @__PURE__ */ p(S, {
+										}), e.type ? /* @__PURE__ */ f(b, {
 											variant: "secondary",
 											className: "shrink-0 capitalize",
 											children: e.type.toLowerCase().replace(/_/g, " ")
 										}) : null]
 									})
 								}),
-								/* @__PURE__ */ p(D, {
+								/* @__PURE__ */ f(O, {
 									className: "whitespace-nowrap text-text-secondary",
-									children: M(e.startAt, e.endAt)
+									children: N(e.startAt, e.endAt)
 								}),
-								/* @__PURE__ */ p(D, {
+								/* @__PURE__ */ f(O, {
 									className: "text-text-secondary",
-									children: r ?? c("eventfullymanaged.events.card.noVenue", "No venue")
+									children: r ?? o("eventfullymanaged.events.card.noVenue", "No venue")
 								}),
-								/* @__PURE__ */ p(D, { children: e.status ? /* @__PURE__ */ p(S, {
-									variant: j(e.status),
+								/* @__PURE__ */ f(O, { children: e.status ? /* @__PURE__ */ f(b, {
+									variant: M(e.status),
 									className: "uppercase",
 									children: e.status
 								}) : "—" }),
-								/* @__PURE__ */ m(D, {
+								/* @__PURE__ */ p(O, {
 									className: "whitespace-nowrap text-right tabular-nums text-text-primary",
-									children: [a.toLocaleString(), /* @__PURE__ */ m("span", {
+									children: [a.toLocaleString(), /* @__PURE__ */ p("span", {
 										className: "ml-1 text-xs text-text-muted",
 										children: [
 											"(",
-											o,
+											s,
 											"%)"
 										]
 									})]
 								}),
-								/* @__PURE__ */ p(D, {
+								/* @__PURE__ */ f(O, {
 									onClick: (e) => e.stopPropagation(),
 									onKeyDown: (e) => e.stopPropagation(),
-									children: /* @__PURE__ */ p(l, {
+									children: /* @__PURE__ */ f(c, {
 										ariaLabel: `Event actions for ${e.name}`,
 										entityName: e.name,
 										deleteLabel: "Delete event",
-										onView: () => I(`/events/${e.id}`),
-										onEdit: () => I(`/events/${e.id}/edit`),
+										onView: () => L(`/events/${e.id}`),
+										onEdit: () => L(`/events/${e.id}/edit`),
 										onDelete: () => X(e)
 									})
 								})
 							]
 						}, e.id);
 					}) })] })
-				}), /* @__PURE__ */ p(u, {
-					offset: V.offset,
-					limit: V.limit,
-					loadedCount: J.length,
-					total: q,
-					onPrev: V.prevPage,
-					onNext: V.nextPage,
+				}), /* @__PURE__ */ f(l, {
+					offset: H.offset,
+					limit: H.limit,
+					loadedCount: Y.length,
+					total: J,
+					onPrev: H.prevPage,
+					onNext: H.nextPage,
 					itemLabel: "events",
-					loading: U
+					loading: W
 				})]
-			}) : /* @__PURE__ */ m("div", {
+			}) : /* @__PURE__ */ p("div", {
 				className: "space-y-3",
 				children: [Z.map((e) => {
-					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, o = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
-					return /* @__PURE__ */ m(T, {
+					let t = e.metadata ?? {}, n = typeof t.venueId == "string" ? t.venueId : "", r = n ? Q.get(n) : void 0, i = $.get(e.id), a = i?.registrations ?? 0, s = a > 0 ? Math.round((i?.checkedIn ?? 0) / a * 100) : 0;
+					return /* @__PURE__ */ p(C, {
 						treatment: "plain",
 						role: "button",
 						tabIndex: 0,
 						"aria-label": e.name,
 						className: "group relative cursor-pointer overflow-hidden border-border-seam p-0 outline-none transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1 focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
-						onClick: () => I(`/events/${e.id}`),
+						onClick: () => L(`/events/${e.id}`),
 						onKeyDown: (t) => {
-							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), I(`/events/${e.id}`));
+							(t.key === "Enter" || t.key === " ") && (t.preventDefault(), L(`/events/${e.id}`));
 						},
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ f("span", {
 							"aria-hidden": "true",
 							className: "absolute inset-y-0 left-0 w-1.5 bg-gradient-to-b from-[var(--color-chart-1)] to-[var(--color-chart-2)]"
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "flex flex-col gap-3 py-4 pl-5 pr-4 sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ m("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "min-w-0 space-y-2",
 								children: [
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-2",
 										children: [
-											/* @__PURE__ */ p("p", {
+											/* @__PURE__ */ f("p", {
 												className: "truncate text-lg font-semibold text-text-primary",
 												children: e.name
 											}),
-											e.status ? /* @__PURE__ */ p(S, {
-												variant: j(e.status),
+											e.status ? /* @__PURE__ */ f(b, {
+												variant: M(e.status),
 												className: "uppercase",
 												children: e.status
 											}) : null,
-											e.type ? /* @__PURE__ */ p(S, {
+											e.type ? /* @__PURE__ */ f(b, {
 												variant: "secondary",
 												className: "capitalize",
 												children: e.type.toLowerCase().replace(/_/g, " ")
 											}) : null
 										]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-text-secondary",
-										children: [/* @__PURE__ */ m("span", {
+										children: [/* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ p(h, { className: "h-4 w-4 shrink-0 text-text-muted" }), M(e.startAt, e.endAt)]
-										}), /* @__PURE__ */ m("span", {
+											children: [/* @__PURE__ */ f(te, { className: "h-4 w-4 shrink-0 text-text-muted" }), N(e.startAt, e.endAt)]
+										}), /* @__PURE__ */ p("span", {
 											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ p(v, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? c("eventfullymanaged.events.card.noVenue", "No venue")]
+											children: [/* @__PURE__ */ f(g, { className: "h-4 w-4 shrink-0 text-text-muted" }), r ?? o("eventfullymanaged.events.card.noVenue", "No venue")]
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ p("div", {
 										className: "flex flex-wrap items-center gap-x-4 gap-y-1 text-xs",
 										children: [
-											/* @__PURE__ */ p(F, {
-												icon: y,
-												label: c("eventfullymanaged.events.card.registered", "registered"),
+											/* @__PURE__ */ f(I, {
+												icon: v,
+												label: o("eventfullymanaged.events.card.registered", "registered"),
 												value: a.toLocaleString()
 											}),
-											/* @__PURE__ */ p(F, {
-												icon: y,
-												label: c("eventfullymanaged.events.card.checkedIn", "checked in"),
-												value: `${o}%`
+											/* @__PURE__ */ f(I, {
+												icon: v,
+												label: o("eventfullymanaged.events.card.checkedIn", "checked in"),
+												value: `${s}%`
 											}),
-											/* @__PURE__ */ p(F, {
-												icon: b,
-												label: c("eventfullymanaged.events.card.capacity", "capacity"),
+											/* @__PURE__ */ f(I, {
+												icon: y,
+												label: o("eventfullymanaged.events.card.capacity", "capacity"),
 												value: e.capacity == null ? "—" : e.capacity.toLocaleString()
 											})
 										]
 									})
 								]
-							}), /* @__PURE__ */ p("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "flex shrink-0 items-center gap-2 self-start sm:self-center",
 								onClick: (e) => e.stopPropagation(),
 								onKeyDown: (e) => e.stopPropagation(),
 								role: "presentation",
-								children: /* @__PURE__ */ p(l, {
+								children: /* @__PURE__ */ f(c, {
 									ariaLabel: `Event actions for ${e.name}`,
 									entityName: e.name,
 									deleteLabel: "Delete event",
-									onView: () => I(`/events/${e.id}`),
-									onEdit: () => I(`/events/${e.id}/edit`),
+									onView: () => L(`/events/${e.id}`),
+									onEdit: () => L(`/events/${e.id}/edit`),
 									onDelete: () => X(e)
 								})
 							})]
 						})]
 					}, e.id);
-				}), /* @__PURE__ */ p(u, {
-					offset: V.offset,
-					limit: V.limit,
-					loadedCount: J.length,
-					total: q,
-					onPrev: V.prevPage,
-					onNext: V.nextPage,
+				}), /* @__PURE__ */ f(l, {
+					offset: H.offset,
+					limit: H.limit,
+					loadedCount: Y.length,
+					total: J,
+					onPrev: H.prevPage,
+					onNext: H.nextPage,
 					itemLabel: "events",
-					loading: U
+					loading: W
 				})]
 			}),
-			/* @__PURE__ */ p(le, {
+			/* @__PURE__ */ f(ce, {
 				storageKey: "eventfullymanaged-events",
-				title: c("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
+				title: o("eventfullymanaged.events.nextSteps.title", "Finish setting up your event"),
 				steps: [
 					{
 						id: "configure-registration",
-						label: c("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
-						description: c("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
-						icon: /* @__PURE__ */ p(ae, { className: "h-4 w-4" }),
-						onClick: () => I("/registration")
+						label: o("eventfullymanaged.events.nextSteps.registration", "Configure registration & tickets"),
+						description: o("eventfullymanaged.events.nextSteps.registrationDesc", "Open an event and define ticket types so people can register."),
+						icon: /* @__PURE__ */ f(ae, { className: "h-4 w-4" }),
+						onClick: () => L("/registration")
 					},
 					{
 						id: "plan-networking",
-						label: c("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
-						description: c("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
-						icon: /* @__PURE__ */ p(b, { className: "h-4 w-4" }),
-						onClick: () => I("/networking")
+						label: o("eventfullymanaged.events.nextSteps.networking", "Plan networking & sessions"),
+						description: o("eventfullymanaged.events.nextSteps.networkingDesc", "Set up attendee matchmaking and meeting schedules."),
+						icon: /* @__PURE__ */ f(y, { className: "h-4 w-4" }),
+						onClick: () => L("/networking")
 					},
 					{
 						id: "announce",
-						label: c("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
-						description: c("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
-						icon: /* @__PURE__ */ p(_, { className: "h-4 w-4" }),
-						onClick: () => I("/communication")
+						label: o("eventfullymanaged.events.nextSteps.announce", "Announce to attendees"),
+						description: o("eventfullymanaged.events.nextSteps.announceDesc", "Send announcements and run communication campaigns."),
+						icon: /* @__PURE__ */ f(h, { className: "h-4 w-4" }),
+						onClick: () => L("/communication")
 					}
 				]
 			})
@@ -494,6 +496,6 @@ function I() {
 	});
 }
 //#endregion
-export { I as default };
+export { L as default };
 
 //# sourceMappingURL=EventsPage.js.map