@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.2

package/dist/DataTable-CD9ZhpLB.js

@@ -0,0 +1,249 @@
+import { A as e, B as t, F as n, G as r, H as i, I as a, K as o, L as s, P as c, R as l, U as u, W as d, it as f, q as p, rt as m, u as h } from "./PageLayout-D3N8MCTm.js";
+import { t as g } from "./chevron-right-BIFGi0UA.js";
+import { t as ee } from "./search-OxoIiL_C.js";
+import { useMemo as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+import { IllustratedEmptyState as x } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/arrow-down.js
+var S = f("ArrowDown", [["path", {
+	d: "M12 5v14",
+	key: "s699le"
+}], ["path", {
+	d: "m19 12-7 7-7-7",
+	key: "1idqje"
+}]]), C = f("ArrowUpDown", [
+	["path", {
+		d: "m21 16-4 4-4-4",
+		key: "f6ql7i"
+	}],
+	["path", {
+		d: "M17 20V4",
+		key: "1ejh1v"
+	}],
+	["path", {
+		d: "m3 8 4-4 4 4",
+		key: "11wl7u"
+	}],
+	["path", {
+		d: "M7 4v16",
+		key: "1glfcx"
+	}]
+]), w = f("ArrowUp", [["path", {
+	d: "m5 12 7-7 7 7",
+	key: "hav0vg"
+}], ["path", {
+	d: "M12 19V5",
+	key: "x0mq9r"
+}]]), te = f("ChevronLeft", [["path", {
+	d: "m15 18-6-6 6-6",
+	key: "1wnfg3"
+}]]), ne = f("ChevronsLeft", [["path", {
+	d: "m11 17-5-5 5-5",
+	key: "13zhaf"
+}], ["path", {
+	d: "m18 17-5-5 5-5",
+	key: "h8a8et"
+}]]), re = f("ChevronsRight", [["path", {
+	d: "m6 17 5-5-5-5",
+	key: "xnjwq"
+}], ["path", {
+	d: "m13 17 5-5-5-5",
+	key: "17xmmf"
+}]]);
+//#endregion
+//#region src/movethewheels/components/DataTable.tsx
+function T({ columns: f, data: T, isLoading: E = !1, searchable: D = !1, searchPlaceholder: O = "Search...", searchFields: k, pagination: A = !0, pageSize: ie = 10, pageSizeOptions: j = [
+	5,
+	10,
+	20,
+	50
+], onRowClick: M, rowClassName: N, emptyMessage: P = "No data found", emptyIllustration: F, emptyTitle: I, emptyDescription: L, emptyAction: R, className: z, getRowId: B }) {
+	let [V, H] = v(""), [U, W] = v(null), [G, K] = v(null), [q, J] = v(1), [Y, ae] = v(ie), X = _(() => {
+		if (!V || !k || k.length === 0) return T;
+		let e = V.toLowerCase();
+		return T.filter((t) => k.some((n) => {
+			let r = t[n];
+			return r != null && String(r).toLowerCase().includes(e);
+		}));
+	}, [
+		T,
+		V,
+		k
+	]), Z = _(() => {
+		if (!U || !G) return X;
+		let e = f.find((e) => e.id === U);
+		return e?.accessorKey ? [...X].sort((t, n) => {
+			let r = t[e.accessorKey], i = n[e.accessorKey];
+			if (r == null) return 1;
+			if (i == null) return -1;
+			let a = 0;
+			return a = typeof r == "string" && typeof i == "string" ? r.localeCompare(i) : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i)), G === "asc" ? a : -a;
+		}) : X;
+	}, [
+		X,
+		U,
+		G,
+		f
+	]), Q = _(() => {
+		if (!A) return Z;
+		let e = (q - 1) * Y;
+		return Z.slice(e, e + Y);
+	}, [
+		Z,
+		q,
+		Y,
+		A
+	]), $ = Math.ceil(Z.length / Y), oe = (e) => {
+		U === e ? G === "asc" ? K("desc") : G === "desc" && (W(null), K(null)) : (W(e), K("asc"));
+	}, se = (e) => U === e ? y(G === "asc" ? w : S, { className: "w-4 h-4 text-primary" }) : /* @__PURE__ */ y(C, { className: "w-4 h-4 text-text-secondary/50" }), ce = (e, t) => {
+		if (t.cell) return t.cell(e);
+		if (t.accessorKey) {
+			let n = e[t.accessorKey];
+			return n == null ? "-" : n instanceof Date ? n.toLocaleDateString() : String(n);
+		}
+		return "-";
+	};
+	return E ? /* @__PURE__ */ b("div", {
+		className: m("space-y-4", z),
+		children: [D && /* @__PURE__ */ y("div", {
+			className: "flex items-center gap-4",
+			children: /* @__PURE__ */ y(t, { className: "h-10 w-64" })
+		}), /* @__PURE__ */ y("div", {
+			className: "rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
+			children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(o, { children: /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(r, { children: /* @__PURE__ */ y(t, { className: "h-4 w-20 motion-safe:animate-vc-shimmer" }) }, e.id)) }) }), /* @__PURE__ */ y(u, { children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(d, { children: /* @__PURE__ */ y(t, { className: "h-4 w-full max-w-[100px] motion-safe:animate-vc-shimmer" }) }, e.id)) }, n)) })] })
+		})]
+	}) : /* @__PURE__ */ b("div", {
+		className: m("space-y-4", z),
+		children: [
+			D && /* @__PURE__ */ y("div", {
+				className: "flex items-center gap-4",
+				children: /* @__PURE__ */ b("div", {
+					className: "relative flex-1 max-w-sm",
+					children: [/* @__PURE__ */ y(ee, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary" }), /* @__PURE__ */ y(e, {
+						placeholder: O,
+						value: V,
+						onChange: (e) => {
+							H(e.target.value), J(1);
+						},
+						className: "pl-9"
+					})]
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "overflow-x-auto rounded-card border border-border-seam bg-bg-surface shadow-elevation-1",
+				children: /* @__PURE__ */ b(i, { children: [/* @__PURE__ */ y(o, { children: /* @__PURE__ */ y(p, { children: f.map((e) => /* @__PURE__ */ y(r, {
+					className: m(e.sortable && "cursor-pointer select-none hover:bg-bg-sunken/50", e.headerClassName),
+					onClick: () => e.sortable && oe(e.id),
+					children: /* @__PURE__ */ b("div", {
+						className: "flex items-center gap-2",
+						children: [e.header, e.sortable && se(e.id)]
+					})
+				}, e.id)) }) }), /* @__PURE__ */ y(u, { children: Q.length === 0 ? /* @__PURE__ */ y(p, { children: /* @__PURE__ */ y(d, {
+					colSpan: f.length,
+					className: "py-8 text-center",
+					children: F ? V ? /* @__PURE__ */ y(x, {
+						illustration: "empty-search",
+						title: "No matches",
+						description: `Nothing matches “${V}”. Try a different search.`
+					}) : /* @__PURE__ */ y(x, {
+						illustration: F,
+						title: I ?? P,
+						description: L,
+						action: R
+					}) : /* @__PURE__ */ y("p", {
+						className: "text-text-secondary",
+						children: P
+					})
+				}) }) : Q.map((e, t) => {
+					let n = B ? B(e) : t, r = typeof N == "function" ? N(e) : N;
+					return /* @__PURE__ */ y(p, {
+						className: m(M && "cursor-pointer hover:bg-bg-sunken/50", r),
+						onClick: () => M?.(e),
+						children: f.map((t) => /* @__PURE__ */ y(d, {
+							className: t.className,
+							children: ce(e, t)
+						}, t.id))
+					}, n);
+				}) })] })
+			}),
+			A && Z.length > 0 && /* @__PURE__ */ b("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ b("div", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [
+						/* @__PURE__ */ b("span", { children: [
+							"Showing ",
+							(q - 1) * Y + 1,
+							" to",
+							" ",
+							Math.min(q * Y, Z.length),
+							" of ",
+							Z.length
+						] }),
+						/* @__PURE__ */ b(c, {
+							value: String(Y),
+							onValueChange: (e) => {
+								ae(Number(e)), J(1);
+							},
+							children: [/* @__PURE__ */ y(s, {
+								className: "w-[70px] h-8",
+								children: /* @__PURE__ */ y(l, {})
+							}), /* @__PURE__ */ y(n, { children: j.map((e) => /* @__PURE__ */ y(a, {
+								value: String(e),
+								children: e
+							}, e)) })]
+						}),
+						/* @__PURE__ */ y("span", { children: "per page" })
+					]
+				}), /* @__PURE__ */ b("div", {
+					className: "flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ y(h, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							onClick: () => J(1),
+							disabled: q === 1,
+							children: /* @__PURE__ */ y(ne, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ y(h, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							onClick: () => J((e) => Math.max(1, e - 1)),
+							disabled: q === 1,
+							children: /* @__PURE__ */ y(te, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ b("span", {
+							className: "px-3 text-sm",
+							children: [
+								"Page ",
+								q,
+								" of ",
+								$
+							]
+						}),
+						/* @__PURE__ */ y(h, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							onClick: () => J((e) => Math.min($, e + 1)),
+							disabled: q === $,
+							children: /* @__PURE__ */ y(g, { className: "h-4 w-4" })
+						}),
+						/* @__PURE__ */ y(h, {
+							variant: "outline",
+							size: "icon",
+							className: "h-8 w-8",
+							onClick: () => J($),
+							disabled: q === $,
+							children: /* @__PURE__ */ y(re, { className: "h-4 w-4" })
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { T as t };

package/dist/DriverDetailsPage-rg_pGNuP.js

@@ -0,0 +1,330 @@
+import { M as e, d as t, f as n, g as r, h as i, i as a, l as o, n as s, r as c, u as l } from "./PageLayout-D3N8MCTm.js";
+import { t as u } from "./arrow-left-CBpZKkpq.js";
+import { t as d } from "./clock-BjkdnddD.js";
+import { t as f } from "./dollar-sign-IB4O0wuQ.js";
+import { t as p } from "./file-text-C8Uioy11.js";
+import { t as m } from "./map-pin-BSaf5IDL.js";
+import { t as h } from "./square-pen-hLIbFQFV.js";
+import { t as g } from "./star-YsVV3MNQ.js";
+import { t as _ } from "./users-g2N0eL-Z.js";
+import { r as v } from "./graphqlClient-CdJyR_ed.js";
+import { t as y } from "./useFleet-BdETplNE.js";
+import { r as b } from "./StatusBadge-CijYQXtb.js";
+import { n as x, r as S } from "./formatters-_vJlC-47.js";
+import { t as C } from "./navigation-BgnOfsVd.js";
+import { useParams as w } from "react-router-dom";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { EmphasisPanel as D, NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/DriverDetailsPage.tsx
+function A() {
+	let { driverId: A } = w(), { basePath: j, navigate: M } = v(), { driver: N, isLoading: P, error: F, refetch: I } = y(A), L = () => M?.(C(j, "fleet/drivers")), R = (e) => M?.(C(j, e));
+	return P ? /* @__PURE__ */ T(c, { message: "Loading driver details..." }) : F || !N ? /* @__PURE__ */ T(s, {
+		title: "Driver not found",
+		onRetry: I
+	}) : /* @__PURE__ */ E(a, {
+		title: N.fullName,
+		subtitle: `Employee ID: ${N.employeeId}`,
+		icon: /* @__PURE__ */ T(_, { size: 24 }),
+		headerActions: /* @__PURE__ */ E("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ E(l, {
+				variant: "outline",
+				onClick: L,
+				children: [/* @__PURE__ */ T(u, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ E(l, { children: [/* @__PURE__ */ T(h, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ E("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ T(b, {
+				status: N.status,
+				type: "driver"
+			}), /* @__PURE__ */ E("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ T(g, {
+						size: 16,
+						className: "text-yellow-500 fill-yellow-500"
+					}),
+					/* @__PURE__ */ T("span", {
+						className: "font-medium",
+						children: N.ratings.overall.toFixed(1)
+					}),
+					/* @__PURE__ */ E("span", {
+						className: "text-text-secondary",
+						children: [
+							"(",
+							N.ratings.totalRatings,
+							" ratings)"
+						]
+					})
+				]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ T(k, {
+				icon: /* @__PURE__ */ T(_, { size: 18 }),
+				children: "A driver's full profile — performance ratings, working hours, documents, earnings and live location. Use it to confirm someone is road-ready and compliant before assigning them an order or route."
+			}),
+			/* @__PURE__ */ T(O, {
+				storageKey: "movethewheels-driver-details",
+				steps: [
+					{
+						id: "assign",
+						label: "Assign to an order",
+						description: "Hand a pending delivery to this driver.",
+						icon: /* @__PURE__ */ T(m, { size: 16 }),
+						onClick: () => R("orders")
+					},
+					{
+						id: "routes",
+						label: "Plan their route",
+						description: "Batch nearby drop-offs into an optimized itinerary.",
+						icon: /* @__PURE__ */ T(d, { size: 16 }),
+						onClick: () => R("routes")
+					},
+					{
+						id: "edit",
+						label: "Update driver record",
+						description: "Refresh documents, shift or compliance details.",
+						icon: /* @__PURE__ */ T(h, { size: 16 }),
+						onClick: () => {}
+					}
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ E("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ E(D, { children: [/* @__PURE__ */ E("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
+							children: [/* @__PURE__ */ T(g, { size: 18 }), " Ratings"]
+						}), /* @__PURE__ */ T("div", {
+							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
+							children: [
+								{
+									label: "Punctuality",
+									value: N.ratings.punctuality
+								},
+								{
+									label: "Communication",
+									value: N.ratings.communication
+								},
+								{
+									label: "Handling",
+									value: N.ratings.carefulHandling
+								},
+								{
+									label: "Professionalism",
+									value: N.ratings.professionalism
+								},
+								{
+									label: "On-Time Delivery",
+									value: N.ratings.onTimeDelivery
+								}
+							].map((t) => /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								className: "text-sm text-text-secondary",
+								children: t.label
+							}), /* @__PURE__ */ E("div", {
+								className: "flex items-center gap-2 mt-1",
+								children: [/* @__PURE__ */ T(e, {
+									value: t.value * 20,
+									className: "flex-1 h-2"
+								}), /* @__PURE__ */ T("span", {
+									className: "text-sm font-medium",
+									children: t.value.toFixed(1)
+								})]
+							})] }, t.label))
+						})] }),
+						/* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(d, { size: 18 }), " Working Hours"]
+						}) }), /* @__PURE__ */ T(n, { children: /* @__PURE__ */ E("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: [
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Shift"
+								}), /* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: [
+										N.workingHours.startTime,
+										" - ",
+										N.workingHours.endTime
+									]
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Working Days"
+								}), /* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: [N.workingHours.workingDays.length, " days/week"]
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Hours Today"
+								}), /* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: [
+										N.workingHours.currentHoursToday,
+										"h / ",
+										N.workingHours.maxHoursPerDay,
+										"h"
+									]
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Hours This Week"
+								}), /* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: [
+										N.workingHours.currentHoursThisWeek,
+										"h /",
+										" ",
+										N.workingHours.maxHoursPerWeek,
+										"h"
+									]
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(p, { size: 18 }), " Documents"]
+						}) }), /* @__PURE__ */ T(n, { children: /* @__PURE__ */ E("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ E("div", { children: [
+									/* @__PURE__ */ T("p", {
+										className: "font-medium",
+										children: "Driver's License"
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											N.licenseNumber,
+											" - ",
+											N.licenseType
+										]
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-sm text-text-secondary",
+										children: ["Expires: ", S(N.licenseExpiry)]
+									})
+								] }), /* @__PURE__ */ T(o, {
+									variant: "default",
+									children: "Valid"
+								})]
+							}), N.documents.map((e) => /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "font-medium capitalize",
+									children: e.type.replace("_", " ")
+								}), /* @__PURE__ */ E("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Expires: ", S(e.expiryDate)]
+								})] }), /* @__PURE__ */ T(o, {
+									variant: e.verified ? "default" : "secondary",
+									children: e.verified ? "Verified" : "Pending"
+								})]
+							}, e.id))]
+						}) })] })
+					]
+				}), /* @__PURE__ */ E("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(r, { children: "Statistics" }) }), /* @__PURE__ */ E(n, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Total Deliveries"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: N.completedOrders.toLocaleString()
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Today's Deliveries"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: N.todayOrders
+								})] }),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Join Date"
+								}), /* @__PURE__ */ T("p", {
+									className: "font-medium",
+									children: S(N.joinDate)
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(f, { size: 18 }), " Earnings"]
+						}) }), /* @__PURE__ */ E(n, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Total Earnings"
+								}), /* @__PURE__ */ T("p", {
+									className: "text-2xl font-bold",
+									children: x(N.earnings.totalEarnings)
+								})] }),
+								/* @__PURE__ */ E("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+										className: "text-sm text-text-secondary",
+										children: "This Week"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium",
+										children: x(N.earnings.weeklyEarnings)
+									})] }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+										className: "text-sm text-text-secondary",
+										children: "This Month"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium",
+										children: x(N.earnings.monthlyEarnings)
+									})] })]
+								}),
+								/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+									className: "text-sm text-text-secondary",
+									children: "Base Salary"
+								}), /* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: [x(N.baseSalary), "/year"]
+								})] })
+							]
+						})] }),
+						N.currentLocation && /* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ E(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ T(m, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T("p", {
+							className: "text-sm",
+							children: N.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ E("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: ["Updated ", S(N.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+						})] })] }),
+						/* @__PURE__ */ E(t, { children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(r, { children: "Compliance Status" }) }), /* @__PURE__ */ T(n, {
+							className: "space-y-2",
+							children: Object.entries(N.compliance).filter(([e]) => e !== "lastUpdate").map(([e, t]) => /* @__PURE__ */ E("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ T("span", {
+									className: "text-sm capitalize",
+									children: e.replace(/([A-Z])/g, " $1")
+								}), /* @__PURE__ */ T(o, {
+									variant: t ? "default" : "destructive",
+									children: t ? "Compliant" : "Non-compliant"
+								})]
+							}, e))
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { A as default };