@burdenoff/microfe-eventfullymanaged 2026.713.1 → 2026.719.1

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

@@ -1,14 +1,20 @@
 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 { 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";
+import { useAnnouncementsQuery as t, useCommunicationCampaignsQuery as n, usePublishAnnouncementMutation as r, useSendCommunicationCampaignMutation as i, useUpsertAnnouncementMutation as a, useUpsertCommunicationCampaignMutation as ee } from "../../api/eventApi.js";
+import { Pagination as o, usePagination as s } from "../../components/Pagination.js";
+import { describeError as c, mutationSucceeded as l } from "../../lib/mutationResult.js";
+import { useMemo as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Mail as m, Megaphone as h, Plus 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, GlassCard as S, GradientText as te, IllustratedEmptyState as C, Input as w, PagePurpose as ne, Textarea as re } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/CommunicationPage.tsx
-function O(e) {
+function T(e) {
+	let t = e.metadata?.schedule;
+	if (!t || typeof t != "object" || Array.isArray(t)) return null;
+	let n = t.sendAt;
+	return typeof n == "string" && n ? n : null;
+}
+function E(e) {
 	let t = e.toLowerCase();
 	return [
 		"published",
@@ -27,310 +33,345 @@ function O(e) {
 		"scheduled"
 	].includes(t) ? "info" : "secondary";
 }
-var k = (e) => {
+var D = (e) => {
 	let t = (e ?? "").toLowerCase();
-	return t === "" || t === "draft" || t === "created";
-}, A = (e, t) => e.title ?? e.name ?? `${t} ${e.id}`;
-function j() {
-	let { t: j } = b(), M = (e, t) => {
-		let n = j(e);
+	return t === "" || t === "draft" || t === "created" || t === "scheduled";
+}, O = (e, t) => e.title ?? e.name ?? `${t} ${e.id}`;
+function k() {
+	let { t: k } = y(), A = (e, t) => {
+		let n = k(e);
 		return n === e ? t : n;
-	}, 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"), "");
+	}, j = s({ pageSize: 8 }), M = s({ pageSize: 8 }), N = t({
+		limit: j.limit,
+		offset: j.offset
+	}), P = n({
+		limit: M.limit,
+		offset: M.offset
+	}), [F, { loading: ie }] = a(), [ae, { loading: oe }] = r(), [se, { loading: I }] = ee(), [ce, { loading: L }] = i(), [R, z] = d("announcement"), [B, V] = d(""), [H, U] = d(""), [W, G] = d(""), [K, q] = d(""), J = u(() => N.data?.announcements.items ?? [], [N.data]), Y = N.data?.announcements.total ?? 0, X = u(() => P.data?.communicationCampaigns.items ?? [], [P.data]), Z = P.data?.communicationCampaigns.total ?? 0, Q = R === "announcement" ? ie : I, $ = () => {
+		V(""), U(""), G(""), q("");
+	}, le = async () => {
+		if (!B.trim()) {
+			e.error(A("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");
+		if (R === "announcement") {
+			let t = {};
+			W.trim() && (t.body = W.trim()), H.trim() && (t.audience = H.trim());
+			let n = A("eventfullymanaged.communication.errors.create", "Could not create announcement");
 			try {
-				let r = await L({ variables: { input: {
-					title: H,
-					name: H,
+				let r = await F({ variables: { input: {
+					title: B,
+					name: B,
 					status: "draft",
 					metadata: t
 				} } });
-				if (!u(r, r.data?.upsertAnnouncement?.id, n)) return;
-				$(), e.success(M("eventfullymanaged.communication.created", "Announcement created")), await F.refetch();
+				if (!l(r, r.data?.upsertAnnouncement?.id, n)) return;
+				$(), e.success(A("eventfullymanaged.communication.created", "Announcement created")), await N.refetch();
 			} catch (t) {
-				e.error(n, l(t));
+				e.error(n, c(t));
 			}
 			return;
 		}
-		let n = M("eventfullymanaged.communication.errors.createCampaign", "Could not create campaign");
+		let t = H.split(",").map((e) => e.trim()).filter(Boolean), n = {};
+		W.trim() && (n.content = { body: W.trim() }), t.length > 0 && (n.targetAudience = { segments: t }), K && (n.schedule = { sendAt: new Date(K).toISOString() });
+		let r = A("eventfullymanaged.communication.errors.createCampaign", "Could not create campaign");
 		try {
-			let r = await ie({ variables: { input: {
-				title: H,
-				name: H,
+			let t = await se({ variables: { input: {
+				title: B,
+				name: B,
 				status: "draft",
-				metadata: t
+				metadata: n
 			} } });
-			if (!u(r, r.data?.upsertCommunicationCampaign?.id, n)) return;
-			$(), e.success(M("eventfullymanaged.communication.campaignCreated", "Campaign created")), await I.refetch();
+			if (!l(t, t.data?.upsertCommunicationCampaign?.id, r)) return;
+			$(), e.success(A("eventfullymanaged.communication.campaignCreated", "Campaign created")), await P.refetch();
 		} catch (t) {
-			e.error(n, l(t));
+			e.error(r, c(t));
 		}
-	}, se = async (t) => {
-		let n = M("eventfullymanaged.communication.errors.publish", "Could not publish announcement");
+	}, ue = async (t) => {
+		let n = A("eventfullymanaged.communication.errors.publish", "Could not publish announcement");
 		try {
-			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();
+			let r = await ae({ variables: { id: t.id } });
+			if (!l(r, r.data?.publishAnnouncement?.id, n)) return;
+			e.success(A("eventfullymanaged.communication.published", "Announcement published")), await N.refetch();
 		} catch (t) {
-			e.error(n, l(t));
+			e.error(n, c(t));
 		}
-	}, ce = async (t) => {
-		let n = M("eventfullymanaged.communication.errors.send", "Could not send campaign");
+	}, de = async (t) => {
+		let n = A("eventfullymanaged.communication.errors.send", "Could not send campaign");
 		try {
-			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();
+			let r = await ce({ variables: { id: t.id } });
+			if (!l(r, r.data?.sendCommunicationCampaign?.id, n)) return;
+			r.data?.sendCommunicationCampaign?.status === "scheduled" ? e.success(A("eventfullymanaged.communication.scheduled", "Campaign scheduled for its send time")) : e.success(A("eventfullymanaged.communication.sent", "Campaign delivery started")), await P.refetch();
 		} catch (t) {
-			e.error(n, l(t));
+			e.error(n, c(t));
 		}
 	};
-	return /* @__PURE__ */ m("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__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", {
+			/* @__PURE__ */ f(ne, { children: A("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__ */ 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(ee, { children: M("eventfullymanaged.communication.title", "Communications") })
-				}), /* @__PURE__ */ p("p", {
+					children: /* @__PURE__ */ f(te, { children: A("eventfullymanaged.communication.title", "Communications") })
+				}), /* @__PURE__ */ f("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: M("eventfullymanaged.communication.description", "Draft, publish and send from one place.")
-				})] }), /* @__PURE__ */ m("div", {
+					children: A("eventfullymanaged.communication.description", "Draft, publish and send from one place.")
+				})] }), /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-2 sm:flex-row",
-					children: [/* @__PURE__ */ m(S, {
+					children: [/* @__PURE__ */ p(x, {
 						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, {
+						variant: R === "announcement" ? "default" : "outline",
+						onClick: () => z("announcement"),
+						children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), A("eventfullymanaged.communication.actions.newAnnouncement", "New announcement")]
+					}), /* @__PURE__ */ p(x, {
 						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")]
+						variant: R === "campaign" ? "default" : "outline",
+						onClick: () => z("campaign"),
+						children: [/* @__PURE__ */ f(g, { className: "h-4 w-4" }), A("eventfullymanaged.communication.actions.newCampaign", "New campaign")]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p(C, {
+			/* @__PURE__ */ f(S, {
 				treatment: "glass",
 				glow: !0,
 				className: "p-5",
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2",
-								children: [p(B === "announcement" ? g : h, { className: "h-4 w-4 text-accent-primary" }), /* @__PURE__ */ p("h2", {
+								children: [f(R === "announcement" ? h : m, { className: "h-4 w-4 text-accent-primary" }), /* @__PURE__ */ f("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")
+									children: R === "announcement" ? A("eventfullymanaged.communication.compose.announcement", "Compose announcement") : A("eventfullymanaged.communication.compose.campaign", "Compose campaign")
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ p("label", {
 								className: "block space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("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")
+									children: A("eventfullymanaged.communication.fields.subject", "Subject")
+								}), /* @__PURE__ */ f(w, {
+									value: B,
+									onChange: (e) => V(e.target.value),
+									placeholder: A("eventfullymanaged.communication.fields.subjectPlaceholder", "Q4 Product Roadmap Update"),
+									"aria-label": A("eventfullymanaged.communication.fields.subject", "Subject")
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ p("label", {
 								className: "block space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("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")
+									children: A("eventfullymanaged.communication.fields.audience", "Audience")
+								}), /* @__PURE__ */ f(w, {
+									value: H,
+									onChange: (e) => U(e.target.value),
+									placeholder: R === "campaign" ? A("eventfullymanaged.communication.fields.audienceSegmentsPlaceholder", "vip, early-bird, speakers (comma-separated segments)") : A("eventfullymanaged.communication.fields.audiencePlaceholder", "All attendees"),
+									"aria-label": A("eventfullymanaged.communication.fields.audience", "Audience")
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ p("label", {
 								className: "block space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ f("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),
+									children: A("eventfullymanaged.communication.fields.body", "Message")
+								}), /* @__PURE__ */ f(re, {
+									value: W,
+									onChange: (e) => G(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")
+									placeholder: A("eventfullymanaged.communication.fields.bodyPlaceholder", "Hi there, here are the latest updates…"),
+									"aria-label": A("eventfullymanaged.communication.fields.body", "Message")
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							R === "campaign" ? /* @__PURE__ */ p("label", {
+								className: "block space-y-1 text-sm",
+								children: [
+									/* @__PURE__ */ f("span", {
+										className: "font-medium text-text-primary",
+										children: A("eventfullymanaged.communication.fields.scheduleAt", "Schedule send (optional)")
+									}),
+									/* @__PURE__ */ f(w, {
+										type: "datetime-local",
+										value: K,
+										onChange: (e) => q(e.target.value),
+										"aria-label": A("eventfullymanaged.communication.fields.scheduleAt", "Schedule send (optional)")
+									}),
+									/* @__PURE__ */ f("span", {
+										className: "block text-xs text-text-muted",
+										children: A("eventfullymanaged.communication.fields.scheduleHint", "Leave blank to send immediately when you click Send campaign.")
+									})
+								]
+							}) : null,
+							/* @__PURE__ */ f("div", {
 								className: "flex justify-end",
-								children: /* @__PURE__ */ p(S, {
+								children: /* @__PURE__ */ f(x, {
 									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")
+									onClick: le,
+									children: Q ? A("eventfullymanaged.communication.actions.saving", "Saving…") : A(R === "announcement" ? "eventfullymanaged.communication.actions.createAnnouncement" : "eventfullymanaged.communication.actions.createCampaign", "Create draft")
 								})
 							})
 						]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "rounded-card border border-border-seam bg-bg-surface p-4",
-						children: [/* @__PURE__ */ m("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "flex items-center justify-between border-b border-border-seam pb-2",
-							children: [/* @__PURE__ */ m("span", {
+							children: [/* @__PURE__ */ p("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, {
+								children: [/* @__PURE__ */ f(m, { className: "h-3.5 w-3.5" }), A("eventfullymanaged.communication.preview.label", "Preview")]
+							}), /* @__PURE__ */ f(b, {
 								variant: "info",
 								className: "uppercase",
-								children: M("eventfullymanaged.communication.preview.draft", "Draft")
+								children: A("eventfullymanaged.communication.preview.draft", "Draft")
 							})]
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ p("div", {
 							className: "mt-3 space-y-2",
 							children: [
-								/* @__PURE__ */ p("p", {
+								/* @__PURE__ */ f("p", {
 									className: "text-base font-semibold text-text-primary",
-									children: H.trim() || M("eventfullymanaged.communication.preview.noSubject", "Your subject line")
+									children: B.trim() || A("eventfullymanaged.communication.preview.noSubject", "Your subject line")
 								}),
-								W.trim() ? /* @__PURE__ */ m("p", {
+								H.trim() ? /* @__PURE__ */ p("p", {
 									className: "text-xs text-text-secondary",
 									children: [
-										M("eventfullymanaged.communication.preview.to", "To"),
+										A("eventfullymanaged.communication.preview.to", "To"),
 										": ",
-										W.trim()
+										H.trim()
 									]
 								}) : null,
-								/* @__PURE__ */ p("p", {
+								/* @__PURE__ */ f("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.")
+									children: W.trim() || A("eventfullymanaged.communication.preview.noBody", "Start typing to see your message preview here.")
 								})
 							]
 						})]
 					})]
 				})
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ m(C, {
+				children: [/* @__PURE__ */ p(S, {
 					treatment: "plain",
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ p("h2", {
+						children: [/* @__PURE__ */ f("h2", {
 							className: "text-lg font-semibold text-text-primary",
-							children: M("eventfullymanaged.communication.announcements.heading", "Announcements")
-						}), Y > 0 ? /* @__PURE__ */ p("span", {
+							children: A("eventfullymanaged.communication.announcements.heading", "Announcements")
+						}), Y > 0 ? /* @__PURE__ */ f("span", {
 							className: "text-sm text-text-muted",
 							children: Y
 						}) : null]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "mt-4",
-						children: [F.loading && J.length === 0 ? /* @__PURE__ */ p("p", {
+						children: [N.loading && J.length === 0 ? /* @__PURE__ */ f("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, {
+							children: A("eventfullymanaged.communication.announcements.loading", "Loading announcements…")
+						}) : J.length === 0 ? /* @__PURE__ */ f(C, {
 							illustration: "empty-data",
-							title: M("eventfullymanaged.communication.announcements.empty", "No announcements yet."),
+							title: A("eventfullymanaged.communication.announcements.empty", "No announcements yet."),
 							className: "py-8"
-						}) : /* @__PURE__ */ p("ul", {
+						}) : /* @__PURE__ */ f("ul", {
 							className: "space-y-2.5",
-							children: J.map((e) => /* @__PURE__ */ m("li", {
+							children: J.map((e) => /* @__PURE__ */ p("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", {
+								children: [/* @__PURE__ */ f("p", {
 									className: "min-w-0 truncate font-medium text-text-primary",
-									children: A(e, M("eventfullymanaged.communication.announcements.itemPrefix", "Announcement"))
-								}), /* @__PURE__ */ m("div", {
+									children: O(e, A("eventfullymanaged.communication.announcements.itemPrefix", "Announcement"))
+								}), /* @__PURE__ */ p("div", {
 									className: "flex shrink-0 items-center gap-2",
-									children: [e.status ? /* @__PURE__ */ p(x, {
-										variant: O(e.status),
+									children: [e.status ? /* @__PURE__ */ f(b, {
+										variant: E(e.status),
 										className: "uppercase",
 										children: e.status
-									}) : null, k(e.status) ? /* @__PURE__ */ m(S, {
+									}) : null, D(e.status) ? /* @__PURE__ */ p(x, {
 										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")]
+										disabled: oe,
+										onClick: () => void ue(e),
+										children: [/* @__PURE__ */ f(v, { className: "h-3.5 w-3.5" }), A("eventfullymanaged.communication.actions.publish", "Publish")]
 									}) : null]
 								})]
 							}, e.id))
-						}), /* @__PURE__ */ p(s, {
-							offset: N.offset,
-							limit: N.limit,
+						}), /* @__PURE__ */ f(o, {
+							offset: j.offset,
+							limit: j.limit,
 							loadedCount: J.length,
 							total: Y,
-							onPrev: N.prevPage,
-							onNext: N.nextPage,
-							itemLabel: M("eventfullymanaged.communication.announcements.heading", "Announcements").toLowerCase(),
-							loading: F.loading
+							onPrev: j.prevPage,
+							onNext: j.nextPage,
+							itemLabel: A("eventfullymanaged.communication.announcements.heading", "Announcements").toLowerCase(),
+							loading: N.loading
 						})]
 					})]
-				}), /* @__PURE__ */ m(C, {
+				}), /* @__PURE__ */ p(S, {
 					treatment: "plain",
 					className: "border-border-seam p-5",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ p("h2", {
+						children: [/* @__PURE__ */ f("h2", {
 							className: "text-lg font-semibold text-text-primary",
-							children: M("eventfullymanaged.communication.campaigns.heading", "Campaigns")
-						}), Z > 0 ? /* @__PURE__ */ p("span", {
+							children: A("eventfullymanaged.communication.campaigns.heading", "Campaigns")
+						}), Z > 0 ? /* @__PURE__ */ f("span", {
 							className: "text-sm text-text-muted",
 							children: Z
 						}) : null]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "mt-4",
-						children: [I.loading && X.length === 0 ? /* @__PURE__ */ p("p", {
+						children: [P.loading && X.length === 0 ? /* @__PURE__ */ f("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, {
+							children: A("eventfullymanaged.communication.campaigns.loading", "Loading campaigns…")
+						}) : X.length === 0 ? /* @__PURE__ */ f(C, {
 							illustration: "empty-data",
-							title: M("eventfullymanaged.communication.campaigns.empty", "No campaigns yet."),
+							title: A("eventfullymanaged.communication.campaigns.empty", "No campaigns yet."),
 							className: "py-8"
-						}) : /* @__PURE__ */ p("ul", {
+						}) : /* @__PURE__ */ f("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,
+							children: X.map((e) => {
+								let t = T(e);
+								return /* @__PURE__ */ p("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("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ f("p", {
+											className: "truncate font-medium text-text-primary",
+											children: O(e, A("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign"))
+										}), t ? /* @__PURE__ */ p("p", {
+											className: "truncate text-xs text-text-muted",
+											children: [
+												A("eventfullymanaged.communication.campaigns.scheduledFor", "Scheduled for"),
+												" ",
+												new Date(t).toLocaleString()
+											]
+										}) : null]
+									}), /* @__PURE__ */ p("div", {
+										className: "flex shrink-0 items-center gap-2",
+										children: [e.status ? /* @__PURE__ */ f(b, {
+											variant: E(e.status),
+											className: "uppercase",
+											children: e.status
+										}) : null, D(e.status) ? /* @__PURE__ */ p(x, {
+											type: "button",
+											size: "sm",
+											disabled: L,
+											onClick: () => void de(e),
+											children: [/* @__PURE__ */ f(_, { className: "h-3.5 w-3.5" }), A("eventfullymanaged.communication.actions.send", "Send campaign")]
+										}) : null]
+									})]
+								}, e.id);
+							})
+						}), /* @__PURE__ */ f(o, {
+							offset: M.offset,
+							limit: M.limit,
 							loadedCount: X.length,
 							total: Z,
-							onPrev: P.prevPage,
-							onNext: P.nextPage,
-							itemLabel: M("eventfullymanaged.communication.campaigns.heading", "Campaigns").toLowerCase(),
-							loading: I.loading
+							onPrev: M.prevPage,
+							onNext: M.nextPage,
+							itemLabel: A("eventfullymanaged.communication.campaigns.heading", "Campaigns").toLowerCase(),
+							loading: P.loading
 						})]
 					})]
 				})]
@@ -339,6 +380,6 @@ function j() {
 	});
 }
 //#endregion
-export { j as default };
+export { k as default };
 
 //# sourceMappingURL=CommunicationPage.js.map