@burdenoff/microfe-movethewheels 2026.830.5 → 2026.920.1

package/dist/MoveTheWheelsRoutes.js

@@ -28,8 +28,8 @@ function d() {
 		})
 	});
 }
-var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/LiveTrackingPage.js")), v = r(() => import("./pages/FleetPage.js")), y = r(() => import("./pages/VehiclesPage.js")), b = r(() => import("./pages/VehicleDetailsPage.js")), x = r(() => import("./pages/DriversPage.js")), S = r(() => import("./pages/DriverDetailsPage.js")), C = r(() => import("./pages/InventoryPage.js")), w = r(() => import("./pages/ProductsPage.js")), T = r(() => import("./pages/ProductDetailsPage.js")), E = r(() => import("./pages/WarehousesPage.js")), D = r(() => import("./pages/WarehouseDetailsPage.js")), O = r(() => import("./pages/CustomersPage.js")), k = r(() => import("./pages/CustomerDetailsPage.js")), A = r(() => import("./pages/RoutesPage.js")), j = r(() => import("./pages/RouteDetailsPage.js")), M = r(() => import("./pages/AnalyticsPage.js")), N = r(() => import("./pages/FinancePage.js")), P = r(() => import("./pages/MarketplacePage.js")), F = r(() => import("./pages/ImportExportPage.js")), I = r(() => import("./pages/ReportsPage.js")), L = r(() => import("./pages/SettingsPage.js")), R = r(() => import("./pages/AIAssistantPage.js")), z = r(() => import("./pages/DeliveryCapturePage.js")), B = r(() => import("./pages/MultiModalShipmentPage.js"));
-function V() {
+var f = r(() => import("./pages/DashboardPage.js")), p = r(() => import("./pages/OrdersListPage.js")), m = r(() => import("./pages/OrderDetailsPage.js")), h = r(() => import("./pages/CreateOrderPage.js")), g = r(() => import("./pages/TrackingPage.js")), _ = r(() => import("./pages/LiveTrackingPage.js")), v = r(() => import("./pages/FleetPage.js")), y = r(() => import("./pages/VehiclesPage.js")), b = r(() => import("./pages/VehicleDetailsPage.js")), x = r(() => import("./pages/DriversPage.js")), S = r(() => import("./pages/DriverDetailsPage.js")), C = r(() => import("./pages/InventoryPage.js")), w = r(() => import("./pages/ProductsPage.js")), T = r(() => import("./pages/ProductDetailsPage.js")), E = r(() => import("./pages/WarehousesPage.js")), D = r(() => import("./pages/WarehouseDetailsPage.js")), O = r(() => import("./pages/CustomersPage.js")), k = r(() => import("./pages/CustomerDetailsPage.js")), A = r(() => import("./pages/RoutesPage.js")), j = r(() => import("./pages/RouteDetailsPage.js")), M = r(() => import("./pages/AnalyticsPage.js")), N = r(() => import("./pages/FinancePage.js")), P = r(() => import("./pages/MarketplacePage.js")), F = r(() => import("./pages/ImportExportPage.js")), I = r(() => import("./pages/ReportsPage.js")), L = r(() => import("./pages/SettingsPage.js")), R = r(() => import("./pages/AIAssistantPage.js")), z = r(() => import("./pages/DeliveryCapturePage.js")), B = r(() => import("./pages/MultiModalShipmentPage.js")), V = r(() => import("./pages/ShippingRatesPage.js"));
+function H() {
 	return /* @__PURE__ */ s(n, {
 		fallback: /* @__PURE__ */ s(d, {}),
 		children: /* @__PURE__ */ c(a, { children: [
@@ -69,6 +69,10 @@ function V() {
 				path: "shipments/multi-modal",
 				element: /* @__PURE__ */ s(B, {})
 			}),
+			/* @__PURE__ */ s(i, {
+				path: "shipments/rates",
+				element: /* @__PURE__ */ s(V, {})
+			}),
 			/* @__PURE__ */ s(i, {
 				path: "fleet",
 				element: /* @__PURE__ */ s(v, {})
@@ -205,4 +209,4 @@ function V() {
 	});
 }
 //#endregion
-export { V as MoveTheWheelsRoutes };
+export { H as MoveTheWheelsRoutes };

package/dist/components/AssignmentSuggestions.js

@@ -0,0 +1,135 @@
+import { Sparkles as e } from "../node_modules/lucide-react/dist/esm/icons/sparkles.js";
+import { Badge as t, Button as n, Card as r, CardContent as i, CardHeader as a, CardTitle as o, Skeleton as s } from "./ui.js";
+import { FormError as c } from "./FormError.js";
+import { useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/movethewheels/components/AssignmentSuggestions.tsx
+function p({ id: e, label: r, reasons: i, isBest: a, isAssigned: o, isPending: s, disabled: c, onAssign: l, t: u }) {
+	return /* @__PURE__ */ f("li", {
+		className: "flex items-start justify-between gap-3 py-3",
+		"data-suggestion-id": e,
+		children: [/* @__PURE__ */ f("div", {
+			className: "flex-1 min-w-0 space-y-1",
+			children: [/* @__PURE__ */ f("div", {
+				className: "flex flex-wrap items-center gap-x-2 gap-y-1",
+				children: [/* @__PURE__ */ d("span", {
+					className: "text-sm font-medium break-words",
+					children: r
+				}), a && /* @__PURE__ */ d(t, {
+					variant: "secondary",
+					children: u("movethewheels.routes.suggest.best", "Best match")
+				})]
+			}), /* @__PURE__ */ d("ul", {
+				className: "space-y-0.5",
+				children: i.map((e) => /* @__PURE__ */ d("li", {
+					className: "text-xs text-text-secondary",
+					children: e
+				}, e))
+			})]
+		}), /* @__PURE__ */ d(n, {
+			size: "sm",
+			className: "shrink-0",
+			variant: o ? "ghost" : "outline",
+			disabled: c || o,
+			onClick: l,
+			children: o ? u("movethewheels.routes.suggest.assigned", "Assigned") : s ? u("movethewheels.routes.suggest.assigning", "Assigning…") : u("movethewheels.routes.suggest.assign", "Assign")
+		})]
+	});
+}
+function m({ suggestions: t, isLoading: m, error: h, onRetry: g, assignedVehicleId: _, assignedDriverId: v, onAssign: y, t: b }) {
+	let [x, S] = l(null), [C, w] = l(null), T = b("movethewheels.routes.suggest.title", "Suggested assignment"), E = async (e, t) => {
+		S(e), w(null);
+		try {
+			await y(t);
+		} catch (e) {
+			w(e instanceof Error ? e.message : "Could not assign.");
+		} finally {
+			S(null);
+		}
+	};
+	if (h && !m) return /* @__PURE__ */ d(r, {
+		className: "border-status-error-border",
+		children: /* @__PURE__ */ f(i, {
+			className: "p-6 text-center space-y-3",
+			children: [
+				/* @__PURE__ */ d("p", {
+					className: "text-status-error-text font-medium",
+					children: b("movethewheels.routes.suggest.error", "Couldn't load suggestions")
+				}),
+				/* @__PURE__ */ d("p", {
+					className: "text-sm text-text-secondary",
+					children: h.message
+				}),
+				/* @__PURE__ */ d(n, {
+					variant: "outline",
+					onClick: g,
+					children: b("movethewheels.fleet.error.retry", "Retry")
+				})
+			]
+		})
+	});
+	if (m) return /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(a, { children: /* @__PURE__ */ d(o, { children: T }) }), /* @__PURE__ */ f(i, {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ d(s, { className: "h-14 w-full" }), /* @__PURE__ */ d(s, { className: "h-14 w-full" })]
+	})] });
+	let { vehicles: D, drivers: O } = t, k = D.length === 0 && O.length === 0;
+	return /* @__PURE__ */ f(r, { children: [/* @__PURE__ */ d(a, { children: /* @__PURE__ */ f(o, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ d(e, {
+			size: 18,
+			"aria-hidden": "true"
+		}), T]
+	}) }), /* @__PURE__ */ f(i, {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ d(c, { message: C }), k ? /* @__PURE__ */ d("p", {
+			className: "text-sm text-text-secondary",
+			children: b("movethewheels.routes.suggest.none", "No vehicle or driver is free right now. Vehicles must be in service and drivers must hold a valid licence and not be on another live route.")
+		}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("section", {
+			"aria-label": b("movethewheels.routes.suggest.vehicles", "Vehicles"),
+			children: [/* @__PURE__ */ d("h4", {
+				className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
+				children: b("movethewheels.routes.suggest.vehicles", "Vehicles")
+			}), D.length === 0 ? /* @__PURE__ */ d("p", {
+				className: "py-3 text-sm text-text-secondary",
+				children: b("movethewheels.routes.suggest.noVehicles", "No vehicle is free right now.")
+			}) : /* @__PURE__ */ d("ul", {
+				className: "divide-y",
+				children: D.map((e, t) => /* @__PURE__ */ d(p, {
+					id: e.vehicle.id,
+					label: [e.vehicle.vehicleNumber, [e.vehicle.make, e.vehicle.model].filter(Boolean).join(" ")].filter(Boolean).join(" — "),
+					reasons: e.reasons,
+					isBest: t === 0,
+					isAssigned: _ === e.vehicle.id,
+					isPending: x === e.vehicle.id,
+					disabled: x !== null,
+					onAssign: () => E(e.vehicle.id, { vehicleId: e.vehicle.id }),
+					t: b
+				}, e.vehicle.id))
+			})]
+		}), /* @__PURE__ */ f("section", {
+			"aria-label": b("movethewheels.routes.suggest.drivers", "Drivers"),
+			children: [/* @__PURE__ */ d("h4", {
+				className: "text-xs font-semibold uppercase tracking-wide text-text-secondary",
+				children: b("movethewheels.routes.suggest.drivers", "Drivers")
+			}), O.length === 0 ? /* @__PURE__ */ d("p", {
+				className: "py-3 text-sm text-text-secondary",
+				children: b("movethewheels.routes.suggest.noDrivers", "No driver is free right now.")
+			}) : /* @__PURE__ */ d("ul", {
+				className: "divide-y",
+				children: O.map((e, t) => /* @__PURE__ */ d(p, {
+					id: e.driver.id,
+					label: `${e.driver.firstName} ${e.driver.lastName}`.trim(),
+					reasons: e.reasons,
+					isBest: t === 0,
+					isAssigned: v === e.driver.id,
+					isPending: x === e.driver.id,
+					disabled: x !== null,
+					onAssign: () => E(e.driver.id, { driverId: e.driver.id }),
+					t: b
+				}, e.driver.id))
+			})]
+		})] })]
+	})] });
+}
+//#endregion
+export { m as AssignmentSuggestions };

