@burdenoff/microfe-eventfullymanaged 2026.625.2 → 2026.703.1

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

@@ -1,109 +1,123 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useAutomationRulesQuery as t, useUpsertAutomationRuleMutation as n, useUpsertWorkflowTemplateMutation as r, useWorkflowTemplatesQuery as i } from "../../api/eventApi.js";
-import { EntityListSection as a } from "./EntityListSection.js";
-import { useMemo as o, useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Megaphone as u, Play as d, Ticket as f } from "lucide-react";
-import { Button as p, CTAOverflowMenu as m, EmphasisPanel as h, GradientText as g, Input as _, NextSteps as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useAutomationRulesQuery as n, useUpsertAutomationRuleMutation as r, useUpsertWorkflowTemplateMutation as i, useWorkflowTemplatesQuery as a } from "../../api/eventApi.js";
+import { describeError as o, mutationSucceeded as s } from "../../lib/mutationResult.js";
+import { EntityListSection as c } from "./EntityListSection.js";
+import { useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Megaphone as p, Play as m, Ticket as h } from "lucide-react";
+import { Button as g, CTAOverflowMenu as _, EmphasisPanel as v, GradientText as y, Input as b, NextSteps as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/modules/WorkflowsPage.tsx
-function b() {
-	let { navigate: b } = e(), x = i({
+function C() {
+	let { navigate: C } = e(), w = a({
 		limit: 100,
 		offset: 0
-	}), S = t({
+	}), T = n({
 		limit: 100,
 		offset: 0
-	}), [C, { loading: w }] = r(), [T, { loading: E }] = n(), [D, O] = s("Post-event follow-up"), k = o(() => x.data?.workflowTemplates.items ?? [], [x.data]), A = o(() => S.data?.automationRules.items ?? [], [S.data]), j = async () => {
-		D.trim() && await C({ variables: { input: {
-			name: D,
-			title: D,
-			status: "active",
-			metadata: {}
-		} } });
-	}, M = async () => {
-		await T({ variables: { input: {
-			name: `${D} Rule`,
-			title: `${D} Rule`,
-			status: "active",
-			metadata: {}
-		} } });
+	}), [E, { loading: D }] = i(), [O, { loading: k }] = r(), [A, j] = u("Post-event follow-up"), M = l(() => w.data?.workflowTemplates.items ?? [], [w.data]), N = l(() => T.data?.automationRules.items ?? [], [T.data]), P = async () => {
+		if (A.trim()) try {
+			let e = await E({ variables: { input: {
+				name: A,
+				title: A,
+				status: "active",
+				metadata: {}
+			} } });
+			if (!s(e, e.data?.upsertWorkflowTemplate?.id, "Could not save workflow template")) return;
+			t.success("Workflow template saved");
+		} catch (e) {
+			t.error("Could not save workflow template", o(e));
+		}
+	}, F = async () => {
+		if (A.trim()) try {
+			let e = await O({ variables: { input: {
+				name: `${A} Rule`,
+				title: `${A} Rule`,
+				status: "active",
+				metadata: {}
+			} } });
+			if (!s(e, e.data?.upsertAutomationRule?.id, "Could not save automation rule")) return;
+			t.success("Automation rule saved");
+		} catch (e) {
+			t.error("Could not save automation rule", o(e));
+		}
 	};
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c(y, { children: "Workflows automate the repetitive parts of running an event. A template is a reusable recipe (e.g. a post-event follow-up sequence); an automation rule is a trigger that fires it (e.g. “when an attendee checks in, send a welcome message”). Build them here so the platform handles routine work for you while execution is delegated to the workflow services." }),
-			/* @__PURE__ */ l(h, { children: [
-				/* @__PURE__ */ c("h1", {
+			/* @__PURE__ */ d(S, { children: "Workflows automate the repetitive parts of running an event. A template is a reusable recipe (e.g. a post-event follow-up sequence); an automation rule is a trigger that fires it (e.g. “when an attendee checks in, send a welcome message”). Build them here so the platform handles routine work for you while execution is delegated to the workflow services." }),
+			/* @__PURE__ */ f(v, { children: [
+				/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-bold text-text-primary",
-					children: /* @__PURE__ */ c(g, { children: "Workflows" })
+					children: /* @__PURE__ */ d(y, { children: "Workflows" })
 				}),
-				/* @__PURE__ */ c("p", {
+				/* @__PURE__ */ d("p", {
 					className: "mt-1 text-sm text-text-secondary",
 					children: "Manage event workflow templates and automation rules. Execution is delegated to workflow services."
 				}),
-				/* @__PURE__ */ l("div", {
+				/* @__PURE__ */ f("div", {
 					className: "mt-4 flex flex-col gap-3 sm:flex-row sm:items-center",
-					children: [/* @__PURE__ */ c(_, {
-						value: D,
-						onChange: (e) => O(e.target.value),
+					children: [/* @__PURE__ */ d(b, {
+						value: A,
+						onChange: (e) => j(e.target.value),
 						"aria-label": "Workflow template name",
 						className: "flex-1"
-					}), /* @__PURE__ */ l("div", {
+					}), /* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ l(p, {
+						children: [/* @__PURE__ */ f(g, {
 							type: "button",
-							onClick: j,
-							disabled: w,
-							children: [/* @__PURE__ */ c(d, { className: "h-4 w-4" }), w ? "Saving..." : "Add Template"]
-						}), /* @__PURE__ */ c(m, { actions: [{
-							label: E ? "Saving rule..." : "Add Rule",
+							onClick: P,
+							disabled: D,
+							children: [/* @__PURE__ */ d(m, { className: "h-4 w-4" }), D ? "Saving..." : "Add Template"]
+						}), /* @__PURE__ */ d(_, { actions: [{
+							label: k ? "Saving rule..." : "Add Rule",
 							onSelect: () => {
-								M();
+								F();
 							},
-							disabled: E
+							disabled: k
 						}] })]
 					})]
 				})
 			] }),
-			/* @__PURE__ */ c(a, {
-				heading: x.loading ? "Loading templates..." : `Templates (${k.length})`,
+			/* @__PURE__ */ d(c, {
+				heading: w.loading ? "Loading templates..." : `Templates (${M.length})`,
 				emptyLabel: "No workflow templates configured.",
-				rows: k.map((e) => ({
+				rows: M.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Template ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
-			/* @__PURE__ */ c(a, {
-				heading: S.loading ? "Loading automation rules..." : `Automation Rules (${A.length})`,
+			/* @__PURE__ */ d(c, {
+				heading: T.loading ? "Loading automation rules..." : `Automation Rules (${N.length})`,
 				emptyLabel: "No automation rules configured.",
-				rows: A.map((e) => ({
+				rows: N.map((e) => ({
 					id: e.id,
 					title: e.name ?? e.title ?? `Rule ${e.id}`,
 					status: e.status ?? void 0
 				}))
 			}),
-			/* @__PURE__ */ c(v, {
+			/* @__PURE__ */ d(x, {
 				storageKey: "eventfullymanaged-workflows",
 				title: "Put your automations to work",
 				steps: [{
 					id: "wire-communication",
 					label: "Connect a communication campaign",
 					description: "Have a rule fire announcements or reminders automatically.",
-					icon: /* @__PURE__ */ c(u, { className: "h-4 w-4" }),
-					onClick: () => b("/communication")
+					icon: /* @__PURE__ */ d(p, { className: "h-4 w-4" }),
+					onClick: () => C("/communication")
 				}, {
 					id: "automate-checkin",
 					label: "Automate around check-in",
 					description: "Trigger welcome flows when attendees register or arrive.",
-					icon: /* @__PURE__ */ c(f, { className: "h-4 w-4" }),
-					onClick: () => b("/registration")
+					icon: /* @__PURE__ */ d(h, { className: "h-4 w-4" }),
+					onClick: () => C("/registration")
 				}]
 			})
 		]
 	});
 }
 //#endregion
-export { b as default };
+export { C as default };
 
 //# sourceMappingURL=WorkflowsPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/WorkflowsPage.tsx"],"sourcesContent":["import { Megaphone, Play, Ticket } from 'lucide-react';\nimport {\n  Button,\n  CTAOverflowMenu,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAutomationRulesQuery,\n  useUpsertAutomationRuleMutation,\n  useUpsertWorkflowTemplateMutation,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { EntityListSection } from './EntityListSection';\n\ntype SimpleRow = {\n  id: string;\n  name?: string;\n  title?: string;\n  status?: string;\n};\n\nexport default function WorkflowsPage() {\n  const { navigate } = useEventfullyManaged();\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const [upsertTemplate, { loading: creatingTemplate }] = useUpsertWorkflowTemplateMutation();\n  const [upsertRule, { loading: creatingRule }] = useUpsertAutomationRuleMutation();\n  const [templateName, setTemplateName] = useState('Post-event follow-up');\n\n  const templates = useMemo(\n    () => (templatesQuery.data?.workflowTemplates.items ?? []) as SimpleRow[],\n    [templatesQuery.data]\n  );\n  const rules = useMemo(() => (rulesQuery.data?.automationRules.items ?? []) as SimpleRow[], [rulesQuery.data]);\n\n  const onCreateTemplate = async () => {\n    if (!templateName.trim()) return;\n    await upsertTemplate({\n      variables: {\n        input: {\n          name: templateName,\n          title: templateName,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  const onCreateRule = async () => {\n    await upsertRule({\n      variables: {\n        input: {\n          name: `${templateName} Rule`,\n          title: `${templateName} Rule`,\n          status: 'active',\n          metadata: {},\n        },\n      },\n    });\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Workflows automate the repetitive parts of running an event. A template is a reusable recipe (e.g. a\n        post-event follow-up sequence); an automation rule is a trigger that fires it (e.g. &ldquo;when an attendee\n        checks in, send a welcome message&rdquo;). Build them here so the platform handles routine work for you while\n        execution is delegated to the workflow services.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Workflows</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage event workflow templates and automation rules. Execution is delegated to workflow services.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row sm:items-center\">\n          <Input\n            value={templateName}\n            onChange={(e) => setTemplateName(e.target.value)}\n            aria-label=\"Workflow template name\"\n            className=\"flex-1\"\n          />\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" onClick={onCreateTemplate} disabled={creatingTemplate}>\n              <Play className=\"h-4 w-4\" />\n              {creatingTemplate ? 'Saving...' : 'Add Template'}\n            </Button>\n            <CTAOverflowMenu\n              actions={[\n                {\n                  label: creatingRule ? 'Saving rule...' : 'Add Rule',\n                  onSelect: () => {\n                    void onCreateRule();\n                  },\n                  disabled: creatingRule,\n                },\n              ]}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={templatesQuery.loading ? 'Loading templates...' : `Templates (${templates.length})`}\n        emptyLabel=\"No workflow templates configured.\"\n        rows={templates.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Template ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={rulesQuery.loading ? 'Loading automation rules...' : `Automation Rules (${rules.length})`}\n        emptyLabel=\"No automation rules configured.\"\n        rows={rules.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Rule ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-workflows\"\n        title=\"Put your automations to work\"\n        steps={[\n          {\n            id: 'wire-communication',\n            label: 'Connect a communication campaign',\n            description: 'Have a rule fire announcements or reminders automatically.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'automate-checkin',\n            label: 'Automate around check-in',\n            description: 'Trigger welcome flows when attendees register or arrive.',\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA4BA,SAAwB,IAAgB;CACtC,IAAM,EAAE,gBAAa,GAAsB,EACrC,IAAiB,EAA0B;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EACrE,IAAa,EAAwB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAC/D,CAAC,GAAgB,EAAE,SAAS,OAAsB,GAAmC,EACrF,CAAC,GAAY,EAAE,SAAS,OAAkB,GAAiC,EAC3E,CAAC,GAAc,KAAmB,EAAS,uBAAuB,EAElE,IAAY,QACT,EAAe,MAAM,kBAAkB,SAAS,EAAE,EACzD,CAAC,EAAe,KAAK,CACtB,EACK,IAAQ,QAAe,EAAW,MAAM,gBAAgB,SAAS,EAAE,EAAkB,CAAC,EAAW,KAAK,CAAC,EAEvG,IAAmB,YAAY;AAC9B,IAAa,MAAM,IACxB,MAAM,EAAe,EACnB,WAAW,EACT,OAAO;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,UAAU,EAAE;GACb,EACF,EACF,CAAC;IAGE,IAAe,YAAY;AAC/B,QAAM,EAAW,EACf,WAAW,EACT,OAAO;GACL,MAAM,GAAG,EAAa;GACtB,OAAO,GAAG,EAAa;GACvB,QAAQ;GACR,UAAU,EAAE;GACb,EACF,EACF,CAAC;;AAGJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD,EAAA,UAAa,uWAKC,CAAA;GAEd,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAc,aAAwB,CAAA;KACnC,CAAA;IACL,kBAAC,KAAD;KAAG,WAAU;eAAmC;KAE5C,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,WAAW,MAAM,EAAgB,EAAE,OAAO,MAAM;MAChD,cAAW;MACX,WAAU;MACV,CAAA,EACF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OAAQ,MAAK;OAAS,SAAS;OAAkB,UAAU;iBAA3D,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,IAAmB,cAAc,eAC3B;UACT,kBAAC,GAAD,EACE,SAAS,CACP;OACE,OAAO,IAAe,mBAAmB;OACzC,gBAAgB;AACT,WAAc;;OAErB,UAAU;OACX,CACF,EACD,CAAA,CACE;QACF;;IACQ,EAAA,CAAA;GAEhB,kBAAC,GAAD;IACE,SAAS,EAAe,UAAU,yBAAyB,cAAc,EAAU,OAAO;IAC1F,YAAW;IACX,MAAM,EAAU,KAAK,OAAS;KAC5B,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,YAAY,EAAI;KAChD,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS,EAAW,UAAU,gCAAgC,qBAAqB,EAAM,OAAO;IAChG,YAAW;IACX,MAAM,EAAM,KAAK,OAAS;KACxB,IAAI,EAAI;KACR,OAAO,EAAI,QAAQ,EAAI,SAAS,QAAQ,EAAI;KAC5C,QAAQ,EAAI,UAAU,KAAA;KACvB,EAAE;IACH,CAAA;GAEF,kBAAC,GAAD;IACE,YAAW;IACX,OAAM;IACN,OAAO,CACL;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,MAAM,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;KACvC,eAAe,EAAS,iBAAiB;KAC1C,EACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;KACpC,eAAe,EAAS,gBAAgB;KACzC,CACF;IACD,CAAA;GACE"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/modules/WorkflowsPage.tsx"],"sourcesContent":["import { Megaphone, Play, Ticket } from 'lucide-react';\nimport {\n  Button,\n  CTAOverflowMenu,\n  EmphasisPanel,\n  GradientText,\n  Input,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { useMemo, useState } from 'react';\n\nimport {\n  useAutomationRulesQuery,\n  useUpsertAutomationRuleMutation,\n  useUpsertWorkflowTemplateMutation,\n  useWorkflowTemplatesQuery,\n} from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\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 WorkflowsPage() {\n  const { navigate } = useEventfullyManaged();\n  const templatesQuery = useWorkflowTemplatesQuery({ limit: 100, offset: 0 });\n  const rulesQuery = useAutomationRulesQuery({ limit: 100, offset: 0 });\n  const [upsertTemplate, { loading: creatingTemplate }] = useUpsertWorkflowTemplateMutation();\n  const [upsertRule, { loading: creatingRule }] = useUpsertAutomationRuleMutation();\n  const [templateName, setTemplateName] = useState('Post-event follow-up');\n\n  const templates = useMemo(\n    () => (templatesQuery.data?.workflowTemplates.items ?? []) as SimpleRow[],\n    [templatesQuery.data]\n  );\n  const rules = useMemo(() => (rulesQuery.data?.automationRules.items ?? []) as SimpleRow[], [rulesQuery.data]);\n\n  const onCreateTemplate = async () => {\n    if (!templateName.trim()) return;\n    try {\n      const response = await upsertTemplate({\n        variables: {\n          input: {\n            name: templateName,\n            title: templateName,\n            status: 'active',\n            metadata: {},\n          },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.upsertWorkflowTemplate?.id, 'Could not save workflow template')) {\n        return;\n      }\n      notify.success('Workflow template saved');\n    } catch (error) {\n      notify.error('Could not save workflow template', describeError(error));\n    }\n  };\n\n  const onCreateRule = async () => {\n    if (!templateName.trim()) return;\n    try {\n      const response = await upsertRule({\n        variables: {\n          input: {\n            name: `${templateName} Rule`,\n            title: `${templateName} Rule`,\n            status: 'active',\n            metadata: {},\n          },\n        },\n      });\n      if (!mutationSucceeded(response, response.data?.upsertAutomationRule?.id, 'Could not save automation rule')) {\n        return;\n      }\n      notify.success('Automation rule saved');\n    } catch (error) {\n      notify.error('Could not save automation rule', describeError(error));\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <PagePurpose>\n        Workflows automate the repetitive parts of running an event. A template is a reusable recipe (e.g. a post-event\n        follow-up sequence); an automation rule is a trigger that fires it (e.g. &ldquo;when an attendee checks in, send\n        a welcome message&rdquo;). Build them here so the platform handles routine work for you while execution is\n        delegated to the workflow services.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <h1 className=\"text-2xl font-bold text-text-primary\">\n          <GradientText>Workflows</GradientText>\n        </h1>\n        <p className=\"mt-1 text-sm text-text-secondary\">\n          Manage event workflow templates and automation rules. Execution is delegated to workflow services.\n        </p>\n        <div className=\"mt-4 flex flex-col gap-3 sm:flex-row sm:items-center\">\n          <Input\n            value={templateName}\n            onChange={(e) => setTemplateName(e.target.value)}\n            aria-label=\"Workflow template name\"\n            className=\"flex-1\"\n          />\n          <div className=\"flex items-center gap-2\">\n            <Button type=\"button\" onClick={onCreateTemplate} disabled={creatingTemplate}>\n              <Play className=\"h-4 w-4\" />\n              {creatingTemplate ? 'Saving...' : 'Add Template'}\n            </Button>\n            <CTAOverflowMenu\n              actions={[\n                {\n                  label: creatingRule ? 'Saving rule...' : 'Add Rule',\n                  onSelect: () => {\n                    void onCreateRule();\n                  },\n                  disabled: creatingRule,\n                },\n              ]}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      <EntityListSection\n        heading={templatesQuery.loading ? 'Loading templates...' : `Templates (${templates.length})`}\n        emptyLabel=\"No workflow templates configured.\"\n        rows={templates.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Template ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <EntityListSection\n        heading={rulesQuery.loading ? 'Loading automation rules...' : `Automation Rules (${rules.length})`}\n        emptyLabel=\"No automation rules configured.\"\n        rows={rules.map((row) => ({\n          id: row.id,\n          title: row.name ?? row.title ?? `Rule ${row.id}`,\n          status: row.status ?? undefined,\n        }))}\n      />\n\n      <NextSteps\n        storageKey=\"eventfullymanaged-workflows\"\n        title=\"Put your automations to work\"\n        steps={[\n          {\n            id: 'wire-communication',\n            label: 'Connect a communication campaign',\n            description: 'Have a rule fire announcements or reminders automatically.',\n            icon: <Megaphone className=\"h-4 w-4\" />,\n            onClick: () => navigate('/communication'),\n          },\n          {\n            id: 'automate-checkin',\n            label: 'Automate around check-in',\n            description: 'Trigger welcome flows when attendees register or arrive.',\n            icon: <Ticket className=\"h-4 w-4\" />,\n            onClick: () => navigate('/registration'),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/sponsors/SponsorFormPage.js

@@ -1,15 +1,19 @@
 import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
-import { useCreateSponsorMutation as t, useEventsQuery as n, useSponsorsQuery as r, useUpdateSponsorMutation as i } from "../../api/eventApi.js";
-import { useEffect as a, useMemo as o, useState as s } from "react";
-import { useParams as c } from "react-router-dom";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { ArrowLeft as d, Save as f } from "lucide-react";
-import { Button as p, EmphasisPanel as m, Input as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
+import { notify as t } from "../../lib/toast.js";
+import { useCreateSponsorMutation as n, useEventsQuery as r, useSponsorsQuery as i, useUpdateSponsorMutation as a } from "../../api/eventApi.js";
+import { describeError as o, mutationSucceeded as s } from "../../lib/mutationResult.js";
+import { ImageUploadField as c } from "../../components/ImageUploadField.js";
+import { useEffect as l, useMemo as u, useState as d } from "react";
+import { useParams as f } from "react-router-dom";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ArrowLeft as h, Save as g } from "lucide-react";
+import { Button as _, EmphasisPanel as v, Input as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorFormPage.tsx
-var _ = {
+var x = {
 	eventId: "",
 	name: "",
 	level: "BRONZE",
+	logoUrl: "",
 	website: "",
 	contactName: "",
 	contactEmail: "",
@@ -17,231 +21,255 @@ var _ = {
 	value: "0",
 	leads: "0"
 };
-function v() {
-	let { id: v = "" } = c(), y = o(() => !!v, [v]), { navigate: b } = e(), { data: x } = n({
+function S() {
+	let { id: S = "" } = f(), C = u(() => !!S, [S]), { navigate: w } = e(), { data: T } = r({
 		limit: 100,
 		offset: 0
-	}), { data: S } = r({
+	}), { data: E } = i({
 		limit: 100,
 		offset: 0
-	}), C = o(() => (S?.sponsors?.items ?? []).find((e) => e.id === v), [v, S]), [w, { loading: T }] = t(), [E, { loading: D }] = i(), [O, k] = s(() => C ? {
-		eventId: C.eventId ?? "",
-		name: C.name ?? "",
-		level: C.level ?? "BRONZE",
-		website: C.website ?? "",
-		contactName: C.contactName ?? "",
-		contactEmail: C.contactEmail ?? "",
-		contactPhone: C.contactPhone ?? "",
-		value: String(C.metrics?.value ?? 0),
-		leads: String(C.metrics?.leads ?? 0)
-	} : _);
-	a(() => {
-		C && k({
-			eventId: C.eventId ?? "",
-			name: C.name ?? "",
-			level: C.level ?? "BRONZE",
-			website: C.website ?? "",
-			contactName: C.contactName ?? "",
-			contactEmail: C.contactEmail ?? "",
-			contactPhone: C.contactPhone ?? "",
-			value: String(C.metrics?.value ?? 0),
-			leads: String(C.metrics?.leads ?? 0)
+	}), D = u(() => (E?.sponsors?.items ?? []).find((e) => e.id === S), [S, E]), [O, { loading: k }] = n(), [A, { loading: j }] = a(), [M, N] = d(() => D ? {
+		eventId: D.eventId ?? "",
+		name: D.name ?? "",
+		level: D.level ?? "BRONZE",
+		logoUrl: D.logoUrl ?? "",
+		website: D.website ?? "",
+		contactName: D.contactName ?? "",
+		contactEmail: D.contactEmail ?? "",
+		contactPhone: D.contactPhone ?? "",
+		value: String(D.metrics?.value ?? 0),
+		leads: String(D.metrics?.leads ?? 0)
+	} : x);
+	l(() => {
+		D && N({
+			eventId: D.eventId ?? "",
+			name: D.name ?? "",
+			level: D.level ?? "BRONZE",
+			logoUrl: D.logoUrl ?? "",
+			website: D.website ?? "",
+			contactName: D.contactName ?? "",
+			contactEmail: D.contactEmail ?? "",
+			contactPhone: D.contactPhone ?? "",
+			value: String(D.metrics?.value ?? 0),
+			leads: String(D.metrics?.leads ?? 0)
 		});
-	}, [C]);
-	let A = (e, t) => {
-		k((n) => ({
+	}, [D]);
+	let P = (e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, j = async (e) => {
+	}, F = async (e) => {
 		e.preventDefault();
-		let t = {
-			eventId: O.eventId,
-			name: O.name,
-			level: O.level,
-			website: O.website,
-			contactName: O.contactName,
-			contactEmail: O.contactEmail,
-			contactPhone: O.contactPhone,
+		let n = {
+			eventId: M.eventId,
+			name: M.name,
+			level: M.level,
+			logoUrl: M.logoUrl,
+			website: M.website,
+			contactName: M.contactName,
+			contactEmail: M.contactEmail,
+			contactPhone: M.contactPhone,
 			metrics: {
-				value: Number(O.value || 0),
-				leads: Number(O.leads || 0)
+				value: Number(M.value || 0),
+				leads: Number(M.leads || 0)
 			},
 			metadata: {}
 		};
-		if (y) {
-			await E({ variables: {
-				id: v,
-				input: t
-			} }), b("/sponsors");
-			return;
+		try {
+			if (C) {
+				let e = await A({ variables: {
+					id: S,
+					input: n
+				} });
+				if (!s(e, e.data?.updateSponsor?.id, "Could not update sponsor")) return;
+				w("/sponsors");
+				return;
+			}
+			let e = await O({ variables: { input: n } });
+			if (!s(e, e.data?.createSponsor?.id, "Could not create sponsor")) return;
+			w("/sponsors");
+		} catch (e) {
+			t.error("Could not save sponsor", o(e));
 		}
-		await w({ variables: { input: t } }), b("/sponsors");
-	}, M = T || D, N = x?.events?.items ?? [], P = "w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]";
-	return /* @__PURE__ */ u("div", {
+	}, I = k || j, L = T?.events?.items ?? [], R = "w-full rounded-input border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary transition-colors focus-visible:border-border-focus focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)] focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]";
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u(p, {
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m(_, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				onClick: () => b("/sponsors"),
-				children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back to Sponsors"]
-			}), /* @__PURE__ */ l("h1", {
+				onClick: () => w("/sponsors"),
+				children: [/* @__PURE__ */ p(h, { className: "h-4 w-4" }), "Back to Sponsors"]
+			}), /* @__PURE__ */ p("h1", {
 				className: "mt-3 text-2xl font-bold text-text-primary",
-				children: y ? "Edit Sponsor" : "Create Sponsor"
+				children: C ? "Edit Sponsor" : "Create Sponsor"
 			})] }),
-			/* @__PURE__ */ l(g, { children: "Capture a sponsor and the deal behind it. Link them to an event, set their tier, and record the contract value and leads target so you can measure ROI later. The contact fields are who you will work with day to day, so keep them accurate." }),
-			/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u("form", {
-				onSubmit: j,
+			/* @__PURE__ */ p(b, { children: "Capture a sponsor and the deal behind it. Link them to an event, set their tier, and record the contract value and leads target so you can measure ROI later. The contact fields are who you will work with day to day, so keep them accurate." }),
+			/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m("form", {
+				onSubmit: F,
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ u("label", {
+						children: [/* @__PURE__ */ m("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "font-medium text-text-primary",
 								children: "Event"
-							}), /* @__PURE__ */ u("select", {
-								value: O.eventId,
-								onChange: (e) => A("eventId", e.target.value),
+							}), /* @__PURE__ */ m("select", {
+								value: M.eventId,
+								onChange: (e) => P("eventId", e.target.value),
 								required: !0,
-								className: P,
-								children: [/* @__PURE__ */ l("option", {
+								className: R,
+								children: [/* @__PURE__ */ p("option", {
 									value: "",
 									children: "Select Event"
-								}), N.map((e) => /* @__PURE__ */ l("option", {
+								}), L.map((e) => /* @__PURE__ */ p("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})]
-						}), /* @__PURE__ */ u("label", {
+						}), /* @__PURE__ */ m("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "font-medium text-text-primary",
 								children: "Sponsor Name"
-							}), /* @__PURE__ */ l(h, {
-								value: O.name,
-								onChange: (e) => A("name", e.target.value),
+							}), /* @__PURE__ */ p(y, {
+								value: M.name,
+								onChange: (e) => P("name", e.target.value),
 								required: !0
 							})]
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Level"
-								}), /* @__PURE__ */ u("select", {
-									value: O.level,
-									onChange: (e) => A("level", e.target.value),
-									className: P,
+								}), /* @__PURE__ */ m("select", {
+									value: M.level,
+									onChange: (e) => P("level", e.target.value),
+									className: R,
 									children: [
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "PLATINUM",
 											children: "Platinum"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "GOLD",
 											children: "Gold"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "SILVER",
 											children: "Silver"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "BRONZE",
 											children: "Bronze"
 										}),
-										/* @__PURE__ */ l("option", {
+										/* @__PURE__ */ p("option", {
 											value: "COMMUNITY",
 											children: "Community"
 										})
 									]
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Value"
-								}), /* @__PURE__ */ l(h, {
+								}), /* @__PURE__ */ p(y, {
 									type: "number",
 									min: "0",
-									value: O.value,
-									onChange: (e) => A("value", e.target.value)
+									value: M.value,
+									onChange: (e) => P("value", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Leads"
-								}), /* @__PURE__ */ l(h, {
+								}), /* @__PURE__ */ p(y, {
 									type: "number",
 									min: "0",
-									value: O.leads,
-									onChange: (e) => A("leads", e.target.value)
+									value: M.leads,
+									onChange: (e) => P("leads", e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ u("label", {
+					/* @__PURE__ */ m("label", {
 						className: "block space-y-1 text-sm",
-						children: [/* @__PURE__ */ l("span", {
+						children: [/* @__PURE__ */ p("span", {
 							className: "font-medium text-text-primary",
 							children: "Website"
-						}), /* @__PURE__ */ l(h, {
-							value: O.website,
-							onChange: (e) => A("website", e.target.value)
+						}), /* @__PURE__ */ p(y, {
+							value: M.website,
+							onChange: (e) => P("website", e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ m("div", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ p("span", {
+							className: "font-medium text-text-primary",
+							children: "Logo"
+						}), /* @__PURE__ */ p(c, {
+							label: "Upload logo",
+							folderPath: "/EventfullyManaged/Sponsors",
+							value: M.logoUrl || null,
+							onUploaded: (e) => P("logoUrl", e),
+							hint: "Stored securely in Files. Shown across sponsor listings and detail pages."
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Name"
-								}), /* @__PURE__ */ l(h, {
-									value: O.contactName,
-									onChange: (e) => A("contactName", e.target.value)
+								}), /* @__PURE__ */ p(y, {
+									value: M.contactName,
+									onChange: (e) => P("contactName", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Email"
-								}), /* @__PURE__ */ l(h, {
+								}), /* @__PURE__ */ p(y, {
 									type: "email",
-									value: O.contactEmail,
-									onChange: (e) => A("contactEmail", e.target.value)
+									value: M.contactEmail,
+									onChange: (e) => P("contactEmail", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ m("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ l("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Phone"
-								}), /* @__PURE__ */ l(h, {
-									value: O.contactPhone,
-									onChange: (e) => A("contactPhone", e.target.value)
+								}), /* @__PURE__ */ p(y, {
+									value: M.contactPhone,
+									onChange: (e) => P("contactPhone", e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ u(p, {
+						children: /* @__PURE__ */ m(_, {
 							type: "submit",
-							disabled: M,
-							children: [/* @__PURE__ */ l(f, { className: "h-4 w-4" }), M ? "Saving..." : "Save Sponsor"]
+							disabled: I,
+							children: [/* @__PURE__ */ p(g, { className: "h-4 w-4" }), I ? "Saving..." : "Save Sponsor"]
 						})
 					})
 				]
@@ -250,6 +278,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as default };
+export { S as default };
 
 //# sourceMappingURL=SponsorFormPage.js.map