@burdenoff/microfe-movethewheels 2026.1031.2 → 2026.1031.4

package/dist/pages/CustomersPage.js

@@ -3,97 +3,106 @@ import { Download as t } from "../node_modules/lucide-react/dist/esm/icons/downl
 import { Plus as n } 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 { Star as i } from "../node_modules/lucide-react/dist/esm/icons/star.js";
-import { Users as a } from "../node_modules/lucide-react/dist/esm/icons/users.js";
-import { joinPath as o } from "../utils/navigation.js";
-import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
-import { useCustomerStats as c, useCustomers as l } from "../hooks/useCustomers.js";
-import { Avatar as u, AvatarFallback as d, Button as f } from "../components/ui.js";
-import { PageLayout as p } from "../components/PageLayout.js";
-import { MetricCard as m, MetricGrid as h } from "../components/MetricCard.js";
-import { TypeBadge as g } from "../components/StatusBadge.js";
-import { DataTable as _ } from "../components/DataTable.js";
-import { formatDate as v } from "../utils/formatters.js";
-import { useDebouncedValue as y } from "../hooks/useDebouncedValue.js";
-import { useEntityExport as b } from "../hooks/useEntityExport.js";
-import { ExportStatusBanner as x } from "../components/ExportStatusBanner.js";
-import { useState as S } from "react";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { CTAOverflowMenu as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { Upload as a } from "../node_modules/lucide-react/dist/esm/icons/upload.js";
+import { Users as o } from "../node_modules/lucide-react/dist/esm/icons/users.js";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { formatDate as l } from "../utils/formatters.js";
+import { useCustomerStats as u, useCustomers as d } from "../hooks/useCustomers.js";
+import { Avatar as f, AvatarFallback as p, Button as m } from "../components/ui.js";
+import { PageLayout as h } from "../components/PageLayout.js";
+import { MetricCard as g, MetricGrid as _ } from "../components/MetricCard.js";
+import { TypeBadge as v } from "../components/StatusBadge.js";
+import { DataTable as y } from "../components/DataTable.js";
+import { useDebouncedValue as b } from "../hooks/useDebouncedValue.js";
+import { useEntityExport as x } from "../hooks/useEntityExport.js";
+import { ExportStatusBanner as S } from "../components/ExportStatusBanner.js";
+import { useState as C } from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { CTAOverflowMenu as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/CustomersPage.tsx
-function D() {
-	let { basePath: D, navigate: O } = s(), { state: k, isExporting: A, startExport: j, dismiss: M } = b("customers", "customer"), [N, P] = S(0), [F, I] = S(25), [L, R] = S(""), z = y(L), { customers: B, totalCustomers: V, hasMore: H, isLoading: U, error: W, refetch: G } = l({
-		limit: F,
-		offset: N * F,
-		filters: { search: z }
-	}), { stats: K } = c(), q = (e) => O?.(o(D, e));
-	return /* @__PURE__ */ w(p, {
+function O() {
+	let { basePath: O, navigate: k } = c(), { state: A, isExporting: j, startExport: M, dismiss: N } = x("customers", "customer"), [P, F] = C(0), [I, L] = C(25), [R, z] = C(""), B = b(R), { customers: V, totalCustomers: H, hasMore: U, isLoading: W, error: G, refetch: K } = d({
+		limit: I,
+		offset: P * I,
+		filters: { search: B }
+	}), { stats: q } = u(), J = (e) => k?.(s(O, e));
+	return /* @__PURE__ */ T(h, {
 		title: "Customers",
-		subtitle: `${K.total} customers`,
-		icon: /* @__PURE__ */ C(a, { size: 24 }),
-		headerActions: /* @__PURE__ */ C(T, {
+		subtitle: `${q.total} customers`,
+		icon: /* @__PURE__ */ w(o, { size: 24 }),
+		headerActions: /* @__PURE__ */ w(E, {
 			primary: {
 				label: "Add Customer",
-				icon: /* @__PURE__ */ C(n, { size: 16 }),
-				onSelect: () => q("customers/new")
+				icon: /* @__PURE__ */ w(n, { size: 16 }),
+				onSelect: () => J("customers/new")
 			},
-			actions: [{
-				label: "Refresh",
-				icon: /* @__PURE__ */ C(r, { size: 16 }),
-				onSelect: () => G()
-			}, {
-				label: A ? "Exporting…" : "Export",
-				icon: /* @__PURE__ */ C(t, { size: 16 }),
-				onSelect: j
-			}]
+			actions: [
+				{
+					label: "Refresh",
+					icon: /* @__PURE__ */ w(r, { size: 16 }),
+					onSelect: () => K()
+				},
+				{
+					label: "Import",
+					icon: /* @__PURE__ */ w(a, { size: 16 }),
+					onSelect: () => J("import-export?entity=CUSTOMER")
+				},
+				{
+					label: j ? "Exporting…" : "Export",
+					icon: /* @__PURE__ */ w(t, { size: 16 }),
+					onSelect: M
+				}
+			]
 		}),
 		children: [
-			/* @__PURE__ */ C(E, {
-				icon: /* @__PURE__ */ C(a, { size: 18 }),
+			/* @__PURE__ */ w(D, {
+				icon: /* @__PURE__ */ w(o, { size: 18 }),
 				children: "The businesses and individuals you deliver for. Keep contact details, locations and satisfaction ratings here, and open a customer to see their order history before booking the next shipment."
 			}),
-			/* @__PURE__ */ C(x, {
-				state: k,
-				onDismiss: M
+			/* @__PURE__ */ w(S, {
+				state: A,
+				onDismiss: N
 			}),
-			/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+			/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 				className: "mb-3 text-sm font-medium text-text-secondary",
 				children: "Customer base at a glance"
-			}), /* @__PURE__ */ w(h, {
+			}), /* @__PURE__ */ T(_, {
 				columns: 3,
 				children: [
-					/* @__PURE__ */ C(m, {
+					/* @__PURE__ */ w(g, {
 						label: "Total customers",
-						value: K.total,
-						icon: /* @__PURE__ */ C(a, { size: 20 }),
+						value: q.total,
+						icon: /* @__PURE__ */ w(o, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ C(m, {
+					/* @__PURE__ */ w(g, {
 						label: "Avg. rating",
-						value: K.avgRating > 0 ? K.avgRating.toFixed(1) : "—",
-						icon: /* @__PURE__ */ C(i, { size: 20 }),
+						value: q.avgRating > 0 ? q.avgRating.toFixed(1) : "—",
+						icon: /* @__PURE__ */ w(i, { size: 20 }),
 						accent: "success",
 						subtitle: "Across all customers"
 					}),
-					/* @__PURE__ */ C(m, {
+					/* @__PURE__ */ w(g, {
 						label: "Business accounts",
-						value: K.b2b,
-						icon: /* @__PURE__ */ C(e, { size: 20 }),
+						value: q.b2b,
+						icon: /* @__PURE__ */ w(e, { size: 20 }),
 						accent: "blue",
 						subtitle: "B2B relationships"
 					})
 				]
 			})] }),
-			/* @__PURE__ */ C(_, {
+			/* @__PURE__ */ w(y, {
 				columns: [
 					{
 						id: "customer",
 						header: "Customer",
-						cell: (e) => /* @__PURE__ */ w("div", {
+						cell: (e) => /* @__PURE__ */ T("div", {
 							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ C(u, { children: /* @__PURE__ */ C(d, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							children: [/* @__PURE__ */ w(f, { children: /* @__PURE__ */ w(p, { children: e.name.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 								className: "font-medium",
 								children: e.name
-							}), /* @__PURE__ */ C("p", {
+							}), /* @__PURE__ */ w("p", {
 								className: "text-sm text-text-secondary",
 								children: e.email
 							})] })]
@@ -103,7 +112,7 @@ function D() {
 						id: "type",
 						header: "Type",
 						accessorKey: "type",
-						cell: (e) => /* @__PURE__ */ C(g, { type: e.type })
+						cell: (e) => /* @__PURE__ */ w(v, { type: e.type })
 					},
 					{
 						id: "company",
@@ -124,12 +133,12 @@ function D() {
 					{
 						id: "rating",
 						header: "Rating",
-						cell: (e) => /* @__PURE__ */ w("div", {
+						cell: (e) => /* @__PURE__ */ T("div", {
 							className: "flex items-center gap-1",
-							children: [/* @__PURE__ */ C(i, {
+							children: [/* @__PURE__ */ w(i, {
 								size: 14,
 								className: "text-status-warning-text fill-current"
-							}), /* @__PURE__ */ C("span", { children: e.rating === void 0 ? "Not provided" : e.rating.toFixed(1) })]
+							}), /* @__PURE__ */ w("span", { children: e.rating === void 0 ? "Not provided" : e.rating.toFixed(1) })]
 						})
 					},
 					{
@@ -137,13 +146,13 @@ function D() {
 						header: "Created",
 						accessorKey: "createdAt",
 						sortable: !0,
-						cell: (e) => v(e.createdAt, "short")
+						cell: (e) => l(e.createdAt, "short")
 					}
 				],
-				data: B,
-				isLoading: U,
-				error: W,
-				onRetry: G,
+				data: V,
+				isLoading: W,
+				error: G,
+				onRetry: K,
 				searchable: !0,
 				searchPlaceholder: "Search customers...",
 				searchFields: [
@@ -151,26 +160,26 @@ function D() {
 					"email",
 					"company"
 				],
-				searchQuery: L,
+				searchQuery: R,
 				onSearchQueryChange: (e) => {
-					R(e), P(0);
+					z(e), F(0);
 				},
-				onRowClick: (e) => q(`customers/${e.id}`),
+				onRowClick: (e) => J(`customers/${e.id}`),
 				getRowId: (e) => e.id,
-				pageIndex: N,
-				pageSize: F,
-				onPageChange: P,
+				pageIndex: P,
+				pageSize: I,
+				onPageChange: F,
 				onPageSizeChange: (e) => {
-					I(e), P(0);
+					L(e), F(0);
 				},
-				totalItems: V,
-				hasNextPage: H,
+				totalItems: H,
+				hasNextPage: U,
 				emptyIllustration: "empty-people",
 				emptyTitle: "No customers yet",
 				emptyDescription: "Add your first customer to start booking deliveries for them.",
-				emptyAction: /* @__PURE__ */ w(f, {
-					onClick: () => q("customers/new"),
-					children: [/* @__PURE__ */ C(n, {
+				emptyAction: /* @__PURE__ */ T(m, {
+					onClick: () => J("customers/new"),
+					children: [/* @__PURE__ */ w(n, {
 						size: 16,
 						className: "mr-1.5"
 					}), "Add Customer"]
@@ -180,4 +189,4 @@ function D() {
 	});
 }
 //#endregion
-export { D as default };
+export { O as default };

package/dist/pages/DashboardPage.js

@@ -11,20 +11,20 @@ import { Truck as l } from "../node_modules/lucide-react/dist/esm/icons/truck.js
 import { Users as ee } from "../node_modules/lucide-react/dist/esm/icons/users.js";
 import { joinPath as te } from "../utils/navigation.js";
 import { useMoveTheWheels as u } from "../providers/MoveTheWheelsProvider.js";
-import { useOrderStats as d, useOrders as f } from "../hooks/useOrders.js";
-import { useFleetStats as p } from "../hooks/useFleet.js";
-import { useAnalytics as ne, useDashboardMetrics as re } from "../hooks/useAnalytics.js";
-import { useLiveTracking as ie, useTrackingAlerts as m } from "../hooks/useTracking.js";
-import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Progress as x } from "../components/ui.js";
-import { PageLayout as ae, PageSection as S } from "../components/PageLayout.js";
+import { formatCurrency as d, formatDate as f } from "../utils/formatters.js";
+import { useOrderStats as p, useOrders as ne } from "../hooks/useOrders.js";
+import { useFleetStats as re } from "../hooks/useFleet.js";
+import { useAnalytics as ie, useDashboardMetrics as m } from "../hooks/useAnalytics.js";
+import { useLiveTracking as ae, useTrackingAlerts as oe } from "../hooks/useTracking.js";
+import { Badge as h, Button as g, Card as _, CardContent as v, CardHeader as y, CardTitle as b, Progress as se } from "../components/ui.js";
+import { PageLayout as x, PageSection as S } from "../components/PageLayout.js";
 import { MetricCard as C, MetricGrid as w } from "../components/MetricCard.js";
-import { VolumeBar as oe } from "../components/charts/VolumeBar.js";
+import { VolumeBar as T } from "../components/charts/VolumeBar.js";
 import "../components/charts/index.js";
-import { LogisticsMap as T } from "../components/maps/LogisticsMap.js";
+import { LogisticsMap as E } from "../components/maps/LogisticsMap.js";
 import "../components/maps/index.js";
-import { StatusBadge as E } from "../components/StatusBadge.js";
-import { formatCurrency as D, formatDate as O } from "../utils/formatters.js";
-import { TrackingAlertList as se } from "../components/TrackingAlertList.js";
+import { StatusBadge as D } from "../components/StatusBadge.js";
+import { TrackingAlertList as O } from "../components/TrackingAlertList.js";
 import { deliveryMarkerStatus as ce, firstRealLatLng as le } from "../utils/mapMarkers.js";
 import { useMemo as k } from "react";
 import { jsx as A, jsxs as j } from "react/jsx-runtime";
@@ -46,7 +46,7 @@ function L() {
 	let { t: L } = M(), R = (e, t) => {
 		let n = L(e);
 		return n === e ? t : n;
-	}, { basePath: z, navigate: B } = u(), { metrics: V } = re(), { analytics: H } = ne(), { orders: U } = f({ limit: 5 }), { stats: W } = d(), { stats: G } = p(), { activeDeliveries: K } = ie(), { unacknowledgedAlerts: q, acknowledgeAlert: ue, refetch: de } = m(), J = k(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = k(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = k(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), fe = k(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), pe = k(() => K.flatMap((e) => {
+	}, { basePath: z, navigate: B } = u(), { metrics: V } = m(), { analytics: H } = ie(), { orders: U } = ne({ limit: 5 }), { stats: W } = p(), { stats: G } = re(), { activeDeliveries: K } = ae(), { unacknowledgedAlerts: q, acknowledgeAlert: ue, refetch: de } = oe(), J = k(() => H.trends.dailyOrders.map((e) => e.orders), [H.trends.dailyOrders]), Y = k(() => H.trends.dailyOrders.map((e) => e.deliveries), [H.trends.dailyOrders]), X = k(() => H.trends.revenue.map((e) => e.revenue), [H.trends.revenue]), fe = k(() => H.trends.dailyOrders.slice(-7), [H.trends.dailyOrders]), pe = k(() => K.flatMap((e) => {
 		if (!e.order) return [];
 		let t = le(e.vehicle?.currentLocation, e.driver?.currentLocation, e.tracking?.currentLocation);
 		return t ? [{
@@ -62,7 +62,7 @@ function L() {
 	}, $ = (e, t) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t());
 	};
-	return /* @__PURE__ */ j(ae, {
+	return /* @__PURE__ */ j(x, {
 		hero: !0,
 		titleAccent: R("movethewheels.dashboard.title", "Dashboard"),
 		title: R("movethewheels.dashboard.title", "Dashboard"),
@@ -129,7 +129,7 @@ function L() {
 						treatment: "glass",
 						glow: !0,
 						label: R("movethewheels.dashboard.metrics.revenue", "Revenue"),
-						value: D(V.revenue.total),
+						value: d(V.revenue.total),
 						icon: /* @__PURE__ */ A(r, { size: 20 }),
 						accent: "success",
 						sparklineData: X.length >= 2 ? X : void 0,
@@ -159,7 +159,7 @@ function L() {
 						})]
 					}), /* @__PURE__ */ A(v, {
 						className: "p-0",
-						children: /* @__PURE__ */ A(T, {
+						children: /* @__PURE__ */ A(E, {
 							markers: pe,
 							height: 460,
 							emptyMessage: K.length === 0 ? R("movethewheels.dashboard.liveMap.noActive", "No active deliveries right now") : R("movethewheels.dashboard.liveMap.awaitingGps", "Awaiting live GPS positions for active deliveries")
@@ -181,7 +181,7 @@ function L() {
 								children: q.length
 							})
 						]
-					}) }), /* @__PURE__ */ A(v, { children: q.length > 0 ? /* @__PURE__ */ A(se, {
+					}) }), /* @__PURE__ */ A(v, { children: q.length > 0 ? /* @__PURE__ */ A(O, {
 						alerts: q,
 						limit: 4,
 						t: R,
@@ -218,7 +218,7 @@ function L() {
 									]
 								}), /* @__PURE__ */ A("p", {
 									className: "text-xs text-text-secondary",
-									children: O(e.updatedAt ?? e.createdAt, "relative")
+									children: f(e.updatedAt ?? e.createdAt, "relative")
 								})]
 							})]
 						}, e.id))
@@ -228,7 +228,7 @@ function L() {
 					}) })] })]
 				})]
 			}),
-			/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(b, { children: R("movethewheels.dashboard.weeklyVolume.title", "Weekly order volume") }) }), /* @__PURE__ */ A(v, { children: /* @__PURE__ */ A(oe, {
+			/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(y, { children: /* @__PURE__ */ A(b, { children: R("movethewheels.dashboard.weeklyVolume.title", "Weekly order volume") }) }), /* @__PURE__ */ A(v, { children: /* @__PURE__ */ A(T, {
 				xKey: "date",
 				height: 240,
 				data: fe,
@@ -253,7 +253,7 @@ function L() {
 					/* @__PURE__ */ A(C, {
 						size: "sm",
 						label: R("movethewheels.dashboard.stats.avgOrderValue", "Avg Order Value"),
-						value: D(V.revenue.avgOrderValue)
+						value: d(V.revenue.avgOrderValue)
 					}),
 					/* @__PURE__ */ A(C, {
 						size: "sm",
@@ -303,13 +303,13 @@ function L() {
 										children: e.customerInfo.name
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ A(E, {
+										children: [/* @__PURE__ */ A(D, {
 											status: e.status,
 											type: "order",
 											size: "sm"
 										}), /* @__PURE__ */ A("p", {
 											className: "text-sm text-text-secondary mt-1",
-											children: D(e.pricing.total)
+											children: d(e.pricing.total)
 										})]
 									})]
 								})
@@ -352,7 +352,7 @@ function L() {
 										children: e.driver?.fullName || R("movethewheels.dashboard.activeDeliveries.unassigned", "Unassigned")
 									})] }), /* @__PURE__ */ j("div", {
 										className: "text-right",
-										children: [/* @__PURE__ */ A(E, {
+										children: [/* @__PURE__ */ A(D, {
 											status: e.order.status,
 											type: "order",
 											size: "sm"
@@ -361,7 +361,7 @@ function L() {
 											children: [
 												R("movethewheels.dashboard.activeDeliveries.eta", "ETA:"),
 												" ",
-												e.estimatedArrival ? O(e.estimatedArrival, "time") : R("movethewheels.dashboard.activeDeliveries.na", "N/A")
+												e.estimatedArrival ? f(e.estimatedArrival, "time") : R("movethewheels.dashboard.activeDeliveries.na", "N/A")
 											]
 										})]
 									})]
@@ -431,7 +431,7 @@ function L() {
 							children: [/* @__PURE__ */ j("div", {
 								className: "flex justify-between text-sm",
 								children: [/* @__PURE__ */ A("span", { children: R("movethewheels.dashboard.fleetStatus.vehicleUtilization", "Vehicle Utilization") }), /* @__PURE__ */ j("span", { children: [G.utilization.toFixed(0), "%"] })]
-							}), /* @__PURE__ */ A(x, { value: G.utilization })]
+							}), /* @__PURE__ */ A(se, { value: G.utilization })]
 						}), /* @__PURE__ */ j("div", {
 							className: "grid grid-cols-2 gap-4 text-sm",
 							children: [