package/dist/components/FleetAlertsPanel.js

@@ -0,0 +1,114 @@
+import { ChevronRight as e } from "../node_modules/lucide-react/dist/esm/icons/chevron-right.js";
+import { CircleCheckBig as t } from "../node_modules/lucide-react/dist/esm/icons/circle-check-big.js";
+import { TriangleAlert as n } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Button as r, Card as i, CardContent as a, CardHeader as o, CardTitle as s, Skeleton as c } from "./ui.js";
+import { StatusBadge as l } from "./StatusBadge.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/movethewheels/components/FleetAlertsPanel.tsx
+var f = {
+	CRITICAL: {
+		bg: "bg-status-error-bg-subtle",
+		text: "text-status-error-text"
+	},
+	WARNING: {
+		bg: "bg-status-warning-bg-subtle",
+		text: "text-status-warning-text"
+	}
+}, p = (e, t) => `${e} ${t}${e === 1 ? "" : "s"}`;
+function m(e) {
+	let t = [], { daysUntilDue: n, kmUntilDue: r } = e;
+	if (n !== null && (n < 0 ? t.push(`${p(-n, "day")} overdue`) : n === 0 ? t.push("due today") : t.push(`${p(n, "day")} left`)), r !== null) {
+		let e = Math.round(Math.abs(r));
+		t.push(r < 0 ? `${e} km overdue` : `${e} km left`);
+	}
+	return t.join(" · ");
+}
+function h({ alerts: p, isLoading: h, error: g, onRetry: _, onOpen: v, t: y }) {
+	let b = y("movethewheels.fleet.alerts.title", "Needs attention");
+	return g && !h ? /* @__PURE__ */ u(i, {
+		className: "border-status-error-border",
+		children: /* @__PURE__ */ d(a, {
+			className: "p-6 text-center space-y-3",
+			children: [
+				/* @__PURE__ */ u("p", {
+					className: "text-status-error-text font-medium",
+					children: y("movethewheels.fleet.alerts.error", "Couldn't load fleet alerts")
+				}),
+				/* @__PURE__ */ u("p", {
+					className: "text-sm text-text-secondary",
+					children: g.message
+				}),
+				/* @__PURE__ */ u(r, {
+					variant: "outline",
+					onClick: _,
+					children: y("movethewheels.fleet.error.retry", "Retry")
+				})
+			]
+		})
+	}) : h ? /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(o, { children: /* @__PURE__ */ u(s, { children: b }) }), /* @__PURE__ */ d(a, {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ u(c, { className: "h-12 w-full" }), /* @__PURE__ */ u(c, { className: "h-12 w-full" })]
+	})] }) : p.length === 0 ? /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(o, { children: /* @__PURE__ */ d(s, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ u(t, {
+			size: 18,
+			"aria-hidden": "true",
+			className: "text-status-success-text"
+		}), b]
+	}) }), /* @__PURE__ */ u(a, { children: /* @__PURE__ */ u("p", {
+		className: "text-sm text-text-secondary",
+		children: y("movethewheels.fleet.alerts.allClear", "All clear — every licence is valid and no vehicle is due for service.")
+	}) })] }) : /* @__PURE__ */ d(i, { children: [/* @__PURE__ */ u(o, { children: /* @__PURE__ */ d(s, {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ u(n, {
+				size: 18,
+				"aria-hidden": "true",
+				className: "text-status-warning-text"
+			}),
+			b,
+			" (",
+			p.length,
+			")"
+		]
+	}) }), /* @__PURE__ */ u(a, {
+		className: "p-0",
+		children: /* @__PURE__ */ u("ul", {
+			className: "divide-y",
+			"aria-label": b,
+			children: p.map((t) => {
+				let n = m(t);
+				return /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: () => v(t),
+					className: "flex w-full items-center gap-3 px-6 py-3 text-left hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-action-primary-bg",
+					children: [
+						/* @__PURE__ */ u(l, {
+							status: t.severity === "CRITICAL" ? "Critical" : "Warning",
+							customColors: f[t.severity],
+							size: "sm",
+							showDot: !1
+						}),
+						/* @__PURE__ */ d("span", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ u("span", {
+								className: "block text-sm font-medium truncate",
+								children: t.message
+							}), n && /* @__PURE__ */ u("span", {
+								className: "block text-xs text-text-secondary",
+								children: n
+							})]
+						}),
+						/* @__PURE__ */ u(e, {
+							size: 16,
+							"aria-hidden": "true",
+							className: "shrink-0"
+						})
+					]
+				}) }, t.id);
+			})
+		})
+	})] });
+}
+//#endregion
+export { h as FleetAlertsPanel };

