@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.1

package/dist/eventfullymanaged/pages/events/SessionFormPage.js

@@ -0,0 +1,308 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { gql as t } from "../../../node_modules/graphql-tag/lib/index.js";
+import { useQuery as n } from "../../../node_modules/@apollo/client/react/hooks/useQuery.js";
+import { notify as r } from "../../lib/toast.js";
+import { useCreateEventSessionMutation as i, useEventQuery as a, useSpeakersQuery as o, useUpdateEventSessionMutation as s, useVenuesQuery as c } from "../../api/eventApi.js";
+import { SESSION_STATUS_OPTIONS as l, SESSION_TYPE_OPTIONS as u, inputValueToIso as d, isoToInputValue as f } from "./eventFormUtils.js";
+import { EntityFormShell as p } from "../../components/EntityFormShell.js";
+import { describeError as m, mutationSucceeded as h } from "../../lib/mutationResult.js";
+import { EntityTagsField as g } from "../../components/EntityTagsField.js";
+import { useEffect as _, useMemo as v, useState as y } from "react";
+import { useParams as b } from "react-router-dom";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Input as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O, Textarea as k } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/events/SessionFormPage.tsx
+var A = "speakerId", j = t`
+  query EventfullymanagedSessionFormSessions($eventId: ID, $limit: Int, $offset: Int) {
+    eventSessions: eventfullyManagedEventSessions(eventId: $eventId, limit: $limit, offset: $offset) {
+      total
+      items {
+        id
+        eventId
+        venueId
+        title
+        description
+        sessionType
+        track
+        startsAt
+        endsAt
+        capacity
+        status
+        metadata
+      }
+    }
+  }
+`;
+function M() {
+	let e = /* @__PURE__ */ new Date(), t = new Date(e.getTime() + 3600 * 1e3);
+	return {
+		title: "",
+		sessionType: "TALK",
+		track: "",
+		venueId: "",
+		speakerId: "",
+		startsAt: f(e.toISOString()),
+		endsAt: f(t.toISOString()),
+		capacity: "",
+		status: "SCHEDULED",
+		description: ""
+	};
+}
+function N() {
+	let { id: t = "", sid: N = "" } = b(), P = v(() => !!N, [N]), { navigate: F } = e(), { data: I } = a(t), { data: L } = n(j, {
+		variables: {
+			eventId: t,
+			limit: 100,
+			offset: 0
+		},
+		skip: !N
+	}), { data: R } = c({
+		limit: 100,
+		offset: 0
+	}), { data: z } = o({
+		limit: 100,
+		offset: 0
+	}), [B, { loading: V }] = i(), [H, { loading: U }] = s(), [W, G] = y(M), K = v(() => (L?.eventSessions?.items ?? []).find((e) => e.id === N), [L, N]);
+	_(() => {
+		if (!P || !K) return;
+		let e = K.metadata ?? {};
+		G({
+			title: K.title ?? "",
+			sessionType: K.sessionType ?? "TALK",
+			track: K.track ?? "",
+			venueId: K.venueId ?? "",
+			speakerId: typeof e[A] == "string" ? e[A] : "",
+			startsAt: f(K.startsAt),
+			endsAt: f(K.endsAt),
+			capacity: K.capacity == null ? "" : String(K.capacity),
+			status: K.status ?? "SCHEDULED",
+			description: K.description ?? ""
+		});
+	}, [K, P]);
+	let q = R?.venues?.items ?? [], J = z?.speakers?.items ?? [], Y = I?.event?.name ?? "Event", X = (e, t) => {
+		G((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, Z = async (e) => {
+		if (e.preventDefault(), !W.title.trim()) {
+			r.error("Title required", "Give the session a title before saving.");
+			return;
+		}
+		let n = d(W.startsAt), i = d(W.endsAt);
+		if (!n || !i) {
+			r.error("Times required", "Set both a start and an end time.");
+			return;
+		}
+		if (new Date(i).getTime() < new Date(n).getTime()) {
+			r.error("Invalid times", "The end time cannot be before the start time.");
+			return;
+		}
+		let a = K?.metadata ?? {}, o = {
+			eventId: t,
+			title: W.title.trim(),
+			sessionType: W.sessionType,
+			track: W.track || null,
+			venueId: W.venueId || null,
+			startsAt: n,
+			endsAt: i,
+			capacity: W.capacity ? Number(W.capacity) : null,
+			status: W.status,
+			description: W.description || null,
+			metadata: {
+				...a,
+				[A]: W.speakerId || null
+			}
+		};
+		try {
+			if (P) {
+				let e = await H({ variables: {
+					id: N,
+					input: o
+				} });
+				if (!h(e, e.data?.updateEventSession?.id, "Could not update session")) return;
+				r.success("Session updated"), F(`/events/${t}`);
+				return;
+			}
+			let e = await B({ variables: { input: o } });
+			if (!h(e, e.data?.createEventSession?.id, "Could not create session")) return;
+			r.success("Session created"), F(`/events/${t}`);
+		} catch (e) {
+			r.error("Could not save session", m(e));
+		}
+	}, Q = V || U;
+	return /* @__PURE__ */ S(p, {
+		title: P ? "Edit Session" : "Add Session",
+		description: `Agenda item for ${Y}.`,
+		purpose: "Sessions make up the agenda attendees follow on the day — a talk, workshop or panel with a time, a room and a speaker. Set the slot and assign a room so two sessions never clash, and pick the speaker who will present it.",
+		backLabel: "Back to Event",
+		onBack: () => F(`/events/${t}`),
+		onSubmit: Z,
+		submitLabel: "Save Session",
+		saving: Q,
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Title"
+					}), /* @__PURE__ */ x(C, {
+						value: W.title,
+						onChange: (e) => X("title", e.target.value),
+						required: !0
+					})]
+				}), /* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Track"
+					}), /* @__PURE__ */ x(C, {
+						value: W.track,
+						onChange: (e) => X("track", e.target.value),
+						placeholder: "Main stage, Product, Engineering…"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ S("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ x("span", {
+							className: "font-medium text-text-primary",
+							children: "Room / Venue"
+						}), /* @__PURE__ */ S(w, {
+							value: W.venueId || "none",
+							onValueChange: (e) => X("venueId", e === "none" ? "" : e),
+							children: [/* @__PURE__ */ x(D, {
+								"aria-label": "Room or venue",
+								children: /* @__PURE__ */ x(O, { placeholder: "Select a room" })
+							}), /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(E, {
+								value: "none",
+								children: "No room"
+							}), q.map((e) => /* @__PURE__ */ x(E, {
+								value: e.id,
+								children: e.name
+							}, e.id))] })]
+						})]
+					}),
+					/* @__PURE__ */ S("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ x("span", {
+							className: "font-medium text-text-primary",
+							children: "Speaker"
+						}), /* @__PURE__ */ S(w, {
+							value: W.speakerId || "none",
+							onValueChange: (e) => X("speakerId", e === "none" ? "" : e),
+							children: [/* @__PURE__ */ x(D, {
+								"aria-label": "Speaker",
+								children: /* @__PURE__ */ x(O, { placeholder: "Select a speaker" })
+							}), /* @__PURE__ */ S(T, { children: [/* @__PURE__ */ x(E, {
+								value: "none",
+								children: "No speaker"
+							}), J.map((e) => /* @__PURE__ */ x(E, {
+								value: e.id,
+								children: e.fullName
+							}, e.id))] })]
+						})]
+					}),
+					/* @__PURE__ */ S("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ x("span", {
+							className: "font-medium text-text-primary",
+							children: "Capacity"
+						}), /* @__PURE__ */ x(C, {
+							type: "number",
+							min: "0",
+							value: W.capacity,
+							onChange: (e) => X("capacity", e.target.value)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Start"
+					}), /* @__PURE__ */ x(C, {
+						type: "datetime-local",
+						value: W.startsAt,
+						onChange: (e) => X("startsAt", e.target.value),
+						required: !0
+					})]
+				}), /* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "End"
+					}), /* @__PURE__ */ x(C, {
+						type: "datetime-local",
+						value: W.endsAt,
+						onChange: (e) => X("endsAt", e.target.value),
+						required: !0
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Type"
+					}), /* @__PURE__ */ S(w, {
+						value: W.sessionType,
+						onValueChange: (e) => X("sessionType", e),
+						children: [/* @__PURE__ */ x(D, {
+							"aria-label": "Session type",
+							children: /* @__PURE__ */ x(O, {})
+						}), /* @__PURE__ */ x(T, { children: u.map((e) => /* @__PURE__ */ x(E, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					})]
+				}), /* @__PURE__ */ S("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ x("span", {
+						className: "font-medium text-text-primary",
+						children: "Status"
+					}), /* @__PURE__ */ S(w, {
+						value: W.status,
+						onValueChange: (e) => X("status", e),
+						children: [/* @__PURE__ */ x(D, {
+							"aria-label": "Status",
+							children: /* @__PURE__ */ x(O, {})
+						}), /* @__PURE__ */ x(T, { children: l.map((e) => /* @__PURE__ */ x(E, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ S("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ x("span", {
+					className: "font-medium text-text-primary",
+					children: "Description"
+				}), /* @__PURE__ */ x(k, {
+					value: W.description,
+					onChange: (e) => X("description", e.target.value),
+					rows: 3
+				})]
+			}),
+			P ? /* @__PURE__ */ x(g, {
+				entityType: "session",
+				entityId: N
+			}) : null
+		]
+	});
+}
+//#endregion
+export { N as default };
+
+//# sourceMappingURL=SessionFormPage.js.map

