@burdenoff/microfe-movethewheels 2026.703.7 → 2026.704.1

package/dist/{TrackingPage-CFndTIyk.js → TrackingPage-Cg0tYGJe.js}

@@ -1,14 +1,14 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, lt as o, st as s, t as c, u as l } from "./PageLayout-h_q9l8af.js";
-import { t as u } from "./circle-alert-CLqT8iCQ.js";
-import { t as d } from "./circle-check-big-Dsuz8dJ2.js";
-import { t as f } from "./clock-DrZOQD8h.js";
-import { t as p } from "./map-pin-BGbmEGn3.js";
-import { t as m } from "./package-D36cKFvu.js";
-import { t as h } from "./search-stTGSec-.js";
-import { t as g } from "./truck-ByZxqZhI.js";
-import { i as _ } from "./useTracking-Dogilo5C.js";
-import { t as v } from "./maps-DpIuSSmg.js";
-import { r as y } from "./StatusBadge-1W2p8fEi.js";
+import { A as e, d as t, f as n, g as r, h as i, i as a, lt as o, st as s, t as c, u as l } from "./PageLayout-j9Zw3wBN.js";
+import { t as u } from "./circle-alert-CtBm6oIb.js";
+import { t as d } from "./circle-check-big-H5pLiMBW.js";
+import { t as f } from "./clock-B4-qjGuB.js";
+import { t as p } from "./map-pin-BISLzLwb.js";
+import { t as m } from "./package-UyaWiALC.js";
+import { t as h } from "./search-C3YRxW9e.js";
+import { t as g } from "./truck-DxhtLfkG.js";
+import { i as _ } from "./useTracking-7nd_XOSL.js";
+import { t as v } from "./maps-CtfuCAmh.js";
+import { r as y } from "./StatusBadge-BfiF-nNI.js";
 import { r as b, t as x } from "./formatters-FWJDwTFv.js";
 import { n as S } from "./mapMarkers-NCV9MRKR.js";
 import { useMemo as C, useState as w } from "react";

package/dist/VehicleDetailsPage-BbZlCFPo.js

