@burdenoff/microfe-movethewheels 2026.703.4 → 2026.703.6

package/dist/VehiclesPage-CTQWH7af.js

@@ -0,0 +1,184 @@
+import { M as e, i as t, lt as n, st as r } from "./PageLayout-DX1Ou6V6.js";
+import { t as i } from "./DataTable-KjzbwnRL.js";
+import { t as a } from "./circle-check-BCxRFdFo.js";
+import { t as o } from "./download-CG4Tponq.js";
+import { t as s } from "./plus-BqQxkfoU.js";
+import { t as c } from "./refresh-cw-CEOAPEcV.js";
+import { t as l } from "./route-CZWcW-Dw.js";
+import { t as u } from "./truck-Clrn0oHp.js";
+import { t as d } from "./wrench-Cme0RbyR.js";
+import { i as f, o as p } from "./useFleet-CapnWBcA.js";
+import { r as m, t as h } from "./MetricCard-DQlDNqmK.js";
+import { a as g, r as _ } from "./StatusBadge-oZjownr1.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";
+//#region src/movethewheels/pages/VehiclesPage.tsx
+function C() {
+	let { basePath: C, navigate: w } = r(), [T, E] = v(0), [D, O] = v(25), { vehicles: k, isLoading: A, refetch: j } = p({
+		limit: D,
+		offset: T * D
+	}), { stats: M } = f(), N = M.totalVehicles, P = (e) => {
+		w && w(n(C, e));
+	};
+	return /* @__PURE__ */ b(t, {
+		title: "Vehicles",
+		subtitle: `${N} vehicles in fleet`,
+		icon: /* @__PURE__ */ y(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ y(x, {
+			primary: {
+				label: "Add Vehicle",
+				icon: /* @__PURE__ */ y(s, { size: 16 }),
+				onSelect: () => P("fleet/vehicles/new")
+			},
+			actions: [{
+				label: "Refresh",
+				icon: /* @__PURE__ */ y(c, { size: 16 }),
+				onSelect: () => j()
+			}, {
+				label: "Export",
+				icon: /* @__PURE__ */ y(o, { size: 16 }),
+				onSelect: () => P("import-export")
+			}]
+		}),
+		children: [
+			/* @__PURE__ */ y(S, {
+				icon: /* @__PURE__ */ y(u, { size: 18 }),
+				children: "Every truck, van and bike in your fleet. Monitor capacity, fuel level, mileage and maintenance status here so you always know which vehicles are road-ready before dispatching an order."
+			}),
+			/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
+				className: "mb-3 text-sm font-medium text-text-secondary",
+				children: "Fleet at a glance"
+			}), /* @__PURE__ */ b(m, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ y(h, {
+						label: "Total vehicles",
+						value: N,
+						icon: /* @__PURE__ */ y(u, { size: 20 }),
+						accent: "brand"
+					}),
+					/* @__PURE__ */ y(h, {
+						label: "Available now",
+						value: M.vehiclesByStatus.available,
+						icon: /* @__PURE__ */ y(a, { size: 20 }),
+						accent: "success",
+						subtitle: "Ready to dispatch"
+					}),
+					/* @__PURE__ */ y(h, {
+						label: "On assignment",
+						value: M.vehiclesByStatus.assigned,
+						icon: /* @__PURE__ */ y(l, { size: 20 }),
+						accent: "blue"
+					}),
+					/* @__PURE__ */ y(h, {
+						label: "In maintenance",
+						value: M.vehiclesByStatus.maintenance,
+						icon: /* @__PURE__ */ y(d, { size: 20 }),
+						accent: "warning"
+					})
+				]
+			})] }),
+			/* @__PURE__ */ y(i, {
+				columns: [
+					{
+						id: "vehicleNumber",
+						header: "Vehicle #",
+						accessorKey: "vehicleNumber",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ y("span", {
+							className: "font-medium",
+							children: e.vehicleNumber
+						})
+					},
+					{
+						id: "type",
+						header: "Type",
+						accessorKey: "type",
+						cell: (e) => /* @__PURE__ */ y(g, { type: e.type })
+					},
+					{
+						id: "details",
+						header: "Vehicle",
+						cell: (e) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("p", {
+							className: "font-medium",
+							children: [
+								e.make,
+								" ",
+								e.model
+							]
+						}), /* @__PURE__ */ y("p", {
+							className: "text-sm text-text-secondary",
+							children: e.year
+						})] })
+					},
+					{
+						id: "status",
+						header: "Status",
+						accessorKey: "status",
+						sortable: !0,
+						cell: (e) => /* @__PURE__ */ y(_, {
+							status: e.status,
+							type: "vehicle"
+						})
+					},
+					{
+						id: "capacity",
+						header: "Capacity",
+						cell: (e) => /* @__PURE__ */ b("div", {
+							className: "text-sm",
+							children: [/* @__PURE__ */ b("p", { children: [e.capacity.weight, " kg"] }), /* @__PURE__ */ b("p", {
+								className: "text-text-secondary",
+								children: [e.capacity.volume, " m³"]
+							})]
+						})
+					},
+					{
+						id: "fuel",
+						header: "Fuel Level",
+						cell: (t) => t.fuelLevel === void 0 ? "-" : /* @__PURE__ */ b("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ y(e, {
+								value: t.fuelLevel,
+								className: "w-16 h-2"
+							}), /* @__PURE__ */ b("span", {
+								className: "text-sm",
+								children: [t.fuelLevel, "%"]
+							})]
+						})
+					},
+					{
+						id: "mileage",
+						header: "Mileage",
+						accessorKey: "mileage",
+						sortable: !0,
+						cell: (e) => e.mileage ? `${e.mileage.toLocaleString()} mi` : "-"
+					}
+				],
+				data: k,
+				isLoading: A,
+				searchable: !0,
+				searchPlaceholder: "Search vehicles...",
+				searchFields: [
+					"vehicleNumber",
+					"make",
+					"model"
+				],
+				onRowClick: (e) => P(`fleet/vehicles/${e.id}`),
+				getRowId: (e) => e.id,
+				pageIndex: T,
+				pageSize: D,
+				onPageChange: E,
+				onPageSizeChange: (e) => {
+					O(e), E(0);
+				},
+				totalItems: N,
+				emptyIllustration: "empty-data",
+				emptyTitle: "No vehicles yet",
+				emptyDescription: "Add vehicles to your fleet to start assigning them to deliveries."
+			})
+		]
+	});
+}
+//#endregion
+export { C as default };

