@burdenoff/microfe-buildmyiq 2026.705.13 → 2026.706.10

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

@@ -1,38 +1,61 @@
 import { useBuildmyiq as e } from "../../context/BuildmyiqContext.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { formatDate as n } from "../../utils/formatters.js";
-import { StatusBadge as ee } from "../../components/StatusBadge.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
-import { ErrorView as ne, LoadingView as re } from "../../components/StateViews.js";
-import { DataTable as r } from "../../components/DataTable.js";
-import { FilterTabs as i } from "../../components/FilterTabs.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 ne } from "../../components/EmptyState.js";
+import { ErrorView as re, LoadingView as i } 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 "../../context/index.js";
-import { useBuiCertificates as a, useBuiCourses as o, useBuiIssueCertificate as s, useBuiRevokeCertificate as ie } from "../../hooks/useBuildmyiqApi.js";
+import { useBuiCertificates as ce, useBuiCourses as le, useBuiIssueCertificate as ue, useBuiRevokeCertificate as de } from "../../hooks/useBuildmyiqApi.js";
 import "../../hooks/index.js";
-import { FileLink as ae } from "../../components/FileLink.js";
+import { FileLink as fe } from "../../components/FileLink.js";
 import "../../components/index.js";
-import { useMemo as c, useState as l } from "react";
-import { Award as u, Ban as oe, Download as se, Plus as d } from "lucide-react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Input as h, Label as g, ResponsiveDialog as _, ResponsiveDialogContent as v, ResponsiveDialogDescription as y, ResponsiveDialogFooter as b, ResponsiveDialogHeader as x, ResponsiveDialogTitle as ce, Select as S, SelectContent as C, SelectItem as w, SelectTrigger as T, SelectValue as E } from "@burdenoff/fe-libs/ui";
+import { useMemo as a, useState as o } from "react";
+import { Award as s, Ban as c, CalendarClock as pe, Download as me, Plus as l, Search as he, ShieldCheck as ge } from "lucide-react";
+import { Fragment as _e, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Button as f, Input as p, Label as m, ResponsiveDialog as ve, ResponsiveDialogContent as ye, ResponsiveDialogDescription as be, ResponsiveDialogFooter as xe, ResponsiveDialogHeader as Se, ResponsiveDialogTitle as Ce, 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 le = (e) => {
+var b = 8, we = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = new Date(t);
 	return Number.isNaN(n.getTime()) ? void 0 : n.toISOString();
-}, ue = () => `BMIQ-${Date.now().toString(36).toUpperCase()}`, D = () => {
-	let { currentUser: D } = e(), O = D?.id, [k, de] = l(O ? "MINE" : "ALL"), [A, j] = l("ALL"), [M, N] = l(!1), [P, F] = l(null), [I, L] = l(null), [R, z] = l(null), B = () => ({
+}, Te = () => `BMIQ-${Date.now().toString(36).toUpperCase()}`, x = () => {
+	let { currentUser: x } = e(), S = x?.id, [C, Ee] = o(S ? "MINE" : "ALL"), [w, T] = o("ALL"), [E, D] = o(""), [De, O] = o(0), [Oe, k] = o(!1), [A, j] = o(null), [M, N] = o(null), [P, F] = o(null), I = () => ({
 		courseId: "",
-		learnerId: O ?? "",
-		serial: ue(),
+		learnerId: S ?? "",
+		serial: Te(),
 		finalScore: "",
 		expiresAt: ""
-	}), [V, H] = l(B), U = o({ limit: 100 }), W = c(() => U.data?.items ?? [], [U.data]), G = c(() => {
+	}), [L, R] = o(I), z = le({ limit: 100 }), B = a(() => z.data?.items ?? [], [z.data]), V = a(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of W) e.set(t.id, t.title);
+		for (let t of B) e.set(t.id, t.title);
 		return e;
-	}, [W]), K = a(A === "ALL" ? void 0 : A, k === "MINE" ? O : void 0), q = s(), fe = ie(), J = c(() => K.data ?? [], [K.data]), pe = [{
+	}, [B]), H = ce(w === "ALL" ? void 0 : w, C === "MINE" ? S : void 0), U = ue(), ke = de(), W = a(() => H.data ?? [], [H.data]), G = a(() => {
+		let e = E.trim().toLowerCase();
+		return e ? W.filter((t) => {
+			let n = (V.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);
+		}) : W;
+	}, [
+		W,
+		E,
+		V,
+		S
+	]), K = a(() => {
+		let e = 0, t = 0, n = 0;
+		for (let r of W) r.status === "ISSUED" ? e += 1 : r.status === "EXPIRED" ? t += 1 : r.status === "REVOKED" && (n += 1);
+		return {
+			total: W.length,
+			issued: e,
+			expired: t,
+			revoked: n
+		};
+	}, [W]), Ae = Math.max(1, Math.ceil(G.length / b)), q = Math.min(De, Ae - 1), J = a(() => G.slice(q * b, q * b + b), [G, q]), je = [{
 		value: "MINE",
 		label: "Mine"
 	}, {
@@ -40,26 +63,26 @@ var le = (e) => {
 		label: "All"
 	}], Y = async (e) => {
 		if (!(typeof window < "u" && !window.confirm(`Revoke certificate ${e.serial}? This cannot be undone.`))) {
-			L(null), z(e.id);
+			N(null), F(e.id);
 			try {
-				await fe.mutateAsync(e.id);
+				await ke.mutateAsync(e.id);
 			} catch (e) {
-				L(e instanceof Error ? e.message : "Failed to revoke certificate.");
+				N(e instanceof Error ? e.message : "Failed to revoke certificate.");
 			} finally {
-				z(null);
+				F(null);
 			}
 		}
-	}, me = [
+	}, Me = [
 		{
 			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(u, { 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
 				})]
@@ -68,39 +91,49 @@ var le = (e) => {
 		{
 			key: "course",
 			header: "Course",
-			sortValue: (e) => (G.get(e.courseId) ?? "").toLowerCase(),
-			render: (e) => /* @__PURE__ */ f("span", {
+			hideOnMobile: !0,
+			sortValue: (e) => (V.get(e.courseId) ?? "").toLowerCase(),
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "text-text-secondary",
-				children: G.get(e.courseId) ?? "—"
+				children: V.get(e.courseId) ?? "—"
 			})
 		},
 		{
 			key: "learner",
 			header: "Learner",
-			hideOnMobile: !0,
-			sortValue: (e) => e.learnerId === O ? "" : e.learnerId,
-			render: (e) => e.learnerId === O ? /* @__PURE__ */ f("span", {
-				className: "font-medium text-text-primary",
-				children: "You"
-			}) : /* @__PURE__ */ p("span", {
-				className: "font-mono text-xs text-text-tertiary",
-				title: e.learnerId,
-				children: [e.learnerId.slice(0, 8), "…"]
-			})
+			sortValue: (e) => e.learnerId === S ? "" : e.learnerId,
+			render: (e) => {
+				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__ */ u(se, {
+						size: "sm",
+						seed: e.learnerId,
+						name: n
+					}), t ? /* @__PURE__ */ u("span", {
+						className: "font-medium text-text-primary",
+						children: "You"
+					}) : /* @__PURE__ */ d("span", {
+						className: "font-mono text-xs text-text-tertiary",
+						title: e.learnerId,
+						children: [e.learnerId.slice(0, 8), "…"]
+					})]
+				});
+			}
 		},
 		{
 			key: "status",
 			header: "Status",
-			render: (e) => /* @__PURE__ */ f(ee, { 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: n(e.issuedAt)
+				children: r(e.issuedAt)
 			})
 		},
 		{
@@ -108,9 +141,9 @@ var le = (e) => {
 			header: "Expires",
 			hideOnMobile: !0,
 			sortValue: (e) => e.expiresAt ?? "",
-			render: (e) => /* @__PURE__ */ f("span", {
+			render: (e) => /* @__PURE__ */ u("span", {
 				className: "text-text-tertiary",
-				children: n(e.expiresAt)
+				children: r(e.expiresAt)
 			})
 		},
 		{
@@ -119,16 +152,16 @@ var le = (e) => {
 			align: "right",
 			hideOnMobile: !0,
 			sortValue: (e) => e.finalScore ?? -1,
-			render: (e) => /* @__PURE__ */ f("span", {
-				className: "tabular-nums text-text-secondary",
-				children: e.finalScore ?? "—"
+			render: (e) => /* @__PURE__ */ u("span", {
+				className: "font-medium tabular-nums text-text-primary",
+				children: e.finalScore == null ? "—" : ee(e.finalScore)
 			})
 		},
 		{
 			key: "file",
-			header: "File",
+			header: "PDF",
 			hideOnMobile: !0,
-			render: (e) => e.file ? /* @__PURE__ */ f(ae, { fileId: e.file.id }) : /* @__PURE__ */ f("span", {
+			render: (e) => e.file ? /* @__PURE__ */ u(fe, { fileId: e.file.id }) : /* @__PURE__ */ u("span", {
 				className: "text-text-tertiary",
 				children: "—"
 			})
@@ -137,220 +170,273 @@ var le = (e) => {
 			key: "actions",
 			header: "",
 			align: "right",
-			render: (e) => e.status === "ISSUED" ? /* @__PURE__ */ p(m, {
+			render: (e) => e.status === "ISSUED" ? /* @__PURE__ */ d(f, {
 				variant: "ghost",
 				size: "sm",
 				className: "text-status-error-text hover:text-status-error-text",
-				disabled: R === e.id,
+				disabled: P === e.id,
 				onClick: () => void Y(e),
-				children: [/* @__PURE__ */ f(oe, { className: "mr-1.5 h-4 w-4" }), R === e.id ? "Revoking…" : "Revoke"]
+				children: [/* @__PURE__ */ u(c, { className: "mr-1.5 h-4 w-4" }), P === e.id ? "Revoking…" : "Revoke"]
 			}) : null
 		}
 	], X = () => {
-		H(B()), F(null), N(!0);
+		R(I()), j(null), k(!0);
 	}, Z = () => {
-		N(!1), H(B()), F(null);
-	}, he = async () => {
-		if (!V.courseId) {
-			F("Please choose a course for this certificate.");
+		k(!1), R(I()), j(null);
+	}, Ne = async () => {
+		if (!L.courseId) {
+			j("Please choose a course for this certificate.");
 			return;
 		}
-		if (!V.learnerId.trim()) {
-			F("A learner (user ID) is required.");
+		if (!L.learnerId.trim()) {
+			j("A learner (user ID) is required.");
 			return;
 		}
-		if (!V.serial.trim()) {
-			F("A certificate serial is required.");
+		if (!L.serial.trim()) {
+			j("A certificate serial is required.");
 			return;
 		}
-		let e = V.finalScore.trim() ? Number(V.finalScore) : void 0;
+		let e = L.finalScore.trim() ? Number(L.finalScore) : void 0;
 		if (e !== void 0 && (!Number.isFinite(e) || e < 0)) {
-			F("Final score must be a non-negative number.");
+			j("Final score must be a non-negative number.");
 			return;
 		}
-		let t = le(V.expiresAt);
-		F(null);
+		let t = we(L.expiresAt);
+		j(null);
 		try {
-			await q.mutateAsync({
-				courseId: V.courseId,
-				learnerId: V.learnerId.trim(),
-				serial: V.serial.trim(),
+			await U.mutateAsync({
+				courseId: L.courseId,
+				learnerId: L.learnerId.trim(),
+				serial: L.serial.trim(),
 				finalScore: e,
 				expiresAt: t
 			}), Z();
 		} catch (e) {
-			F(e instanceof Error ? e.message : "Failed to issue certificate.");
+			j(e instanceof Error ? e.message : "Failed to issue certificate.");
 		}
-	}, Q = W.length > 0, $ = k === "MINE" || A !== "ALL";
-	return /* @__PURE__ */ p(t, {
+	}, Q = B.length > 0, $ = C === "MINE" || w !== "ALL" || E.trim().length > 0, Pe = !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__ */ p(m, {
+		actions: /* @__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: [
-			/* @__PURE__ */ p("div", {
+			Pe && /* @__PURE__ */ d("div", {
+				className: "mb-5 grid grid-cols-2 gap-4 sm:grid-cols-4",
+				children: [
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(s, { className: "h-5 w-5" }),
+						value: K.total,
+						label: "Certificates",
+						featured: !0
+					}),
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(ge, { className: "h-5 w-5" }),
+						value: K.issued,
+						label: "Issued",
+						accent: "success"
+					}),
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(pe, { className: "h-5 w-5" }),
+						value: K.expired,
+						label: "Expired"
+					}),
+					/* @__PURE__ */ u(n, {
+						icon: /* @__PURE__ */ u(c, { className: "h-5 w-5" }),
+						value: K.revoked,
+						label: "Revoked",
+						accent: "error"
+					})
+				]
+			}),
+			/* @__PURE__ */ d("div", {
 				className: "mb-5 flex flex-wrap items-center gap-3",
-				children: [/* @__PURE__ */ f(i, {
-					options: pe,
-					value: k,
-					onChange: de
-				}), /* @__PURE__ */ p(S, {
-					value: A,
-					onValueChange: (e) => j(e),
-					children: [/* @__PURE__ */ f(T, {
-						className: "w-56",
-						"aria-label": "Filter by course",
-						children: /* @__PURE__ */ f(E, { placeholder: "All courses" })
-					}), /* @__PURE__ */ p(C, { children: [/* @__PURE__ */ f(w, {
-						value: "ALL",
-						children: "All courses"
-					}), W.map((e) => /* @__PURE__ */ f(w, {
-						value: e.id,
-						children: e.title
-					}, e.id))] })]
-				})]
+				children: [
+					/* @__PURE__ */ u(ae, {
+						options: je,
+						value: C,
+						onChange: (e) => {
+							Ee(e), O(0);
+						}
+					}),
+					/* @__PURE__ */ d(h, {
+						value: w,
+						onValueChange: (e) => {
+							T(e), O(0);
+						},
+						children: [/* @__PURE__ */ u(v, {
+							className: "w-56",
+							"aria-label": "Filter by course",
+							children: /* @__PURE__ */ u(y, { placeholder: "All courses" })
+						}), /* @__PURE__ */ d(g, { children: [/* @__PURE__ */ u(_, {
+							value: "ALL",
+							children: "All courses"
+						}), B.map((e) => /* @__PURE__ */ u(_, {
+							value: e.id,
+							children: e.title
+						}, e.id))] })]
+					}),
+					/* @__PURE__ */ d("div", {
+						className: "relative w-full sm:ml-auto sm:w-64",
+						children: [/* @__PURE__ */ u(he, { 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) => {
+								D(e.target.value), O(0);
+							},
+							placeholder: "Search certificates…",
+							"aria-label": "Search certificates",
+							className: "pl-9"
+						})]
+					})
+				]
 			}),
-			I && /* @__PURE__ */ f("p", {
+			M && /* @__PURE__ */ u("p", {
 				className: "mb-4 rounded-lg bg-status-error-bg-subtle px-3 py-2 text-sm text-status-error-text",
-				children: I
+				children: M
 			}),
-			K.isLoading ? /* @__PURE__ */ f(re, { label: "Loading certificates…" }) : K.isError ? /* @__PURE__ */ f(ne, {
+			H.isLoading ? /* @__PURE__ */ u(i, { label: "Loading certificates…" }) : H.isError ? /* @__PURE__ */ u(re, {
 				message: "Couldn't load certificates.",
-				onRetry: () => K.refetch()
-			}) : J.length === 0 ? /* @__PURE__ */ f(te, {
+				onRetry: () => H.refetch()
+			}) : G.length === 0 ? /* @__PURE__ */ u(ne, {
 				illustration: $ ? "empty-search" : "onboarding",
-				icon: /* @__PURE__ */ f(u, { 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: $ ? k === "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__ */ p(m, {
+				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__ */ 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__ */ f(r, {
-				columns: me,
+			}) : /* @__PURE__ */ d(_e, { children: [/* @__PURE__ */ u(ie, {
+				columns: Me,
 				rows: J,
 				rowKey: (e) => e.id,
 				defaultSort: {
 					key: "issuedAt",
 					dir: "desc"
 				}
-			}),
-			/* @__PURE__ */ f(_, {
-				open: M,
+			}), /* @__PURE__ */ u(oe, {
+				page: q,
+				pageSize: b,
+				itemCount: J.length,
+				hasMore: (q + 1) * b < G.length,
+				onPageChange: O
+			})] }),
+			/* @__PURE__ */ u(ve, {
+				open: Oe,
 				onOpenChange: (e) => {
-					e ? N(!0) : Z();
+					e ? k(!0) : Z();
 				},
-				children: /* @__PURE__ */ p(v, { children: [/* @__PURE__ */ p(x, { children: [/* @__PURE__ */ f(ce, { children: "Issue certificate" }), /* @__PURE__ */ f(y, { children: "Credential a learner for completing a course. The serial is auto-generated but editable." })] }), /* @__PURE__ */ p("form", {
+				children: /* @__PURE__ */ d(ye, { children: [/* @__PURE__ */ d(Se, { children: [/* @__PURE__ */ u(Ce, { children: "Issue certificate" }), /* @__PURE__ */ u(be, { children: "Credential a learner for completing a course. The serial is auto-generated but editable." })] }), /* @__PURE__ */ d("form", {
 					onSubmit: (e) => {
-						e.preventDefault(), he();
+						e.preventDefault(), Ne();
 					},
-					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(S, {
-									value: V.courseId,
-									onValueChange: (e) => H((t) => ({
+								}), /* @__PURE__ */ d(h, {
+									value: L.courseId,
+									onValueChange: (e) => R((t) => ({
 										...t,
 										courseId: e
 									})),
-									children: [/* @__PURE__ */ f(T, {
+									children: [/* @__PURE__ */ u(v, {
 										id: "cert-course",
-										children: /* @__PURE__ */ f(E, { placeholder: "Select a course" })
-									}), /* @__PURE__ */ f(C, { children: W.map((e) => /* @__PURE__ */ f(w, {
+										children: /* @__PURE__ */ u(y, { placeholder: "Select a course" })
+									}), /* @__PURE__ */ u(g, { children: B.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: V.learnerId,
-									onChange: (e) => H((t) => ({
+									value: L.learnerId,
+									onChange: (e) => R((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: V.serial,
-									onChange: (e) => H((t) => ({
+									value: L.serial,
+									onChange: (e) => R((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: V.finalScore,
-										onChange: (e) => H((t) => ({
+										value: L.finalScore,
+										onChange: (e) => R((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: V.expiresAt,
-										onChange: (e) => H((t) => ({
+										value: L.expiresAt,
+										onChange: (e) => R((t) => ({
 											...t,
 											expiresAt: e.target.value
 										}))
 									})]
 								})]
 							}),
-							P && /* @__PURE__ */ f("p", {
+							A && /* @__PURE__ */ u("p", {
 								className: "text-sm text-status-error-text",
-								children: P
+								children: A
 							})
 						]
-					}), /* @__PURE__ */ p(b, { children: [/* @__PURE__ */ f(m, {
+					}), /* @__PURE__ */ d(xe, { children: [/* @__PURE__ */ u(f, {
 						type: "button",
 						variant: "outline",
 						onClick: Z,
 						children: "Cancel"
-					}), /* @__PURE__ */ p(m, {
+					}), /* @__PURE__ */ d(f, {
 						type: "submit",
-						disabled: q.isPending,
-						children: [/* @__PURE__ */ f(se, { className: "mr-1.5 h-4 w-4" }), q.isPending ? "Issuing…" : "Issue certificate"]
+						disabled: U.isPending,
+						children: [/* @__PURE__ */ u(me, { className: "mr-1.5 h-4 w-4" }), U.isPending ? "Issuing…" : "Issue certificate"]
 					})] })]
 				})] })
 			})
@@ -358,6 +444,6 @@ var le = (e) => {
 	});
 };
 //#endregion
-export { D as CertificatesPage };
+export { x as CertificatesPage };
 
 //# sourceMappingURL=CertificatesPage.js.map