@burdenoff/microfe-movethewheels 2026.510.105

package/dist/InventoryPage--822AxZM.js

@@ -0,0 +1,223 @@
+import { M as e, a as t, d as n, f as r, g as i, h as a, i as o, l as s, u as c } from "./PageLayout-B7b0vl0R.js";
+import { t as l } from "./chevron-right-DhZVf20o.js";
+import { t as u } from "./package-DVZbDRcV.js";
+import { t as d } from "./plus-Bl7uX6Ji.js";
+import { t as f } from "./triangle-alert-CUoVAA4L.js";
+import { t as p } from "./warehouse-DewG0PXh.js";
+import { r as m } from "./graphqlClient-CdJyR_ed.js";
+import { n as h, t as g } from "./useInventory-Dwn18FPz.js";
+import { r as _, t as v } from "./MetricCard-GTbxAk1a.js";
+import { n as y } from "./formatters-_vJlC-47.js";
+import { t as b } from "./navigation-BgnOfsVd.js";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/InventoryPage.tsx
+function w() {
+	let { t: w } = C(), T = (e, t) => {
+		let n = w(e);
+		return n === e ? t : n;
+	}, { basePath: E, navigate: D } = m(), { inventory: O, products: k, warehouses: A } = g(), { stats: j } = h(), M = (e) => D?.(b(E, e)), N = O.filter((e) => e.availableQuantity <= e.reorderLevel);
+	return /* @__PURE__ */ S(o, {
+		title: T("movethewheels.inventory.title", "Inventory"),
+		subtitle: T("movethewheels.inventory.subtitle", "Manage your products and warehouses"),
+		icon: /* @__PURE__ */ x(u, { size: 24 }),
+		headerActions: /* @__PURE__ */ S("div", {
+			className: "flex gap-2",
+			children: [
+				/* @__PURE__ */ x(c, {
+					variant: "outline",
+					onClick: () => M("inventory/products"),
+					children: T("movethewheels.inventory.actions.products", "Products")
+				}),
+				/* @__PURE__ */ x(c, {
+					variant: "outline",
+					onClick: () => M("inventory/warehouses"),
+					children: T("movethewheels.inventory.actions.warehouses", "Warehouses")
+				}),
+				/* @__PURE__ */ S(c, { children: [
+					/* @__PURE__ */ x(d, { size: 16 }),
+					" ",
+					T("movethewheels.inventory.actions.addProduct", "Add Product")
+				] })
+			]
+		}),
+		children: [
+			/* @__PURE__ */ S(_, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ x(v, {
+						label: T("movethewheels.inventory.metrics.totalProducts", "Total Products"),
+						value: j.totalProducts,
+						icon: /* @__PURE__ */ x(u, { size: 20 }),
+						onClick: () => M("inventory/products")
+					}),
+					/* @__PURE__ */ x(v, {
+						label: T("movethewheels.inventory.metrics.totalItems", "Total Items"),
+						value: j.totalItems.toLocaleString(),
+						icon: /* @__PURE__ */ x(u, { size: 20 })
+					}),
+					/* @__PURE__ */ x(v, {
+						label: T("movethewheels.inventory.metrics.inventoryValue", "Inventory Value"),
+						value: y(j.totalValue),
+						icon: /* @__PURE__ */ x(u, { size: 20 })
+					}),
+					/* @__PURE__ */ x(v, {
+						label: T("movethewheels.inventory.metrics.warehouses", "Warehouses"),
+						value: j.totalWarehouses,
+						icon: /* @__PURE__ */ x(p, { size: 20 }),
+						onClick: () => M("inventory/warehouses")
+					})
+				]
+			}),
+			N.length > 0 && /* @__PURE__ */ S(n, {
+				className: "border-yellow-200",
+				children: [/* @__PURE__ */ x(a, { children: /* @__PURE__ */ S(i, {
+					className: "flex items-center gap-2 text-yellow-600",
+					children: [
+						/* @__PURE__ */ x(f, { size: 18 }),
+						T("movethewheels.inventory.lowStock.title", "Low Stock Alert"),
+						" (",
+						N.length,
+						" ",
+						T("movethewheels.inventory.lowStock.items", "items"),
+						")"
+					]
+				}) }), /* @__PURE__ */ x(r, { children: /* @__PURE__ */ x("div", {
+					className: "space-y-3",
+					children: N.slice(0, 5).map((e) => {
+						let t = k.find((t) => t.id === e.productId);
+						return /* @__PURE__ */ S("div", {
+							className: "flex items-center justify-between p-3 bg-yellow-50 dark:bg-yellow-900/20 rounded-lg",
+							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+								className: "font-medium",
+								children: t?.name || T("movethewheels.inventory.lowStock.unknownProduct", "Unknown Product")
+							}), /* @__PURE__ */ S("p", {
+								className: "text-sm text-muted-foreground",
+								children: [
+									T("movethewheels.inventory.lowStock.sku", "SKU:"),
+									" ",
+									t?.sku
+								]
+							})] }), /* @__PURE__ */ S("div", {
+								className: "text-right",
+								children: [/* @__PURE__ */ S("p", {
+									className: "font-medium text-yellow-600",
+									children: [
+										e.availableQuantity,
+										" ",
+										T("movethewheels.inventory.lowStock.left", "left")
+									]
+								}), /* @__PURE__ */ S("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										T("movethewheels.inventory.lowStock.reorderAt", "Reorder at:"),
+										" ",
+										e.reorderLevel
+									]
+								})]
+							})]
+						}, e.id);
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ x(t, {
+					title: T("movethewheels.inventory.warehouses.title", "Warehouses"),
+					actions: /* @__PURE__ */ S(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => M("inventory/warehouses"),
+						children: [
+							T("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ x(l, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ x("div", {
+							className: "divide-y",
+							children: A.map((t) => /* @__PURE__ */ x("div", {
+								className: "p-4 hover:bg-muted/50 cursor-pointer",
+								onClick: () => M(`inventory/warehouses/${t.id}`),
+								children: /* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "font-medium",
+										children: t.name
+									}), /* @__PURE__ */ S("p", {
+										className: "text-sm text-muted-foreground",
+										children: [
+											t.address.city,
+											", ",
+											t.address.state
+										]
+									})] }), /* @__PURE__ */ S("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ x(s, {
+											variant: t.isActive ? "default" : "secondary",
+											children: t.isActive ? T("movethewheels.inventory.warehouses.active", "Active") : T("movethewheels.inventory.warehouses.inactive", "Inactive")
+										}), /* @__PURE__ */ S("div", {
+											className: "mt-2",
+											children: [/* @__PURE__ */ x("p", {
+												className: "text-xs text-muted-foreground",
+												children: T("movethewheels.inventory.warehouses.utilization", "Utilization")
+											}), /* @__PURE__ */ x(e, {
+												value: t.capacity.usedSpace / t.capacity.totalSpace * 100,
+												className: "w-24 h-2"
+											})]
+										})]
+									})]
+								})
+							}, t.id))
+						})
+					}) })
+				}), /* @__PURE__ */ x(t, {
+					title: T("movethewheels.inventory.products.title", "Recent Products"),
+					actions: /* @__PURE__ */ S(c, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => M("inventory/products"),
+						children: [
+							T("movethewheels.inventory.common.viewAll", "View all"),
+							" ",
+							/* @__PURE__ */ x(l, { size: 16 })
+						]
+					}),
+					children: /* @__PURE__ */ x(n, { children: /* @__PURE__ */ x(r, {
+						className: "p-0",
+						children: /* @__PURE__ */ x("div", {
+							className: "divide-y",
+							children: k.slice(0, 5).map((e) => /* @__PURE__ */ x("div", {
+								className: "p-4 hover:bg-muted/50 cursor-pointer",
+								onClick: () => M(`inventory/products/${e.id}`),
+								children: /* @__PURE__ */ S("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ x("p", {
+										className: "text-sm text-muted-foreground",
+										children: e.sku
+									})] }), /* @__PURE__ */ S("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ x("p", {
+											className: "font-medium",
+											children: y(e.value)
+										}), /* @__PURE__ */ x(s, {
+											variant: "outline",
+											children: e.category
+										})]
+									})]
+								})
+							}, e.id))
+						})
+					}) })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { w as default };