package/dist/{WarehouseDetailsPage-CMG7or6G.js → WarehouseDetailsPage-CwDLaG65.js}

@@ -1,15 +1,15 @@
-import { A as e, F as t, I as n, L as r, M as i, P as a, R as o, ct as s, d as c, f as l, g as u, h as d, i as f, j as p, l as m, n as h, ot as g, r as _, u as v } from "./PageLayout-D4LDHJJq.js";
-import { t as y } from "./arrow-left-n48Y-Wis.js";
-import { t as b } from "./box-Eu05PXDh.js";
-import { t as x } from "./clock-Bl3ptexL.js";
-import { t as S } from "./map-pin-Dznl5l40.js";
-import { t as C } from "./save-DJE8Fpdv.js";
-import { t as w } from "./square-pen-D-6JYrVQ.js";
-import { t as T } from "./users-CCrq-w0C.js";
-import { t as E } from "./warehouse-CaqfmMKh.js";
-import { o as D, t as O } from "./useInventory-CAAVMRp6.js";
-import { t as k } from "./FormError-cuLV2jVD.js";
-import { t as A } from "./formatters-BQr-aR5W.js";
+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, l as p, lt as m, n as h, r as g, st as _, u as v } from "./PageLayout-DX1Ou6V6.js";
+import { t as y } from "./arrow-left-DJDw_Yqv.js";
+import { t as b } from "./box-hSJVtvGf.js";
+import { t as x } from "./clock-B2_YxJgB.js";
+import { t as S } from "./map-pin-czpLv9uy.js";
+import { t as C } from "./save-DDFvrxWl.js";
+import { t as w } from "./square-pen-DoZZS4Lw.js";
+import { t as T } from "./users-Cvwko-Dx.js";
+import { t as E } from "./warehouse-LWLVTk6G.js";
+import { o as D, t as O } from "./useInventory-Ci6M2d9f.js";
+import { t as k } from "./FormError-CRsMP7TQ.js";
+import { t as A } from "./formatters-FWJDwTFv.js";
 import { useState as j } from "react";
 import { useParams as M } from "react-router-dom";
 import { jsx as N, jsxs as P } from "react/jsx-runtime";
