@burdenoff/microfe-eventfullymanaged 2026.625.1 → 2026.703.1

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, GlassCard as m, Input as h } 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 g = {
+var x = {
 	eventId: "",
 	name: "",
 	level: "BRONZE",
+	logoUrl: "",
 	website: "",
 	contactName: "",
 	contactEmail: "",
@@ -17,239 +21,263 @@ var g = {
 	value: "0",
 	leads: "0"
 };
-function _() {
-	let { id: _ = "" } = c(), v = o(() => !!_, [_]), { navigate: y } = e(), { data: b } = n({
+function S() {
+	let { id: S = "" } = f(), C = u(() => !!S, [S]), { navigate: w } = e(), { data: T } = r({
 		limit: 100,
 		offset: 0
-	}), { data: x } = r({
+	}), { data: E } = i({
 		limit: 100,
 		offset: 0
-	}), S = o(() => (x?.sponsors?.items ?? []).find((e) => e.id === _), [_, x]), [C, { loading: w }] = t(), [T, { loading: E }] = i(), [D, O] = s(() => S ? {
-		eventId: S.eventId ?? "",
-		name: S.name ?? "",
-		level: S.level ?? "BRONZE",
-		website: S.website ?? "",
-		contactName: S.contactName ?? "",
-		contactEmail: S.contactEmail ?? "",
-		contactPhone: S.contactPhone ?? "",
-		value: String(S.metrics?.value ?? 0),
-		leads: String(S.metrics?.leads ?? 0)
-	} : g);
-	a(() => {
-		S && O({
-			eventId: S.eventId ?? "",
-			name: S.name ?? "",
-			level: S.level ?? "BRONZE",
-			website: S.website ?? "",
-			contactName: S.contactName ?? "",
-			contactEmail: S.contactEmail ?? "",
-			contactPhone: S.contactPhone ?? "",
-			value: String(S.metrics?.value ?? 0),
-			leads: String(S.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)
 		});
-	}, [S]);
-	let k = (e, t) => {
-		O((n) => ({
+	}, [D]);
+	let P = (e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, A = async (e) => {
+	}, F = async (e) => {
 		e.preventDefault();
-		let t = {
-			eventId: D.eventId,
-			name: D.name,
-			level: D.level,
-			website: D.website,
-			contactName: D.contactName,
-			contactEmail: D.contactEmail,
-			contactPhone: D.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(D.value || 0),
-				leads: Number(D.leads || 0)
+				value: Number(M.value || 0),
+				leads: Number(M.leads || 0)
 			},
 			metadata: {}
 		};
-		if (v) {
-			await T({ variables: {
-				id: _,
-				input: t
-			} }), y("/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 C({ variables: { input: t } }), y("/sponsors");
-	}, j = w || E, M = b?.events?.items ?? [], N = "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, {
-			type: "button",
-			variant: "ghost",
-			size: "sm",
-			onClick: () => y("/sponsors"),
-			children: [/* @__PURE__ */ l(d, { className: "h-4 w-4" }), "Back to Sponsors"]
-		}), /* @__PURE__ */ l("h1", {
-			className: "mt-3 text-2xl font-bold text-text-primary",
-			children: v ? "Edit Sponsor" : "Create Sponsor"
-		})] }), /* @__PURE__ */ l(m, {
-			treatment: "plain",
-			className: "border-border-seam p-5",
-			children: /* @__PURE__ */ u("form", {
-				onSubmit: A,
+		children: [
+			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m(_, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				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: C ? "Edit Sponsor" : "Create Sponsor"
+			})] }),
+			/* @__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: D.eventId,
-								onChange: (e) => k("eventId", e.target.value),
+							}), /* @__PURE__ */ m("select", {
+								value: M.eventId,
+								onChange: (e) => P("eventId", e.target.value),
 								required: !0,
-								className: N,
-								children: [/* @__PURE__ */ l("option", {
+								className: R,
+								children: [/* @__PURE__ */ p("option", {
 									value: "",
 									children: "Select Event"
-								}), M.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: D.name,
-								onChange: (e) => k("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: D.level,
-									onChange: (e) => k("level", e.target.value),
-									className: N,
+								}), /* @__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: D.value,
-									onChange: (e) => k("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: D.leads,
-									onChange: (e) => k("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: D.website,
-							onChange: (e) => k("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: D.contactName,
-									onChange: (e) => k("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: D.contactEmail,
-									onChange: (e) => k("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: D.contactPhone,
-									onChange: (e) => k("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: j,
-							children: [/* @__PURE__ */ l(f, { className: "h-4 w-4" }), j ? "Saving..." : "Save Sponsor"]
+							disabled: I,
+							children: [/* @__PURE__ */ p(g, { className: "h-4 w-4" }), I ? "Saving..." : "Save Sponsor"]
 						})
 					})
 				]
-			})
-		})]
+			}) })
+		]
 	});
 }
 //#endregion
