@burdenoff/microfe-eventfullymanaged 2026.703.1 → 2026.704.1

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

@@ -2,14 +2,15 @@ import { useEventfullyManaged as e } from "../../context/EventfullyManagedContex
 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";
+import { safeUrl as c } from "../../components/SafeLink.js";
+import { ImageUploadField as l } from "../../components/ImageUploadField.js";
+import { useEffect as u, useMemo as d, useState as f } from "react";
+import { useParams as p } from "react-router-dom";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { ArrowLeft as g, Save as _ } from "lucide-react";
+import { Button as v, EmphasisPanel as y, Input as b, PagePurpose as x, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E } from "@burdenoff/fe-libs/ui";
 //#region src/eventfullymanaged/pages/sponsors/SponsorFormPage.tsx
-var x = {
+var D = {
 	eventId: "",
 	name: "",
 	level: "BRONZE",
@@ -21,255 +22,263 @@ var x = {
 	value: "0",
 	leads: "0"
 };
-function S() {
-	let { id: S = "" } = f(), C = u(() => !!S, [S]), { navigate: w } = e(), { data: T } = r({
+function O() {
+	let { id: O = "" } = p(), k = d(() => !!O, [O]), { navigate: A } = e(), { data: j } = r({
 		limit: 100,
 		offset: 0
-	}), { data: E } = i({
+	}), { data: M } = i({
 		limit: 100,
 		offset: 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)
+	}), N = d(() => (M?.sponsors?.items ?? []).find((e) => e.id === O), [O, M]), [P, { loading: F }] = n(), [I, { loading: L }] = a(), [R, z] = f(() => N ? {
+		eventId: N.eventId ?? "",
+		name: N.name ?? "",
+		level: N.level ?? "BRONZE",
+		logoUrl: N.logoUrl ?? "",
+		website: N.website ?? "",
+		contactName: N.contactName ?? "",
+		contactEmail: N.contactEmail ?? "",
+		contactPhone: N.contactPhone ?? "",
+		value: String(N.metrics?.value ?? 0),
+		leads: String(N.metrics?.leads ?? 0)
+	} : D);
+	u(() => {
+		N && z({
+			eventId: N.eventId ?? "",
+			name: N.name ?? "",
+			level: N.level ?? "BRONZE",
+			logoUrl: N.logoUrl ?? "",
+			website: N.website ?? "",
+			contactName: N.contactName ?? "",
+			contactEmail: N.contactEmail ?? "",
+			contactPhone: N.contactPhone ?? "",
+			value: String(N.metrics?.value ?? 0),
+			leads: String(N.metrics?.leads ?? 0)
 		});
-	}, [D]);
-	let P = (e, t) => {
-		N((n) => ({
+	}, [N]);
+	let B = (e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, F = async (e) => {
-		e.preventDefault();
-		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,
+	}, V = async (e) => {
+		if (e.preventDefault(), !R.eventId) {
+			t.error("Event required", "Choose the event this sponsor belongs to.");
+			return;
+		}
+		let n = c(R.website);
+		if (R.website.trim() && !n) {
+			t.error("Invalid website", "Enter a valid http(s) URL, or leave it blank.");
+			return;
+		}
+		let r = {
+			eventId: R.eventId,
+			name: R.name,
+			level: R.level,
+			logoUrl: R.logoUrl,
+			website: n ?? "",
+			contactName: R.contactName,
+			contactEmail: R.contactEmail,
+			contactPhone: R.contactPhone,
 			metrics: {
-				value: Number(M.value || 0),
-				leads: Number(M.leads || 0)
+				value: Number(R.value || 0),
+				leads: Number(R.leads || 0)
 			},
 			metadata: {}
 		};
 		try {
-			if (C) {
-				let e = await A({ variables: {
-					id: S,
-					input: n
+			if (k) {
+				let e = await I({ variables: {
+					id: O,
+					input: r
 				} });
 				if (!s(e, e.data?.updateSponsor?.id, "Could not update sponsor")) return;
-				w("/sponsors");
+				A("/sponsors");
 				return;
 			}
-			let e = await O({ variables: { input: n } });
+			let e = await P({ variables: { input: r } });
 			if (!s(e, e.data?.createSponsor?.id, "Could not create sponsor")) return;
-			w("/sponsors");
+			A("/sponsors");
 		} catch (e) {
 			t.error("Could not save sponsor", o(e));
 		}
-	}, 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", {
+	}, H = F || L, U = j?.events?.items ?? [];
+	return /* @__PURE__ */ h("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m(_, {
+			/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h(v, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
-				onClick: () => w("/sponsors"),
-				children: [/* @__PURE__ */ p(h, { className: "h-4 w-4" }), "Back to Sponsors"]
-			}), /* @__PURE__ */ p("h1", {
+				onClick: () => A("/sponsors"),
+				children: [/* @__PURE__ */ m(g, { className: "h-4 w-4" }), "Back to Sponsors"]
+			}), /* @__PURE__ */ m("h1", {
 				className: "mt-3 text-2xl font-bold text-text-primary",
-				children: C ? "Edit Sponsor" : "Create Sponsor"
+				children: k ? "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,
+			/* @__PURE__ */ m(x, { 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__ */ m(y, { children: /* @__PURE__ */ h("form", {
+				onSubmit: V,
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-						children: [/* @__PURE__ */ m("label", {
+						children: [/* @__PURE__ */ h("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "font-medium text-text-primary",
 								children: "Event"
-							}), /* @__PURE__ */ m("select", {
-								value: M.eventId,
-								onChange: (e) => P("eventId", e.target.value),
-								required: !0,
-								className: R,
-								children: [/* @__PURE__ */ p("option", {
-									value: "",
-									children: "Select Event"
-								}), L.map((e) => /* @__PURE__ */ p("option", {
+							}), /* @__PURE__ */ h(S, {
+								value: R.eventId,
+								onValueChange: (e) => B("eventId", e),
+								children: [/* @__PURE__ */ m(T, {
+									"aria-label": "Event",
+									children: /* @__PURE__ */ m(E, { placeholder: "Select Event" })
+								}), /* @__PURE__ */ m(C, { children: U.map((e) => /* @__PURE__ */ m(w, {
 									value: e.id,
 									children: e.name
-								}, e.id))]
+								}, e.id)) })]
 							})]
-						}), /* @__PURE__ */ m("label", {
+						}), /* @__PURE__ */ h("label", {
 							className: "space-y-1 text-sm",
-							children: [/* @__PURE__ */ p("span", {
+							children: [/* @__PURE__ */ m("span", {
 								className: "font-medium text-text-primary",
 								children: "Sponsor Name"
-							}), /* @__PURE__ */ p(y, {
-								value: M.name,
-								onChange: (e) => P("name", e.target.value),
+							}), /* @__PURE__ */ m(b, {
+								value: R.name,
+								onChange: (e) => B("name", e.target.value),
 								required: !0
 							})]
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Level"
-								}), /* @__PURE__ */ m("select", {
-									value: M.level,
-									onChange: (e) => P("level", e.target.value),
-									className: R,
-									children: [
-										/* @__PURE__ */ p("option", {
+								}), /* @__PURE__ */ h(S, {
+									value: R.level,
+									onValueChange: (e) => B("level", e),
+									children: [/* @__PURE__ */ m(T, {
+										"aria-label": "Level",
+										children: /* @__PURE__ */ m(E, {})
+									}), /* @__PURE__ */ h(C, { children: [
+										/* @__PURE__ */ m(w, {
 											value: "PLATINUM",
 											children: "Platinum"
 										}),
-										/* @__PURE__ */ p("option", {
+										/* @__PURE__ */ m(w, {
 											value: "GOLD",
 											children: "Gold"
 										}),
-										/* @__PURE__ */ p("option", {
+										/* @__PURE__ */ m(w, {
 											value: "SILVER",
 											children: "Silver"
 										}),
-										/* @__PURE__ */ p("option", {
+										/* @__PURE__ */ m(w, {
 											value: "BRONZE",
 											children: "Bronze"
 										}),
-										/* @__PURE__ */ p("option", {
+										/* @__PURE__ */ m(w, {
 											value: "COMMUNITY",
 											children: "Community"
 										})
-									]
+									] })]
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Value"
-								}), /* @__PURE__ */ p(y, {
+								}), /* @__PURE__ */ m(b, {
 									type: "number",
 									min: "0",
-									value: M.value,
-									onChange: (e) => P("value", e.target.value)
+									value: R.value,
+									onChange: (e) => B("value", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Leads"
-								}), /* @__PURE__ */ p(y, {
+								}), /* @__PURE__ */ m(b, {
 									type: "number",
 									min: "0",
-									value: M.leads,
-									onChange: (e) => P("leads", e.target.value)
+									value: R.leads,
+									onChange: (e) => B("leads", e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ m("label", {
+					/* @__PURE__ */ h("label", {
 						className: "block space-y-1 text-sm",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ m("span", {
 							className: "font-medium text-text-primary",
 							children: "Website"
-						}), /* @__PURE__ */ p(y, {
-							value: M.website,
-							onChange: (e) => P("website", e.target.value)
+						}), /* @__PURE__ */ m(b, {
+							value: R.website,
+							onChange: (e) => B("website", e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "space-y-1 text-sm",
-						children: [/* @__PURE__ */ p("span", {
+						children: [/* @__PURE__ */ m("span", {
 							className: "font-medium text-text-primary",
 							children: "Logo"
-						}), /* @__PURE__ */ p(c, {
+						}), /* @__PURE__ */ m(l, {
 							label: "Upload logo",
 							folderPath: "/EventfullyManaged/Sponsors",
-							value: M.logoUrl || null,
-							onUploaded: (e) => P("logoUrl", e),
+							value: R.logoUrl || null,
+							onUploaded: (e) => B("logoUrl", e),
 							hint: "Stored securely in Files. Shown across sponsor listings and detail pages."
 						})]
 					}),
-					/* @__PURE__ */ m("div", {
+					/* @__PURE__ */ h("div", {
 						className: "grid grid-cols-1 gap-4 md:grid-cols-3",
 						children: [
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Name"
-								}), /* @__PURE__ */ p(y, {
-									value: M.contactName,
-									onChange: (e) => P("contactName", e.target.value)
+								}), /* @__PURE__ */ m(b, {
+									value: R.contactName,
+									onChange: (e) => B("contactName", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Email"
-								}), /* @__PURE__ */ p(y, {
+								}), /* @__PURE__ */ m(b, {
 									type: "email",
-									value: M.contactEmail,
-									onChange: (e) => P("contactEmail", e.target.value)
+									value: R.contactEmail,
+									onChange: (e) => B("contactEmail", e.target.value)
 								})]
 							}),
-							/* @__PURE__ */ m("label", {
+							/* @__PURE__ */ h("label", {
 								className: "space-y-1 text-sm",
-								children: [/* @__PURE__ */ p("span", {
+								children: [/* @__PURE__ */ m("span", {
 									className: "font-medium text-text-primary",
 									children: "Contact Phone"
-								}), /* @__PURE__ */ p(y, {
-									value: M.contactPhone,
-									onChange: (e) => P("contactPhone", e.target.value)
+								}), /* @__PURE__ */ m(b, {
+									value: R.contactPhone,
+									onChange: (e) => B("contactPhone", e.target.value)
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex justify-end",
-						children: /* @__PURE__ */ m(_, {
+						children: /* @__PURE__ */ h(v, {
 							type: "submit",
-							disabled: I,
-							children: [/* @__PURE__ */ p(g, { className: "h-4 w-4" }), I ? "Saving..." : "Save Sponsor"]
+							disabled: H,
+							children: [/* @__PURE__ */ m(_, { className: "h-4 w-4" }), H ? "Saving..." : "Save Sponsor"]
 						})
 					})
 				]
@@ -278,6 +287,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as default };
+export { O 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, 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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"}
+{"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 {\n  Button,\n  EmphasisPanel,\n  Input,\n  PagePurpose,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} 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 { safeUrl } from '../../components/SafeLink';\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\n    // Reject/normalise the free-text website before it is persisted so a hostile\n    // value (e.g. javascript:) can never be stored and later rendered as a link.\n    if (!form.eventId) {\n      notify.error('Event required', 'Choose the event this sponsor belongs to.');\n      return;\n    }\n\n    const normalizedWebsite = safeUrl(form.website);\n    if (form.website.trim() && !normalizedWebsite) {\n      notify.error('Invalid website', 'Enter a valid http(s) URL, or leave it blank.');\n      return;\n    }\n\n    const input = {\n      eventId: form.eventId,\n      name: form.name,\n      level: form.level,\n      logoUrl: form.logoUrl,\n      website: normalizedWebsite ?? '',\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\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 value={form.eventId} onValueChange={(value) => onChange('eventId', value)}>\n                <SelectTrigger aria-label=\"Event\">\n                  <SelectValue placeholder=\"Select Event\" />\n                </SelectTrigger>\n                <SelectContent>\n                  {events.map((eventItem: { id: string; name: string }) => (\n                    <SelectItem key={eventItem.id} value={eventItem.id}>\n                      {eventItem.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\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} onValueChange={(value) => onChange('level', value)}>\n                <SelectTrigger aria-label=\"Level\">\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  <SelectItem value=\"PLATINUM\">Platinum</SelectItem>\n                  <SelectItem value=\"GOLD\">Gold</SelectItem>\n                  <SelectItem value=\"SILVER\">Silver</SelectItem>\n                  <SelectItem value=\"BRONZE\">Bronze</SelectItem>\n                  <SelectItem value=\"COMMUNITY\">Community</SelectItem>\n                </SelectContent>\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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"}