@burdenoff/microfe-technospam 2026.1024.1 → 2026.1030.2

package/dist/technospam/pages/MentorshipSessionsPagePage.js

@@ -1,44 +1,55 @@
 import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
 import { useTechnoSpamAnalytics as n } from "../hooks/useTechnoSpamAnalytics.js";
 import { useTr as r } from "../hooks/useTr.js";
-import { PageLayout as i } from "../components/PageLayout.js";
-import { StatCard as a } from "../components/StatCard.js";
-import { formatDateTime as o, formatDuration as s } from "../utils/format.js";
-import { StatusBadge as c } from "../components/StatusBadge.js";
-import { EmptyView as l, ErrorView as u, LoadingRows as d } from "../components/StateViews.js";
+import { cn as i } from "../utils/cn.js";
+import { PageLayout as a } from "../components/PageLayout.js";
+import { StatCard as o } from "../components/StatCard.js";
+import { formatDateTime as s, formatDuration as c } from "../utils/format.js";
+import { StatusBadge as l } from "../components/StatusBadge.js";
+import { EmptyView as u, ErrorView as d, LoadingRows as f } from "../components/StateViews.js";
+import { notify as p } from "../lib/toast.js";
+import { useCancelSession as m, useCompleteSession as h, useConfirmSession as g, useMentorsQuery as _, useSessionsQuery as v } from "../api/technospamApi.js";
 import "../components/index.js";