-export { _ as default };
+export { S as default };
 
 //# sourceMappingURL=SponsorFormPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SponsorFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { Button, GlassCard, Input } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCreateSponsorMutation,\n  useEventsQuery,\n  useSponsorsQuery,\n  useUpdateSponsorMutation,\n} from '../../api/eventApi';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\n\ntype SponsorFormState = {\n  eventId: string;\n  name: string;\n  level: string;\n  website: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  value: string;\n  leads: string;\n};\n\nconst initialState: SponsorFormState = {\n  eventId: '',\n  name: '',\n  level: 'BRONZE',\n  website: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  value: '0',\n  leads: '0',\n};\n\nexport default function SponsorFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventsData } = useEventsQuery({ limit: 100, offset: 0 });\n  const { data: sponsorsData } = useSponsorsQuery({ limit: 100, offset: 0 });\n\n  const existingSponsor = useMemo(\n    () => (sponsorsData?.sponsors?.items ?? []).find((item: { id: string }) => item.id === id),\n    [id, sponsorsData]\n  );\n\n  const [createSponsor, { loading: creating }] = useCreateSponsorMutation();\n  const [updateSponsor, { loading: updating }] = useUpdateSponsorMutation();\n  const [form, setForm] = useState<SponsorFormState>(() => {\n    if (!existingSponsor) {\n      return initialState;\n    }\n    return {\n      eventId: existingSponsor.eventId ?? '',\n      name: existingSponsor.name ?? '',\n      level: existingSponsor.level ?? 'BRONZE',\n      website: existingSponsor.website ?? '',\n      contactName: existingSponsor.contactName ?? '',\n      contactEmail: existingSponsor.contactEmail ?? '',\n      contactPhone: existingSponsor.contactPhone ?? '',\n      value: String(existingSponsor.metrics?.value ?? 0),\n      leads: String(existingSponsor.metrics?.leads ?? 0),\n    };\n  });\n\n  useEffect(() => {\n    if (!existingSponsor) {\n      return;\n    }\n    setForm({\n      eventId: existingSponsor.eventId ?? '',\n      name: existingSponsor.name ?? '',\n      level: existingSponsor.level ?? 'BRONZE',\n      website: existingSponsor.website ?? '',\n      contactName: existingSponsor.contactName ?? '',\n      contactEmail: existingSponsor.contactEmail ?? '',\n      contactPhone: existingSponsor.contactPhone ?? '',\n      value: String(existingSponsor.metrics?.value ?? 0),\n      leads: String(existingSponsor.metrics?.leads ?? 0),\n    });\n  }, [existingSponsor]);\n\n  const onChange = (field: keyof SponsorFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const input = {\n      eventId: form.eventId,\n      name: form.name,\n      level: form.level,\n      website: form.website,\n      contactName: form.contactName,\n      contactEmail: form.contactEmail,\n      contactPhone: form.contactPhone,\n      metrics: {\n        value: Number(form.value || 0),\n        leads: Number(form.leads || 0),\n      },\n      metadata: {},\n    };\n\n    if (isEdit) {\n      await updateSponsor({ variables: { id, input } });\n      navigate('/sponsors');\n      return;\n    }\n\n    await createSponsor({ variables: { input } });\n    navigate('/sponsors');\n  };\n\n  const saving = creating || updating;\n  const events = eventsData?.events?.items ?? [];\n  const selectClass =\n    '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)]';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/sponsors')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Sponsors\n        </Button>\n        <h1 className=\"mt-3 text-2xl font-bold text-text-primary\">{isEdit ? 'Edit Sponsor' : 'Create Sponsor'}</h1>\n      </div>\n\n      <GlassCard treatment=\"plain\" className=\"border-border-seam p-5\">\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Event</span>\n              <select\n                value={form.eventId}\n                onChange={(e) => onChange('eventId', e.target.value)}\n                required\n                className={selectClass}\n              >\n                <option value=\"\">Select Event</option>\n                {events.map((eventItem: { id: string; name: string }) => (\n                  <option key={eventItem.id} value={eventItem.id}>\n                    {eventItem.name}\n                  </option>\n                ))}\n              </select>\n            </label>\n\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Sponsor Name</span>\n              <Input value={form.name} onChange={(e) => onChange('name', e.target.value)} required />\n            </label>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Level</span>\n              <select value={form.level} onChange={(e) => onChange('level', e.target.value)} className={selectClass}>\n                <option value=\"PLATINUM\">Platinum</option>\n                <option value=\"GOLD\">Gold</option>\n                <option value=\"SILVER\">Silver</option>\n                <option value=\"BRONZE\">Bronze</option>\n                <option value=\"COMMUNITY\">Community</option>\n              </select>\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Value</span>\n              <Input type=\"number\" min=\"0\" value={form.value} onChange={(e) => onChange('value', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Leads</span>\n              <Input type=\"number\" min=\"0\" value={form.leads} onChange={(e) => onChange('leads', e.target.value)} />\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">Website</span>\n            <Input value={form.website} onChange={(e) => onChange('website', e.target.value)} />\n          </label>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Name</span>\n              <Input value={form.contactName} onChange={(e) => onChange('contactName', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Email</span>\n              <Input\n                type=\"email\"\n                value={form.contactEmail}\n                onChange={(e) => onChange('contactEmail', e.target.value)}\n              />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Phone</span>\n              <Input value={form.contactPhone} onChange={(e) => onChange('contactPhone', e.target.value)} />\n            </label>\n          </div>\n\n          <div className=\"flex justify-end\">\n            <Button type=\"submit\" disabled={saving}>\n              <Save className=\"h-4 w-4\" />\n              {saving ? 'Saving...' : 'Save Sponsor'}\n            </Button>\n          </div>\n        </form>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AA0BA,IAAM,IAAiC;CACrC,SAAS;CACT,MAAM;CACN,OAAO;CACP,SAAS;CACT,aAAa;CACb,cAAc;CACd,cAAc;CACd,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAAkB;CACxC,IAAM,EAAE,QAAK,OAAO,GAA2B,EACzC,IAAS,QAAc,EAAQ,GAAK,CAAC,EAAG,CAAC,EACzC,EAAE,gBAAa,GAAsB,EAErC,EAAE,MAAM,MAAe,EAAe;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAChE,EAAE,MAAM,MAAiB,EAAiB;EAAE,OAAO;EAAK,QAAQ;EAAG,CAAC,EAEpE,IAAkB,SACf,GAAc,UAAU,SAAS,EAAE,EAAE,MAAM,MAAyB,EAAK,OAAO,EAAG,EAC1F,CAAC,GAAI,EAAa,CACnB,EAEK,CAAC,GAAe,EAAE,SAAS,OAAc,GAA0B,EACnE,CAAC,GAAe,EAAE,SAAS,OAAc,GAA0B,EACnE,CAAC,GAAM,KAAW,QACjB,IAGE;EACL,SAAS,EAAgB,WAAW;EACpC,MAAM,EAAgB,QAAQ;EAC9B,OAAO,EAAgB,SAAS;EAChC,SAAS,EAAgB,WAAW;EACpC,aAAa,EAAgB,eAAe;EAC5C,cAAc,EAAgB,gBAAgB;EAC9C,cAAc,EAAgB,gBAAgB;EAC9C,OAAO,OAAO,EAAgB,SAAS,SAAS,EAAE;EAClD,OAAO,OAAO,EAAgB,SAAS,SAAS,EAAE;EACnD,GAZQ,EAaT;AAEF,SAAgB;AACT,OAGL,EAAQ;GACN,SAAS,EAAgB,WAAW;GACpC,MAAM,EAAgB,QAAQ;GAC9B,OAAO,EAAgB,SAAS;GAChC,SAAS,EAAgB,WAAW;GACpC,aAAa,EAAgB,eAAe;GAC5C,cAAc,EAAgB,gBAAgB;GAC9C,cAAc,EAAgB,gBAAgB;GAC9C,OAAO,OAAO,EAAgB,SAAS,SAAS,EAAE;GAClD,OAAO,OAAO,EAAgB,SAAS,SAAS,EAAE;GACnD,CAAC;IACD,CAAC,EAAgB,CAAC;CAErB,IAAM,KAAY,GAA+B,MAAkB;AACjE,KAAS,OAAU;GAAE,GAAG;IAAO,IAAQ;GAAO,EAAE;IAG5C,IAAW,OAAO,MAA4C;AAClE,IAAM,gBAAgB;EACtB,IAAM,IAAQ;GACZ,SAAS,EAAK;GACd,MAAM,EAAK;GACX,OAAO,EAAK;GACZ,SAAS,EAAK;GACd,aAAa,EAAK;GAClB,cAAc,EAAK;GACnB,cAAc,EAAK;GACnB,SAAS;IACP,OAAO,OAAO,EAAK,SAAS,EAAE;IAC9B,OAAO,OAAO,EAAK,SAAS,EAAE;IAC/B;GACD,UAAU,EAAE;GACb;AAED,MAAI,GAAQ;AAEV,GADA,MAAM,EAAc,EAAE,WAAW;IAAE;IAAI;IAAO,EAAE,CAAC,EACjD,EAAS,YAAY;AACrB;;AAIF,EADA,MAAM,EAAc,EAAE,WAAW,EAAE,UAAO,EAAE,CAAC,EAC7C,EAAS,YAAY;IAGjB,IAAS,KAAY,GACrB,IAAS,GAAY,QAAQ,SAAS,EAAE,EACxC,IACJ;AAEF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAQ,MAAK;GAAS,SAAQ;GAAQ,MAAK;GAAK,eAAe,EAAS,YAAY;aAApF,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,mBAE1B;MACT,kBAAC,MAAD;GAAI,WAAU;aAA6C,IAAS,iBAAiB;GAAsB,CAAA,CACvG,EAAA,CAAA,EAEN,kBAAC,GAAD;GAAW,WAAU;GAAQ,WAAU;aACrC,kBAAC,QAAD;IAAgB;IAAU,WAAU;cAApC;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAgC;QAAY,CAAA,EAC5D,kBAAC,UAAD;QACE,OAAO,EAAK;QACZ,WAAW,MAAM,EAAS,WAAW,EAAE,OAAO,MAAM;QACpD,UAAA;QACA,WAAW;kBAJb,CAME,kBAAC,UAAD;SAAQ,OAAM;mBAAG;SAAqB,CAAA,EACrC,EAAO,KAAK,MACX,kBAAC,UAAD;SAA2B,OAAO,EAAU;mBACzC,EAAU;SACJ,EAFI,EAAU,GAEd,CACT,CACK;UACH;UAER,kBAAC,SAAD;OAAO,WAAU;iBAAjB,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAgC;QAAmB,CAAA,EACnE,kBAAC,GAAD;QAAO,OAAO,EAAK;QAAM,WAAW,MAAM,EAAS,QAAQ,EAAE,OAAO,MAAM;QAAE,UAAA;QAAW,CAAA,CACjF;SACJ;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAY,CAAA,EAC5D,kBAAC,UAAD;SAAQ,OAAO,EAAK;SAAO,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;SAAE,WAAW;mBAA1F;UACE,kBAAC,UAAD;WAAQ,OAAM;qBAAW;WAAiB,CAAA;UAC1C,kBAAC,UAAD;WAAQ,OAAM;qBAAO;WAAa,CAAA;UAClC,kBAAC,UAAD;WAAQ,OAAM;qBAAS;WAAe,CAAA;UACtC,kBAAC,UAAD;WAAQ,OAAM;qBAAS;WAAe,CAAA;UACtC,kBAAC,UAAD;WAAQ,OAAM;qBAAY;WAAkB,CAAA;UACrC;WACH;;OACR,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAY,CAAA,EAC5D,kBAAC,GAAD;SAAO,MAAK;SAAS,KAAI;SAAI,OAAO,EAAK;SAAO,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;SAAI,CAAA,CAChG;;OACR,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAY,CAAA,EAC5D,kBAAC,GAAD;SAAO,MAAK;SAAS,KAAI;SAAI,OAAO,EAAK;SAAO,WAAW,MAAM,EAAS,SAAS,EAAE,OAAO,MAAM;SAAI,CAAA,CAChG;;OACJ;;KAEN,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAgC;OAAc,CAAA,EAC9D,kBAAC,GAAD;OAAO,OAAO,EAAK;OAAS,WAAW,MAAM,EAAS,WAAW,EAAE,OAAO,MAAM;OAAI,CAAA,CAC9E;;KAER,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAmB,CAAA,EACnE,kBAAC,GAAD;SAAO,OAAO,EAAK;SAAa,WAAW,MAAM,EAAS,eAAe,EAAE,OAAO,MAAM;SAAI,CAAA,CACtF;;OACR,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAoB,CAAA,EACpE,kBAAC,GAAD;SACE,MAAK;SACL,OAAO,EAAK;SACZ,WAAW,MAAM,EAAS,gBAAgB,EAAE,OAAO,MAAM;SACzD,CAAA,CACI;;OACR,kBAAC,SAAD;QAAO,WAAU;kBAAjB,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAgC;SAAoB,CAAA,EACpE,kBAAC,GAAD;SAAO,OAAO,EAAK;SAAc,WAAW,MAAM,EAAS,gBAAgB,EAAE,OAAO,MAAM;SAAI,CAAA,CACxF;;OACJ;;KAEN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAQ,MAAK;OAAS,UAAU;iBAAhC,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,IAAS,cAAc,eACjB;;MACL,CAAA;KACD;;GACG,CAAA,CACR"}
