@burdenoff/microfe-buildmyiq 2026.803.1 → 2026.804.2

package/dist/buildmyiq/pages/certificates/CertificatesPage.js

@@ -4,86 +4,86 @@ import { PageLayout as t } from "../../components/PageLayout.js";
 import { MetricsCard as n } from "../../components/MetricsCard.js";
 import { formatDate as r, formatPercent as ee } from "../../utils/formatters.js";
 import { StatusBadge as te } from "../../components/StatusBadge.js";
-import { EmptyState as i } from "../../components/EmptyState.js";
-import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
-import { DataTable as ie } from "../../components/DataTable.js";
-import { FilterTabs as ae } from "../../components/FilterTabs.js";
-import { Pagination as oe } from "../../components/Pagination.js";
-import { Avatar as se } from "../../components/Avatar.js";
-import { useBuiCertificates as ce, useBuiCourses as le, useBuiIssueCertificate as ue, useBuiRevokeCertificate as a } from "../../hooks/useBuildmyiqApi.js";
+import { EmptyState as ne } from "../../components/EmptyState.js";
+import { ErrorView as re, LoadingView as ie } from "../../components/StateViews.js";
+import { DataTable as ae } from "../../components/DataTable.js";
+import { FilterTabs as oe } from "../../components/FilterTabs.js";
+import { Pagination as se } from "../../components/Pagination.js";
+import { Avatar as ce } from "../../components/Avatar.js";
+import { useBuiCertificates as le, useBuiCourses as ue, useBuiIssueCertificate as de, useBuiMyCertificates as fe, useBuiRevokeCertificate as pe } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { FileLink as de } from "../../components/FileLink.js";
-import { BuiPermissionButton as o } from "../../components/BuiPermissionButton.js";
+import { FileLink as me } from "../../components/FileLink.js";
+import { BuiPermissionButton as i } from "../../components/BuiPermissionButton.js";
 import "../../components/index.js";
-import { useMemo as s, useState as c } from "react";
-import { Award as l, Ban as u, CalendarClock as fe, Download as pe, Plus as d, Search as me, ShieldCheck as he } from "lucide-react";
-import { Fragment as ge, jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Input as h, Label as g, ResponsiveDialog as _e, ResponsiveDialogContent as ve, ResponsiveDialogDescription as ye, ResponsiveDialogFooter as be, ResponsiveDialogHeader as xe, ResponsiveDialogTitle as Se, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x } from "@burdenoff/fe-libs/ui";
+import { useMemo as a, useState as o } from "react";
+import { Award as s, Ban as c, CalendarClock as he, Download as ge, Plus as l, Search as _e, ShieldCheck as ve } from "lucide-react";
+import { Fragment as ye, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Input as p, Label as m, ResponsiveDialog as be, ResponsiveDialogContent as xe, ResponsiveDialogDescription as Se, ResponsiveDialogFooter as Ce, ResponsiveDialogHeader as we, ResponsiveDialogTitle as Te, Select as h, SelectContent as g, SelectItem as _, SelectTrigger as v, SelectValue as y } from "@burdenoff/fe-libs/ui";
 //#region src/buildmyiq/pages/certificates/CertificatesPage.tsx
