@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/MentorshipSessionsPagePage.js

@@ -1,170 +1,194 @@
-import { useState as e } from "react";
-import { Calendar as t, Clock as n, MessageSquare as r, User as i, Video as a } from "lucide-react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Badge as c, Button as l, Card as u, CardContent as d } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as n } from "../components/PageLayout.js";
+import { StatCard as r } from "../components/StatCard.js";
+import { formatDateTime as i, formatDuration as a } from "../utils/format.js";
+import { StatusBadge as o } from "../components/StatusBadge.js";
+import { EmptyView as s, ErrorView as c, LoadingRows as l } from "../components/StateViews.js";
+import "../components/index.js";
+import { notify as u } from "../lib/toast.js";
+import { useCancelSession as d, useMentorsQuery as f, useSessionsQuery as p } from "../api/technospamApi.js";
+import { useState as m } from "react";
+import { CalendarClock as h, Clock as g, MessageSquare as _, Users as v, Video as y, X as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Button as C, GlassCard as w, Tabs as T, TabsList as E, TabsTrigger as D } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/MentorshipSessionsPagePage.tsx
-var f = [
-	{
-		id: 1,
-		mentorName: "Sarah Chen",
-		topic: "System Design Review",
-		date: "2026-02-12T10:00:00Z",
-		duration: 60,
-		status: "upcoming",
-		type: "video"
-	},
-	{
-		id: 2,
-		mentorName: "Dr. Priya Sharma",
-		topic: "ML Pipeline Discussion",
-		date: "2026-02-14T14:00:00Z",
-		duration: 45,
-		status: "upcoming",
-		type: "video"
-	},
-	{
-		id: 3,
-		mentorName: "Alex Morgan",
-		topic: "Career Path Planning",
-		date: "2026-02-05T11:00:00Z",
-		duration: 60,
-		status: "completed",
-		type: "video",
-		rating: 5,
-		notes: "Great session on career transition strategies"
-	},
-	{
-		id: 4,
-		mentorName: "James Rodriguez",
-		topic: "Deep Learning Basics",
-		date: "2026-01-28T15:00:00Z",
-		duration: 45,
-		status: "completed",
-		type: "chat",
-		rating: 4,
-		notes: "Covered CNN architectures and transfer learning"
-	},
-	{
-		id: 5,
-		mentorName: "Emily Davis",
-		topic: "Microservices Architecture",
-		date: "2026-01-20T09:00:00Z",
-		duration: 60,
-		status: "completed",
-		type: "video",
-		rating: 5,
-		notes: "Discussed event-driven patterns and Kafka"
-	}
-];
-function p() {
-	let [p, m] = e("upcoming"), h = f.filter((e) => e.status === p);
-	return /* @__PURE__ */ s("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
-				className: "text-2xl font-semibold text-foreground",
-				children: "My Sessions"
-			}), /* @__PURE__ */ o("p", {
-				className: "text-sm text-muted-foreground",
-				children: "Manage your mentorship sessions"
-			})] }),
-			/* @__PURE__ */ s("div", {
-				className: "flex gap-2 border-b border-border pb-2",
-				children: [/* @__PURE__ */ s(l, {
-					variant: p === "upcoming" ? "default" : "ghost",
-					size: "sm",
-					onClick: () => m("upcoming"),
-					children: [
-						"Upcoming (",
-						f.filter((e) => e.status === "upcoming").length,
-						")"
-					]
-				}), /* @__PURE__ */ s(l, {
-					variant: p === "completed" ? "default" : "ghost",
-					size: "sm",
-					onClick: () => m("completed"),
-					children: [
-						"Completed (",
-						f.filter((e) => e.status === "completed").length,
-						")"
-					]
-				})]
-			}),
-			h.length === 0 ? /* @__PURE__ */ s("div", {
-				className: "py-12 text-center text-sm text-muted-foreground",
+var O = new Set(["REQUESTED", "CONFIRMED"]);
+function k({ session: e, showMentor: t, onCancel: n, cancelling: r }) {
+	let s = O.has(e.status);
+	return /* @__PURE__ */ S(w, {
+		className: "flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between",
+		children: [/* @__PURE__ */ S("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ x("span", {
+				className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-primary",
+				children: /* @__PURE__ */ x(y, { size: 18 })
+			}), /* @__PURE__ */ S("div", {
+				className: "min-w-0",
 				children: [
-					"No ",
-					p,
-					" sessions"
-				]
-			}) : /* @__PURE__ */ o("div", {
-				className: "space-y-4",
-				children: h.map((e) => /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(d, {
-					className: "flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between",
-					children: [/* @__PURE__ */ s("div", {
-						className: "flex items-start gap-4",
-						children: [/* @__PURE__ */ o("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted",
-							children: /* @__PURE__ */ o(i, { className: "h-5 w-5 text-muted-foreground" })
-						}), /* @__PURE__ */ s("div", {
-							className: "space-y-1",
+					/* @__PURE__ */ S("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ x("span", {
+							className: "truncate text-sm font-semibold text-text-primary",
+							children: e.topic
+						}), /* @__PURE__ */ x(o, { status: e.status })]
+					}),
+					t && e.mentor?.headline ? /* @__PURE__ */ S("div", {
+						className: "mt-0.5 truncate text-xs text-text-secondary",
+						children: ["with ", e.mentor.headline]
+					}) : null,
+					/* @__PURE__ */ S("div", {
+						className: "mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted",
+						children: [/* @__PURE__ */ S("span", {
+							className: "inline-flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ o("p", {
-									className: "text-sm font-medium",
-									children: e.topic
-								}),
-								/* @__PURE__ */ s("p", {
-									className: "text-xs text-muted-foreground",
-									children: ["with ", e.mentorName]
-								}),
-								/* @__PURE__ */ s("div", {
-									className: "flex items-center gap-3 text-xs text-muted-foreground",
-									children: [
-										/* @__PURE__ */ s("span", {
-											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ o(t, { className: "h-3 w-3" }), new Date(e.date).toLocaleDateString()]
-										}),
-										/* @__PURE__ */ s("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ o(n, { className: "h-3 w-3" }),
-												e.duration,
-												"min"
-											]
-										}),
-										/* @__PURE__ */ s("span", {
-											className: "flex items-center gap-1",
-											children: [e.type === "video" ? /* @__PURE__ */ o(a, { className: "h-3 w-3" }) : /* @__PURE__ */ o(r, { className: "h-3 w-3" }), e.type]
-										})
-									]
-								}),
-								"notes" in e && e.notes && /* @__PURE__ */ o("p", {
-									className: "text-xs text-muted-foreground italic",
-									children: e.notes
-								})
+								/* @__PURE__ */ x(h, { size: 13 }),
+								" ",
+								i(e.scheduledAt)
+							]
+						}), /* @__PURE__ */ S("span", {
+							className: "inline-flex items-center gap-1",
+							children: [
+								/* @__PURE__ */ x(g, { size: 13 }),
+								" ",
+								a(e.durationMinutes)
 							]
 						})]
-					}), /* @__PURE__ */ s("div", {
-						className: "flex items-center gap-2",
-						children: ["rating" in e && e.rating && /* @__PURE__ */ o(c, {
-							variant: "secondary",
-							className: "text-xs",
-							children: "★".repeat(e.rating)
-						}), e.status === "upcoming" ? /* @__PURE__ */ o(l, {
-							size: "sm",
-							children: "Join Session"
-						}) : /* @__PURE__ */ o(l, {
-							variant: "outline",
-							size: "sm",
-							children: "View Notes"
-						})]
-					})]
-				}) }, e.id))
+					}),
+					e.agenda ? /* @__PURE__ */ x("p", {
+						className: "mt-1 line-clamp-2 text-xs text-text-secondary",
+						children: e.agenda
+					}) : null
+				]
+			})]
+		}), /* @__PURE__ */ S("div", {
+			className: "flex shrink-0 items-center gap-2",
+			children: [e.meetingUrl ? /* @__PURE__ */ S(C, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => window.open(e.meetingUrl ?? "", "_blank", "noopener,noreferrer"),
+				children: [/* @__PURE__ */ x(y, { size: 15 }), " Join"]
+			}) : null, s ? /* @__PURE__ */ S(C, {
+				variant: "ghost",
+				size: "sm",
+				onClick: () => n(e.id),
+				disabled: r,
+				children: [/* @__PURE__ */ x(b, { size: 15 }), " Cancel"]
+			}) : null]
+		})]
+	});
+}
+function A({ loading: e, error: t, sessions: n, showMentor: r, emptyTitle: i, emptyDescription: a, emptyAction: o, onCancel: u, cancellingId: d }) {
+	return e && n.length === 0 ? /* @__PURE__ */ x(l, {
+		count: 3,
+		height: "h-24"
+	}) : t ? /* @__PURE__ */ x(c, {
+		title: "Couldn't load sessions",
+		error: t
+	}) : n.length === 0 ? /* @__PURE__ */ x(s, {
+		icon: /* @__PURE__ */ x(_, { size: 26 }),
+		title: i,
+		description: a,
+		action: o
+	}) : /* @__PURE__ */ x("div", {
+		className: "space-y-3",
+		children: [...n].sort((e, t) => new Date(t.scheduledAt).getTime() - new Date(e.scheduledAt).getTime()).map((e) => /* @__PURE__ */ x(k, {
+			session: e,
+			showMentor: r,
+			onCancel: u,
+			cancelling: d === e.id
+		}, e.id))
+	});
+}
+function j() {
+	let i = t(), { currentUser: a } = e(), [o, c] = m("mentee"), [h, g] = m(null), y = a?.id, b = p(y ? { menteeId: y } : {}), w = f({}), O = w.data?.tecListMentors.items.find((e) => e.userId === a?.id), k = O?.id, j = p(k ? { mentorId: k } : {}), [M] = d(), N = y ? b.data?.tecListSessions ?? [] : [], P = k ? j.data?.tecListSessions ?? [] : [], F = async (e) => {
+		g(e);
+		try {
+			(await M({ variables: { id: e } })).data?.tecCancelSession && u.success("Session cancelled", "The session has been cancelled.");
+		} finally {
+			g(null);
+		}
+	};
+	return a?.id ? /* @__PURE__ */ S(n, {
+		hero: !0,
+		title: "My Sessions",
+		description: "Manage the mentorship sessions you've booked and the ones you host.",
+		actions: /* @__PURE__ */ S(C, {
+			variant: "outline",
+			onClick: () => i("/mentorship/mentors-page"),
+			children: [/* @__PURE__ */ x(v, { size: 16 }), " Find a mentor"]
+		}),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "mb-5 grid grid-cols-2 gap-3 sm:max-w-md",
+				children: [/* @__PURE__ */ x(r, {
+					label: "As mentee",
+					value: N.length,
+					icon: _
+				}), /* @__PURE__ */ x(r, {
+					label: "As mentor",
+					value: k ? P.length : 0,
+					icon: v
+				})]
+			}),
+			/* @__PURE__ */ x(T, {
+				value: o,
+				onValueChange: (e) => c(e),
+				className: "mb-4",
+				children: /* @__PURE__ */ S(E, { children: [/* @__PURE__ */ x(D, {
+					value: "mentee",
+					children: "As mentee"
+				}), /* @__PURE__ */ x(D, {
+					value: "mentor",
+					children: "As mentor"
+				})] })
+			}),
+			o === "mentee" ? /* @__PURE__ */ x(A, {
+				loading: b.loading,
+				error: b.error,
+				sessions: N,
+				showMentor: !0,
+				emptyTitle: "No sessions booked yet",
+				emptyDescription: "Find a mentor and request a session to get personalized guidance.",
+				emptyAction: /* @__PURE__ */ x(C, {
+					onClick: () => i("/mentorship/mentors-page"),
+					children: "Find a mentor"
+				}),
+				onCancel: F,
+				cancellingId: h
+			}) : w.loading && !O ? /* @__PURE__ */ x(l, {
+				count: 3,
+				height: "h-24"
+			}) : k ? /* @__PURE__ */ x(A, {
+				loading: j.loading,
+				error: j.error,
+				sessions: P,
+				showMentor: !1,
+				emptyTitle: "No sessions to host yet",
+				emptyDescription: "When mentees request time with you, their sessions will show up here.",
+				onCancel: F,
+				cancellingId: h
+			}) : /* @__PURE__ */ x(s, {
+				icon: /* @__PURE__ */ x(v, { size: 26 }),
+				title: "You're not a mentor yet",
+				description: "Create a mentor profile to start hosting sessions and helping others build.",
+				action: /* @__PURE__ */ x(C, {
+					onClick: () => i("/mentorship/mentors-page"),
+					children: "Become a mentor"
+				})
 			})
 		]
