@burdenoff/microfe-movethewheels 2026.925.1 → 2026.925.2

package/dist/pages/DriversPage.js

@@ -1,182 +1,168 @@
 import { Coffee as e } from "../node_modules/lucide-react/dist/esm/icons/coffee.js";
 import { Download as t } from "../node_modules/lucide-react/dist/esm/icons/download.js";
 import { Filter as n } from "../node_modules/lucide-react/dist/esm/icons/filter.js";
-import { Plus as ee } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
-import { RefreshCw as r } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
+import { Plus as r } from "../node_modules/lucide-react/dist/esm/icons/plus.js";
+import { RefreshCw as ee } from "../node_modules/lucide-react/dist/esm/icons/refresh-cw.js";
 import { Star as i } from "../node_modules/lucide-react/dist/esm/icons/star.js";
-import { Truck as te } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
-import { UserCheck as a } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
-import { UserMinus as o } from "../node_modules/lucide-react/dist/esm/icons/user-minus.js";
-import { Users as s } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as ne } from "../utils/navigation.js";
-import { useMoveTheWheels as re } from "../providers/MoveTheWheelsProvider.js";
-import { useDriverStatusCounts as c, useDrivers as l, useFleetStats as u, useVehicles as d } from "../hooks/useFleet.js";
-import { Avatar as f, AvatarFallback as p, Button as m, Card as h, CardContent as g, Select as _, SelectContent as v, SelectItem as y, SelectTrigger as b, SelectValue as x } from "../components/ui.js";
-import { PageLayout as S } from "../components/PageLayout.js";
-import { MetricCard as C, MetricGrid as ie } from "../components/MetricCard.js";
-import { StatusBadge as ae } from "../components/StatusBadge.js";
-import { DataTable as oe } from "../components/DataTable.js";
-import { formatDate as w } from "../utils/formatters.js";
-import { useDebouncedValue as se } from "../hooks/useDebouncedValue.js";
-import { useMemo as T, useState as E } from "react";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { CTAOverflowMenu as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
+import { Truck as a } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
+import { UserCheck as o } from "../node_modules/lucide-react/dist/esm/icons/user-check.js";
+import { UserMinus as s } from "../node_modules/lucide-react/dist/esm/icons/user-minus.js";
+import { Users as c } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { joinPath as l } from "../utils/navigation.js";
+import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
+import { useDriverStatusCounts as d, useDrivers as f, useFleetStats as p, useVehicles as te } from "../hooks/useFleet.js";
+import { Avatar as ne, AvatarFallback as re, Button as ie, Card as m, CardContent as h, Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b } from "../components/ui.js";
+import { PageLayout as ae } from "../components/PageLayout.js";
+import { MetricCard as x, MetricGrid as S } from "../components/MetricCard.js";
+import { DRIVER_STATUS_LABELS as C } from "../constants/index.js";
+import { StatusBadge as w } from "../components/StatusBadge.js";
+import { DataTable as T } from "../components/DataTable.js";
+import { formatDate as E } from "../utils/formatters.js";
+import { useDebouncedValue as oe } from "../hooks/useDebouncedValue.js";
+import { useMemo as D, useState as O } from "react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { CTAOverflowMenu as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriversPage.tsx
-var j = [
-	{
-		value: "all",
-		label: "All statuses"
-	},
-	{
-		value: "available",
-		label: "Available"
-	},
-	{
-		value: "busy",
-		label: "On delivery"
-	},
-	{
-		value: "on_break",
-		label: "On break"
-	},
-	{
-		value: "offline",
-		label: "Off duty"
-	}
-];
-function M() {
-	let { basePath: M, navigate: N } = re(), [P, F] = E(0), [I, L] = E(25), [R, z] = E(""), B = se(R), [V, H] = E("all"), [U, W] = E("all"), { drivers: G, totalDrivers: K, hasMore: ce, isLoading: le, error: ue, refetch: q } = l({
-		limit: I,
-		offset: P * I,
-		search: B || void 0,
-		status: V === "all" ? void 0 : V,
-		licenseClass: U === "all" ? void 0 : U
-	}), { stats: J } = u(), { counts: Y } = c(), { vehicles: X } = d({ limit: 100 }), de = T(() => new Map(X.map((e) => [e.id, e.vehicleNumber])), [X]), Z = J.totalDrivers, fe = T(() => Array.from(new Set(G.map((e) => e.licenseType).filter(Boolean))).sort((e, t) => e.localeCompare(t)), [G]), Q = V !== "all" || U !== "all" || R.length > 0, $ = (e) => N?.(ne(M, e));
-	return /* @__PURE__ */ O(S, {
+var N = [{
+	value: "all",
+	label: "All statuses"
+}, ...Object.entries(C).map(([e, t]) => ({
+	value: e,
+	label: t
+}))];
+function P() {
+	let { basePath: C, navigate: P } = u(), [F, I] = O(0), [L, R] = O(25), [z, B] = O(""), V = oe(z), [H, U] = O("all"), [W, G] = O("all"), { drivers: K, totalDrivers: se, hasMore: ce, isLoading: le, error: ue, refetch: q } = f({
+		limit: L,
+		offset: F * L,
+		search: V || void 0,
+		status: H === "all" ? void 0 : H,
+		licenseClass: W === "all" ? void 0 : W
+	}), { stats: J } = p(), { counts: Y } = d(), { vehicles: X } = te({ ids: D(() => Array.from(new Set(K.map((e) => e.assignedVehicle).filter(Boolean))), [K]) }), de = D(() => new Map(X.map((e) => [e.id, e.vehicleNumber])), [X]), Z = J.totalDrivers, fe = D(() => Array.from(new Set(K.map((e) => e.licenseType).filter(Boolean))).sort((e, t) => e.localeCompare(t)), [K]), Q = H !== "all" || W !== "all" || z.length > 0, $ = (e) => P?.(l(C, e));
+	return /* @__PURE__ */ A(ae, {
 		title: "Drivers",
 		subtitle: `${Z} drivers`,
-		icon: /* @__PURE__ */ D(s, { size: 24 }),
-		headerActions: /* @__PURE__ */ D(k, {
+		icon: /* @__PURE__ */ k(c, { size: 24 }),
+		headerActions: /* @__PURE__ */ k(j, {
 			primary: {
 				label: "Add Driver",
-				icon: /* @__PURE__ */ D(ee, { size: 16 }),
+				icon: /* @__PURE__ */ k(r, { size: 16 }),
 				onSelect: () => $("fleet/drivers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ D(r, { size: 16 }),
+				icon: /* @__PURE__ */ k(ee, { size: 16 }),
 				onSelect: () => q()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ D(t, { size: 16 }),
+				icon: /* @__PURE__ */ k(t, { size: 16 }),
 				onSelect: () => $("import-export")
 			}]
 		}),
 		children: [
-			/* @__PURE__ */ D(A, {
-				icon: /* @__PURE__ */ D(s, { size: 18 }),
+			/* @__PURE__ */ k(M, {
+				icon: /* @__PURE__ */ k(c, { size: 18 }),
 				children: "Your delivery workforce. Track each driver's availability, rating, licence status, contact number and the vehicle they are on — open a driver to review their record before assigning them to an order or route."
 			}),
-			/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+			/* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Workforce at a glance"
-			}), /* @__PURE__ */ O(ie, {
+			}), /* @__PURE__ */ A(S, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ k(x, {
 						label: "On duty",
 						value: J.driversByStatus.available + J.driversByStatus.busy,
-						icon: /* @__PURE__ */ D(a, { size: 20 }),
+						icon: /* @__PURE__ */ k(o, { size: 20 }),
 						accent: "success",
 						subtitle: "Available or delivering"
 					}),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ k(x, {
 						label: "On break",
 						value: Y.onBreak,
-						icon: /* @__PURE__ */ D(e, { size: 20 }),
+						icon: /* @__PURE__ */ k(e, { size: 20 }),
 						accent: "warning",
 						subtitle: "Back on shift shortly"
 					}),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ k(x, {
 						label: "Off duty",
 						value: Y.offDuty,
-						icon: /* @__PURE__ */ D(o, { size: 20 }),
+						icon: /* @__PURE__ */ k(s, { size: 20 }),
 						accent: "neutral",
 						subtitle: Y.inactive > 0 ? `${Y.inactive} inactive` : void 0
 					}),
-					/* @__PURE__ */ D(C, {
+					/* @__PURE__ */ k(x, {
 						label: "Avg rating",
 						value: J.avgDriverRating > 0 ? J.avgDriverRating.toFixed(1) : "—",
-						icon: /* @__PURE__ */ D(i, { size: 20 }),
+						icon: /* @__PURE__ */ k(i, { size: 20 }),
 						accent: "brand",
 						subtitle: `${Z} drivers`
 					})
 				]
 			})] }),
-			/* @__PURE__ */ D(h, { children: /* @__PURE__ */ D(g, {
+			/* @__PURE__ */ k(m, { children: /* @__PURE__ */ k(h, {
 				className: "p-4",
-				children: /* @__PURE__ */ O("div", {
+				children: /* @__PURE__ */ A("div", {
 					className: "flex flex-wrap items-center gap-4",
 					children: [
-						/* @__PURE__ */ O("div", {
+						/* @__PURE__ */ A("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(n, {
+							children: [/* @__PURE__ */ k(n, {
 								size: 16,
 								className: "text-text-secondary"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ k("span", {
 								className: "text-sm font-medium",
 								children: "Filters:"
 							})]
 						}),
-						/* @__PURE__ */ O(_, {
-							value: V,
+						/* @__PURE__ */ A(g, {
+							value: H,
 							onValueChange: (e) => {
-								H(e), F(0);
+								U(e), I(0);
 							},
-							children: [/* @__PURE__ */ D(b, {
+							children: [/* @__PURE__ */ k(y, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ D(x, { placeholder: "Status" })
-							}), /* @__PURE__ */ D(v, { children: j.map((e) => /* @__PURE__ */ D(y, {
+								children: /* @__PURE__ */ k(b, { placeholder: "Status" })
+							}), /* @__PURE__ */ k(_, { children: N.map((e) => /* @__PURE__ */ k(v, {
 								value: e.value,
 								children: e.label
 							}, e.value)) })]
 						}),
-						/* @__PURE__ */ O(_, {
-							value: U,
-							onValueChange: W,
-							children: [/* @__PURE__ */ D(b, {
+						/* @__PURE__ */ A(g, {
+							value: W,
+							onValueChange: G,
+							children: [/* @__PURE__ */ k(y, {
 								className: "w-[180px]",
-								children: /* @__PURE__ */ D(x, { placeholder: "License class" })
-							}), /* @__PURE__ */ O(v, { children: [/* @__PURE__ */ D(y, {
+								children: /* @__PURE__ */ k(b, { placeholder: "License class" })
+							}), /* @__PURE__ */ A(_, { children: [/* @__PURE__ */ k(v, {
 								value: "all",
 								children: "All licence classes"
-							}), fe.map((e) => /* @__PURE__ */ D(y, {
+							}), fe.map((e) => /* @__PURE__ */ k(v, {
 								value: e,
 								children: e
 							}, e))] })]
 						}),
-						Q && /* @__PURE__ */ D(m, {
+						Q && /* @__PURE__ */ k(ie, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								H("all"), W("all"), z(""), F(0);
+								U("all"), G("all"), B(""), I(0);
 							},
 							children: "Clear filters"
 						})
 					]
 				})
 			}) }),
-			/* @__PURE__ */ D(oe, {
+			/* @__PURE__ */ k(T, {
 				columns: [
 					{
 						id: "driver",
 						header: "Driver",
-						cell: (e) => /* @__PURE__ */ O("div", {
+						cell: (e) => /* @__PURE__ */ A("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(p, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ k(ne, { children: /* @__PURE__ */ k(re, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ k("p", {
 								className: "font-medium",
 								children: e.fullName
-							}), /* @__PURE__ */ D("p", {
+							}), /* @__PURE__ */ k("p", {
 								className: "text-sm text-text-secondary",
 								children: e.employeeId
 							})] })]
@@ -187,7 +173,7 @@ function M() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ D(ae, {
+						cell: (e) => /* @__PURE__ */ k(w, {
 							status: e.status,
 							type: "driver"
 						})
@@ -195,11 +181,11 @@ function M() {
 					{
 						id: "license",
 						header: "License",
-						cell: (e) => /* @__PURE__ */ O("div", {
+						cell: (e) => /* @__PURE__ */ A("div", {
 							className: "text-sm",
-							children: [/* @__PURE__ */ D("p", { children: e.licenseType }), /* @__PURE__ */ O("p", {
+							children: [/* @__PURE__ */ k("p", { children: e.licenseType }), /* @__PURE__ */ A("p", {
 								className: "text-text-secondary",
-								children: ["Exp: ", w(e.licenseExpiry, "short")]
+								children: ["Exp: ", E(e.licenseExpiry, "short")]
 							})]
 						})
 					},
@@ -207,12 +193,12 @@ function M() {
 						id: "phone",
 						header: "Phone",
 						accessorKey: "phone",
-						cell: (e) => e.phone ? /* @__PURE__ */ D("a", {
+						cell: (e) => e.phone ? /* @__PURE__ */ k("a", {
 							href: `tel:${e.phone}`,
 							className: "text-sm hover:underline",
 							onClick: (e) => e.stopPropagation(),
 							children: e.phone
-						}) : /* @__PURE__ */ D("span", {
+						}) : /* @__PURE__ */ k("span", {
 							className: "text-sm text-text-secondary",
 							children: "—"
 						})
@@ -220,16 +206,16 @@ function M() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => e.ratings.overall > 0 ? /* @__PURE__ */ O("div", {
+						cell: (e) => e.rating > 0 ? /* @__PURE__ */ A("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ D(i, {
+							children: [/* @__PURE__ */ k(i, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ D("span", {
+							}), /* @__PURE__ */ k("span", {
 								className: "font-medium",
-								children: e.ratings.overall.toFixed(1)
+								children: e.rating.toFixed(1)
 							})]
-						}) : /* @__PURE__ */ D("span", {
+						}) : /* @__PURE__ */ k("span", {
 							className: "text-sm text-text-secondary",
 							children: "Not rated"
 						})
@@ -238,14 +224,14 @@ function M() {
 						id: "vehicle",
 						header: "Assigned vehicle",
 						cell: (e) => {
-							if (!e.assignedVehicle) return /* @__PURE__ */ D("span", {
+							if (!e.assignedVehicle) return /* @__PURE__ */ k("span", {
 								className: "text-sm text-text-secondary",
 								children: "Unassigned"
 							});
 							let t = de.get(e.assignedVehicle);
-							return /* @__PURE__ */ O("span", {
+							return /* @__PURE__ */ A("span", {
 								className: "inline-flex items-center gap-1.5 text-sm font-medium",
-								children: [/* @__PURE__ */ D(te, {
+								children: [/* @__PURE__ */ k(a, {
 									size: 14,
 									className: "text-text-secondary"
 								}), t ?? "Assigned"]
@@ -254,32 +240,35 @@ function M() {
 					},
 					{
 						id: "joined",
-						header: "Join Date",
-						accessorKey: "joinDate",
+						header: "Hire Date",
+						accessorKey: "hireDate",
 						sortable: !0,
-						cell: (e) => w(e.joinDate, "short")
+						cell: (e) => e.hireDate ? E(e.hireDate, "short") : /* @__PURE__ */ k("span", {
+							className: "text-text-secondary",
+							children: "Not recorded"
+						})
 					}
 				],
-				data: G,
+				data: K,
 				isLoading: le,
 				error: ue,
 				onRetry: q,
 				searchable: !0,
 				searchPlaceholder: "Search drivers...",
 				searchFields: ["fullName", "employeeId"],
-				searchQuery: R,
+				searchQuery: z,
 				onSearchQueryChange: (e) => {
-					z(e), F(0);
+					B(e), I(0);
 				},
 				onRowClick: (e) => $(`fleet/drivers/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: P,
-				pageSize: I,
-				onPageChange: F,
+				pageIndex: F,
+				pageSize: L,
+				onPageChange: I,
 				onPageSizeChange: (e) => {
-					L(e), F(0);
+					R(e), I(0);
 				},
-				totalItems: K,
+				totalItems: se,
 				hasNextPage: ce,
 				emptyIllustration: "empty-people",
 				emptyTitle: Q ? "No drivers match these filters" : "No drivers yet",
@@ -289,4 +278,4 @@ function M() {
 	});
 }
 //#endregion
-export { M as default };
+export { P as default };

package/dist/pages/FleetPage.js

@@ -253,15 +253,9 @@ function A() {
 										children: [/* @__PURE__ */ C(l, { children: /* @__PURE__ */ C(ne, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 											className: "font-medium",
 											children: e.fullName
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "text-sm text-text-secondary",
-											children: [
-												e.employeeId,
-												" - ",
-												e.completedOrders,
-												" ",
-												j("movethewheels.fleet.drivers.deliveries", "deliveries")
-											]
+											children: e.employeeId
 										})] })]
 									}), /* @__PURE__ */ w("div", {
 										className: "text-right",
@@ -269,14 +263,14 @@ function A() {
 											status: e.status,
 											type: "driver",
 											size: "sm"
-										}), /* @__PURE__ */ w("div", {
+										}), e.rating > 0 && /* @__PURE__ */ w("div", {
 											className: "mt-1 flex items-center gap-1 justify-end",
 											children: [/* @__PURE__ */ C(n, {
 												size: 12,
 												className: "text-status-warning-text fill-current"
 											}), /* @__PURE__ */ C("span", {
 												className: "text-sm font-medium",
-												children: e.ratings.overall.toFixed(1)
+												children: e.rating.toFixed(1)
 											})]
 										})]
 									})]