-var S = 8, Ce = (e) => {
+var b = 8, Ee = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? void 0 : n.toISOString();
-}, we = () => `BMIQ-${Date.now().toString(36).toUpperCase()}`, C = () => {
-	let { currentUser: C } = e(), w = C?.id, [T, Te] = c(w ? "MINE" : "ALL"), [E, D] = c("ALL"), [O, Ee] = c(""), [De, k] = c(0), [Oe, A] = c(!1), [j, M] = c(null), [N, P] = c(null), [F, I] = c(null), L = () => ({
+}, De = () => `BMIQ-${Date.now().toString(36).toUpperCase()}`, x = () => {
+	let { currentUser: x } = e(), S = x?.id, [C, Oe] = o(S ? "MINE" : "ALL"), [w, T] = o("ALL"), [E, ke] = o(""), [Ae, D] = o(0), [je, O] = o(!1), [k, A] = o(null), [j, M] = o(null), [N, P] = o(null), F = () => ({
 		courseId: "",
-		learnerId: w ?? "",
-		serial: we(),
+		learnerId: S ?? "",
+		serial: De(),
 		finalScore: "",
 		expiresAt: ""
-	}), [R, z] = c(L), B = le({ limit: 100 }), V = s(() => B.data?.items ?? [], [B.data]), H = s(() => {
+	}), [I, L] = o(F), R = ue({ limit: 100 }), z = a(() => R.data?.items ?? [], [R.data]), B = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of V) e.set(t.id, t.title);
+		for (let t of z) e.set(t.id, t.title);
 		return e;
-	}, [V]), U = ce(E === "ALL" ? void 0 : E, T === "MINE" ? w : void 0), W = ue(), ke = a(), G = s(() => U.data ?? [], [U.data]), K = s(() => {
-		let e = O.trim().toLowerCase();
-		return e ? G.filter((t) => {
-			let n = (H.get(t.courseId) ?? "").toLowerCase(), r = t.learnerId === w ? "you me mine" : t.learnerId.toLowerCase();
+	}, [z]), V = w === "ALL" ? void 0 : w, Me = fe(V, C === "MINE"), Ne = le(V, C === "ALL"), H = C === "MINE" ? Me : Ne, U = de(), Pe = pe(), W = a(() => H.data ?? [], [H.data]), G = a(() => {
+		let e = E.trim().toLowerCase();
+		return e ? W.filter((t) => {
+			let n = (B.get(t.courseId) ?? "").toLowerCase(), r = t.learnerId === S ? "you me mine" : t.learnerId.toLowerCase();
 			return t.serial.toLowerCase().includes(e) || n.includes(e) || r.includes(e);
-		}) : G;
+		}) : W;
 	}, [
-		G,
-		O,
-		H,
-		w
-	]), q = s(() => {
+		W,
+		E,
+		B,
+		S
+	]), K = a(() => {
 		let e = 0, t = 0, n = 0;
-		for (let r of G) r.status === "ISSUED" ? e += 1 : r.status === "EXPIRED" ? t += 1 : r.status === "REVOKED" && (n += 1);
+		for (let r of W) r.status === "ISSUED" ? e += 1 : r.status === "EXPIRED" ? t += 1 : r.status === "REVOKED" && (n += 1);
 		return {
-			total: G.length,
+			total: W.length,
 			issued: e,
 			expired: t,
 			revoked: n
 		};
-	}, [G]), Ae = Math.max(1, Math.ceil(K.length / S)), J = Math.min(De, Ae - 1), Y = s(() => K.slice(J * S, J * S + S), [K, J]), je = [{
+	}, [W]), Fe = Math.max(1, Math.ceil(G.length / b)), q = Math.min(Ae, Fe - 1), J = a(() => G.slice(q * b, q * b + b), [G, q]), Ie = [{
 		value: "MINE",
 		label: "Mine"
 	}, {
 		value: "ALL",
 		label: "All"
-	}], Me = async (e) => {
+	}], Le = async (e) => {
 		if (!(typeof window < "u" && !window.confirm(`Revoke certificate ${e.serial}? This cannot be undone.`))) {
-			P(null), I(e.id);
+			M(null), P(e.id);
 			try {
-				await ke.mutateAsync(e.id);
+				await Pe.mutateAsync(e.id);
 			} catch (e) {
-				P(e instanceof Error ? e.message : "Failed to revoke certificate.");
+				M(e instanceof Error ? e.message : "Failed to revoke certificate.");
 			} finally {
-				I(null);
+				P(null);
 			}
 		}
-	}, Ne = [
+	}, Y = [
 		{
 			key: "serial",
 			header: "Serial",
 			sortValue: (e) => e.serial.toLowerCase(),
-			render: (e) => /* @__PURE__ */ p("div", {
+			render: (e) => /* @__PURE__ */ d("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ u("div", {
 					className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-[var(--color-accent-primary)]",
-					children: /* @__PURE__ */ f(l, { className: "h-4 w-4" })
-				}), /* @__PURE__ */ f("span", {
+					children: /* @__PURE__ */ u(s, { className: "h-4 w-4" })
+				}), /* @__PURE__ */ u("span", {
 					className: "min-w-0 truncate font-mono text-xs font-semibold text-text-primary",
 					children: e.serial
 				})]
@@ -93,28 +93,28 @@ var S = 8, Ce = (e) => {
 			key: "course",
 			header: "Course",
 			hideOnMobile: !0,
-			sortValue: (e) => (H.get(e.courseId) ?? "").toLowerCase(),
-			render: (e) => /* @__PURE__ */ f("span", {
+			sortValue: (e) => (B.get(e.courseId) ?? "").toLowerCase(),
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "text-text-secondary",
-				children: H.get(e.courseId) ?? "—"
+				children: B.get(e.courseId) ?? "—"
 			})
 		},
 		{
 			key: "learner",
 			header: "Learner",
-			sortValue: (e) => e.learnerId === w ? "" : e.learnerId,
+			sortValue: (e) => e.learnerId === S ? "" : e.learnerId,
 			render: (e) => {
-				let t = e.learnerId === w, n = t ? C?.name ?? C?.username ?? C?.email ?? null : null;
-				return /* @__PURE__ */ p("div", {
+				let t = e.learnerId === S, n = t ? x?.name ?? x?.username ?? x?.email ?? null : null;
+				return /* @__PURE__ */ d("div", {
 					className: "flex items-center gap-2.5",
-					children: [/* @__PURE__ */ f(se, {
+					children: [/* @__PURE__ */ u(ce, {
 						size: "sm",
 						seed: e.learnerId,
 						name: n
-					}), t ? /* @__PURE__ */ f("span", {
+					}), t ? /* @__PURE__ */ u("span", {
 						className: "font-medium text-text-primary",
 						children: "You"
-					}) : /* @__PURE__ */ p("span", {
+					}) : /* @__PURE__ */ d("span", {
 						className: "font-mono text-xs text-text-tertiary",
 						title: e.learnerId,
 						children: [e.learnerId.slice(0, 8), "…"]
@@ -125,14 +125,14 @@ var S = 8, Ce = (e) => {
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ f(te, { status: e.status })
+			render: (e) => /* @__PURE__ */ u(te, { status: e.status })
 		},
 		{
 			key: "issuedAt",
 			header: "Issued",
 			hideOnMobile: !0,
 			sortValue: (e) => e.issuedAt,
-			render: (e) => /* @__PURE__ */ f("span", {
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "text-text-secondary",
 				children: r(e.issuedAt)
 			})
@@ -142,7 +142,7 @@ var S = 8, Ce = (e) => {
 			header: "Expires",
 			hideOnMobile: !0,
 			sortValue: (e) => e.expiresAt ?? "",
-			render: (e) => /* @__PURE__ */ f("span", {
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "text-text-tertiary",
 				children: r(e.expiresAt)
 			})
@@ -153,7 +153,7 @@ var S = 8, Ce = (e) => {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.finalScore ?? -1,
-			render: (e) => /* @__PURE__ */ f("span", {
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "font-medium tabular-nums text-text-primary",
 				children: e.finalScore == null ? "—" : ee(e.finalScore)
 			})
@@ -162,7 +162,7 @@ var S = 8, Ce = (e) => {
 			key: "file",
 			header: "PDF",
 			hideOnMobile: !0,
-			render: (e) => e.file ? /* @__PURE__ */ f(de, { fileId: e.file.id }) : /* @__PURE__ */ f("span", {
+			render: (e) => e.file ? /* @__PURE__ */ u(me, { fileId: e.file.id }) : /* @__PURE__ */ u("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -171,133 +171,133 @@ var S = 8, Ce = (e) => {
 			key: "actions",
 			header: "",
 			align: "right",
-			render: (e) => e.status === "ISSUED" ? /* @__PURE__ */ f(o, {
+			render: (e) => e.status === "ISSUED" ? /* @__PURE__ */ u(i, {
 				resource: "buildmyiq-certificate",
 				action: "update",
 				deniedBehavior: "hide",
-				children: /* @__PURE__ */ p(m, {
+				children: /* @__PURE__ */ d(f, {
 					variant: "ghost",
 					size: "sm",
 					className: "text-status-error-text hover:text-status-error-text",
-					disabled: F === e.id,
-					onClick: () => void Me(e),
-					children: [/* @__PURE__ */ f(u, { className: "mr-1.5 h-4 w-4" }), F === e.id ? "Revoking…" : "Revoke"]
+					disabled: N === e.id,
+					onClick: () => void Le(e),
+					children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), N === e.id ? "Revoking…" : "Revoke"]
 				})
 			}) : null
 		}
 	], X = () => {
-		z(L()), M(null), A(!0);
+		L(F()), A(null), O(!0);
 	}, Z = () => {
-		A(!1), z(L()), M(null);
-	}, Pe = async () => {
-		if (!R.courseId) {
-			M("Please choose a course for this certificate.");
+		O(!1), L(F()), A(null);
+	}, Re = async () => {
+		if (!I.courseId) {
+			A("Please choose a course for this certificate.");
 			return;
 		}
-		if (!R.learnerId.trim()) {
-			M("A learner (user ID) is required.");
+		if (!I.learnerId.trim()) {
+			A("A learner (user ID) is required.");
 			return;
 		}
-		if (!R.serial.trim()) {
-			M("A certificate serial is required.");
+		if (!I.serial.trim()) {
+			A("A certificate serial is required.");
 			return;
 		}
-		let e = R.finalScore.trim() ? Number(R.finalScore) : void 0;
+		let e = I.finalScore.trim() ? Number(I.finalScore) : void 0;
 		if (e !== void 0 && (!Number.isFinite(e) || e < 0)) {
-			M("Final score must be a non-negative number.");
+			A("Final score must be a non-negative number.");
 			return;
 		}
-		let t = Ce(R.expiresAt);
-		M(null);
+		let t = Ee(I.expiresAt);
+		A(null);
 		try {
-			await W.mutateAsync({
-				courseId: R.courseId,
-				learnerId: R.learnerId.trim(),
-				serial: R.serial.trim(),
+			await U.mutateAsync({
+				courseId: I.courseId,
+				learnerId: I.learnerId.trim(),
+				serial: I.serial.trim(),
 				finalScore: e,
 				expiresAt: t
 			}), Z();
 		} catch (e) {
-			M(e instanceof Error ? e.message : "Failed to issue certificate.");
+			A(e instanceof Error ? e.message : "Failed to issue certificate.");
 		}
-	}, Q = V.length > 0, $ = T === "MINE" || E !== "ALL" || O.trim().length > 0, Fe = !U.isLoading && !U.isError && q.total > 0;
-	return /* @__PURE__ */ p(t, {
+	}, Q = z.length > 0, $ = C === "MINE" || w !== "ALL" || E.trim().length > 0, ze = !H.isLoading && !H.isError && K.total > 0;
+	return /* @__PURE__ */ d(t, {
 		title: "Certificates",
 		description: "Verifiable credentials issued to learners on course completion.",
 		titleGradient: !0,
 		aurora: !0,
-		actions: /* @__PURE__ */ f(o, {
+		actions: /* @__PURE__ */ u(i, {
 			resource: "buildmyiq-certificate",
 			action: "create",
 			deniedBehavior: "hide",
-			children: /* @__PURE__ */ p(m, {
+			children: /* @__PURE__ */ d(f, {
 				onClick: X,
 				disabled: !Q,
-				children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Issue certificate"]
+				children: [/* @__PURE__ */ u(l, { className: "mr-1.5 h-4 w-4" }), " Issue certificate"]
 			})
 		}),
 		children: [
-			Fe && /* @__PURE__ */ p("div", {
+			ze && /* @__PURE__ */ d("div", {
 				className: "mb-5 grid grid-cols-2 gap-4 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(l, { className: "h-5 w-5" }),
-						value: q.total,
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
+						value: K.total,
 						label: "Certificates",
 						featured: !0
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(he, { className: "h-5 w-5" }),
-						value: q.issued,
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(ve, { className: "h-5 w-5" }),
+						value: K.issued,
 						label: "Issued",
 						accent: "success"
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(fe, { className: "h-5 w-5" }),
-						value: q.expired,
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(he, { className: "h-5 w-5" }),
+						value: K.expired,
 						label: "Expired"
 					}),
-					/* @__PURE__ */ f(n, {
-						icon: /* @__PURE__ */ f(u, { className: "h-5 w-5" }),
-						value: q.revoked,
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
+						value: K.revoked,
 						label: "Revoked",
 						accent: "error"
 					})
 				]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ d("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ f(ae, {
-						options: je,
-						value: T,
+					/* @__PURE__ */ u(oe, {
+						options: Ie,
+						value: C,
 						onChange: (e) => {
-							Te(e), k(0);
+							Oe(e), D(0);
 						}
 					}),
-					/* @__PURE__ */ p(_, {
-						value: E,
+					/* @__PURE__ */ d(h, {
+						value: w,
 						onValueChange: (e) => {
-							D(e), k(0);
+							T(e), D(0);
 						},
-						children: [/* @__PURE__ */ f(b, {
+						children: [/* @__PURE__ */ u(v, {
 							className: "w-56",
 							"aria-label": "Filter by course",
-							children: /* @__PURE__ */ f(x, { placeholder: "All courses" })
-						}), /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ f(y, {
+							children: /* @__PURE__ */ u(y, { placeholder: "All courses" })
+						}), /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, {
 							value: "ALL",
 							children: "All courses"
-						}), V.map((e) => /* @__PURE__ */ f(y, {
+						}), z.map((e) => /* @__PURE__ */ u(_, {
 							value: e.id,
 							children: e.title
 						}, e.id))] })]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ d("div", {
 						className: "relative w-full sm:ml-auto sm:w-64",
-						children: [/* @__PURE__ */ f(me, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ f(h, {
-							value: O,
+						children: [/* @__PURE__ */ u(_e, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ u(p, {
+							value: E,
 							onChange: (e) => {
-								Ee(e.target.value), k(0);
+								ke(e.target.value), D(0);
 							},
 							placeholder: "Search certificates…",
 							"aria-label": "Search certificates",
@@ -306,154 +306,154 @@ var S = 8, Ce = (e) => {
 					})
 				]
 			}),
-			N && /* @__PURE__ */ f("p", {
+			j && /* @__PURE__ */ u("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: N
+				children: j
 			}),
-			U.isLoading ? /* @__PURE__ */ f(re, { label: "Loading certificates…" }) : U.isError ? /* @__PURE__ */ f(ne, {
+			H.isLoading ? /* @__PURE__ */ u(ie, { label: "Loading certificates…" }) : H.isError ? /* @__PURE__ */ u(re, {
 				message: "Couldn't load certificates.",
-				onRetry: () => U.refetch()
-			}) : K.length === 0 ? /* @__PURE__ */ f(i, {
+				onRetry: () => H.refetch()
+			}) : G.length === 0 ? /* @__PURE__ */ u(ne, {
 				illustration: $ ? "empty-search" : "onboarding",
-				icon: /* @__PURE__ */ f(l, { className: "h-10 w-10" }),
+				icon: /* @__PURE__ */ u(s, { className: "h-10 w-10" }),
 				title: $ ? "No certificates match these filters" : "No certificates issued yet",
-				description: $ ? O.trim().length > 0 ? "No credentials match your search. Try a different serial, course, or learner." : T === "MINE" ? "You haven't earned a certificate for this selection yet." : "No certificates have been issued for this course yet." : Q ? "Issue a certificate to credential a learner who has completed a course." : "Publish a course first, then issue certificates to learners who complete it.",
-				action: !$ && Q ? /* @__PURE__ */ f(o, {
+				description: $ ? E.trim().length > 0 ? "No credentials match your search. Try a different serial, course, or learner." : C === "MINE" ? "You haven't earned a certificate for this selection yet." : "No certificates have been issued for this course yet." : Q ? "Issue a certificate to credential a learner who has completed a course." : "Publish a course first, then issue certificates to learners who complete it.",
+				action: !$ && Q ? /* @__PURE__ */ u(i, {
 					resource: "buildmyiq-certificate",
 					action: "create",
 					deniedBehavior: "hide",
-					children: /* @__PURE__ */ p(m, {
+					children: /* @__PURE__ */ d(f, {
 						onClick: X,
-						children: [/* @__PURE__ */ f(d, { className: "mr-1.5 h-4 w-4" }), " Issue certificate"]
+						children: [/* @__PURE__ */ u(l, { className: "mr-1.5 h-4 w-4" }), " Issue certificate"]
 					})
 				}) : void 0
-			}) : /* @__PURE__ */ p(ge, { children: [/* @__PURE__ */ f(ie, {
-				columns: Ne,
-				rows: Y,
+			}) : /* @__PURE__ */ d(ye, { children: [/* @__PURE__ */ u(ae, {
+				columns: Y,
+				rows: J,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "issuedAt",
 					dir: "desc"
 				}
-			}), /* @__PURE__ */ f(oe, {
-				page: J,
-				pageSize: S,
-				itemCount: Y.length,
-				hasMore: (J + 1) * S < K.length,
-				onPageChange: k
+			}), /* @__PURE__ */ u(se, {
+				page: q,
+				pageSize: b,
+				itemCount: J.length,
+				hasMore: (q + 1) * b < G.length,
+				onPageChange: D
 			})] }),
-			/* @__PURE__ */ f(_e, {
-				open: Oe,
+			/* @__PURE__ */ u(be, {
+				open: je,
 				onOpenChange: (e) => {
-					e ? A(!0) : Z();
+					e ? O(!0) : Z();
 				},
-				children: /* @__PURE__ */ p(ve, { children: [/* @__PURE__ */ p(xe, { children: [/* @__PURE__ */ f(Se, { children: "Issue certificate" }), /* @__PURE__ */ f(ye, { children: "Credential a learner for completing a course. The serial is auto-generated but editable." })] }), /* @__PURE__ */ p("form", {
+				children: /* @__PURE__ */ d(xe, { children: [/* @__PURE__ */ d(we, { children: [/* @__PURE__ */ u(Te, { children: "Issue certificate" }), /* @__PURE__ */ u(Se, { children: "Credential a learner for completing a course. The serial is auto-generated but editable." })] }), /* @__PURE__ */ d("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), Pe();
+						e.preventDefault(), Re();
 					},
-					children: [/* @__PURE__ */ p("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ f(g, {
+								children: [/* @__PURE__ */ u(m, {
 									htmlFor: "cert-course",
 									children: "Course *"
-								}), /* @__PURE__ */ p(_, {
-									value: R.courseId,
-									onValueChange: (e) => z((t) => ({
+								}), /* @__PURE__ */ d(h, {
+									value: I.courseId,
+									onValueChange: (e) => L((t) => ({
 										...t,
 										courseId: e
 									})),
-									children: [/* @__PURE__ */ f(b, {
+									children: [/* @__PURE__ */ u(v, {
 										id: "cert-course",
 										className: "data-[placeholder]:text-text-secondary!",
-										children: /* @__PURE__ */ f(x, { placeholder: "Select a course" })
-									}), /* @__PURE__ */ f(v, { children: V.map((e) => /* @__PURE__ */ f(y, {
+										children: /* @__PURE__ */ u(y, { placeholder: "Select a course" })
+									}), /* @__PURE__ */ u(g, { children: z.map((e) => /* @__PURE__ */ u(_, {
 										value: e.id,
 										children: e.title
 									}, e.id)) })]
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ f(g, {
+								children: [/* @__PURE__ */ u(m, {
 									htmlFor: "cert-learner",
 									children: "Learner (user ID) *"
-								}), /* @__PURE__ */ f(h, {
+								}), /* @__PURE__ */ u(p, {
 									id: "cert-learner",
-									value: R.learnerId,
-									onChange: (e) => z((t) => ({
+									value: I.learnerId,
+									onChange: (e) => L((t) => ({
 										...t,
 										learnerId: e.target.value
 									})),
 									placeholder: "Defaults to you"
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ f(g, {
+								children: [/* @__PURE__ */ u(m, {
 									htmlFor: "cert-serial",
 									children: "Serial *"
-								}), /* @__PURE__ */ f(h, {
+								}), /* @__PURE__ */ u(p, {
 									id: "cert-serial",
-									value: R.serial,
-									onChange: (e) => z((t) => ({
+									value: I.serial,
+									onChange: (e) => L((t) => ({
 										...t,
 										serial: e.target.value
 									})),
 									placeholder: "BMIQ-XXXXXX"
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ d("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ p("div", {
+								children: [/* @__PURE__ */ d("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ u(m, {
 										htmlFor: "cert-score",
 										children: "Final score"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ u(p, {
 										id: "cert-score",
 										type: "number",
 										min: "0",
 										step: "0.1",
-										value: R.finalScore,
-										onChange: (e) => z((t) => ({
+										value: I.finalScore,
+										onChange: (e) => L((t) => ({
 											...t,
 											finalScore: e.target.value
 										})),
 										placeholder: "e.g. 92"
 									})]
-								}), /* @__PURE__ */ p("div", {
+								}), /* @__PURE__ */ d("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ f(g, {
+									children: [/* @__PURE__ */ u(m, {
 										htmlFor: "cert-expires",
 										children: "Expires"
-									}), /* @__PURE__ */ f(h, {
+									}), /* @__PURE__ */ u(p, {
 										id: "cert-expires",
 										type: "date",
-										value: R.expiresAt,
-										onChange: (e) => z((t) => ({
+										value: I.expiresAt,
+										onChange: (e) => L((t) => ({
 											...t,
 											expiresAt: e.target.value
 										}))
 									})]
 								})]
 							}),
-							j && /* @__PURE__ */ f("p", {
+							k && /* @__PURE__ */ u("p", {
 								className: "text-sm text-status-error-text",
-								children: j
+								children: k
 							})
 						]
-					}), /* @__PURE__ */ p(be, { children: [/* @__PURE__ */ f(m, {
+					}), /* @__PURE__ */ d(Ce, { children: [/* @__PURE__ */ u(f, {
 						type: "button",
 						variant: "outline",
 						onClick: Z,
 						children: "Cancel"
-					}), /* @__PURE__ */ p(m, {
+					}), /* @__PURE__ */ d(f, {
 						type: "submit",
-						disabled: W.isPending,
-						children: [/* @__PURE__ */ f(pe, { className: "mr-1.5 h-4 w-4" }), W.isPending ? "Issuing…" : "Issue certificate"]
+						disabled: U.isPending,
+						children: [/* @__PURE__ */ u(ge, { className: "mr-1.5 h-4 w-4" }), U.isPending ? "Issuing…" : "Issue certificate"]
 					})] })]
 				})] })
 			})
@@ -461,6 +461,6 @@ var S = 8, Ce = (e) => {
 	});
 };
 //#endregion
-export { C as CertificatesPage };
+export { x as CertificatesPage };
 
 //# sourceMappingURL=CertificatesPage.js.map