-import { notify as f } from "../lib/toast.js";
-import { useCancelSession as p, useCompleteSession as m, useConfirmSession as h, useMentorsQuery as g, useSessionsQuery as _ } from "../api/technospamApi.js";
-import { useState as v } from "react";
-import { CalendarClock as y, Check as b, CheckCircle2 as x, Clock as S, MessageSquare as C, Users as w, Video as T, X as E } from "lucide-react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Button as k, GlassCard as A, Input as j, Tabs as M, TabsList as N, TabsTrigger as P } from "@burdenoff/fe-libs/ui";
+import { FOCUS_PARAMS as y } from "../utils/pageContext.js";
+import { focusableCardProps as b, useFocusedRecordParam as x } from "../hooks/useFocusedRecordParam.js";
+import { useState as S } from "react";
+import { CalendarClock as C, Check as w, CheckCircle2 as T, Clock as E, MessageSquare as D, Users as O, Video as k, X as A } from "lucide-react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Button as N, GlassCard as P, Input as F, Tabs as I, TabsList as L, TabsTrigger as R } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipSessionsPagePage.tsx
-var F = new Set(["REQUESTED", "CONFIRMED"]);
-function I({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: i, onComplete: a, busy: l }) {
-	let u = F.has(e.status), [d, f] = v("none"), [p, m] = v(""), [h, g] = v("5"), [_, C] = v("");
-	return /* @__PURE__ */ O(A, {
-		className: "flex flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md",
+var z = new Set(["REQUESTED", "CONFIRMED"]);
+function B({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: a, onComplete: o, busy: u, focused: d, onFocusChange: f }) {
+	let p = () => f(e.id), m = () => f(d ? null : e.id), h = z.has(e.status), [g, _] = S("none"), [v, y] = S(""), [x, D] = S("5"), [O, I] = S(""), L = async () => {
+		await a(e.id, v.trim()), _("none"), y("");
+	}, R = async () => {
+		await o(e.id, Math.min(5, Math.max(1, Number(x) || 5)), O.trim()), _("none");
+	};
+	return /* @__PURE__ */ M(P, {
+		className: i("flex cursor-pointer flex-col gap-3 p-4 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md", d && "ring-2 ring-accent-primary"),
+		...b(d, m),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ M("div", {
 					className: "flex items-start gap-3",
-					children: [/* @__PURE__ */ D("span", {
+					children: [/* @__PURE__ */ j("span", {
 						className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-gradient-to-br from-accent-primary to-accent-purple text-white shadow-sm",
-						children: /* @__PURE__ */ D(T, { size: 18 })
-					}), /* @__PURE__ */ O("div", {
+						children: /* @__PURE__ */ j(k, { size: 18 })
+					}), /* @__PURE__ */ M("div", {
 						className: "min-w-0",
 						children: [
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ M("div", {
 								className: "flex flex-wrap items-center gap-2",
 								children: [
-									/* @__PURE__ */ D("span", {
-										className: "truncate text-sm font-semibold text-text-primary",
+									/* @__PURE__ */ j("button", {
+										type: "button",
+										"aria-pressed": d,
+										onClick: m,
+										className: "truncate text-left text-sm font-semibold text-text-primary hover:text-accent-primary",
 										children: e.topic
 									}),
-									/* @__PURE__ */ D(c, { status: e.status }),
-									e.rating ? /* @__PURE__ */ O("span", {
+									/* @__PURE__ */ j(l, { status: e.status }),
+									e.rating ? /* @__PURE__ */ M("span", {
 										className: "text-xs text-text-muted",
 										children: [
 											"★ ",
@@ -48,108 +59,110 @@ function I({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: i,
 									}) : null
 								]
 							}),
-							t && e.mentor?.headline ? /* @__PURE__ */ O("div", {
+							t && e.mentor?.headline ? /* @__PURE__ */ M("div", {
 								className: "mt-0.5 truncate text-xs text-text-secondary",
 								children: ["with ", e.mentor.headline]
 							}) : null,
-							/* @__PURE__ */ O("div", {
+							/* @__PURE__ */ M("div", {
 								className: "mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted",
-								children: [/* @__PURE__ */ O("span", {
+								children: [/* @__PURE__ */ M("span", {
 									className: "inline-flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ D(y, { size: 13 }),
+										/* @__PURE__ */ j(C, { size: 13 }),
 										" ",
-										o(e.scheduledAt)
+										s(e.scheduledAt)
 									]
-								}), /* @__PURE__ */ O("span", {
+								}), /* @__PURE__ */ M("span", {
 									className: "inline-flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ D(S, { size: 13 }),
+										/* @__PURE__ */ j(E, { size: 13 }),
 										" ",
-										s(e.durationMinutes)
+										c(e.durationMinutes)
 									]
 								})]
 							}),
-							e.agenda ? /* @__PURE__ */ D("p", {
+							e.agenda ? /* @__PURE__ */ j("p", {
 								className: "mt-1 line-clamp-2 text-xs text-text-secondary",
 								children: e.agenda
 							}) : null
 						]
 					})]
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "flex shrink-0 flex-wrap items-center gap-2",
 					children: [
-						e.meetingUrl ? /* @__PURE__ */ O(k, {
+						e.meetingUrl ? /* @__PURE__ */ M(N, {
 							size: "sm",
 							onClick: () => window.open(e.meetingUrl ?? "", "_blank", "noopener,noreferrer"),
-							children: [/* @__PURE__ */ D(T, { size: 15 }), " Join"]
+							children: [/* @__PURE__ */ j(k, { size: 15 }), " Join"]
 						}) : null,
-						n && e.status === "REQUESTED" ? /* @__PURE__ */ O(k, {
+						n && e.status === "REQUESTED" ? /* @__PURE__ */ M(N, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => f(d === "confirm" ? "none" : "confirm"),
-							children: [/* @__PURE__ */ D(b, { size: 15 }), " Confirm"]
+							onClick: () => {
+								p(), _(g === "confirm" ? "none" : "confirm");
+							},
+							children: [/* @__PURE__ */ j(w, { size: 15 }), " Confirm"]
 						}) : null,
-						n && e.status === "CONFIRMED" ? /* @__PURE__ */ O(k, {
+						n && e.status === "CONFIRMED" ? /* @__PURE__ */ M(N, {
 							variant: "outline",
 							size: "sm",
-							onClick: () => f(d === "complete" ? "none" : "complete"),
-							children: [/* @__PURE__ */ D(x, { size: 15 }), " Mark complete"]
+							onClick: () => {
+								p(), _(g === "complete" ? "none" : "complete");
+							},
+							children: [/* @__PURE__ */ j(T, { size: 15 }), " Mark complete"]
 						}) : null,
-						u ? /* @__PURE__ */ O(k, {
+						h ? /* @__PURE__ */ M(N, {
 							variant: "ghost",
 							size: "sm",
-							onClick: () => r(e.id),
-							disabled: l,
-							children: [/* @__PURE__ */ D(E, { size: 15 }), " Cancel"]
+							onClick: () => {
+								p(), r(e.id);
+							},
+							disabled: u,
+							children: [/* @__PURE__ */ j(A, { size: 15 }), " Cancel"]
 						}) : null
 					]
 				})]
 			}),
-			d === "confirm" ? /* @__PURE__ */ O("div", {
+			g === "confirm" ? /* @__PURE__ */ M("div", {
 				className: "flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ D(j, {
+				children: [/* @__PURE__ */ j(F, {
 					className: "flex-1",
 					placeholder: "Meeting link (e.g. https://meet.…)",
-					value: p,
-					onChange: (e) => m(e.target.value)
-				}), /* @__PURE__ */ D(k, {
+					value: v,
+					onChange: (e) => y(e.target.value)
+				}), /* @__PURE__ */ j(N, {
 					size: "sm",
-					onClick: async () => {
-						await i(e.id, p.trim()), f("none"), m("");
-					},
-					disabled: l,
+					onClick: L,
+					disabled: u,
 					children: "Confirm session"
 				})]
 			}) : null,
-			d === "complete" ? /* @__PURE__ */ O("div", {
+			g === "complete" ? /* @__PURE__ */ M("div", {
 				className: "flex flex-col gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3",
 				children: [
-					/* @__PURE__ */ O("div", {
+					/* @__PURE__ */ M("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ D("label", {
+						children: [/* @__PURE__ */ j("label", {
 							className: "text-xs text-text-secondary",
 							children: "Rating (1–5)"
-						}), /* @__PURE__ */ D(j, {
+						}), /* @__PURE__ */ j(F, {
 							type: "number",
 							min: 1,
 							max: 5,
 							className: "w-20",
-							value: h,
-							onChange: (e) => g(e.target.value)
+							value: x,
+							onChange: (e) => D(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ D(j, {
+					/* @__PURE__ */ j(F, {
 						placeholder: "Feedback for the mentee (optional)",
-						value: _,
-						onChange: (e) => C(e.target.value)
+						value: O,
+						onChange: (e) => I(e.target.value)
 					}),
-					/* @__PURE__ */ D("div", { children: /* @__PURE__ */ D(k, {
+					/* @__PURE__ */ j("div", { children: /* @__PURE__ */ j(N, {
 						size: "sm",
-						onClick: async () => {
-							await a(e.id, Math.min(5, Math.max(1, Number(h) || 5)), _.trim()), f("none");
-						},
-						disabled: l,
+						onClick: R,
+						disabled: u,
 						children: "Complete session"
 					}) })
 				]
@@ -157,185 +170,191 @@ function I({ session: e, showMentor: t, isMentor: n, onCancel: r, onConfirm: i,
 		]
 	});
 }
-function L({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, isMentor: s, onCancel: c, onConfirm: f, onComplete: p, busyId: m }) {
-	return e && n.length === 0 ? /* @__PURE__ */ D(d, {
+function V({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, isMentor: s, onCancel: c, onConfirm: l, onComplete: p, busyId: m, focusedId: h, onFocusChange: g }) {
+	return e && n.length === 0 ? /* @__PURE__ */ j(f, {
 		count: 3,
 		height: "h-24"
-	}) : t ? /* @__PURE__ */ D(u, {
+	}) : t ? /* @__PURE__ */ j(d, {
 		title: "Couldn't load sessions",
 		error: t
-	}) : n.length === 0 ? /* @__PURE__ */ D(l, {
-		icon: /* @__PURE__ */ D(C, { size: 26 }),
+	}) : n.length === 0 ? /* @__PURE__ */ j(u, {
+		icon: /* @__PURE__ */ j(D, { size: 26 }),
 		title: i,
 		description: a,
 		action: o
-	}) : /* @__PURE__ */ D("div", {
+	}) : /* @__PURE__ */ j("div", {
 		className: "space-y-3",
-		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ D(I, {
+		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ j(B, {
 			session: e,
 			showMentor: r,
 			isMentor: s,
 			onCancel: c,
-			onConfirm: f,
+			onConfirm: l,
 			onComplete: p,
-			busy: m === e.id
+			busy: m === e.id,
+			focused: h === e.id,
+			onFocusChange: g
 		}, e.id))
 	});
 }
-function R() {
-	let o = t(), { currentUser: s, workspaceId: c } = e(), { emit: u } = n(), b = r(), [S, T] = v("mentee"), [E, A] = v(null), j = s?.id, F = _(j ? { menteeId: j } : {}), I = g({}), R = I.data?.tecListMentors?.items.find((e) => e.userId === s?.id), z = R?.id, B = _(z ? { mentorId: z } : {}), [V] = p(), [H] = h(), [U] = m(), W = j ? F.data?.tecListSessions?.items ?? [] : [], G = z ? B.data?.tecListSessions?.items ?? [] : [], K = [...W, ...G], q = K.filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").length, J = K.filter((e) => e.status === "COMPLETED").length, Y = async (e) => {
-		A(e), u("technospam.session.cancel_clicked", {
+function H() {
+	let i = t(), { currentUser: s, workspaceId: c } = e(), { emit: l } = n(), d = r(), [b, w] = S("mentee"), [E, k] = S(null), [A, P] = x(y.session), F = s?.id, z = v(F ? { menteeId: F } : {}), B = _({}), H = B.data?.tecListMentors?.items.find((e) => e.userId === s?.id), U = H?.id, W = v(U ? { mentorId: U } : {}), [G] = m(), [K] = g(), [q] = h(), J = F ? z.data?.tecListSessions?.items ?? [] : [], Y = U ? W.data?.tecListSessions?.items ?? [] : [], X = [...J, ...Y], ee = X.filter((e) => e.status === "REQUESTED" || e.status === "CONFIRMED").length, te = X.filter((e) => e.status === "COMPLETED").length, Z = async (e) => {
+		k(e), l("technospam.session.cancel_clicked", {
 			workspaceId: c,
 			entityId: e,
 			entityType: "TEC_MENTOR_SESSION"
 		});
 		try {
-			(await V({ variables: { id: e } })).data?.tecCancelSession && (u("technospam.session.cancelled", {
+			(await G({ variables: { id: e } })).data?.tecCancelSession && (l("technospam.session.cancelled", {
 				workspaceId: c,
 				entityId: e,
 				entityType: "TEC_MENTOR_SESSION"
-			}), f.success("Session cancelled", "The session has been cancelled."));
+			}), p.success("Session cancelled", "The session has been cancelled."));
 		} finally {
-			A(null);
+			k(null);
 		}
-	}, X = async (e, t) => {
-		A(e);
+	}, Q = async (e, t) => {
+		k(e);
 		try {
-			(await H({ variables: {
+			(await K({ variables: {
 				id: e,
 				meetingUrl: t || void 0
-			} })).data?.tecConfirmSession && (f.success("Session confirmed", "The mentee has been notified."), await B.refetch());
+			} })).data?.tecConfirmSession && (p.success("Session confirmed", "The mentee has been notified."), await W.refetch());
 		} finally {
-			A(null);
+			k(null);
 		}
-	}, Z = async (e, t, n) => {
-		A(e), u("technospam.session.complete_clicked", {
+	}, $ = async (e, t, n) => {
+		k(e), l("technospam.session.complete_clicked", {
 			workspaceId: c,
 			entityId: e,
 			entityType: "TEC_MENTOR_SESSION"
 		});
 		try {
-			(await U({ variables: {
+			(await q({ variables: {
 				id: e,
 				rating: t,
 				feedback: n || void 0
-			} })).data?.tecCompleteSession && (u("technospam.session.completed", {
+			} })).data?.tecCompleteSession && (l("technospam.session.completed", {
 				workspaceId: c,
 				entityId: e,
 				entityType: "TEC_MENTOR_SESSION"
-			}), f.success("Session completed", "Nice work — the session is wrapped up."), await B.refetch());
+			}), p.success("Session completed", "Nice work — the session is wrapped up."), await W.refetch());
 		} finally {
-			A(null);
+			k(null);
 		}
 	};
-	return s?.id ? /* @__PURE__ */ O(i, {
+	return s?.id ? /* @__PURE__ */ M(a, {
 		hero: !0,
-		title: b("technospam.mentorship.sessionsTitle", "My Sessions"),
-		description: b("technospam.mentorship.sessionsDescription", "Manage the mentorship sessions you've booked and the ones you host."),
-		actions: /* @__PURE__ */ O(k, {
+		title: d("technospam.mentorship.sessionsTitle", "My Sessions"),
+		description: d("technospam.mentorship.sessionsDescription", "Manage the mentorship sessions you've booked and the ones you host."),
+		actions: /* @__PURE__ */ M(N, {
 			variant: "outline",
-			onClick: () => o("/mentorship/mentors-page"),
+			onClick: () => i("/mentorship/mentors-page"),
 			children: [
-				/* @__PURE__ */ D(w, { size: 16 }),
+				/* @__PURE__ */ j(O, { size: 16 }),
 				" ",
-				b("technospam.common.findMentor", "Find a mentor")
+				d("technospam.common.findMentor", "Find a mentor")
 			]
 		}),
 		children: [
-			/* @__PURE__ */ O("div", {
+			/* @__PURE__ */ M("div", {
 				className: "mb-5 grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ D(a, {
-						label: b("technospam.mentorship.statAsMentee", "As mentee"),
-						value: W.length,
-						icon: C,
+					/* @__PURE__ */ j(o, {
+						label: d("technospam.mentorship.statAsMentee", "As mentee"),
+						value: J.length,
+						icon: D,
 						tone: "blue"
 					}),
-					/* @__PURE__ */ D(a, {
-						label: b("technospam.mentorship.statAsMentor", "As mentor"),
-						value: z ? G.length : 0,
-						icon: w,
+					/* @__PURE__ */ j(o, {
+						label: d("technospam.mentorship.statAsMentor", "As mentor"),
+						value: U ? Y.length : 0,
+						icon: O,
 						tone: "purple"
 					}),
-					/* @__PURE__ */ D(a, {
-						label: b("technospam.mentorship.statUpcoming", "Upcoming"),
-						value: q,
-						icon: y,
+					/* @__PURE__ */ j(o, {
+						label: d("technospam.mentorship.statUpcoming", "Upcoming"),
+						value: ee,
+						icon: C,
 						tone: "teal"
 					}),
-					/* @__PURE__ */ D(a, {
-						label: b("technospam.mentorship.statCompleted", "Completed"),
-						value: J,
-						icon: x,
+					/* @__PURE__ */ j(o, {
+						label: d("technospam.mentorship.statCompleted", "Completed"),
+						value: te,
+						icon: T,
 						tone: "green"
 					})
 				]
 			}),
-			/* @__PURE__ */ D(M, {
-				value: S,
-				onValueChange: (e) => T(e),
+			/* @__PURE__ */ j(I, {
+				value: b,
+				onValueChange: (e) => w(e),
 				className: "mb-4",
-				children: /* @__PURE__ */ O(N, { children: [/* @__PURE__ */ D(P, {
+				children: /* @__PURE__ */ M(L, { children: [/* @__PURE__ */ j(R, {
 					value: "mentee",
-					children: b("technospam.mentorship.tabAsMentee", "As mentee")
-				}), /* @__PURE__ */ D(P, {
+					children: d("technospam.mentorship.tabAsMentee", "As mentee")
+				}), /* @__PURE__ */ j(R, {
 					value: "mentor",
-					children: b("technospam.mentorship.tabAsMentor", "As mentor")
+					children: d("technospam.mentorship.tabAsMentor", "As mentor")
 				})] })
 			}),
-			S === "mentee" ? /* @__PURE__ */ D(L, {
-				loading: F.loading,
-				error: F.error,
-				sessions: W,
+			b === "mentee" ? /* @__PURE__ */ j(V, {
+				loading: z.loading,
+				error: z.error,
+				sessions: J,
 				showMentor: !0,
-				emptyTitle: b("technospam.mentorship.noSessionsBookedTitle", "No sessions booked yet"),
-				emptyDescription: b("technospam.mentorship.noSessionsBookedDesc", "Find a mentor and request a session to get personalized guidance."),
-				emptyAction: /* @__PURE__ */ D(k, {
-					onClick: () => o("/mentorship/mentors-page"),
-					children: b("technospam.common.findMentor", "Find a mentor")
+				emptyTitle: d("technospam.mentorship.noSessionsBookedTitle", "No sessions booked yet"),
+				emptyDescription: d("technospam.mentorship.noSessionsBookedDesc", "Find a mentor and request a session to get personalized guidance."),
+				emptyAction: /* @__PURE__ */ j(N, {
+					onClick: () => i("/mentorship/mentors-page"),
+					children: d("technospam.common.findMentor", "Find a mentor")
 				}),
 				isMentor: !1,
-				onCancel: Y,
-				onConfirm: X,
-				onComplete: Z,
-				busyId: E
-			}) : I.loading && !R ? /* @__PURE__ */ D(d, {
+				onCancel: Z,
+				onConfirm: Q,
+				onComplete: $,
+				busyId: E,
+				focusedId: A,
+				onFocusChange: P
+			}) : B.loading && !H ? /* @__PURE__ */ j(f, {
 				count: 3,
 				height: "h-24"
-			}) : z ? /* @__PURE__ */ D(L, {
-				loading: B.loading,
-				error: B.error,
-				sessions: G,
+			}) : U ? /* @__PURE__ */ j(V, {
+				loading: W.loading,
+				error: W.error,
+				sessions: Y,
 				showMentor: !1,
-				emptyTitle: b("technospam.mentorship.noSessionsToHostTitle", "No sessions to host yet"),
-				emptyDescription: b("technospam.mentorship.noSessionsToHostDesc", "When mentees request time with you, their sessions will show up here."),
+				emptyTitle: d("technospam.mentorship.noSessionsToHostTitle", "No sessions to host yet"),
+				emptyDescription: d("technospam.mentorship.noSessionsToHostDesc", "When mentees request time with you, their sessions will show up here."),
 				isMentor: !0,
-				onCancel: Y,
-				onConfirm: X,
-				onComplete: Z,
-				busyId: E
-			}) : /* @__PURE__ */ D(l, {
-				icon: /* @__PURE__ */ D(w, { size: 26 }),
-				title: b("technospam.mentorship.notAMentorTitle", "You're not a mentor yet"),
-				description: b("technospam.mentorship.notAMentorDesc", "Create a mentor profile to start hosting sessions and helping others build."),
-				action: /* @__PURE__ */ D(k, {
-					onClick: () => o("/mentorship/mentors-page"),
-					children: b("technospam.common.becomeAMentor", "Become a mentor")
+				onCancel: Z,
+				onConfirm: Q,
+				onComplete: $,
+				busyId: E,
+				focusedId: A,
+				onFocusChange: P
+			}) : /* @__PURE__ */ j(u, {
+				icon: /* @__PURE__ */ j(O, { size: 26 }),
+				title: d("technospam.mentorship.notAMentorTitle", "You're not a mentor yet"),
+				description: d("technospam.mentorship.notAMentorDesc", "Create a mentor profile to start hosting sessions and helping others build."),
+				action: /* @__PURE__ */ j(N, {
+					onClick: () => i("/mentorship/mentors-page"),
+					children: d("technospam.common.becomeAMentor", "Become a mentor")
 				})
 			})
 		]
-	}) : /* @__PURE__ */ D(i, {
+	}) : /* @__PURE__ */ j(a, {
 		hero: !0,
-		title: b("technospam.mentorship.sessionsTitle", "My Sessions"),
-		description: b("technospam.mentorship.sessionsDescription", "Track your mentorship sessions."),
-		children: /* @__PURE__ */ D(l, {
-			icon: /* @__PURE__ */ D(C, { size: 26 }),
-			title: b("technospam.mentorship.signInTitle", "Sign in to view your sessions"),
-			description: b("technospam.mentorship.signInDesc", "Your booked and hosted mentorship sessions will appear here once you're signed in.")
+		title: d("technospam.mentorship.sessionsTitle", "My Sessions"),
+		description: d("technospam.mentorship.sessionsDescription", "Track your mentorship sessions."),
+		children: /* @__PURE__ */ j(u, {
+			icon: /* @__PURE__ */ j(D, { size: 26 }),
+			title: d("technospam.mentorship.signInTitle", "Sign in to view your sessions"),
+			description: d("technospam.mentorship.signInDesc", "Your booked and hosted mentorship sessions will appear here once you're signed in.")
 		})
 	});
 }
 //#endregion
-export { R as MentorshipSessionsPagePage };
+export { H as MentorshipSessionsPagePage };
 
 //# sourceMappingURL=MentorshipSessionsPagePage.js.map