package/dist/components/ShippingQuoteResults.js

@@ -0,0 +1,142 @@
+import { TriangleAlert as e } from "../node_modules/lucide-react/dist/esm/icons/triangle-alert.js";
+import { Card as t, CardContent as n, CardHeader as r, CardTitle as i, Table as a, TableBody as o, TableCell as s, TableHead as c, TableHeader as l, TableRow as u } from "./ui.js";
+import { StatusBadge as d } from "./StatusBadge.js";
+import { formatCurrency as f } from "../utils/formatters.js";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/movethewheels/components/ShippingQuoteResults.tsx
+var g = {
+	bg: "bg-status-success-bg-subtle",
+	text: "text-status-success-text"
+}, _ = {
+	bg: "bg-status-info-bg-subtle",
+	text: "text-status-info-text"
+};
+function v(e, t) {
+	if (e.estimatedDeliveryDays === null) return e.estimatedDeliveryDate ?? "—";
+	let n = e.estimatedDeliveryDays === 1 ? t("movethewheels.shipping.results.day", "day") : t("movethewheels.shipping.results.days", "days"), r = `${e.estimatedDeliveryDays} ${n}`;
+	return e.estimatedDeliveryDate ? `${r} · ${e.estimatedDeliveryDate}` : r;
+}
+function y(e, t) {
+	return e.mode === "AIR" ? t("movethewheels.shipping.results.air", "Air") : e.mode === "SURFACE" ? t("movethewheels.shipping.results.surface", "Surface") : "—";
+}
+function b({ quote: e, t }) {
+	return /* @__PURE__ */ h(p, { children: [
+		e.isCheapest && /* @__PURE__ */ m(d, {
+			status: t("movethewheels.shipping.results.cheapest", "Cheapest"),
+			customColors: g,
+			size: "sm",
+			showDot: !1
+		}),
+		e.isFastest && /* @__PURE__ */ m(d, {
+			status: t("movethewheels.shipping.results.fastest", "Fastest"),
+			customColors: _,
+			size: "sm",
+			showDot: !1
+		}),
+		e.isRecommended && /* @__PURE__ */ m(d, {
+			status: t("movethewheels.shipping.results.recommended", "Recommended"),
+			customColors: _,
+			size: "sm",
+			showDot: !1
+		})
+	] });
+}
+function x({ result: d, t: g }) {
+	let _ = d.providers.filter((e) => !e.ok);
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-4",
+		children: [_.map((t) => /* @__PURE__ */ h("div", {
+			role: "alert",
+			className: "flex items-start gap-2 rounded-lg border border-status-warning-border bg-status-warning-bg-subtle px-4 py-3 text-sm text-status-warning-text",
+			children: [/* @__PURE__ */ m(e, {
+				size: 18,
+				className: "mt-0.5 shrink-0",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ m("span", { children: t.errorMessage })]
+		}, t.provider)), /* @__PURE__ */ h(t, { children: [/* @__PURE__ */ h(r, { children: [/* @__PURE__ */ h(i, { children: [
+			g("movethewheels.shipping.results.title", "Courier options"),
+			" (",
+			d.quotes.length,
+			")"
+		] }), /* @__PURE__ */ h("p", {
+			className: "text-sm text-text-secondary",
+			children: [
+				g("movethewheels.shipping.results.chargeableWeight", "Charged on"),
+				" ",
+				d.chargeableWeightKg,
+				" kg"
+			]
+		})] }), /* @__PURE__ */ m(n, {
+			className: "p-0",
+			children: d.quotes.length === 0 ? /* @__PURE__ */ m("p", {
+				className: "px-6 pb-6 text-sm text-text-secondary",
+				children: _.length > 0 ? g("movethewheels.shipping.results.allFailed", "No rates could be fetched — see the message above.") : g("movethewheels.shipping.results.noServiceable", "No courier serves this pincode pair.")
+			}) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("ul", {
+				className: "divide-y md:hidden",
+				"aria-label": g("movethewheels.shipping.results.title", "Courier options"),
+				children: d.quotes.map((e) => /* @__PURE__ */ h("li", {
+					className: "space-y-2 px-4 py-4",
+					children: [
+						/* @__PURE__ */ h("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ m("span", {
+								className: "min-w-0 font-medium",
+								children: e.courierName
+							}), /* @__PURE__ */ m("span", {
+								className: "shrink-0 text-lg font-semibold",
+								children: f(e.price, e.currency)
+							})]
+						}),
+						/* @__PURE__ */ m("div", {
+							className: "flex flex-wrap items-center gap-2",
+							children: /* @__PURE__ */ m(b, {
+								quote: e,
+								t: g
+							})
+						}),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm text-text-secondary",
+							children: [
+								y(e, g),
+								v(e, g),
+								e.rating === null ? null : `${e.rating.toFixed(1)} ★`
+							].filter((e) => e !== "—" && e !== null).join(" · ")
+						})
+					]
+				}, `${e.provider}:${e.courierId}`))
+			}), /* @__PURE__ */ m("div", {
+				className: "hidden md:block",
+				children: /* @__PURE__ */ h(a, { children: [/* @__PURE__ */ m(l, { children: /* @__PURE__ */ h(u, { children: [
+					/* @__PURE__ */ m(c, { children: g("movethewheels.shipping.results.courier", "Courier") }),
+					/* @__PURE__ */ m(c, { children: g("movethewheels.shipping.results.mode", "Mode") }),
+					/* @__PURE__ */ m(c, { children: g("movethewheels.shipping.results.transit", "Estimated delivery") }),
+					/* @__PURE__ */ m(c, { children: g("movethewheels.shipping.results.rating", "Rating") }),
+					/* @__PURE__ */ m(c, {
+						className: "text-right",
+						children: g("movethewheels.shipping.results.price", "Price")
+					})
+				] }) }), /* @__PURE__ */ m(o, { children: d.quotes.map((e) => /* @__PURE__ */ h(u, { children: [
+					/* @__PURE__ */ m(s, { children: /* @__PURE__ */ h("div", {
+						className: "flex flex-wrap items-center gap-2",
+						children: [/* @__PURE__ */ m("span", {
+							className: "font-medium",
+							children: e.courierName
+						}), /* @__PURE__ */ m(b, {
+							quote: e,
+							t: g
+						})]
+					}) }),
+					/* @__PURE__ */ m(s, { children: y(e, g) }),
+					/* @__PURE__ */ m(s, { children: v(e, g) }),
+					/* @__PURE__ */ m(s, { children: e.rating === null ? "—" : e.rating.toFixed(1) }),
+					/* @__PURE__ */ m(s, {
+						className: "text-right font-medium",
+						children: f(e.price, e.currency)
+					})
+				] }, `${e.provider}:${e.courierId}`)) })] })
+			})] })
+		})] })]
+	});
+}
+//#endregion
+export { x as ShippingQuoteResults };

