@burdenoff/microfe-movethewheels 2026.703.7 → 2026.704.1

package/dist/VehicleDetailsPage-DNLrMljV.js

@@ -1,393 +0,0 @@
-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-h_q9l8af.js";
-import { t as v } from "./arrow-left-XOzFvBFD.js";
-import { t as y } from "./DocumentsCard-CziaTJhP.js";
-import { t as b } from "./fuel-BroSIBo1.js";
-import { t as x } from "./map-pin-BGbmEGn3.js";
-import { t as S } from "./save-h9dzHwJE.js";
-import { t as C } from "./square-pen-DT5srCPD.js";
-import { t as w } from "./truck-ByZxqZhI.js";
-import { t as T } from "./wrench-6U-BTSbg.js";
-import { a as E, r as D } from "./useFleet-CT_iW2V9.js";
-import { a as O, r as k } from "./StatusBadge-1W2p8fEi.js";
-import { t as A } from "./FormError-CWjGwOW8.js";
-import { r as j } from "./formatters-FWJDwTFv.js";
-import { useState as M } from "react";
-import { useParams as N } from "react-router-dom";
-import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { EmphasisPanel as I, NextSteps as L, PagePurpose as R } from "@burdenoff/fe-libs/ui";
-//#region src/movethewheels/pages/VehicleDetailsPage.tsx
-var z = [
-	{
-		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 B() {
-	let { basePath: i, navigate: s } = g(), { createVehicle: c } = D(), [l, u] = M({
-		vehicleNumber: "",
-		type: "VAN",
-		make: "",
-		model: "",
-		licensePlate: ""
-	}), [m, h] = M(!1), [y, b] = M(null), x = () => s?.(p(i, "fleet/vehicles")), C = async (e) => {
-		if (e.preventDefault(), !l.vehicleNumber.trim()) {
-			b("Vehicle number is required.");
-			return;
-		}
-		h(!0), b(null);
-		try {
-			let e = await c({
-				vehicleNumber: l.vehicleNumber.trim(),
-				type: l.type,
-				make: l.make.trim() || void 0,
-				model: l.model.trim() || void 0,
-				licensePlate: l.licensePlate.trim() || void 0
-			});
-			s?.(p(i, `fleet/vehicles/${e.id}`));
-		} catch (e) {
-			console.error("Failed to create vehicle:", e), b(e instanceof Error ? e.message : "Failed to create vehicle. Please try again."), h(!1);
-		}
-	};
-	return /* @__PURE__ */ F(d, {
-		title: "Add Vehicle",
-		subtitle: "Register a new vehicle in your fleet",
-		icon: /* @__PURE__ */ P(w, { size: 24 }),
-		headerActions: /* @__PURE__ */ F("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ F(_, {
-				variant: "outline",
-				onClick: x,
-				disabled: m,
-				children: [/* @__PURE__ */ P(v, { size: 16 }), " Cancel"]
-			}), /* @__PURE__ */ F(_, {
-				onClick: C,
-				disabled: m,
-				children: [
-					/* @__PURE__ */ P(S, { size: 16 }),
-					" ",
-					m ? "Saving..." : "Add Vehicle"
-				]
-			})]
-		}),
-		children: [/* @__PURE__ */ P(R, {
-			icon: /* @__PURE__ */ P(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__ */ F("form", {
-			onSubmit: C,
-			className: "max-w-2xl space-y-6",
-			children: [/* @__PURE__ */ P(A, { message: y }), /* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P("h2", {
-				className: "text-base font-semibold text-text-primary mb-4",
-				children: "Vehicle Details"
-			}), /* @__PURE__ */ F("div", {
-				className: "space-y-4",
-				children: [/* @__PURE__ */ F("div", {
-					className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-					children: [/* @__PURE__ */ F("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ F(f, {
-							htmlFor: "vehicleNumber",
-							children: ["Vehicle Number ", /* @__PURE__ */ P("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ P(e, {
-							id: "vehicleNumber",
-							value: l.vehicleNumber,
-							onChange: (e) => u((t) => ({
-								...t,
-								vehicleNumber: e.target.value
-							})),
-							placeholder: "MTW-001",
-							required: !0
-						})]
-					}), /* @__PURE__ */ F("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ F(f, {
-							htmlFor: "type",
-							children: ["Type ", /* @__PURE__ */ P("span", {
-								className: "text-status-error-text",
-								children: "*"
-							})]
-						}), /* @__PURE__ */ F(a, {
-							value: l.type,
-							onValueChange: (e) => u((t) => ({
-								...t,
-								type: e
-							})),
-							children: [/* @__PURE__ */ P(r, {
-								id: "type",
-								children: /* @__PURE__ */ P(o, {})
-							}), /* @__PURE__ */ P(t, { children: z.map((e) => /* @__PURE__ */ P(n, {
-								value: e.value,
-								children: e.label
-							}, e.value)) })]
-						})]
-					})]
-				}), /* @__PURE__ */ F("div", {
-					className: "grid grid-cols-1 md:grid-cols-3 gap-4",
-					children: [
-						/* @__PURE__ */ F("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ P(f, {
-								htmlFor: "make",
-								children: "Make"
-							}), /* @__PURE__ */ P(e, {
-								id: "make",
-								value: l.make,
-								onChange: (e) => u((t) => ({
-									...t,
-									make: e.target.value
-								})),
-								placeholder: "Ford"
-							})]
-						}),
-						/* @__PURE__ */ F("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ P(f, {
-								htmlFor: "model",
-								children: "Model"
-							}), /* @__PURE__ */ P(e, {
-								id: "model",
-								value: l.model,
-								onChange: (e) => u((t) => ({
-									...t,
-									model: e.target.value
-								})),
-								placeholder: "Transit"
-							})]
-						}),
-						/* @__PURE__ */ F("div", {
-							className: "space-y-2",
-							children: [/* @__PURE__ */ P(f, {
-								htmlFor: "licensePlate",
-								children: "License Plate"
-							}), /* @__PURE__ */ P(e, {
-								id: "licensePlate",
-								value: l.licensePlate,
-								onChange: (e) => u((t) => ({
-									...t,
-									licensePlate: e.target.value
-								})),
-								placeholder: "ABC-1234"
-							})]
-						})
-					]
-				})]
-			})] })]
-		})]
-	});
-}
-function V() {
-	let { vehicleId: e } = N(), { basePath: t, navigate: n } = g(), { vehicle: r, isLoading: a, error: o, refetch: f } = E(e), S = () => n?.(p(t, "fleet/vehicles")), D = (e) => n?.(p(t, e));
-	return e ? a ? /* @__PURE__ */ P(h, { message: "Loading vehicle details..." }) : o || !r ? /* @__PURE__ */ P(m, {
-		title: "Vehicle not found",
-		onRetry: f
-	}) : /* @__PURE__ */ F(d, {
-		title: r.vehicleNumber,
-		subtitle: `${r.make} ${r.model} (${r.year})`,
-		icon: /* @__PURE__ */ P(w, { size: 24 }),
-		headerActions: /* @__PURE__ */ F("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ F(_, {
-				variant: "outline",
-				onClick: S,
-				children: [/* @__PURE__ */ P(v, { size: 16 }), " Back"]
-			}), /* @__PURE__ */ F(_, { children: [/* @__PURE__ */ P(C, { size: 16 }), " Edit"] })]
-		}),
-		headerContent: /* @__PURE__ */ F("div", {
-			className: "flex gap-2",
-			children: [/* @__PURE__ */ P(k, {
-				status: r.status,
-				type: "vehicle"
-			}), /* @__PURE__ */ P(O, { type: r.type })]
-		}),
-		children: [
-			/* @__PURE__ */ P(R, {
-				icon: /* @__PURE__ */ P(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__ */ P(L, {
-				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__ */ P(x, { size: 16 }),
-					onClick: () => D("orders")
-				}, {
-					id: "maintenance",
-					label: "Schedule maintenance",
-					description: "Keep it road-ready and compliant.",
-					icon: /* @__PURE__ */ P(T, { size: 16 }),
-					onClick: () => {}
-				}]
-			}),
-			/* @__PURE__ */ F("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ F("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ F(I, { children: [/* @__PURE__ */ P("h2", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: "Vehicle Information"
-						}), /* @__PURE__ */ F("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-6",
-							children: [
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Type"
-								}), /* @__PURE__ */ P("p", {
-									className: "font-medium capitalize",
-									children: r.type
-								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Make"
-								}), /* @__PURE__ */ P("p", {
-									className: "font-medium",
-									children: r.make
-								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Model"
-								}), /* @__PURE__ */ P("p", {
-									className: "font-medium",
-									children: r.model
-								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Year"
-								}), /* @__PURE__ */ P("p", {
-									className: "font-medium",
-									children: r.year
-								})] })
-							]
-						})] }),
-						/* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: /* @__PURE__ */ P(l, { children: "Capacity" }) }), /* @__PURE__ */ P(c, { children: /* @__PURE__ */ F("div", {
-							className: "grid grid-cols-1 sm:grid-cols-3 gap-6",
-							children: [
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Weight"
-								}), /* @__PURE__ */ F("p", {
-									className: "text-2xl font-bold",
-									children: [r.capacity.weight, /* @__PURE__ */ P("span", {
-										className: "text-sm font-normal",
-										children: " kg"
-									})]
-								})] }),
-								/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Volume"
-								}), /* @__PURE__ */ F("p", {
-									className: "text-2xl font-bold",
-									children: [r.capacity.volume, /* @__PURE__ */ P("span", {
-										className: "text-sm font-normal",
-										children: " m³"
-									})]
-								})] }),
-								r.capacity.pallets && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-									className: "text-sm text-text-secondary",
-									children: "Pallets"
-								}), /* @__PURE__ */ P("p", {
-									className: "text-2xl font-bold",
-									children: r.capacity.pallets
-								})] })
-							]
-						}) })] }),
-						/* @__PURE__ */ P(y, {
-							entityType: "vehicle",
-							entityId: r.id
-						})
-					]
-				}), /* @__PURE__ */ F("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: /* @__PURE__ */ F(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(b, { size: 18 }), " Fuel & Mileage"]
-						}) }), /* @__PURE__ */ F(c, {
-							className: "space-y-4",
-							children: [r.fuelLevel !== void 0 && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ F("div", {
-								className: "flex justify-between text-sm mb-2",
-								children: [/* @__PURE__ */ P("span", { children: "Fuel Level" }), /* @__PURE__ */ F("span", { children: [r.fuelLevel, "%"] })]
-							}), /* @__PURE__ */ P(i, { value: r.fuelLevel })] }), r.mileage !== void 0 && /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-								className: "text-sm text-text-secondary",
-								children: "Total Mileage"
-							}), /* @__PURE__ */ F("p", {
-								className: "text-2xl font-bold",
-								children: [
-									r.mileage.toLocaleString(),
-									" ",
-									/* @__PURE__ */ P("span", {
-										className: "text-sm font-normal",
-										children: "miles"
-									})
-								]
-							})] })]
-						})] }),
-						/* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: /* @__PURE__ */ F(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(T, { size: 18 }), " Maintenance"]
-						}) }), /* @__PURE__ */ F(c, {
-							className: "space-y-3",
-							children: [/* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-								className: "text-sm text-text-secondary",
-								children: "Last Maintenance"
-							}), /* @__PURE__ */ P("p", {
-								className: "font-medium",
-								children: r.lastMaintenance ? j(r.lastMaintenance) : "N/A"
-							})] }), /* @__PURE__ */ F("div", { children: [/* @__PURE__ */ P("p", {
-								className: "text-sm text-text-secondary",
-								children: "Next Scheduled"
-							}), /* @__PURE__ */ P("p", {
-								className: "font-medium",
-								children: r.nextMaintenance ? j(r.nextMaintenance) : "N/A"
-							})] })]
-						})] }),
-						r.currentLocation && /* @__PURE__ */ F(s, { children: [/* @__PURE__ */ P(u, { children: /* @__PURE__ */ F(l, {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ P(x, { size: 18 }), " Current Location"]
-						}) }), /* @__PURE__ */ F(c, { children: [/* @__PURE__ */ P("p", {
-							className: "text-sm",
-							children: r.currentLocation.address || "Location updating..."
-						}), /* @__PURE__ */ F("p", {
-							className: "text-xs text-text-secondary mt-1",
-							children: ["Updated ", j(r.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")]
-						})] })] })
-					]
-				})]
-			})
-		]
-	}) : /* @__PURE__ */ P(B, {});
-}
-//#endregion
-export { V as default };