npm - @burdenoff/microfe-technospam - Versions diffs - 2026.1101.4 → 2026.1102.1 - Mend

@burdenoff/microfe-technospam 2026.1101.4 → 2026.1102.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 (56) hide show

package/dist/technospam/pages/CoursesLessonPlayerPagePage.js CHANGED Viewed

@@ -2,281 +2,359 @@ import { useTechnoSpam as e, useTechnoSpamNavigate as t } from "../providers/Tec
 import { useTechnoSpamAnalytics as n } from "../hooks/useTechnoSpamAnalytics.js";
 import { cn as r } from "../utils/cn.js";
 import { PageLayout as i } from "../components/PageLayout.js";
-import { formatDuration as ee, humanizeEnum as a } from "../utils/format.js";
-import { UpgradeGate as o } from "../components/UpgradeGate.js";
-import { EmptyView as s, ErrorView as c } from "../components/StateViews.js";
-import { notify as l } from "../lib/toast.js";
-import { useCompleteLesson as u, useEnroll as d, useLessonPlayerQuery as te, useMyEnrollmentsQuery as f } from "../api/technospamApi.js";
+import { formatDuration as ee, humanizeEnum as te } from "../utils/format.js";
+import { UpgradeGate as ne } from "../components/UpgradeGate.js";
+import { EmptyView as a, ErrorView as re } from "../components/StateViews.js";
+import { notify as o } from "../lib/toast.js";
+import { useCompleteLesson as ie, useEnroll as ae, useLessonPlayerQuery as oe, useMyEnrollmentsQuery as se } from "../api/technospamApi.js";
 import "../components/index.js";
-import { FOCUS_PARAMS as p } from "../utils/pageContext.js";
-import { courseDetailsPath as m, lessonPlayerPath as h } from "../utils/lessonPath.js";
-import { InteractiveWorkspace as g } from "../components/lesson/InteractiveWorkspace.js";
-import { QuizLesson as _ } from "../components/lesson/QuizLesson.js";
-import { useEffect as ne } from "react";
-import { ArrowLeft as re, ArrowRight as v, BookOpen as y, CheckCircle2 as b, Clock as ie, FileText as x, Layers as S, Lock as ae, PlayCircle as C, Sparkles as w } from "lucide-react";
-import { useSearchParams as T } from "react-router";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { Button as O, GlassCard as k, Skeleton as A } from "@burdenoff/fe-libs/ui";
-import { Markdown as j } from "@burdenoff/fe-libs/shared/components/Markdown";
+import { offlineScope as ce, readLessonSnapshot as le, saveLessonSnapshot as ue } from "../lib/offlineLessons.js";
+import { useOfflineProgressSync as s, useOnlineStatus as de, usePurgeOtherUsersLessons as fe } from "../hooks/useOfflineLessons.js";
+import { FOCUS_PARAMS as c } from "../utils/pageContext.js";
+import { courseDetailsPath as l, lessonPlayerPath as u } from "../utils/lessonPath.js";
+import { InteractiveWorkspace as d } from "../components/lesson/InteractiveWorkspace.js";
+import { QuizLesson as f } from "../components/lesson/QuizLesson.js";
+import { useEffect as p, useMemo as pe } from "react";
+import { ArrowLeft as me, ArrowRight as he, BookOpen as ge, CheckCircle2 as m, Clock as _e, CloudOff as h, FileText as g, Layers as _, Lock as ve, PlayCircle as v, Sparkles as y } from "lucide-react";
+import { useSearchParams as ye } from "react-router";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Button as S, GlassCard as C, Skeleton as w } from "@burdenoff/fe-libs/ui";
+import { Markdown as T } from "@burdenoff/fe-libs/shared/components/Markdown";
 //#region src/technospam/pages/CoursesLessonPlayerPagePage.tsx