package/dist/LiveTrackingPage-Dp3rTJDr.js

@@ -0,0 +1,332 @@
+import { J as e, N as t, X as n, Z as r, d as i, f as a, g as o, h as s, i as c, it as l, l as u, u as d } from "./PageLayout-B7b0vl0R.js";
+import { t as f } from "./map-pin-CFBOmh-A.js";
+import { t as p } from "./map-BqH1cBJi.js";
+import { t as m } from "./package-DVZbDRcV.js";
+import { t as h } from "./refresh-cw-BYjl3K-8.js";
+import { t as g } from "./truck-BmDAzu05.js";
+import { r as _ } from "./graphqlClient-CdJyR_ed.js";
+import { o as v, r as y } from "./useTracking-De2KIUNu.js";
+import { r as b, t as x } from "./MetricCard-GTbxAk1a.js";
+import { r as S } from "./StatusBadge-BrrwraIA.js";
+import { r as C } from "./formatters-_vJlC-47.js";
+import { t as w } from "./navigation-BgnOfsVd.js";
+import { useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region node_modules/lucide-react/dist/esm/icons/list.js
+var O = l("List", [
+	["path", {
+		d: "M3 12h.01",
+		key: "nlz23k"
+	}],
+	["path", {
+		d: "M3 18h.01",
+		key: "1tta3j"
+	}],
+	["path", {
+		d: "M3 6h.01",
+		key: "1rqtza"
+	}],
+	["path", {
+		d: "M8 12h13",
+		key: "1za7za"
+	}],
+	["path", {
+		d: "M8 18h13",
+		key: "1lx6n3"
+	}],
+	["path", {
+		d: "M8 6h13",
+		key: "ik3vkj"
+	}]
+]);
+//#endregion
+//#region src/movethewheels/pages/LiveTrackingPage.tsx
+function k() {
+	let { basePath: l, navigate: k } = _(), { activeDeliveries: A, isLoading: j, refetch: M } = y(), { unacknowledgedAlerts: N } = v(), [P, F] = T("map"), [I, L] = T(null), R = (e) => {
+		k && k(w(l, e));
+	}, z = I ? A.find((e) => e.order?.id === I) : null;
+	return /* @__PURE__ */ D(c, {
+		title: "Live Tracking",
+		subtitle: `${A.length} active deliveries`,
+		icon: /* @__PURE__ */ E(f, { size: 24 }),
+		headerActions: /* @__PURE__ */ D("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ D(d, {
+				variant: "outline",
+				onClick: M,
+				disabled: j,
+				children: [/* @__PURE__ */ E(h, {
+					size: 16,
+					className: j ? "animate-spin" : ""
+				}), "Refresh"]
+			}), /* @__PURE__ */ E(e, {
+				value: P,
+				onValueChange: (e) => F(e),
+				children: /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E(r, {
+					value: "map",
+					children: /* @__PURE__ */ E(p, { size: 16 })
+				}), /* @__PURE__ */ E(r, {
+					value: "list",
+					children: /* @__PURE__ */ E(O, { size: 16 })
+				})] })
+			})]
+		}),
+		children: [/* @__PURE__ */ D(b, {
+			columns: 4,
+			children: [
+				/* @__PURE__ */ E(x, {
+					size: "sm",
+					label: "Active Deliveries",
+					value: A.length,
+					icon: /* @__PURE__ */ E(g, { size: 18 })
+				}),
+				/* @__PURE__ */ E(x, {
+					size: "sm",
+					label: "In Transit",
+					value: A.filter((e) => e.order?.status === "in_transit").length,
+					icon: /* @__PURE__ */ E(m, { size: 18 })
+				}),
+				/* @__PURE__ */ E(x, {
+					size: "sm",
+					label: "Out for Delivery",
+					value: A.filter((e) => e.order?.status === "out_for_delivery").length,
+					icon: /* @__PURE__ */ E(f, { size: 18 })
+				}),
+				/* @__PURE__ */ E(x, {
+					size: "sm",
+					label: "Alerts",
+					value: N.length,
+					changeType: N.length > 0 ? "negative" : "neutral"
+				})
+			]
+		}), /* @__PURE__ */ D("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ E("div", {
+				className: "lg:col-span-2",
+				children: P === "map" ? /* @__PURE__ */ E(i, {
+					className: "h-[600px]",
+					children: /* @__PURE__ */ E(a, {
+						className: "p-0 h-full",
+						children: /* @__PURE__ */ E("div", {
+							className: "w-full h-full bg-muted rounded-lg flex items-center justify-center",
+							children: /* @__PURE__ */ D("div", {
+								className: "text-center text-muted-foreground",
+								children: [
+									/* @__PURE__ */ E(f, {
+										size: 64,
+										className: "mx-auto mb-4 opacity-50"
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-lg font-medium",
+										children: "Map View"
+									}),
+									/* @__PURE__ */ D("p", {
+										className: "text-sm",
+										children: [
+											"Interactive map showing ",
+											A.length,
+											" active deliveries"
+										]
+									}),
+									/* @__PURE__ */ E("p", {
+										className: "text-xs mt-2",
+										children: "(Map integration with Mapbox/Google Maps would go here)"
+									})
+								]
+							})
+						})
+					})
+				}) : /* @__PURE__ */ D(i, { children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ E(o, { children: "Active Deliveries" }) }), /* @__PURE__ */ E(a, {
+					className: "p-0",
+					children: /* @__PURE__ */ E(t, {
+						className: "h-[550px]",
+						children: /* @__PURE__ */ D("div", {
+							className: "divide-y",
+							children: [A.map((e) => e.order ? /* @__PURE__ */ E("div", {
+								className: `p-4 hover:bg-muted/50 cursor-pointer transition-colors ${I === e.order.id ? "bg-muted/50" : ""}`,
+								onClick: () => L(e.order.id),
+								children: /* @__PURE__ */ D("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ D("div", { children: [
+										/* @__PURE__ */ D("div", {
+											className: "flex items-center gap-2 mb-1",
+											children: [/* @__PURE__ */ E("span", {
+												className: "font-medium",
+												children: e.order.orderNumber
+											}), /* @__PURE__ */ E(S, {
+												status: e.order.status,
+												type: "order",
+												size: "sm"
+											})]
+										}),
+										/* @__PURE__ */ E("p", {
+											className: "text-sm text-muted-foreground",
+											children: e.order.customerInfo.name
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "text-sm text-muted-foreground",
+											children: [e.driver?.fullName || "Unassigned", e.vehicle && ` - ${e.vehicle.vehicleNumber}`]
+										})
+									] }), /* @__PURE__ */ D("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ D("p", {
+											className: "text-sm font-medium",
+											children: [
+												"ETA:",
+												" ",
+												e.estimatedArrival ? C(e.estimatedArrival, "time") : "N/A"
+											]
+										}), /* @__PURE__ */ E("p", {
+											className: "text-xs text-muted-foreground",
+											children: e.tracking?.currentLocation.address || "Location updating..."
+										})]
+									})]
+								})
+							}, e.order.id) : null), A.length === 0 && /* @__PURE__ */ E("div", {
+								className: "p-8 text-center text-muted-foreground",
+								children: "No active deliveries"
+							})]
+						})
+					})
+				})] })
+			}), /* @__PURE__ */ D("div", {
+				className: "space-y-6",
+				children: [
+					z ? /* @__PURE__ */ D(i, { children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ D("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ E(o, { children: "Delivery Details" }), /* @__PURE__ */ E(d, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => L(null),
+							children: "Clear"
+						})]
+					}) }), /* @__PURE__ */ D(a, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Order"
+							}), /* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: z.order?.orderNumber ?? "-"
+							})] }),
+							/* @__PURE__ */ D("div", { children: [
+								/* @__PURE__ */ E("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Customer"
+								}),
+								/* @__PURE__ */ E("p", {
+									className: "font-medium",
+									children: z.order?.customerInfo.name ?? "-"
+								}),
+								/* @__PURE__ */ E("p", {
+									className: "text-sm text-muted-foreground",
+									children: z.order?.customerInfo.phone ?? "-"
+								})
+							] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Driver"
+							}), /* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: z.driver?.fullName || "Unassigned"
+							})] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Vehicle"
+							}), /* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: z.vehicle ? `${z.vehicle.vehicleNumber} - ${z.vehicle.make} ${z.vehicle.model}` : "Not assigned"
+							})] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Current Location"
+							}), /* @__PURE__ */ E("p", {
+								className: "text-sm",
+								children: z.tracking?.currentLocation.address || "Updating..."
+							})] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Estimated Arrival"
+							}), /* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: z.estimatedArrival ? C(z.estimatedArrival, "full") : "Calculating..."
+							})] }),
+							/* @__PURE__ */ D("div", {
+								className: "pt-2 space-y-2",
+								children: [/* @__PURE__ */ E(d, {
+									className: "w-full",
+									onClick: () => z.order && R(`orders/${z.order.id}`),
+									disabled: !z.order,
+									children: "View Order"
+								}), /* @__PURE__ */ E(d, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => z.order && R(`tracking?order=${z.order.id}`),
+									disabled: !z.order,
+									children: "Track Details"
+								})]
+							})
+						]
+					})] }) : /* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(a, {
+						className: "p-8 text-center text-muted-foreground",
+						children: [/* @__PURE__ */ E(f, {
+							size: 32,
+							className: "mx-auto mb-2 opacity-50"
+						}), /* @__PURE__ */ E("p", { children: "Select a delivery to see details" })]
+					}) }),
+					/* @__PURE__ */ D(i, { children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ D(o, {
+						className: "flex items-center gap-2",
+						children: ["Alerts", N.length > 0 && /* @__PURE__ */ E(u, {
+							variant: "destructive",
+							children: N.length
+						})]
+					}) }), /* @__PURE__ */ E(a, { children: N.length > 0 ? /* @__PURE__ */ E("div", {
+						className: "space-y-3",
+						children: N.slice(0, 5).map((e) => /* @__PURE__ */ D("div", {
+							className: `p-3 rounded-lg text-sm ${e.severity === "critical" || e.severity === "high" ? "bg-red-50 dark:bg-red-900/20" : "bg-yellow-50 dark:bg-yellow-900/20"}`,
+							children: [/* @__PURE__ */ E("p", {
+								className: "font-medium",
+								children: e.message
+							}), /* @__PURE__ */ E("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: C(e.timestamp, "relative")
+							})]
+						}, e.id))
+					}) : /* @__PURE__ */ E("div", {
+						className: "text-center text-muted-foreground py-4",
+						children: /* @__PURE__ */ E("p", {
+							className: "text-sm",
+							children: "No active alerts"
+						})
+					}) })] }),
+					/* @__PURE__ */ D(i, { children: [/* @__PURE__ */ E(s, { children: /* @__PURE__ */ E(o, { children: "Quick Actions" }) }), /* @__PURE__ */ D(a, {
+						className: "space-y-2",
+						children: [
+							/* @__PURE__ */ D(d, {
+								variant: "outline",
+								className: "w-full",
+								onClick: () => R("orders/new"),
+								children: [/* @__PURE__ */ E(m, { size: 16 }), "Create Order"]
+							}),
+							/* @__PURE__ */ D(d, {
+								variant: "outline",
+								className: "w-full",
+								onClick: () => R("routes"),
+								children: [/* @__PURE__ */ E(f, { size: 16 }), "Manage Routes"]
+							}),
+							/* @__PURE__ */ D(d, {
+								variant: "outline",
+								className: "w-full",
+								onClick: () => R("fleet"),
+								children: [/* @__PURE__ */ E(g, { size: 16 }), "Fleet Status"]
+							})
+						]
+					})] })
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { k as default };