+	}) : /* @__PURE__ */ x(n, {
+		hero: !0,
+		title: "My Sessions",
+		description: "Track your mentorship sessions.",
+		children: /* @__PURE__ */ x(s, {
+			icon: /* @__PURE__ */ x(_, { size: 26 }),
+			title: "Sign in to view your sessions",
+			description: "Your booked and hosted mentorship sessions will appear here once you're signed in."
+		})
 	});
 }
 //#endregion
-export { p as MentorshipSessionsPagePage };
+export { j as MentorshipSessionsPagePage };
 
 //# sourceMappingURL=MentorshipSessionsPagePage.js.map

package/dist/technospam/pages/MentorshipSessionsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentorshipSessionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipSessionsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Clock, User, Video, MessageSquare } from 'lucide-react';\n\ntype TabFilter = 'upcoming' | 'completed';\n\nconst mockSessions = [\n  {\n    id: 1,\n    mentorName: 'Sarah Chen',\n    topic: 'System Design Review',\n    date: '2026-02-12T10:00:00Z',\n    duration: 60,\n    status: 'upcoming',\n    type: 'video',\n  },\n  {\n    id: 2,\n    mentorName: 'Dr. Priya Sharma',\n    topic: 'ML Pipeline Discussion',\n    date: '2026-02-14T14:00:00Z',\n    duration: 45,\n    status: 'upcoming',\n    type: 'video',\n  },\n  {\n    id: 3,\n    mentorName: 'Alex Morgan',\n    topic: 'Career Path Planning',\n    date: '2026-02-05T11:00:00Z',\n    duration: 60,\n    status: 'completed',\n    type: 'video',\n    rating: 5,\n    notes: 'Great session on career transition strategies',\n  },\n  {\n    id: 4,\n    mentorName: 'James Rodriguez',\n    topic: 'Deep Learning Basics',\n    date: '2026-01-28T15:00:00Z',\n    duration: 45,\n    status: 'completed',\n    type: 'chat',\n    rating: 4,\n    notes: 'Covered CNN architectures and transfer learning',\n  },\n  {\n    id: 5,\n    mentorName: 'Emily Davis',\n    topic: 'Microservices Architecture',\n    date: '2026-01-20T09:00:00Z',\n    duration: 60,\n    status: 'completed',\n    type: 'video',\n    rating: 5,\n    notes: 'Discussed event-driven patterns and Kafka',\n  },\n];\n\nexport function MentorshipSessionsPagePage() {\n  const [activeTab, setActiveTab] = useState<TabFilter>('upcoming');\n\n  const filteredSessions = mockSessions.filter((s) => s.status === activeTab);\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold text-foreground\">My Sessions</h1>\n        <p className=\"text-sm text-muted-foreground\">Manage your mentorship sessions</p>\n      </div>\n\n      <div className=\"flex gap-2 border-b border-border pb-2\">\n        <Button\n          variant={activeTab === 'upcoming' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('upcoming')}\n        >\n          Upcoming ({mockSessions.filter((s) => s.status === 'upcoming').length})\n        </Button>\n        <Button\n          variant={activeTab === 'completed' ? 'default' : 'ghost'}\n          size=\"sm\"\n          onClick={() => setActiveTab('completed')}\n        >\n          Completed ({mockSessions.filter((s) => s.status === 'completed').length})\n        </Button>\n      </div>\n\n      {filteredSessions.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No {activeTab} sessions\n        </div>\n      ) : (\n        <div className=\"space-y-4\">\n          {filteredSessions.map((session) => (\n            <Card key={session.id}>\n              <CardContent className=\"flex flex-col gap-4 p-4 sm:flex-row sm:items-center sm:justify-between\">\n                <div className=\"flex items-start gap-4\">\n                  <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted\">\n                    <User className=\"h-5 w-5 text-muted-foreground\" />\n                  </div>\n                  <div className=\"space-y-1\">\n                    <p className=\"text-sm font-medium\">{session.topic}</p>\n                    <p className=\"text-xs text-muted-foreground\">with {session.mentorName}</p>\n                    <div className=\"flex items-center gap-3 text-xs text-muted-foreground\">\n                      <span className=\"flex items-center gap-1\">\n                        <Calendar className=\"h-3 w-3\" />\n                        {new Date(session.date).toLocaleDateString()}\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {session.duration}min\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        {session.type === 'video' ? (\n                          <Video className=\"h-3 w-3\" />\n                        ) : (\n                          <MessageSquare className=\"h-3 w-3\" />\n                        )}\n                        {session.type}\n                      </span>\n                    </div>\n                    {'notes' in session && session.notes && (\n                      <p className=\"text-xs text-muted-foreground italic\">{session.notes}</p>\n                    )}\n                  </div>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  {'rating' in session && session.rating && (\n                    <Badge variant=\"secondary\" className=\"text-xs\">\n                      {'★'.repeat(session.rating as number)}\n                    </Badge>\n                  )}\n                  {session.status === 'upcoming' ? (\n                    <Button size=\"sm\">Join Session</Button>\n                  ) : (\n                    <Button variant=\"outline\" size=\"sm\">\n                      View Notes\n                    </Button>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAe;CACnB;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACP;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACP;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACD;EACE,IAAI;EACJ,YAAY;EACZ,OAAO;EACP,MAAM;EACN,UAAU;EACV,QAAQ;EACR,MAAM;EACN,QAAQ;EACR,OAAO;EACR;CACF;AAED,SAAgB,IAA6B;CAC3C,IAAM,CAAC,GAAW,KAAgB,EAAoB,WAAW,EAE3D,IAAmB,EAAa,QAAQ,MAAM,EAAE,WAAW,EAAU;AAE3E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyC;IAAgB,CAAA,EACvE,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAAmC,CAAA,CAC5E,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KACE,SAAS,MAAc,aAAa,YAAY;KAChD,MAAK;KACL,eAAe,EAAa,WAAW;eAHzC;MAIC;MACY,EAAa,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC;MAAO;MAC/D;QACT,kBAAC,GAAD;KACE,SAAS,MAAc,cAAc,YAAY;KACjD,MAAK;KACL,eAAe,EAAa,YAAY;eAH1C;MAIC;MACa,EAAa,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC;MAAO;MACjE;OACL;;GAEL,EAAiB,WAAW,IAC3B,kBAAC,OAAD;IAAK,WAAU;cAAf;KAAiE;KAC3D;KAAU;KACV;QAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAiB,KAAK,MACrB,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAM,WAAU,iCAAkC,CAAA;OAC9C,CAAA,EACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAQ;SAAU,CAAA;QACtD,kBAAC,KAAD;SAAG,WAAU;mBAAb,CAA6C,SAAM,EAAQ,WAAe;;QAC1E,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,IAAI,KAAK,EAAQ,KAAK,CAAC,oBAAoB,CACvC;;UACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;YAC5B,EAAQ;YAAS;YACb;;UACP,kBAAC,QAAD;WAAM,WAAU;qBAAhB,CACG,EAAQ,SAAS,UAChB,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA,GAE7B,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EAEtC,EAAQ,KACJ;;UACH;;QACL,WAAW,KAAW,EAAQ,SAC7B,kBAAC,KAAD;SAAG,WAAU;mBAAwC,EAAQ;SAAU,CAAA;QAErE;SACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,YAAY,KAAW,EAAQ,UAC9B,kBAAC,GAAD;OAAO,SAAQ;OAAY,WAAU;iBAClC,IAAI,OAAO,EAAQ,OAAiB;OAC/B,CAAA,EAET,EAAQ,WAAW,aAClB,kBAAC,GAAD;OAAQ,MAAK;iBAAK;OAAqB,CAAA,GAEvC,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;iBAAK;OAE3B,CAAA,CAEP;QACM;QACT,EA/CI,EAAQ,GA+CZ,CACP;IACE,CAAA;GAEJ"}
+{"version":3,"file":"MentorshipSessionsPagePage.js","names":[],"sources":["../../../src/technospam/pages/MentorshipSessionsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { CalendarClock, Clock, MessageSquare, Users, Video, X } from 'lucide-react';\nimport { Button, GlassCard, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingRows,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpam, useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useCancelSession,\n  useMentorsQuery,\n  useSessionsQuery,\n  type TecMentorSession,\n} from '../api/technospamApi';\nimport { formatDateTime, formatDuration } from '../utils/format';\nimport { notify } from '../lib/toast';\n\ntype Perspective = 'mentee' | 'mentor';\n\nconst CANCELLABLE = new Set(['REQUESTED', 'CONFIRMED']);\n\nfunction SessionRow({\n  session,\n  showMentor,\n  onCancel,\n  cancelling,\n}: {\n  session: TecMentorSession;\n  showMentor: boolean;\n  onCancel: (id: string) => void;\n  cancelling: boolean;\n}) {\n  const canCancel = CANCELLABLE.has(session.status);\n  return (\n    <GlassCard className=\"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between\">\n      <div className=\"flex items-start gap-3\">\n        <span className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-accent-wash text-accent-primary\">\n          <Video size={18} />\n        </span>\n        <div className=\"min-w-0\">\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <span className=\"truncate text-sm font-semibold text-text-primary\">\n              {session.topic}\n            </span>\n            <StatusBadge status={session.status} />\n          </div>\n          {showMentor && session.mentor?.headline ? (\n            <div className=\"mt-0.5 truncate text-xs text-text-secondary\">\n              with {session.mentor.headline}\n            </div>\n          ) : null}\n          <div className=\"mt-1 flex flex-wrap items-center gap-3 text-xs text-text-muted\">\n            <span className=\"inline-flex items-center gap-1\">\n              <CalendarClock size={13} /> {formatDateTime(session.scheduledAt)}\n            </span>\n            <span className=\"inline-flex items-center gap-1\">\n              <Clock size={13} /> {formatDuration(session.durationMinutes)}\n            </span>\n          </div>\n          {session.agenda ? (\n            <p className=\"mt-1 line-clamp-2 text-xs text-text-secondary\">{session.agenda}</p>\n          ) : null}\n        </div>\n      </div>\n      <div className=\"flex shrink-0 items-center gap-2\">\n        {session.meetingUrl ? (\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => window.open(session.meetingUrl ?? '', '_blank', 'noopener,noreferrer')}\n          >\n            <Video size={15} /> Join\n          </Button>\n        ) : null}\n        {canCancel ? (\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => onCancel(session.id)}\n            disabled={cancelling}\n          >\n            <X size={15} /> Cancel\n          </Button>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nfunction SessionsList({\n  loading,\n  error,\n  sessions,\n  showMentor,\n  emptyTitle,\n  emptyDescription,\n  emptyAction,\n  onCancel,\n  cancellingId,\n}: {\n  loading: boolean;\n  error?: { message?: string };\n  sessions: TecMentorSession[];\n  showMentor: boolean;\n  emptyTitle: string;\n  emptyDescription: string;\n  emptyAction?: React.ReactNode;\n  onCancel: (id: string) => void;\n  cancellingId: string | null;\n}) {\n  if (loading && sessions.length === 0) return <LoadingRows count={3} height=\"h-24\" />;\n  if (error) return <ErrorView title=\"Couldn't load sessions\" error={error} />;\n  if (sessions.length === 0) {\n    return (\n      <EmptyView\n        icon={<MessageSquare size={26} />}\n        title={emptyTitle}\n        description={emptyDescription}\n        action={emptyAction}\n      />\n    );\n  }\n  const sorted = [...sessions].sort(\n    (a, b) => new Date(b.scheduledAt).getTime() - new Date(a.scheduledAt).getTime()\n  );\n  return (\n    <div className=\"space-y-3\">\n      {sorted.map((session) => (\n        <SessionRow\n          key={session.id}\n          session={session}\n          showMentor={showMentor}\n          onCancel={onCancel}\n          cancelling={cancellingId === session.id}\n        />\n      ))}\n    </div>\n  );\n}\n\nexport function MentorshipSessionsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const { currentUser } = useTechnoSpam();\n  const [tab, setTab] = useState<Perspective>('mentee');\n  const [cancellingId, setCancellingId] = useState<string | null>(null);\n\n  const menteeId = currentUser?.id;\n\n  // As mentee: sessions the current user booked.\n  const menteeQ = useSessionsQuery(menteeId ? { menteeId } : {});\n\n  // Resolve whether the current user is a mentor, to load their mentor sessions.\n  const mentorsQ = useMentorsQuery({});\n  const myMentor = mentorsQ.data?.tecListMentors.items.find((m) => m.userId === currentUser?.id);\n  const mentorId = myMentor?.id;\n  const mentorQ = useSessionsQuery(mentorId ? { mentorId } : {});\n\n  const [cancelSession] = useCancelSession();\n\n  const menteeSessions = menteeId ? (menteeQ.data?.tecListSessions ?? []) : [];\n  const mentorSessions = mentorId ? (mentorQ.data?.tecListSessions ?? []) : [];\n\n  const handleCancel = async (id: string) => {\n    setCancellingId(id);\n    try {\n      const res = await cancelSession({ variables: { id } });\n      if (res.data?.tecCancelSession) {\n        notify.success('Session cancelled', 'The session has been cancelled.');\n      }\n    } finally {\n      setCancellingId(null);\n    }\n  };\n\n  if (!currentUser?.id) {\n    return (\n      <PageLayout hero title=\"My Sessions\" description=\"Track your mentorship sessions.\">\n        <EmptyView\n          icon={<MessageSquare size={26} />}\n          title=\"Sign in to view your sessions\"\n          description=\"Your booked and hosted mentorship sessions will appear here once you're signed in.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      title=\"My Sessions\"\n      description=\"Manage the mentorship sessions you've booked and the ones you host.\"\n      actions={\n        <Button variant=\"outline\" onClick={() => navigate('/mentorship/mentors-page')}>\n          <Users size={16} /> Find a mentor\n        </Button>\n      }\n    >\n      <div className=\"mb-5 grid grid-cols-2 gap-3 sm:max-w-md\">\n        <StatCard label=\"As mentee\" value={menteeSessions.length} icon={MessageSquare} />\n        <StatCard label=\"As mentor\" value={mentorId ? mentorSessions.length : 0} icon={Users} />\n      </div>\n\n      <Tabs value={tab} onValueChange={(v) => setTab(v as Perspective)} className=\"mb-4\">\n        <TabsList>\n          <TabsTrigger value=\"mentee\">As mentee</TabsTrigger>\n          <TabsTrigger value=\"mentor\">As mentor</TabsTrigger>\n        </TabsList>\n      </Tabs>\n\n      {tab === 'mentee' ? (\n        <SessionsList\n          loading={menteeQ.loading}\n          error={menteeQ.error}\n          sessions={menteeSessions}\n          showMentor\n          emptyTitle=\"No sessions booked yet\"\n          emptyDescription=\"Find a mentor and request a session to get personalized guidance.\"\n          emptyAction={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Find a mentor</Button>\n          }\n          onCancel={handleCancel}\n          cancellingId={cancellingId}\n        />\n      ) : mentorsQ.loading && !myMentor ? (\n        <LoadingRows count={3} height=\"h-24\" />\n      ) : !mentorId ? (\n        <EmptyView\n          icon={<Users size={26} />}\n          title=\"You're not a mentor yet\"\n          description=\"Create a mentor profile to start hosting sessions and helping others build.\"\n          action={\n            <Button onClick={() => navigate('/mentorship/mentors-page')}>Become a mentor</Button>\n          }\n        />\n      ) : (\n        <SessionsList\n          loading={mentorQ.loading}\n          error={mentorQ.error}\n          sessions={mentorSessions}\n          showMentor={false}\n          emptyTitle=\"No sessions to host yet\"\n          emptyDescription=\"When mentees request time with you, their sessions will show up here.\"\n          onCancel={handleCancel}\n          cancellingId={cancellingId}\n        />\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAM,IAAc,IAAI,IAAI,CAAC,aAAa,YAAY,CAAC;AAEvD,SAAS,EAAW,EAClB,YACA,eACA,aACA,iBAMC;CACD,IAAM,IAAY,EAAY,IAAI,EAAQ,OAAO;AACjD,QACE,kBAAC,GAAD;EAAW,WAAU;YAArB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,QAAD;IAAM,WAAU;cACd,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACd,CAAA,EACP,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAQ;OACJ,CAAA,EACP,kBAAC,GAAD,EAAa,QAAQ,EAAQ,QAAU,CAAA,CACnC;;KACL,KAAc,EAAQ,QAAQ,WAC7B,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAA6D,SACrD,EAAQ,OAAO,SACjB;UACJ;KACJ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;;QAAE,EAAe,EAAQ,YAAY;QAC3D;UACP,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;;QAAE,EAAe,EAAQ,gBAAgB;QACvD;SACH;;KACL,EAAQ,SACP,kBAAC,KAAD;MAAG,WAAU;gBAAiD,EAAQ;MAAW,CAAA,GAC/E;KACA;MACF;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAQ,aACP,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,OAAO,KAAK,EAAQ,cAAc,IAAI,UAAU,sBAAsB;cAHvF,CAKE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,QACZ;QACP,MACH,IACC,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,EAAS,EAAQ,GAAG;IACnC,UAAU;cAJZ,CAME,kBAAC,GAAD,EAAG,MAAM,IAAM,CAAA,EAAA,UACR;QACP,KACA;KACI;;;AAIhB,SAAS,EAAa,EACpB,YACA,UACA,aACA,eACA,eACA,qBACA,gBACA,aACA,mBAWC;AAgBD,QAfI,KAAW,EAAS,WAAW,IAAU,kBAAC,GAAD;EAAa,OAAO;EAAG,QAAO;EAAS,CAAA,GAChF,IAAc,kBAAC,GAAD;EAAW,OAAM;EAAgC;EAAS,CAAA,GACxE,EAAS,WAAW,IAEpB,kBAAC,GAAD;EACE,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;EACjC,OAAO;EACP,aAAa;EACb,QAAQ;EACR,CAAA,GAOJ,kBAAC,OAAD;EAAK,WAAU;YAJF,CAAC,GAAG,EAAS,CAAC,MAC1B,GAAG,MAAM,IAAI,KAAK,EAAE,YAAY,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,YAAY,CAAC,SAAS,CAChF,CAGW,KAAK,MACX,kBAAC,GAAD;GAEW;GACG;GACF;GACV,YAAY,MAAiB,EAAQ;GACrC,EALK,EAAQ,GAKb,CACF;EACE,CAAA;;AAIV,SAAgB,IAA6B;CAC3C,IAAM,IAAW,GAAuB,EAClC,EAAE,mBAAgB,GAAe,EACjC,CAAC,GAAK,KAAU,EAAsB,SAAS,EAC/C,CAAC,GAAc,KAAmB,EAAwB,KAAK,EAE/D,IAAW,GAAa,IAGxB,IAAU,EAAiB,IAAW,EAAE,aAAU,GAAG,EAAE,CAAC,EAGxD,IAAW,EAAgB,EAAE,CAAC,EAC9B,IAAW,EAAS,MAAM,eAAe,MAAM,MAAM,MAAM,EAAE,WAAW,GAAa,GAAG,EACxF,IAAW,GAAU,IACrB,IAAU,EAAiB,IAAW,EAAE,aAAU,GAAG,EAAE,CAAC,EAExD,CAAC,KAAiB,GAAkB,EAEpC,IAAiB,IAAY,EAAQ,MAAM,mBAAmB,EAAE,GAAI,EAAE,EACtE,IAAiB,IAAY,EAAQ,MAAM,mBAAmB,EAAE,GAAI,EAAE,EAEtE,IAAe,OAAO,MAAe;AACzC,IAAgB,EAAG;AACnB,MAAI;AAEF,IADY,MAAM,EAAc,EAAE,WAAW,EAAE,OAAI,EAAE,CAAC,EAC9C,MAAM,oBACZ,EAAO,QAAQ,qBAAqB,kCAAkC;YAEhE;AACR,KAAgB,KAAK;;;AAgBzB,QAZK,GAAa,KAahB,kBAAC,GAAD;EACE,MAAA;EACA,OAAM;EACN,aAAY;EACZ,SACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,eAAe,EAAS,2BAA2B;aAA7E,CACE,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA,EAAA,iBACZ;;YAPb;GAUE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAU,OAAM;KAAY,OAAO,EAAe;KAAQ,MAAM;KAAiB,CAAA,EACjF,kBAAC,GAAD;KAAU,OAAM;KAAY,OAAO,IAAW,EAAe,SAAS;KAAG,MAAM;KAAS,CAAA,CACpF;;GAEN,kBAAC,GAAD;IAAM,OAAO;IAAK,gBAAgB,MAAM,EAAO,EAAiB;IAAE,WAAU;cAC1E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAa,OAAM;eAAS;KAAuB,CAAA,EACnD,kBAAC,GAAD;KAAa,OAAM;eAAS;KAAuB,CAAA,CAC1C,EAAA,CAAA;IACN,CAAA;GAEN,MAAQ,WACP,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAA;IACA,YAAW;IACX,kBAAiB;IACjB,aACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eAAE;KAAsB,CAAA;IAErF,UAAU;IACI;IACd,CAAA,GACA,EAAS,WAAW,CAAC,IACvB,kBAAC,GAAD;IAAa,OAAO;IAAG,QAAO;IAAS,CAAA,GACpC,IAUH,kBAAC,GAAD;IACE,SAAS,EAAQ;IACjB,OAAO,EAAQ;IACf,UAAU;IACV,YAAY;IACZ,YAAW;IACX,kBAAiB;IACjB,UAAU;IACI;IACd,CAAA,GAlBF,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,OAAM;IACN,aAAY;IACZ,QACE,kBAAC,GAAD;KAAQ,eAAe,EAAS,2BAA2B;eAAE;KAAwB,CAAA;IAEvF,CAAA;GAaO;MAtEX,kBAAC,GAAD;EAAY,MAAA;EAAK,OAAM;EAAc,aAAY;YAC/C,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD,EAAe,MAAM,IAAM,CAAA;GACjC,OAAM;GACN,aAAY;GACZ,CAAA;EACS,CAAA"}

package/dist/technospam/providers/TechnoSpamProvider.js

@@ -7,7 +7,13 @@ var s = e(null), c = () => {
 	let e = t(s);
 	if (!e) throw Error("useTechnoSpam must be used within TechnoSpamProvider");
 	return e;
-}, l = ({ children: e, ...t }) => {
+}, l = () => {
+	let { navigate: e, basePath: t = "" } = c(), n = t.endsWith("/") ? t.slice(0, -1) : t;
+	return (t) => {
+		let r = !n || n === "" || t.startsWith(n) ? t : `${n}${t.startsWith("/") ? t : `/${t}`}`;
+		e ? e(r) : typeof window < "u" && window.history.pushState({}, "", r);
+	};
+}, u = ({ children: e, ...t }) => {
 	let c = /* @__PURE__ */ o(a, {
 		client: n(() => new i({ defaultOptions: { queries: {
 			retry: 1,
@@ -22,6 +28,6 @@ var s = e(null), c = () => {
 	return t.basePath ? c : /* @__PURE__ */ o(r, { children: c });
 };
 //#endregion
-export { l as TechnoSpamProvider, c as useTechnoSpam };
+export { u as TechnoSpamProvider, c as useTechnoSpam, l as useTechnoSpamNavigate };
 
 //# sourceMappingURL=TechnoSpamProvider.js.map

package/dist/technospam/providers/TechnoSpamProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TechnoSpamProvider.js","names":[],"sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TechnoSpamRootProps } from '../types';\n\ntype TechnoSpamContextValue = TechnoSpamRootProps;\n\nconst TechnoSpamContext = createContext<TechnoSpamContextValue | null>(null);\n\nexport const useTechnoSpam = () => {\n  const context = useContext(TechnoSpamContext);\n  if (!context) throw new Error('useTechnoSpam must be used within TechnoSpamProvider');\n  return context;\n};\n\nexport const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TechnoSpamContext.Provider value={props}>{children}</TechnoSpamContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAA6C,KAAK,EAE/D,UAAsB;CACjC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EAAS,OAAU,MAAM,uDAAuD;AACrF,QAAO;GAGI,KAAkE,EAC7E,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAkB,UAAnB;GAA4B,OAAO;GAAQ;GAAsC,CAAA;EAC7D,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}
+{"version":3,"file":"TechnoSpamProvider.js","names":[],"sources":["../../../src/technospam/providers/TechnoSpamProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TechnoSpamRootProps } from '../types';\n\ntype TechnoSpamContextValue = TechnoSpamRootProps;\n\nconst TechnoSpamContext = createContext<TechnoSpamContextValue | null>(null);\n\nexport const useTechnoSpam = () => {\n  const context = useContext(TechnoSpamContext);\n  if (!context) throw new Error('useTechnoSpam must be used within TechnoSpamProvider');\n  return context;\n};\n\n/**\n * basePath-aware navigation. Returns a `navigate(path)` that prepends the MFE\n * basePath (so pages navigate with module-relative paths like\n * `/courses/courses-page`) and falls back to react-router when the host does\n * not inject a navigate function.\n */\nexport const useTechnoSpamNavigate = (): ((path: string) => void) => {\n  const { navigate: hostNavigate, basePath = '' } = useTechnoSpam();\n  const base = basePath.endsWith('/') ? basePath.slice(0, -1) : basePath;\n  return (path: string) => {\n    const target =\n      !base || base === '' || path.startsWith(base)\n        ? path\n        : `${base}${path.startsWith('/') ? path : `/${path}`}`;\n    if (hostNavigate) hostNavigate(target);\n    else if (typeof window !== 'undefined') window.history.pushState({}, '', target);\n  };\n};\n\nexport const TechnoSpamProvider: FC<PropsWithChildren<TechnoSpamRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TechnoSpamContext.Provider value={props}>{children}</TechnoSpamContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAoB,EAA6C,KAAK,EAE/D,UAAsB;CACjC,IAAM,IAAU,EAAW,EAAkB;AAC7C,KAAI,CAAC,EAAS,OAAU,MAAM,uDAAuD;AACrF,QAAO;GASI,UAAwD;CACnE,IAAM,EAAE,UAAU,GAAc,cAAW,OAAO,GAAe,EAC3D,IAAO,EAAS,SAAS,IAAI,GAAG,EAAS,MAAM,GAAG,GAAG,GAAG;AAC9D,SAAQ,MAAiB;EACvB,IAAM,IACJ,CAAC,KAAQ,MAAS,MAAM,EAAK,WAAW,EAAK,GACzC,IACA,GAAG,IAAO,EAAK,WAAW,IAAI,GAAG,IAAO,IAAI;AAClD,EAAI,IAAc,EAAa,EAAO,GAC7B,OAAO,SAAW,OAAa,OAAO,QAAQ,UAAU,EAAE,EAAE,IAAI,EAAO;;GAIvE,KAAkE,EAC7E,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAkB,UAAnB;GAA4B,OAAO;GAAQ;GAAsC,CAAA;EAC7D,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}

package/dist/technospam/utils/cn.js

@@ -0,0 +1,10 @@
+import e from "../../node_modules/clsx/dist/clsx.js";
+import { twMerge as t } from "../../node_modules/tailwind-merge/dist/bundle-mjs.js";
+//#region src/technospam/utils/cn.ts
+function n(...n) {
+	return t(e(n));
+}
+//#endregion
+export { n as cn };
+
+//# sourceMappingURL=cn.js.map

package/dist/technospam/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../../../src/technospam/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,EAAG,GAAG,GAAsB;AAC1C,QAAO,EAAQ,EAAK,EAAO,CAAC"}

package/dist/technospam/utils/format.js

@@ -0,0 +1,52 @@
+//#region src/technospam/utils/format.ts
+function e(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleDateString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	});
+}
+function t(e) {
+	if (!e) return "—";
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "—" : t.toLocaleString(void 0, {
+		year: "numeric",
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function n(e) {
+	if (!e || e <= 0) return "—";
+	let t = Math.floor(e / 60), n = e % 60;
+	return t && n ? `${t}h ${n}m` : t ? `${t}h` : `${n}m`;
+}
+function r(e, t = "USD") {
+	if (e == null) return "—";
+	try {
+		return new Intl.NumberFormat(void 0, {
+			style: "currency",
+			currency: t,
+			maximumFractionDigits: 0
+		}).format(e);
+	} catch {
+		return `${t} ${e.toLocaleString()}`;
+	}
+}
+function i(e) {
+	if (!e) return "";
+	let t = new Date(e).getTime();
+	if (Number.isNaN(t)) return "";
+	let n = t - Date.now(), r = Math.abs(n), i = 6e4, a = 60 * i, o = 24 * a, s = new Intl.RelativeTimeFormat(void 0, { numeric: "auto" });
+	return r < a ? s.format(Math.round(n / i), "minute") : r < o ? s.format(Math.round(n / a), "hour") : s.format(Math.round(n / o), "day");
+}
+function a(e) {
+	return e ? e.toLowerCase().split("_").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ") : "";
+}
+//#endregion
+export { e as formatDate, t as formatDateTime, n as formatDuration, r as formatMoney, a as humanizeEnum, i as relativeTime };
+
+//# sourceMappingURL=format.js.map

package/dist/technospam/utils/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/technospam/utils/format.ts"],"sourcesContent":["/** Shared, locale-friendly formatting helpers used across TechnoSpam pages. */\n\nexport function formatDate(value?: string | null): string {\n  if (!value) return '—';\n  const d = new Date(value);\n  if (Number.isNaN(d.getTime())) return '—';\n  return d.toLocaleDateString(undefined, { year: 'numeric', month: 'short', day: 'numeric' });\n}\n\nexport function formatDateTime(value?: string | null): string {\n  if (!value) return '—';\n  const d = new Date(value);\n  if (Number.isNaN(d.getTime())) return '—';\n  return d.toLocaleString(undefined, {\n    year: 'numeric',\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  });\n}\n\nexport function formatDuration(minutes?: number | null): string {\n  if (!minutes || minutes <= 0) return '—';\n  const h = Math.floor(minutes / 60);\n  const m = minutes % 60;\n  if (h && m) return `${h}h ${m}m`;\n  if (h) return `${h}h`;\n  return `${m}m`;\n}\n\nexport function formatMoney(amount?: number | null, currency = 'USD'): string {\n  if (amount == null) return '—';\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n  } catch {\n    return `${currency} ${amount.toLocaleString()}`;\n  }\n}\n\nexport function relativeTime(value?: string | null): string {\n  if (!value) return '';\n  const d = new Date(value).getTime();\n  if (Number.isNaN(d)) return '';\n  const diff = d - Date.now();\n  const abs = Math.abs(diff);\n  const min = 60_000;\n  const hour = 60 * min;\n  const day = 24 * hour;\n  const rtf = new Intl.RelativeTimeFormat(undefined, { numeric: 'auto' });\n  if (abs < hour) return rtf.format(Math.round(diff / min), 'minute');\n  if (abs < day) return rtf.format(Math.round(diff / hour), 'hour');\n  return rtf.format(Math.round(diff / day), 'day');\n}\n\n/** Title-case a SCREAMING_SNAKE enum value for display. */\nexport function humanizeEnum(value?: string | null): string {\n  if (!value) return '';\n  return value\n    .toLowerCase()\n    .split('_')\n    .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n    .join(' ');\n}\n"],"mappings":";AAEA,SAAgB,EAAW,GAA+B;AACxD,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAI,IAAI,KAAK,EAAM;AAEzB,QADI,OAAO,MAAM,EAAE,SAAS,CAAC,GAAS,MAC/B,EAAE,mBAAmB,KAAA,GAAW;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,CAAC;;AAG7F,SAAgB,EAAe,GAA+B;AAC5D,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAI,IAAI,KAAK,EAAM;AAEzB,QADI,OAAO,MAAM,EAAE,SAAS,CAAC,GAAS,MAC/B,EAAE,eAAe,KAAA,GAAW;EACjC,MAAM;EACN,OAAO;EACP,KAAK;EACL,MAAM;EACN,QAAQ;EACT,CAAC;;AAGJ,SAAgB,EAAe,GAAiC;AAC9D,KAAI,CAAC,KAAW,KAAW,EAAG,QAAO;CACrC,IAAM,IAAI,KAAK,MAAM,IAAU,GAAG,EAC5B,IAAI,IAAU;AAGpB,QAFI,KAAK,IAAU,GAAG,EAAE,IAAI,EAAE,KAC1B,IAAU,GAAG,EAAE,KACZ,GAAG,EAAE;;AAGd,SAAgB,EAAY,GAAwB,IAAW,OAAe;AAC5E,KAAI,KAAU,KAAM,QAAO;AAC3B,KAAI;AACF,SAAO,IAAI,KAAK,aAAa,KAAA,GAAW;GACtC,OAAO;GACP;GACA,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAO;SACX;AACN,SAAO,GAAG,EAAS,GAAG,EAAO,gBAAgB;;;AAIjD,SAAgB,EAAa,GAA+B;AAC1D,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAI,IAAI,KAAK,EAAM,CAAC,SAAS;AACnC,KAAI,OAAO,MAAM,EAAE,CAAE,QAAO;CAC5B,IAAM,IAAO,IAAI,KAAK,KAAK,EACrB,IAAM,KAAK,IAAI,EAAK,EACpB,IAAM,KACN,IAAO,KAAK,GACZ,IAAM,KAAK,GACX,IAAM,IAAI,KAAK,mBAAmB,KAAA,GAAW,EAAE,SAAS,QAAQ,CAAC;AAGvE,QAFI,IAAM,IAAa,EAAI,OAAO,KAAK,MAAM,IAAO,EAAI,EAAE,SAAS,GAC/D,IAAM,IAAY,EAAI,OAAO,KAAK,MAAM,IAAO,EAAK,EAAE,OAAO,GAC1D,EAAI,OAAO,KAAK,MAAM,IAAO,EAAI,EAAE,MAAM;;AAIlD,SAAgB,EAAa,GAA+B;AAE1D,QADK,IACE,EACJ,aAAa,CACb,MAAM,IAAI,CACV,KAAK,MAAM,EAAE,OAAO,EAAE,CAAC,aAAa,GAAG,EAAE,MAAM,EAAE,CAAC,CAClD,KAAK,IAAI,GALO"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-technospam",
-  "version": "2026.512.1",
+  "version": "2026.704.1",
   "description": "Burdenoff TechnoSpam Microfrontend",
   "type": "module",
   "files": [
@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.11",
-    "@burdenoff/fe-libs": "2026.511.2",
+    "@burdenoff/fe-libs": "2026.704.3",
     "@tanstack/react-query": "^5.90.16",
     "clsx": "^2.1.1",
     "graphql": "^16.10.0",
@@ -47,6 +47,7 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.1.3",
+    "sonner": "^1.7.4",
     "tailwind-merge": "^3.4.0",
     "zustand": "^5.0.3",
     "recharts": "^2.15.0",
@@ -88,6 +89,7 @@
     "access": "restricted"
   },
   "overrides": {
+    "@burdenoff/fe-libs": "2026.704.3",
     "lodash": ">=4.17.21",
     "lodash-es": ">=4.17.21",
     "dompurify": ">=3.3.4",

package/dist/dev/main.d.ts

@@ -1,2 +0,0 @@
-
-//# sourceMappingURL=main.d.ts.map

package/dist/dev/main.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/dev/main.tsx"],"names":[],"mappings":"AAIA,OAAO,cAAc,CAAC"}

package/dist/generated/global-operations.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=global-operations.d.ts.map

package/dist/generated/global-operations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"global-operations.d.ts","sourceRoot":"","sources":["../../src/generated/global-operations.ts"],"names":[],"mappings":""}