@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.2

package/dist/DriverDetailsPage-CN3WQ0B9.js

@@ -0,0 +1,507 @@
+import { A as e, M as t, ct as n, d as r, f as i, g as a, h as o, i as s, j as c, l, n as u, ot as d, r as f, u as p } from "./PageLayout-D4LDHJJq.js";
+import { t as m } from "./arrow-left-n48Y-Wis.js";
+import { t as h } from "./clock-DJZtdl8u.js";
+import { t as g } from "./dollar-sign-CgKQRz_e.js";
+import { t as _ } from "./file-text-DWWY6_f5.js";
+import { t as v } from "./map-pin-BGiCvyCs.js";
+import { t as y } from "./save-CojywNhG.js";
+import { t as b } from "./square-pen-CopE9GmB.js";
+import { t as x } from "./star-nHlLjDKR.js";
+import { t as S } from "./users-DZ-ilS6B.js";
+import { r as C, t as w } from "./useFleet-DKqXZ16m.js";
+import { r as T } from "./StatusBadge-BZurYHMy.js";
+import { n as E, r as D } from "./formatters-CF2S2l1m.js";
+import { t as O } from "./FormError-BlOjnXOq.js";
+import { useState as k } from "react";
+import { useParams as A } from "react-router-dom";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { EmphasisPanel as N, NextSteps as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/DriverDetailsPage.tsx
+function I() {
+	let { basePath: t, navigate: r } = d(), { createDriver: i } = C(), [a, o] = k({
+		employeeId: "",
+		firstName: "",
+		lastName: "",
+		email: "",
+		phone: "",
+		licenseNumber: ""
+	}), [l, u] = k(!1), [f, h] = k(null), g = () => r?.(n(t, "fleet/drivers")), _ = async (e) => {
+		if (e.preventDefault(), !a.employeeId.trim() || !a.firstName.trim() || !a.lastName.trim()) {
+			h("Employee ID, first name and last name are required.");
+			return;
+		}
+		u(!0), h(null);
+		try {
+			let e = await i({
+				employeeId: a.employeeId.trim(),
+				firstName: a.firstName.trim(),
+				lastName: a.lastName.trim(),
+				email: a.email.trim() || void 0,
+				phone: a.phone.trim() || void 0,
+				licenseNumber: a.licenseNumber.trim() || void 0
+			});
+			r?.(n(t, `fleet/drivers/${e.id}`));
+		} catch (e) {
+			console.error("Failed to create driver:", e), h(e instanceof Error ? e.message : "Failed to create driver. Please try again."), u(!1);
+		}
+	};
+	return /* @__PURE__ */ M(s, {
+		title: "Add Driver",
+		subtitle: "Add a driver to your workforce",
+		icon: /* @__PURE__ */ j(S, { size: 24 }),
+		headerActions: /* @__PURE__ */ M("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ M(p, {
+				variant: "outline",
+				onClick: g,
+				disabled: l,
+				children: [/* @__PURE__ */ j(m, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ M(p, {
+				onClick: _,
+				disabled: l,
+				children: [
+					/* @__PURE__ */ j(y, { size: 16 }),
+					" ",
+					l ? "Saving..." : "Add Driver"
+				]
+			})]
+		}),
+		children: [/* @__PURE__ */ j(F, {
+			icon: /* @__PURE__ */ j(S, { size: 18 }),
+			children: "Add a driver so they can be assigned to orders and routes. An employee ID and name get them on the roster — add contact details and license number to keep the record complete."
+		}), /* @__PURE__ */ M("form", {
+			onSubmit: _,
+			className: "max-w-2xl space-y-6",
+			children: [/* @__PURE__ */ j(O, { message: f }), /* @__PURE__ */ M(N, { children: [/* @__PURE__ */ j("h2", {
+				className: "text-base font-semibold text-text-primary mb-4",
+				children: "Driver Details"
+			}), /* @__PURE__ */ M("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ M("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ M(c, {
+								htmlFor: "employeeId",
+								children: ["Employee ID ", /* @__PURE__ */ j("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ j(e, {
+								id: "employeeId",
+								value: a.employeeId,
+								onChange: (e) => o((t) => ({
+									...t,
+									employeeId: e.target.value
+								})),
+								placeholder: "EMP-001",
+								required: !0
+							})]
+						}),
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ M(c, {
+								htmlFor: "firstName",
+								children: ["First Name ", /* @__PURE__ */ j("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ j(e, {
+								id: "firstName",
+								value: a.firstName,
+								onChange: (e) => o((t) => ({
+									...t,
+									firstName: e.target.value
+								})),
+								placeholder: "Jane",
+								required: !0
+							})]
+						}),
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ M(c, {
+								htmlFor: "lastName",
+								children: ["Last Name ", /* @__PURE__ */ j("span", {
+									className: "text-status-error-text",
+									children: "*"
+								})]
+							}), /* @__PURE__ */ j(e, {
+								id: "lastName",
+								value: a.lastName,
+								onChange: (e) => o((t) => ({
+									...t,
+									lastName: e.target.value
+								})),
+								placeholder: "Doe",
+								required: !0
+							})]
+						})
+					]
+				}), /* @__PURE__ */ M("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ j(c, {
+								htmlFor: "email",
+								children: "Email"
+							}), /* @__PURE__ */ j(e, {
+								id: "email",
+								type: "email",
+								value: a.email,
+								onChange: (e) => o((t) => ({
+									...t,
+									email: e.target.value
+								})),
+								placeholder: "jane.doe@example.com"
+							})]
+						}),
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ j(c, {
+								htmlFor: "phone",
+								children: "Phone"
+							}), /* @__PURE__ */ j(e, {
+								id: "phone",
+								value: a.phone,
+								onChange: (e) => o((t) => ({
+									...t,
+									phone: e.target.value
+								})),
+								placeholder: "+1-555-0100"
+							})]
+						}),
+						/* @__PURE__ */ M("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ j(c, {
+								htmlFor: "licenseNumber",
+								children: "License Number"
+							}), /* @__PURE__ */ j(e, {
+								id: "licenseNumber",
+								value: a.licenseNumber,
+								onChange: (e) => o((t) => ({
+									...t,
+									licenseNumber: e.target.value
+								})),
+								placeholder: "D1234567"
+							})]
+						})
+					]
+				})]
+			})] })]
+		})]
+	});
+}
+function L() {
+	let { driverId: e } = A(), { basePath: c, navigate: y } = d(), { driver: C, isLoading: O, error: k, refetch: L } = w(e), R = () => y?.(n(c, "fleet/drivers")), z = (e) => y?.(n(c, e));
+	return e ? O ? /* @__PURE__ */ j(f, { message: "Loading driver details..." }) : k || !C ? /* @__PURE__ */ j(u, {
+		title: "Driver not found",
+		onRetry: L
+	}) : /* @__PURE__ */ M(s, {
+		title: C.fullName,
+		subtitle: `Employee ID: ${C.employeeId}`,
+		icon: /* @__PURE__ */ j(S, { size: 24 }),
+		headerActions: /* @__PURE__ */ M("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ M(p, {
+				variant: "outline",
+				onClick: R,
+				children: [/* @__PURE__ */ j(m, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ M(p, { children: [/* @__PURE__ */ j(b, { size: 16 }), " Edit"] })]
+		}),
+		headerContent: /* @__PURE__ */ M("div", {
+			className: "flex items-center gap-4",
+			children: [/* @__PURE__ */ j(T, {
+				status: C.status,
+				type: "driver"
+			}), /* @__PURE__ */ M("div", {
+				className: "flex items-center gap-1",
+				children: [
+					/* @__PURE__ */ j(x, {
+						size: 16,
+						className: "text-status-warning-text fill-current"
+					}),
+					/* @__PURE__ */ j("span", {
+						className: "font-medium",
+						children: C.ratings.overall.toFixed(1)
+					}),
+					/* @__PURE__ */ M("span", {
+						className: "text-text-secondary",
+						children: [
+							"(",
+							C.ratings.totalRatings,
+							" ratings)"
+						]
+					})
+				]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ j(F, {
+				icon: /* @__PURE__ */ j(S, { 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__ */ j(P, {
+				storageKey: "movethewheels-driver-details",
+				steps: [
+					{
+						id: "assign",
+						label: "Assign to an order",
+						description: "Hand a pending delivery to this driver.",
+						icon: /* @__PURE__ */ j(v, { size: 16 }),
+						onClick: () => z("orders")
+					},
+					{
+						id: "routes",
+						label: "Plan their route",
+						description: "Batch nearby drop-offs into an optimized itinerary.",
+						icon: /* @__PURE__ */ j(h, { size: 16 }),
+						onClick: () => z("routes")
+					},
+					{
+						id: "edit",
+						label: "Update driver record",
+						description: "Refresh documents, shift or compliance details.",
+						icon: /* @__PURE__ */ j(b, { size: 16 }),
+						onClick: () => {}
+					}
+				]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ M("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ M(N, { children: [/* @__PURE__ */ M("h2", {
+							className: "flex items-center gap-2 text-base font-semibold text-text-primary mb-4",
+							children: [/* @__PURE__ */ j(x, { size: 18 }), " Ratings"]
+						}), /* @__PURE__ */ j("div", {
+							className: "grid grid-cols-2 md:grid-cols-3 gap-4",
+							children: [
+								{
+									label: "Punctuality",
+									value: C.ratings.punctuality
+								},
+								{
+									label: "Communication",
+									value: C.ratings.communication
+								},
+								{
+									label: "Handling",
+									value: C.ratings.carefulHandling
+								},
+								{
+									label: "Professionalism",
+									value: C.ratings.professionalism
+								},
+								{
+									label: "On-Time Delivery",
+									value: C.ratings.onTimeDelivery
+								}
+							].map((e) => /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+								className: "text-sm text-text-secondary",
+								children: e.label
+							}), /* @__PURE__ */ M("div", {
+								className: "flex items-center gap-2 mt-1",
+								children: [/* @__PURE__ */ j(t, {
+									value: e.value * 20,
+									className: "flex-1 h-2"
+								}), /* @__PURE__ */ j("span", {
+									className: "text-sm font-medium",
+									children: e.value.toFixed(1)
+								})]
+							})] }, e.label))
+						})] }),
+						/* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ M(a, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(h, { size: 18 }), " Working Hours"]
+						}) }), /* @__PURE__ */ j(i, { children: /* @__PURE__ */ M("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: [
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Shift"
+								}), /* @__PURE__ */ M("p", {
+									className: "font-medium",
+									children: [
+										C.workingHours.startTime,
+										" - ",
+										C.workingHours.endTime
+									]
+								})] }),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Working Days"
+								}), /* @__PURE__ */ M("p", {
+									className: "font-medium",
+									children: [C.workingHours.workingDays.length, " days/week"]
+								})] }),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Hours Today"
+								}), /* @__PURE__ */ M("p", {
+									className: "font-medium",
+									children: [
+										C.workingHours.currentHoursToday,
+										"h / ",
+										C.workingHours.maxHoursPerDay,
+										"h"
+									]
+								})] }),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Hours This Week"
+								}), /* @__PURE__ */ M("p", {
+									className: "font-medium",
+									children: [
+										C.workingHours.currentHoursThisWeek,
+										"h /",
+										" ",
+										C.workingHours.maxHoursPerWeek,
+										"h"
+									]
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ M(a, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(_, { size: 18 }), " Documents"]
+						}) }), /* @__PURE__ */ j(i, { children: /* @__PURE__ */ M("div", {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ M("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ M("div", { children: [
+									/* @__PURE__ */ j("p", {
+										className: "font-medium",
+										children: "Driver's License"
+									}),
+									/* @__PURE__ */ M("p", {
+										className: "text-sm text-text-secondary",
+										children: [
+											C.licenseNumber,
+											" - ",
+											C.licenseType
+										]
+									}),
+									/* @__PURE__ */ M("p", {
+										className: "text-sm text-text-secondary",
+										children: ["Expires: ", D(C.licenseExpiry)]
+									})
+								] }), /* @__PURE__ */ j(l, {
+									variant: "default",
+									children: "Valid"
+								})]
+							}), C.documents.map((e) => /* @__PURE__ */ M("div", {
+								className: "flex items-center justify-between p-3 border rounded-lg",
+								children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "font-medium capitalize",
+									children: e.type.replace("_", " ")
+								}), /* @__PURE__ */ M("p", {
+									className: "text-sm text-text-secondary",
+									children: ["Expires: ", D(e.expiryDate)]
+								})] }), /* @__PURE__ */ j(l, {
+									variant: e.verified ? "default" : "secondary",
+									children: e.verified ? "Verified" : "Pending"
+								})]
+							}, e.id))]
+						}) })] })
+					]
+				}), /* @__PURE__ */ M("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ j(a, { children: "Statistics" }) }), /* @__PURE__ */ M(i, {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Total Deliveries"
+								}), /* @__PURE__ */ j("p", {
+									className: "text-2xl font-bold",
+									children: C.completedOrders.toLocaleString()
+								})] }),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Today's Deliveries"
+								}), /* @__PURE__ */ j("p", {
+									className: "text-2xl font-bold",
+									children: C.todayOrders
+								})] }),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Join Date"
+								}), /* @__PURE__ */ j("p", {
+									className: "font-medium",
+									children: D(C.joinDate)
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ M(a, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(g, { size: 18 }), " Earnings"]
+						}) }), /* @__PURE__ */ M(i, {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Total Earnings"
+								}), /* @__PURE__ */ j("p", {
+									className: "text-2xl font-bold",
+									children: E(C.earnings.totalEarnings)
+								})] }),
+								/* @__PURE__ */ M("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										className: "text-sm text-text-secondary",
+										children: "This Week"
+									}), /* @__PURE__ */ j("p", {
+										className: "font-medium",
+										children: E(C.earnings.weeklyEarnings)
+									})] }), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+										className: "text-sm text-text-secondary",
+										children: "This Month"
+									}), /* @__PURE__ */ j("p", {
+										className: "font-medium",
+										children: E(C.earnings.monthlyEarnings)
+									})] })]
+								}),
+								/* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+									className: "text-sm text-text-secondary",
+									children: "Base Salary"
+								}), /* @__PURE__ */ M("p", {
+									className: "font-medium",
+									children: [E(C.baseSalary), "/year"]
+								})] })
+							]
+						})] }),
+						C.currentLocation && /* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ M(a, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ j(v, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ M(i, { children: [/* @__PURE__ */ j("p", {
+							className: "text-sm",
+							children: C.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ M("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: ["Updated ", D(C.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+						})] })] }),
+						/* @__PURE__ */ M(r, { children: [/* @__PURE__ */ j(o, { children: /* @__PURE__ */ j(a, { children: "Compliance Status" }) }), /* @__PURE__ */ j(i, {
+							className: "space-y-2",
+							children: Object.entries(C.compliance).filter(([e]) => e !== "lastUpdate").map(([e, t]) => /* @__PURE__ */ M("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ j("span", {
+									className: "text-sm capitalize",
+									children: e.replace(/([A-Z])/g, " $1")
+								}), /* @__PURE__ */ j(l, {
+									variant: t ? "default" : "destructive",
+									children: t ? "Compliant" : "Non-compliant"
+								})]
+							}, e))
+						})] })
+					]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ j(I, {});
+}
+//#endregion
+export { L as default };