+{"version":3,"file":"SponsorFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/sponsors/SponsorFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { ArrowLeft, Save } from 'lucide-react';\nimport { Button, EmphasisPanel, Input, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCreateSponsorMutation,\n  useEventsQuery,\n  useSponsorsQuery,\n  useUpdateSponsorMutation,\n} from '../../api/eventApi';\nimport { ImageUploadField } from '../../components/ImageUploadField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\n\ntype SponsorFormState = {\n  eventId: string;\n  name: string;\n  level: string;\n  logoUrl: string;\n  website: string;\n  contactName: string;\n  contactEmail: string;\n  contactPhone: string;\n  value: string;\n  leads: string;\n};\n\nconst initialState: SponsorFormState = {\n  eventId: '',\n  name: '',\n  level: 'BRONZE',\n  logoUrl: '',\n  website: '',\n  contactName: '',\n  contactEmail: '',\n  contactPhone: '',\n  value: '0',\n  leads: '0',\n};\n\nexport default function SponsorFormPage() {\n  const { id = '' } = useParams<{ id: string }>();\n  const isEdit = useMemo(() => Boolean(id), [id]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventsData } = useEventsQuery({ limit: 100, offset: 0 });\n  const { data: sponsorsData } = useSponsorsQuery({ limit: 100, offset: 0 });\n\n  const existingSponsor = useMemo(\n    () => (sponsorsData?.sponsors?.items ?? []).find((item: { id: string }) => item.id === id),\n    [id, sponsorsData]\n  );\n\n  const [createSponsor, { loading: creating }] = useCreateSponsorMutation();\n  const [updateSponsor, { loading: updating }] = useUpdateSponsorMutation();\n  const [form, setForm] = useState<SponsorFormState>(() => {\n    if (!existingSponsor) {\n      return initialState;\n    }\n    return {\n      eventId: existingSponsor.eventId ?? '',\n      name: existingSponsor.name ?? '',\n      level: existingSponsor.level ?? 'BRONZE',\n      logoUrl: existingSponsor.logoUrl ?? '',\n      website: existingSponsor.website ?? '',\n      contactName: existingSponsor.contactName ?? '',\n      contactEmail: existingSponsor.contactEmail ?? '',\n      contactPhone: existingSponsor.contactPhone ?? '',\n      value: String(existingSponsor.metrics?.value ?? 0),\n      leads: String(existingSponsor.metrics?.leads ?? 0),\n    };\n  });\n\n  useEffect(() => {\n    if (!existingSponsor) {\n      return;\n    }\n    setForm({\n      eventId: existingSponsor.eventId ?? '',\n      name: existingSponsor.name ?? '',\n      level: existingSponsor.level ?? 'BRONZE',\n      logoUrl: existingSponsor.logoUrl ?? '',\n      website: existingSponsor.website ?? '',\n      contactName: existingSponsor.contactName ?? '',\n      contactEmail: existingSponsor.contactEmail ?? '',\n      contactPhone: existingSponsor.contactPhone ?? '',\n      value: String(existingSponsor.metrics?.value ?? 0),\n      leads: String(existingSponsor.metrics?.leads ?? 0),\n    });\n  }, [existingSponsor]);\n\n  const onChange = (field: keyof SponsorFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n    const input = {\n      eventId: form.eventId,\n      name: form.name,\n      level: form.level,\n      logoUrl: form.logoUrl,\n      website: form.website,\n      contactName: form.contactName,\n      contactEmail: form.contactEmail,\n      contactPhone: form.contactPhone,\n      metrics: {\n        value: Number(form.value || 0),\n        leads: Number(form.leads || 0),\n      },\n      metadata: {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateSponsor({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updateSponsor?.id, 'Could not update sponsor')) {\n          return;\n        }\n        navigate('/sponsors');\n        return;\n      }\n\n      const response = await createSponsor({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createSponsor?.id, 'Could not create sponsor')) {\n        return;\n      }\n      navigate('/sponsors');\n    } catch (error) {\n      notify.error('Could not save sponsor', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n  const events = eventsData?.events?.items ?? [];\n  const selectClass =\n    '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)]';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <Button type=\"button\" variant=\"ghost\" size=\"sm\" onClick={() => navigate('/sponsors')}>\n          <ArrowLeft className=\"h-4 w-4\" />\n          Back to Sponsors\n        </Button>\n        <h1 className=\"mt-3 text-2xl font-bold text-text-primary\">{isEdit ? 'Edit Sponsor' : 'Create Sponsor'}</h1>\n      </div>\n\n      <PagePurpose>\n        Capture a sponsor and the deal behind it. Link them to an event, set their tier, and record the contract value\n        and leads target so you can measure ROI later. The contact fields are who you will work with day to day, so keep\n        them accurate.\n      </PagePurpose>\n\n      <EmphasisPanel>\n        <form onSubmit={onSubmit} className=\"space-y-4\">\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-2\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Event</span>\n              <select\n                value={form.eventId}\n                onChange={(e) => onChange('eventId', e.target.value)}\n                required\n                className={selectClass}\n              >\n                <option value=\"\">Select Event</option>\n                {events.map((eventItem: { id: string; name: string }) => (\n                  <option key={eventItem.id} value={eventItem.id}>\n                    {eventItem.name}\n                  </option>\n                ))}\n              </select>\n            </label>\n\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Sponsor Name</span>\n              <Input value={form.name} onChange={(e) => onChange('name', e.target.value)} required />\n            </label>\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Level</span>\n              <select value={form.level} onChange={(e) => onChange('level', e.target.value)} className={selectClass}>\n                <option value=\"PLATINUM\">Platinum</option>\n                <option value=\"GOLD\">Gold</option>\n                <option value=\"SILVER\">Silver</option>\n                <option value=\"BRONZE\">Bronze</option>\n                <option value=\"COMMUNITY\">Community</option>\n              </select>\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Value</span>\n              <Input type=\"number\" min=\"0\" value={form.value} onChange={(e) => onChange('value', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Leads</span>\n              <Input type=\"number\" min=\"0\" value={form.leads} onChange={(e) => onChange('leads', e.target.value)} />\n            </label>\n          </div>\n\n          <label className=\"block space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">Website</span>\n            <Input value={form.website} onChange={(e) => onChange('website', e.target.value)} />\n          </label>\n\n          <div className=\"space-y-1 text-sm\">\n            <span className=\"font-medium text-text-primary\">Logo</span>\n            <ImageUploadField\n              label=\"Upload logo\"\n              folderPath=\"/EventfullyManaged/Sponsors\"\n              value={form.logoUrl || null}\n              onUploaded={(url) => onChange('logoUrl', url)}\n              hint=\"Stored securely in Files. Shown across sponsor listings and detail pages.\"\n            />\n          </div>\n\n          <div className=\"grid grid-cols-1 gap-4 md:grid-cols-3\">\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Name</span>\n              <Input value={form.contactName} onChange={(e) => onChange('contactName', e.target.value)} />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Email</span>\n              <Input\n                type=\"email\"\n                value={form.contactEmail}\n                onChange={(e) => onChange('contactEmail', e.target.value)}\n              />\n            </label>\n            <label className=\"space-y-1 text-sm\">\n              <span className=\"font-medium text-text-primary\">Contact Phone</span>\n              <Input value={form.contactPhone} onChange={(e) => onChange('contactPhone', e.target.value)} />\n            </label>\n          </div>\n\n          <div className=\"flex justify-end\">\n            <Button type=\"submit\" disabled={saving}>\n              <Save className=\"h-4 w-4\" />\n              {saving ? 'Saving...' : 'Save Sponsor'}\n            </Button>\n          </div>\n        </form>\n      </EmphasisPanel>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -3,17 +3,18 @@ import { useSponsorsQuery as t } from "../../api/eventApi.js";
 import { useMemo as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Building2 as o, Mail as s, Phone as c, Plus as l, Search as u } from "lucide-react";
-import { Badge as d, Button as f, GlassCard as p, IllustratedEmptyState as m, Input as h } from "@burdenoff/fe-libs/ui";
+import { Badge as d, Button as f, GlassCard as p, IllustratedEmptyState as m, Input as h, PagePurpose as g } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorsListPage.tsx
-function g() {
-	let { navigate: g } = e(), [_, v] = r(""), { data: y, loading: b } = t({
-		search: _,
+function _() {
+	let { navigate: _ } = e(), [v, y] = r(""), { data: b, loading: x } = t({
+		search: v,
 		limit: 100,
 		offset: 0
-	}), x = n(() => y?.sponsors?.items ?? [], [y]), S = x.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), C = x.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0);
+	}), S = n(() => b?.sponsors?.items ?? [], [b]), C = S.reduce((e, t) => e + Number(t.metrics?.value ?? 0), 0), w = S.reduce((e, t) => e + Number(t.metrics?.leads ?? 0), 0);
 	return /* @__PURE__ */ a("div", {
 		className: "space-y-6 p-6",
 		children: [
+			/* @__PURE__ */ i(g, { children: "Sponsors fund your event in exchange for visibility and leads. Track each one here — their tier, the contract value they bring, and the leads they generate — so you can prove ROI and keep the relationship warm for next time. The highlighted cards summarize your sponsor portfolio at a glance." }),
 			/* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
@@ -24,7 +25,7 @@ function g() {
 					children: "Manage event sponsors with live API data."
 				})] }), /* @__PURE__ */ a(f, {
 					type: "button",
-					onClick: () => g("/sponsors/create"),
+					onClick: () => _("/sponsors/create"),
 					children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
 				})]
 			}),
@@ -40,7 +41,7 @@ function g() {
 							children: "Total Sponsors"
 						}), /* @__PURE__ */ i("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: x.length
+							children: S.length
 						})]
 					}),
 					/* @__PURE__ */ a(p, {
@@ -51,7 +52,7 @@ function g() {
 							children: "Total Contract Value"
 						}), /* @__PURE__ */ a("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: ["$", S.toLocaleString()]
+							children: ["$", C.toLocaleString()]
 						})]
 					}),
 					/* @__PURE__ */ a(p, {
@@ -62,7 +63,7 @@ function g() {
 							children: "Total Leads"
 						}), /* @__PURE__ */ i("p", {
 							className: "mt-1 text-2xl font-bold tabular-nums text-text-primary",
-							children: C.toLocaleString()
+							children: w.toLocaleString()
 						})]
 					})
 				]
