@burdenoff/microfe-eventfullymanaged 2026.608.1 → 2026.625.2

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

@@ -1,89 +1,124 @@
-import { useAttendeesQuery as e, useRegistrationsQuery as t } from "../../api/eventApi.js";
-import { EntityListSection as n } from "./EntityListSection.js";
-import { useMemo as r } from "react";
-import { useParams as i } from "react-router-dom";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { useAttendeesQuery as t, useRegistrationsQuery as n } from "../../api/eventApi.js";
+import { EntityListSection as r } from "./EntityListSection.js";
+import { useMemo as i } from "react";
+import { useParams as a } from "react-router-dom";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Megaphone as c, Ticket as l, Users as u } from "lucide-react";
+import { EmphasisPanel as d, GlassCard as f, GradientText as p, NextSteps as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx
-function s() {
-	let { id: s = "" } = i(), c = e({
+function g() {
+	let { id: g = "" } = a(), { navigate: _ } = e(), v = t({
 		limit: 100,
 		offset: 0
-	}), l = t({
+	}), y = n({
 		limit: 100,
 		offset: 0
-	}), u = r(() => (c.data?.attendees.items ?? []).find((e) => e.id === s), [s, c.data]), d = r(() => (l.data?.registrations.items ?? []).filter((e) => e.attendeeId === s), [s, l.data]);
-	return /* @__PURE__ */ o("div", {
+	}), b = i(() => (v.data?.attendees.items ?? []).find((e) => e.id === g), [g, v.data]), x = i(() => (y.data?.registrations.items ?? []).filter((e) => e.attendeeId === g), [g, y.data]);
+	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ o("section", {
-			className: "rounded-lg border border-border-default bg-bg-surface p-5",
-			children: [
-				/* @__PURE__ */ a("h1", {
+		children: [
+			/* @__PURE__ */ o(h, { children: "A single view of one attendee — who they are and everything they have registered for. Use this when you need to look someone up: verify their ticket, answer a support question, or understand their history with your events before reaching out." }),
+			/* @__PURE__ */ s(d, { children: [
+				/* @__PURE__ */ s("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: "Attendee Profile"
+					children: [/* @__PURE__ */ o(p, { children: "Attendee" }), " Profile"]
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: c.loading ? "Loading attendee profile..." : u ? `${u.fullName ?? u.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
+					children: v.loading ? "Loading attendee profile..." : b ? `${b.fullName ?? b.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
 				}),
-				u ? /* @__PURE__ */ o("div", {
+				b ? /* @__PURE__ */ s("div", {
 					className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
 					children: [
-						/* @__PURE__ */ o("div", {
-							className: "rounded-md border border-border-default p-3",
-							children: [/* @__PURE__ */ a("p", {
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Name"
-							}), /* @__PURE__ */ a("p", {
+							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: u.fullName ?? u.id
+								children: b.fullName ?? b.id
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
-							className: "rounded-md border border-border-default p-3",
-							children: [/* @__PURE__ */ a("p", {
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Email"
-							}), /* @__PURE__ */ a("p", {
+							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: u.email ?? "Unavailable"
+								children: b.email ?? "Unavailable"
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
-							className: "rounded-md border border-border-default p-3",
-							children: [/* @__PURE__ */ a("p", {
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Company"
-							}), /* @__PURE__ */ a("p", {
+							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: u.company ?? "Unavailable"
+								children: b.company ?? "Unavailable"
 							})]
 						}),
-						/* @__PURE__ */ o("div", {
-							className: "rounded-md border border-border-default p-3",
-							children: [/* @__PURE__ */ a("p", {
+						/* @__PURE__ */ s(f, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ o("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: "Role"
-							}), /* @__PURE__ */ a("p", {
+							}), /* @__PURE__ */ o("p", {
 								className: "mt-1 font-medium text-text-primary",
-								children: u.role ?? "Unavailable"
+								children: b.role ?? "Unavailable"
 							})]
 						})
 					]
 				}) : null
-			]
-		}), /* @__PURE__ */ a(n, {
-			heading: l.loading ? "Loading attendee registrations..." : `Registrations (${d.length})`,
-			emptyLabel: "No registrations linked to this attendee.",
-			rows: d.map((e) => ({
-				id: e.id,
-				title: `Registration ${e.id}`,
-				subtitle: [e.quantity ? `Qty ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
-				status: e.status
-			}))
-		})]
+			] }),
+			/* @__PURE__ */ o(r, {
+				heading: y.loading ? "Loading attendee registrations..." : `Registrations (${x.length})`,
+				emptyLabel: "No registrations linked to this attendee.",
+				rows: x.map((e) => ({
+					id: e.id,
+					title: `Registration ${e.id}`,
+					subtitle: [e.quantity ? `Qty ${e.quantity}` : void 0, e.totalAmount ? `${e.totalAmount} ${e.currency ?? ""}` : void 0].filter(Boolean).join(" • "),
+					status: e.status
+				}))
+			}),
+			/* @__PURE__ */ o(m, {
+				storageKey: "eventfullymanaged-attendee-profile",
+				title: "Act on this attendee",
+				steps: [
+					{
+						id: "view-registrations",
+						label: "Review all registrations",
+						description: "See the full registration list to manage tickets and payments.",
+						icon: /* @__PURE__ */ o(l, { className: "h-4 w-4" }),
+						onClick: () => _("/registration")
+					},
+					{
+						id: "networking",
+						label: "Find networking matches",
+						description: "Connect this attendee with relevant people and meetings.",
+						icon: /* @__PURE__ */ o(u, { className: "h-4 w-4" }),
+						onClick: () => _("/networking")
+					},
+					{
+						id: "reach-out",
+						label: "Send a message",
+						description: "Reach this attendee through an announcement or campaign.",
+						icon: /* @__PURE__ */ o(c, { className: "h-4 w-4" }),
+						onClick: () => _("/communication")
+					}
+				]
+			})
+		]
 	});
 }
 //#endregion
-export { s as default };
+export { g as default };
 
 //# sourceMappingURL=AttendeeProfilePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useAttendeesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\nexport default function AttendeeProfilePage() {\n  const { id = '' } = useParams();\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n\n  const attendee = useMemo(\n    () => ((attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[]).find((item) => item.id === id),\n    [id, attendeesQuery.data]\n  );\n  const registrations = useMemo(\n    () =>\n      ((registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[]).filter(\n        (registration) => registration.attendeeId === id\n      ),\n    [id, registrationsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <section className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <h1 className=\"text-2xl font-bold text-text-primary\">Attendee Profile</h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {attendeesQuery.loading\n            ? 'Loading attendee profile...'\n            : attendee\n              ? `${attendee.fullName ?? attendee.id} profile from registration and attendee APIs.`\n              : 'Attendee not found in current query scope.'}\n        </p>\n        {attendee ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <div className=\"rounded-md border border-border-default p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Name</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.fullName ?? attendee.id}</p>\n            </div>\n            <div className=\"rounded-md border border-border-default p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.email ?? 'Unavailable'}</p>\n            </div>\n            <div className=\"rounded-md border border-border-default p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Company</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.company ?? 'Unavailable'}</p>\n            </div>\n            <div className=\"rounded-md border border-border-default p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Role</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.role ?? 'Unavailable'}</p>\n            </div>\n          </div>\n        ) : null}\n      </section>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading ? 'Loading attendee registrations...' : `Registrations (${registrations.length})`\n        }\n        emptyLabel=\"No registrations linked to this attendee.\"\n        rows={registrations.map((registration) => ({\n          id: registration.id,\n          title: `Registration ${registration.id}`,\n          subtitle: [\n            registration.quantity ? `Qty ${registration.quantity}` : undefined,\n            registration.totalAmount ? `${registration.totalAmount} ${registration.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: registration.status,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAuBA,SAAwB,IAAsB;CAC5C,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,IAAiB,EAAkB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC7D,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAErE,IAAW,SACP,EAAe,MAAM,UAAU,SAAS,EAAE,EAAoB,MAAM,MAAS,EAAK,OAAO,EAAG,EACpG,CAAC,GAAI,EAAe,KAAK,CAC1B,EACK,IAAgB,SAEhB,EAAmB,MAAM,cAAc,SAAS,EAAE,EAAwB,QACzE,MAAiB,EAAa,eAAe,EAC/C,EACH,CAAC,GAAI,EAAmB,KAAK,CAC9B;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,WAAD;GAAS,WAAU;aAAnB;IACE,kBAAC,MAAD;KAAI,WAAU;eAAuC;KAAqB,CAAA;IAC1E,kBAAC,KAAD;KAAG,WAAU;eACV,EAAe,UACZ,gCACA,IACE,GAAG,EAAS,YAAY,EAAS,GAAG,iDACpC;KACJ,CAAA;IACH,IACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAQ,CAAA,EAC3E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,YAAY,EAAS;QAAO,CAAA,CACpF;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAS,CAAA,EAC5E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,SAAS;QAAkB,CAAA,CACnF;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAW,CAAA,EAC9E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,WAAW;QAAkB,CAAA,CACrF;;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAQ,CAAA,EAC3E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,QAAQ;QAAkB,CAAA,CAClF;;MACF;SACJ;IACI;MAEV,kBAAC,GAAD;GACE,SACE,EAAmB,UAAU,sCAAsC,kBAAkB,EAAc,OAAO;GAE5G,YAAW;GACX,MAAM,EAAc,KAAK,OAAkB;IACzC,IAAI,EAAa;IACjB,OAAO,gBAAgB,EAAa;IACpC,UAAU,CACR,EAAa,WAAW,OAAO,EAAa,aAAa,KAAA,GACzD,EAAa,cAAc,GAAG,EAAa,YAAY,GAAG,EAAa,YAAY,OAAO,KAAA,EAC3F,CACE,OAAO,QAAQ,CACf,KAAK,MAAM;IACd,QAAQ,EAAa;IACtB,EAAE;GACH,CAAA,CACE"}
+{"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { Megaphone, Ticket, Users } from 'lucide-react';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport { useAttendeesQuery, useRegistrationsQuery } from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype AttendeeRow = {\n  id: string;\n  fullName?: string;\n  email?: string;\n  company?: string;\n  role?: string;\n};\n\ntype RegistrationRow = {\n  id: string;\n  attendeeId?: string;\n  status?: string;\n  quantity?: number;\n  currency?: string;\n  totalAmount?: string;\n};\n\nexport default function AttendeeProfilePage() {\n  const { id = '' } = useParams();\n  const { navigate } = useEventfullyManaged();\n  const attendeesQuery = useAttendeesQuery({ limit: 100, offset: 0 });\n  const registrationsQuery = useRegistrationsQuery({ limit: 100, offset: 0 });\n\n  const attendee = useMemo(\n    () => ((attendeesQuery.data?.attendees.items ?? []) as AttendeeRow[]).find((item) => item.id === id),\n    [id, attendeesQuery.data]\n  );\n  const registrations = useMemo(\n    () =>\n      ((registrationsQuery.data?.registrations.items ?? []) as RegistrationRow[]).filter(\n        (registration) => registration.attendeeId === id\n      ),\n    [id, registrationsQuery.data]\n  );\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        A single view of one attendee — who they are and everything they have registered for. Use this when you need\n        to look someone up: verify their ticket, answer a support question, or understand their history with your\n        events before reaching out.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Attendee</GradientText> Profile\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {attendeesQuery.loading\n            ? 'Loading attendee profile...'\n            : attendee\n              ? `${attendee.fullName ?? attendee.id} profile from registration and attendee APIs.`\n              : 'Attendee not found in current query scope.'}\n        </p>\n        {attendee ? (\n          <div className=\"mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4\">\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Name</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.fullName ?? attendee.id}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Email</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.email ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Company</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.company ?? 'Unavailable'}</p>\n            </GlassCard>\n            <GlassCard treatment=\"metric\" className=\"p-3\">\n              <p className=\"text-xs uppercase tracking-wide text-text-secondary\">Role</p>\n              <p className=\"mt-1 font-medium text-text-primary\">{attendee.role ?? 'Unavailable'}</p>\n            </GlassCard>\n          </div>\n        ) : null}\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          registrationsQuery.loading ? 'Loading attendee registrations...' : `Registrations (${registrations.length})`\n        }\n        emptyLabel=\"No registrations linked to this attendee.\"\n        rows={registrations.map((registration) => ({\n          id: registration.id,\n          title: `Registration ${registration.id}`,\n          subtitle: [\n            registration.quantity ? `Qty ${registration.quantity}` : undefined,\n            registration.totalAmount ? `${registration.totalAmount} ${registration.currency ?? ''}` : undefined,\n          ]\n            .filter(Boolean)\n            .join(' • '),\n          status: registration.status,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-attendee-profile\"\n        title=\"Act on this attendee\"\n        steps={[\n          {\n            id: 'view-registrations',\n            label: 'Review all registrations',\n            description: 'See the full registration list to manage tickets and payments.',\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n          {\n            id: 'networking',\n            label: 'Find networking matches',\n            description: 'Connect this attendee with relevant people and meetings.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('/networking'),\n          },\n          {\n            id: 'reach-out',\n            label: 'Send a message',\n            description: 'Reach this attendee through an announcement or campaign.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AA0BA,SAAwB,IAAsB;CAC5C,IAAM,EAAE,QAAK,OAAO,GAAW,EACzB,EAAE,gBAAa,GAAsB,EACrC,IAAiB,EAAkB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC7D,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAErE,IAAW,SACP,EAAe,MAAM,UAAU,SAAS,EAAE,EAAoB,MAAM,MAAS,EAAK,OAAO,EAAG,EACpG,CAAC,GAAI,EAAe,KAAK,CAC1B,EACK,IAAgB,SAEhB,EAAmB,MAAM,cAAc,SAAS,EAAE,EAAwB,QACzE,MAAiB,EAAa,eAAe,EAC/C,EACH,CAAC,GAAI,EAAmB,KAAK,CAC9B;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,sPAIC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA,EAAA,WAClC;;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAe,UACZ,gCACA,IACE,GAAG,EAAS,YAAY,EAAS,GAAG,iDACpC;KACJ,CAAA;IACH,IACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAQ,CAAA,EAC3E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,YAAY,EAAS;QAAO,CAAA,CAC9E;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAS,CAAA,EAC5E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,SAAS;QAAkB,CAAA,CAC7E;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAW,CAAA,EAC9E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,WAAW;QAAkB,CAAA,CAC/E;;MACZ,kBAAC,GAAD;OAAW,WAAU;OAAS,WAAU;iBAAxC,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAsD;QAAQ,CAAA,EAC3E,kBAAC,KAAD;QAAG,WAAU;kBAAsC,EAAS,QAAQ;QAAkB,CAAA,CAC5E;;MACR;SACJ;IACU,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SACE,EAAmB,UAAU,sCAAsC,kBAAkB,EAAc,OAAO;IAE5G,YAAW;IACX,MAAM,EAAc,KAAK,OAAkB;KACzC,IAAI,EAAa;KACjB,OAAO,gBAAgB,EAAa;KACpC,UAAU,CACR,EAAa,WAAW,OAAO,EAAa,aAAa,KAAA,GACzD,EAAa,cAAc,GAAG,EAAa,YAAY,GAAG,EAAa,YAAY,OAAO,KAAA,EAC3F,CACE,OAAO,QAAQ,CACf,KAAK,MAAM;KACd,QAAQ,EAAa;KACtB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,YAAW;IACX,OAAM;IACN,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,eAAe,EAAS,gBAAgB;MACzC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,cAAc;MACvC;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MACvC,eAAe,EAAS,iBAAiB;MAC1C;KACF;IACD,CAAA;GACE"}

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

@@ -4,71 +4,70 @@ import { useMemo as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Megaphone as c } from "lucide-react";
 import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as u, EmphasisPanel as d, GradientText as f, Input as p, PagePurpose as m } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/CommunicationPage.tsx
-function u() {
-	let { t: u } = l(), d = (e, t) => {
-		let n = u(e);
+function h() {
+	let { t: h } = l(), g = (e, t) => {
+		let n = h(e);
 		return n === e ? t : n;
-	}, f = e({
+	}, _ = e({
 		limit: 100,
 		offset: 0
-	}), p = t({
+	}), v = t({
 		limit: 100,
 		offset: 0
-	}), [m, { loading: h }] = n(), [g, _] = a(""), v = i(() => f.data?.announcements.items ?? [], [f.data]), y = i(() => p.data?.communicationCampaigns.items ?? [], [p.data]);
+	}), [y, { loading: b }] = n(), [x, S] = a(""), C = i(() => _.data?.announcements.items ?? [], [_.data]), w = i(() => v.data?.communicationCampaigns.items ?? [], [v.data]);
 	return /* @__PURE__ */ s("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s("section", {
-				className: "rounded-lg border border-border-default bg-bg-surface p-5",
-				children: [
-					/* @__PURE__ */ o("h1", {
-						className: "text-2xl font-bold text-text-primary",
-						children: d("eventfullymanaged.communication.title", "Communication")
-					}),
-					/* @__PURE__ */ o("p", {
-						className: "mt-1 text-sm text-text-secondary",
-						children: d("eventfullymanaged.communication.description", "Announcements and campaigns managed via workspace APIs.")
-					}),
-					/* @__PURE__ */ s("div", {
-						className: "mt-4 flex flex-col gap-3 sm:flex-row",
-						children: [/* @__PURE__ */ o("input", {
-							value: g,
-							onChange: (e) => _(e.target.value),
-							placeholder: d("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
-							className: "flex-1 rounded-md border border-border-default px-3 py-2"
-						}), /* @__PURE__ */ s("button", {
-							type: "button",
-							disabled: h,
-							onClick: async () => {
-								g.trim() && (await m({ variables: { input: {
-									title: g,
-									name: g,
-									status: "draft",
-									metadata: {}
-								} } }), _(""));
-							},
-							className: "inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60",
-							children: [/* @__PURE__ */ o(c, { className: "mr-2 h-4 w-4" }), h ? d("eventfullymanaged.communication.actions.creating", "Creating...") : d("eventfullymanaged.communication.actions.createAnnouncement", "Create Announcement")]
-						})]
-					})
-				]
-			}),
+			/* @__PURE__ */ o(m, { children: g("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). Use this page to draft and publish everything you need to say before, during and after an event.") }),
+			/* @__PURE__ */ s(d, { children: [
+				/* @__PURE__ */ o("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: /* @__PURE__ */ o(f, { children: g("eventfullymanaged.communication.title", "Communication") })
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: g("eventfullymanaged.communication.description", "Announcements and campaigns managed via workspace APIs.")
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "mt-4 flex flex-col gap-3 sm:flex-row",
+					children: [/* @__PURE__ */ o(p, {
+						value: x,
+						onChange: (e) => S(e.target.value),
+						placeholder: g("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
+						"aria-label": g("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
+						className: "flex-1"
+					}), /* @__PURE__ */ s(u, {
+						type: "button",
+						disabled: b,
+						onClick: async () => {
+							x.trim() && (await y({ variables: { input: {
+								title: x,
+								name: x,
+								status: "draft",
+								metadata: {}
+							} } }), S(""));
+						},
+						children: [/* @__PURE__ */ o(c, { className: "h-4 w-4" }), b ? g("eventfullymanaged.communication.actions.creating", "Creating...") : g("eventfullymanaged.communication.actions.createAnnouncement", "Create Announcement")]
+					})]
+				})
+			] }),
 			/* @__PURE__ */ o(r, {
-				heading: f.loading ? d("eventfullymanaged.communication.announcements.loading", "Loading announcements...") : `${d("eventfullymanaged.communication.announcements.heading", "Announcements")} (${v.length})`,
-				emptyLabel: d("eventfullymanaged.communication.announcements.empty", "No announcements published yet."),
-				rows: v.map((e) => ({
+				heading: _.loading ? g("eventfullymanaged.communication.announcements.loading", "Loading announcements...") : `${g("eventfullymanaged.communication.announcements.heading", "Announcements")} (${C.length})`,
+				emptyLabel: g("eventfullymanaged.communication.announcements.empty", "No announcements published yet."),
+				rows: C.map((e) => ({
 					id: e.id,
-					title: e.title ?? e.name ?? `${d("eventfullymanaged.communication.announcements.itemPrefix", "Announcement")} ${e.id}`,
+					title: e.title ?? e.name ?? `${g("eventfullymanaged.communication.announcements.itemPrefix", "Announcement")} ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
 			/* @__PURE__ */ o(r, {
-				heading: p.loading ? d("eventfullymanaged.communication.campaigns.loading", "Loading campaigns...") : `${d("eventfullymanaged.communication.campaigns.heading", "Campaigns")} (${y.length})`,
-				emptyLabel: d("eventfullymanaged.communication.campaigns.empty", "No communication campaigns created yet."),
-				rows: y.map((e) => ({
+				heading: v.loading ? g("eventfullymanaged.communication.campaigns.loading", "Loading campaigns...") : `${g("eventfullymanaged.communication.campaigns.heading", "Campaigns")} (${w.length})`,
+				emptyLabel: g("eventfullymanaged.communication.campaigns.empty", "No communication campaigns created yet."),
+				rows: w.map((e) => ({
 					id: e.id,
-					title: e.title ?? e.name ?? `${d("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign")} ${e.id}`,
+					title: e.title ?? e.name ?? `${g("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign")} ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			})
@@ -76,6 +75,6 @@ function u() {
 	});
 }
 //#endregion
-export { u as default };
+export { h as default };
 
 //# sourceMappingURL=CommunicationPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommunicationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/CommunicationPage.tsx"],"sourcesContent":["import { Megaphone } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAnnouncementsQuery,\n  useCommunicationCampaignsQuery,\n  useUpsertAnnouncementMutation,\n} from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function CommunicationPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const announcementsQuery = useAnnouncementsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n  const [createAnnouncement, { loading: creating }] = useUpsertAnnouncementMutation();\n  const [announcementTitle, setAnnouncementTitle] = useState('');\n\n  const announcements = useMemo(\n    () => (announcementsQuery.data?.announcements.items ?? []) as SimpleRow[],\n    [announcementsQuery.data]\n  );\n  const campaigns = useMemo(\n    () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as SimpleRow[],\n    [campaignsQuery.data]\n  );\n\n  const onCreate = async () => {\n    if (!announcementTitle.trim()) return;\n    await createAnnouncement({\n      variables: {\n        input: {\n          title: announcementTitle,\n          name: announcementTitle,\n          status: 'draft',\n          metadata: {},\n        },\n      },\n    });\n    setAnnouncementTitle('');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <section className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          {t('eventfullymanaged.communication.title', 'Communication')}\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.communication.description', 'Announcements and campaigns managed via workspace APIs.')}\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <input\n            value={announcementTitle}\n            onChange={(e) => setAnnouncementTitle(e.target.value)}\n            placeholder={t('eventfullymanaged.communication.inputPlaceholder', 'Emergency schedule update')}\n            className=\"flex-1 rounded-md border border-border-default px-3 py-2\"\n          />\n          <button\n            type=\"button\"\n            disabled={creating}\n            onClick={onCreate}\n            className=\"inline-flex items-center rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:opacity-90 disabled:opacity-60\"\n          >\n            <Megaphone className=\"mr-2 h-4 w-4\" />\n            {creating\n              ? t('eventfullymanaged.communication.actions.creating', 'Creating...')\n              : t('eventfullymanaged.communication.actions.createAnnouncement', 'Create Announcement')}\n          </button>\n        </div>\n      </section>\n\n      <EntityListSection\n        heading={\n          announcementsQuery.loading\n            ? t('eventfullymanaged.communication.announcements.loading', 'Loading announcements...')\n            : `${t('eventfullymanaged.communication.announcements.heading', 'Announcements')} (${announcements.length})`\n        }\n        emptyLabel={t('eventfullymanaged.communication.announcements.empty', 'No announcements published yet.')}\n        rows={announcements.map((row) => ({\n          id: row.id,\n          title:\n            row.title ??\n            row.name ??\n            `${t('eventfullymanaged.communication.announcements.itemPrefix', 'Announcement')} ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          campaignsQuery.loading\n            ? t('eventfullymanaged.communication.campaigns.loading', 'Loading campaigns...')\n            : `${t('eventfullymanaged.communication.campaigns.heading', 'Campaigns')} (${campaigns.length})`\n        }\n        emptyLabel={t('eventfullymanaged.communication.campaigns.empty', 'No communication campaigns created yet.')}\n        rows={campaigns.map((row) => ({\n          id: row.id,\n          title:\n            row.title ??\n            row.name ??\n            `${t('eventfullymanaged.communication.campaigns.itemPrefix', 'Campaign')} ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAkBA,SAAwB,IAAoB;CAC1C,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAiB,EAA+B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC1E,CAAC,GAAoB,EAAE,SAAS,OAAc,GAA+B,EAC7E,CAAC,GAAmB,KAAwB,EAAS,GAAG,EAExD,IAAgB,QACb,EAAmB,MAAM,cAAc,SAAS,EAAE,EACzD,CAAC,EAAmB,KAAK,CAC1B,EACK,IAAY,QACT,EAAe,MAAM,uBAAuB,SAAS,EAAE,EAC9D,CAAC,EAAe,KAAK,CACtB;AAiBD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,WAAD;IAAS,WAAU;cAAnB;KACE,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAE,yCAAyC,gBAAgB;MACzD,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,+CAA+C,0DAA0D;MAC1G,CAAA;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OACE,OAAO;OACP,WAAW,MAAM,EAAqB,EAAE,OAAO,MAAM;OACrD,aAAa,EAAE,oDAAoD,4BAA4B;OAC/F,WAAU;OACV,CAAA,EACF,kBAAC,UAAD;OACE,MAAK;OACL,UAAU;OACV,SAlCO,YAAY;AACtB,UAAkB,MAAM,KAC7B,MAAM,EAAmB,EACvB,WAAW,EACT,OAAO;SACL,OAAO;SACP,MAAM;SACN,QAAQ;SACR,UAAU,EAAE;SACb,EACF,EACF,CAAC,EACF,EAAqB,GAAG;;OAuBhB,WAAU;iBAJZ,CAME,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EACrC,IACG,EAAE,oDAAoD,cAAc,GACpE,EAAE,8DAA8D,sBAAsB,CACnF;SACL;;KACE;;GAEV,kBAAC,GAAD;IACE,SACE,EAAmB,UACf,EAAE,yDAAyD,2BAA2B,GACtF,GAAG,EAAE,yDAAyD,gBAAgB,CAAC,IAAI,EAAc,OAAO;IAE9G,YAAY,EAAE,uDAAuD,kCAAkC;IACvG,MAAM,EAAc,KAAK,OAAS;KAChC,IAAI,EAAI;KACR,OACE,EAAI,SACJ,EAAI,QACJ,GAAG,EAAE,4DAA4D,eAAe,CAAC,GAAG,EAAI;KAC1F,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SACE,EAAe,UACX,EAAE,qDAAqD,uBAAuB,GAC9E,GAAG,EAAE,qDAAqD,YAAY,CAAC,IAAI,EAAU,OAAO;IAElG,YAAY,EAAE,mDAAmD,0CAA0C;IAC3G,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OACE,EAAI,SACJ,EAAI,QACJ,GAAG,EAAE,wDAAwD,WAAW,CAAC,GAAG,EAAI;KAClF,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GACE"}
+{"version":3,"file":"CommunicationPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/CommunicationPage.tsx"],"sourcesContent":["import { Megaphone } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Button, EmphasisPanel, GradientText, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAnnouncementsQuery,\n  useCommunicationCampaignsQuery,\n  useUpsertAnnouncementMutation,\n} from '../../api/eventApi';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function CommunicationPage() {\n  const { t: translate } = useI18n();\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n  const announcementsQuery = useAnnouncementsQuery({ limit: 100, offset: 0 });\n  const campaignsQuery = useCommunicationCampaignsQuery({ limit: 100, offset: 0 });\n  const [createAnnouncement, { loading: creating }] = useUpsertAnnouncementMutation();\n  const [announcementTitle, setAnnouncementTitle] = useState('');\n\n  const announcements = useMemo(\n    () => (announcementsQuery.data?.announcements.items ?? []) as SimpleRow[],\n    [announcementsQuery.data]\n  );\n  const campaigns = useMemo(\n    () => (campaignsQuery.data?.communicationCampaigns.items ?? []) as SimpleRow[],\n    [campaignsQuery.data]\n  );\n\n  const onCreate = async () => {\n    if (!announcementTitle.trim()) return;\n    await createAnnouncement({\n      variables: {\n        input: {\n          title: announcementTitle,\n          name: announcementTitle,\n          status: 'draft',\n          metadata: {},\n        },\n      },\n    });\n    setAnnouncementTitle('');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        {t(\n          'eventfullymanaged.communication.purpose',\n          '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). Use this page to draft and publish everything you need to say before, during and after an event.'\n        )}\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>{t('eventfullymanaged.communication.title', 'Communication')}</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          {t('eventfullymanaged.communication.description', 'Announcements and campaigns managed via workspace APIs.')}\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row\">\n          <Input\n            value={announcementTitle}\n            onChange={(e) => setAnnouncementTitle(e.target.value)}\n            placeholder={t('eventfullymanaged.communication.inputPlaceholder', 'Emergency schedule update')}\n            aria-label={t('eventfullymanaged.communication.inputPlaceholder', 'Emergency schedule update')}\n            className=\"flex-1\"\n          />\n          <Button type=\"button\" disabled={creating} onClick={onCreate}>\n            <Megaphone className=\"h-4 w-4\" />\n            {creating\n              ? t('eventfullymanaged.communication.actions.creating', 'Creating...')\n              : t('eventfullymanaged.communication.actions.createAnnouncement', 'Create Announcement')}\n          </Button>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={\n          announcementsQuery.loading\n            ? t('eventfullymanaged.communication.announcements.loading', 'Loading announcements...')\n            : `${t('eventfullymanaged.communication.announcements.heading', 'Announcements')} (${announcements.length})`\n        }\n        emptyLabel={t('eventfullymanaged.communication.announcements.empty', 'No announcements published yet.')}\n        rows={announcements.map((row) => ({\n          id: row.id,\n          title:\n            row.title ??\n            row.name ??\n            `${t('eventfullymanaged.communication.announcements.itemPrefix', 'Announcement')} ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={\n          campaignsQuery.loading\n            ? t('eventfullymanaged.communication.campaigns.loading', 'Loading campaigns...')\n            : `${t('eventfullymanaged.communication.campaigns.heading', 'Campaigns')} (${campaigns.length})`\n        }\n        emptyLabel={t('eventfullymanaged.communication.campaigns.empty', 'No communication campaigns created yet.')}\n        rows={campaigns.map((row) => ({\n          id: row.id,\n          title:\n            row.title ??\n            row.name ??\n            `${t('eventfullymanaged.communication.campaigns.itemPrefix', 'Campaign')} ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAmBA,SAAwB,IAAoB;CAC1C,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,IAAqB,EAAsB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAiB,EAA+B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC1E,CAAC,GAAoB,EAAE,SAAS,OAAc,GAA+B,EAC7E,CAAC,GAAmB,KAAwB,EAAS,GAAG,EAExD,IAAgB,QACb,EAAmB,MAAM,cAAc,SAAS,EAAE,EACzD,CAAC,EAAmB,KAAK,CAC1B,EACK,IAAY,QACT,EAAe,MAAM,uBAAuB,SAAS,EAAE,EAC9D,CAAC,EAAe,KAAK,CACtB;AAiBD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UACG,EACC,2CACA,iSACD,EACW,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,yCAAyC,gBAAgB,EAAgB,CAAA;KACvF,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,+CAA+C,0DAA0D;KAC1G,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAqB,EAAE,OAAO,MAAM;MACrD,aAAa,EAAE,oDAAoD,4BAA4B;MAC/F,cAAY,EAAE,oDAAoD,4BAA4B;MAC9F,WAAU;MACV,CAAA,EACF,kBAAC,GAAD;MAAQ,MAAK;MAAS,UAAU;MAAU,SAvCjC,YAAY;AACtB,SAAkB,MAAM,KAC7B,MAAM,EAAmB,EACvB,WAAW,EACT,OAAO;QACL,OAAO;QACP,MAAM;QACN,QAAQ;QACR,UAAU,EAAE;QACb,EACF,EACF,CAAC,EACF,EAAqB,GAAG;;gBA2BlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,IACG,EAAE,oDAAoD,cAAc,GACpE,EAAE,8DAA8D,sBAAsB,CACnF;QACL;;IACQ,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SACE,EAAmB,UACf,EAAE,yDAAyD,2BAA2B,GACtF,GAAG,EAAE,yDAAyD,gBAAgB,CAAC,IAAI,EAAc,OAAO;IAE9G,YAAY,EAAE,uDAAuD,kCAAkC;IACvG,MAAM,EAAc,KAAK,OAAS;KAChC,IAAI,EAAI;KACR,OACE,EAAI,SACJ,EAAI,QACJ,GAAG,EAAE,4DAA4D,eAAe,CAAC,GAAG,EAAI;KAC1F,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SACE,EAAe,UACX,EAAE,qDAAqD,uBAAuB,GAC9E,GAAG,EAAE,qDAAqD,YAAY,CAAC,IAAI,EAAU,OAAO;IAElG,YAAY,EAAE,mDAAmD,0CAA0C;IAC3G,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OACE,EAAI,SACJ,EAAI,QACJ,GAAG,EAAE,wDAAwD,WAAW,CAAC,GAAG,EAAI;KAClF,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GACE"}

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

@@ -1,36 +1,68 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { Badge as n, GlassCard as r, IllustratedEmptyState as i } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/EntityListSection.tsx
-function n({ heading: n, rows: r, emptyLabel: i }) {
-	return /* @__PURE__ */ t("section", {
-		className: "rounded-lg border border-border-default bg-bg-surface p-5",
+function a(e) {
+	let t = e.toLowerCase();
+	return [
+		"active",
+		"published",
+		"live",
+		"confirmed",
+		"completed",
+		"approved"
+	].includes(t) ? "success" : [
+		"inactive",
+		"cancelled",
+		"archived",
+		"closed",
+		"expired"
+	].includes(t) ? "warning" : [
+		"draft",
+		"created",
+		"pending",
+		"scheduled"
+	].includes(t) ? "info" : "secondary";
+}
+function o({ heading: o, rows: s, emptyLabel: c, emptyIllustration: l = "empty-data" }) {
+	return /* @__PURE__ */ t(r, {
+		treatment: "plain",
+		className: "border-border-seam p-5",
 		children: [/* @__PURE__ */ e("h2", {
 			className: "text-lg font-semibold text-text-primary",
-			children: n
+			children: o
 		}), /* @__PURE__ */ e("div", {
-			className: "mt-4 space-y-3",
-			children: r.length === 0 ? /* @__PURE__ */ e("p", {
-				className: "text-sm text-text-secondary",
-				children: i
-			}) : r.map((n) => /* @__PURE__ */ e("div", {
-				className: "rounded-md border border-border-default p-3",
-				children: /* @__PURE__ */ t("div", {
-					className: "flex items-center justify-between gap-3",
-					children: [/* @__PURE__ */ t("div", { children: [/* @__PURE__ */ e("p", {
-						className: "font-medium text-text-primary",
-						children: n.title
-					}), n.subtitle ? /* @__PURE__ */ e("p", {
-						className: "text-sm text-text-secondary",
-						children: n.subtitle
-					}) : null] }), n.status ? /* @__PURE__ */ e("span", {
-						className: "rounded-full bg-gray-100 px-2 py-1 text-xs font-medium uppercase text-text-primary",
-						children: n.status
-					}) : null]
-				})
-			}, n.id))
+			className: "mt-4",
+			children: s.length === 0 ? /* @__PURE__ */ e(i, {
+				illustration: l,
+				title: c,
+				className: "py-8"
+			}) : /* @__PURE__ */ e("ul", {
+				className: "space-y-2.5",
+				children: s.map((r) => /* @__PURE__ */ e("li", {
+					className: "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__ */ t("div", {
+						className: "flex items-center justify-between gap-3",
+						children: [/* @__PURE__ */ t("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ e("p", {
+								className: "truncate font-medium text-text-primary",
+								children: r.title
+							}), r.subtitle ? /* @__PURE__ */ e("p", {
+								className: "mt-0.5 truncate text-sm text-text-secondary",
+								children: r.subtitle
+							}) : null]
+						}), r.status ? /* @__PURE__ */ e(n, {
+							variant: a(r.status),
+							className: "shrink-0 uppercase",
+							children: r.status
+						}) : null]
+					})
+				}, r.id))
+			})
 		})]
 	});
 }
 //#endregion
-export { n as EntityListSection };
+export { o as EntityListSection };
 
 //# sourceMappingURL=EntityListSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityListSection.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EntityListSection.tsx"],"sourcesContent":["type EntityRow = {\n  id: string;\n  title: string;\n  subtitle?: string;\n  status?: string;\n};\n\ninterface EntityListSectionProps {\n  heading: string;\n  rows: EntityRow[];\n  emptyLabel: string;\n}\n\nexport function EntityListSection({ heading, rows, emptyLabel }: EntityListSectionProps) {\n  return (\n    <section className=\"rounded-lg border border-border-default bg-bg-surface p-5\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">{heading}</h2>\n      <div className=\"mt-4 space-y-3\">\n        {rows.length === 0 ? (\n          <p className=\"text-sm text-text-secondary\">{emptyLabel}</p>\n        ) : (\n          rows.map((row) => (\n            <div key={row.id} className=\"rounded-md border border-border-default p-3\">\n              <div className=\"flex items-center justify-between gap-3\">\n                <div>\n                  <p className=\"font-medium text-text-primary\">{row.title}</p>\n                  {row.subtitle ? <p className=\"text-sm text-text-secondary\">{row.subtitle}</p> : null}\n                </div>\n                {row.status ? (\n                  <span className=\"rounded-full bg-gray-100 px-2 py-1 text-xs font-medium uppercase text-text-primary\">\n                    {row.status}\n                  </span>\n                ) : null}\n              </div>\n            </div>\n          ))\n        )}\n      </div>\n    </section>\n  );\n}\n"],"mappings":";;AAaA,SAAgB,EAAkB,EAAE,YAAS,SAAM,iBAAsC;AACvF,QACE,kBAAC,WAAD;EAAS,WAAU;YAAnB,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAa,CAAA,EACtE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,WAAW,IACf,kBAAC,KAAD;IAAG,WAAU;cAA+B;IAAe,CAAA,GAE3D,EAAK,KAAK,MACR,kBAAC,OAAD;IAAkB,WAAU;cAC1B,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAI;MAAU,CAAA,EAC3D,EAAI,WAAW,kBAAC,KAAD;MAAG,WAAU;gBAA+B,EAAI;MAAa,CAAA,GAAG,KAC5E,EAAA,CAAA,EACL,EAAI,SACH,kBAAC,QAAD;MAAM,WAAU;gBACb,EAAI;MACA,CAAA,GACL,KACA;;IACF,EAZI,EAAI,GAYR,CACN;GAEA,CAAA,CACE"}
+{"version":3,"file":"EntityListSection.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/EntityListSection.tsx"],"sourcesContent":["import { Badge, GlassCard, IllustratedEmptyState } from '@burdenoff/fe-libs/ui';\n\ntype EntityRow = {\n  id: string;\n  title: string;\n  subtitle?: string;\n  status?: string;\n};\n\ninterface EntityListSectionProps {\n  heading: string;\n  rows: EntityRow[];\n  emptyLabel: string;\n  /** Illustration used for the zero-state. Defaults to a generic data illustration. */\n  emptyIllustration?: string;\n}\n\nfunction statusVariant(status: string): 'success' | 'warning' | 'secondary' | 'info' {\n  const value = status.toLowerCase();\n  if (['active', 'published', 'live', 'confirmed', 'completed', 'approved'].includes(value)) {\n    return 'success';\n  }\n  if (['inactive', 'cancelled', 'archived', 'closed', 'expired'].includes(value)) {\n    return 'warning';\n  }\n  if (['draft', 'created', 'pending', 'scheduled'].includes(value)) {\n    return 'info';\n  }\n  return 'secondary';\n}\n\nexport function EntityListSection({\n  heading,\n  rows,\n  emptyLabel,\n  emptyIllustration = 'empty-data',\n}: EntityListSectionProps) {\n  return (\n    <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n      <h2 className=\"text-lg font-semibold text-text-primary\">{heading}</h2>\n      <div className=\"mt-4\">\n        {rows.length === 0 ? (\n          <IllustratedEmptyState illustration={emptyIllustration} title={emptyLabel} className=\"py-8\" />\n        ) : (\n          <ul className=\"space-y-2.5\">\n            {rows.map((row) => (\n              <li\n                key={row.id}\n                className=\"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\"\n              >\n                <div className=\"flex items-center justify-between gap-3\">\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate font-medium text-text-primary\">{row.title}</p>\n                    {row.subtitle ? (\n                      <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{row.subtitle}</p>\n                    ) : null}\n                  </div>\n                  {row.status ? (\n                    <Badge variant={statusVariant(row.status)} className=\"shrink-0 uppercase\">\n                      {row.status}\n                    </Badge>\n                  ) : null}\n                </div>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    </GlassCard>\n  );\n}\n"],"mappings":";;;AAiBA,SAAS,EAAc,GAA8D;CACnF,IAAM,IAAQ,EAAO,aAAa;AAUlC,QATI;EAAC;EAAU;EAAa;EAAQ;EAAa;EAAa;EAAW,CAAC,SAAS,EAAM,GAChF,YAEL;EAAC;EAAY;EAAa;EAAY;EAAU;EAAU,CAAC,SAAS,EAAM,GACrE,YAEL;EAAC;EAAS;EAAW;EAAW;EAAY,CAAC,SAAS,EAAM,GACvD,SAEF;;AAGT,SAAgB,EAAkB,EAChC,YACA,SACA,eACA,uBAAoB,gBACK;AACzB,QACE,kBAAC,GAAD;EAAW,WAAU;EAAQ,WAAU;YAAvC,CACE,kBAAC,MAAD;GAAI,WAAU;aAA2C;GAAa,CAAA,EACtE,kBAAC,OAAD;GAAK,WAAU;aACZ,EAAK,WAAW,IACf,kBAAC,GAAD;IAAuB,cAAc;IAAmB,OAAO;IAAY,WAAU;IAAS,CAAA,GAE9F,kBAAC,MAAD;IAAI,WAAU;cACX,EAAK,KAAK,MACT,kBAAC,MAAD;KAEE,WAAU;eAEV,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAA0C,EAAI;QAAU,CAAA,EACpE,EAAI,WACH,kBAAC,KAAD;QAAG,WAAU;kBAA+C,EAAI;QAAa,CAAA,GAC3E,KACA;UACL,EAAI,SACH,kBAAC,GAAD;OAAO,SAAS,EAAc,EAAI,OAAO;OAAE,WAAU;iBAClD,EAAI;OACC,CAAA,GACN,KACA;;KACH,EAhBE,EAAI,GAgBN,CACL;IACC,CAAA;GAEH,CAAA,CACI"}