@burdenoff/microfe-eventfullymanaged 2026.730.1 → 2026.801.1

package/dist/eventfullymanaged/pages/events/EventDetailPage.js

@@ -8,12 +8,12 @@ import { formatDateTime as f } from "./eventFormUtils.js";
 import { ActionMenu as p } from "../../components/ActionMenu.js";
 import { Pagination as m, usePagination as h } from "../../components/Pagination.js";
 import { useMemo as g, useState as _ } from "react";
-import { useParams as v } from "react-router-dom";
+import { useParams as v } from "react-router";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
-import { ArrowLeft as S, CalendarClock as C, Clock as w, Edit as T, Eye as E, MapPin as D, Mic2 as O, Plus as k, Ticket as A, Users as j } from "lucide-react";
-import { Badge as M, Button as N, GlassCard as P, IllustratedEmptyState as F, Skeleton as I, Tabs as L, TabsContent as R, TabsList as z, TabsTrigger as B } from "@burdenoff/fe-libs/ui";
+import { ArrowLeft as S, CalendarClock as C, Clock as w, Edit as T, Eye as E, MapPin as D, Mic2 as O, Plus as k, Ticket as A, Users as j, Video as M } from "lucide-react";
+import { Badge as N, Button as P, GlassCard as F, IllustratedEmptyState as I, Skeleton as L, Tabs as R, TabsContent as z, TabsList as B, TabsTrigger as V } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/events/EventDetailPage.tsx
-function V(e) {
+function H(e) {
 	let t = e.toLowerCase();
 	return [
 		"active",
@@ -35,24 +35,24 @@ function V(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-function H(e, t) {
+function U(e, t) {
 	let n = new Date(e).getTime(), r = new Date(t).getTime();
 	if (Number.isNaN(n) || Number.isNaN(r) || r <= n) return "";
 	let i = Math.round((r - n) / 6e4), a = Math.floor(i / 60), o = i % 60;
 	return a && o ? `${a}h ${o}m` : a ? `${a}h` : `${o}m`;
 }
-function U(e) {
+function W(e) {
 	let t = e < 12 ? "AM" : "PM";
 	return `${e % 12 == 0 ? 12 : e % 12}:00 ${t}`;
 }
-function W(e) {
+function G(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : t.toLocaleTimeString(void 0, {
 		hour: "numeric",
 		minute: "2-digit"
 	});
 }
-var G = t`
+var K = t`
   query EventfullymanagedScheduleSessions($eventId: ID, $limit: Int, $offset: Int) {
     eventSessions: eventfullyManagedEventSessions(eventId: $eventId, limit: $limit, offset: $offset) {
       total
@@ -70,13 +70,13 @@ var G = t`
       }
     }
   }
-`, K = "General";
-function q(e) {
+`, q = "General";
+function J(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "unknown" : t.toISOString().slice(0, 10);
 }
-function J({ session: e, color: t, speakerName: n, roomName: r, onEdit: i, onDelete: a }) {
-	let o = H(e.startsAt, e.endsAt);
+function Y({ session: e, color: t, speakerName: n, roomName: r, onEdit: i, onDelete: a }) {
+	let o = U(e.startsAt, e.endsAt);
 	return /* @__PURE__ */ x("div", {
 		className: "relative rounded-card border border-border-subtle p-3 shadow-elevation-1",
 		style: {
@@ -118,14 +118,14 @@ function J({ session: e, color: t, speakerName: n, roomName: r, onEdit: i, onDel
 				}) : null,
 				/* @__PURE__ */ x("div", {
 					className: "flex items-center gap-1.5",
-					children: [/* @__PURE__ */ b(w, { className: "h-3.5 w-3.5 shrink-0 text-text-muted" }), /* @__PURE__ */ x("span", { children: [W(e.startsAt), o ? ` · ${o}` : ""] })]
+					children: [/* @__PURE__ */ b(w, { className: "h-3.5 w-3.5 shrink-0 text-text-muted" }), /* @__PURE__ */ x("span", { children: [G(e.startsAt), o ? ` · ${o}` : ""] })]
 				})
 			]
 		})]
 	});
 }
-function Y({ eventId: t }) {
-	let { navigate: a } = e(), o = h(), { data: s, loading: l, refetch: f } = n(G, { variables: {
+function X({ eventId: t }) {
+	let { navigate: a } = e(), o = h(), { data: s, loading: l, refetch: f } = n(K, { variables: {
 		eventId: t,
 		limit: o.limit,
 		offset: o.offset
@@ -146,18 +146,18 @@ function Y({ eventId: t }) {
 	}, [_]), T = g(() => {
 		let e = /* @__PURE__ */ new Map(), t = 0;
 		for (let n of S) {
-			let r = n.track?.trim() || K;
+			let r = n.track?.trim() || q;
 			e.has(r) || (e.set(r, d[t % d.length]), t += 1);
 		}
 		return e;
 	}, [S]), E = g(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of [...S].sort((e, t) => new Date(e.startsAt).getTime() - new Date(t.startsAt).getTime())) {
-			let n = q(t.startsAt), r = e.get(n) ?? [];
+			let n = J(t.startsAt), r = e.get(n) ?? [];
 			r.push(t), e.set(n, r);
 		}
 		return Array.from(e.entries()).map(([e, t]) => {
-			let n = Array.from(new Set(t.map((e) => e.track?.trim() || K))), r = t.map((e) => new Date(e.startsAt).getHours()).filter((e) => !Number.isNaN(e)), i = r.length ? Math.min(...r) : 9, a = r.length ? Math.max(...r) : 17, o = [];
+			let n = Array.from(new Set(t.map((e) => e.track?.trim() || q))), r = t.map((e) => new Date(e.startsAt).getHours()).filter((e) => !Number.isNaN(e)), i = r.length ? Math.min(...r) : 9, a = r.length ? Math.max(...r) : 17, o = [];
 			for (let e = i; e <= a; e += 1) o.push(e);
 			return {
 				key: e,
@@ -186,18 +186,18 @@ function Y({ eventId: t }) {
 				}), /* @__PURE__ */ b("p", {
 					className: "text-sm text-text-secondary",
 					children: "A multi-track schedule of everything happening on the day."
-				})] }), /* @__PURE__ */ x(N, {
+				})] }), /* @__PURE__ */ x(P, {
 					type: "button",
 					size: "sm",
 					onClick: () => a(`/events/${t}/sessions/create`),
 					children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Session"]
 				})]
 			}),
-			l ? /* @__PURE__ */ b(I, { className: "h-64 w-full rounded-card" }) : S.length === 0 ? /* @__PURE__ */ b(F, {
+			l ? /* @__PURE__ */ b(L, { className: "h-64 w-full rounded-card" }) : S.length === 0 ? /* @__PURE__ */ b(I, {
 				illustration: "empty-data",
 				title: "No sessions yet.",
 				description: "Build the agenda by adding your first session.",
-				action: /* @__PURE__ */ x(N, {
+				action: /* @__PURE__ */ x(P, {
 					type: "button",
 					size: "sm",
 					onClick: () => a(`/events/${t}/sessions/create`),
@@ -239,10 +239,10 @@ function Y({ eventId: t }) {
 										className: "contents",
 										children: [/* @__PURE__ */ b("div", {
 											className: "sticky left-0 z-10 border-b border-border-subtle bg-bg-surface px-3 py-3 text-xs font-medium text-text-muted",
-											children: U(n)
+											children: W(n)
 										}), e.tracks.map((r) => /* @__PURE__ */ b("div", {
 											className: "space-y-2 border-b border-l border-border-subtle p-2 align-top",
-											children: e.sessions.filter((e) => (e.track?.trim() || K) === r && new Date(e.startsAt).getHours() === n).map((e) => /* @__PURE__ */ b(J, {
+											children: e.sessions.filter((e) => (e.track?.trim() || q) === r && new Date(e.startsAt).getHours() === n).map((e) => /* @__PURE__ */ b(Y, {
 												session: e,
 												color: T.get(r) ?? d[0],
 												speakerName: O(e),
@@ -258,8 +258,8 @@ function Y({ eventId: t }) {
 						/* @__PURE__ */ b("ul", {
 							className: "space-y-2.5 md:hidden",
 							children: e.sessions.map((e) => {
-								let n = e.track?.trim() || K;
-								return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(J, {
+								let n = e.track?.trim() || q;
+								return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ b(Y, {
 									session: e,
 									color: T.get(n) ?? d[0],
 									speakerName: O(e),
@@ -285,7 +285,7 @@ function Y({ eventId: t }) {
 		]
 	});
 }
-function X() {
+function Z() {
 	let { navigate: t } = e(), n = h(), { data: i, loading: o, refetch: s } = c({
 		limit: n.limit,
 		offset: n.offset
@@ -305,13 +305,13 @@ function X() {
 					children: "Speakers"
 				}), /* @__PURE__ */ x("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ b(N, {
+					children: [/* @__PURE__ */ b(P, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
 						onClick: () => t("/speakers"),
 						children: "Manage speakers"
-					}), /* @__PURE__ */ x(N, {
+					}), /* @__PURE__ */ x(P, {
 						type: "button",
 						size: "sm",
 						onClick: () => t("/speakers/create"),
@@ -319,7 +319,7 @@ function X() {
 					})]
 				})]
 			}),
-			o ? /* @__PURE__ */ b(I, { className: "h-40 w-full rounded-card" }) : d.length === 0 ? /* @__PURE__ */ b(F, {
+			o ? /* @__PURE__ */ b(L, { className: "h-40 w-full rounded-card" }) : d.length === 0 ? /* @__PURE__ */ b(I, {
 				illustration: "empty-people",
 				title: "No speakers yet.",
 				description: "Add speakers so you can assign them to sessions.",
@@ -368,7 +368,7 @@ function X() {
 		]
 	});
 }
-function Z({ eventId: t }) {
+function Q({ eventId: t }) {
 	let { navigate: n } = e(), i = h(), { data: a, loading: s, refetch: c } = l({
 		eventId: t,
 		limit: i.limit,
@@ -387,14 +387,14 @@ function Z({ eventId: t }) {
 				children: [/* @__PURE__ */ b("h2", {
 					className: "text-lg font-semibold text-text-primary",
 					children: "Ticket Types"
-				}), /* @__PURE__ */ x(N, {
+				}), /* @__PURE__ */ x(P, {
 					type: "button",
 					size: "sm",
 					onClick: () => n(`/events/${t}/tickets/create`),
 					children: [/* @__PURE__ */ b(k, { className: "h-4 w-4" }), "New Ticket Type"]
 				})]
 			}),
-			s ? /* @__PURE__ */ b(I, { className: "h-40 w-full rounded-card" }) : f.length === 0 ? /* @__PURE__ */ b(F, {
+			s ? /* @__PURE__ */ b(L, { className: "h-40 w-full rounded-card" }) : f.length === 0 ? /* @__PURE__ */ b(I, {
 				illustration: "empty-data",
 				title: "No ticket types yet.",
 				description: "Add a ticket type so attendees can register.",
@@ -422,7 +422,7 @@ function Z({ eventId: t }) {
 								})]
 							}), /* @__PURE__ */ x("div", {
 								className: "flex shrink-0 items-center gap-2",
-								children: [/* @__PURE__ */ b(M, {
+								children: [/* @__PURE__ */ b(N, {
 									variant: e.isActive ? "success" : "warning",
 									className: "uppercase",
 									children: e.isActive ? "Active" : "Inactive"
@@ -486,8 +486,8 @@ function Z({ eventId: t }) {
 		]
 	});
 }
-function Q({ label: e, value: t, icon: n }) {
-	return /* @__PURE__ */ x(P, {
+function $({ label: e, value: t, icon: n }) {
+	return /* @__PURE__ */ x(F, {
 		treatment: "metric",
 		className: "p-4",
 		children: [
@@ -506,8 +506,8 @@ function Q({ label: e, value: t, icon: n }) {
 		]
 	});
 }
-function $() {
-	let { id: t = "" } = v(), { navigate: r } = e(), { data: i, loading: a } = s(t), { data: o } = n(G, {
+function ee() {
+	let { id: t = "" } = v(), { navigate: r } = e(), { data: i, loading: a } = s(t), { data: o } = n(K, {
 		variables: {
 			eventId: t,
 			limit: 200
@@ -527,9 +527,9 @@ function $() {
 	return a ? /* @__PURE__ */ x("div", {
 		className: "space-y-4 p-6",
 		children: [
-			/* @__PURE__ */ b(I, { className: "h-8 w-40" }),
-			/* @__PURE__ */ b(I, { className: "h-24 w-full rounded-card" }),
-			/* @__PURE__ */ b(I, { className: "h-64 w-full rounded-card" })
+			/* @__PURE__ */ b(L, { className: "h-8 w-40" }),
+			/* @__PURE__ */ b(L, { className: "h-24 w-full rounded-card" }),
+			/* @__PURE__ */ b(L, { className: "h-64 w-full rounded-card" })
 		]
 	}) : h ? /* @__PURE__ */ x("div", {
 		className: "space-y-6 p-6",
@@ -538,7 +538,7 @@ function $() {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
 				children: [/* @__PURE__ */ x("div", {
 					className: "space-y-3",
-					children: [/* @__PURE__ */ x(N, {
+					children: [/* @__PURE__ */ x(P, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
@@ -549,8 +549,8 @@ function $() {
 						children: [/* @__PURE__ */ b("h1", {
 							className: "text-2xl font-bold text-text-primary",
 							children: h.name
-						}), /* @__PURE__ */ b(M, {
-							variant: V(h.status),
+						}), /* @__PURE__ */ b(N, {
+							variant: H(h.status),
 							className: "uppercase",
 							children: h.status
 						})]
@@ -569,65 +569,73 @@ function $() {
 							children: [/* @__PURE__ */ b(D, { className: "h-4 w-4 text-text-muted" }), w]
 						}) : null]
 					})] })]
-				}), /* @__PURE__ */ x(N, {
-					type: "button",
-					onClick: () => r(`/events/${t}/edit`),
-					children: [/* @__PURE__ */ b(T, { className: "h-4 w-4" }), "Edit Event"]
+				}), /* @__PURE__ */ x("div", {
+					className: "flex flex-wrap gap-2",
+					children: [h.type === "VIRTUAL" || h.type === "HYBRID" ? /* @__PURE__ */ x(P, {
+						type: "button",
+						variant: "outline",
+						onClick: () => r(`/events/${t}/virtual`),
+						children: [/* @__PURE__ */ b(M, { className: "h-4 w-4" }), "Virtual Session"]
+					}) : null, /* @__PURE__ */ x(P, {
+						type: "button",
+						onClick: () => r(`/events/${t}/edit`),
+						children: [/* @__PURE__ */ b(T, { className: "h-4 w-4" }), "Edit Event"]
+					})]
 				})]
 			}),
 			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ b(Q, {
+					/* @__PURE__ */ b($, {
 						label: "Capacity",
 						value: (h.capacity ?? 0).toLocaleString(),
 						icon: j
 					}),
-					/* @__PURE__ */ b(Q, {
+					/* @__PURE__ */ b($, {
 						label: "Sessions",
 						value: O.toLocaleString(),
 						icon: C
 					}),
-					/* @__PURE__ */ b(Q, {
+					/* @__PURE__ */ b($, {
 						label: "Ticket types",
 						value: (c?.ticketTypes?.total ?? 0).toLocaleString(),
 						icon: A
 					}),
-					/* @__PURE__ */ b(Q, {
+					/* @__PURE__ */ b($, {
 						label: "Tickets sold",
 						value: k.toLocaleString(),
 						icon: E
 					})
 				]
 			}),
-			/* @__PURE__ */ x(L, {
+			/* @__PURE__ */ x(R, {
 				value: p,
 				onValueChange: m,
 				children: [
-					/* @__PURE__ */ x(z, { children: [
-						/* @__PURE__ */ b(B, {
+					/* @__PURE__ */ x(B, { children: [
+						/* @__PURE__ */ b(V, {
 							value: "overview",
 							children: "Overview"
 						}),
-						/* @__PURE__ */ b(B, {
+						/* @__PURE__ */ b(V, {
 							value: "sessions",
 							children: "Sessions"
 						}),
-						/* @__PURE__ */ b(B, {
+						/* @__PURE__ */ b(V, {
 							value: "speakers",
 							children: "Speakers"
 						}),
-						/* @__PURE__ */ b(B, {
+						/* @__PURE__ */ b(V, {
 							value: "tickets",
 							children: "Tickets"
 						})
 					] }),
-					/* @__PURE__ */ b(R, {
+					/* @__PURE__ */ b(z, {
 						value: "overview",
 						className: "mt-4",
 						children: /* @__PURE__ */ x("div", {
 							className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-							children: [/* @__PURE__ */ x(P, {
+							children: [/* @__PURE__ */ x(F, {
 								treatment: "plain",
 								className: "border-border-seam p-5 lg:col-span-2",
 								children: [
@@ -659,7 +667,7 @@ function $() {
 													children: "Venue"
 												}), /* @__PURE__ */ b("dd", {
 													className: "text-text-primary",
-													children: w ? /* @__PURE__ */ b(N, {
+													children: w ? /* @__PURE__ */ b(P, {
 														type: "button",
 														variant: "link",
 														size: "sm",
@@ -723,7 +731,7 @@ function $() {
 									}),
 									/* @__PURE__ */ b("div", {
 										className: "mt-5",
-										children: /* @__PURE__ */ x(N, {
+										children: /* @__PURE__ */ x(P, {
 											type: "button",
 											variant: "outline",
 											size: "sm",
@@ -732,7 +740,7 @@ function $() {
 										})
 									})
 								]
-							}), /* @__PURE__ */ x(P, {
+							}), /* @__PURE__ */ x(F, {
 								treatment: "glass",
 								glow: !0,
 								className: "p-5",
@@ -775,36 +783,36 @@ function $() {
 							})]
 						})
 					}),
-					/* @__PURE__ */ b(R, {
+					/* @__PURE__ */ b(z, {
 						value: "sessions",
 						className: "mt-4",
-						children: /* @__PURE__ */ b(Y, { eventId: t })
+						children: /* @__PURE__ */ b(X, { eventId: t })
 					}),
-					/* @__PURE__ */ b(R, {
+					/* @__PURE__ */ b(z, {
 						value: "speakers",
 						className: "mt-4",
-						children: /* @__PURE__ */ b(X, {})
+						children: /* @__PURE__ */ b(Z, {})
 					}),
-					/* @__PURE__ */ b(R, {
+					/* @__PURE__ */ b(z, {
 						value: "tickets",
 						className: "mt-4",
-						children: /* @__PURE__ */ b(Z, { eventId: t })
+						children: /* @__PURE__ */ b(Q, { eventId: t })
 					})
 				]
 			})
 		]
 	}) : /* @__PURE__ */ x("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ x(N, {
+		children: [/* @__PURE__ */ x(P, {
 			type: "button",
 			variant: "ghost",
 			size: "sm",
 			onClick: () => r("/events"),
 			children: [/* @__PURE__ */ b(S, { className: "h-4 w-4" }), "Back to Events"]
-		}), /* @__PURE__ */ b(P, {
+		}), /* @__PURE__ */ b(F, {
 			treatment: "plain",
 			className: "border-border-seam",
-			children: /* @__PURE__ */ b(F, {
+			children: /* @__PURE__ */ b(I, {
 				illustration: "empty-search",
 				title: "Event not found.",
 				description: "This event may have been removed or is outside your current scope."
@@ -813,6 +821,6 @@ function $() {
 	});
 }
 //#endregion
-export { $ as default };
+export { ee as default };
 
 //# sourceMappingURL=EventDetailPage.js.map