package/dist/eventfullymanaged/pages/events/SessionFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SessionFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/events/SessionFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCreateEventSessionMutation,\n  useEventQuery,\n  useSpeakersQuery,\n  useUpdateEventSessionMutation,\n  useVenuesQuery,\n} from '../../api/eventApi';\nimport { EntityFormShell } from '../../components/EntityFormShell';\nimport { EntityTagsField } from '../../components/EntityTagsField';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\nimport {\n  inputValueToIso,\n  isoToInputValue,\n  SESSION_STATUS_OPTIONS,\n  SESSION_TYPE_OPTIONS,\n} from './eventFormUtils';\n\nconst SPEAKER_METADATA_KEY = 'speakerId';\n\n// The foundation EVENT_SESSIONS_QUERY omits description/capacity/metadata, but the\n// backend `updateEventSession` resolver is a FULL replace — editing with a partial\n// initial state would blank those columns. There is no by-id session resolver, so\n// this fuller list query is the edit-hydration source: it selects every editable\n// field and the form finds its row by id client-side.\nconst FULL_EVENT_SESSIONS_QUERY = gql`\n  query EventfullymanagedSessionFormSessions($eventId: ID, $limit: Int, $offset: Int) {\n    eventSessions: eventfullyManagedEventSessions(eventId: $eventId, limit: $limit, offset: $offset) {\n      total\n      items {\n        id\n        eventId\n        venueId\n        title\n        description\n        sessionType\n        track\n        startsAt\n        endsAt\n        capacity\n        status\n        metadata\n      }\n    }\n  }\n`;\n\ntype FullSessionsResponse = {\n  eventSessions: { total: number; items: SessionListItem[] };\n};\n\ntype SessionListItem = {\n  id: string;\n  eventId: string;\n  venueId?: string | null;\n  title: string;\n  sessionType: string;\n  track?: string | null;\n  startsAt: string;\n  endsAt: string;\n  status: string;\n  capacity?: number | null;\n  description?: string | null;\n  metadata?: Record<string, unknown> | null;\n};\n\ntype SessionFormState = {\n  title: string;\n  sessionType: string;\n  track: string;\n  venueId: string;\n  speakerId: string;\n  startsAt: string;\n  endsAt: string;\n  capacity: string;\n  status: string;\n  description: string;\n};\n\nfunction defaultState(): SessionFormState {\n  const now = new Date();\n  const later = new Date(now.getTime() + 60 * 60 * 1000);\n  return {\n    title: '',\n    sessionType: 'TALK',\n    track: '',\n    venueId: '',\n    speakerId: '',\n    startsAt: isoToInputValue(now.toISOString()),\n    endsAt: isoToInputValue(later.toISOString()),\n    capacity: '',\n    status: 'SCHEDULED',\n    description: '',\n  };\n}\n\nexport default function SessionFormPage() {\n  const { id = '', sid = '' } = useParams<{ id: string; sid: string }>();\n  const isEdit = useMemo(() => Boolean(sid), [sid]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventData } = useEventQuery(id);\n  // No by-id session resolver — derive the edit initial state from the (fuller) list query.\n  const { data: sessionsData } = useQuery<FullSessionsResponse, { eventId?: string; limit?: number; offset?: number }>(\n    FULL_EVENT_SESSIONS_QUERY,\n    { variables: { eventId: id, limit: 100, offset: 0 }, skip: !sid }\n  );\n  const { data: venuesData } = useVenuesQuery({ limit: 100, offset: 0 });\n  const { data: speakersData } = useSpeakersQuery({ limit: 100, offset: 0 });\n  const [createSession, { loading: creating }] = useCreateEventSessionMutation();\n  const [updateSession, { loading: updating }] = useUpdateEventSessionMutation();\n  const [form, setForm] = useState<SessionFormState>(defaultState);\n\n  const existingSession = useMemo(\n    () => (sessionsData?.eventSessions?.items ?? []).find((item) => item.id === sid),\n    [sessionsData, sid]\n  );\n\n  useEffect(() => {\n    if (!isEdit || !existingSession) {\n      return;\n    }\n    const metadata = (existingSession.metadata ?? {}) as Record<string, unknown>;\n    setForm({\n      title: existingSession.title ?? '',\n      sessionType: existingSession.sessionType ?? 'TALK',\n      track: existingSession.track ?? '',\n      venueId: existingSession.venueId ?? '',\n      speakerId: typeof metadata[SPEAKER_METADATA_KEY] === 'string' ? (metadata[SPEAKER_METADATA_KEY] as string) : '',\n      startsAt: isoToInputValue(existingSession.startsAt),\n      endsAt: isoToInputValue(existingSession.endsAt),\n      capacity: existingSession.capacity != null ? String(existingSession.capacity) : '',\n      status: existingSession.status ?? 'SCHEDULED',\n      description: existingSession.description ?? '',\n    });\n  }, [existingSession, isEdit]);\n\n  const venues = venuesData?.venues?.items ?? [];\n  const speakers = (speakersData?.speakers?.items ?? []) as Array<{ id: string; fullName: string }>;\n  const eventName = eventData?.event?.name ?? 'Event';\n\n  const onChange = (field: keyof SessionFormState, value: string) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.title.trim()) {\n      notify.error('Title required', 'Give the session a title before saving.');\n      return;\n    }\n    const startIso = inputValueToIso(form.startsAt);\n    const endIso = inputValueToIso(form.endsAt);\n    if (!startIso || !endIso) {\n      notify.error('Times required', 'Set both a start and an end time.');\n      return;\n    }\n    if (new Date(endIso).getTime() < new Date(startIso).getTime()) {\n      notify.error('Invalid times', 'The end time cannot be before the start time.');\n      return;\n    }\n\n    const existingMetadata = (existingSession?.metadata ?? {}) as Record<string, unknown>;\n    const input = {\n      eventId: id,\n      title: form.title.trim(),\n      sessionType: form.sessionType,\n      track: form.track || null,\n      venueId: form.venueId || null,\n      startsAt: startIso,\n      endsAt: endIso,\n      capacity: form.capacity ? Number(form.capacity) : null,\n      status: form.status,\n      description: form.description || null,\n      metadata: { ...existingMetadata, [SPEAKER_METADATA_KEY]: form.speakerId || null },\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateSession({ variables: { id: sid, input } });\n        if (!mutationSucceeded(response, response.data?.updateEventSession?.id, 'Could not update session')) {\n          return;\n        }\n        notify.success('Session updated');\n        navigate(`/events/${id}`);\n        return;\n      }\n      const response = await createSession({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createEventSession?.id, 'Could not create session')) {\n        return;\n      }\n      notify.success('Session created');\n      navigate(`/events/${id}`);\n    } catch (error) {\n      notify.error('Could not save session', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Session' : 'Add Session'}\n      description={`Agenda item for ${eventName}.`}\n      purpose=\"Sessions make up the agenda attendees follow on the day — a talk, workshop or panel with a time, a room and a speaker. Set the slot and assign a room so two sessions never clash, and pick the speaker who will present it.\"\n      backLabel=\"Back to Event\"\n      onBack={() => navigate(`/events/${id}`)}\n      onSubmit={onSubmit}\n      submitLabel=\"Save Session\"\n      saving={saving}\n    >\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\">Title</span>\n          <Input value={form.title} onChange={(e) => onChange('title', e.target.value)} required />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Track</span>\n          <Input\n            value={form.track}\n            onChange={(e) => onChange('track', e.target.value)}\n            placeholder=\"Main stage, Product, Engineering…\"\n          />\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\">Room / Venue</span>\n          <Select\n            value={form.venueId || 'none'}\n            onValueChange={(value) => onChange('venueId', value === 'none' ? '' : value)}\n          >\n            <SelectTrigger aria-label=\"Room or venue\">\n              <SelectValue placeholder=\"Select a room\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"none\">No room</SelectItem>\n              {venues.map((venue: { id: string; name: string }) => (\n                <SelectItem key={venue.id} value={venue.id}>\n                  {venue.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Speaker</span>\n          <Select\n            value={form.speakerId || 'none'}\n            onValueChange={(value) => onChange('speakerId', value === 'none' ? '' : value)}\n          >\n            <SelectTrigger aria-label=\"Speaker\">\n              <SelectValue placeholder=\"Select a speaker\" />\n            </SelectTrigger>\n            <SelectContent>\n              <SelectItem value=\"none\">No speaker</SelectItem>\n              {speakers.map((speaker) => (\n                <SelectItem key={speaker.id} value={speaker.id}>\n                  {speaker.fullName}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Capacity</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            value={form.capacity}\n            onChange={(e) => onChange('capacity', e.target.value)}\n          />\n        </label>\n      </div>\n\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\">Start</span>\n          <Input\n            type=\"datetime-local\"\n            value={form.startsAt}\n            onChange={(e) => onChange('startsAt', e.target.value)}\n            required\n          />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">End</span>\n          <Input\n            type=\"datetime-local\"\n            value={form.endsAt}\n            onChange={(e) => onChange('endsAt', e.target.value)}\n            required\n          />\n        </label>\n      </div>\n\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\">Type</span>\n          <Select value={form.sessionType} onValueChange={(value) => onChange('sessionType', value)}>\n            <SelectTrigger aria-label=\"Session type\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {SESSION_TYPE_OPTIONS.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Status</span>\n          <Select value={form.status} onValueChange={(value) => onChange('status', value)}>\n            <SelectTrigger aria-label=\"Status\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {SESSION_STATUS_OPTIONS.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n      </div>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Description</span>\n        <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={3} />\n      </label>\n\n      {isEdit ? <EntityTagsField entityType=\"session\" entityId={sid} /> : null}\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/events/TicketTypeFormPage.js