@@ -71,40 +72,40 @@ function g() {
 				className: "relative",
 				children: [/* @__PURE__ */ i(u, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-muted" }), /* @__PURE__ */ i(h, {
 					type: "text",
-					value: _,
-					onChange: (e) => v(e.target.value),
+					value: v,
+					onChange: (e) => y(e.target.value),
 					placeholder: "Search sponsors",
 					"aria-label": "Search sponsors",
 					className: "pl-10"
 				})]
 			}),
-			b ? /* @__PURE__ */ i(p, {
+			x ? /* @__PURE__ */ i(p, {
 				treatment: "plain",
 				className: "border-border-seam p-8 text-center text-sm text-text-secondary",
 				children: "Loading sponsors..."
-			}) : x.length === 0 ? /* @__PURE__ */ i(p, {
+			}) : S.length === 0 ? /* @__PURE__ */ i(p, {
 				treatment: "plain",
 				className: "border-border-seam",
 				children: /* @__PURE__ */ i(m, {
-					illustration: _ ? "empty-search" : "empty-people",
-					title: _ ? "No sponsors match your search." : "No sponsors yet.",
-					description: _ ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
-					action: _ ? void 0 : /* @__PURE__ */ a(f, {
+					illustration: v ? "empty-search" : "empty-people",
+					title: v ? "No sponsors match your search." : "No sponsors yet.",
+					description: v ? "Try a different name." : "Add your first sponsor to start tracking value and leads.",
+					action: v ? void 0 : /* @__PURE__ */ a(f, {
 						type: "button",
-						onClick: () => g("/sponsors/create"),
+						onClick: () => _("/sponsors/create"),
 						children: [/* @__PURE__ */ i(l, { className: "h-4 w-4" }), "Add Sponsor"]
 					})
 				})
 			}) : /* @__PURE__ */ i("div", {
 				className: "space-y-4",
-				children: x.map((e) => /* @__PURE__ */ a(p, {
+				children: S.map((e) => /* @__PURE__ */ a(p, {
 					treatment: "plain",
 					className: "border-border-seam p-5",
 					children: [/* @__PURE__ */ a("div", {
 						className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
 						children: [/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("button", {
 							type: "button",
-							onClick: () => g(`/sponsors/${e.id}/edit`),
+							onClick: () => _(`/sponsors/${e.id}/edit`),
 							className: "rounded-button text-left text-lg font-semibold text-text-primary transition-colors hover:text-text-link focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--color-focus-ring)]",
 							children: e.name
 						}), /* @__PURE__ */ a("div", {
@@ -144,6 +145,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as default };
+export { _ as default };
 
 //# sourceMappingURL=SponsorsListPage.js.map