@burdenoff/microfe-eventfullymanaged 2026.704.5 → 2026.704.7

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

@@ -1,13 +1,12 @@
 import { notify as e } from "../../lib/toast.js";
 import { useAnnouncementsQuery as t, useCommunicationCampaignsQuery as n, usePublishAnnouncementMutation as r, useSendCommunicationCampaignMutation as i, useUpsertAnnouncementMutation as a, useUpsertCommunicationCampaignMutation 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 { describeError as u, mutationSucceeded as d } from "../../lib/mutationResult.js";
-import { useMemo as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Megaphone as g, Send as _, Upload as v } from "lucide-react";
-import { useI18n as y } 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 E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { Pagination as s, usePagination as c } from "../../components/Pagination.js";
+import { describeError as l, mutationSucceeded as u } from "../../lib/mutationResult.js";
+import { useMemo as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Mail as h, Megaphone as g, Plus as _, Send as v, Upload as y } from "lucide-react";
+import { useI18n as b } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as x, Button as S, GlassCard as C, GradientText as ee, IllustratedEmptyState as w, Input as T, PagePurpose as E, Textarea as D } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/CommunicationPage.tsx
 function O(e) {
 	let t = e.toLowerCase();
@@ -32,222 +31,307 @@ var k = (e) => {
 	let t = (e ?? "").toLowerCase();
 	return t === "" || t === "draft" || t === "created";
 }, A = (e, t) => e.title ?? e.name ?? `${t} ${e.id}`;
-function j({ title: e, status: t, actions: n, ariaLabel: r }) {
-	return /* @__PURE__ */ h("li", {
-		className: "flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
-		children: [/* @__PURE__ */ m("p", {
-			className: "min-w-0 truncate font-medium text-text-primary",
-			children: e
-		}), /* @__PURE__ */ h("div", {
-			className: "flex shrink-0 items-center gap-2",
-			children: [t ? /* @__PURE__ */ m(b, {
-				variant: O(t),
-				className: "uppercase",
-				children: t
-			}) : null, n.length > 0 ? /* @__PURE__ */ m(s, {
-				ariaLabel: r,
-				extraItems: n
-			}) : null]
-		})]
-	});
-}
-function M() {
-	let { t: s } = y(), b = (e, t) => {
-		let n = s(e);
+function j() {
+	let { t: j } = b(), M = (e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, O = l({ pageSize: 10 }), M = l({ pageSize: 10 }), N = t({
-		limit: O.limit,
-		offset: O.offset
-	}), P = n({
-		limit: M.limit,
-		offset: M.offset
-	}), [F, { loading: I }] = a(), [L, { loading: R }] = r(), [z, { loading: B }] = o(), [V, { loading: H }] = i(), [U, W] = p(""), [G, K] = p(""), q = f(() => N.data?.announcements.items ?? [], [N.data]), J = N.data?.announcements.total ?? 0, Y = f(() => P.data?.communicationCampaigns.items ?? [], [P.data]), X = P.data?.communicationCampaigns.total ?? 0, Z = async () => {
-		if (!U.trim()) return;
-		let t = b("eventfullymanaged.communication.errors.create", "Could not create announcement");
+	}, N = c({ pageSize: 8 }), P = c({ pageSize: 8 }), F = t({
+		limit: N.limit,
+		offset: N.offset
+	}), I = n({
+		limit: P.limit,
+		offset: P.offset
+	}), [L, { loading: te }] = a(), [ne, { loading: re }] = r(), [ie, { loading: ae }] = o(), [R, { loading: z }] = i(), [B, V] = f("announcement"), [H, U] = f(""), [W, G] = f(""), [K, q] = f(""), J = d(() => F.data?.announcements.items ?? [], [F.data]), Y = F.data?.announcements.total ?? 0, X = d(() => I.data?.communicationCampaigns.items ?? [], [I.data]), Z = I.data?.communicationCampaigns.total ?? 0, Q = B === "announcement" ? te : ae, $ = () => {
+		U(""), G(""), q("");
+	}, oe = async () => {
+		if (!H.trim()) {
+			e.error(M("eventfullymanaged.communication.subjectRequired", "Subject required"), "");
+			return;
+		}
+		let t = {};
+		if (K.trim() && (t.body = K.trim()), W.trim() && (t.audience = W.trim()), B === "announcement") {
+			let n = M("eventfullymanaged.communication.errors.create", "Could not create announcement");
+			try {
+				let r = await L({ variables: { input: {
+					title: H,
+					name: H,
+					status: "draft",
+					metadata: t
+				} } });
+				if (!u(r, r.data?.upsertAnnouncement?.id, n)) return;
+				$(), e.success(M("eventfullymanaged.communication.created", "Announcement created")), await F.refetch();
+			} catch (t) {
+				e.error(n, l(t));
+			}
+			return;
+		}
+		let n = M("eventfullymanaged.communication.errors.createCampaign", "Could not create campaign");
 		try {
-			let n = await F({ variables: { input: {
-				title: U,
-				name: U,
+			let r = await ie({ variables: { input: {
+				title: H,
+				name: H,
 				status: "draft",
-				metadata: {}
+				metadata: t
 			} } });
-			if (!d(n, n.data?.upsertAnnouncement?.id, t)) return;
-			W(""), e.success(b("eventfullymanaged.communication.created", "Announcement created")), await N.refetch();
-		} catch (n) {
-			e.error(t, u(n));
-		}
-	}, Q = async (t) => {
-		let n = b("eventfullymanaged.communication.errors.publish", "Could not publish announcement");
-		try {
-			let r = await L({ variables: { id: t.id } });
-			if (!d(r, r.data?.publishAnnouncement?.id, n)) return;
-			e.success(b("eventfullymanaged.communication.published", "Announcement published"));
+			if (!u(r, r.data?.upsertCommunicationCampaign?.id, n)) return;
+			$(), e.success(M("eventfullymanaged.communication.campaignCreated", "Campaign created")), await I.refetch();
 		} catch (t) {
-			e.error(n, u(t));
+			e.error(n, l(t));
 		}
-	}, $ = async () => {
-		if (!G.trim()) return;
-		let t = b("eventfullymanaged.communication.errors.createCampaign", "Could not create campaign");
+	}, se = async (t) => {
+		let n = M("eventfullymanaged.communication.errors.publish", "Could not publish announcement");
 		try {
-			let n = await z({ variables: { input: {
-				title: G,
-				name: G,
-				status: "draft",
-				metadata: {}
-			} } });
-			if (!d(n, n.data?.upsertCommunicationCampaign?.id, t)) return;
-			K(""), e.success(b("eventfullymanaged.communication.campaignCreated", "Campaign created")), await P.refetch();
-		} catch (n) {
-			e.error(t, u(n));
+			let r = await ne({ variables: { id: t.id } });
+			if (!u(r, r.data?.publishAnnouncement?.id, n)) return;
+			e.success(M("eventfullymanaged.communication.published", "Announcement published")), await F.refetch();
+		} catch (t) {
+			e.error(n, l(t));
 		}
-	}, ee = async (t) => {
-		let n = b("eventfullymanaged.communication.errors.send", "Could not send campaign");
+	}, ce = async (t) => {
+		let n = M("eventfullymanaged.communication.errors.send", "Could not send campaign");
 		try {
-			let r = await V({ variables: { id: t.id } });
-			if (!d(r, r.data?.sendCommunicationCampaign?.id, n)) return;
-			e.success(b("eventfullymanaged.communication.sent", "Campaign delivery started"));
+			let r = await R({ variables: { id: t.id } });
+			if (!u(r, r.data?.sendCommunicationCampaign?.id, n)) return;
+			e.success(M("eventfullymanaged.communication.sent", "Campaign delivery started")), await I.refetch();
 		} catch (t) {
-			e.error(n, u(t));
+			e.error(n, l(t));
 		}
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m(D, { children: b("eventfullymanaged.communication.purpose", "Keep attendees informed and engaged. Announcements are one-off broadcasts (a schedule change, a welcome message); campaigns are scheduled, multi-step outreach (reminder emails, follow-ups). Draft each one here, then publish an announcement or send a campaign — delivery runs server-side through the notification service.") }),
-			/* @__PURE__ */ h(S, { children: [
-				/* @__PURE__ */ m("h1", {
+			/* @__PURE__ */ p(E, { children: M("eventfullymanaged.communication.purpose", "Keep attendees informed and engaged. Announcements are one-off broadcasts (a schedule change, a welcome message); campaigns are scheduled, multi-step outreach (reminder emails, follow-ups). Compose each one here, then publish an announcement or send a campaign — delivery runs server-side through the notification service.") }),
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ m(w, { children: b("eventfullymanaged.communication.title", "Communication") })
-				}),
-				/* @__PURE__ */ m("p", {
+					children: /* @__PURE__ */ p(ee, { children: M("eventfullymanaged.communication.title", "Communications") })
+				}), /* @__PURE__ */ p("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: b("eventfullymanaged.communication.description", "Draft announcements and campaigns, then publish or send them via workspace APIs.")
-				}),
-				/* @__PURE__ */ h("div", {
-					className: "mt-4 grid grid-cols-1 gap-4 lg:grid-cols-2",
-					children: [/* @__PURE__ */ h("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ m("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: b("eventfullymanaged.communication.announcements.heading", "Announcements")
-						}), /* @__PURE__ */ h("div", {
-							className: "flex flex-col gap-2 sm:flex-row",
-							children: [/* @__PURE__ */ m(E, {
-								value: U,
-								onChange: (e) => W(e.target.value),
-								placeholder: b("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
-								"aria-label": b("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
-								className: "flex-1"
-							}), /* @__PURE__ */ h(x, {
-								type: "button",
-								disabled: I,
-								onClick: Z,
-								children: [/* @__PURE__ */ m(g, { className: "h-4 w-4" }), I ? b("eventfullymanaged.communication.actions.creating", "Creating...") : b("eventfullymanaged.communication.actions.createAnnouncement", "Create Announcement")]
-							})]
-						})]
-					}), /* @__PURE__ */ h("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ m("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: b("eventfullymanaged.communication.campaigns.heading", "Campaigns")
-						}), /* @__PURE__ */ h("div", {
-							className: "flex flex-col gap-2 sm:flex-row",
-							children: [/* @__PURE__ */ m(E, {
-								value: G,
-								onChange: (e) => K(e.target.value),
-								placeholder: b("eventfullymanaged.communication.campaignPlaceholder", "Week-before reminder"),
-								"aria-label": b("eventfullymanaged.communication.campaignPlaceholder", "Week-before reminder"),
-								className: "flex-1"
-							}), /* @__PURE__ */ h(x, {
-								type: "button",
-								variant: "outline",
-								disabled: B,
-								onClick: $,
-								children: [/* @__PURE__ */ m(_, { className: "h-4 w-4" }), B ? b("eventfullymanaged.communication.actions.creating", "Creating...") : b("eventfullymanaged.communication.actions.createCampaign", "New Campaign")]
+					children: M("eventfullymanaged.communication.description", "Draft, publish and send from one place.")
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex flex-col gap-2 sm:flex-row",
+					children: [/* @__PURE__ */ m(S, {
+						type: "button",
+						variant: B === "announcement" ? "default" : "outline",
+						onClick: () => V("announcement"),
+						children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), M("eventfullymanaged.communication.actions.newAnnouncement", "New announcement")]
+					}), /* @__PURE__ */ m(S, {
+						type: "button",
+						variant: B === "campaign" ? "default" : "outline",
+						onClick: () => V("campaign"),
+						children: [/* @__PURE__ */ p(_, { className: "h-4 w-4" }), M("eventfullymanaged.communication.actions.newCampaign", "New campaign")]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ p(C, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-5",
+				children: /* @__PURE__ */ m("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ m("div", {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2",
+								children: [p(B === "announcement" ? g : h, { className: "h-4 w-4 text-accent-primary" }), /* @__PURE__ */ p("h2", {
+									className: "text-base font-semibold text-text-primary",
+									children: B === "announcement" ? M("eventfullymanaged.communication.compose.announcement", "Compose announcement") : M("eventfullymanaged.communication.compose.campaign", "Compose campaign")
+								})]
+							}),
+							/* @__PURE__ */ m("label", {
+								className: "block space-y-1 text-sm",
+								children: [/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: M("eventfullymanaged.communication.fields.subject", "Subject")
+								}), /* @__PURE__ */ p(T, {
+									value: H,
+									onChange: (e) => U(e.target.value),
+									placeholder: M("eventfullymanaged.communication.fields.subjectPlaceholder", "Q4 Product Roadmap Update"),
+									"aria-label": M("eventfullymanaged.communication.fields.subject", "Subject")
+								})]
+							}),
+							/* @__PURE__ */ m("label", {
+								className: "block space-y-1 text-sm",
+								children: [/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: M("eventfullymanaged.communication.fields.audience", "Audience")
+								}), /* @__PURE__ */ p(T, {
+									value: W,
+									onChange: (e) => G(e.target.value),
+									placeholder: M("eventfullymanaged.communication.fields.audiencePlaceholder", "All attendees"),
+									"aria-label": M("eventfullymanaged.communication.fields.audience", "Audience")
+								})]
+							}),
+							/* @__PURE__ */ m("label", {
+								className: "block space-y-1 text-sm",
+								children: [/* @__PURE__ */ p("span", {
+									className: "font-medium text-text-primary",
+									children: M("eventfullymanaged.communication.fields.body", "Message")
+								}), /* @__PURE__ */ p(D, {
+									value: K,
+									onChange: (e) => q(e.target.value),
+									rows: 5,
+									placeholder: M("eventfullymanaged.communication.fields.bodyPlaceholder", "Hi there, here are the latest updates…"),
+									"aria-label": M("eventfullymanaged.communication.fields.body", "Message")
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-end",
+								children: /* @__PURE__ */ p(S, {
+									type: "button",
+									disabled: Q,
+									onClick: oe,
+									children: Q ? M("eventfullymanaged.communication.actions.saving", "Saving…") : M(B === "announcement" ? "eventfullymanaged.communication.actions.createAnnouncement" : "eventfullymanaged.communication.actions.createCampaign", "Create draft")
+								})
+							})
+						]
+					}), /* @__PURE__ */ m("div", {
+						className: "rounded-card border border-border-seam bg-bg-surface p-4",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex items-center justify-between border-b border-border-seam pb-2",
+							children: [/* @__PURE__ */ m("span", {
+								className: "flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-text-muted",
+								children: [/* @__PURE__ */ p(h, { className: "h-3.5 w-3.5" }), M("eventfullymanaged.communication.preview.label", "Preview")]
+							}), /* @__PURE__ */ p(x, {
+								variant: "info",
+								className: "uppercase",
+								children: M("eventfullymanaged.communication.preview.draft", "Draft")
 							})]
+						}), /* @__PURE__ */ m("div", {
+							className: "mt-3 space-y-2",
+							children: [
+								/* @__PURE__ */ p("p", {
+									className: "text-base font-semibold text-text-primary",
+									children: H.trim() || M("eventfullymanaged.communication.preview.noSubject", "Your subject line")
+								}),
+								W.trim() ? /* @__PURE__ */ m("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										M("eventfullymanaged.communication.preview.to", "To"),
+										": ",
+										W.trim()
+									]
+								}) : null,
+								/* @__PURE__ */ p("p", {
+									className: "whitespace-pre-wrap text-sm text-text-secondary",
+									children: K.trim() || M("eventfullymanaged.communication.preview.noBody", "Start typing to see your message preview here.")
+								})
+							]
 						})]
 					})]
 				})
-			] }),
-			/* @__PURE__ */ h(C, {
-				treatment: "plain",
-				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ m("h2", {
-					className: "text-lg font-semibold text-text-primary",
-					children: N.loading ? b("eventfullymanaged.communication.announcements.loading", "Loading announcements...") : `${b("eventfullymanaged.communication.announcements.heading", "Announcements")} (${J})`
-				}), /* @__PURE__ */ h("div", {
-					className: "mt-4",
-					children: [q.length === 0 ? /* @__PURE__ */ m(T, {
-						illustration: "empty-data",
-						title: b("eventfullymanaged.communication.announcements.empty", "No announcements published yet."),
-						className: "py-8"
-					}) : /* @__PURE__ */ m("ul", {
-						className: "space-y-2.5",
-						children: q.map((e) => {
-							let t = k(e.status) ? [{
-								key: "publish",
-								label: b("eventfullymanaged.communication.actions.publish", "Publish"),
-								icon: v,
-								disabled: R,
-								onSelect: () => void Q(e)
-							}] : [];
-							return /* @__PURE__ */ m(j, {
-								title: A(e, b("eventfullymanaged.communication.announcements.itemPrefix", "Announcement")),
-								status: e.status,
-								actions: t,
-								ariaLabel: b("eventfullymanaged.communication.announcements.rowActions", "Announcement actions")
-							}, e.id);
-						})
-					}), /* @__PURE__ */ m(c, {
-						offset: O.offset,
-						limit: O.limit,
-						loadedCount: q.length,
-						total: J,
-						onPrev: O.prevPage,
-						onNext: O.nextPage,
-						itemLabel: b("eventfullymanaged.communication.announcements.heading", "Announcements").toLowerCase(),
-						loading: N.loading
-					})]
-				})]
 			}),
-			/* @__PURE__ */ h(C, {
-				treatment: "plain",
-				className: "border-border-seam p-5",
-				children: [/* @__PURE__ */ m("h2", {
-					className: "text-lg font-semibold text-text-primary",
-					children: P.loading ? b("eventfullymanaged.communication.campaigns.loading", "Loading campaigns...") : `${b("eventfullymanaged.communication.campaigns.heading", "Campaigns")} (${X})`
-				}), /* @__PURE__ */ h("div", {
-					className: "mt-4",
-					children: [Y.length === 0 ? /* @__PURE__ */ m(T, {
-						illustration: "empty-data",
-						title: b("eventfullymanaged.communication.campaigns.empty", "No communication campaigns created yet."),
-						className: "py-8"
-					}) : /* @__PURE__ */ m("ul", {
-						className: "space-y-2.5",
-						children: Y.map((e) => {
-							let t = k(e.status) ? [{
-								key: "send",
-								label: b("eventfullymanaged.communication.actions.send", "Send Campaign"),
-								icon: _,
-								disabled: H,
-								onSelect: () => void ee(e)
-							}] : [];
-							return /* @__PURE__ */ m(j, {
-								title: A(e, b("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign")),
-								status: e.status,
-								actions: t,
-								ariaLabel: b("eventfullymanaged.communication.campaigns.rowActions", "Campaign actions")
-							}, e.id);
-						})
-					}), /* @__PURE__ */ m(c, {
-						offset: M.offset,
-						limit: M.limit,
-						loadedCount: Y.length,
-						total: X,
-						onPrev: M.prevPage,
-						onNext: M.nextPage,
-						itemLabel: b("eventfullymanaged.communication.campaigns.heading", "Campaigns").toLowerCase(),
-						loading: P.loading
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ m(C, {
+					treatment: "plain",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: M("eventfullymanaged.communication.announcements.heading", "Announcements")
+						}), Y > 0 ? /* @__PURE__ */ p("span", {
+							className: "text-sm text-text-muted",
+							children: Y
+						}) : null]
+					}), /* @__PURE__ */ m("div", {
+						className: "mt-4",
+						children: [F.loading && J.length === 0 ? /* @__PURE__ */ p("p", {
+							className: "py-8 text-center text-sm text-text-secondary",
+							children: M("eventfullymanaged.communication.announcements.loading", "Loading announcements…")
+						}) : J.length === 0 ? /* @__PURE__ */ p(w, {
+							illustration: "empty-data",
+							title: M("eventfullymanaged.communication.announcements.empty", "No announcements yet."),
+							className: "py-8"
+						}) : /* @__PURE__ */ p("ul", {
+							className: "space-y-2.5",
+							children: J.map((e) => /* @__PURE__ */ m("li", {
+								className: "flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
+								children: [/* @__PURE__ */ p("p", {
+									className: "min-w-0 truncate font-medium text-text-primary",
+									children: A(e, M("eventfullymanaged.communication.announcements.itemPrefix", "Announcement"))
+								}), /* @__PURE__ */ m("div", {
+									className: "flex shrink-0 items-center gap-2",
+									children: [e.status ? /* @__PURE__ */ p(x, {
+										variant: O(e.status),
+										className: "uppercase",
+										children: e.status
+									}) : null, k(e.status) ? /* @__PURE__ */ m(S, {
+										type: "button",
+										size: "sm",
+										disabled: re,
+										onClick: () => void se(e),
+										children: [/* @__PURE__ */ p(y, { className: "h-3.5 w-3.5" }), M("eventfullymanaged.communication.actions.publish", "Publish")]
+									}) : null]
+								})]
+							}, e.id))
+						}), /* @__PURE__ */ p(s, {
+							offset: N.offset,
+							limit: N.limit,
+							loadedCount: J.length,
+							total: Y,
+							onPrev: N.prevPage,
+							onNext: N.nextPage,
+							itemLabel: M("eventfullymanaged.communication.announcements.heading", "Announcements").toLowerCase(),
+							loading: F.loading
+						})]
+					})]
+				}), /* @__PURE__ */ m(C, {
+					treatment: "plain",
+					className: "border-border-seam p-5",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ p("h2", {
+							className: "text-lg font-semibold text-text-primary",
+							children: M("eventfullymanaged.communication.campaigns.heading", "Campaigns")
+						}), Z > 0 ? /* @__PURE__ */ p("span", {
+							className: "text-sm text-text-muted",
+							children: Z
+						}) : null]
+					}), /* @__PURE__ */ m("div", {
+						className: "mt-4",
+						children: [I.loading && X.length === 0 ? /* @__PURE__ */ p("p", {
+							className: "py-8 text-center text-sm text-text-secondary",
+							children: M("eventfullymanaged.communication.campaigns.loading", "Loading campaigns…")
+						}) : X.length === 0 ? /* @__PURE__ */ p(w, {
+							illustration: "empty-data",
+							title: M("eventfullymanaged.communication.campaigns.empty", "No campaigns yet."),
+							className: "py-8"
+						}) : /* @__PURE__ */ p("ul", {
+							className: "space-y-2.5",
+							children: X.map((e) => /* @__PURE__ */ m("li", {
+								className: "flex items-center justify-between gap-3 rounded-card border border-border-seam bg-bg-surface p-3 transition-[box-shadow,border-color] duration-200 hover:border-border-strong hover:shadow-elevation-1",
+								children: [/* @__PURE__ */ p("p", {
+									className: "min-w-0 truncate font-medium text-text-primary",
+									children: A(e, M("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign"))
+								}), /* @__PURE__ */ m("div", {
+									className: "flex shrink-0 items-center gap-2",
+									children: [e.status ? /* @__PURE__ */ p(x, {
+										variant: O(e.status),
+										className: "uppercase",
+										children: e.status
+									}) : null, k(e.status) ? /* @__PURE__ */ m(S, {
+										type: "button",
+										size: "sm",
+										disabled: z,
+										onClick: () => void ce(e),
+										children: [/* @__PURE__ */ p(v, { className: "h-3.5 w-3.5" }), M("eventfullymanaged.communication.actions.send", "Send campaign")]
+									}) : null]
+								})]
+							}, e.id))
+						}), /* @__PURE__ */ p(s, {
+							offset: P.offset,
+							limit: P.limit,
+							loadedCount: X.length,
+							total: Z,
+							onPrev: P.prevPage,
+							onNext: P.nextPage,
+							itemLabel: M("eventfullymanaged.communication.campaigns.heading", "Campaigns").toLowerCase(),
+							loading: I.loading
+						})]
 					})]
 				})]
 			})
@@ -255,6 +339,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as default };
+export { j as default };
 
 //# sourceMappingURL=CommunicationPage.js.map