@@ -38,7 +38,7 @@ var R = [
 	}
 ];
 function z() {
-	let { basePath: i, navigate: m } = g(), { createWarehouse: h } = O(), [_, b] = j({
+	let { basePath: i, navigate: p } = _(), { createWarehouse: h } = O(), [g, b] = j({
 		code: "",
 		name: "",
 		type: "DISTRIBUTION",
@@ -48,39 +48,39 @@ function z() {
 		postalCode: "",
 		country: "USA",
 		totalCapacity: ""
-	}), [x, w] = j(!1), [T, D] = j(null), A = () => m?.(s(i, "inventory/warehouses")), M = (e, t) => b((n) => ({
+	}), [x, w] = j(!1), [T, D] = j(null), A = () => p?.(m(i, "inventory/warehouses")), M = (e, t) => b((n) => ({
 		...n,
 		[e]: t
 	})), I = async (e) => {
-		if (e.preventDefault(), !_.code.trim() || !_.name.trim()) {
+		if (e.preventDefault(), !g.code.trim() || !g.name.trim()) {
 			D("Warehouse code and name are required.");
 			return;
 		}
-		if (!_.street.trim() || !_.city.trim()) {
+		if (!g.street.trim() || !g.city.trim()) {
 			D("A street and city are required for the warehouse address.");
 			return;
 		}
 		w(!0), D(null);
 		try {
-			let e = _.totalCapacity.trim() ? Number(_.totalCapacity) : void 0, t = await h({
-				code: _.code.trim(),
-				name: _.name.trim(),
-				type: _.type,
+			let e = g.totalCapacity.trim() ? Number(g.totalCapacity) : void 0, t = await h({
+				code: g.code.trim(),
+				name: g.name.trim(),
+				type: g.type,
 				address: {
-					street: _.street.trim(),
-					city: _.city.trim(),
-					state: _.state.trim(),
-					postalCode: _.postalCode.trim(),
-					country: _.country.trim()
+					street: g.street.trim(),
+					city: g.city.trim(),
+					state: g.state.trim(),
+					postalCode: g.postalCode.trim(),
+					country: g.country.trim()
 				},
 				totalCapacity: e !== void 0 && !Number.isNaN(e) ? e : void 0
 			});
-			m?.(s(i, `inventory/warehouses/${t.id}`));
+			p?.(m(i, `inventory/warehouses/${t.id}`));
 		} catch (e) {
 			console.error("Failed to create warehouse:", e), D(e instanceof Error ? e.message : "Failed to create warehouse. Please try again."), w(!1);
 		}
 	};
-	return /* @__PURE__ */ P(f, {
+	return /* @__PURE__ */ P(d, {
 		title: "Add Warehouse",
 		subtitle: "Register a storage and fulfilment site",
 		icon: /* @__PURE__ */ N(E, { size: 24 }),
@@ -119,7 +119,7 @@ function z() {
 						children: [
 							/* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ P(p, {
+								children: [/* @__PURE__ */ P(f, {
 									htmlFor: "code",
 									children: ["Code ", /* @__PURE__ */ N("span", {
 										className: "text-status-error-text",
@@ -127,7 +127,7 @@ function z() {
 									})]
 								}), /* @__PURE__ */ N(e, {
 									id: "code",
-									value: _.code,
+									value: g.code,
 									onChange: (e) => M("code", e.target.value),
 									placeholder: "WH-SF-01",
 									required: !0
@@ -135,7 +135,7 @@ function z() {
 							}),
 							/* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ P(p, {
+								children: [/* @__PURE__ */ P(f, {
 									htmlFor: "name",
 									children: ["Name ", /* @__PURE__ */ N("span", {
 										className: "text-status-error-text",
@@ -143,7 +143,7 @@ function z() {
 									})]
 								}), /* @__PURE__ */ N(e, {
 									id: "name",
-									value: _.name,
+									value: g.name,
 									onChange: (e) => M("name", e.target.value),
 									placeholder: "San Francisco DC",
 									required: !0
@@ -151,14 +151,14 @@ function z() {
 							}),
 							/* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ P(p, {
+								children: [/* @__PURE__ */ P(f, {
 									htmlFor: "type",
 									children: ["Type ", /* @__PURE__ */ N("span", {
 										className: "text-status-error-text",
 										children: "*"
 									})]
 								}), /* @__PURE__ */ P(a, {
-									value: _.type,
+									value: g.type,
 									onValueChange: (e) => M("type", e),
 									children: [/* @__PURE__ */ N(r, {
 										id: "type",
@@ -172,20 +172,20 @@ function z() {
 						]
 					}), /* @__PURE__ */ P("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ N(p, {
+						children: [/* @__PURE__ */ N(f, {
 							htmlFor: "totalCapacity",
 							children: "Total Capacity (sq ft)"
 						}), /* @__PURE__ */ N(e, {
 							id: "totalCapacity",
 							type: "number",
 							min: "0",
-							value: _.totalCapacity,
+							value: g.totalCapacity,
 							onChange: (e) => M("totalCapacity", e.target.value),
 							placeholder: "50000"
 						})]
 					})]
 				})] }),
-				/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+				/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
 					className: "flex items-center gap-2",
 					children: [
 						/* @__PURE__ */ N(S, { size: 18 }),
@@ -195,17 +195,17 @@ function z() {
 							children: "*"
 						})
 					]
-				}) }), /* @__PURE__ */ P(l, {
+				}) }), /* @__PURE__ */ P(c, {
 					className: "space-y-4",
 					children: [
 						/* @__PURE__ */ P("div", {
 							className: "space-y-2",
-							children: [/* @__PURE__ */ N(p, {
+							children: [/* @__PURE__ */ N(f, {
 								htmlFor: "street",
 								children: "Street"
 							}), /* @__PURE__ */ N(e, {
 								id: "street",
-								value: _.street,
+								value: g.street,
 								onChange: (e) => M("street", e.target.value),
 								placeholder: "500 Industrial Way"
 							})]
@@ -214,23 +214,23 @@ function z() {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 							children: [/* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ N(p, {
+								children: [/* @__PURE__ */ N(f, {
 									htmlFor: "city",
 									children: "City"
 								}), /* @__PURE__ */ N(e, {
 									id: "city",
-									value: _.city,
+									value: g.city,
 									onChange: (e) => M("city", e.target.value),
 									placeholder: "San Francisco"
 								})]
 							}), /* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ N(p, {
+								children: [/* @__PURE__ */ N(f, {
 									htmlFor: "state",
 									children: "State"
 								}), /* @__PURE__ */ N(e, {
 									id: "state",
-									value: _.state,
+									value: g.state,
 									onChange: (e) => M("state", e.target.value),
 									placeholder: "CA"
 								})]
@@ -240,23 +240,23 @@ function z() {
 							className: "grid grid-cols-1 md:grid-cols-2 gap-4",
 							children: [/* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ N(p, {
+								children: [/* @__PURE__ */ N(f, {
 									htmlFor: "postalCode",
 									children: "ZIP / Postal Code"
 								}), /* @__PURE__ */ N(e, {
 									id: "postalCode",
-									value: _.postalCode,
+									value: g.postalCode,
 									onChange: (e) => M("postalCode", e.target.value),
 									placeholder: "94103"
 								})]
 							}), /* @__PURE__ */ P("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ N(p, {
+								children: [/* @__PURE__ */ N(f, {
 									htmlFor: "country",
 									children: "Country"
 								}), /* @__PURE__ */ N(e, {
 									id: "country",
-									value: _.country,
+									value: g.country,
 									onChange: (e) => M("country", e.target.value),
 									placeholder: "USA"
 								})]
@@ -269,15 +269,15 @@ function z() {
 	});
 }
 function B() {
-	let { warehouseId: e } = M(), { basePath: t, navigate: n } = g(), { warehouse: r, isLoading: a, error: o, refetch: p } = D(e), C = () => n?.(s(t, "inventory/warehouses")), O = (e) => n?.(s(t, e));
+	let { warehouseId: e } = M(), { basePath: t, navigate: n } = _(), { warehouse: r, isLoading: a, error: o, refetch: f } = D(e), C = () => n?.(m(t, "inventory/warehouses")), O = (e) => n?.(m(t, e));
 	if (!e) return /* @__PURE__ */ N(z, {});
-	if (a) return /* @__PURE__ */ N(_, { message: "Loading warehouse details..." });
+	if (a) return /* @__PURE__ */ N(g, { message: "Loading warehouse details..." });
 	if (o || !r) return /* @__PURE__ */ N(h, {
 		title: "Warehouse not found",
-		onRetry: p
+		onRetry: f
 	});
 	let k = r.capacity.usedSpace / r.capacity.totalSpace * 100;
-	return /* @__PURE__ */ P(f, {
+	return /* @__PURE__ */ P(d, {
 		title: r.name,
 		subtitle: `Code: ${r.code}`,
 		icon: /* @__PURE__ */ N(E, { size: 24 }),
@@ -291,10 +291,10 @@ function B() {
 		}),
 		headerContent: /* @__PURE__ */ P("div", {
 			className: "flex gap-2",
-			children: [/* @__PURE__ */ N(m, {
+			children: [/* @__PURE__ */ N(p, {
 				variant: r.isActive ? "default" : "secondary",
 				children: r.isActive ? "Active" : "Inactive"
-			}), /* @__PURE__ */ N(m, {
+			}), /* @__PURE__ */ N(p, {
 				variant: "outline",
 				className: "capitalize",
 				children: r.type.replace("_", " ")
@@ -348,7 +348,7 @@ function B() {
 									]
 								})
 							] }), /* @__PURE__ */ N("div", {
-								className: "grid grid-cols-2 gap-4",
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 									className: "text-sm text-text-secondary",
 									children: "Pallets Used"
@@ -365,11 +365,11 @@ function B() {
 								})] })
 							})]
 						})] }),
-						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, { children: [
+						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, { children: [
 							"Zones (",
 							r.zones.length,
 							")"
-						] }) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("div", {
+						] }) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("div", {
 							className: "space-y-3",
 							children: r.zones.map((e) => /* @__PURE__ */ P("div", {
 								className: "flex items-center justify-between p-3 border rounded-lg",
@@ -399,10 +399,10 @@ function B() {
 								})]
 							}, e.id))
 						}) })] }),
-						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ N(x, { size: 18 }), " Operating Hours"]
-						}) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("div", {
+						}) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("div", {
 							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 							children: Object.entries(r.operatingHours).map(([e, t]) => /* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
 								className: "text-sm font-medium",
@@ -416,14 +416,14 @@ function B() {
 				}), /* @__PURE__ */ P("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ N(S, { size: 18 }), " Location"]
-						}) }), /* @__PURE__ */ N(l, { children: /* @__PURE__ */ N("p", {
+						}) }), /* @__PURE__ */ N(c, { children: /* @__PURE__ */ N("p", {
 							className: "text-sm",
 							children: A(r.address)
 						}) })] }),