package/dist/{DriversPage-DKiynISH.js → DriversPage-B0Zpx8OQ.js}

@@ -1,43 +1,41 @@
-import { i as e, o as t, s as n } from "./PageLayout-D3N8MCTm.js";
-import { t as r } from "./DataTable-CD9ZhpLB.js";
-import { t as i } from "./download-Dpa9vqoG.js";
-import { t as a } from "./plus-Dl1rLeJR.js";
-import { t as o } from "./refresh-cw-CWfERAit.js";
-import { t as s } from "./star-YsVV3MNQ.js";
-import { t as c } from "./users-g2N0eL-Z.js";
-import { r as l } from "./graphqlClient-CdJyR_ed.js";
-import { n as u } from "./useFleet-BdETplNE.js";
-import { r as d } from "./StatusBadge-CijYQXtb.js";
-import { r as f } from "./formatters-_vJlC-47.js";
-import { t as p } from "./navigation-BgnOfsVd.js";
+import { ct as e, i as t, o as n, ot as r, s as i } from "./PageLayout-D4LDHJJq.js";
+import { t as a } from "./DataTable-DmciIKKM.js";
+import { t as o } from "./download-DRXxoiQR.js";
+import { t as s } from "./plus-Z76q-FZm.js";
+import { t as c } from "./refresh-cw-DKt6f5T6.js";
+import { t as l } from "./star-nHlLjDKR.js";
+import { t as u } from "./users-DZ-ilS6B.js";
+import { n as d } from "./useFleet-DKqXZ16m.js";
+import { r as f } from "./StatusBadge-BZurYHMy.js";
+import { r as p } from "./formatters-CF2S2l1m.js";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { CTAOverflowMenu as g, EmphasisPanel as _, PagePurpose as v } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/DriversPage.tsx
 function y() {
-	let { basePath: y, navigate: b } = l(), { drivers: x, totalDrivers: S, isLoading: C, refetch: w } = u(), T = (e) => b?.(p(y, e));
-	return /* @__PURE__ */ h(e, {
+	let { basePath: y, navigate: b } = r(), { drivers: x, totalDrivers: S, isLoading: C, refetch: w } = d(), T = (t) => b?.(e(y, t));
+	return /* @__PURE__ */ h(t, {
 		title: "Drivers",
 		subtitle: `${S} drivers`,
-		icon: /* @__PURE__ */ m(c, { size: 24 }),
+		icon: /* @__PURE__ */ m(u, { size: 24 }),
 		headerActions: /* @__PURE__ */ m(g, {
 			primary: {
 				label: "Add Driver",
-				icon: /* @__PURE__ */ m(a, { size: 16 }),
-				onSelect: () => {}
+				icon: /* @__PURE__ */ m(s, { size: 16 }),
+				onSelect: () => T("fleet/drivers/new")
 			},
 			actions: [{
 				label: "Refresh",
-				icon: /* @__PURE__ */ m(o, { size: 16 }),
+				icon: /* @__PURE__ */ m(c, { size: 16 }),
 				onSelect: () => w()
 			}, {
 				label: "Export",
-				icon: /* @__PURE__ */ m(i, { size: 16 }),
+				icon: /* @__PURE__ */ m(o, { size: 16 }),
 				onSelect: () => {}
 			}]
 		}),
 		children: [
 			/* @__PURE__ */ m(v, {
-				icon: /* @__PURE__ */ m(c, { size: 18 }),
+				icon: /* @__PURE__ */ m(u, { size: 18 }),
 				children: "Your delivery workforce. Track each driver's availability, performance rating, completed deliveries and license status here — open a driver to review their history before assigning them to an order or route."
 			}),
 			/* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m("p", {
@@ -69,14 +67,14 @@ function y() {
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ m(r, {
+			/* @__PURE__ */ m(a, {
 				columns: [
 					{
 						id: "driver",
 						header: "Driver",
 						cell: (e) => /* @__PURE__ */ h("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(n, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ m(n, { children: /* @__PURE__ */ m(i, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 								className: "font-medium",
 								children: e.fullName
 							}), /* @__PURE__ */ m("p", {
@@ -90,7 +88,7 @@ function y() {
 						header: "Status",
 						accessorKey: "status",
 						sortable: !0,
-						cell: (e) => /* @__PURE__ */ m(d, {
+						cell: (e) => /* @__PURE__ */ m(f, {
 							status: e.status,
 							type: "driver"
 						})
@@ -101,9 +99,9 @@ function y() {
 						cell: (e) => /* @__PURE__ */ h("div", {
 							className: "flex items-center gap-1",
 							children: [
-								/* @__PURE__ */ m(s, {
+								/* @__PURE__ */ m(l, {
 									size: 14,
-									className: "text-yellow-500 fill-yellow-500"
+									className: "text-status-warning-text fill-current"
 								}),
 								/* @__PURE__ */ m("span", {
 									className: "font-medium",
@@ -137,7 +135,7 @@ function y() {
 							className: "text-sm",
 							children: [/* @__PURE__ */ m("p", { children: e.licenseType }), /* @__PURE__ */ h("p", {
 								className: "text-text-secondary",
-								children: ["Exp: ", f(e.licenseExpiry, "short")]
+								children: ["Exp: ", p(e.licenseExpiry, "short")]
 							})]
 						})
 					},
@@ -146,7 +144,7 @@ function y() {
 						header: "Join Date",
 						accessorKey: "joinDate",
 						sortable: !0,
-						cell: (e) => f(e.joinDate, "short")
+						cell: (e) => p(e.joinDate, "short")
 					}
 				],
 				data: x,

package/dist/{FinancePage-Vg8WPs38.js → FinancePage-DEDykSOP.js}

@@ -1,12 +1,12 @@
-import { d as e, f as t, g as n, h as r, i, it as a, u as o } from "./PageLayout-D3N8MCTm.js";
-import { t as s } from "./dollar-sign-IB4O0wuQ.js";
-import { t as c } from "./download-Dpa9vqoG.js";
-import { t as l } from "./file-text-C8Uioy11.js";
-import { t as u } from "./trending-up-C-85AwGT.js";
-import { n as d } from "./useOrders-D_3_hGMp.js";
-import { t as f } from "./useAnalytics-ph7eTIK6.js";
-import { r as p, t as m } from "./MetricCard-B7yMyvMX.js";
-import { n as h } from "./formatters-_vJlC-47.js";
+import { d as e, f as t, g as n, h as r, i, lt as a, u as o } from "./PageLayout-D4LDHJJq.js";
+import { t as s } from "./dollar-sign-CgKQRz_e.js";
+import { t as c } from "./download-DRXxoiQR.js";
+import { t as l } from "./file-text-DWWY6_f5.js";
+import { t as u } from "./trending-up-Dohgd4t_.js";
+import { n as d } from "./useOrders-Cfk1GLiq.js";
+import { t as f } from "./useAnalytics-DS8n0xgg.js";
+import { r as p, t as m } from "./MetricCard-BY0QrMD4.js";
+import { n as h } from "./formatters-CF2S2l1m.js";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { EmphasisPanel as v, IllustratedEmptyState as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region node_modules/lucide-react/dist/esm/icons/credit-card.js