@@ -0,0 +1,214 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useCreateTicketTypeMutation as n, useEventQuery as r, useTicketTypesQuery as i, useUpdateTicketTypeMutation as a } from "../../api/eventApi.js";
+import { CURRENCY_OPTIONS as o, inputValueToIso as s, isoToInputValue as c } from "./eventFormUtils.js";
+import { EntityFormShell as l } from "../../components/EntityFormShell.js";
+import { describeError as u, mutationSucceeded as d } from "../../lib/mutationResult.js";
+import { useEffect as f, useMemo as p, useState as m } from "react";
+import { useParams as h } from "react-router-dom";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Input as v, Select as y, SelectContent as b, SelectItem as x, SelectTrigger as S, SelectValue as C, Switch as w, Textarea as T } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/events/TicketTypeFormPage.tsx
+var E = {
+	name: "",
+	description: "",
+	price: "0",
+	currency: "INR",
+	capacity: "",
+	salesStartAt: "",
+	salesEndAt: "",
+	isActive: !0
+};
+function D() {
+	let { id: D = "", tid: O = "" } = h(), k = p(() => !!O, [O]), { navigate: A } = e(), { data: j } = r(D), { data: M } = i({
+		eventId: D,
+		limit: 100,
+		offset: 0
+	}), [N, { loading: P }] = n(), [F, { loading: I }] = a(), [L, R] = m(E), z = p(() => (M?.ticketTypes?.items ?? []).find((e) => e.id === O), [M, O]);
+	f(() => {
+		if (!k || !z) return;
+		let e = z;
+		R({
+			name: e.name ?? "",
+			description: e.description ?? "",
+			price: e.price ?? "0",
+			currency: e.currency ?? "INR",
+			capacity: e.capacity == null ? "" : String(e.capacity),
+			salesStartAt: c(e.salesStartAt),
+			salesEndAt: c(e.salesEndAt),
+			isActive: e.isActive ?? !0
+		});
+	}, [z, k]);
+	let B = j?.event?.name ?? "Event", V = (e, t) => {
+		R((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, H = async (e) => {
+		if (e.preventDefault(), !L.name.trim()) {
+			t.error("Name required", "Give the ticket type a name before saving.");
+			return;
+		}
+		let n = Number(L.price);
+		if (Number.isNaN(n) || n < 0) {
+			t.error("Invalid price", "Enter a price of zero or more.");
+			return;
+		}
+		let r = s(L.salesStartAt), i = s(L.salesEndAt);
+		if (r && i && new Date(i).getTime() < new Date(r).getTime()) {
+			t.error("Invalid sales window", "Sales end cannot be before sales start.");
+			return;
+		}
+		let a = {
+			eventId: D,
+			name: L.name.trim(),
+			description: L.description || null,
+			price: String(n),
+			currency: L.currency,
+			capacity: L.capacity ? Number(L.capacity) : null,
+			salesStartAt: r || null,
+			salesEndAt: i || null,
+			isActive: L.isActive,
+			metadata: {}
+		};
+		try {
+			if (k) {
+				let e = await F({ variables: {
+					id: O,
+					input: a
+				} });
+				if (!d(e, e.data?.updateTicketType?.id, "Could not update ticket type")) return;
+				t.success("Ticket type updated"), A(`/events/${D}`);
+				return;
+			}
+			let e = await N({ variables: { input: a } });
+			if (!d(e, e.data?.createTicketType?.id, "Could not create ticket type")) return;
+			t.success("Ticket type created"), A(`/events/${D}`);
+		} catch (e) {
+			t.error("Could not save ticket type", u(e));
+		}
+	}, U = P || I;
+	return /* @__PURE__ */ _(l, {
+		title: k ? "Edit Ticket Type" : "Add Ticket Type",
+		description: `Sellable ticket for ${B}.`,
+		purpose: "Ticket types are what attendees actually buy — Early Bird, General, VIP. Set a price and currency, cap how many can be sold, and define the sales window so the ticket opens and closes automatically. Toggle it inactive to pull it from sale without deleting the history.",
+		backLabel: "Back to Event",
+		onBack: () => A(`/events/${D}`),
+		onSubmit: H,
+		submitLabel: "Save Ticket Type",
+		saving: U,
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Name"
+					}), /* @__PURE__ */ g(v, {
+						value: L.name,
+						onChange: (e) => V("name", e.target.value),
+						required: !0
+					})]
+				}), /* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Capacity"
+					}), /* @__PURE__ */ g(v, {
+						type: "number",
+						min: "0",
+						value: L.capacity,
+						onChange: (e) => V("capacity", e.target.value),
+						placeholder: "Unlimited"
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Price"
+					}), /* @__PURE__ */ g(v, {
+						type: "number",
+						min: "0",
+						step: "0.01",
+						value: L.price,
+						onChange: (e) => V("price", e.target.value),
+						required: !0
+					})]
+				}), /* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Currency"
+					}), /* @__PURE__ */ _(y, {
+						value: L.currency,
+						onValueChange: (e) => V("currency", e),
+						children: [/* @__PURE__ */ g(S, {
+							"aria-label": "Currency",
+							children: /* @__PURE__ */ g(C, {})
+						}), /* @__PURE__ */ g(b, { children: o.map((e) => /* @__PURE__ */ g(x, {
+							value: e.value,
+							children: e.label
+						}, e.value)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Sales start"
+					}), /* @__PURE__ */ g(v, {
+						type: "datetime-local",
+						value: L.salesStartAt,
+						onChange: (e) => V("salesStartAt", e.target.value)
+					})]
+				}), /* @__PURE__ */ _("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ g("span", {
+						className: "font-medium text-text-primary",
+						children: "Sales end"
+					}), /* @__PURE__ */ g(v, {
+						type: "datetime-local",
+						value: L.salesEndAt,
+						onChange: (e) => V("salesEndAt", e.target.value)
+					})]
+				})]
+			}),
+			/* @__PURE__ */ _("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ g("span", {
+					className: "font-medium text-text-primary",
+					children: "Description"
+				}), /* @__PURE__ */ g(T, {
+					value: L.description,
+					onChange: (e) => V("description", e.target.value),
+					rows: 3
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between rounded-card border border-border-seam p-3",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+					className: "text-sm font-medium text-text-primary",
+					children: "Active"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-xs text-text-secondary",
+					children: "Active ticket types are open for sale during their window."
+				})] }), /* @__PURE__ */ g(w, {
+					checked: L.isActive,
+					onCheckedChange: (e) => V("isActive", e)
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=TicketTypeFormPage.js.map

package/dist/eventfullymanaged/pages/events/TicketTypeFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketTypeFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/events/TicketTypeFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\nimport {\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Switch,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { useEffect, useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\n\nimport {\n  useCreateTicketTypeMutation,\n  useEventQuery,\n  useTicketTypesQuery,\n  useUpdateTicketTypeMutation,\n  type TicketTypeGql,\n} from '../../api/eventApi';\nimport { EntityFormShell } from '../../components/EntityFormShell';\nimport { useEventfullyManaged } from '../../context/EventfullyManagedContext';\nimport { describeError, mutationSucceeded } from '../../lib/mutationResult';\nimport { notify } from '../../lib/toast';\nimport { CURRENCY_OPTIONS, inputValueToIso, isoToInputValue } from './eventFormUtils';\n\ntype TicketTypeFormState = {\n  name: string;\n  description: string;\n  price: string;\n  currency: string;\n  capacity: string;\n  salesStartAt: string;\n  salesEndAt: string;\n  isActive: boolean;\n};\n\nconst initialState: TicketTypeFormState = {\n  name: '',\n  description: '',\n  price: '0',\n  currency: 'INR',\n  capacity: '',\n  salesStartAt: '',\n  salesEndAt: '',\n  isActive: true,\n};\n\nexport default function TicketTypeFormPage() {\n  const { id = '', tid = '' } = useParams<{ id: string; tid: string }>();\n  const isEdit = useMemo(() => Boolean(tid), [tid]);\n  const { navigate } = useEventfullyManaged();\n\n  const { data: eventData } = useEventQuery(id);\n  // No by-id ticket-type resolver — derive the edit initial state from the list query.\n  const { data: ticketsData } = useTicketTypesQuery({ eventId: id, limit: 100, offset: 0 });\n  const [createTicketType, { loading: creating }] = useCreateTicketTypeMutation();\n  const [updateTicketType, { loading: updating }] = useUpdateTicketTypeMutation();\n  const [form, setForm] = useState<TicketTypeFormState>(initialState);\n\n  const existingTicket = useMemo(\n    () => (ticketsData?.ticketTypes?.items ?? []).find((item) => item.id === tid),\n    [ticketsData, tid]\n  );\n\n  useEffect(() => {\n    if (!isEdit || !existingTicket) {\n      return;\n    }\n    const ticket = existingTicket as TicketTypeGql;\n    setForm({\n      name: ticket.name ?? '',\n      description: ticket.description ?? '',\n      price: ticket.price ?? '0',\n      currency: ticket.currency ?? 'INR',\n      capacity: ticket.capacity != null ? String(ticket.capacity) : '',\n      salesStartAt: isoToInputValue(ticket.salesStartAt),\n      salesEndAt: isoToInputValue(ticket.salesEndAt),\n      isActive: ticket.isActive ?? true,\n    });\n  }, [existingTicket, isEdit]);\n\n  const eventName = eventData?.event?.name ?? 'Event';\n\n  const onChange = <K extends keyof TicketTypeFormState>(field: K, value: TicketTypeFormState[K]) => {\n    setForm((prev) => ({ ...prev, [field]: value }));\n  };\n\n  const onSubmit = async (event: React.FormEvent<HTMLFormElement>) => {\n    event.preventDefault();\n\n    if (!form.name.trim()) {\n      notify.error('Name required', 'Give the ticket type a name before saving.');\n      return;\n    }\n    const priceValue = Number(form.price);\n    if (Number.isNaN(priceValue) || priceValue < 0) {\n      notify.error('Invalid price', 'Enter a price of zero or more.');\n      return;\n    }\n    const salesStartIso = inputValueToIso(form.salesStartAt);\n    const salesEndIso = inputValueToIso(form.salesEndAt);\n    if (salesStartIso && salesEndIso && new Date(salesEndIso).getTime() < new Date(salesStartIso).getTime()) {\n      notify.error('Invalid sales window', 'Sales end cannot be before sales start.');\n      return;\n    }\n\n    const input = {\n      eventId: id,\n      name: form.name.trim(),\n      description: form.description || null,\n      price: String(priceValue),\n      currency: form.currency,\n      capacity: form.capacity ? Number(form.capacity) : null,\n      salesStartAt: salesStartIso || null,\n      salesEndAt: salesEndIso || null,\n      isActive: form.isActive,\n      metadata: {},\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateTicketType({ variables: { id: tid, input } });\n        if (!mutationSucceeded(response, response.data?.updateTicketType?.id, 'Could not update ticket type')) {\n          return;\n        }\n        notify.success('Ticket type updated');\n        navigate(`/events/${id}`);\n        return;\n      }\n      const response = await createTicketType({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createTicketType?.id, 'Could not create ticket type')) {\n        return;\n      }\n      notify.success('Ticket type created');\n      navigate(`/events/${id}`);\n    } catch (error) {\n      notify.error('Could not save ticket type', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Ticket Type' : 'Add Ticket Type'}\n      description={`Sellable ticket for ${eventName}.`}\n      purpose=\"Ticket types are what attendees actually buy — Early Bird, General, VIP. Set a price and currency, cap how many can be sold, and define the sales window so the ticket opens and closes automatically. Toggle it inactive to pull it from sale without deleting the history.\"\n      backLabel=\"Back to Event\"\n      onBack={() => navigate(`/events/${id}`)}\n      onSubmit={onSubmit}\n      submitLabel=\"Save Ticket Type\"\n      saving={saving}\n    >\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\">Name</span>\n          <Input value={form.name} onChange={(e) => onChange('name', e.target.value)} required />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Capacity</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            value={form.capacity}\n            onChange={(e) => onChange('capacity', e.target.value)}\n            placeholder=\"Unlimited\"\n          />\n        </label>\n      </div>\n\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\">Price</span>\n          <Input\n            type=\"number\"\n            min=\"0\"\n            step=\"0.01\"\n            value={form.price}\n            onChange={(e) => onChange('price', e.target.value)}\n            required\n          />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Currency</span>\n          <Select value={form.currency} onValueChange={(value) => onChange('currency', value)}>\n            <SelectTrigger aria-label=\"Currency\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {CURRENCY_OPTIONS.map((option) => (\n                <SelectItem key={option.value} value={option.value}>\n                  {option.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </label>\n      </div>\n\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\">Sales start</span>\n          <Input\n            type=\"datetime-local\"\n            value={form.salesStartAt}\n            onChange={(e) => onChange('salesStartAt', e.target.value)}\n          />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Sales end</span>\n          <Input\n            type=\"datetime-local\"\n            value={form.salesEndAt}\n            onChange={(e) => onChange('salesEndAt', e.target.value)}\n          />\n        </label>\n      </div>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Description</span>\n        <Textarea value={form.description} onChange={(e) => onChange('description', e.target.value)} rows={3} />\n      </label>\n\n      <div className=\"flex items-center justify-between rounded-card border border-border-seam p-3\">\n        <div>\n          <p className=\"text-sm font-medium text-text-primary\">Active</p>\n          <p className=\"text-xs text-text-secondary\">Active ticket types are open for sale during their window.</p>\n        </div>\n        <Switch checked={form.isActive} onCheckedChange={(checked) => onChange('isActive', checked)} />\n      </div>\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}