@@ -0,0 +1,417 @@
+import { A as e, F as t, I as n, L as r, M as i, P as a, R as o, d as s, f as c, g as l, h as u, i as d, j as f, lt as p, n as m, r as h, st as g, u as _ } from "./PageLayout-j9Zw3wBN.js";
+import { t as v } from "./arrow-left-1dVWv2dg.js";
+import { t as y } from "./DocumentsCard-y2ybnAlu.js";
+import { t as b } from "./fuel-Cjt6IxKr.js";
+import { t as x } from "./map-pin-BISLzLwb.js";
+import { t as S } from "./save-CcfoIn2J.js";
+import { t as C } from "./square-pen-Dr1X-P2s.js";
+import { t as w } from "./truck-DxhtLfkG.js";
+import { t as T } from "./wrench-DTJGFs17.js";
+import { a as E, r as D } from "./useFleet-BfA_-VUW.js";
+import { a as O, r as k } from "./StatusBadge-BfiF-nNI.js";
+import { t as A } from "./FormError-D4T5FWZA.js";
+import { r as j } from "./formatters-FWJDwTFv.js";
+import { useEffect as M, useState as N } from "react";
+import { useLocation as P, useParams as F } from "react-router-dom";
+import { jsx as I, jsxs as L } from "react/jsx-runtime";
+import { EmphasisPanel as R, NextSteps as z, PagePurpose as B } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/VehicleDetailsPage.tsx
+var V = [
+	{
+		value: "TRUCK",
+		label: "Truck"
+	},
+	{
+		value: "VAN",
+		label: "Van"
+	},
+	{
+		value: "MOTORCYCLE",
+		label: "Motorcycle"
+	},
+	{
+		value: "BICYCLE",
+		label: "Bicycle"
+	},
+	{
+		value: "FLATBED",
+		label: "Flatbed"
+	},
+	{
+		value: "REFRIGERATED",
+		label: "Refrigerated"
+	},
+	{
+		value: "SEMI_TRAILER",
+		label: "Semi-Trailer"
+	},
+	{
+		value: "DRONE",
+		label: "Drone"
+	}
+];
+function H({ editId: i }) {
+	let { basePath: s, navigate: c } = g(), { createVehicle: l, updateVehicle: u } = D(), { vehicle: m } = E(i), h = !!i, [y, b] = N({
+		vehicleNumber: "",
+		type: "VAN",
+		make: "",
+		model: "",
+		licensePlate: ""
+	}), [x, C] = N(!1), [T, O] = N(null);
+	M(() => {
+		i && m && b({
+			vehicleNumber: m.vehicleNumber ?? "",
+			type: m.type ? m.type.toUpperCase() : "VAN",
+			make: m.make ?? "",
+			model: m.model ?? "",
+			licensePlate: m.licensePlate ?? ""
+		});
+	}, [i, m]);
+	let k = () => c?.(p(s, "fleet/vehicles")), j = async (e) => {
+		if (e.preventDefault(), !y.vehicleNumber.trim()) {
+			O("Vehicle number is required.");
+			return;
+		}
+		C(!0), O(null);
+		try {
+			if (i) {
+				let e = await u(i, {
+					vehicleNumber: y.vehicleNumber.trim(),
+					type: y.type,
+					make: y.make.trim() || void 0,
+					model: y.model.trim() || void 0,
+					licensePlate: y.licensePlate.trim() || void 0
+				});
+				c?.(p(s, `fleet/vehicles/${e.id}`));
+			} else {
+				let e = await l({
+					vehicleNumber: y.vehicleNumber.trim(),
+					type: y.type,
+					make: y.make.trim() || void 0,
+					model: y.model.trim() || void 0,
+					licensePlate: y.licensePlate.trim() || void 0
+				});
+				c?.(p(s, `fleet/vehicles/${e.id}`));
+			}
+		} catch (e) {
+			console.error("Failed to create vehicle:", e), O(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), C(!1);
+		}
+	};
+	return /* @__PURE__ */ L(d, {
+		title: h ? "Edit Vehicle" : "Add Vehicle",
+		subtitle: "Register a new vehicle in your fleet",
+		icon: /* @__PURE__ */ I(w, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ L(_, {
+				variant: "outline",
+				onClick: k,
+				disabled: x,
+				children: [/* @__PURE__ */ I(v, { size: 16 }), " Cancel"]
+			}), /* @__PURE__ */ L(_, {
+				onClick: j,
+				disabled: x,
+				children: [
+					/* @__PURE__ */ I(S, { size: 16 }),
+					" ",
+					h ? x ? "Saving..." : "Save Changes" : x ? "Saving..." : "Add Vehicle"
+				]
+			})]
+		}),
+		children: [/* @__PURE__ */ I(B, {
+			icon: /* @__PURE__ */ I(w, { size: 18 }),
+			children: "Add a vehicle so it can be assigned to deliveries and routes. Give it a fleet number and type to start — make, model and plate help identify it on the road."
+		}), /* @__PURE__ */ L("form", {
+			onSubmit: j,
+			className: "max-w-2xl space-y-6",
+			children: [/* @__PURE__ */ I(A, { message: T }), /* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+				className: "text-base font-semibold text-text-primary mb-4",
+				children: "Vehicle Details"
+			}), /* @__PURE__ */ L("div", {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ L("div", {
+					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+					children: [/* @__PURE__ */ L("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ L(f, {
+							htmlFor: "vehicleNumber",
+							children: ["Vehicle Number ", /* @__PURE__ */ I("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ I(e, {
+							id: "vehicleNumber",
+							value: y.vehicleNumber,
+							onChange: (e) => b((t) => ({
+								...t,
+								vehicleNumber: e.target.value
+							})),
+							placeholder: "MTW-001",
+							required: !0
+						})]
+					}), /* @__PURE__ */ L("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ L(f, {
+							htmlFor: "type",
+							children: ["Type ", /* @__PURE__ */ I("span", {
+								className: "text-status-error-text",
+								children: "*"
+							})]
+						}), /* @__PURE__ */ L(a, {
+							value: y.type,
+							onValueChange: (e) => b((t) => ({
+								...t,
+								type: e
+							})),
+							children: [/* @__PURE__ */ I(r, {
+								id: "type",
+								children: /* @__PURE__ */ I(o, {})
+							}), /* @__PURE__ */ I(t, { children: V.map((e) => /* @__PURE__ */ I(n, {
+								value: e.value,
+								children: e.label
+							}, e.value)) })]
+						})]
+					})]
+				}), /* @__PURE__ */ L("div", {
+					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
+					children: [
+						/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "make",
+								children: "Make"
+							}), /* @__PURE__ */ I(e, {
+								id: "make",
+								value: y.make,
+								onChange: (e) => b((t) => ({
+									...t,
+									make: e.target.value
+								})),
+								placeholder: "Ford"
+							})]
+						}),
+						/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "model",
+								children: "Model"
+							}), /* @__PURE__ */ I(e, {
+								id: "model",
+								value: y.model,
+								onChange: (e) => b((t) => ({
+									...t,
+									model: e.target.value
+								})),
+								placeholder: "Transit"
+							})]
+						}),
+						/* @__PURE__ */ L("div", {
+							className: "space-y-2",
+							children: [/* @__PURE__ */ I(f, {
+								htmlFor: "licensePlate",
+								children: "License Plate"
+							}), /* @__PURE__ */ I(e, {
+								id: "licensePlate",
+								value: y.licensePlate,
+								onChange: (e) => b((t) => ({
+									...t,
+									licensePlate: e.target.value
+								})),
+								placeholder: "ABC-1234"
+							})]
+						})
+					]
+				})]
+			})] })]
+		})]
+	});
+}
+function U() {
+	let { vehicleId: e } = F(), { basePath: t, navigate: n } = g(), { vehicle: r, isLoading: a, error: o, refetch: f } = E(e), S = P().pathname.endsWith("/edit"), D = () => n?.(p(t, "fleet/vehicles")), A = (e) => n?.(p(t, e));
+	return e ? S ? /* @__PURE__ */ I(H, { editId: e }) : a ? /* @__PURE__ */ I(h, { message: "Loading vehicle details..." }) : o || !r ? /* @__PURE__ */ I(m, {
+		title: "Vehicle not found",
+		onRetry: f
+	}) : /* @__PURE__ */ L(d, {
+		title: r.vehicleNumber,
+		subtitle: `${r.make} ${r.model} (${r.year})`,
+		icon: /* @__PURE__ */ I(w, { size: 24 }),
+		headerActions: /* @__PURE__ */ L("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ L(_, {
+				variant: "outline",
+				onClick: D,
+				children: [/* @__PURE__ */ I(v, { size: 16 }), " Back"]
+			}), /* @__PURE__ */ L(_, {
+				onClick: () => n?.(p(t, "fleet/vehicles/" + e + "/edit")),
+				children: [/* @__PURE__ */ I(C, { size: 16 }), " Edit"]
+			})]
+		}),
+		headerContent: /* @__PURE__ */ L("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ I(k, {
+				status: r.status,
+				type: "vehicle"
+			}), /* @__PURE__ */ I(O, { type: r.type })]
+		}),
+		children: [
+			/* @__PURE__ */ I(B, {
+				icon: /* @__PURE__ */ I(w, { size: 18 }),
+				children: "The full record for this vehicle — specs, capacity, fuel and mileage, maintenance schedule and current location. Use it to confirm a vehicle is fuelled, serviced and the right size before dispatching it on a delivery."
+			}),
+			/* @__PURE__ */ I(z, {
+				storageKey: "movethewheels-vehicle-details",
+				steps: [{
+					id: "assign",
+					label: "Assign to a delivery",
+					description: "Put this vehicle on an order that fits its capacity.",
+					icon: /* @__PURE__ */ I(x, { size: 16 }),
+					onClick: () => A("orders")
+				}, {
+					id: "maintenance",
+					label: "Schedule maintenance",
+					description: "Keep it road-ready and compliant.",
+					icon: /* @__PURE__ */ I(T, { size: 16 }),
+					onClick: () => {}
+				}]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ L("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ L(R, { children: [/* @__PURE__ */ I("h2", {
+							className: "text-base font-semibold text-text-primary mb-4",
+							children: "Vehicle Information"
+						}), /* @__PURE__ */ L("div", {
+							className: "grid grid-cols-2 md:grid-cols-4 gap-6",
+							children: [
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Type"
+								}), /* @__PURE__ */ I("p", {
+									className: "font-medium capitalize",
+									children: r.type
+								})] }),
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Make"
+								}), /* @__PURE__ */ I("p", {
+									className: "font-medium",
+									children: r.make
+								})] }),
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Model"
+								}), /* @__PURE__ */ I("p", {
+									className: "font-medium",
+									children: r.model
+								})] }),
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Year"
+								}), /* @__PURE__ */ I("p", {
+									className: "font-medium",
+									children: r.year
+								})] })
+							]
+						})] }),
+						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ I(l, { children: "Capacity" }) }), /* @__PURE__ */ I(c, { children: /* @__PURE__ */ L("div", {
+							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
+							children: [
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Weight"
+								}), /* @__PURE__ */ L("p", {
+									className: "text-2xl font-bold",
+									children: [r.capacity.weight, /* @__PURE__ */ I("span", {
+										className: "text-sm font-normal",
+										children: " kg"
+									})]
+								})] }),
+								/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Volume"
+								}), /* @__PURE__ */ L("p", {
+									className: "text-2xl font-bold",
+									children: [r.capacity.volume, /* @__PURE__ */ I("span", {
+										className: "text-sm font-normal",
+										children: " m³"
+									})]
+								})] }),
+								r.capacity.pallets && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+									className: "text-sm text-text-secondary",
+									children: "Pallets"
+								}), /* @__PURE__ */ I("p", {
+									className: "text-2xl font-bold",
+									children: r.capacity.pallets
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ I(y, {
+							entityType: "vehicle",
+							entityId: r.id
+						})
+					]
+				}), /* @__PURE__ */ L("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I(b, { size: 18 }), " Fuel & Mileage"]
+						}) }), /* @__PURE__ */ L(c, {
+							className: "space-y-4",
+							children: [r.fuelLevel !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ L("div", {
+								className: "flex justify-between text-sm mb-2",
+								children: [/* @__PURE__ */ I("span", { children: "Fuel Level" }), /* @__PURE__ */ L("span", { children: [r.fuelLevel, "%"] })]
+							}), /* @__PURE__ */ I(i, { value: r.fuelLevel })] }), r.mileage !== void 0 && /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Total Mileage"
+							}), /* @__PURE__ */ L("p", {
+								className: "text-2xl font-bold",
+								children: [
+									r.mileage.toLocaleString(),
+									" ",
+									/* @__PURE__ */ I("span", {
+										className: "text-sm font-normal",
+										children: "miles"
+									})
+								]
+							})] })]
+						})] }),
+						/* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I(T, { size: 18 }), " Maintenance"]
+						}) }), /* @__PURE__ */ L(c, {
+							className: "space-y-3",
+							children: [/* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Last Maintenance"
+							}), /* @__PURE__ */ I("p", {
+								className: "font-medium",
+								children: r.lastMaintenance ? j(r.lastMaintenance) : "N/A"
+							})] }), /* @__PURE__ */ L("div", { children: [/* @__PURE__ */ I("p", {
+								className: "text-sm text-text-secondary",
+								children: "Next Scheduled"
+							}), /* @__PURE__ */ I("p", {
+								className: "font-medium",
+								children: r.nextMaintenance ? j(r.nextMaintenance) : "N/A"
+							})] })]
+						})] }),
+						r.currentLocation && /* @__PURE__ */ L(s, { children: [/* @__PURE__ */ I(u, { children: /* @__PURE__ */ L(l, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ I(x, { size: 18 }), " Current Location"]
+						}) }), /* @__PURE__ */ L(c, { children: [/* @__PURE__ */ I("p", {
+							className: "text-sm",
+							children: r.currentLocation.address || "Location updating..."
+						}), /* @__PURE__ */ L("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: ["Updated ", j(r.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
+						})] })] })
+					]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ I(H, {});
+}
+//#endregion
+export { U as default };