package/dist/components/VehicleServiceCard.js

@@ -0,0 +1,176 @@
+import { Wrench as e } from "../node_modules/lucide-react/dist/esm/icons/wrench.js";
+import { Button as t, Card as n, CardContent as r, CardHeader as i, CardTitle as a, Input as o, Label as s } from "./ui.js";
+import { FormError as c } from "./FormError.js";
+import { useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/movethewheels/components/VehicleServiceCard.tsx
+var f = 90, p = 1e4, m = (e) => e ? e.toLocaleDateString(void 0, {
+	year: "numeric",
+	month: "short",
+	day: "numeric"
+}) : null, h = (e) => e.toISOString().slice(0, 10), g = (e) => {
+	if (e.trim() === "") return;
+	let t = Number(e);
+	return Number.isFinite(t) && t >= 0 ? t : NaN;
+};
+function _({ vehicle: _, onRecord: v, t: y }) {
+	let [b, x] = l(!1), [S, C] = l(!1), [w, T] = l(null), [E, D] = l({
+		serviceDate: h(/* @__PURE__ */ new Date()),
+		mileage: _.mileage === void 0 ? "" : String(_.mileage),
+		intervalDays: String(f),
+		intervalKm: String(p)
+	}), O = m(_.lastMaintenance), k = m(_.nextMaintenance), A = _.nextMaintenanceMileage, j = k !== null || A !== void 0;
+	return /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(i, { children: /* @__PURE__ */ d(a, {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ u(e, {
+			size: 18,
+			"aria-hidden": "true"
+		}), y("movethewheels.vehicles.service.title", "Service schedule")]
+	}) }), /* @__PURE__ */ d(r, {
+		className: "space-y-4",
+		children: [/* @__PURE__ */ d("dl", {
+			className: "grid grid-cols-2 gap-4 text-sm",
+			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+				className: "text-text-secondary",
+				children: y("movethewheels.vehicles.service.last", "Last service")
+			}), /* @__PURE__ */ u("dd", {
+				className: "font-medium",
+				children: O ?? y("movethewheels.vehicles.service.none", "Not recorded")
+			})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+				className: "text-text-secondary",
+				children: y("movethewheels.vehicles.service.next", "Next service due")
+			}), /* @__PURE__ */ u("dd", {
+				className: "font-medium",
+				children: j ? [k, A === void 0 ? null : `${A.toLocaleString()} km`].filter(Boolean).join(" / ") : y("movethewheels.vehicles.service.noSchedule", "No schedule set")
+			})] })]
+		}), b ? /* @__PURE__ */ d("form", {
+			onSubmit: async (e) => {
+				e.preventDefault();
+				let t = g(E.mileage), n = g(E.intervalDays), r = g(E.intervalKm);
+				if ([
+					t,
+					n,
+					r
+				].some((e) => e !== void 0 && Number.isNaN(e))) {
+					T(y("movethewheels.vehicles.service.invalid", "Enter valid, non-negative numbers."));
+					return;
+				}
+				if (r !== void 0 && t === void 0 && _.mileage === void 0) {
+					T(y("movethewheels.vehicles.service.needsMileage", "Enter the odometer reading to set a service-by-distance interval."));
+					return;
+				}
+				C(!0), T(null);
+				try {
+					await v({
+						serviceDate: `${E.serviceDate}T12:00:00.000Z`,
+						...t === void 0 ? {} : { mileage: t },
+						...n === void 0 ? {} : { intervalDays: Math.round(n) },
+						...r === void 0 ? {} : { intervalKm: r }
+					}), x(!1);
+				} catch (e) {
+					T(e instanceof Error ? e.message : "Could not record the service.");
+				} finally {
+					C(!1);
+				}
+			},
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ u(c, { message: w }),
+				/* @__PURE__ */ d("div", {
+					className: "grid grid-cols-2 gap-3",
+					children: [
+						/* @__PURE__ */ d("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u(s, {
+								htmlFor: "service-date",
+								children: y("movethewheels.vehicles.service.date", "Service date")
+							}), /* @__PURE__ */ u(o, {
+								id: "service-date",
+								type: "date",
+								required: !0,
+								value: E.serviceDate,
+								onChange: (e) => D((t) => ({
+									...t,
+									serviceDate: e.target.value
+								}))
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u(s, {
+								htmlFor: "service-mileage",
+								children: y("movethewheels.vehicles.service.mileage", "Odometer (km)")
+							}), /* @__PURE__ */ u(o, {
+								id: "service-mileage",
+								type: "number",
+								min: 0,
+								value: E.mileage,
+								onChange: (e) => D((t) => ({
+									...t,
+									mileage: e.target.value
+								}))
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u(s, {
+								htmlFor: "service-interval-days",
+								children: y("movethewheels.vehicles.service.intervalDays", "Next service in (days)")
+							}), /* @__PURE__ */ u(o, {
+								id: "service-interval-days",
+								type: "number",
+								min: 0,
+								value: E.intervalDays,
+								onChange: (e) => D((t) => ({
+									...t,
+									intervalDays: e.target.value
+								}))
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "space-y-1",
+							children: [/* @__PURE__ */ u(s, {
+								htmlFor: "service-interval-km",
+								children: y("movethewheels.vehicles.service.intervalKm", "Next service in (km)")
+							}), /* @__PURE__ */ u(o, {
+								id: "service-interval-km",
+								type: "number",
+								min: 0,
+								value: E.intervalKm,
+								onChange: (e) => D((t) => ({
+									...t,
+									intervalKm: e.target.value
+								}))
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ d("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ u(t, {
+						type: "submit",
+						size: "sm",
+						disabled: S,
+						children: S ? y("movethewheels.vehicles.service.saving", "Saving…") : y("movethewheels.vehicles.service.save", "Save service")
+					}), /* @__PURE__ */ u(t, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						disabled: S,
+						onClick: () => {
+							x(!1), T(null);
+						},
+						children: y("movethewheels.vehicles.service.cancel", "Cancel")
+					})]
+				})
+			]
+		}) : /* @__PURE__ */ u(t, {
+			variant: "outline",
+			size: "sm",
+			onClick: () => x(!0),
+			children: y("movethewheels.vehicles.service.record", "Record service")
+		})]
+	})] });
+}
+//#endregion
+export { _ as VehicleServiceCard };

