@burdenoff/microfe-technospam 2026.1102.3 → 2026.1102.4

package/dist/technospam/pages/CoursesAssessmentPagePage.js

@@ -0,0 +1,464 @@
+import { cn as e } from "../utils/cn.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { formatDateTime as n } from "../utils/format.js";
+import { StatusBadge as r } from "../components/StatusBadge.js";
+import { EmptyView as i, ErrorView as a } from "../components/StateViews.js";
+import { notify as o } from "../lib/toast.js";
+import { userMessageFromError as s } from "../lib/errorMessage.js";
+import "../components/index.js";
+import { courseDetailsPath as c } from "../utils/lessonPath.js";
+import { useAssessmentQuery as l, useClaimAssessmentCertificate as u, useMyAssessmentAttemptsQuery as d, useRecordAssessmentSignal as f, useSaveAssessmentAnswers as p, useStartAssessment as m, useSubmitAssessment as h } from "../api/assessmentApi.js";
+import { answeredCount as g, attemptsLeft as _, certificatePending as v, formatClock as y, proctoringModeDescription as b, proctoringStatusDescription as x } from "../utils/assessment.js";
+import { useAssessmentIntegrity as S } from "../hooks/useAssessmentIntegrity.js";
+import { useCallback as C, useEffect as w, useRef as T, useState as E } from "react";
+import { Award as D, CheckCircle2 as O, Clock as k, Maximize as A, RotateCcw as j, Send as M, ShieldCheck as N, Timer as P, XCircle as F } from "lucide-react";
+import { useSearchParams as I } from "react-router";
+import { jsx as L, jsxs as R } from "react/jsx-runtime";
+import { Button as z, GlassCard as B, Skeleton as V } from "@burdenoff/fe-libs/ui";
+//#region src/technospam/pages/CoursesAssessmentPagePage.tsx
+var H = 1500, U = 5e3, W = 3e4;
+function G({ icon: e, children: t }) {
+	return /* @__PURE__ */ R("li", {
+		className: "flex items-start gap-2 text-sm text-text-secondary",
+		children: [/* @__PURE__ */ L(e, {
+			size: 16,
+			className: "mt-0.5 shrink-0 text-text-muted"
+		}), /* @__PURE__ */ L("span", { children: t })]
+	});
+}
+function K({ assessment: e, attempts: t, onStarted: n }) {
+	let [r, i] = E(!1), [a, o] = E(null), [c, { loading: l }] = m(), u = e.proctoringMode !== "NONE", d = _(e, t), f = typeof document < "u" && document.fullscreenEnabled === !0, p = async () => {
+		o(null), e.requireFullscreen && u && f && await document.documentElement.requestFullscreen().catch(() => void 0);
+		try {
+			let t = (await c({ variables: {
+				assessmentId: e.id,
+				acceptMonitoring: u ? r : !1
+			} })).data?.tecStartAssessment;
+			t && n(t);
+		} catch (e) {
+			o(s(e)), document.fullscreenElement && document.exitFullscreen().catch(() => void 0);
+		}
+	};
+	return /* @__PURE__ */ R(B, {
+		className: "space-y-5 p-6",
+		"data-testid": "assessment-intro",
+		children: [
+			e.description ? /* @__PURE__ */ L("p", {
+				className: "text-sm text-text-secondary",
+				children: e.description
+			}) : null,
+			/* @__PURE__ */ R("ul", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ R(G, {
+						icon: P,
+						children: [e.timeLimitMinutes, " minutes, timed by the server from the moment you start. Unsubmitted answers are saved as you go and graded when time runs out."]
+					}),
+					/* @__PURE__ */ R(G, {
+						icon: O,
+						children: [
+							e.questionCount,
+							" questions, presented in a random order. You need",
+							" ",
+							e.passingScore,
+							"% to pass."
+						]
+					}),
+					/* @__PURE__ */ R(G, {
+						icon: j,
+						children: [
+							d,
+							" of ",
+							e.maxAttempts,
+							" attempt",
+							e.maxAttempts === 1 ? "" : "s",
+							" left."
+						]
+					}),
+					/* @__PURE__ */ L(G, {
+						icon: N,
+						children: b(e.proctoringMode)
+					}),
+					u && e.requireFullscreen ? /* @__PURE__ */ L(G, {
+						icon: A,
+						children: "The exam runs in fullscreen. Leaving fullscreen is recorded."
+					}) : null,
+					u && e.blockClipboard ? /* @__PURE__ */ L(G, {
+						icon: F,
+						children: "Copy, cut, paste and the right-click menu are disabled and recorded."
+					}) : null,
+					e.issuesCertificate ? /* @__PURE__ */ L(G, {
+						icon: D,
+						children: "Passing earns the course certificate once the integrity check is cleared."
+					}) : null
+				]
+			}),
+			u ? /* @__PURE__ */ R("label", {
+				className: "flex items-start gap-2 text-sm text-text-primary",
+				children: [/* @__PURE__ */ L("input", {
+					type: "checkbox",
+					className: "mt-0.5",
+					checked: r,
+					onChange: (e) => i(e.target.checked),
+					"data-testid": "assessment-consent"
+				}), /* @__PURE__ */ L("span", { children: "I agree that integrity events from this browser tab are recorded for this attempt. No camera, microphone or screen recording is used." })]
+			}) : null,
+			a ? /* @__PURE__ */ L("p", {
+				role: "alert",
+				className: "text-sm text-status-error-text",
+				children: a
+			}) : null,
+			/* @__PURE__ */ R(z, {
+				onClick: () => void p(),
+				disabled: l || d === 0 || u && !r,
+				"data-testid": "assessment-start",
+				children: [
+					/* @__PURE__ */ L(P, { size: 15 }),
+					" ",
+					l ? "Starting…" : "Start assessment"
+				]
+			})
+		]
+	});
+}
+function q({ attempt: t, onClosed: n }) {
+	let [r, i] = E(() => t.questions.map((e, n) => t.savedAnswers[n] ?? -1)), [a, o] = E(t.integrityViolations), [c] = E(() => Date.now() + t.remainingSeconds * 1e3), [l, u] = E(t.remainingSeconds), [d] = p(), [m] = f(), [_, { loading: v }] = h(), b = T(!1), x = T(0), D = T(r);
+	w(() => {
+		D.current = r;
+	}, [r]);
+	let O = t.proctoringMode !== "NONE", j = C((e, n) => {
+		b.current || m({ variables: {
+			attemptId: t.id,
+			signal: e,
+			detail: n ?? null
+		} }).then((e) => {
+			let t = e.data?.tecRecordAssessmentSignal;
+			t && o(t.integrityViolations);
+		}).catch(() => void 0);
+	}, [t.id, m]), N = S({
+		active: O,
+		requireFullscreen: t.requireFullscreen,
+		blockClipboard: t.blockClipboard,
+		onSignal: j
+	}), P = O && t.requireFullscreen && N.fullscreenSupported && !N.isFullscreen, F = C(() => {
+		b.current = !1, x.current = Date.now() + U;
+	}, []), I = C(async (e) => {
+		if (!b.current) {
+			b.current = !0;
+			try {
+				let r = (await _({ variables: {
+					attemptId: t.id,
+					answers: e
+				} })).data?.tecSubmitAssessment ?? null;
+				(!r || r.status === "IN_PROGRESS") && F(), n(r);
+			} catch (e) {
+				F(), n(null, s(e));
+			}
+		}
+	}, [
+		t.id,
+		n,
+		F,
+		_
+	]);
+	w(() => {
+		let e = () => {
+			let e = Math.max(0, Math.round((c - Date.now()) / 1e3));
+			u(e), e === 0 && Date.now() >= x.current && I(D.current);
+		};
+		e();
+		let t = window.setInterval(e, 1e3);
+		return () => window.clearInterval(t);
+	}, [c, I]);
+	let V = T(!1), G = T(!1), K = T(void 0), q = T(0), J = T(!0), [Y, X] = E("saved"), Z = C(async () => {
+		if (!J.current) return;
+		if (V.current) {
+			G.current = !0;
+			return;
+		}
+		K.current !== void 0 && (window.clearTimeout(K.current), K.current = void 0), V.current = !0, X("saving");
+		let e = !1;
+		try {
+			do {
+				if (G.current = !1, b.current || !J.current) break;
+				try {
+					await d({ variables: {
+						attemptId: t.id,
+						answers: D.current
+					} }), q.current = 0;
+				} catch {
+					e = !0, G.current = !1;
+					break;
+				}
+			} while (G.current);
+		} finally {
+			V.current = !1;
+		}
+		if (!(b.current || !J.current)) if (e) {
+			X("unsaved"), q.current += 1;
+			let e = Math.min(W, H * 2 ** q.current);
+			K.current = window.setTimeout(() => void Z(), e);
+		} else X("saved");
+	}, [t.id, d]);
+	w(() => (J.current = !0, () => {
+		J.current = !1, K.current !== void 0 && window.clearTimeout(K.current);
+	}), []), w(() => {
+		if (b.current) return;
+		let e = window.setTimeout(() => void Z(), H);
+		return () => window.clearTimeout(e);
+	}, [r, Z]);
+	let Q = g(r);
+	return /* @__PURE__ */ R("div", {
+		className: "space-y-4",
+		"data-testid": "assessment-exam",
+		children: [/* @__PURE__ */ R(B, {
+			className: "sticky top-0 z-10 flex flex-wrap items-center justify-between gap-3 p-4",
+			children: [
+				/* @__PURE__ */ R("div", {
+					className: e("flex items-center gap-2 font-mono text-lg font-semibold", l <= 60 ? "text-status-error-text" : "text-text-primary"),
+					"aria-live": "polite",
+					"data-testid": "assessment-timer",
+					children: [
+						/* @__PURE__ */ L(k, { size: 18 }),
+						" ",
+						y(l)
+					]
+				}),
+				/* @__PURE__ */ R("span", {
+					className: "text-sm text-text-secondary",
+					children: [
+						Q,
+						" of ",
+						t.questions.length,
+						" answered"
+					]
+				}),
+				/* @__PURE__ */ L("span", {
+					className: e("text-xs", Y === "unsaved" ? "text-status-warning-text" : "text-text-muted"),
+					role: "status",
+					"data-testid": "assessment-save-state",
+					children: Y === "saving" ? "Saving…" : Y === "unsaved" ? "Answers not saved yet, retrying…" : "Answers saved"
+				}),
+				O ? /* @__PURE__ */ R("span", {
+					className: "text-sm text-text-secondary",
+					"data-testid": "assessment-violations",
+					children: [
+						"Integrity events: ",
+						a,
+						t.proctoringMode === "INTEGRITY_MONITORING" ? ` (allowed ${t.maxIntegrityViolations})` : ""
+					]
+				}) : null,
+				/* @__PURE__ */ R(z, {
+					onClick: () => {
+						window.confirm("Submit your answers? You cannot change them afterwards.") && I(r);
+					},
+					disabled: v,
+					"data-testid": "assessment-submit",
+					children: [
+						/* @__PURE__ */ L(M, { size: 15 }),
+						" ",
+						v ? "Submitting…" : "Submit"
+					]
+				})
+			]
+		}), P ? /* @__PURE__ */ R(B, {
+			className: "space-y-3 p-6 text-center",
+			"data-testid": "assessment-fullscreen-gate",
+			children: [/* @__PURE__ */ L("p", {
+				className: "text-sm text-text-primary",
+				children: "This exam runs in fullscreen. Leaving fullscreen was recorded. Return to fullscreen to continue."
+			}), /* @__PURE__ */ R(z, {
+				onClick: () => void N.enterFullscreen(),
+				children: [/* @__PURE__ */ L(A, { size: 15 }), " Return to fullscreen"]
+			})]
+		}) : /* @__PURE__ */ L("div", {
+			className: e("space-y-4", t.blockClipboard && O && "select-none"),
+			children: t.questions.map((n) => /* @__PURE__ */ R("fieldset", {
+				className: "rounded-xl border border-border-seam bg-bg-surface p-4",
+				disabled: v,
+				"data-testid": "assessment-question",
+				children: [/* @__PURE__ */ R("legend", {
+					className: "px-1 text-sm font-semibold text-text-primary",
+					children: [
+						n.position + 1,
+						". ",
+						n.prompt
+					]
+				}), /* @__PURE__ */ L("div", {
+					className: "mt-2 space-y-2",
+					children: n.options.map((a, o) => {
+						let s = r[n.position] === o;
+						return /* @__PURE__ */ R("label", {
+							className: e("flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors", s ? "border-accent-primary bg-accent-primary/10" : "border-border-seam"),
+							children: [/* @__PURE__ */ L("input", {
+								type: "radio",
+								name: `tec-assessment-${t.id}-${n.position}`,
+								checked: s,
+								onChange: () => i((e) => e.map((e, t) => t === n.position ? o : e))
+							}), /* @__PURE__ */ L("span", {
+								className: "text-text-primary",
+								children: a
+							})]
+						}, o);
+					})
+				})]
+			}, n.position))
+		})]
+	});
+}
+function J({ attempt: e, assessment: t, canRetake: i, onRetake: a }) {
+	let [s, { loading: c }] = u(), l = e.passed === !0;
+	return /* @__PURE__ */ R(B, {
+		className: "space-y-4 p-6",
+		"data-testid": "assessment-result",
+		children: [
+			/* @__PURE__ */ R("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					l ? /* @__PURE__ */ L(O, {
+						size: 22,
+						className: "text-status-success-text"
+					}) : /* @__PURE__ */ L(F, {
+						size: 22,
+						className: "text-status-error-text"
+					}),
+					/* @__PURE__ */ R("h2", {
+						className: "text-lg font-semibold text-text-primary",
+						"data-testid": "assessment-score",
+						children: [
+							e.score ?? 0,
+							"% · ",
+							l ? "Passed" : "Not passed"
+						]
+					}),
+					/* @__PURE__ */ L(r, { status: e.status }),
+					/* @__PURE__ */ L(r, { status: e.proctoringStatus })
+				]
+			}),
+			/* @__PURE__ */ R("p", {
+				className: "text-sm text-text-secondary",
+				children: [
+					e.correctCount,
+					" of ",
+					e.totalCount,
+					" correct; ",
+					e.passingScore,
+					"% needed to pass. Attempt ",
+					e.attemptNumber,
+					e.submittedAt ? `, closed ${n(e.submittedAt)}` : "",
+					"."
+				]
+			}),
+			/* @__PURE__ */ R("p", {
+				className: "text-sm text-text-secondary",
+				"data-testid": "assessment-proctoring",
+				children: [x(e.proctoringStatus), e.proctoringMode === "NONE" ? "" : ` Integrity events recorded: ${e.integrityViolations}.`]
+			}),
+			e.reviewNotes ? /* @__PURE__ */ R("p", {
+				className: "rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
+				children: ["Reviewer note: ", e.reviewNotes]
+			}) : null,
+			e.certificate ? /* @__PURE__ */ R("p", {
+				className: "flex items-center gap-2 rounded-lg border border-status-success-border bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text",
+				"data-testid": "assessment-certificate",
+				children: [
+					/* @__PURE__ */ L(D, { size: 16 }),
+					" Certificate issued · serial ",
+					e.certificate.serial
+				]
+			}) : null,
+			/* @__PURE__ */ R("div", {
+				className: "flex flex-wrap gap-2",
+				children: [v(e, t) ? /* @__PURE__ */ R(z, {
+					variant: "outline",
+					disabled: c,
+					onClick: () => void s({ variables: { attemptId: e.id } }).then((e) => {
+						e.data?.tecClaimAssessmentCertificate.certificate && o.success("Certificate issued", "Your certificate is ready.");
+					}),
+					children: [
+						/* @__PURE__ */ L(D, { size: 15 }),
+						" ",
+						c ? "Issuing…" : "Issue my certificate"
+					]
+				}) : null, i ? /* @__PURE__ */ R(z, {
+					variant: "outline",
+					onClick: a,
+					"data-testid": "assessment-retake",
+					children: [/* @__PURE__ */ L(j, { size: 15 }), " Take another attempt"]
+				}) : null]
+			})
+		]
+	});
+}
+function Y() {
+	let [e] = I(), n = e.get("assessmentId") ?? "", { data: s, loading: u, error: f } = l(n), p = d(n || null), m = p.refetch, [h, g] = E(null), [v, y] = E(!1), [b, x] = E(null), S = s?.tecAssessment ?? null, w = p.data?.tecMyAssessmentAttempts ?? [], T = h ?? w.find((e) => e.status === "IN_PROGRESS") ?? null, D = w.find((e) => e.status !== "IN_PROGRESS") ?? null, O = S ? c(S.courseId) : "/courses/courses-page", k = C((e, t) => {
+		if (!e || e.status === "IN_PROGRESS") {
+			x(t ?? null);
+			return;
+		}
+		g(null), y(!1), x(t ?? null), o.success("Assessment submitted", `You scored ${e.score ?? 0}%.`), m();
+	}, [m]);
+	if (!n) return /* @__PURE__ */ L(t, {
+		title: "Assessment",
+		backPath: "/courses/courses-page",
+		children: /* @__PURE__ */ L(i, {
+			title: "No assessment selected",
+			description: "Open an assessment from a course page."
+		})
+	});
+	if (u && !S || p.loading && !p.data) return /* @__PURE__ */ R(t, {
+		title: "Assessment",
+		backPath: O,
+		children: [/* @__PURE__ */ L(V, { className: "mb-4 h-10 w-1/2 rounded-xl" }), /* @__PURE__ */ L(V, { className: "h-64 w-full rounded-xl" })]
+	});
+	if (f || p.error) return /* @__PURE__ */ L(t, {
+		title: "Assessment",
+		backPath: O,
+		children: /* @__PURE__ */ L(a, {
+			title: "Could not load this assessment",
+			error: f ?? p.error
+		})
+	});
+	if (!S) return /* @__PURE__ */ L(t, {
+		title: "Assessment",
+		backPath: "/courses/courses-page",
+		children: /* @__PURE__ */ L(i, {
+			title: "Assessment not found",
+			description: "It may have been removed from this workspace."
+		})
+	});
+	let A = _(S, w), j = S.status === "PUBLISHED", M;
+	return M = T ? /* @__PURE__ */ L(q, {
+		attempt: T,
+		onClosed: k
+	}, T.id) : D && !v ? /* @__PURE__ */ L(J, {
+		attempt: D,
+		assessment: S,
+		canRetake: j && A > 0,
+		onRetake: () => y(!0)
+	}) : j ? /* @__PURE__ */ L(K, {
+		assessment: S,
+		attempts: w,
+		onStarted: g
+	}) : /* @__PURE__ */ L(i, {
+		title: "This assessment is closed",
+		description: "It is not accepting new attempts."
+	}), /* @__PURE__ */ L(t, {
+		title: S.title,
+		description: S.course?.title ? `Certification assessment · ${S.course.title}` : void 0,
+		backPath: T ? void 0 : O,
+		actions: /* @__PURE__ */ L(r, { status: S.status }),
+		children: /* @__PURE__ */ R("div", {
+			className: "mx-auto w-full max-w-3xl space-y-4",
+			children: [b ? /* @__PURE__ */ L("p", {
+				role: "status",
+				className: "rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
+				children: b
+			}) : null, M]
+		})
+	});
+}
+//#endregion
+export { Y as CoursesAssessmentPagePage };
+
+//# sourceMappingURL=CoursesAssessmentPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CoursesAssessmentPagePage.js","names":[],"sources":["../../../src/technospam/pages/CoursesAssessmentPagePage.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport {\n  Award,\n  CheckCircle2,\n  Clock,\n  Maximize,\n  RotateCcw,\n  Send,\n  ShieldCheck,\n  Timer,\n  XCircle,\n} from 'lucide-react';\nimport { Button, GlassCard, Skeleton } from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatusBadge } from '../components';\nimport {\n  useAssessmentQuery,\n  useClaimAssessmentCertificate,\n  useMyAssessmentAttemptsQuery,\n  useRecordAssessmentSignal,\n  useSaveAssessmentAnswers,\n  useStartAssessment,\n  useSubmitAssessment,\n  type TecAssessment,\n  type TecAssessmentAttempt,\n  type TecAssessmentSignal,\n} from '../api/assessmentApi';\nimport { useAssessmentIntegrity } from '../hooks/useAssessmentIntegrity';\nimport { userMessageFromError } from '../lib/errorMessage';\nimport { notify } from '../lib/toast';\nimport { cn } from '../utils/cn';\nimport { formatDateTime } from '../utils/format';\nimport { courseDetailsPath } from '../utils/lessonPath';\nimport {\n  answeredCount,\n  attemptsLeft,\n  certificatePending,\n  formatClock,\n  proctoringModeDescription,\n  proctoringStatusDescription,\n} from '../utils/assessment';\n\n/** Debounce for saving answers while the learner works. */\nconst AUTOSAVE_MS = 1500;\n/** Delay before the expired countdown retries a submit that failed. */\nconst SUBMIT_RETRY_MS = 5_000;\n/** Upper bound for the backoff between retries of a failed autosave. */\nconst AUTOSAVE_RETRY_MAX_MS = 30_000;\n\nfunction Rule({ icon: Icon, children }: { icon: typeof Clock; children: React.ReactNode }) {\n  return (\n    <li className=\"flex items-start gap-2 text-sm text-text-secondary\">\n      <Icon size={16} className=\"mt-0.5 shrink-0 text-text-muted\" />\n      <span>{children}</span>\n    </li>\n  );\n}\n\nfunction AssessmentIntro({\n  assessment,\n  attempts,\n  onStarted,\n}: {\n  assessment: TecAssessment;\n  attempts: TecAssessmentAttempt[];\n  onStarted: (attempt: TecAssessmentAttempt) => void;\n}) {\n  const [consent, setConsent] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [start, { loading }] = useStartAssessment();\n  const monitored = assessment.proctoringMode !== 'NONE';\n  const left = attemptsLeft(assessment, attempts);\n  const fullscreenSupported =\n    typeof document !== 'undefined' && document.fullscreenEnabled === true;\n\n  const begin = async (): Promise<void> => {\n    setError(null);\n    // Ask for fullscreen inside the click so the browser allows it.\n    if (assessment.requireFullscreen && monitored && fullscreenSupported) {\n      await document.documentElement.requestFullscreen().catch(() => undefined);\n    }\n    try {\n      const res = await start({\n        variables: { assessmentId: assessment.id, acceptMonitoring: monitored ? consent : false },\n      });\n      const attempt = res.data?.tecStartAssessment;\n      if (attempt) onStarted(attempt);\n    } catch (err) {\n      setError(userMessageFromError(err as Error));\n      if (document.fullscreenElement) void document.exitFullscreen().catch(() => undefined);\n    }\n  };\n\n  return (\n    <GlassCard className=\"space-y-5 p-6\" data-testid=\"assessment-intro\">\n      {assessment.description ? (\n        <p className=\"text-sm text-text-secondary\">{assessment.description}</p>\n      ) : null}\n      <ul className=\"space-y-2\">\n        <Rule icon={Timer}>\n          {assessment.timeLimitMinutes} minutes, timed by the server from the moment you start.\n          Unsubmitted answers are saved as you go and graded when time runs out.\n        </Rule>\n        <Rule icon={CheckCircle2}>\n          {assessment.questionCount} questions, presented in a random order. You need{' '}\n          {assessment.passingScore}% to pass.\n        </Rule>\n        <Rule icon={RotateCcw}>\n          {left} of {assessment.maxAttempts} attempt{assessment.maxAttempts === 1 ? '' : 's'} left.\n        </Rule>\n        <Rule icon={ShieldCheck}>{proctoringModeDescription(assessment.proctoringMode)}</Rule>\n        {monitored && assessment.requireFullscreen ? (\n          <Rule icon={Maximize}>The exam runs in fullscreen. Leaving fullscreen is recorded.</Rule>\n        ) : null}\n        {monitored && assessment.blockClipboard ? (\n          <Rule icon={XCircle}>\n            Copy, cut, paste and the right-click menu are disabled and recorded.\n          </Rule>\n        ) : null}\n        {assessment.issuesCertificate ? (\n          <Rule icon={Award}>\n            Passing earns the course certificate once the integrity check is cleared.\n          </Rule>\n        ) : null}\n      </ul>\n\n      {monitored ? (\n        <label className=\"flex items-start gap-2 text-sm text-text-primary\">\n          <input\n            type=\"checkbox\"\n            className=\"mt-0.5\"\n            checked={consent}\n            onChange={(e) => setConsent(e.target.checked)}\n            data-testid=\"assessment-consent\"\n          />\n          <span>\n            I agree that integrity events from this browser tab are recorded for this attempt. No\n            camera, microphone or screen recording is used.\n          </span>\n        </label>\n      ) : null}\n\n      {error ? (\n        <p role=\"alert\" className=\"text-sm text-status-error-text\">\n          {error}\n        </p>\n      ) : null}\n\n      <Button\n        onClick={() => void begin()}\n        disabled={loading || left === 0 || (monitored && !consent)}\n        data-testid=\"assessment-start\"\n      >\n        <Timer size={15} /> {loading ? 'Starting…' : 'Start assessment'}\n      </Button>\n    </GlassCard>\n  );\n}\n\nfunction AssessmentExam({\n  attempt,\n  onClosed,\n}: {\n  attempt: TecAssessmentAttempt;\n  onClosed: (attempt: TecAssessmentAttempt | null, message?: string) => void;\n}) {\n  const [answers, setAnswers] = useState<number[]>(() =>\n    attempt.questions.map((_, i) => attempt.savedAnswers[i] ?? -1)\n  );\n  const [violations, setViolations] = useState(attempt.integrityViolations);\n  // Deadline on the local clock, from the server's remaining seconds (immune to clock skew).\n  // The component is keyed by attempt id, so this is computed once per attempt.\n  const [deadline] = useState(() => Date.now() + attempt.remainingSeconds * 1000);\n  const [remaining, setRemaining] = useState(attempt.remainingSeconds);\n  const [save] = useSaveAssessmentAnswers();\n  const [recordSignal] = useRecordAssessmentSignal();\n  const [submit, { loading: submitting }] = useSubmitAssessment();\n  const closedRef = useRef(false);\n  // After a failed submit, the countdown waits this long before auto-retrying.\n  const retryAfterRef = useRef(0);\n  const answersRef = useRef(answers);\n  useEffect(() => {\n    answersRef.current = answers;\n  }, [answers]);\n  const monitored = attempt.proctoringMode !== 'NONE';\n\n  const onSignal = useCallback(\n    (signal: TecAssessmentSignal, detail?: Record<string, string | number | boolean>) => {\n      if (closedRef.current) return;\n      void recordSignal({ variables: { attemptId: attempt.id, signal, detail: detail ?? null } })\n        .then((res) => {\n          const updated = res.data?.tecRecordAssessmentSignal;\n          if (updated) setViolations(updated.integrityViolations);\n        })\n        .catch(() => undefined);\n    },\n    [attempt.id, recordSignal]\n  );\n\n  const integrity = useAssessmentIntegrity({\n    active: monitored,\n    requireFullscreen: attempt.requireFullscreen,\n    blockClipboard: attempt.blockClipboard,\n    onSignal,\n  });\n  const fullscreenGate =\n    monitored &&\n    attempt.requireFullscreen &&\n    integrity.fullscreenSupported &&\n    !integrity.isFullscreen;\n\n  const reopen = useCallback((): void => {\n    closedRef.current = false;\n    retryAfterRef.current = Date.now() + SUBMIT_RETRY_MS;\n  }, []);\n\n  const finish = useCallback(\n    async (finalAnswers: number[]): Promise<void> => {\n      if (closedRef.current) return;\n      closedRef.current = true;\n      try {\n        const res = await submit({ variables: { attemptId: attempt.id, answers: finalAnswers } });\n        const closed = res.data?.tecSubmitAssessment ?? null;\n        if (!closed || closed.status === 'IN_PROGRESS') reopen();\n        onClosed(closed);\n      } catch (err) {\n        // The request may never have reached the server (e.g. offline): keep\n        // the exam open so the learner can submit again and autosave resumes.\n        // The parent refetches the attempt; if the server did close it (a late\n        // submit is graded on the saved answers), the result replaces the exam.\n        reopen();\n        onClosed(null, userMessageFromError(err as Error));\n      }\n    },\n    [attempt.id, onClosed, reopen, submit]\n  );\n\n  // Countdown; auto-submit at zero.\n  useEffect(() => {\n    const tick = (): void => {\n      const left = Math.max(0, Math.round((deadline - Date.now()) / 1000));\n      setRemaining(left);\n      if (left === 0 && Date.now() >= retryAfterRef.current) void finish(answersRef.current);\n    };\n    tick();\n    const handle = window.setInterval(tick, 1000);\n    return () => window.clearInterval(handle);\n  }, [deadline, finish]);\n\n  // Autosaves are serialized: while one is in flight, later changes are\n  // coalesced and the newest answers are saved once it finishes, so an older\n  // snapshot can never land after a newer one. A failed save keeps the\n  // answers dirty and retries with backoff; the header shows the save state.\n  const savingRef = useRef(false);\n  const dirtyRef = useRef(false);\n  const retryRef = useRef<number | undefined>(undefined);\n  const failuresRef = useRef(0);\n  // Cleared on unmount, so an abandoned exam never saves or retries again.\n  const mountedRef = useRef(true);\n  const [saveState, setSaveState] = useState<'saved' | 'saving' | 'unsaved'>('saved');\n  const flushSave = useCallback(async (): Promise<void> => {\n    if (!mountedRef.current) return;\n    if (savingRef.current) {\n      dirtyRef.current = true;\n      return;\n    }\n    if (retryRef.current !== undefined) {\n      window.clearTimeout(retryRef.current);\n      retryRef.current = undefined;\n    }\n    savingRef.current = true;\n    setSaveState('saving');\n    let failed = false;\n    try {\n      do {\n        dirtyRef.current = false;\n        if (closedRef.current || !mountedRef.current) break;\n        try {\n          await save({ variables: { attemptId: attempt.id, answers: answersRef.current } });\n          failuresRef.current = 0;\n        } catch {\n          failed = true;\n          dirtyRef.current = false;\n          break;\n        }\n      } while (dirtyRef.current);\n    } finally {\n      savingRef.current = false;\n    }\n    if (closedRef.current || !mountedRef.current) return;\n    if (failed) {\n      setSaveState('unsaved');\n      failuresRef.current += 1;\n      const delay = Math.min(AUTOSAVE_RETRY_MAX_MS, AUTOSAVE_MS * 2 ** failuresRef.current);\n      retryRef.current = window.setTimeout(() => void flushSave(), delay);\n    } else {\n      setSaveState('saved');\n    }\n  }, [attempt.id, save]);\n  useEffect(() => {\n    mountedRef.current = true;\n    return () => {\n      mountedRef.current = false;\n      if (retryRef.current !== undefined) window.clearTimeout(retryRef.current);\n    };\n  }, []);\n\n  // Autosave after the learner stops changing answers.\n  useEffect(() => {\n    if (closedRef.current) return undefined;\n    const handle = window.setTimeout(() => void flushSave(), AUTOSAVE_MS);\n    return () => window.clearTimeout(handle);\n  }, [answers, flushSave]);\n\n  const answered = answeredCount(answers);\n  const lowTime = remaining <= 60;\n\n  return (\n    <div className=\"space-y-4\" data-testid=\"assessment-exam\">\n      <GlassCard className=\"sticky top-0 z-10 flex flex-wrap items-center justify-between gap-3 p-4\">\n        <div\n          className={cn(\n            'flex items-center gap-2 font-mono text-lg font-semibold',\n            lowTime ? 'text-status-error-text' : 'text-text-primary'\n          )}\n          aria-live=\"polite\"\n          data-testid=\"assessment-timer\"\n        >\n          <Clock size={18} /> {formatClock(remaining)}\n        </div>\n        <span className=\"text-sm text-text-secondary\">\n          {answered} of {attempt.questions.length} answered\n        </span>\n        <span\n          className={cn(\n            'text-xs',\n            saveState === 'unsaved' ? 'text-status-warning-text' : 'text-text-muted'\n          )}\n          role=\"status\"\n          data-testid=\"assessment-save-state\"\n        >\n          {saveState === 'saving'\n            ? 'Saving…'\n            : saveState === 'unsaved'\n              ? 'Answers not saved yet, retrying…'\n              : 'Answers saved'}\n        </span>\n        {monitored ? (\n          <span className=\"text-sm text-text-secondary\" data-testid=\"assessment-violations\">\n            Integrity events: {violations}\n            {attempt.proctoringMode === 'INTEGRITY_MONITORING'\n              ? ` (allowed ${attempt.maxIntegrityViolations})`\n              : ''}\n          </span>\n        ) : null}\n        <Button\n          onClick={() => {\n            if (window.confirm('Submit your answers? You cannot change them afterwards.')) {\n              void finish(answers);\n            }\n          }}\n          disabled={submitting}\n          data-testid=\"assessment-submit\"\n        >\n          <Send size={15} /> {submitting ? 'Submitting…' : 'Submit'}\n        </Button>\n      </GlassCard>\n\n      {fullscreenGate ? (\n        <GlassCard className=\"space-y-3 p-6 text-center\" data-testid=\"assessment-fullscreen-gate\">\n          <p className=\"text-sm text-text-primary\">\n            This exam runs in fullscreen. Leaving fullscreen was recorded. Return to fullscreen to\n            continue.\n          </p>\n          <Button onClick={() => void integrity.enterFullscreen()}>\n            <Maximize size={15} /> Return to fullscreen\n          </Button>\n        </GlassCard>\n      ) : (\n        <div className={cn('space-y-4', attempt.blockClipboard && monitored && 'select-none')}>\n          {attempt.questions.map((question) => (\n            <fieldset\n              key={question.position}\n              className=\"rounded-xl border border-border-seam bg-bg-surface p-4\"\n              disabled={submitting}\n              data-testid=\"assessment-question\"\n            >\n              <legend className=\"px-1 text-sm font-semibold text-text-primary\">\n                {question.position + 1}. {question.prompt}\n              </legend>\n              <div className=\"mt-2 space-y-2\">\n                {question.options.map((option, oi) => {\n                  const chosen = answers[question.position] === oi;\n                  return (\n                    <label\n                      key={oi}\n                      className={cn(\n                        'flex cursor-pointer items-center gap-3 rounded-lg border px-3 py-2 text-sm transition-colors',\n                        chosen ? 'border-accent-primary bg-accent-primary/10' : 'border-border-seam'\n                      )}\n                    >\n                      <input\n                        type=\"radio\"\n                        name={`tec-assessment-${attempt.id}-${question.position}`}\n                        checked={chosen}\n                        onChange={() =>\n                          setAnswers((prev) =>\n                            prev.map((a, i) => (i === question.position ? oi : a))\n                          )\n                        }\n                      />\n                      <span className=\"text-text-primary\">{option}</span>\n                    </label>\n                  );\n                })}\n              </div>\n            </fieldset>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction AttemptResult({\n  attempt,\n  assessment,\n  canRetake,\n  onRetake,\n}: {\n  attempt: TecAssessmentAttempt;\n  assessment: TecAssessment;\n  canRetake: boolean;\n  onRetake: () => void;\n}) {\n  const [claim, { loading: claiming }] = useClaimAssessmentCertificate();\n  const passed = attempt.passed === true;\n  return (\n    <GlassCard className=\"space-y-4 p-6\" data-testid=\"assessment-result\">\n      <div className=\"flex flex-wrap items-center gap-3\">\n        {passed ? (\n          <CheckCircle2 size={22} className=\"text-status-success-text\" />\n        ) : (\n          <XCircle size={22} className=\"text-status-error-text\" />\n        )}\n        <h2 className=\"text-lg font-semibold text-text-primary\" data-testid=\"assessment-score\">\n          {attempt.score ?? 0}% · {passed ? 'Passed' : 'Not passed'}\n        </h2>\n        <StatusBadge status={attempt.status} />\n        <StatusBadge status={attempt.proctoringStatus} />\n      </div>\n      <p className=\"text-sm text-text-secondary\">\n        {attempt.correctCount} of {attempt.totalCount} correct; {attempt.passingScore}% needed to\n        pass. Attempt {attempt.attemptNumber}\n        {attempt.submittedAt ? `, closed ${formatDateTime(attempt.submittedAt)}` : ''}.\n      </p>\n      <p className=\"text-sm text-text-secondary\" data-testid=\"assessment-proctoring\">\n        {proctoringStatusDescription(attempt.proctoringStatus)}\n        {attempt.proctoringMode !== 'NONE'\n          ? ` Integrity events recorded: ${attempt.integrityViolations}.`\n          : ''}\n      </p>\n      {attempt.reviewNotes ? (\n        <p className=\"rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          Reviewer note: {attempt.reviewNotes}\n        </p>\n      ) : null}\n      {attempt.certificate ? (\n        <p\n          className=\"flex items-center gap-2 rounded-lg border border-status-success-border bg-status-success-bg-subtle px-3 py-2 text-sm text-status-success-text\"\n          data-testid=\"assessment-certificate\"\n        >\n          <Award size={16} /> Certificate issued · serial {attempt.certificate.serial}\n        </p>\n      ) : null}\n      <div className=\"flex flex-wrap gap-2\">\n        {certificatePending(attempt, assessment) ? (\n          <Button\n            variant=\"outline\"\n            disabled={claiming}\n            onClick={() =>\n              void claim({ variables: { attemptId: attempt.id } }).then((res) => {\n                if (res.data?.tecClaimAssessmentCertificate.certificate) {\n                  notify.success('Certificate issued', 'Your certificate is ready.');\n                }\n              })\n            }\n          >\n            <Award size={15} /> {claiming ? 'Issuing…' : 'Issue my certificate'}\n          </Button>\n        ) : null}\n        {canRetake ? (\n          <Button variant=\"outline\" onClick={onRetake} data-testid=\"assessment-retake\">\n            <RotateCcw size={15} /> Take another attempt\n          </Button>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\n/**\n * Certification assessment (BOFF-4427): a timed, integrity-monitored exam on\n * a course. Intro with the rules and the monitoring consent, the exam itself\n * (server deadline, shuffled questions, autosave, integrity signals,\n * fullscreen gate) and the graded result with the proctoring status and the\n * certificate. URL: `/courses/assessment-page?assessmentId=<id>`.\n */\nexport function CoursesAssessmentPagePage() {\n  const [params] = useSearchParams();\n  const assessmentId = params.get('assessmentId') ?? '';\n  const { data, loading, error } = useAssessmentQuery(assessmentId);\n  const attemptsQuery = useMyAssessmentAttemptsQuery(assessmentId || null);\n  const refetchAttempts = attemptsQuery.refetch;\n  const [active, setActive] = useState<TecAssessmentAttempt | null>(null);\n  const [showIntro, setShowIntro] = useState(false);\n  const [closedMessage, setClosedMessage] = useState<string | null>(null);\n\n  const assessment = data?.tecAssessment ?? null;\n  const attempts = attemptsQuery.data?.tecMyAssessmentAttempts ?? [];\n  const inProgress = active ?? attempts.find((a) => a.status === 'IN_PROGRESS') ?? null;\n  const latestClosed = attempts.find((a) => a.status !== 'IN_PROGRESS') ?? null;\n  const backPath = assessment ? courseDetailsPath(assessment.courseId) : '/courses/courses-page';\n\n  const handleClosed = useCallback(\n    (closed: TecAssessmentAttempt | null, message?: string) => {\n      if (!closed || closed.status === 'IN_PROGRESS') {\n        // The submit did not close the attempt (e.g. a network failure): keep\n        // the exam mounted so the learner can submit again; the countdown\n        // retries on its own once time is up, and the server returns the\n        // closed attempt if it already graded it.\n        setClosedMessage(message ?? null);\n        return;\n      }\n      setActive(null);\n      setShowIntro(false);\n      setClosedMessage(message ?? null);\n      notify.success('Assessment submitted', `You scored ${closed.score ?? 0}%.`);\n      void refetchAttempts();\n    },\n    [refetchAttempts]\n  );\n\n  if (!assessmentId) {\n    return (\n      <PageLayout title=\"Assessment\" backPath=\"/courses/courses-page\">\n        <EmptyView\n          title=\"No assessment selected\"\n          description=\"Open an assessment from a course page.\"\n        />\n      </PageLayout>\n    );\n  }\n  if ((loading && !assessment) || (attemptsQuery.loading && !attemptsQuery.data)) {\n    return (\n      <PageLayout title=\"Assessment\" backPath={backPath}>\n        <Skeleton className=\"mb-4 h-10 w-1/2 rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n  if (error || attemptsQuery.error) {\n    return (\n      <PageLayout title=\"Assessment\" backPath={backPath}>\n        <ErrorView title=\"Could not load this assessment\" error={error ?? attemptsQuery.error} />\n      </PageLayout>\n    );\n  }\n  if (!assessment) {\n    return (\n      <PageLayout title=\"Assessment\" backPath=\"/courses/courses-page\">\n        <EmptyView\n          title=\"Assessment not found\"\n          description=\"It may have been removed from this workspace.\"\n        />\n      </PageLayout>\n    );\n  }\n\n  const left = attemptsLeft(assessment, attempts);\n  const open = assessment.status === 'PUBLISHED';\n\n  let body: React.ReactNode;\n  if (inProgress) {\n    body = <AssessmentExam key={inProgress.id} attempt={inProgress} onClosed={handleClosed} />;\n  } else if (latestClosed && !showIntro) {\n    body = (\n      <AttemptResult\n        attempt={latestClosed}\n        assessment={assessment}\n        canRetake={open && left > 0}\n        onRetake={() => setShowIntro(true)}\n      />\n    );\n  } else if (!open) {\n    body = (\n      <EmptyView\n        title=\"This assessment is closed\"\n        description=\"It is not accepting new attempts.\"\n      />\n    );\n  } else {\n    body = <AssessmentIntro assessment={assessment} attempts={attempts} onStarted={setActive} />;\n  }\n\n  return (\n    <PageLayout\n      title={assessment.title}\n      description={\n        assessment.course?.title\n          ? `Certification assessment · ${assessment.course.title}`\n          : undefined\n      }\n      backPath={inProgress ? undefined : backPath}\n      actions={<StatusBadge status={assessment.status} />}\n    >\n      <div className=\"mx-auto w-full max-w-3xl space-y-4\">\n        {closedMessage ? (\n          <p\n            role=\"status\"\n            className=\"rounded-lg bg-bg-sunken px-3 py-2 text-sm text-text-secondary\"\n          >\n            {closedMessage}\n          </p>\n        ) : null}\n        {body}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/CoursesCourseDetailsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesCourseDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"names":[],"mappings":"AAoSA,wBAAgB,4BAA4B,gCA4V3C"}
+{"version":3,"file":"CoursesCourseDetailsPagePage.d.ts","sourceRoot":"","sources":["../../../src/technospam/pages/CoursesCourseDetailsPagePage.tsx"],"names":[],"mappings":"AAqSA,wBAAgB,4BAA4B,gCA8V3C"}