npm - @burdenoff/microfe-eventfullymanaged - Versions diffs - 2026.625.1 → 2026.703.1 - Mend

@burdenoff/microfe-eventfullymanaged 2026.625.1 → 2026.703.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

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

@@ -1,91 +1,150 @@
-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 { EmphasisPanel as s, GlassCard as c, GradientText as l } from "@burdenoff/fe-libs/ui";
+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, useRef as a } from "react";
+import { useParams as o } from "react-router-dom";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { MessageSquare as l, Ticket as u, Users as d } from "lucide-react";
+import { EmphasisPanel as f, GlassCard as p, GradientText as m, NextSteps as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { ContextConversationWidget as _ } from "@burdenoff/fe-libs/shared";
+import { useRegisterPageConversationContext as v } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx
-function u() {
-	let { id: u = "" } = i(), d = e({
+function y({ attendeeId: e, attendeeName: t }) {
+	return v({
+		entityType: "EVENTFULLYMANAGED_ATTENDEE",
+		entityId: e,
+		contextTitle: `Attendee · ${t}`
+	}), /* @__PURE__ */ s(_, { widgetKey: "attendee-message" });
+}
+function b() {
+	let { id: _ = "" } = o(), { navigate: v } = e(), b = t({
 		limit: 100,
 		offset: 0
-	}), f = t({
+	}), x = n({
 		limit: 100,
 		offset: 0
-	}), p = r(() => (d.data?.attendees.items ?? []).find((e) => e.id === u), [u, d.data]), m = r(() => (f.data?.registrations.items ?? []).filter((e) => e.attendeeId === u), [u, f.data]);
-	return /* @__PURE__ */ o("div", {
+	}), S = a(null), C = i(() => (b.data?.attendees.items ?? []).find((e) => e.id === _), [_, b.data]), w = i(() => (x.data?.registrations.items ?? []).filter((e) => e.attendeeId === _), [_, x.data]);
+	return /* @__PURE__ */ c("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ o(s, { children: [
-			/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-bold text-text-primary",
-				children: [/* @__PURE__ */ a(l, { children: "Attendee" }), " Profile"]
-			}),
-			/* @__PURE__ */ a("p", {
-				className: "mt-1 text-sm text-text-secondary",
-				children: d.loading ? "Loading attendee profile..." : p ? `${p.fullName ?? p.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
+		children: [
+			/* @__PURE__ */ s(g, { 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__ */ c(f, { children: [
+				/* @__PURE__ */ c("h1", {
+					className: "text-2xl font-bold text-text-primary",
+					children: [/* @__PURE__ */ s(m, { children: "Attendee" }), " Profile"]
+				}),
+				/* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: b.loading ? "Loading attendee profile..." : C ? `${C.fullName ?? C.id} profile from registration and attendee APIs.` : "Attendee not found in current query scope."
+				}),
+				C ? /* @__PURE__ */ c("div", {
+					className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ c(p, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Name"
+							}), /* @__PURE__ */ s("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: C.fullName ?? C.id
+							})]
+						}),
+						/* @__PURE__ */ c(p, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Email"
+							}), /* @__PURE__ */ s("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: C.email ?? "Unavailable"
+							})]
+						}),
+						/* @__PURE__ */ c(p, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Company"
+							}), /* @__PURE__ */ s("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: C.company ?? "Unavailable"
+							})]
+						}),
+						/* @__PURE__ */ c(p, {
+							treatment: "metric",
+							className: "p-3",
+							children: [/* @__PURE__ */ s("p", {
+								className: "text-xs uppercase tracking-wide text-text-secondary",
+								children: "Role"
+							}), /* @__PURE__ */ s("p", {
+								className: "mt-1 font-medium text-text-primary",
+								children: C.role ?? "Unavailable"
+							})]
+						})
+					]
+				}) : null
+			] }),
+			/* @__PURE__ */ s(r, {
+				heading: x.loading ? "Loading attendee registrations..." : `Registrations (${w.length})`,
+				emptyLabel: "No registrations linked to this attendee.",
+				rows: w.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
+				}))
 			}),
-			p ? /* @__PURE__ */ o("div", {
-				className: "mt-4 grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Name"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.fullName ?? p.id
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Email"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.email ?? "Unavailable"
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Company"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.company ?? "Unavailable"
-						})]
-					}),
-					/* @__PURE__ */ o(c, {
-						treatment: "metric",
-						className: "p-3",
-						children: [/* @__PURE__ */ a("p", {
-							className: "text-xs uppercase tracking-wide text-text-secondary",
-							children: "Role"
-						}), /* @__PURE__ */ a("p", {
-							className: "mt-1 font-medium text-text-primary",
-							children: p.role ?? "Unavailable"
-						})]
-					})
+			_ ? /* @__PURE__ */ c("div", {
+				ref: S,
+				className: "space-y-3",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h2", {
+					className: "text-lg font-semibold text-text-primary",
+					children: "Messages"
+				}), /* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-text-secondary",
+					children: "Start a direct conversation with this attendee. Threads and attachments are handled by the shared conversations service."
+				})] }), /* @__PURE__ */ s(y, {
+					attendeeId: _,
+					attendeeName: C?.fullName ?? C?.id ?? _
+				})]
+			}) : null,
+			/* @__PURE__ */ s(h, {
+				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__ */ s(u, { className: "h-4 w-4" }),
+						onClick: () => v("/registration")
+					},
+					{
+						id: "networking",
+						label: "Find networking matches",
+						description: "Connect this attendee with relevant people and meetings.",
+						icon: /* @__PURE__ */ s(d, { className: "h-4 w-4" }),
+						onClick: () => v("/networking")
+					},
+					{
+						id: "reach-out",
+						label: "Send a message",
+						description: "Open a direct conversation thread with this attendee.",
+						icon: /* @__PURE__ */ s(l, { className: "h-4 w-4" }),
+						onClick: () => S.current?.scrollIntoView({
+							behavior: "smooth",
+							block: "start"
+						})
+					}
 				]
-			}) : null
-		] }), /* @__PURE__ */ a(n, {
-			heading: f.loading ? "Loading attendee registrations..." : `Registrations (${m.length})`,
-			emptyLabel: "No registrations linked to this attendee.",
-			rows: m.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
-			}))
-		})]
+			})
+		]
 	});
 }
 //#endregion
-export { u as default };
+export { b as default };
 //# sourceMappingURL=AttendeeProfilePage.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { EmphasisPanel, GlassCard, GradientText } from '@burdenoff/fe-libs/ui';\nimport { 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 <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 </div>\n );\n}\n"],"mappings":"~~;;;;;;;AAwBA~~,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,GAAD,EAAA,UAAA;~~GACE~~,kBAAC,MAAD;~~IAAI~~,WAAU;~~cAAd~~,CACE,kBAAC,GAAD,EAAA,UAAc,YAAuB,CAAA,EAAA,WAClC;;~~GACL~~,kBAAC,KAAD;~~IAAG~~,WAAU;~~cACV~~,EAAe,UACZ,gCACA,IACE,GAAG,EAAS,YAAY,EAAS,GAAG,iDACpC;~~IACJ~~,CAAA;~~GACH~~,IACC,kBAAC,OAAD;~~IAAK~~,WAAU;~~cAAf~~;~~KACE~~,kBAAC,GAAD;~~MAAW~~,WAAU;~~MAAS~~,WAAU;~~gBAAxC~~,CACE,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsD~~;~~OAAQ~~,CAAA,EAC3E,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsC~~,EAAS,YAAY,EAAS;~~OAAO~~,CAAA,CAC9E;;~~KACZ~~,kBAAC,GAAD;~~MAAW~~,WAAU;~~MAAS~~,WAAU;~~gBAAxC~~,CACE,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsD~~;~~OAAS~~,CAAA,EAC5E,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsC~~,EAAS,SAAS;~~OAAkB~~,CAAA,CAC7E;;~~KACZ~~,kBAAC,GAAD;~~MAAW~~,WAAU;~~MAAS~~,WAAU;~~gBAAxC~~,CACE,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsD~~;~~OAAW~~,CAAA,EAC9E,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsC~~,EAAS,WAAW;~~OAAkB~~,CAAA,CAC/E;;~~KACZ~~,kBAAC,GAAD;~~MAAW~~,WAAU;~~MAAS~~,WAAU;~~gBAAxC~~,CACE,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsD~~;~~OAAQ~~,CAAA,EAC3E,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBAAsC~~,EAAS,QAAQ;~~OAAkB~~,CAAA,CAC5E;;~~KACR~~;~~QACJ~~;~~GACU~~,EAAA,CAAA,~~EAEhB,~~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"}
1	+ {"version":3,"file":"AttendeeProfilePage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/AttendeeProfilePage.tsx"],"sourcesContent":["import { MessageSquare, Ticket, Users } from 'lucide-react';\nimport { ContextConversationWidget } from '@burdenoff/fe-libs/shared';\nimport { useRegisterPageConversationContext } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { EmphasisPanel, GlassCard, GradientText, NextSteps, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useMemo, useRef } 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\n/*\n Direct message thread with a single attendee, backed by wspace-conversations-svc.\n * Kept as a dedicated component so `useRegisterPageConversationContext` scopes the\n * thread to this attendee (entityType + entityId) and unregisters on unmount.\n */\nfunction AttendeeConversation({ attendeeId, attendeeName }: { attendeeId: string; attendeeName: string }) {\n useRegisterPageConversationContext({\n entityType: 'EVENTFULLYMANAGED_ATTENDEE',\n entityId: attendeeId,\n contextTitle: `Attendee · ${attendeeName}`,\n });\n return <ContextConversationWidget widgetKey=\"attendee-message\" />;\n}\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 const conversationRef = useRef<HTMLDivElement \| null>(null);\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 to\n look someone up: verify their ticket, answer a support question, or understand their history with your events\n 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 {id ? (\n <div ref={conversationRef} className=\"space-y-3\">\n <div>\n <h2 className=\"text-lg font-semibold text-text-primary\">Messages</h2>\n <p className=\"mt-1 text-sm text-text-secondary\">\n Start a direct conversation with this attendee. Threads and attachments are handled by the shared\n conversations service.\n </p>\n </div>\n <AttendeeConversation attendeeId={id} attendeeName={attendee?.fullName ?? attendee?.id ?? id} />\n </div>\n ) : null}\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: 'Open a direct conversation thread with this attendee.',\n icon: <MessageSquare className=\"h-4 w-4\" />,\n onClick: () => conversationRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' }),\n },\n ]}\n />\n </div>\n );\n}\n"],"mappings":"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"}

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

@@ -1,72 +1,83 @@
-import { useAnnouncementsQuery as e, useCommunicationCampaignsQuery as t, useUpsertAnnouncementMutation as n } from "../../api/eventApi.js";
-import { EntityListSection as r } from "./EntityListSection.js";
-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 } from "@burdenoff/fe-libs/ui";
+import { notify as e } from "../../lib/toast.js";
+import { useAnnouncementsQuery as t, useCommunicationCampaignsQuery as n, useUpsertAnnouncementMutation as r } from "../../api/eventApi.js";
+import { describeError as i, mutationSucceeded as a } from "../../lib/mutationResult.js";
+import { EntityListSection as o } from "./EntityListSection.js";
+import { useMemo as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Megaphone as d } from "lucide-react";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as p, EmphasisPanel as m, GradientText as h, Input as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/CommunicationPage.tsx
-function m() {
-	let { t: m } = l(), h = (e, t) => {
-		let n = m(e);
+function v() {
+	let { t: v } = f(), y = (e, t) => {
+		let n = v(e);
 		return n === e ? t : n;
-	}, g = e({
+	}, b = t({
 		limit: 100,
 		offset: 0
-	}), _ = t({
+	}), x = n({
 		limit: 100,
 		offset: 0
-	}), [v, { loading: y }] = n(), [b, x] = a(""), S = i(() => g.data?.announcements.items ?? [], [g.data]), C = i(() => _.data?.communicationCampaigns.items ?? [], [_.data]);
-	return /* @__PURE__ */ s("div", {
+	}), [S, { loading: C }] = r(), [w, T] = c(""), E = s(() => b.data?.announcements.items ?? [], [b.data]), D = s(() => x.data?.communicationCampaigns.items ?? [], [x.data]);
+	return /* @__PURE__ */ u("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ s(d, { children: [
-				/* @__PURE__ */ o("h1", {
+			/* @__PURE__ */ l(_, { children: y("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__ */ u(m, { children: [
+				/* @__PURE__ */ l("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ o(f, { children: h("eventfullymanaged.communication.title", "Communication") })
+					children: /* @__PURE__ */ l(h, { children: y("eventfullymanaged.communication.title", "Communication") })
 				}),
-				/* @__PURE__ */ o("p", {
+				/* @__PURE__ */ l("p", {
 					className: "mt-1 text-sm text-text-secondary",
-					children: h("eventfullymanaged.communication.description", "Announcements and campaigns managed via workspace APIs.")
+					children: y("eventfullymanaged.communication.description", "Announcements and campaigns managed via workspace APIs.")
 				}),
-				/* @__PURE__ */ s("div", {
+				/* @__PURE__ */ u("div", {
 					className: "mt-4 flex flex-col gap-3 sm:flex-row",
-					children: [/* @__PURE__ */ o(p, {
-						value: b,
-						onChange: (e) => x(e.target.value),
-						placeholder: h("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
-						"aria-label": h("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
+					children: [/* @__PURE__ */ l(g, {
+						value: w,
+						onChange: (e) => T(e.target.value),
+						placeholder: y("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
+						"aria-label": y("eventfullymanaged.communication.inputPlaceholder", "Emergency schedule update"),
 						className: "flex-1"
-					}), /* @__PURE__ */ s(u, {
+					}), /* @__PURE__ */ u(p, {
 						type: "button",
-						disabled: y,
+						disabled: C,
 						onClick: async () => {
-							b.trim() && (await v({ variables: { input: {
-								title: b,
-								name: b,
-								status: "draft",
-								metadata: {}
-							} } }), x(""));
+							if (!w.trim()) return;
+							let t = y("eventfullymanaged.communication.errors.create", "Could not create announcement");
+							try {
+								let n = await S({ variables: { input: {
+									title: w,
+									name: w,
+									status: "draft",
+									metadata: {}
+								} } });
+								if (!a(n, n.data?.upsertAnnouncement?.id, t)) return;
+								T(""), e.success(y("eventfullymanaged.communication.created", "Announcement created"));
+							} catch (n) {
+								e.error(t, i(n));
+							}
 						},
-						children: [/* @__PURE__ */ o(c, { className: "h-4 w-4" }), y ? h("eventfullymanaged.communication.actions.creating", "Creating...") : h("eventfullymanaged.communication.actions.createAnnouncement", "Create Announcement")]
+						children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), C ? y("eventfullymanaged.communication.actions.creating", "Creating...") : y("eventfullymanaged.communication.actions.createAnnouncement", "Create Announcement")]
 					})]
 				})
 			] }),
-			/* @__PURE__ */ o(r, {
-				heading: g.loading ? h("eventfullymanaged.communication.announcements.loading", "Loading announcements...") : `${h("eventfullymanaged.communication.announcements.heading", "Announcements")} (${S.length})`,
-				emptyLabel: h("eventfullymanaged.communication.announcements.empty", "No announcements published yet."),
-				rows: S.map((e) => ({
+			/* @__PURE__ */ l(o, {
+				heading: b.loading ? y("eventfullymanaged.communication.announcements.loading", "Loading announcements...") : `${y("eventfullymanaged.communication.announcements.heading", "Announcements")} (${E.length})`,
+				emptyLabel: y("eventfullymanaged.communication.announcements.empty", "No announcements published yet."),
+				rows: E.map((e) => ({
 					id: e.id,
-					title: e.title ?? e.name ?? `${h("eventfullymanaged.communication.announcements.itemPrefix", "Announcement")} ${e.id}`,
+					title: e.title ?? e.name ?? `${y("eventfullymanaged.communication.announcements.itemPrefix", "Announcement")} ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
-			/* @__PURE__ */ o(r, {
-				heading: _.loading ? h("eventfullymanaged.communication.campaigns.loading", "Loading campaigns...") : `${h("eventfullymanaged.communication.campaigns.heading", "Campaigns")} (${C.length})`,
-				emptyLabel: h("eventfullymanaged.communication.campaigns.empty", "No communication campaigns created yet."),
-				rows: C.map((e) => ({
+			/* @__PURE__ */ l(o, {
+				heading: x.loading ? y("eventfullymanaged.communication.campaigns.loading", "Loading campaigns...") : `${y("eventfullymanaged.communication.campaigns.heading", "Campaigns")} (${D.length})`,
+				emptyLabel: y("eventfullymanaged.communication.campaigns.empty", "No communication campaigns created yet."),
+				rows: D.map((e) => ({
 					id: e.id,
-					title: e.title ?? e.name ?? `${h("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign")} ${e.id}`,
+					title: e.title ?? e.name ?? `${y("eventfullymanaged.communication.campaigns.itemPrefix", "Campaign")} ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			})
@@ -74,6 +85,6 @@ function m() {
 	});
 }
 //#endregion
-export { m as default };
+export { v as default };
 //# sourceMappingURL=CommunicationPage.js.map

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

	@@ -1 +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 { Button, EmphasisPanel, GradientText, Input } 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 <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,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,~~SAhCjC~~,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~~;;gBAoBlB~~,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"}
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 { 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 { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\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 const failureMessage = t('eventfullymanaged.communication.errors.create', 'Could not create announcement');\n try {\n const response = await createAnnouncement({\n variables: {\n input: {\n title: announcementTitle,\n name: announcementTitle,\n status: 'draft',\n metadata: {},\n },\n },\n });\n if (!mutationSucceeded(response, response.data?.upsertAnnouncement?.id, failureMessage)) {\n return;\n }\n setAnnouncementTitle('');\n notify.success(t('eventfullymanaged.communication.created', 'Announcement created'));\n } catch (error) {\n notify.error(failureMessage, describeError(error));\n }\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":"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"}