-var M = {
-	VIDEO: C,
-	ARTICLE: x,
-	INTERACTIVE: w,
-	QUIZ: b,
-	PROJECT: S
+var E = {
+	VIDEO: v,
+	ARTICLE: g,
+	INTERACTIVE: y,
+	QUIZ: m,
+	PROJECT: _
 };
-function oe(e) {
+function be(e) {
 	return e.kind === "QUIZ" ? (e.quizQuestions?.length ?? 0) > 0 : e.kind === "INTERACTIVE" ? !!e.expectedOutput : !1;
 }
-function N({ lesson: e, onProgress: t }) {
-	let n = e.content ? /* @__PURE__ */ E(j, {
+function xe(e) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : ` on ${t.toLocaleDateString()}`;
+}
+function D({ children: e }) {
+	return /* @__PURE__ */ x("p", {
+		className: "flex items-center gap-2 rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted",
+		"data-testid": "lesson-needs-connection",
+		children: [
+			/* @__PURE__ */ b(h, {
+				size: 15,
+				className: "shrink-0"
+			}),
+			" ",
+			e
+		]
+	});
+}
+function Se({ lesson: e, onProgress: t, offline: n }) {
+	let r = e.content ? /* @__PURE__ */ b(T, {
 		className: "prose prose-sm max-w-none text-text-secondary dark:prose-invert",
 		children: e.content
 	}) : null;
 	switch (e.kind) {
 		case "VIDEO": {
-			let t = e.file?.downloadUrl, r = !e.file?.mimeType || e.file.mimeType.startsWith("video/");
-			return /* @__PURE__ */ D("div", {
+			let t = e.file?.downloadUrl, i = !e.file?.mimeType || e.file.mimeType.startsWith("video/");
+			return /* @__PURE__ */ x("div", {
 				className: "space-y-4",
-				children: [t && r ? /* @__PURE__ */ E("video", {
+				children: [n ? /* @__PURE__ */ b(D, { children: "The video plays once you are back online. The lesson notes are below." }) : t && i ? /* @__PURE__ */ b("video", {
 					controls: !0,
 					preload: "metadata",
 					src: t,
 					className: "aspect-video w-full rounded-xl bg-bg-sunken",
 					"data-testid": "lesson-video",
-					children: /* @__PURE__ */ E("track", { kind: "captions" })
-				}) : /* @__PURE__ */ E("p", {
+					children: /* @__PURE__ */ b("track", { kind: "captions" })
+				}) : /* @__PURE__ */ b("p", {
 					className: "rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted",
 					children: "The video for this lesson has not been uploaded yet."
-				}), n]
+				}), r]
 			});
 		}
-		case "QUIZ": return /* @__PURE__ */ D("div", {
+		case "QUIZ": return /* @__PURE__ */ x("div", {
 			className: "space-y-4",
-			children: [n, /* @__PURE__ */ E(_, {
+			children: [r, n ? /* @__PURE__ */ b(D, { children: "Quizzes are graded online. Reconnect to take this one." }) : /* @__PURE__ */ b(f, {
 				lesson: e,
 				onPassed: t
 			}, e.id)]
 		});
-		case "INTERACTIVE": return /* @__PURE__ */ D("div", {
+		case "INTERACTIVE": return /* @__PURE__ */ x("div", {
 			className: "grid grid-cols-1 gap-5 xl:grid-cols-2",
-			children: [/* @__PURE__ */ E("div", {
+			children: [/* @__PURE__ */ b("div", {
 				className: "min-w-0",
-				children: n ?? /* @__PURE__ */ E("p", {
+				children: r ?? /* @__PURE__ */ b("p", {
 					className: "text-sm text-text-muted",
 					children: "Edit the code, run it, and compare the output with what the lesson expects."
 				})
-			}), /* @__PURE__ */ E("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "min-w-0",
-				children: /* @__PURE__ */ E(g, {
+				children: n ? /* @__PURE__ */ b(D, { children: "Code runs in an online sandbox. Reconnect to run this lesson." }) : /* @__PURE__ */ b(d, {
 					lesson: e,
 					onCompleted: t
 				}, e.id)
 			})]
 		});
-		default: return n ?? /* @__PURE__ */ E("p", {
+		default: return r ?? /* @__PURE__ */ b("p", {
 			className: "rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted",
 			children: "No content published for this lesson yet."
 		});
 	}
 }
-function P() {
-	let [g] = T(), _ = g.get(p.id) ?? "", S = g.get(p.lesson) ?? "", C = t(), { workspaceId: w } = e(), { emit: j } = n(), { data: P, loading: F, error: I, refetch: L } = te(_, S), [R, { loading: z }] = u(), [B, { loading: V }] = d();
-	ne(() => {
-		S && j("technospam.lesson.viewed", {
-			workspaceId: w,
-			entityId: S,
+function O() {
+	let [d] = ye(), f = d.get(c.id) ?? "", _ = d.get(c.lesson) ?? "", v = t(), { workspaceId: y, currentUser: T } = e(), { emit: D } = n(), { data: O, loading: Ce, error: k, refetch: A } = oe(f, _), [we, { loading: j }] = ie(), [Te, { loading: M }] = ae();
+	p(() => {
+		_ && D("technospam.lesson.viewed", {
+			workspaceId: y,
+			entityId: _,
 			entityType: "TEC_LESSON"
 		});
 	}, [
-		S,
-		w,
-		j
+		_,
+		y,
+		D
+	]);
+	let N = de(), P = ce(y, T?.id);
+	fe(T?.id);
+	let { pendingLessonIds: Ee, queueCompletion: De } = s(P), F = O?.tecLesson ?? null, I = pe(() => F || N && !k ? null : le(P, f, _), [
+		F,
+		N,
+		k,
+		P,
+		f,
+		_
+	]), L = F ?? I?.lesson ?? null, R = O?.tecCourse ?? I?.course ?? null, { enrollments: z, refetch: B } = se({
+		buiCourseId: R?.buiCourseId,
+		technospamCourseId: f,
+		skip: !f
+	}), V = z[0] ?? I?.enrollment ?? null, H = !F && !!I;
+	p(() => {
+		!N || !H || (A(), B());
+	}, [
+		N,
+		H,
+		A,
+		B
+	]);
+	let U = z[0]?.id, W = z[0]?.progressPct;
+	p(() => {
+		!O || !F || !P || ue(P, O, U !== void 0 && W !== void 0 ? {
+			id: U,
+			progressPct: W
+		} : null);
+	}, [
+		O,
+		F,
+		P,
+		U,
+		W
 	]);
-	let H = P?.tecLesson ?? null, U = P?.tecCourse ?? null, { enrollments: W, refetch: G } = f({
-		buiCourseId: U?.buiCourseId,
-		technospamCourseId: _,
-		skip: !_
-	}), K = W[0] ?? null, q = [...U?.lessons ?? []].sort((e, t) => e.position - t.position), J = q.findIndex((e) => e.id === S), Y = J > 0 ? q[J - 1] : void 0, X = J >= 0 && J < q.length - 1 ? q[J + 1] : void 0, Z = m(_), se = () => {
-		L(), G();
-	}, ce = async () => {
-		if (!H) return;
-		let e = (await R({ variables: { lessonId: H.id } })).data?.tecCompleteLesson;
-		e && (j("technospam.lesson.completed", {
-			workspaceId: w,
-			entityId: H.id,
+	let G = [...R?.lessons ?? []].sort((e, t) => e.position - t.position), K = G.findIndex((e) => e.id === _), q = K > 0 ? G[K - 1] : void 0, J = K >= 0 && K < G.length - 1 ? G[K + 1] : void 0, Y = l(f), Oe = () => {
+		A(), B();
+	}, ke = async () => {
+		if (!L) return;
+		if (!N) {
+			if (!De(f, L.id)) {
+				o.error("Could not save progress", "This device has no room to keep your progress offline. Reconnect to mark the lesson complete.");
+				return;
+			}
+			o.info("Saved on this device", "Your progress syncs as soon as you are back online."), J && v(u(f, J.id));
+			return;
+		}
+		let e = (await we({ variables: { lessonId: L.id } })).data?.tecCompleteLesson;
+		e && (D("technospam.lesson.completed", {
+			workspaceId: y,
+			entityId: L.id,
 			entityType: "TEC_LESSON"
-		}), l.success("Lesson completed", `${e.progressPct}% of the course done`), X ? C(h(_, X.id)) : await L());
-	}, le = async () => {
-		(await B({ variables: { input: { courseId: _ } } })).data?.tecEnroll && (l.success("Enrolled", `Your progress in "${U?.title ?? "this course"}" is now tracked.`), await L());
+		}), o.success("Lesson completed", `${e.progressPct}% of the course done`), J ? v(u(f, J.id)) : await A());
+	}, Ae = async () => {
+		(await Te({ variables: { input: { courseId: f } } })).data?.tecEnroll && (o.success("Enrolled", `Your progress in "${R?.title ?? "this course"}" is now tracked.`), await A());
 	};
-	if (!_ || !S) return /* @__PURE__ */ E(i, {
+	if (!f || !_) return /* @__PURE__ */ b(i, {
 		title: "Lesson",
 		backPath: "/courses/courses-page",
-		children: /* @__PURE__ */ E(s, {
+		children: /* @__PURE__ */ b(a, {
 			title: "No lesson selected",
 			description: "Open a lesson from a course curriculum."
 		})
 	});
-	if (F && !H) return /* @__PURE__ */ D(i, {
+	if (Ce && !L) return /* @__PURE__ */ x(i, {
 		title: "Lesson",
-		backPath: Z,
-		children: [/* @__PURE__ */ E(A, { className: "mb-4 h-10 w-1/2 rounded-xl" }), /* @__PURE__ */ E(A, { className: "h-80 w-full rounded-xl" })]
+		backPath: Y,
+		children: [/* @__PURE__ */ b(w, { className: "mb-4 h-10 w-1/2 rounded-xl" }), /* @__PURE__ */ b(w, { className: "h-80 w-full rounded-xl" })]
 	});
-	if (I || !H || !U || H.courseId !== U.id) return /* @__PURE__ */ E(i, {
+	if (k && !I || !L || !R || L.courseId !== R.id) return /* @__PURE__ */ b(i, {
 		title: "Lesson",
-		backPath: Z,
-		children: I ? /* @__PURE__ */ E(c, {
+		backPath: Y,
+		children: k ? /* @__PURE__ */ b(re, {
 			title: "Couldn't load lesson",
-			error: I
-		}) : /* @__PURE__ */ E(s, {
+			error: k
+		}) : /* @__PURE__ */ b(a, {
 			title: "Lesson not found",
 			description: "This lesson may have been removed."
 		})
 	});
-	let ue = M[H.kind] ?? x, Q = !!H.completedByMe, $ = oe(H);
-	return /* @__PURE__ */ E(i, {
-		backPath: Z,
-		title: H.title,
-		description: `${U.title} · Lesson ${J + 1} of ${q.length}`,
-		actions: Q ? /* @__PURE__ */ D("span", {
+	let je = E[L.kind] ?? g, X = Ee.includes(L.id), Z = !!L.completedByMe || X, Q = H, $ = be(L);
+	return /* @__PURE__ */ b(i, {
+		backPath: Y,
+		title: L.title,
+		description: `${R.title} · Lesson ${K + 1} of ${G.length}`,
+		actions: Z ? /* @__PURE__ */ x("span", {
 			className: "inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg-subtle px-3 py-1.5 text-sm font-medium text-status-success-text",
-			children: [/* @__PURE__ */ E(b, { size: 15 }), " Completed"]
+			children: [
+				/* @__PURE__ */ b(m, { size: 15 }),
+				" ",
+				X && !L.completedByMe ? "Completed · syncs when online" : "Completed"
+			]
 		}) : null,
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ x("div", {
 			className: "grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_280px]",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ x("div", {
 				className: "min-w-0 space-y-4",
 				children: [
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ x("div", {
 						className: "flex flex-wrap items-center gap-2 text-xs text-text-muted",
 						children: [
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ x("span", {
 								className: "inline-flex items-center gap-1 rounded-full bg-accent-primary/6 px-2 py-0.5 font-medium text-accent-primary",
 								children: [
-									/* @__PURE__ */ E(ue, { size: 12 }),
+									/* @__PURE__ */ b(je, { size: 12 }),
 									" ",
-									a(H.kind)
+									te(L.kind)
 								]
 							}),
-							/* @__PURE__ */ D("span", {
+							/* @__PURE__ */ x("span", {
 								className: "inline-flex items-center gap-1",
 								children: [
-									/* @__PURE__ */ E(ie, { size: 12 }),
+									/* @__PURE__ */ b(_e, { size: 12 }),
 									" ",
-									ee(H.estimatedMinutes)
+									ee(L.estimatedMinutes)
 								]
 							}),
-							H.isPreview ? /* @__PURE__ */ E("span", {
+							L.isPreview ? /* @__PURE__ */ b("span", {
 								className: "rounded-full border border-accent-primary/30 px-2 py-0.5",
 								children: "Free preview"
 							}) : null
 						]
 					}),
-					K ? null : /* @__PURE__ */ D(k, {
+					Q && I ? /* @__PURE__ */ x("div", {
+						className: "flex items-center gap-2 rounded-xl border border-status-warning-border bg-status-warning-bg-subtle px-4 py-2.5 text-sm text-status-warning-text",
+						"data-testid": "lesson-offline-banner",
+						role: "status",
+						children: [
+							/* @__PURE__ */ b(h, {
+								size: 15,
+								className: "shrink-0"
+							}),
+							N ? "Couldn't reach TechnoSpam. Showing the copy saved on this device" : "You are offline. Showing the copy saved on this device",
+							xe(I.savedAt),
+							"."
+						]
+					}) : null,
+					!V && !Q ? /* @__PURE__ */ x(C, {
 						className: "flex flex-col items-start gap-3 p-4 sm:flex-row sm:items-center sm:justify-between",
-						children: [/* @__PURE__ */ E("p", {
+						children: [/* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
 							children: "Enroll in this course to save your progress and earn a certificate."
-						}), /* @__PURE__ */ D(O, {
+						}), /* @__PURE__ */ x(S, {
 							size: "sm",
-							onClick: () => void le(),
-							disabled: V,
+							onClick: () => void Ae(),
+							disabled: M,
 							children: [
-								/* @__PURE__ */ E(y, { size: 14 }),
+								/* @__PURE__ */ b(ge, { size: 14 }),
 								" ",
-								V ? "Enrolling…" : "Enroll"
+								M ? "Enrolling…" : "Enroll"
 							]
 						})]
-					}),
-					/* @__PURE__ */ E(k, {
+					}) : null,
+					/* @__PURE__ */ b(C, {
 						className: "p-5",
 						"data-testid": "lesson-player-body",
-						children: H.isLocked ? /* @__PURE__ */ E(o, { description: "This lesson is part of a paid TechnoSpam plan. Its content unlocks once your workspace upgrades." }) : /* @__PURE__ */ E(N, {
-							lesson: H,
-							onProgress: se
+						children: L.isLocked ? /* @__PURE__ */ b(ne, { description: "This lesson is part of a paid TechnoSpam plan. Its content unlocks once your workspace upgrades." }) : /* @__PURE__ */ b(Se, {
+							lesson: L,
+							onProgress: Oe,
+							offline: !N || Q
 						})
 					}),
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ x("div", {
 						className: "flex flex-wrap items-center justify-between gap-2",
-						children: [/* @__PURE__ */ D(O, {
+						children: [/* @__PURE__ */ x(S, {
 							variant: "outline",
-							disabled: !Y,
-							onClick: () => Y && C(h(_, Y.id)),
-							children: [/* @__PURE__ */ E(re, { size: 15 }), " Previous"]
-						}), /* @__PURE__ */ D("div", {
+							disabled: !q,
+							onClick: () => q && v(u(f, q.id)),
+							children: [/* @__PURE__ */ b(me, { size: 15 }), " Previous"]
+						}), /* @__PURE__ */ x("div", {
 							className: "flex flex-wrap items-center gap-2",
 							children: [
-								K && !Q && !$ && !H.isLocked ? /* @__PURE__ */ D(O, {
-									onClick: () => void ce(),
-									disabled: z,
+								V && !Z && !$ && !L.isLocked ? /* @__PURE__ */ x(S, {
+									onClick: () => void ke(),
+									disabled: j,
 									children: [
-										/* @__PURE__ */ E(b, { size: 15 }),
+										/* @__PURE__ */ b(m, { size: 15 }),
 										" ",
-										z ? "Saving…" : "Mark complete"
+										j ? "Saving…" : "Mark complete"
 									]
 								}) : null,
-								K && !Q && $ && !H.isLocked ? /* @__PURE__ */ E("span", {
+								V && !Z && $ && !L.isLocked ? /* @__PURE__ */ b("span", {
 									className: "text-xs text-text-muted",
-									children: H.kind === "QUIZ" ? "Pass the quiz to complete this lesson." : "Run code that prints the expected output to complete this lesson."
+									children: L.kind === "QUIZ" ? "Pass the quiz to complete this lesson." : "Run code that prints the expected output to complete this lesson."
 								}) : null,
-								/* @__PURE__ */ D(O, {
-									variant: Q || !K ? "default" : "outline",
-									disabled: !X,
-									onClick: () => X && C(h(_, X.id)),
-									children: ["Next ", /* @__PURE__ */ E(v, { size: 15 })]
+								/* @__PURE__ */ x(S, {
+									variant: Z || !V ? "default" : "outline",
+									disabled: !J,
+									onClick: () => J && v(u(f, J.id)),
+									children: ["Next ", /* @__PURE__ */ b(he, { size: 15 })]
 								})
 							]
 						})]
 					})
 				]
-			}), /* @__PURE__ */ D(k, {
+			}), /* @__PURE__ */ x(C, {
 				className: "h-fit p-4",
 				children: [
-					/* @__PURE__ */ D("div", {
+					/* @__PURE__ */ x("div", {
 						className: "mb-2 flex items-center justify-between",
-						children: [/* @__PURE__ */ E("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-xs font-semibold uppercase tracking-wide text-text-muted",
 							children: "Curriculum"
-						}), K ? /* @__PURE__ */ D("span", {
+						}), V ? /* @__PURE__ */ x("span", {
 							className: "text-xs text-text-secondary",
 							"data-testid": "lesson-player-progress",
-							children: [K.progressPct, "% complete"]
+							children: [V.progressPct, "% complete"]
 						}) : null]
 					}),
-					K ? /* @__PURE__ */ E("div", {
+					V ? /* @__PURE__ */ b("div", {
 						className: "mb-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken",
-						children: /* @__PURE__ */ E("div", {
+						children: /* @__PURE__ */ b("div", {
 							className: "h-full rounded-full bg-accent-primary transition-all duration-500",
-							style: { width: `${K.progressPct}%` }
+							style: { width: `${V.progressPct}%` }
 						})
 					}) : null,
-					/* @__PURE__ */ E("ol", {
+					/* @__PURE__ */ b("ol", {
 						className: "space-y-1",
-						children: q.map((e, t) => {
-							let n = M[e.kind] ?? x, i = e.id === H.id;
-							return /* @__PURE__ */ E("li", { children: /* @__PURE__ */ D("button", {
+						children: G.map((e, t) => {
+							let n = E[e.kind] ?? g, i = e.id === L.id;
+							return /* @__PURE__ */ b("li", { children: /* @__PURE__ */ x("button", {
 								type: "button",
 								"aria-current": i ? "page" : void 0,
-								onClick: () => C(h(_, e.id)),
+								onClick: () => v(u(f, e.id)),
 								className: r("flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-bg-sunken", i && "bg-accent-primary/6 font-medium text-accent-primary"),
 								children: [
-									/* @__PURE__ */ E("span", {
+									/* @__PURE__ */ b("span", {
 										className: "w-5 shrink-0 text-center text-xs tabular-nums text-text-muted",
 										children: t + 1
 									}),
-									e.completedByMe ? /* @__PURE__ */ E(b, {
+									e.completedByMe ? /* @__PURE__ */ b(m, {
 										size: 14,
 										className: "shrink-0 text-status-success-text"
-									}) : e.isLocked ? /* @__PURE__ */ E(ae, {
+									}) : e.isLocked ? /* @__PURE__ */ b(ve, {
 										size: 14,
 										className: "shrink-0 text-text-muted"
-									}) : /* @__PURE__ */ E(n, {
+									}) : /* @__PURE__ */ b(n, {
 										size: 14,
 										className: "shrink-0 text-text-muted"
 									}),
-									/* @__PURE__ */ E("span", {
+									/* @__PURE__ */ b("span", {
 										className: "min-w-0 flex-1 truncate",
 										children: e.title
 									})
@@ -290,6 +368,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as CoursesLessonPlayerPagePage };
+export { O as CoursesLessonPlayerPagePage };
 //# sourceMappingURL=CoursesLessonPlayerPagePage.js.map

package/dist/technospam/pages/CoursesLessonPlayerPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CoursesLessonPlayerPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesLessonPlayerPagePage.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components/Markdown';\nimport {\n ArrowLeft,\n ArrowRight,\n BookOpen,\n CheckCircle2,\n Clock,\n FileText,\n Layers,\n Lock,\n PlayCircle,\n Sparkles,\n type LucideIcon,\n} from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, UpgradeGate } from '../components';\nimport { InteractiveWorkspace } from '../components/lesson/InteractiveWorkspace';\nimport { QuizLesson } from '../components/lesson/QuizLesson';\nimport { useTechnoSpamNavigate, useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n useCompleteLesson,\n useEnroll,\n useLessonPlayerQuery,\n useMyEnrollmentsQuery,\n type TecLesson,\n type TecLessonKind,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { courseDetailsPath, lessonPlayerPath } from '../utils/lessonPath';\n\nconst KIND_ICON: Record<TecLessonKind, LucideIcon> = {\n VIDEO: PlayCircle,\n ARTICLE: FileText,\n INTERACTIVE: Sparkles,\n QUIZ: CheckCircle2,\n PROJECT: Layers,\n};\n\n/** Lessons whose completion is earned (a passed quiz, a matching run) rather than self-reported. /\nfunction completesByCheck(lesson: TecLesson): boolean {\n if (lesson.kind === 'QUIZ') return (lesson.quizQuestions?.length ?? 0) > 0;\n if (lesson.kind === 'INTERACTIVE') return !!lesson.expectedOutput;\n return false;\n}\n\nfunction LessonBody({ lesson, onProgress }: { lesson: TecLesson; onProgress: () => void }) {\n const notes = lesson.content ? (\n <Markdown className=\"prose prose-sm max-w-none text-text-secondary dark:prose-invert\">\n {lesson.content}\n </Markdown>\n ) : null;\n\n switch (lesson.kind) {\n case 'VIDEO': {\n const src = lesson.file?.downloadUrl;\n const isVideo = !lesson.file?.mimeType \|\| lesson.file.mimeType.startsWith('video/');\n return (\n <div className=\"space-y-4\">\n {src && isVideo ? (\n <video\n controls\n preload=\"metadata\"\n src={src}\n className=\"aspect-video w-full rounded-xl bg-bg-sunken\"\n data-testid=\"lesson-video\"\n >\n <track kind=\"captions\" />\n </video>\n ) : (\n <p className=\"rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted\">\n The video for this lesson has not been uploaded yet.\n </p>\n )}\n {notes}\n </div>\n );\n }\n case 'QUIZ':\n return (\n <div className=\"space-y-4\">\n {notes}\n <QuizLesson key={lesson.id} lesson={lesson} onPassed={onProgress} />\n </div>\n );\n case 'INTERACTIVE':\n return (\n <div className=\"grid grid-cols-1 gap-5 xl:grid-cols-2\">\n <div className=\"min-w-0\">\n {notes ?? (\n <p className=\"text-sm text-text-muted\">\n Edit the code, run it, and compare the output with what the lesson expects.\n </p>\n )}\n </div>\n <div className=\"min-w-0\">\n <InteractiveWorkspace key={lesson.id} lesson={lesson} onCompleted={onProgress} />\n </div>\n </div>\n );\n case 'PROJECT':\n case 'ARTICLE':\n default:\n return (\n notes ?? (\n <p className=\"rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted\">\n No content published for this lesson yet.\n </p>\n )\n );\n }\n}\n\n/\n Lesson player (BOFF-4107): renders one lesson of a course by kind — article\n * and project briefs as markdown, video through the federated File, quizzes\n * graded server-side, and a runnable sandbox workspace for INTERACTIVE\n * lessons — with the curriculum alongside and per-lesson progress tracking.\n * URL: `/courses/lesson-player-page?id=<courseId>&lessonId=<lessonId>`.\n */\nexport function CoursesLessonPlayerPagePage() {\n const [params] = useSearchParams();\n const courseId = params.get(FOCUS_PARAMS.id) ?? '';\n const lessonId = params.get(FOCUS_PARAMS.lesson) ?? '';\n const navigate = useTechnoSpamNavigate();\n const { workspaceId } = useTechnoSpam();\n const { emit } = useTechnoSpamAnalytics();\n const { data, loading, error, refetch } = useLessonPlayerQuery(courseId, lessonId);\n const [completeLesson, { loading: completing }] = useCompleteLesson();\n const [enroll, { loading: enrolling }] = useEnroll();\n\n useEffect(() => {\n if (lessonId) {\n emit('technospam.lesson.viewed', {\n workspaceId,\n entityId: lessonId,\n entityType: 'TEC_LESSON',\n });\n }\n }, [lessonId, workspaceId, emit]);\n\n const lesson = data?.tecLesson ?? null;\n const course = data?.tecCourse ?? null;\n // BOFF-10481: the learner's own enrollment in this course, from the\n // canonical self-scoped Buildmyiq field (narrowed by the course's canonical\n // id on the server and its Technospam id on the client).\n const { enrollments: myEnrollments, refetch: refetchEnrollment } = useMyEnrollmentsQuery({\n buiCourseId: course?.buiCourseId,\n technospamCourseId: courseId,\n skip: !courseId,\n });\n const enrollment = myEnrollments[0] ?? null;\n const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n const index = lessons.findIndex((l) => l.id === lessonId);\n const prev = index > 0 ? lessons[index - 1] : undefined;\n const next = index >= 0 && index < lessons.length - 1 ? lessons[index + 1] : undefined;\n const backPath = courseDetailsPath(courseId);\n\n const refreshProgress = (): void => {\n void refetch();\n void refetchEnrollment();\n };\n\n const handleComplete = async (): Promise<void> => {\n if (!lesson) return;\n const res = await completeLesson({ variables: { lessonId: lesson.id } });\n const updated = res.data?.tecCompleteLesson;\n if (!updated) return;\n emit('technospam.lesson.completed', {\n workspaceId,\n entityId: lesson.id,\n entityType: 'TEC_LESSON',\n });\n notify.success('Lesson completed', `${updated.progressPct}% of the course done`);\n if (next) navigate(lessonPlayerPath(courseId, next.id));\n else await refetch();\n };\n\n const handleEnroll = async (): Promise<void> => {\n const res = await enroll({ variables: { input: { courseId } } });\n if (res.data?.tecEnroll) {\n notify.success(\n 'Enrolled',\n `Your progress in \"${course?.title ?? 'this course'}\" is now tracked.`\n );\n await refetch();\n }\n };\n\n if (!courseId \|\| !lessonId) {\n return (\n <PageLayout title=\"Lesson\" backPath=\"/courses/courses-page\">\n <EmptyView\n title=\"No lesson selected\"\n description=\"Open a lesson from a course curriculum.\"\n />\n </PageLayout>\n );\n }\n\n if (loading && !lesson) {\n return (\n <PageLayout title=\"Lesson\" backPath={backPath}>\n <Skeleton className=\"mb-4 h-10 w-1/2 rounded-xl\" />\n <Skeleton className=\"h-80 w-full rounded-xl\" />\n </PageLayout>\n );\n }\n\n if (error \|\| !lesson \|\| !course \|\| lesson.courseId !== course.id) {\n return (\n <PageLayout title=\"Lesson\" backPath={backPath}>\n {error ? (\n <ErrorView title=\"Couldn't load lesson\" error={error} />\n ) : (\n <EmptyView title=\"Lesson not found\" description=\"This lesson may have been removed.\" />\n )}\n </PageLayout>\n );\n }\n\n const Icon = KIND_ICON[lesson.kind] ?? FileText;\n const done = !!lesson.completedByMe;\n const byCheck = completesByCheck(lesson);\n\n return (\n <PageLayout\n backPath={backPath}\n title={lesson.title}\n description={`${course.title} · Lesson ${index + 1} of ${lessons.length}`}\n actions={\n done ? (\n <span className=\"inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg-subtle px-3 py-1.5 text-sm font-medium text-status-success-text\">\n <CheckCircle2 size={15} /> Completed\n </span>\n ) : null\n }\n >\n <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_280px]\">\n <div className=\"min-w-0 space-y-4\">\n <div className=\"flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n <span className=\"inline-flex items-center gap-1 rounded-full bg-accent-primary/6 px-2 py-0.5 font-medium text-accent-primary\">\n <Icon size={12} /> {humanizeEnum(lesson.kind)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n </span>\n {lesson.isPreview ? (\n <span className=\"rounded-full border border-accent-primary/30 px-2 py-0.5\">\n Free preview\n </span>\n ) : null}\n </div>\n\n {!enrollment ? (\n <GlassCard className=\"flex flex-col items-start gap-3 p-4 sm:flex-row sm:items-center sm:justify-between\">\n <p className=\"text-sm text-text-secondary\">\n Enroll in this course to save your progress and earn a certificate.\n </p>\n <Button size=\"sm\" onClick={() => void handleEnroll()} disabled={enrolling}>\n <BookOpen size={14} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n </Button>\n </GlassCard>\n ) : null}\n\n <GlassCard className=\"p-5\" data-testid=\"lesson-player-body\">\n {lesson.isLocked ? (\n <UpgradeGate description=\"This lesson is part of a paid TechnoSpam plan. Its content unlocks once your workspace upgrades.\" />\n ) : (\n <LessonBody lesson={lesson} onProgress={refreshProgress} />\n )}\n </GlassCard>\n\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <Button\n variant=\"outline\"\n disabled={!prev}\n onClick={() => prev && navigate(lessonPlayerPath(courseId, prev.id))}\n >\n <ArrowLeft size={15} /> Previous\n </Button>\n <div className=\"flex flex-wrap items-center gap-2\">\n {enrollment && !done && !byCheck && !lesson.isLocked ? (\n <Button onClick={() => void handleComplete()} disabled={completing}>\n <CheckCircle2 size={15} /> {completing ? 'Saving…' : 'Mark complete'}\n </Button>\n ) : null}\n {enrollment && !done && byCheck && !lesson.isLocked ? (\n <span className=\"text-xs text-text-muted\">\n {lesson.kind === 'QUIZ'\n ? 'Pass the quiz to complete this lesson.'\n : 'Run code that prints the expected output to complete this lesson.'}\n </span>\n ) : null}\n <Button\n variant={done \|\| !enrollment ? 'default' : 'outline'}\n disabled={!next}\n onClick={() => next && navigate(lessonPlayerPath(courseId, next.id))}\n >\n Next <ArrowRight size={15} />\n </Button>\n </div>\n </div>\n </div>\n\n <GlassCard className=\"h-fit p-4\">\n <div className=\"mb-2 flex items-center justify-between\">\n <span className=\"text-xs font-semibold uppercase tracking-wide text-text-muted\">\n Curriculum\n </span>\n {enrollment ? (\n <span className=\"text-xs text-text-secondary\" data-testid=\"lesson-player-progress\">\n {enrollment.progressPct}% complete\n </span>\n ) : null}\n </div>\n {enrollment ? (\n <div className=\"mb-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all duration-500\"\n style={{ width: `${enrollment.progressPct}%` }}\n />\n </div>\n ) : null}\n <ol className=\"space-y-1\">\n {lessons.map((l, i) => {\n const LIcon = KIND_ICON[l.kind] ?? FileText;\n const current = l.id === lesson.id;\n return (\n <li key={l.id}>\n <button\n type=\"button\"\n aria-current={current ? 'page' : undefined}\n onClick={() => navigate(lessonPlayerPath(courseId, l.id))}\n className={cn(\n 'flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-bg-sunken',\n current && 'bg-accent-primary/6 font-medium text-accent-primary'\n )}\n >\n <span className=\"w-5 shrink-0 text-center text-xs tabular-nums text-text-muted\">\n {i + 1}\n </span>\n {l.completedByMe ? (\n <CheckCircle2 size={14} className=\"shrink-0 text-status-success-text\" />\n ) : l.isLocked ? (\n <Lock size={14} className=\"shrink-0 text-text-muted\" />\n ) : (\n <LIcon size={14} className=\"shrink-0 text-text-muted\" />\n )}\n <span className=\"min-w-0 flex-1 truncate\">{l.title}</span>\n </button>\n </li>\n );\n })}\n </ol>\n </GlassCard>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CoursesLessonPlayerPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesLessonPlayerPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { Markdown } from '@burdenoff/fe-libs/shared/components/Markdown';\nimport {\n ArrowLeft,\n ArrowRight,\n BookOpen,\n CheckCircle2,\n Clock,\n CloudOff,\n FileText,\n Layers,\n Lock,\n PlayCircle,\n Sparkles,\n type LucideIcon,\n} from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, UpgradeGate } from '../components';\nimport { InteractiveWorkspace } from '../components/lesson/InteractiveWorkspace';\nimport { QuizLesson } from '../components/lesson/QuizLesson';\nimport { useTechnoSpamNavigate, useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n useCompleteLesson,\n useEnroll,\n useLessonPlayerQuery,\n useMyEnrollmentsQuery,\n type TecLesson,\n type TecLessonKind,\n} from '../api/technospamApi';\nimport { formatDuration, humanizeEnum } from '../utils/format';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { useTechnoSpamAnalytics } from '../hooks/useTechnoSpamAnalytics';\nimport { FOCUS_PARAMS } from '../utils/pageContext';\nimport { courseDetailsPath, lessonPlayerPath } from '../utils/lessonPath';\nimport {\n useOfflineProgressSync,\n useOnlineStatus,\n usePurgeOtherUsersLessons,\n} from '../hooks/useOfflineLessons';\nimport { offlineScope, readLessonSnapshot, saveLessonSnapshot } from '../lib/offlineLessons';\n\nconst KIND_ICON: Record<TecLessonKind, LucideIcon> = {\n VIDEO: PlayCircle,\n ARTICLE: FileText,\n INTERACTIVE: Sparkles,\n QUIZ: CheckCircle2,\n PROJECT: Layers,\n};\n\n/** Lessons whose completion is earned (a passed quiz, a matching run) rather than self-reported. /\nfunction completesByCheck(lesson: TecLesson): boolean {\n if (lesson.kind === 'QUIZ') return (lesson.quizQuestions?.length ?? 0) > 0;\n if (lesson.kind === 'INTERACTIVE') return !!lesson.expectedOutput;\n return false;\n}\n\n/* \" on <date>\" for a snapshot's save time, or nothing when the stored value is not a valid date. /\nfunction savedOnLabel(savedAt: string): string {\n const saved = new Date(savedAt);\n return Number.isNaN(saved.getTime()) ? '' : ` on ${saved.toLocaleDateString()}`;\n}\n\n/* Shown in place of the parts of a lesson that need the network when it is read offline. /\nfunction NeedsConnection({ children }: { children: string }) {\n return (\n <p\n className=\"flex items-center gap-2 rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted\"\n data-testid=\"lesson-needs-connection\"\n >\n <CloudOff size={15} className=\"shrink-0\" /> {children}\n </p>\n );\n}\n\nfunction LessonBody({\n lesson,\n onProgress,\n offline,\n}: {\n lesson: TecLesson;\n onProgress: () => void;\n /* Rendering a saved copy without a connection: network-only parts are replaced by a notice. /\n offline: boolean;\n}) {\n const notes = lesson.content ? (\n <Markdown className=\"prose prose-sm max-w-none text-text-secondary dark:prose-invert\">\n {lesson.content}\n </Markdown>\n ) : null;\n\n switch (lesson.kind) {\n case 'VIDEO': {\n const src = lesson.file?.downloadUrl;\n const isVideo = !lesson.file?.mimeType \|\| lesson.file.mimeType.startsWith('video/');\n return (\n <div className=\"space-y-4\">\n {offline ? (\n <NeedsConnection>\n The video plays once you are back online. The lesson notes are below.\n </NeedsConnection>\n ) : src && isVideo ? (\n <video\n controls\n preload=\"metadata\"\n src={src}\n className=\"aspect-video w-full rounded-xl bg-bg-sunken\"\n data-testid=\"lesson-video\"\n >\n <track kind=\"captions\" />\n </video>\n ) : (\n <p className=\"rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted\">\n The video for this lesson has not been uploaded yet.\n </p>\n )}\n {notes}\n </div>\n );\n }\n case 'QUIZ':\n return (\n <div className=\"space-y-4\">\n {notes}\n {offline ? (\n <NeedsConnection>\n Quizzes are graded online. Reconnect to take this one.\n </NeedsConnection>\n ) : (\n <QuizLesson key={lesson.id} lesson={lesson} onPassed={onProgress} />\n )}\n </div>\n );\n case 'INTERACTIVE':\n return (\n <div className=\"grid grid-cols-1 gap-5 xl:grid-cols-2\">\n <div className=\"min-w-0\">\n {notes ?? (\n <p className=\"text-sm text-text-muted\">\n Edit the code, run it, and compare the output with what the lesson expects.\n </p>\n )}\n </div>\n <div className=\"min-w-0\">\n {offline ? (\n <NeedsConnection>\n Code runs in an online sandbox. Reconnect to run this lesson.\n </NeedsConnection>\n ) : (\n <InteractiveWorkspace key={lesson.id} lesson={lesson} onCompleted={onProgress} />\n )}\n </div>\n </div>\n );\n case 'PROJECT':\n case 'ARTICLE':\n default:\n return (\n notes ?? (\n <p className=\"rounded-xl border border-dashed border-border-seam px-4 py-3 text-sm text-text-muted\">\n No content published for this lesson yet.\n </p>\n )\n );\n }\n}\n\n/\n Lesson player (BOFF-4107): renders one lesson of a course by kind — article\n * and project briefs as markdown, video through the federated File, quizzes\n * graded server-side, and a runnable sandbox workspace for INTERACTIVE\n * lessons — with the curriculum alongside and per-lesson progress tracking.\n * URL: `/courses/lesson-player-page?id=<courseId>&lessonId=<lessonId>`.\n */\nexport function CoursesLessonPlayerPagePage() {\n const [params] = useSearchParams();\n const courseId = params.get(FOCUS_PARAMS.id) ?? '';\n const lessonId = params.get(FOCUS_PARAMS.lesson) ?? '';\n const navigate = useTechnoSpamNavigate();\n const { workspaceId, currentUser } = useTechnoSpam();\n const { emit } = useTechnoSpamAnalytics();\n const { data, loading, error, refetch } = useLessonPlayerQuery(courseId, lessonId);\n const [completeLesson, { loading: completing }] = useCompleteLesson();\n const [enroll, { loading: enrolling }] = useEnroll();\n\n useEffect(() => {\n if (lessonId) {\n emit('technospam.lesson.viewed', {\n workspaceId,\n entityId: lessonId,\n entityType: 'TEC_LESSON',\n });\n }\n }, [lessonId, workspaceId, emit]);\n\n const online = useOnlineStatus();\n // Offline data belongs to this learner in this workspace (BOFF-4418).\n const scope = offlineScope(workspaceId, currentUser?.id);\n usePurgeOtherUsersLessons(currentUser?.id);\n const { pendingLessonIds, queueCompletion } = useOfflineProgressSync(scope);\n // BOFF-4418: with no live lesson (offline, or the request failed) fall back\n // to the copy saved on this device the last time the lesson was opened.\n const liveLesson = data?.tecLesson ?? null;\n const offlineCopy = useMemo(\n () => (liveLesson \|\| (online && !error) ? null : readLessonSnapshot(scope, courseId, lessonId)),\n [liveLesson, online, error, scope, courseId, lessonId]\n );\n const lesson = liveLesson ?? offlineCopy?.lesson ?? null;\n const course = data?.tecCourse ?? offlineCopy?.course ?? null;\n // BOFF-10481: the learner's own enrollment in this course, from the\n // canonical self-scoped Buildmyiq field (narrowed by the course's canonical\n // id on the server and its Technospam id on the client).\n const { enrollments: myEnrollments, refetch: refetchEnrollment } = useMyEnrollmentsQuery({\n buiCourseId: course?.buiCourseId,\n technospamCourseId: courseId,\n skip: !courseId,\n });\n const enrollment = myEnrollments[0] ?? offlineCopy?.enrollment ?? null;\n // Back online while showing the saved copy: load the live lesson and\n // enrollment again so video, quizzes and code runs work without leaving the page.\n const showingSavedCopy = !liveLesson && !!offlineCopy;\n useEffect(() => {\n if (!online \|\| !showingSavedCopy) return;\n void refetch();\n void refetchEnrollment();\n }, [online, showingSavedCopy, refetch, refetchEnrollment]);\n\n // Keep every lesson the learner opens readable offline.\n // Depends on the enrollment's id and progress, not the array identity, so a\n // re-render never rewrites storage.\n const liveEnrollmentId = myEnrollments[0]?.id;\n const liveProgressPct = myEnrollments[0]?.progressPct;\n useEffect(() => {\n if (!data \|\| !liveLesson \|\| !scope) return;\n saveLessonSnapshot(\n scope,\n data,\n liveEnrollmentId !== undefined && liveProgressPct !== undefined\n ? { id: liveEnrollmentId, progressPct: liveProgressPct }\n : null\n );\n }, [data, liveLesson, scope, liveEnrollmentId, liveProgressPct]);\n const lessons = [...(course?.lessons ?? [])].sort((a, b) => a.position - b.position);\n const index = lessons.findIndex((l) => l.id === lessonId);\n const prev = index > 0 ? lessons[index - 1] : undefined;\n const next = index >= 0 && index < lessons.length - 1 ? lessons[index + 1] : undefined;\n const backPath = courseDetailsPath(courseId);\n\n const refreshProgress = (): void => {\n void refetch();\n void refetchEnrollment();\n };\n\n const handleComplete = async (): Promise<void> => {\n if (!lesson) return;\n if (!online) {\n if (!queueCompletion(courseId, lesson.id)) {\n notify.error(\n 'Could not save progress',\n 'This device has no room to keep your progress offline. Reconnect to mark the lesson complete.'\n );\n return;\n }\n notify.info('Saved on this device', 'Your progress syncs as soon as you are back online.');\n if (next) navigate(lessonPlayerPath(courseId, next.id));\n return;\n }\n const res = await completeLesson({ variables: { lessonId: lesson.id } });\n const updated = res.data?.tecCompleteLesson;\n if (!updated) return;\n emit('technospam.lesson.completed', {\n workspaceId,\n entityId: lesson.id,\n entityType: 'TEC_LESSON',\n });\n notify.success('Lesson completed', `${updated.progressPct}% of the course done`);\n if (next) navigate(lessonPlayerPath(courseId, next.id));\n else await refetch();\n };\n\n const handleEnroll = async (): Promise<void> => {\n const res = await enroll({ variables: { input: { courseId } } });\n if (res.data?.tecEnroll) {\n notify.success(\n 'Enrolled',\n `Your progress in \"${course?.title ?? 'this course'}\" is now tracked.`\n );\n await refetch();\n }\n };\n\n if (!courseId \|\| !lessonId) {\n return (\n <PageLayout title=\"Lesson\" backPath=\"/courses/courses-page\">\n <EmptyView\n title=\"No lesson selected\"\n description=\"Open a lesson from a course curriculum.\"\n />\n </PageLayout>\n );\n }\n\n if (loading && !lesson) {\n return (\n <PageLayout title=\"Lesson\" backPath={backPath}>\n <Skeleton className=\"mb-4 h-10 w-1/2 rounded-xl\" />\n <Skeleton className=\"h-80 w-full rounded-xl\" />\n </PageLayout>\n );\n }\n\n if ((error && !offlineCopy) \|\| !lesson \|\| !course \|\| lesson.courseId !== course.id) {\n return (\n <PageLayout title=\"Lesson\" backPath={backPath}>\n {error ? (\n <ErrorView title=\"Couldn't load lesson\" error={error} />\n ) : (\n <EmptyView title=\"Lesson not found\" description=\"This lesson may have been removed.\" />\n )}\n </PageLayout>\n );\n }\n\n const Icon = KIND_ICON[lesson.kind] ?? FileText;\n const pendingSync = pendingLessonIds.includes(lesson.id);\n const done = !!lesson.completedByMe \|\| pendingSync;\n const readingOffline = showingSavedCopy;\n const byCheck = completesByCheck(lesson);\n\n return (\n <PageLayout\n backPath={backPath}\n title={lesson.title}\n description={`${course.title} · Lesson ${index + 1} of ${lessons.length}`}\n actions={\n done ? (\n <span className=\"inline-flex items-center gap-1.5 rounded-full border border-status-success-border bg-status-success-bg-subtle px-3 py-1.5 text-sm font-medium text-status-success-text\">\n <CheckCircle2 size={15} />{' '}\n {pendingSync && !lesson.completedByMe ? 'Completed · syncs when online' : 'Completed'}\n </span>\n ) : null\n }\n >\n <div className=\"grid grid-cols-1 gap-5 lg:grid-cols-[minmax(0,1fr)_280px]\">\n <div className=\"min-w-0 space-y-4\">\n <div className=\"flex flex-wrap items-center gap-2 text-xs text-text-muted\">\n <span className=\"inline-flex items-center gap-1 rounded-full bg-accent-primary/6 px-2 py-0.5 font-medium text-accent-primary\">\n <Icon size={12} /> {humanizeEnum(lesson.kind)}\n </span>\n <span className=\"inline-flex items-center gap-1\">\n <Clock size={12} /> {formatDuration(lesson.estimatedMinutes)}\n </span>\n {lesson.isPreview ? (\n <span className=\"rounded-full border border-accent-primary/30 px-2 py-0.5\">\n Free preview\n </span>\n ) : null}\n </div>\n\n {readingOffline && offlineCopy ? (\n <div\n className=\"flex items-center gap-2 rounded-xl border border-status-warning-border bg-status-warning-bg-subtle px-4 py-2.5 text-sm text-status-warning-text\"\n data-testid=\"lesson-offline-banner\"\n role=\"status\"\n >\n <CloudOff size={15} className=\"shrink-0\" />\n {online\n ? \"Couldn't reach TechnoSpam. Showing the copy saved on this device\"\n : 'You are offline. Showing the copy saved on this device'}\n {savedOnLabel(offlineCopy.savedAt)}.\n </div>\n ) : null}\n\n {!enrollment && !readingOffline ? (\n <GlassCard className=\"flex flex-col items-start gap-3 p-4 sm:flex-row sm:items-center sm:justify-between\">\n <p className=\"text-sm text-text-secondary\">\n Enroll in this course to save your progress and earn a certificate.\n </p>\n <Button size=\"sm\" onClick={() => void handleEnroll()} disabled={enrolling}>\n <BookOpen size={14} /> {enrolling ? 'Enrolling…' : 'Enroll'}\n </Button>\n </GlassCard>\n ) : null}\n\n <GlassCard className=\"p-5\" data-testid=\"lesson-player-body\">\n {lesson.isLocked ? (\n <UpgradeGate description=\"This lesson is part of a paid TechnoSpam plan. Its content unlocks once your workspace upgrades.\" />\n ) : (\n <LessonBody\n lesson={lesson}\n onProgress={refreshProgress}\n offline={!online \|\| readingOffline}\n />\n )}\n </GlassCard>\n\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <Button\n variant=\"outline\"\n disabled={!prev}\n onClick={() => prev && navigate(lessonPlayerPath(courseId, prev.id))}\n >\n <ArrowLeft size={15} /> Previous\n </Button>\n <div className=\"flex flex-wrap items-center gap-2\">\n {enrollment && !done && !byCheck && !lesson.isLocked ? (\n <Button onClick={() => void handleComplete()} disabled={completing}>\n <CheckCircle2 size={15} /> {completing ? 'Saving…' : 'Mark complete'}\n </Button>\n ) : null}\n {enrollment && !done && byCheck && !lesson.isLocked ? (\n <span className=\"text-xs text-text-muted\">\n {lesson.kind === 'QUIZ'\n ? 'Pass the quiz to complete this lesson.'\n : 'Run code that prints the expected output to complete this lesson.'}\n </span>\n ) : null}\n <Button\n variant={done \|\| !enrollment ? 'default' : 'outline'}\n disabled={!next}\n onClick={() => next && navigate(lessonPlayerPath(courseId, next.id))}\n >\n Next <ArrowRight size={15} />\n </Button>\n </div>\n </div>\n </div>\n\n <GlassCard className=\"h-fit p-4\">\n <div className=\"mb-2 flex items-center justify-between\">\n <span className=\"text-xs font-semibold uppercase tracking-wide text-text-muted\">\n Curriculum\n </span>\n {enrollment ? (\n <span className=\"text-xs text-text-secondary\" data-testid=\"lesson-player-progress\">\n {enrollment.progressPct}% complete\n </span>\n ) : null}\n </div>\n {enrollment ? (\n <div className=\"mb-3 h-1.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className=\"h-full rounded-full bg-accent-primary transition-all duration-500\"\n style={{ width: `${enrollment.progressPct}%` }}\n />\n </div>\n ) : null}\n <ol className=\"space-y-1\">\n {lessons.map((l, i) => {\n const LIcon = KIND_ICON[l.kind] ?? FileText;\n const current = l.id === lesson.id;\n return (\n <li key={l.id}>\n <button\n type=\"button\"\n aria-current={current ? 'page' : undefined}\n onClick={() => navigate(lessonPlayerPath(courseId, l.id))}\n className={cn(\n 'flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-sm transition-colors hover:bg-bg-sunken',\n current && 'bg-accent-primary/6 font-medium text-accent-primary'\n )}\n >\n <span className=\"w-5 shrink-0 text-center text-xs tabular-nums text-text-muted\">\n {i + 1}\n </span>\n {l.completedByMe ? (\n <CheckCircle2 size={14} className=\"shrink-0 text-status-success-text\" />\n ) : l.isLocked ? (\n <Lock size={14} className=\"shrink-0 text-text-muted\" />\n ) : (\n <LIcon size={14} className=\"shrink-0 text-text-muted\" />\n )}\n <span className=\"min-w-0 flex-1 truncate\">{l.title}</span>\n </button>\n </li>\n );\n })}\n </ol>\n </GlassCard>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/CoursesMyLearningPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CoursesMyLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"names":[],"mappings":"~~AAgGA~~,wBAAgB,yBAAyB,~~gCAoJxC~~"}
1	+ {"version":3,"file":"CoursesMyLearningPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesMyLearningPagePage.tsx"],"names":[],"mappings":"AAiGA,wBAAgB,yBAAyB,gCAqJxC"}