@burdenoff/microfe-eventfullymanaged 2026.703.2 → 2026.704.1

package/dist/eventfullymanaged/pages/networking/MeetingFormPage.js

@@ -0,0 +1,343 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useAttendeesQuery as n, useCreateMeetingMutation as r, useEventsQuery as i, useMeetingsQuery as a, useNetworkingProfilesQuery as o, useUpdateMeetingMutation as s } from "../../api/eventApi.js";
+import { EntityFormShell as c } from "../../components/EntityFormShell.js";
+import { describeError as l, mutationSucceeded as u } from "../../lib/mutationResult.js";
+import { useEffect as d, useMemo as f, useState as p } from "react";
+import { useParams as m } from "react-router-dom";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Input as _, Select as v, SelectContent as y, SelectItem as b, SelectTrigger as x, SelectValue as S, Textarea as C } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/networking/MeetingFormPage.tsx
+var w = {
+	eventId: "",
+	title: "",
+	sourceProfileId: "",
+	targetProfileId: "",
+	startsAt: "",
+	endsAt: "",
+	location: "",
+	bookingPageId: "",
+	bookerName: "",
+	bookerEmail: "",
+	notes: "",
+	status: "SCHEDULED"
+}, T = [
+	{
+		value: "SCHEDULED",
+		label: "Scheduled"
+	},
+	{
+		value: "CONFIRMED",
+		label: "Confirmed"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	},
+	{
+		value: "CANCELLED",
+		label: "Cancelled"
+	}
+];
+function E(e) {
+	if (!e) return "";
+	let t = new Date(e);
+	if (Number.isNaN(t.getTime())) return "";
+	let n = t.getTimezoneOffset() * 60 * 1e3;
+	return new Date(t.getTime() - n).toISOString().slice(0, 16);
+}
+function D(e) {
+	if (!e) return null;
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t.toISOString();
+}
+function O(e, t) {
+	let n = e?.[t];
+	return typeof n == "string" ? n : "";
+}
+function k() {
+	let { id: k = "" } = m(), A = f(() => !!k, [k]), { navigate: j } = e(), { data: M } = i({
+		limit: 100,
+		offset: 0
+	}), { data: N } = a({
+		limit: 100,
+		offset: 0
+	}), P = f(() => (N?.meetings?.items ?? []).find((e) => e.id === k), [N, k]), [F, { loading: I }] = r(), [L, { loading: R }] = s(), [z, B] = p(w), { data: V } = o({
+		eventId: z.eventId || void 0,
+		limit: 100,
+		offset: 0
+	}), { data: H } = n({
+		eventId: z.eventId || void 0,
+		limit: 100,
+		offset: 0
+	}), U = f(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of H?.attendees?.items ?? []) e.set(t.id, t.fullName);
+		return e;
+	}, [H]), W = f(() => (V?.networkingProfiles?.items ?? []).map((e) => ({
+		id: e.id,
+		label: U.get(e.attendeeId) ?? e.role ?? `Profile ${e.id.slice(0, 8)}`
+	})), [V, U]);
+	d(() => {
+		if (!A || !P) return;
+		let e = P.metadata ?? {};
+		B({
+			eventId: P.eventId ?? O(e, "eventId"),
+			title: P.title ?? P.name ?? O(e, "title"),
+			sourceProfileId: O(e, "sourceProfileId"),
+			targetProfileId: O(e, "targetProfileId"),
+			startsAt: E(O(e, "startsAt")),
+			endsAt: E(O(e, "endsAt")),
+			location: O(e, "location"),
+			bookingPageId: O(e, "bookingPageId"),
+			bookerName: O(e, "bookerName"),
+			bookerEmail: O(e, "bookerEmail"),
+			notes: O(e, "notes"),
+			status: P.status ?? "SCHEDULED"
+		});
+	}, [P, A]);
+	let G = (e, t) => {
+		B((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, K = async (e) => {
+		if (e.preventDefault(), !z.eventId) {
+			t.error("Event required", "Choose the event this meeting belongs to.");
+			return;
+		}
+		let n = D(z.startsAt), r = D(z.endsAt);
+		if (!n || !r) {
+			t.error("Time required", "Set both a start and end time for the meeting.");
+			return;
+		}
+		if (new Date(r).getTime() <= new Date(n).getTime()) {
+			t.error("Invalid time range", "The meeting must end after it starts.");
+			return;
+		}
+		let i = {
+			startsAt: n,
+			endsAt: r,
+			location: z.location,
+			notes: z.notes,
+			title: z.title,
+			sourceProfileId: z.sourceProfileId,
+			targetProfileId: z.targetProfileId
+		};
+		z.bookingPageId.trim() && (i.bookingPageId = z.bookingPageId.trim()), z.bookerName.trim() && (i.bookerName = z.bookerName.trim()), z.bookerEmail.trim() && (i.bookerEmail = z.bookerEmail.trim());
+		let a = {
+			eventId: z.eventId,
+			title: z.title,
+			startsAt: n,
+			endsAt: r,
+			location: z.location,
+			notes: z.notes,
+			status: z.status,
+			metadata: i
+		};
+		z.sourceProfileId && (a.sourceProfileId = z.sourceProfileId), z.targetProfileId && (a.targetProfileId = z.targetProfileId), z.bookingPageId.trim() && (a.bookingPageId = z.bookingPageId.trim());
+		try {
+			if (A) {
+				let e = await L({ variables: {
+					id: k,
+					input: a
+				} });
+				if (!u(e, e.data?.updateMeeting?.id, "Could not update meeting")) return;
+				j("/networking");
+				return;
+			}
+			let e = await F({ variables: { input: a } });
+			if (!u(e, e.data?.createMeeting?.id, "Could not book meeting")) return;
+			j("/networking");
+		} catch (e) {
+			t.error("Could not save meeting", l(e));
+		}
+	}, q = I || R, J = M?.events?.items ?? [];
+	return /* @__PURE__ */ g(c, {
+		title: A ? "Edit Meeting" : "Book a Meeting",
+		description: "Schedule a 1:1 between two networking profiles.",
+		purpose: "Meetings are the 1:1s attendees book with each other. Pick the two participants, set a time and place, and — if you use a shared booking page — link it so the meeting mirrors into the calendar service. Everyone sees the same schedule without a separate calendar here.",
+		backLabel: "Back to Networking",
+		onBack: () => j("/networking"),
+		onSubmit: K,
+		submitLabel: A ? "Save Meeting" : "Book Meeting",
+		saving: q,
+		children: [
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ g("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ h("span", {
+						className: "font-medium text-text-primary",
+						children: "Event"
+					}), /* @__PURE__ */ g(v, {
+						value: z.eventId,
+						onValueChange: (e) => G("eventId", e),
+						children: [/* @__PURE__ */ h(x, {
+							"aria-label": "Event",
+							children: /* @__PURE__ */ h(S, { placeholder: "Select event" })
+						}), /* @__PURE__ */ h(y, { children: J.map((e) => /* @__PURE__ */ h(b, {
+							value: e.id,
+							children: e.name
+						}, e.id)) })]
+					})]
+				}), /* @__PURE__ */ g("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ h("span", {
+						className: "font-medium text-text-primary",
+						children: "Title"
+					}), /* @__PURE__ */ h(_, {
+						value: z.title,
+						onChange: (e) => G("title", e.target.value),
+						required: !0
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ g("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ h("span", {
+						className: "font-medium text-text-primary",
+						children: "Participant A"
+					}), /* @__PURE__ */ g(v, {
+						value: z.sourceProfileId,
+						onValueChange: (e) => G("sourceProfileId", e),
+						disabled: !z.eventId,
+						children: [/* @__PURE__ */ h(x, {
+							"aria-label": "Participant A",
+							children: /* @__PURE__ */ h(S, { placeholder: z.eventId ? "Select profile" : "Select an event first" })
+						}), /* @__PURE__ */ h(y, { children: W.map((e) => /* @__PURE__ */ h(b, {
+							value: e.id,
+							children: e.label
+						}, e.id)) })]
+					})]
+				}), /* @__PURE__ */ g("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ h("span", {
+						className: "font-medium text-text-primary",
+						children: "Participant B"
+					}), /* @__PURE__ */ g(v, {
+						value: z.targetProfileId,
+						onValueChange: (e) => G("targetProfileId", e),
+						disabled: !z.eventId,
+						children: [/* @__PURE__ */ h(x, {
+							"aria-label": "Participant B",
+							children: /* @__PURE__ */ h(S, { placeholder: z.eventId ? "Select profile" : "Select an event first" })
+						}), /* @__PURE__ */ h(y, { children: W.map((e) => /* @__PURE__ */ h(b, {
+							value: e.id,
+							children: e.label
+						}, e.id)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Starts at"
+						}), /* @__PURE__ */ h(_, {
+							type: "datetime-local",
+							value: z.startsAt,
+							onChange: (e) => G("startsAt", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Ends at"
+						}), /* @__PURE__ */ h(_, {
+							type: "datetime-local",
+							value: z.endsAt,
+							onChange: (e) => G("endsAt", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Status"
+						}), /* @__PURE__ */ g(v, {
+							value: z.status,
+							onValueChange: (e) => G("status", e),
+							children: [/* @__PURE__ */ h(x, {
+								"aria-label": "Status",
+								children: /* @__PURE__ */ h(S, {})
+							}), /* @__PURE__ */ h(y, { children: T.map((e) => /* @__PURE__ */ h(b, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ h("span", {
+					className: "font-medium text-text-primary",
+					children: "Location"
+				}), /* @__PURE__ */ h(_, {
+					value: z.location,
+					onChange: (e) => G("location", e.target.value),
+					placeholder: "Networking lounge, Table 4"
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Booking page ID"
+						}), /* @__PURE__ */ h(_, {
+							value: z.bookingPageId,
+							onChange: (e) => G("bookingPageId", e.target.value),
+							placeholder: "Optional — mirrors to calendar"
+						})]
+					}),
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Booker name"
+						}), /* @__PURE__ */ h(_, {
+							value: z.bookerName,
+							onChange: (e) => G("bookerName", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ g("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ h("span", {
+							className: "font-medium text-text-primary",
+							children: "Booker email"
+						}), /* @__PURE__ */ h(_, {
+							type: "email",
+							value: z.bookerEmail,
+							onChange: (e) => G("bookerEmail", e.target.value)
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ h("span", {
+					className: "font-medium text-text-primary",
+					children: "Notes"
+				}), /* @__PURE__ */ h(C, {
+					value: z.notes,
+					onChange: (e) => G("notes", e.target.value),
+					rows: 3
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { k as default };
+
+//# sourceMappingURL=MeetingFormPage.js.map

package/dist/eventfullymanaged/pages/networking/MeetingFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MeetingFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/networking/MeetingFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\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  useAttendeesQuery,\n  useCreateMeetingMutation,\n  useEventsQuery,\n  useMeetingsQuery,\n  useNetworkingProfilesQuery,\n  useUpdateMeetingMutation,\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';\n\ntype MeetingFormState = {\n  eventId: string;\n  title: string;\n  sourceProfileId: string;\n  targetProfileId: string;\n  startsAt: string;\n  endsAt: string;\n  location: string;\n  bookingPageId: string;\n  bookerName: string;\n  bookerEmail: string;\n  notes: string;\n  status: string;\n};\n\nconst initialState: MeetingFormState = {\n  eventId: '',\n  title: '',\n  sourceProfileId: '',\n  targetProfileId: '',\n  startsAt: '',\n  endsAt: '',\n  location: '',\n  bookingPageId: '',\n  bookerName: '',\n  bookerEmail: '',\n  notes: '',\n  status: 'SCHEDULED',\n};\n\nconst STATUS_OPTIONS = [\n  { value: 'SCHEDULED', label: 'Scheduled' },\n  { value: 'CONFIRMED', label: 'Confirmed' },\n  { value: 'COMPLETED', label: 'Completed' },\n  { value: 'CANCELLED', label: 'Cancelled' },\n];\n\n/** Convert an ISO timestamp to the local `datetime-local` input format. */\nfunction isoToLocalInput(iso: string | undefined): string {\n  if (!iso) {\n    return '';\n  }\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) {\n    return '';\n  }\n  const offsetMs = date.getTimezoneOffset() * 60 * 1000;\n  return new Date(date.getTime() - offsetMs).toISOString().slice(0, 16);\n}\n\n/** Convert a `datetime-local` value to an ISO timestamp for the DateTime scalar. */\nfunction localInputToIso(value: string): string | null {\n  if (!value) {\n    return null;\n  }\n  const date = new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date.toISOString();\n}\n\nfunction readString(metadata: Record<string, unknown> | null | undefined, key: string): string {\n  const value = metadata?.[key];\n  return typeof value === 'string' ? value : '';\n}\n\nexport default function MeetingFormPage() {\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  // The meetings list resolver returns title/status/metadata only (no by-id\n  // resolver), so create/update mirror scheduling detail into metadata and the\n  // edit initial-state is rehydrated from there.\n  const { data: meetingsData } = useMeetingsQuery({ limit: 100, offset: 0 });\n\n  const existing = useMemo(\n    () => (meetingsData?.meetings?.items ?? []).find((item) => item.id === id),\n    [meetingsData, id]\n  );\n\n  const [createMeeting, { loading: creating }] = useCreateMeetingMutation();\n  const [updateMeeting, { loading: updating }] = useUpdateMeetingMutation();\n  const [form, setForm] = useState<MeetingFormState>(initialState);\n\n  const { data: profilesData } = useNetworkingProfilesQuery({\n    eventId: form.eventId || undefined,\n    limit: 100,\n    offset: 0,\n  });\n  const { data: attendeesData } = useAttendeesQuery({\n    eventId: form.eventId || undefined,\n    limit: 100,\n    offset: 0,\n  });\n\n  const attendeeNames = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const attendee of attendeesData?.attendees?.items ?? []) {\n      map.set(attendee.id, attendee.fullName);\n    }\n    return map;\n  }, [attendeesData]);\n\n  const profiles = useMemo(\n    () =>\n      (profilesData?.networkingProfiles?.items ?? []).map((profile) => ({\n        id: profile.id,\n        label: attendeeNames.get(profile.attendeeId) ?? profile.role ?? `Profile ${profile.id.slice(0, 8)}`,\n      })),\n    [profilesData, attendeeNames]\n  );\n\n  useEffect(() => {\n    if (!isEdit || !existing) {\n      return;\n    }\n    const metadata = existing.metadata ?? {};\n    setForm({\n      eventId: existing.eventId ?? readString(metadata, 'eventId'),\n      title: existing.title ?? existing.name ?? readString(metadata, 'title'),\n      sourceProfileId: readString(metadata, 'sourceProfileId'),\n      targetProfileId: readString(metadata, 'targetProfileId'),\n      startsAt: isoToLocalInput(readString(metadata, 'startsAt')),\n      endsAt: isoToLocalInput(readString(metadata, 'endsAt')),\n      location: readString(metadata, 'location'),\n      bookingPageId: readString(metadata, 'bookingPageId'),\n      bookerName: readString(metadata, 'bookerName'),\n      bookerEmail: readString(metadata, 'bookerEmail'),\n      notes: readString(metadata, 'notes'),\n      status: existing.status ?? 'SCHEDULED',\n    });\n  }, [existing, isEdit]);\n\n  const onChange = (field: keyof MeetingFormState, 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.eventId) {\n      notify.error('Event required', 'Choose the event this meeting belongs to.');\n      return;\n    }\n    const startsAtIso = localInputToIso(form.startsAt);\n    const endsAtIso = localInputToIso(form.endsAt);\n    if (!startsAtIso || !endsAtIso) {\n      notify.error('Time required', 'Set both a start and end time for the meeting.');\n      return;\n    }\n    if (new Date(endsAtIso).getTime() <= new Date(startsAtIso).getTime()) {\n      notify.error('Invalid time range', 'The meeting must end after it starts.');\n      return;\n    }\n\n    // Mirror scheduling detail into metadata so the calendar-svc integration and\n    // the edit form (list resolver returns metadata only) both round-trip.\n    const metadata: Record<string, unknown> = {\n      startsAt: startsAtIso,\n      endsAt: endsAtIso,\n      location: form.location,\n      notes: form.notes,\n      title: form.title,\n      sourceProfileId: form.sourceProfileId,\n      targetProfileId: form.targetProfileId,\n    };\n    if (form.bookingPageId.trim()) {\n      metadata.bookingPageId = form.bookingPageId.trim();\n    }\n    if (form.bookerName.trim()) {\n      metadata.bookerName = form.bookerName.trim();\n    }\n    if (form.bookerEmail.trim()) {\n      metadata.bookerEmail = form.bookerEmail.trim();\n    }\n\n    const input: Record<string, unknown> = {\n      eventId: form.eventId,\n      title: form.title,\n      startsAt: startsAtIso,\n      endsAt: endsAtIso,\n      location: form.location,\n      notes: form.notes,\n      status: form.status,\n      metadata,\n    };\n    if (form.sourceProfileId) {\n      input.sourceProfileId = form.sourceProfileId;\n    }\n    if (form.targetProfileId) {\n      input.targetProfileId = form.targetProfileId;\n    }\n    // Passing a booking-page id lets the backend mirror the meeting into\n    // wspace-calendar-svc rather than the MFE managing a local calendar.\n    if (form.bookingPageId.trim()) {\n      input.bookingPageId = form.bookingPageId.trim();\n    }\n\n    try {\n      if (isEdit) {\n        const response = await updateMeeting({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updateMeeting?.id, 'Could not update meeting')) {\n          return;\n        }\n        navigate('/networking');\n        return;\n      }\n\n      const response = await createMeeting({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createMeeting?.id, 'Could not book meeting')) {\n        return;\n      }\n      navigate('/networking');\n    } catch (error) {\n      notify.error('Could not save meeting', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n  const events = eventsData?.events?.items ?? [];\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Meeting' : 'Book a Meeting'}\n      description=\"Schedule a 1:1 between two networking profiles.\"\n      purpose=\"Meetings are the 1:1s attendees book with each other. Pick the two participants, set a time and place, and — if you use a shared booking page — link it so the meeting mirrors into the calendar service. Everyone sees the same schedule without a separate calendar here.\"\n      backLabel=\"Back to Networking\"\n      onBack={() => navigate('/networking')}\n      onSubmit={onSubmit}\n      submitLabel={isEdit ? 'Save Meeting' : 'Book Meeting'}\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\">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) => (\n                <SelectItem key={eventItem.id} value={eventItem.id}>\n                  {eventItem.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\">Title</span>\n          <Input value={form.title} onChange={(e) => onChange('title', e.target.value)} required />\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\">Participant A</span>\n          <Select\n            value={form.sourceProfileId}\n            onValueChange={(value) => onChange('sourceProfileId', value)}\n            disabled={!form.eventId}\n          >\n            <SelectTrigger aria-label=\"Participant A\">\n              <SelectValue placeholder={form.eventId ? 'Select profile' : 'Select an event first'} />\n            </SelectTrigger>\n            <SelectContent>\n              {profiles.map((profile) => (\n                <SelectItem key={profile.id} value={profile.id}>\n                  {profile.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\">Participant B</span>\n          <Select\n            value={form.targetProfileId}\n            onValueChange={(value) => onChange('targetProfileId', value)}\n            disabled={!form.eventId}\n          >\n            <SelectTrigger aria-label=\"Participant B\">\n              <SelectValue placeholder={form.eventId ? 'Select profile' : 'Select an event first'} />\n            </SelectTrigger>\n            <SelectContent>\n              {profiles.map((profile) => (\n                <SelectItem key={profile.id} value={profile.id}>\n                  {profile.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-3\">\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Starts at</span>\n          <Input type=\"datetime-local\" value={form.startsAt} onChange={(e) => onChange('startsAt', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Ends at</span>\n          <Input type=\"datetime-local\" value={form.endsAt} onChange={(e) => onChange('endsAt', e.target.value)} />\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              {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\">Location</span>\n        <Input\n          value={form.location}\n          onChange={(e) => onChange('location', e.target.value)}\n          placeholder=\"Networking lounge, Table 4\"\n        />\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\">Booking page ID</span>\n          <Input\n            value={form.bookingPageId}\n            onChange={(e) => onChange('bookingPageId', e.target.value)}\n            placeholder=\"Optional — mirrors to calendar\"\n          />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Booker name</span>\n          <Input value={form.bookerName} onChange={(e) => onChange('bookerName', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Booker email</span>\n          <Input\n            type=\"email\"\n            value={form.bookerEmail}\n            onChange={(e) => onChange('bookerEmail', 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\">Notes</span>\n        <Textarea value={form.notes} onChange={(e) => onChange('notes', e.target.value)} rows={3} />\n      </label>\n    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}

package/dist/eventfullymanaged/pages/networking/NetworkingProfileFormPage.js

@@ -0,0 +1,236 @@
+import { useEventfullyManaged as e } from "../../context/EventfullyManagedContext.js";
+import { notify as t } from "../../lib/toast.js";
+import { useAttendeesQuery as n, useCreateNetworkingProfileMutation as r, useEventsQuery as i, useNetworkingProfilesQuery as a, useUpdateNetworkingProfileMutation as o } from "../../api/eventApi.js";
+import { EntityFormShell as s } from "../../components/EntityFormShell.js";
+import { describeError as c, mutationSucceeded as l } from "../../lib/mutationResult.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 { Input as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x, Textarea as S } from "@burdenoff/fe-libs/ui";
+//#region src/eventfullymanaged/pages/networking/NetworkingProfileFormPage.tsx
+var C = {
+	eventId: "",
+	attendeeId: "",
+	interests: "",
+	goals: "",
+	availability: "",
+	industry: "",
+	role: "",
+	visibility: "ATTENDEES"
+}, w = [
+	{
+		value: "PUBLIC",
+		label: "Public"
+	},
+	{
+		value: "ATTENDEES",
+		label: "Attendees only"
+	},
+	{
+		value: "PRIVATE",
+		label: "Private"
+	}
+];
+function T(e) {
+	return e.split(",").map((e) => e.trim()).filter(Boolean);
+}
+function E() {
+	let { id: E = "" } = p(), D = d(() => !!E, [E]), { navigate: O } = e(), { data: k } = i({
+		limit: 100,
+		offset: 0
+	}), { data: A } = a({
+		limit: 100,
+		offset: 0
+	}), j = d(() => (A?.networkingProfiles?.items ?? []).find((e) => e.id === E), [A, E]), [M, { loading: N }] = r(), [P, { loading: F }] = o(), [I, L] = f(C), { data: R } = n({
+		eventId: I.eventId || void 0,
+		limit: 100,
+		offset: 0
+	}), z = R?.attendees?.items ?? [];
+	u(() => {
+		if (!D || !j) return;
+		let e = j.metadata ?? {}, t = typeof e.availability == "string" ? e.availability : "";
+		L({
+			eventId: j.eventId ?? "",
+			attendeeId: j.attendeeId ?? "",
+			interests: (j.interests ?? []).join(", "),
+			goals: (j.lookingFor ?? []).join(", "),
+			availability: t,
+			industry: j.industry ?? "",
+			role: j.role ?? "",
+			visibility: j.visibility ?? "ATTENDEES"
+		});
+	}, [j, D]);
+	let B = (e, t) => {
+		L((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, V = async (e) => {
+		if (e.preventDefault(), !I.eventId) {
+			t.error("Event required", "Choose the event this profile is opting into.");
+			return;
+		}
+		if (!I.attendeeId) {
+			t.error("Attendee required", "Choose the attendee this profile represents.");
+			return;
+		}
+		let n = j?.metadata ?? {}, r = {
+			eventId: I.eventId,
+			attendeeId: I.attendeeId,
+			interests: T(I.interests),
+			lookingFor: T(I.goals),
+			industry: I.industry,
+			role: I.role,
+			visibility: I.visibility,
+			metadata: {
+				...n,
+				availability: I.availability
+			}
+		};
+		try {
+			if (D) {
+				let e = await P({ variables: {
+					id: E,
+					input: r
+				} });
+				if (!l(e, e.data?.updateNetworkingProfile?.id, "Could not update profile")) return;
+				O("/networking");
+				return;
+			}
+			let e = await M({ variables: { input: r } });
+			if (!l(e, e.data?.createNetworkingProfile?.id, "Could not create profile")) return;
+			O("/networking");
+		} catch (e) {
+			t.error("Could not save profile", c(e));
+		}
+	}, H = N || F, U = k?.events?.items ?? [];
+	return /* @__PURE__ */ h(s, {
+		title: D ? "Edit Networking Profile" : "Opt in to Networking",
+		description: "Describe an attendee so the matchmaking engine can suggest the right connections.",
+		purpose: "A networking profile is how an attendee tells the matchmaking engine who they are and who they want to meet. Interests and goals drive the suggested matches, availability tells others when to book time, and visibility controls who can see the profile.",
+		backLabel: "Back to Networking",
+		onBack: () => O("/networking"),
+		onSubmit: V,
+		submitLabel: D ? "Save Profile" : "Opt in",
+		saving: H,
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-2",
+				children: [/* @__PURE__ */ h("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ m("span", {
+						className: "font-medium text-text-primary",
+						children: "Event"
+					}), /* @__PURE__ */ h(_, {
+						value: I.eventId,
+						onValueChange: (e) => B("eventId", e),
+						children: [/* @__PURE__ */ m(b, {
+							"aria-label": "Event",
+							children: /* @__PURE__ */ m(x, { placeholder: "Select event" })
+						}), /* @__PURE__ */ m(v, { children: U.map((e) => /* @__PURE__ */ m(y, {
+							value: e.id,
+							children: e.name
+						}, e.id)) })]
+					})]
+				}), /* @__PURE__ */ h("label", {
+					className: "space-y-1 text-sm",
+					children: [/* @__PURE__ */ m("span", {
+						className: "font-medium text-text-primary",
+						children: "Attendee"
+					}), /* @__PURE__ */ h(_, {
+						value: I.attendeeId,
+						onValueChange: (e) => B("attendeeId", e),
+						disabled: !I.eventId,
+						children: [/* @__PURE__ */ m(b, {
+							"aria-label": "Attendee",
+							children: /* @__PURE__ */ m(x, { placeholder: I.eventId ? "Select attendee" : "Select an event first" })
+						}), /* @__PURE__ */ m(v, { children: z.map((e) => /* @__PURE__ */ m(y, {
+							value: e.id,
+							children: e.fullName
+						}, e.id)) })]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ h("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ m("span", {
+					className: "font-medium text-text-primary",
+					children: "Interests (comma separated)"
+				}), /* @__PURE__ */ m(g, {
+					value: I.interests,
+					onChange: (e) => B("interests", e.target.value),
+					placeholder: "AI, fintech, design"
+				})]
+			}),
+			/* @__PURE__ */ h("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ m("span", {
+					className: "font-medium text-text-primary",
+					children: "Goals — who they want to meet (comma separated)"
+				}), /* @__PURE__ */ m(g, {
+					value: I.goals,
+					onChange: (e) => B("goals", e.target.value),
+					placeholder: "investors, hiring partners, mentors"
+				})]
+			}),
+			/* @__PURE__ */ h("label", {
+				className: "block space-y-1 text-sm",
+				children: [/* @__PURE__ */ m("span", {
+					className: "font-medium text-text-primary",
+					children: "Availability"
+				}), /* @__PURE__ */ m(S, {
+					value: I.availability,
+					onChange: (e) => B("availability", e.target.value),
+					rows: 2,
+					placeholder: "Free during lunch and after the keynote"
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid grid-cols-1 gap-4 md:grid-cols-3",
+				children: [
+					/* @__PURE__ */ h("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ m("span", {
+							className: "font-medium text-text-primary",
+							children: "Industry"
+						}), /* @__PURE__ */ m(g, {
+							value: I.industry,
+							onChange: (e) => B("industry", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ h("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ m("span", {
+							className: "font-medium text-text-primary",
+							children: "Role"
+						}), /* @__PURE__ */ m(g, {
+							value: I.role,
+							onChange: (e) => B("role", e.target.value)
+						})]
+					}),
+					/* @__PURE__ */ h("label", {
+						className: "space-y-1 text-sm",
+						children: [/* @__PURE__ */ m("span", {
+							className: "font-medium text-text-primary",
+							children: "Visibility"
+						}), /* @__PURE__ */ h(_, {
+							value: I.visibility,
+							onValueChange: (e) => B("visibility", e),
+							children: [/* @__PURE__ */ m(b, {
+								"aria-label": "Visibility",
+								children: /* @__PURE__ */ m(x, {})
+							}), /* @__PURE__ */ m(v, { children: w.map((e) => /* @__PURE__ */ m(y, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=NetworkingProfileFormPage.js.map

package/dist/eventfullymanaged/pages/networking/NetworkingProfileFormPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkingProfileFormPage.js","names":[],"sources":["../../../../src/eventfullymanaged/pages/networking/NetworkingProfileFormPage.tsx"],"sourcesContent":["/* eslint-disable react-hooks/set-state-in-effect */\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  useAttendeesQuery,\n  useCreateNetworkingProfileMutation,\n  useEventsQuery,\n  useNetworkingProfilesQuery,\n  useUpdateNetworkingProfileMutation,\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';\n\ntype ProfileFormState = {\n  eventId: string;\n  attendeeId: string;\n  interests: string;\n  goals: string;\n  availability: string;\n  industry: string;\n  role: string;\n  visibility: string;\n};\n\nconst initialState: ProfileFormState = {\n  eventId: '',\n  attendeeId: '',\n  interests: '',\n  goals: '',\n  availability: '',\n  industry: '',\n  role: '',\n  visibility: 'ATTENDEES',\n};\n\nconst VISIBILITY_OPTIONS = [\n  { value: 'PUBLIC', label: 'Public' },\n  { value: 'ATTENDEES', label: 'Attendees only' },\n  { value: 'PRIVATE', label: 'Private' },\n];\n\nfunction splitList(value: string): string[] {\n  return value\n    .split(',')\n    .map((item) => item.trim())\n    .filter(Boolean);\n}\n\nexport default function NetworkingProfileFormPage() {\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  // No by-id resolver for profiles — derive edit state from the list row.\n  const { data: profilesData } = useNetworkingProfilesQuery({ limit: 100, offset: 0 });\n\n  const existing = useMemo(\n    () => (profilesData?.networkingProfiles?.items ?? []).find((item) => item.id === id),\n    [profilesData, id]\n  );\n\n  const [createProfile, { loading: creating }] = useCreateNetworkingProfileMutation();\n  const [updateProfile, { loading: updating }] = useUpdateNetworkingProfileMutation();\n  const [form, setForm] = useState<ProfileFormState>(initialState);\n\n  const { data: attendeesData } = useAttendeesQuery({\n    eventId: form.eventId || undefined,\n    limit: 100,\n    offset: 0,\n  });\n  const attendees = attendeesData?.attendees?.items ?? [];\n\n  useEffect(() => {\n    if (!isEdit || !existing) {\n      return;\n    }\n    const metadata = existing.metadata ?? {};\n    const availability = typeof metadata.availability === 'string' ? metadata.availability : '';\n    setForm({\n      eventId: existing.eventId ?? '',\n      attendeeId: existing.attendeeId ?? '',\n      interests: (existing.interests ?? []).join(', '),\n      goals: (existing.lookingFor ?? []).join(', '),\n      availability,\n      industry: existing.industry ?? '',\n      role: existing.role ?? '',\n      visibility: existing.visibility ?? 'ATTENDEES',\n    });\n  }, [existing, isEdit]);\n\n  const onChange = (field: keyof ProfileFormState, 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.eventId) {\n      notify.error('Event required', 'Choose the event this profile is opting into.');\n      return;\n    }\n    if (!form.attendeeId) {\n      notify.error('Attendee required', 'Choose the attendee this profile represents.');\n      return;\n    }\n\n    const existingMetadata = existing?.metadata ?? {};\n    const input = {\n      eventId: form.eventId,\n      attendeeId: form.attendeeId,\n      interests: splitList(form.interests),\n      lookingFor: splitList(form.goals),\n      industry: form.industry,\n      role: form.role,\n      visibility: form.visibility,\n      metadata: { ...existingMetadata, availability: form.availability },\n    };\n\n    try {\n      if (isEdit) {\n        const response = await updateProfile({ variables: { id, input } });\n        if (!mutationSucceeded(response, response.data?.updateNetworkingProfile?.id, 'Could not update profile')) {\n          return;\n        }\n        navigate('/networking');\n        return;\n      }\n\n      const response = await createProfile({ variables: { input } });\n      if (!mutationSucceeded(response, response.data?.createNetworkingProfile?.id, 'Could not create profile')) {\n        return;\n      }\n      navigate('/networking');\n    } catch (error) {\n      notify.error('Could not save profile', describeError(error));\n    }\n  };\n\n  const saving = creating || updating;\n  const events = eventsData?.events?.items ?? [];\n\n  return (\n    <EntityFormShell\n      title={isEdit ? 'Edit Networking Profile' : 'Opt in to Networking'}\n      description=\"Describe an attendee so the matchmaking engine can suggest the right connections.\"\n      purpose=\"A networking profile is how an attendee tells the matchmaking engine who they are and who they want to meet. Interests and goals drive the suggested matches, availability tells others when to book time, and visibility controls who can see the profile.\"\n      backLabel=\"Back to Networking\"\n      onBack={() => navigate('/networking')}\n      onSubmit={onSubmit}\n      submitLabel={isEdit ? 'Save Profile' : 'Opt in'}\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\">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) => (\n                <SelectItem key={eventItem.id} value={eventItem.id}>\n                  {eventItem.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\">Attendee</span>\n          <Select\n            value={form.attendeeId}\n            onValueChange={(value) => onChange('attendeeId', value)}\n            disabled={!form.eventId}\n          >\n            <SelectTrigger aria-label=\"Attendee\">\n              <SelectValue placeholder={form.eventId ? 'Select attendee' : 'Select an event first'} />\n            </SelectTrigger>\n            <SelectContent>\n              {attendees.map((attendee) => (\n                <SelectItem key={attendee.id} value={attendee.id}>\n                  {attendee.fullName}\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\">Interests (comma separated)</span>\n        <Input\n          value={form.interests}\n          onChange={(e) => onChange('interests', e.target.value)}\n          placeholder=\"AI, fintech, design\"\n        />\n      </label>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Goals — who they want to meet (comma separated)</span>\n        <Input\n          value={form.goals}\n          onChange={(e) => onChange('goals', e.target.value)}\n          placeholder=\"investors, hiring partners, mentors\"\n        />\n      </label>\n\n      <label className=\"block space-y-1 text-sm\">\n        <span className=\"font-medium text-text-primary\">Availability</span>\n        <Textarea\n          value={form.availability}\n          onChange={(e) => onChange('availability', e.target.value)}\n          rows={2}\n          placeholder=\"Free during lunch and after the keynote\"\n        />\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\">Industry</span>\n          <Input value={form.industry} onChange={(e) => onChange('industry', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Role</span>\n          <Input value={form.role} onChange={(e) => onChange('role', e.target.value)} />\n        </label>\n        <label className=\"space-y-1 text-sm\">\n          <span className=\"font-medium text-text-primary\">Visibility</span>\n          <Select value={form.visibility} onValueChange={(value) => onChange('visibility', value)}>\n            <SelectTrigger aria-label=\"Visibility\">\n              <SelectValue />\n            </SelectTrigger>\n            <SelectContent>\n              {VISIBILITY_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    </EntityFormShell>\n  );\n}\n"],"mappings":"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"}