package/dist/{VehiclesPage-ClkfFZxL.js → VehiclesPage-BfBEyXGs.js}

@@ -1,15 +1,15 @@
-import { M as e, i as t, lt as n, st as r } from "./PageLayout-h_q9l8af.js";
-import { t as i } from "./DataTable-Da7yHjM1.js";
-import { t as a } from "./circle-check-CWLAr_8f.js";
-import { t as o } from "./download-C-yNvUiL.js";
-import { t as s } from "./plus-DY5R-c1j.js";
-import { t as c } from "./refresh-cw-DyOLYuDU.js";
-import { t as l } from "./route-CuaZ1wU3.js";
-import { t as u } from "./truck-ByZxqZhI.js";
-import { t as d } from "./wrench-6U-BTSbg.js";
-import { i as f, o as p } from "./useFleet-CT_iW2V9.js";
-import { r as m, t as h } from "./MetricCard-DA5ZqAVl.js";
-import { a as g, r as _ } from "./StatusBadge-1W2p8fEi.js";
+import { M as e, i as t, lt as n, st as r } from "./PageLayout-j9Zw3wBN.js";
+import { t as i } from "./DataTable-CmdZd6iV.js";
+import { t as a } from "./circle-check-B_Y7FDyR.js";
+import { t as o } from "./download-BJonq2ty.js";
+import { t as s } from "./plus-Bk_G-lFC.js";
+import { t as c } from "./refresh-cw-C4-jecjy.js";
+import { t as l } from "./route-WpCP6F1x.js";
+import { t as u } from "./truck-DxhtLfkG.js";
+import { t as d } from "./wrench-DTJGFs17.js";
+import { i as f, o as p } from "./useFleet-BfA_-VUW.js";
+import { r as m, t as h } from "./MetricCard-CqU5WsyW.js";
+import { a as g, r as _ } from "./StatusBadge-BfiF-nNI.js";
 import { useState as v } from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 import { CTAOverflowMenu as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";