@burdenoff/microfe-movethewheels 2026.510.105

package/dist/FleetPage-CHYETCWT.js

@@ -0,0 +1,293 @@
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, o as s, s as c, u as l } from "./PageLayout-B7b0vl0R.js";
+import { t as u } from "./chevron-right-DhZVf20o.js";
+import { n as d, t as f } from "./wrench-CoSDEIC7.js";
+import { t as p } from "./star-BlVsC3Ad.js";
+import { t as m } from "./truck-BmDAzu05.js";
+import { t as h } from "./users-i-igmsP4.js";
+import { r as g } from "./graphqlClient-CdJyR_ed.js";
+import { i as _, n as v, o as y } from "./useFleet-BdETplNE.js";
+import { r as b, t as x } from "./MetricCard-GTbxAk1a.js";
+import { a as S, r as C } from "./StatusBadge-BrrwraIA.js";
+import { t as w } from "./navigation-BgnOfsVd.js";
+import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/FleetPage.tsx
+function O() {
+	let { t: O } = D(), k = (e, t) => {
+		let n = O(e);
+		return n === e ? t : n;
+	}, { basePath: A, navigate: j } = g(), { stats: M } = _(), { vehicles: N } = y(), { drivers: P } = v(), F = (e) => {
+		j && j(w(A, e));
+	};
+	return /* @__PURE__ */ E(o, {
+		title: k("movethewheels.fleet.title", "Fleet Management"),
+		subtitle: k("movethewheels.fleet.subtitle", "Manage your vehicles and drivers"),
+		icon: /* @__PURE__ */ T(m, { size: 24 }),
+		headerActions: /* @__PURE__ */ E("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ E(l, {
+				variant: "outline",
+				onClick: () => F("fleet/vehicles"),
+				children: [/* @__PURE__ */ T(m, { size: 16 }), k("movethewheels.fleet.actions.allVehicles", "All Vehicles")]
+			}), /* @__PURE__ */ E(l, {
+				variant: "outline",
+				onClick: () => F("fleet/drivers"),
+				children: [/* @__PURE__ */ T(h, { size: 16 }), k("movethewheels.fleet.actions.allDrivers", "All Drivers")]
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ E(b, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ T(x, {
+						label: k("movethewheels.fleet.metrics.totalVehicles", "Total Vehicles"),
+						value: M.totalVehicles,
+						icon: /* @__PURE__ */ T(m, { size: 20 }),
+						subtitle: `${M.vehiclesByStatus.available} ${k("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => F("fleet/vehicles")
+					}),
+					/* @__PURE__ */ T(x, {
+						label: k("movethewheels.fleet.metrics.totalDrivers", "Total Drivers"),
+						value: M.totalDrivers,
+						icon: /* @__PURE__ */ T(h, { size: 20 }),
+						subtitle: `${M.driversByStatus.available} ${k("movethewheels.fleet.metrics.available", "available")}`,
+						onClick: () => F("fleet/drivers")
+					}),
+					/* @__PURE__ */ T(x, {
+						label: k("movethewheels.fleet.metrics.utilization", "Fleet Utilization"),
+						value: `${M.utilization.toFixed(0)}%`,
+						icon: /* @__PURE__ */ T(m, { size: 20 }),
+						changeType: M.utilization >= 70 ? "positive" : "neutral"
+					}),
+					/* @__PURE__ */ T(x, {
+						label: k("movethewheels.fleet.metrics.avgDriverRating", "Avg Driver Rating"),
+						value: M.avgDriverRating.toFixed(1),
+						icon: /* @__PURE__ */ T(p, { size: 20 }),
+						subtitle: k("movethewheels.fleet.metrics.outOfFive", "out of 5"),
+						changeType: M.avgDriverRating >= 4.5 ? "positive" : "neutral"
+					})
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ T(t, {
+					title: k("movethewheels.fleet.vehicles.title", "Vehicles"),
+					actions: /* @__PURE__ */ E(l, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => F("fleet/vehicles"),
+						children: [
+							k("movethewheels.fleet.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ T(u, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ T(n, { children: /* @__PURE__ */ T(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ T("div", {
+							className: "divide-y",
+							children: N.slice(0, 5).map((t) => /* @__PURE__ */ T("div", {
+								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
+								onClick: () => F(`fleet/vehicles/${t.id}`),
+								children: /* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ E("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ T("div", {
+											className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",
+											children: /* @__PURE__ */ T(m, {
+												size: 20,
+												className: "text-primary"
+											})
+										}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ E("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ T("span", {
+												className: "font-medium",
+												children: t.vehicleNumber
+											}), /* @__PURE__ */ T(S, {
+												type: t.type,
+												size: "sm"
+											})]
+										}), /* @__PURE__ */ E("p", {
+											className: "text-sm text-muted-foreground",
+											children: [
+												t.make,
+												" ",
+												t.model,
+												" (",
+												t.year,
+												")"
+											]
+										})] })]
+									}), /* @__PURE__ */ E("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ T(C, {
+											status: t.status,
+											type: "vehicle",
+											size: "sm"
+										}), t.fuelLevel !== void 0 && /* @__PURE__ */ E("div", {
+											className: "mt-2 flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ T(d, {
+													size: 12,
+													className: "text-muted-foreground"
+												}),
+												/* @__PURE__ */ T(e, {
+													value: t.fuelLevel,
+													className: "w-16 h-2"
+												}),
+												/* @__PURE__ */ E("span", {
+													className: "text-xs text-muted-foreground",
+													children: [t.fuelLevel, "%"]
+												})
+											]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ T(t, {
+					title: k("movethewheels.fleet.drivers.title", "Drivers"),
+					actions: /* @__PURE__ */ E(l, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => F("fleet/drivers"),
+						children: [
+							k("movethewheels.fleet.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ T(u, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ T(n, { children: /* @__PURE__ */ T(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ T("div", {
+							className: "divide-y",
+							children: P.slice(0, 5).map((e) => /* @__PURE__ */ T("div", {
+								className: "p-4 hover:bg-muted/50 cursor-pointer transition-colors",
+								onClick: () => F(`fleet/drivers/${e.id}`),
+								children: /* @__PURE__ */ E("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ E("div", {
+										className: "flex items-center gap-3",
+										children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(c, { children: e.fullName.split(" ").map((e) => e[0]).join("") }) }), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+											className: "font-medium",
+											children: e.fullName
+										}), /* @__PURE__ */ E("p", {
+											className: "text-sm text-muted-foreground",
+											children: [
+												e.employeeId,
+												" - ",
+												e.completedOrders,
+												" ",
+												k("movethewheels.fleet.drivers.deliveries", "deliveries")
+											]
+										})] })]
+									}), /* @__PURE__ */ E("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ T(C, {
+											status: e.status,
+											type: "driver",
+											size: "sm"
+										}), /* @__PURE__ */ E("div", {
+											className: "mt-1 flex items-center gap-1 justify-end",
+											children: [/* @__PURE__ */ T(p, {
+												size: 12,
+												className: "text-yellow-500 fill-yellow-500"
+											}), /* @__PURE__ */ T("span", {
+												className: "text-sm font-medium",
+												children: e.ratings.overall.toFixed(1)
+											})]
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: k("movethewheels.fleet.status.vehicleTitle", "Vehicle Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+					className: "space-y-4",
+					children: Object.entries(M.vehiclesByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-3",
+							children: /* @__PURE__ */ T(C, {
+								status: t,
+								type: "vehicle"
+							})
+						}), /* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ T("span", {
+								className: "font-medium",
+								children: n
+							}), /* @__PURE__ */ T(e, {
+								value: n / M.totalVehicles * 100,
+								className: "w-24 h-2"
+							})]
+						})]
+					}, t))
+				}) })] }), /* @__PURE__ */ E(n, { children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ T(i, { children: k("movethewheels.fleet.status.driverTitle", "Driver Status") }) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+					className: "space-y-4",
+					children: Object.entries(M.driversByStatus).map(([t, n]) => /* @__PURE__ */ E("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ T("div", {
+							className: "flex items-center gap-3",
+							children: /* @__PURE__ */ T(C, {
+								status: t,
+								type: "driver"
+							})
+						}), /* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ T("span", {
+								className: "font-medium",
+								children: n
+							}), /* @__PURE__ */ T(e, {
+								value: n / M.totalDrivers * 100,
+								className: "w-24 h-2"
+							})]
+						})]
+					}, t))
+				}) })] })]
+			}),
+			M.vehiclesByStatus.maintenance > 0 && /* @__PURE__ */ E(n, {
+				className: "border-yellow-200 dark:border-yellow-800",
+				children: [/* @__PURE__ */ T(a, { children: /* @__PURE__ */ E(i, {
+					className: "flex items-center gap-2 text-yellow-600",
+					children: [/* @__PURE__ */ T(f, { size: 18 }), k("movethewheels.fleet.maintenance.title", "Maintenance Required")]
+				}) }), /* @__PURE__ */ T(r, { children: /* @__PURE__ */ T("div", {
+					className: "space-y-3",
+					children: N.filter((e) => e.status === "maintenance").map((e) => /* @__PURE__ */ E("div", {
+						className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
+						children: [/* @__PURE__ */ E("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ T(m, {
+								size: 20,
+								className: "text-yellow-600"
+							}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								className: "font-medium",
+								children: e.vehicleNumber
+							}), /* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: [
+									e.make,
+									" ",
+									e.model
+								]
+							})] })]
+						}), /* @__PURE__ */ T(l, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => F(`fleet/vehicles/${e.id}`),
+							children: k("movethewheels.fleet.maintenance.viewDetails", "View Details")
+						})]
+					}, e.id))
+				}) })]
+			})
+		]
+	});
+}
+//#endregion
+export { O as default };

package/dist/ImportExportPage-C3MKKxfc.js

@@ -0,0 +1,232 @@
+import { d as e, f as t, g as n, h as r, i, it as a, l as o, u as s } from "./PageLayout-B7b0vl0R.js";
+import { t as c } from "./download-CIuG04pJ.js";
+import { t as l } from "./file-text-Dd_thxkn.js";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/check.js
+var f = a("Check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), p = a("FileSpreadsheet", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "M8 13h2",
+		key: "yr2amv"
+	}],
+	["path", {
+		d: "M14 13h2",
+		key: "un5t4a"
+	}],
+	["path", {
+		d: "M8 17h2",
+		key: "2yhykz"
+	}],
+	["path", {
+		d: "M14 17h2",
+		key: "10kma7"
+	}]
+]), m = a("Upload", [
+	["path", {
+		d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4",
+		key: "ih7n3h"
+	}],
+	["polyline", {
+		points: "17 8 12 3 7 8",
+		key: "t8dd8p"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "3",
+		y2: "15",
+		key: "widbto"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/ImportExportPage.tsx
+function h() {
+	return /* @__PURE__ */ d(i, {
+		title: "Import / Export",
+		subtitle: "Import and export your data",
+		icon: /* @__PURE__ */ u(l, { size: 24 }),
+		children: [/* @__PURE__ */ d("div", {
+			className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+			children: [/* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ d(n, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ u(m, { size: 18 }), " Import Data"]
+			}) }), /* @__PURE__ */ u(t, {
+				className: "space-y-4",
+				children: [
+					{
+						name: "Orders",
+						description: "Import orders from CSV or Excel",
+						icon: p,
+						format: "CSV, XLSX"
+					},
+					{
+						name: "Customers",
+						description: "Import customer database",
+						icon: p,
+						format: "CSV, XLSX"
+					},
+					{
+						name: "Products",
+						description: "Import product catalog",
+						icon: p,
+						format: "CSV, XLSX"
+					},
+					{
+						name: "Inventory",
+						description: "Import inventory levels",
+						icon: p,
+						format: "CSV, XLSX"
+					}
+				].map((e) => /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ u("div", {
+							className: "w-10 h-10 rounded-lg bg-primary/10 flex items-center justify-center",
+							children: /* @__PURE__ */ u(e.icon, {
+								size: 20,
+								className: "text-primary"
+							})
+						}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+							className: "font-medium",
+							children: e.name
+						}), /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: e.description
+						})] })]
+					}), /* @__PURE__ */ d("div", {
+						className: "text-right",
+						children: [/* @__PURE__ */ u(o, {
+							variant: "outline",
+							children: e.format
+						}), /* @__PURE__ */ u(s, {
+							variant: "outline",
+							size: "sm",
+							className: "ml-2",
+							children: /* @__PURE__ */ u(m, { size: 14 })
+						})]
+					})]
+				}, e.name))
+			})] }), /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ d(n, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ u(c, { size: 18 }), " Export Data"]
+			}) }), /* @__PURE__ */ u(t, {
+				className: "space-y-4",
+				children: [
+					{
+						name: "Orders Report",
+						description: "Export all orders data",
+						formats: [
+							"CSV",
+							"Excel",
+							"PDF"
+						]
+					},
+					{
+						name: "Financial Report",
+						description: "Export revenue and payments",
+						formats: [
+							"CSV",
+							"Excel",
+							"PDF"
+						]
+					},
+					{
+						name: "Fleet Report",
+						description: "Export vehicle and driver data",
+						formats: ["CSV", "Excel"]
+					},
+					{
+						name: "Analytics Report",
+						description: "Export performance metrics",
+						formats: [
+							"CSV",
+							"Excel",
+							"PDF"
+						]
+					}
+				].map((e) => /* @__PURE__ */ d("div", {
+					className: "flex items-center justify-between p-4 border rounded-lg hover:border-primary/50 transition-colors",
+					children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+						className: "font-medium",
+						children: e.name
+					}), /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground",
+						children: e.description
+					})] }), /* @__PURE__ */ u("div", {
+						className: "flex gap-1",
+						children: e.formats.map((e) => /* @__PURE__ */ u(s, {
+							variant: "outline",
+							size: "sm",
+							children: e
+						}, e))
+					})]
+				}, e.name))
+			})] })]
+		}), /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u(r, { children: /* @__PURE__ */ u(n, { children: "Recent Activity" }) }), /* @__PURE__ */ u(t, { children: /* @__PURE__ */ u("div", {
+			className: "space-y-3",
+			children: [
+				{
+					type: "export",
+					name: "Orders Report",
+					date: "2024-01-15",
+					status: "completed"
+				},
+				{
+					type: "import",
+					name: "Customer Data",
+					date: "2024-01-14",
+					status: "completed"
+				},
+				{
+					type: "export",
+					name: "Financial Report",
+					date: "2024-01-13",
+					status: "completed"
+				}
+			].map((e, t) => /* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between p-3 bg-muted/50 rounded-lg",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-3",
+					children: [e.type === "import" ? /* @__PURE__ */ u(m, {
+						size: 16,
+						className: "text-primary"
+					}) : /* @__PURE__ */ u(c, {
+						size: 16,
+						className: "text-primary"
+					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("p", {
+						className: "font-medium",
+						children: e.name
+					}), /* @__PURE__ */ d("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							e.type === "import" ? "Imported" : "Exported",
+							" on ",
+							e.date
+						]
+					})] })]
+				}), /* @__PURE__ */ d(o, {
+					variant: "default",
+					className: "gap-1",
+					children: [
+						/* @__PURE__ */ u(f, { size: 12 }),
+						" ",
+						e.status
+					]
+				})]
+			}, t))
+		}) })] })]
+	});
+}
+//#endregion
+export { h as default };