npm - @burdenoff/microfe-atheletebridge - Versions diffs - 2026.705.2 → 2026.706.1 - Mend

@burdenoff/microfe-atheletebridge 2026.705.2 → 2026.706.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/atheletebridge/pages/sessions/SessionFormPage.js CHANGED Viewed

@@ -1,200 +1,291 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.js";
-import { PageLayout as t } from "../../components/PageLayout.js";
-import { SESSION_TYPE_LABELS as n } from "../../components/domain.js";
-import { useBookSession as r, usePrograms as i } from "../../hooks/useAthleteBridgeApi.js";
-import { FormField as a, fieldInputClass as o } from "../../components/form.js";
-import { AthleteSelect as s } from "../../components/AthleteSelect.js";
-import { useState as c } from "react";
-import { ArrowLeft as l, Loader2 as u, Save as d, User as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { SESSION_TYPE_LABELS as r, SPORT_ICONS as i } from "../../components/domain.js";
+import { UserAvatar as a } from "../../components/UserAvatar.js";
+import { useBookSession as o, usePrograms as s } from "../../hooks/useAthleteBridgeApi.js";
+import { FormField as c, fieldInputClass as l } from "../../components/form.js";
+import { AthleteSelect as u } from "../../components/AthleteSelect.js";
+import { useState as d } from "react";
+import { ArrowLeft as f, Blend as p, Calendar as m, Clock as h, Loader2 as g, Lock as _, Save as v, Users as y, Video as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { GlassCard as C } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/sessions/SessionFormPage.tsx
-var h = Object.keys(n);
-function g() {
-	let { navigateTo: g, currentUser: _ } = e(), v = i({
+var w = {
+	IN_PERSON: {
+		label: r.IN_PERSON,
+		icon: y
+	},
+	ONLINE: {
+		label: r.ONLINE,
+		icon: b
+	},
+	HYBRID: {
+		label: r.HYBRID,
+		icon: p
+	}
+}, T = Object.keys(w);
+function E() {
+	let { navigateTo: r, currentUser: p } = e(), y = s({
 		status: "PUBLISHED",
 		pagination: { limit: 100 }
-	}), y = r(), b = _?.id ?? "", x = _?.name?.trim() || [_?.firstName, _?.lastName].filter(Boolean).join(" ").trim() || _?.email || "You", [S, C] = c(""), [w, T] = c(""), [E, D] = c(""), [O, k] = c("IN_PERSON"), [A, j] = c(""), [M, N] = c(""), [P, F] = c(""), [I, L] = c("60"), [R, z] = c(null), B = v.data?.items ?? [];
-	return /* @__PURE__ */ p(t, {
+	}), b = o(), E = p?.id ?? "", D = p?.name?.trim() || [p?.firstName, p?.lastName].filter(Boolean).join(" ").trim() || p?.email || "You", [O, k] = d(""), [A, j] = d(""), [M, N] = d(""), [P, F] = d(""), [I, L] = d("IN_PERSON"), [R, z] = d(""), [B, V] = d(""), [H, U] = d(""), [W, G] = d("60"), [K, q] = d(null), J = y.data?.items ?? [], Y = J.find((e) => e.id === M), X = Y ? i[Y.sport] : void 0;
+	return /* @__PURE__ */ x(n, {
 		title: "Book session",
 		description: "Schedule a coaching session between a coach and an athlete.",
-		actions: /* @__PURE__ */ m("button", {
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => g("/sessions"),
+			onClick: () => r("/sessions"),
 			className: "inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
-			children: [/* @__PURE__ */ p(l, { className: "h-4 w-4" }), " Cancel"]
+			children: [/* @__PURE__ */ x(f, { className: "h-4 w-4" }), " Cancel"]
 		}),
-		children: /* @__PURE__ */ m("form", {
+		children: /* @__PURE__ */ x("form", {
 			onSubmit: async (e) => {
-				if (e.preventDefault(), z(null), !b.trim()) {
-					z("Unable to identify you as the coach — please refresh and try again.");
+				if (e.preventDefault(), q(null), !E.trim()) {
+					q("Unable to identify you as the coach — please refresh and try again.");
 					return;
 				}
-				if (!S.trim()) {
-					z("Athlete ID is required.");
+				if (!O.trim()) {
+					q("Athlete ID is required.");
 					return;
 				}
-				if (!E.trim()) {
-					z("A session title is required.");
+				if (!P.trim()) {
+					q("A session title is required.");
 					return;
 				}
-				if (!P) {
-					z("A scheduled date and time is required.");
+				if (!H) {
+					q("A scheduled date and time is required.");
 					return;
 				}
-				let t = Number.parseInt(I, 10);
+				let t = Number.parseInt(W, 10);
 				if (Number.isNaN(t) || t <= 0) {
-					z("Duration must be a positive number of minutes.");
+					q("Duration must be a positive number of minutes.");
 					return;
 				}
 				try {
-					g(`/sessions/${(await y.mutateAsync({
-						coachId: b.trim(),
-						athleteId: S.trim(),
-						programId: w || void 0,
-						title: E.trim(),
-						type: O,
-						location: O === "ONLINE" ? void 0 : A.trim() || void 0,
-						meetingUrl: O === "IN_PERSON" ? void 0 : M.trim() || void 0,
-						scheduledAt: new Date(P).toISOString(),
+					r(`/sessions/${(await b.mutateAsync({
+						coachId: E.trim(),
+						athleteId: O.trim(),
+						programId: M || void 0,
+						title: P.trim(),
+						type: I,
+						location: I === "ONLINE" ? void 0 : R.trim() || void 0,
+						meetingUrl: I === "IN_PERSON" ? void 0 : B.trim() || void 0,
+						scheduledAt: new Date(H).toISOString(),
 						durationMin: t
 					})).id}`);
 				} catch (e) {
-					z(e instanceof Error ? e.message : "Failed to book session.");
+					q(e instanceof Error ? e.message : "Failed to book session.");
 				}
 			},
-			className: "max-w-2xl space-y-5",
-			children: [
-				/* @__PURE__ */ p(a, {
-					label: "Coach",
-					hint: "You're booking this session as the coach.",
-					children: /* @__PURE__ */ m("div", {
-						className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary",
-						children: [/* @__PURE__ */ p("span", {
-							className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-surface text-text-secondary",
-							children: /* @__PURE__ */ p(f, { className: "h-4 w-4" })
-						}), /* @__PURE__ */ p("span", {
-							className: "min-w-0 truncate font-medium",
-							children: x
+			className: "mx-auto max-w-3xl",
+			children: /* @__PURE__ */ S(C, {
+				treatment: "insight",
+				className: "p-5 sm:p-7",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
+						children: [/* @__PURE__ */ x(c, {
+							label: "Coach",
+							hint: "You're booking this session as the coach.",
+							children: /* @__PURE__ */ S("div", {
+								className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary",
+								children: [
+									/* @__PURE__ */ x(a, {
+										name: D,
+										id: E,
+										size: "sm"
+									}),
+									/* @__PURE__ */ x("span", {
+										className: "min-w-0 flex-1 truncate font-medium",
+										children: D
+									}),
+									/* @__PURE__ */ x(_, {
+										className: "h-3.5 w-3.5 shrink-0 text-text-muted",
+										"aria-hidden": "true"
+									})
+								]
+							})
+						}), /* @__PURE__ */ x(c, {
+							label: "Title",
+							htmlFor: "title",
+							required: !0,
+							children: /* @__PURE__ */ x("input", {
+								id: "title",
+								className: l,
+								value: P,
+								onChange: (e) => F(e.target.value),
+								placeholder: "e.g. Sprint technique review"
+							})
 						})]
-					})
-				}),
-				/* @__PURE__ */ p(s, {
-					athleteId: S,
-					onSelect: ({ athleteId: e }) => C(e),
-					required: !0,
-					idPrefix: "session-athlete"
-				}),
-				/* @__PURE__ */ p(a, {
-					label: "Title",
-					htmlFor: "title",
-					required: !0,
-					children: /* @__PURE__ */ p("input", {
-						id: "title",
-						className: o,
-						value: E,
-						onChange: (e) => D(e.target.value),
-						placeholder: "e.g. Sprint technique review"
-					})
-				}),
-				/* @__PURE__ */ m("div", {
-					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ p(a, {
-						label: "Type",
-						htmlFor: "type",
-						children: /* @__PURE__ */ p("select", {
-							id: "type",
-							className: o,
-							value: O,
-							onChange: (e) => k(e.target.value),
-							children: h.map((e) => /* @__PURE__ */ p("option", {
-								value: e,
-								children: n[e]
-							}, e))
-						})
-					}), /* @__PURE__ */ p(a, {
-						label: "Program",
-						htmlFor: "program",
-						hint: "Optional — tie to a published plan.",
-						children: /* @__PURE__ */ m("select", {
-							id: "program",
-							className: o,
-							value: w,
-							onChange: (e) => T(e.target.value),
-							children: [/* @__PURE__ */ p("option", {
-								value: "",
-								children: "No program"
-							}), B.map((e) => /* @__PURE__ */ p("option", {
-								value: e.id,
-								children: e.name
-							}, e.id))]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-5",
+						children: [/* @__PURE__ */ x(u, {
+							athleteId: O,
+							onSelect: ({ athleteId: e, displayName: t }) => {
+								k(e), j(t);
+							},
+							required: !0,
+							idPrefix: "session-athlete"
+						}), O && A ? /* @__PURE__ */ S("div", {
+							className: "mt-3 inline-flex items-center gap-2 rounded-full border border-border-seam bg-bg-sunken py-1 pl-1 pr-3",
+							children: [/* @__PURE__ */ x(a, {
+								name: A,
+								id: O,
+								size: "xs"
+							}), /* @__PURE__ */ x("span", {
+								className: "text-xs font-medium text-text-primary",
+								children: A
+							})]
+						}) : null]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-5",
+						children: [/* @__PURE__ */ x("span", {
+							className: "mb-1.5 block text-sm font-medium text-text-primary",
+							children: "Type"
+						}), /* @__PURE__ */ x("div", {
+							role: "radiogroup",
+							"aria-label": "Session type",
+							onKeyDown: (e) => {
+								let t = T.indexOf(I);
+								e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), L(T[(t + 1) % T.length])) : (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), L(T[(t - 1 + T.length) % T.length]));
+							},
+							className: "grid grid-cols-3 gap-2",
+							children: T.map((e) => {
+								let { label: n, icon: r } = w[e], i = I === e;
+								return /* @__PURE__ */ S("button", {
+									type: "button",
+									role: "radio",
+									"aria-checked": i,
+									tabIndex: i ? 0 : -1,
+									onClick: () => L(e),
+									className: t("flex items-center justify-center gap-2 rounded-lg border px-3 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]", i ? "border-action-primary-bg bg-[var(--color-accent-soft)] text-text-primary ring-1 ring-inset ring-action-primary-bg" : "border-border-seam text-text-secondary hover:bg-bg-sunken"),
+									children: [/* @__PURE__ */ x(r, {
+										className: "h-4 w-4 shrink-0",
+										"aria-hidden": "true"
+									}), n]
+								}, e);
+							})
+						})]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "mt-5",
+						children: /* @__PURE__ */ x(c, {
+							label: "Program",
+							htmlFor: "program",
+							hint: "Optional — tie to a published plan.",
+							children: /* @__PURE__ */ S("div", {
+								className: "relative",
+								children: [X ? /* @__PURE__ */ x(X, {
+									className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary",
+									"aria-hidden": "true"
+								}) : null, /* @__PURE__ */ S("select", {
+									id: "program",
+									className: t(l, X && "pl-9"),
+									value: M,
+									onChange: (e) => N(e.target.value),
+									children: [/* @__PURE__ */ x("option", {
+										value: "",
+										children: "No program"
+									}), J.map((e) => /* @__PURE__ */ x("option", {
+										value: e.id,
+										children: e.name
+									}, e.id))]
+								})]
+							})
 						})
-					})]
-				}),
-				O !== "ONLINE" && /* @__PURE__ */ p(a, {
-					label: "Location",
-					htmlFor: "location",
-					children: /* @__PURE__ */ p("input", {
-						id: "location",
-						className: o,
-						value: A,
-						onChange: (e) => j(e.target.value),
-						placeholder: "e.g. Main gym, Court 2"
-					})
-				}),
-				O !== "IN_PERSON" && /* @__PURE__ */ p(a, {
-					label: "Meeting URL",
-					htmlFor: "meetingUrl",
-					children: /* @__PURE__ */ p("input", {
-						id: "meetingUrl",
-						className: o,
-						value: M,
-						onChange: (e) => N(e.target.value),
-						placeholder: "https://meet.example.com/…"
-					})
-				}),
-				/* @__PURE__ */ m("div", {
-					className: "grid grid-cols-1 gap-5 sm:grid-cols-2",
-					children: [/* @__PURE__ */ p(a, {
-						label: "Scheduled at",
-						htmlFor: "scheduledAt",
-						required: !0,
-						children: /* @__PURE__ */ p("input", {
-							id: "scheduledAt",
-							type: "datetime-local",
-							className: o,
-							value: P,
-							onChange: (e) => F(e.target.value)
+					}),
+					I !== "ONLINE" && /* @__PURE__ */ x("div", {
+						className: "mt-5",
+						children: /* @__PURE__ */ x(c, {
+							label: "Location",
+							htmlFor: "location",
+							children: /* @__PURE__ */ x("input", {
+								id: "location",
+								className: l,
+								value: R,
+								onChange: (e) => z(e.target.value),
+								placeholder: "e.g. Main gym, Court 2"
+							})
 						})
-					}), /* @__PURE__ */ p(a, {
-						label: "Duration (minutes)",
-						htmlFor: "duration",
-						children: /* @__PURE__ */ p("input", {
-							id: "duration",
-							inputMode: "numeric",
-							className: o,
-							value: I,
-							onChange: (e) => L(e.target.value)
+					}),
+					I !== "IN_PERSON" && /* @__PURE__ */ x("div", {
+						className: "mt-5",
+						children: /* @__PURE__ */ x(c, {
+							label: "Meeting URL",
+							htmlFor: "meetingUrl",
+							children: /* @__PURE__ */ x("input", {
+								id: "meetingUrl",
+								className: l,
+								value: B,
+								onChange: (e) => V(e.target.value),
+								placeholder: "https://meet.example.com/…"
+							})
 						})
-					})]
-				}),
-				R && /* @__PURE__ */ p("p", {
-					className: "text-sm text-status-error-text",
-					children: R
-				}),
-				/* @__PURE__ */ p("div", {
-					className: "pt-2",
-					children: /* @__PURE__ */ m("button", {
-						type: "submit",
-						disabled: y.isPending,
-						className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
-						children: [y.isPending ? /* @__PURE__ */ p(u, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(d, { className: "h-4 w-4" }), "Book session"]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2",
+						children: [/* @__PURE__ */ x(c, {
+							label: "Scheduled at",
+							htmlFor: "scheduledAt",
+							required: !0,
+							children: /* @__PURE__ */ S("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ x(m, {
+									className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ x("input", {
+									id: "scheduledAt",
+									type: "datetime-local",
+									className: t(l, "pl-9"),
+									value: H,
+									onChange: (e) => U(e.target.value)
+								})]
+							})
+						}), /* @__PURE__ */ x(c, {
+							label: "Duration (minutes)",
+							htmlFor: "duration",
+							children: /* @__PURE__ */ S("div", {
+								className: "relative",
+								children: [/* @__PURE__ */ x(h, {
+									className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary",
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ x("input", {
+									id: "duration",
+									inputMode: "numeric",
+									className: t(l, "pl-9"),
+									value: W,
+									onChange: (e) => G(e.target.value)
+								})]
+							})
+						})]
+					}),
+					K && /* @__PURE__ */ x("p", {
+						className: "mt-5 text-sm text-status-error-text",
+						children: K
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "mt-6 flex items-center justify-end gap-3 border-t border-border-seam pt-5",
+						children: [/* @__PURE__ */ x("button", {
+							type: "button",
+							onClick: () => r("/sessions"),
+							className: "rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken",
+							children: "Cancel"
+						}), /* @__PURE__ */ S("button", {
+							type: "submit",
+							disabled: b.isPending,
+							className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60",
+							children: [b.isPending ? /* @__PURE__ */ x(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ x(v, { className: "h-4 w-4" }), "Book session"]
+						})]
 					})
-				})
-			]
+				]
+			})
 		})
 	});
 }
 //#endregion
-export { g as SessionFormPage };
+export { E as SessionFormPage };
 //# sourceMappingURL=SessionFormPage.js.map

package/dist/atheletebridge/pages/sessions/SessionFormPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SessionFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionFormPage.tsx"],"sourcesContent":["/*\n Book Session Form\n * @module atheletebridge/pages/sessions\n */\n\nimport { useState } from 'react';\nimport { ArrowLeft, Loader2, Save, User as UserIcon } from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { AthleteSelect } from '../../components/AthleteSelect';\nimport { SESSION_TYPE_LABELS } from '../../components/domain';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useBookSession, usePrograms } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionType } from '../../types';\n\nconst TYPES = Object.keys(SESSION_TYPE_LABELS) as AthSessionType[];\n\nexport function SessionFormPage() {\n const { navigateTo, currentUser } = useAthleteBridge();\n\n const programs = usePrograms({ status: 'PUBLISHED', pagination: { limit: 100 } });\n const bookSession = useBookSession();\n\n // The coach is always the current user — sent under the hood, shown read-only.\n const coachId = currentUser?.id ?? '';\n const coachName =\n currentUser?.name?.trim() \|\|\n [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ').trim() \|\|\n currentUser?.email \|\|\n 'You';\n\n const [athleteId, setAthleteId] = useState('');\n const [programId, setProgramId] = useState('');\n const [title, setTitle] = useState('');\n const [type, setType] = useState<AthSessionType>('IN_PERSON');\n const [location, setLocation] = useState('');\n const [meetingUrl, setMeetingUrl] = useState('');\n const [scheduledAt, setScheduledAt] = useState('');\n const [durationMin, setDurationMin] = useState('60');\n const [error, setError] = useState<string \| null>(null);\n\n const programOptions = programs.data?.items ?? [];\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!coachId.trim()) {\n setError('Unable to identify you as the coach — please refresh and try again.');\n return;\n }\n if (!athleteId.trim()) {\n setError('Athlete ID is required.');\n return;\n }\n if (!title.trim()) {\n setError('A session title is required.');\n return;\n }\n if (!scheduledAt) {\n setError('A scheduled date and time is required.');\n return;\n }\n const duration = Number.parseInt(durationMin, 10);\n if (Number.isNaN(duration) \|\| duration <= 0) {\n setError('Duration must be a positive number of minutes.');\n return;\n }\n\n try {\n const created = await bookSession.mutateAsync({\n coachId: coachId.trim(),\n athleteId: athleteId.trim(),\n programId: programId \|\| undefined,\n title: title.trim(),\n type,\n location: type !== 'ONLINE' ? location.trim() \|\| undefined : undefined,\n meetingUrl: type !== 'IN_PERSON' ? meetingUrl.trim() \|\| undefined : undefined,\n scheduledAt: new Date(scheduledAt).toISOString(),\n durationMin: duration,\n });\n navigateTo(`/sessions/${created.id}`);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to book session.');\n }\n };\n\n return (\n <PageLayout\n title=\"Book session\"\n description=\"Schedule a coaching session between a coach and an athlete.\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/sessions')}\n className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Cancel\n </button>\n }\n >\n <form onSubmit={handleSubmit} className=\"max-w-2xl space-y-5\">\n <FormField label=\"Coach\" hint=\"You're booking this session as the coach.\">\n <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary\">\n <span className=\"flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-bg-surface text-text-secondary\">\n <UserIcon className=\"h-4 w-4\" />\n </span>\n <span className=\"min-w-0 truncate font-medium\">{coachName}</span>\n </div>\n </FormField>\n\n <AthleteSelect\n athleteId={athleteId}\n onSelect={({ athleteId: id }) => setAthleteId(id)}\n required\n idPrefix=\"session-athlete\"\n />\n\n <FormField label=\"Title\" htmlFor=\"title\" required>\n <input\n id=\"title\"\n className={fieldInputClass}\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n placeholder=\"e.g. Sprint technique review\"\n />\n </FormField>\n\n <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n <FormField label=\"Type\" htmlFor=\"type\">\n <select\n id=\"type\"\n className={fieldInputClass}\n value={type}\n onChange={(e) => setType(e.target.value as AthSessionType)}\n >\n {TYPES.map((tp) => (\n <option key={tp} value={tp}>\n {SESSION_TYPE_LABELS[tp]}\n </option>\n ))}\n </select>\n </FormField>\n\n <FormField label=\"Program\" htmlFor=\"program\" hint=\"Optional — tie to a published plan.\">\n <select\n id=\"program\"\n className={fieldInputClass}\n value={programId}\n onChange={(e) => setProgramId(e.target.value)}\n >\n <option value=\"\">No program</option>\n {programOptions.map((pr) => (\n <option key={pr.id} value={pr.id}>\n {pr.name}\n </option>\n ))}\n </select>\n </FormField>\n </div>\n\n {type !== 'ONLINE' && (\n <FormField label=\"Location\" htmlFor=\"location\">\n <input\n id=\"location\"\n className={fieldInputClass}\n value={location}\n onChange={(e) => setLocation(e.target.value)}\n placeholder=\"e.g. Main gym, Court 2\"\n />\n </FormField>\n )}\n\n {type !== 'IN_PERSON' && (\n <FormField label=\"Meeting URL\" htmlFor=\"meetingUrl\">\n <input\n id=\"meetingUrl\"\n className={fieldInputClass}\n value={meetingUrl}\n onChange={(e) => setMeetingUrl(e.target.value)}\n placeholder=\"https://meet.example.com/…\"\n />\n </FormField>\n )}\n\n <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n <input\n id=\"scheduledAt\"\n type=\"datetime-local\"\n className={fieldInputClass}\n value={scheduledAt}\n onChange={(e) => setScheduledAt(e.target.value)}\n />\n </FormField>\n <FormField label=\"Duration (minutes)\" htmlFor=\"duration\">\n <input\n id=\"duration\"\n inputMode=\"numeric\"\n className={fieldInputClass}\n value={durationMin}\n onChange={(e) => setDurationMin(e.target.value)}\n />\n </FormField>\n </div>\n\n {error && <p className=\"text-sm text-status-error-text\">{error}</p>}\n\n <div className=\"pt-2\">\n <button\n type=\"submit\"\n disabled={bookSession.isPending}\n className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n >\n {bookSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"h-4 w-4\" />\n )}\n Book session\n </button>\n </div>\n </form>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"SessionFormPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/sessions/SessionFormPage.tsx"],"sourcesContent":["/*\n Book Session Form\n * @module atheletebridge/pages/sessions\n \n Mirrors the concept mock: a GlassCard-framed two-column form with a read-only\n * coach identity (the current user), a team→athlete picker, a segmented session\n * type control, and iconized schedule inputs. Every field maps to a real\n * AthBookSessionInput property — nothing is fabricated. Semantic tokens only.\n /\n\nimport { type KeyboardEvent, useState } from 'react';\nimport {\n ArrowLeft,\n Loader2,\n Save,\n Lock,\n Users,\n Video,\n Blend,\n Calendar,\n Clock,\n type LucideIcon,\n} from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { FormField, fieldInputClass } from '../../components/form';\nimport { AthleteSelect } from '../../components/AthleteSelect';\nimport { UserAvatar } from '../../components/UserAvatar';\nimport { SPORT_ICONS, SESSION_TYPE_LABELS } from '../../components/domain';\nimport { cn } from '../../utils/cn';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useBookSession, usePrograms } from '../../hooks/useAthleteBridgeApi';\nimport type { AthSessionType } from '../../types';\n\nconst TYPE_META: Record<AthSessionType, { label: string; icon: LucideIcon }> = {\n IN_PERSON: { label: SESSION_TYPE_LABELS.IN_PERSON, icon: Users },\n ONLINE: { label: SESSION_TYPE_LABELS.ONLINE, icon: Video },\n HYBRID: { label: SESSION_TYPE_LABELS.HYBRID, icon: Blend },\n};\nconst TYPES = Object.keys(TYPE_META) as AthSessionType[];\n\nexport function SessionFormPage() {\n const { navigateTo, currentUser } = useAthleteBridge();\n\n const programs = usePrograms({ status: 'PUBLISHED', pagination: { limit: 100 } });\n const bookSession = useBookSession();\n\n // The coach is always the current user — sent under the hood, shown read-only.\n const coachId = currentUser?.id ?? '';\n const coachName =\n currentUser?.name?.trim() \|\|\n [currentUser?.firstName, currentUser?.lastName].filter(Boolean).join(' ').trim() \|\|\n currentUser?.email \|\|\n 'You';\n\n const [athleteId, setAthleteId] = useState('');\n const [athleteName, setAthleteName] = useState('');\n const [programId, setProgramId] = useState('');\n const [title, setTitle] = useState('');\n const [type, setType] = useState<AthSessionType>('IN_PERSON');\n const [location, setLocation] = useState('');\n const [meetingUrl, setMeetingUrl] = useState('');\n const [scheduledAt, setScheduledAt] = useState('');\n const [durationMin, setDurationMin] = useState('60');\n const [error, setError] = useState<string \| null>(null);\n\n const programOptions = programs.data?.items ?? [];\n const selectedProgram = programOptions.find((pr) => pr.id === programId);\n const ProgramSportIcon = selectedProgram ? SPORT_ICONS[selectedProgram.sport] : undefined;\n\n const handleTypeKey = (e: KeyboardEvent<HTMLDivElement>) => {\n const idx = TYPES.indexOf(type);\n if (e.key === 'ArrowRight' \|\| e.key === 'ArrowDown') {\n e.preventDefault();\n setType(TYPES[(idx + 1) % TYPES.length]);\n } else if (e.key === 'ArrowLeft' \|\| e.key === 'ArrowUp') {\n e.preventDefault();\n setType(TYPES[(idx - 1 + TYPES.length) % TYPES.length]);\n }\n };\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setError(null);\n\n if (!coachId.trim()) {\n setError('Unable to identify you as the coach — please refresh and try again.');\n return;\n }\n if (!athleteId.trim()) {\n setError('Athlete ID is required.');\n return;\n }\n if (!title.trim()) {\n setError('A session title is required.');\n return;\n }\n if (!scheduledAt) {\n setError('A scheduled date and time is required.');\n return;\n }\n const duration = Number.parseInt(durationMin, 10);\n if (Number.isNaN(duration) \|\| duration <= 0) {\n setError('Duration must be a positive number of minutes.');\n return;\n }\n\n try {\n const created = await bookSession.mutateAsync({\n coachId: coachId.trim(),\n athleteId: athleteId.trim(),\n programId: programId \|\| undefined,\n title: title.trim(),\n type,\n location: type !== 'ONLINE' ? location.trim() \|\| undefined : undefined,\n meetingUrl: type !== 'IN_PERSON' ? meetingUrl.trim() \|\| undefined : undefined,\n scheduledAt: new Date(scheduledAt).toISOString(),\n durationMin: duration,\n });\n navigateTo(`/sessions/${created.id}`);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to book session.');\n }\n };\n\n return (\n <PageLayout\n title=\"Book session\"\n description=\"Schedule a coaching session between a coach and an athlete.\"\n actions={\n <button\n type=\"button\"\n onClick={() => navigateTo('/sessions')}\n className=\"inline-flex items-center gap-1.5 rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n <ArrowLeft className=\"h-4 w-4\" /> Cancel\n </button>\n }\n >\n <form onSubmit={handleSubmit} className=\"mx-auto max-w-3xl\">\n <GlassCard treatment=\"insight\" className=\"p-5 sm:p-7\">\n <div className=\"grid grid-cols-1 gap-5 sm:grid-cols-2\">\n {/ Coach (read-only self) /}\n <FormField label=\"Coach\" hint=\"You're booking this session as the coach.\">\n <div className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-sunken px-3 py-2 text-sm text-text-primary\">\n <UserAvatar name={coachName} id={coachId} size=\"sm\" />\n <span className=\"min-w-0 flex-1 truncate font-medium\">{coachName}</span>\n <Lock className=\"h-3.5 w-3.5 shrink-0 text-text-muted\" aria-hidden=\"true\" />\n </div>\n </FormField>\n\n {/ Title /}\n <FormField label=\"Title\" htmlFor=\"title\" required>\n <input\n id=\"title\"\n className={fieldInputClass}\n value={title}\n onChange={(e) => setTitle(e.target.value)}\n placeholder=\"e.g. Sprint technique review\"\n />\n </FormField>\n </div>\n\n {/ Team → athlete picker (spans full width) /}\n <div className=\"mt-5\">\n <AthleteSelect\n athleteId={athleteId}\n onSelect={({ athleteId: id, displayName }) => {\n setAthleteId(id);\n setAthleteName(displayName);\n }}\n required\n idPrefix=\"session-athlete\"\n />\n {athleteId && athleteName ? (\n <div className=\"mt-3 inline-flex items-center gap-2 rounded-full border border-border-seam bg-bg-sunken py-1 pl-1 pr-3\">\n <UserAvatar name={athleteName} id={athleteId} size=\"xs\" />\n <span className=\"text-xs font-medium text-text-primary\">{athleteName}</span>\n </div>\n ) : null}\n </div>\n\n {/ Type — segmented control /}\n <div className=\"mt-5\">\n <span className=\"mb-1.5 block text-sm font-medium text-text-primary\">Type</span>\n <div\n role=\"radiogroup\"\n aria-label=\"Session type\"\n onKeyDown={handleTypeKey}\n className=\"grid grid-cols-3 gap-2\"\n >\n {TYPES.map((tp) => {\n const { label, icon: Icon } = TYPE_META[tp];\n const active = type === tp;\n return (\n <button\n key={tp}\n type=\"button\"\n role=\"radio\"\n aria-checked={active}\n tabIndex={active ? 0 : -1}\n onClick={() => setType(tp)}\n className={cn(\n 'flex items-center justify-center gap-2 rounded-lg border px-3 py-2.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]',\n active\n ? 'border-action-primary-bg bg-[var(--color-accent-soft)] text-text-primary ring-1 ring-inset ring-action-primary-bg'\n : 'border-border-seam text-text-secondary hover:bg-bg-sunken'\n )}\n >\n <Icon className=\"h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n {label}\n </button>\n );\n })}\n </div>\n </div>\n\n {/ Program /}\n <div className=\"mt-5\">\n <FormField label=\"Program\" htmlFor=\"program\" hint=\"Optional — tie to a published plan.\">\n <div className=\"relative\">\n {ProgramSportIcon ? (\n <ProgramSportIcon\n className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\"\n aria-hidden=\"true\"\n />\n ) : null}\n <select\n id=\"program\"\n className={cn(fieldInputClass, ProgramSportIcon && 'pl-9')}\n value={programId}\n onChange={(e) => setProgramId(e.target.value)}\n >\n <option value=\"\">No program</option>\n {programOptions.map((pr) => (\n <option key={pr.id} value={pr.id}>\n {pr.name}\n </option>\n ))}\n </select>\n </div>\n </FormField>\n </div>\n\n {type !== 'ONLINE' && (\n <div className=\"mt-5\">\n <FormField label=\"Location\" htmlFor=\"location\">\n <input\n id=\"location\"\n className={fieldInputClass}\n value={location}\n onChange={(e) => setLocation(e.target.value)}\n placeholder=\"e.g. Main gym, Court 2\"\n />\n </FormField>\n </div>\n )}\n\n {type !== 'IN_PERSON' && (\n <div className=\"mt-5\">\n <FormField label=\"Meeting URL\" htmlFor=\"meetingUrl\">\n <input\n id=\"meetingUrl\"\n className={fieldInputClass}\n value={meetingUrl}\n onChange={(e) => setMeetingUrl(e.target.value)}\n placeholder=\"https://meet.example.com/…\"\n />\n </FormField>\n </div>\n )}\n\n <div className=\"mt-5 grid grid-cols-1 gap-5 sm:grid-cols-2\">\n <FormField label=\"Scheduled at\" htmlFor=\"scheduledAt\" required>\n <div className=\"relative\">\n <Calendar\n className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\"\n aria-hidden=\"true\"\n />\n <input\n id=\"scheduledAt\"\n type=\"datetime-local\"\n className={cn(fieldInputClass, 'pl-9')}\n value={scheduledAt}\n onChange={(e) => setScheduledAt(e.target.value)}\n />\n </div>\n </FormField>\n <FormField label=\"Duration (minutes)\" htmlFor=\"duration\">\n <div className=\"relative\">\n <Clock\n className=\"pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\"\n aria-hidden=\"true\"\n />\n <input\n id=\"duration\"\n inputMode=\"numeric\"\n className={cn(fieldInputClass, 'pl-9')}\n value={durationMin}\n onChange={(e) => setDurationMin(e.target.value)}\n />\n </div>\n </FormField>\n </div>\n\n {error && <p className=\"mt-5 text-sm text-status-error-text\">{error}</p>}\n\n {/ Footer */}\n <div className=\"mt-6 flex items-center justify-end gap-3 border-t border-border-seam pt-5\">\n <button\n type=\"button\"\n onClick={() => navigateTo('/sessions')}\n className=\"rounded-lg border border-border-seam px-4 py-2 text-sm font-medium text-text-primary transition-colors hover:bg-bg-sunken\"\n >\n Cancel\n </button>\n <button\n type=\"submit\"\n disabled={bookSession.isPending}\n className=\"inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-5 py-2 text-sm font-medium text-action-primary-text transition-colors hover:bg-action-primary-bg/90 disabled:opacity-60\"\n >\n {bookSession.isPending ? (\n <Loader2 className=\"h-4 w-4 animate-spin\" />\n ) : (\n <Save className=\"h-4 w-4\" />\n )}\n Book session\n </button>\n </div>\n </GlassCard>\n </form>\n </PageLayout>\n );\n}\n"],"mappings":"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"}