-						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ N(u, { children: "Metrics" }) }), /* @__PURE__ */ P(l, {
+						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ N(l, { children: "Metrics" }) }), /* @__PURE__ */ P(c, {
 							className: "space-y-3",
 							children: [
 								/* @__PURE__ */ P("div", { children: [/* @__PURE__ */ N("p", {
@@ -459,7 +459,7 @@ function B() {
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ P(c, { children: [/* @__PURE__ */ N(d, { children: /* @__PURE__ */ P(u, {
+						/* @__PURE__ */ P(s, { children: [/* @__PURE__ */ N(u, { children: /* @__PURE__ */ P(l, {
 							className: "flex items-center gap-2",
 							children: [
 								/* @__PURE__ */ N(T, { size: 18 }),
@@ -467,14 +467,14 @@ function B() {
 								r.staff.length,
 								")"
 							]
-						}) }), /* @__PURE__ */ N(l, { children: r.staff.length > 0 ? /* @__PURE__ */ N("div", {
+						}) }), /* @__PURE__ */ N(c, { children: r.staff.length > 0 ? /* @__PURE__ */ N("div", {
 							className: "space-y-2",
 							children: r.staff.map((e, t) => /* @__PURE__ */ P("div", {
 								className: "flex items-center justify-between p-2 border rounded",
 								children: [/* @__PURE__ */ N("span", {
 									className: "text-sm capitalize",
 									children: e.role
-								}), /* @__PURE__ */ N(m, {
+								}), /* @__PURE__ */ N(p, {
 									variant: "outline",
 									children: e.shift
 								})]