package/dist/hooks/useFleet.js

@@ -2,7 +2,7 @@ import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
 import { executeGraphQL as t } from "../utils/graphqlClient.js";
 import { useCallback as n, useEffect as r, useMemo as i, useState as a } from "react";
 //#region src/movethewheels/hooks/useFleet.ts
-var o = "\n  query ListVehicles($filter: VehicleFilterInput, $pagination: PaginationInput) {\n    vehicles(filter: $filter, pagination: $pagination) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", s = "\n  query ListDrivers($filter: DriverFilterInput, $pagination: PaginationInput) {\n    drivers(filter: $filter, pagination: $pagination) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", c = "\n  query GetVehicle($id: ID!) {\n    vehicle(id: $id) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", l = "\n  query GetDriver($id: ID!) {\n    driver(id: $id) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", u = "\n  mutation UpdateVehicleStatus($id: ID!, $status: VehicleStatus!) {\n    updateVehicleStatus(id: $id, status: $status) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", d = "\n  mutation AssignDriverVehicle($id: ID!, $vehicleId: ID) {\n    assignDriverVehicle(id: $id, vehicleId: $vehicleId) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", f = "\n  mutation UpdateDriverStatus($id: ID!, $status: DriverStatus!) {\n    updateDriverStatus(id: $id, status: $status) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", p = "\n  mutation CreateVehicle($input: CreateVehicleInput!) {\n    createVehicle(input: $input) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", m = "\n  mutation CreateDriver($input: CreateDriverInput!) {\n    createDriver(input: $input) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", h = "\n  mutation UpdateVehicle($id: ID!, $input: UpdateVehicleInput!) {\n    updateVehicle(id: $id, input: $input) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", g = "\n  mutation UpdateDriver($id: ID!, $input: UpdateDriverInput!) {\n    updateDriver(id: $id, input: $input) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", _ = "\n  query GetDriverStatusCounts {\n    onBreak: driversCount(filter: { status: ON_BREAK })\n    offDuty: driversCount(filter: { status: OFF_DUTY })\n    inactive: driversCount(filter: { status: INACTIVE })\n  }\n", v = "\n  query GetFleetStats {\n    fleetStats {\n      totalVehicles\n      activeVehicles\n      inTransitVehicles\n      maintenanceVehicles\n      totalDrivers\n      availableDrivers\n      onDeliveryDrivers\n      avgDriverRating\n    }\n  }\n";
+var o = "\n  query ListVehicles($filter: VehicleFilterInput, $pagination: PaginationInput) {\n    vehicles(filter: $filter, pagination: $pagination) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      lastServiceDate\n      nextServiceDueDate\n      nextServiceDueMileage\n      createdAt\n      updatedAt\n    }\n  }\n", s = "\n  query ListDrivers($filter: DriverFilterInput, $pagination: PaginationInput) {\n    drivers(filter: $filter, pagination: $pagination) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", c = "\n  query GetVehicle($id: ID!) {\n    vehicle(id: $id) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      lastServiceDate\n      nextServiceDueDate\n      nextServiceDueMileage\n      createdAt\n      updatedAt\n    }\n  }\n", l = "\n  query GetDriver($id: ID!) {\n    driver(id: $id) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", u = "\n  mutation UpdateVehicleStatus($id: ID!, $status: VehicleStatus!) {\n    updateVehicleStatus(id: $id, status: $status) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", d = "\n  mutation AssignDriverVehicle($id: ID!, $vehicleId: ID) {\n    assignDriverVehicle(id: $id, vehicleId: $vehicleId) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", f = "\n  mutation UpdateDriverStatus($id: ID!, $status: DriverStatus!) {\n    updateDriverStatus(id: $id, status: $status) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", p = "\n  mutation CreateVehicle($input: CreateVehicleInput!) {\n    createVehicle(input: $input) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", m = "\n  mutation CreateDriver($input: CreateDriverInput!) {\n    createDriver(input: $input) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", h = "\n  mutation UpdateVehicle($id: ID!, $input: UpdateVehicleInput!) {\n    updateVehicle(id: $id, input: $input) {\n      id\n      vehicleNumber\n      type\n      make\n      model\n      licensePlate\n      ownershipType\n      year\n      capacity\n      status\n      currentLocation\n      fuelLevel\n      mileage\n      createdAt\n      updatedAt\n    }\n  }\n", g = "\n  mutation UpdateDriver($id: ID!, $input: UpdateDriverInput!) {\n    updateDriver(id: $id, input: $input) {\n      id\n      userId\n      firstName\n      lastName\n      email\n      phone\n      employeeId\n      licenseNumber\n      licenseClass\n      licenseExpiry\n      status\n      currentLocation\n      rating\n      vehicleId\n      createdAt\n    }\n  }\n", _ = "\n  query GetDriverStatusCounts {\n    onBreak: driversCount(filter: { status: ON_BREAK })\n    offDuty: driversCount(filter: { status: OFF_DUTY })\n    inactive: driversCount(filter: { status: INACTIVE })\n  }\n", v = "\n  query GetFleetStats {\n    fleetStats {\n      totalVehicles\n      activeVehicles\n      inTransitVehicles\n      maintenanceVehicles\n      totalDrivers\n      availableDrivers\n      onDeliveryDrivers\n      avgDriverRating\n    }\n  }\n";
 function y(e) {
 	switch (e) {
 		case "ACTIVE": return "available";
@@ -58,8 +58,9 @@ function C(e) {
 			address: e.currentLocation.address ?? void 0,
 			timestamp: /* @__PURE__ */ new Date()
 		} : void 0,
-		lastMaintenance: void 0,
-		nextMaintenance: void 0,
+		lastMaintenance: e.lastServiceDate ? new Date(e.lastServiceDate) : void 0,
+		nextMaintenance: e.nextServiceDueDate ? new Date(e.nextServiceDueDate) : void 0,
+		nextMaintenanceMileage: e.nextServiceDueMileage ?? void 0,
 		fuelLevel: e.fuelLevel ?? void 0,
 		mileage: e.mileage ?? void 0,
 		documents: [],