@burdenoff/microfe-movethewheels 2026.625.1 → 2026.626.2

package/dist/LiveTrackingPage-DQ1q4Id3.js

@@ -0,0 +1,375 @@
+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, t as d, u as f } from "./PageLayout-D3N8MCTm.js";
+import { t as p } from "./map-pin-BSaf5IDL.js";
+import { t as m } from "./map-_Per4sT9.js";
+import { t as h } from "./package-BE7U0wQE.js";
+import { t as g } from "./refresh-cw-CWfERAit.js";
+import { t as _ } from "./truck-CtDjNFbi.js";
+import { r as v } from "./graphqlClient-CdJyR_ed.js";
+import { o as y, r as b } from "./useTracking-De2KIUNu.js";
+import { r as x, t as S } from "./MetricCard-B7yMyvMX.js";
+import { r as C } from "./StatusBadge-CijYQXtb.js";
+import { r as w } from "./formatters-_vJlC-47.js";
+import { t as T } from "./navigation-BgnOfsVd.js";
+import { useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as k, NextSteps as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+//#region node_modules/lucide-react/dist/esm/icons/list.js
+var M = 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 N() {
+	let { basePath: l, navigate: N } = v(), { activeDeliveries: P, isLoading: F, refetch: I } = b(), { unacknowledgedAlerts: L } = y(), [R, z] = E("map"), [B, V] = E(null), H = (e) => {
+		N && N(T(l, e));
+	}, U = B ? P.find((e) => e.order?.id === B) : null;
+	return /* @__PURE__ */ O(c, {
+		title: "Live Tracking",
+		subtitle: `${P.length} active deliveries`,
+		icon: /* @__PURE__ */ D(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ O("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ O(f, {
+				variant: "outline",
+				onClick: I,
+				disabled: F,
+				children: [/* @__PURE__ */ D(g, {
+					size: 16,
+					className: F ? "animate-spin" : ""
+				}), "Refresh"]
+			}), /* @__PURE__ */ D(e, {
+				value: R,
+				onValueChange: (e) => z(e),
+				children: /* @__PURE__ */ O(n, { children: [/* @__PURE__ */ D(r, {
+					value: "map",
+					children: /* @__PURE__ */ D(m, { size: 16 })
+				}), /* @__PURE__ */ D(r, {
+					value: "list",
+					children: /* @__PURE__ */ D(M, { size: 16 })
+				})] })
+			})]
+		}),
+		children: [
+			/* @__PURE__ */ D(j, {
+				icon: /* @__PURE__ */ D(p, { size: 18 }),
+				children: "A real-time operations board for every delivery currently on the road. Watch where drivers are, which orders are out for delivery, and react to alerts — switch to the map for a bird's-eye view or the list to drill into a single shipment."
+			}),
+			/* @__PURE__ */ D(A, {
+				storageKey: "movethewheels-live-tracking",
+				steps: [
+					{
+						id: "select",
+						label: "Open a delivery",
+						description: "Switch to the list and pick a shipment to see full details.",
+						icon: /* @__PURE__ */ D(M, { size: 16 }),
+						onClick: () => z("list")
+					},
+					{
+						id: "alerts",
+						label: "Clear outstanding alerts",
+						description: "Review delays and exceptions that need attention.",
+						icon: /* @__PURE__ */ D(_, { size: 16 }),
+						done: L.length === 0,
+						onClick: () => z("list")
+					},
+					{
+						id: "new-order",
+						label: "Create another order",
+						description: "Add a new delivery to the pipeline.",
+						icon: /* @__PURE__ */ D(h, { size: 16 }),
+						onClick: () => H("orders/new")
+					}
+				]
+			}),
+			/* @__PURE__ */ O(x, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ D(S, {
+						size: "sm",
+						label: "Active Deliveries",
+						value: P.length,
+						icon: /* @__PURE__ */ D(_, { size: 18 })
+					}),
+					/* @__PURE__ */ D(S, {
+						size: "sm",
+						label: "In Transit",
+						value: P.filter((e) => e.order?.status === "in_transit").length,
+						icon: /* @__PURE__ */ D(h, { size: 18 })
+					}),
+					/* @__PURE__ */ D(S, {
+						size: "sm",
+						label: "Out for Delivery",
+						value: P.filter((e) => e.order?.status === "out_for_delivery").length,
+						icon: /* @__PURE__ */ D(p, { size: 18 })
+					}),
+					/* @__PURE__ */ D(S, {
+						size: "sm",
+						label: "Alerts",
+						value: L.length,
+						changeType: L.length > 0 ? "negative" : "neutral"
+					})
+				]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ D("div", {
+					className: "lg:col-span-2",
+					children: R === "map" ? /* @__PURE__ */ D(i, {
+						className: "h-[600px]",
+						children: /* @__PURE__ */ D(a, {
+							className: "p-0 h-full",
+							children: /* @__PURE__ */ D("div", {
+								className: "w-full h-full bg-bg-sunken rounded-lg flex items-center justify-center",
+								children: /* @__PURE__ */ O("div", {
+									className: "text-center text-text-secondary",
+									children: [
+										/* @__PURE__ */ D(p, {
+											size: 64,
+											className: "mx-auto mb-4 opacity-50"
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "text-lg font-medium",
+											children: "Map View"
+										}),
+										/* @__PURE__ */ O("p", {
+											className: "text-sm",
+											children: [
+												"Interactive map showing ",
+												P.length,
+												" active deliveries"
+											]
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "text-xs mt-2",
+											children: "(Map integration with Mapbox/Google Maps would go here)"
+										})
+									]
+								})
+							})
+						})
+					}) : /* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ D(o, { children: "Active Deliveries" }) }), /* @__PURE__ */ D(a, {
+						className: "p-0",
+						children: /* @__PURE__ */ D(t, {
+							className: "h-[550px]",
+							children: /* @__PURE__ */ O("div", {
+								className: "divide-y",
+								children: [P.map((e) => e.order ? /* @__PURE__ */ D("div", {
+									className: `p-4 hover:bg-bg-sunken/50 cursor-pointer transition-colors ${B === e.order.id ? "bg-bg-sunken/50" : ""}`,
+									onClick: () => V(e.order.id),
+									children: /* @__PURE__ */ O("div", {
+										className: "flex items-start justify-between",
+										children: [/* @__PURE__ */ O("div", { children: [
+											/* @__PURE__ */ O("div", {
+												className: "flex items-center gap-2 mb-1",
+												children: [/* @__PURE__ */ D("span", {
+													className: "font-medium",
+													children: e.order.orderNumber
+												}), /* @__PURE__ */ D(C, {
+													status: e.order.status,
+													type: "order",
+													size: "sm"
+												})]
+											}),
+											/* @__PURE__ */ D("p", {
+												className: "text-sm text-text-secondary",
+												children: e.order.customerInfo.name
+											}),
+											/* @__PURE__ */ O("p", {
+												className: "text-sm text-text-secondary",
+												children: [e.driver?.fullName || "Unassigned", e.vehicle && ` - ${e.vehicle.vehicleNumber}`]
+											})
+										] }), /* @__PURE__ */ O("div", {
+											className: "text-right",
+											children: [/* @__PURE__ */ O("p", {
+												className: "text-sm font-medium",
+												children: [
+													"ETA:",
+													" ",
+													e.estimatedArrival ? w(e.estimatedArrival, "time") : "N/A"
+												]
+											}), /* @__PURE__ */ D("p", {
+												className: "text-xs text-text-secondary",
+												children: e.tracking?.currentLocation.address || "Location updating..."
+											})]
+										})]
+									})
+								}, e.order.id) : null), P.length === 0 && /* @__PURE__ */ D(d, {
+									illustration: "empty-sessions",
+									title: "No active deliveries",
+									description: "When orders are dispatched they'll appear here in real time."
+								})]
+							})
+						})
+					})] })
+				}), /* @__PURE__ */ O("div", {
+					className: "space-y-6",
+					children: [
+						U ? /* @__PURE__ */ O(k, {
+							className: "space-y-4",
+							children: [/* @__PURE__ */ O("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ D("h2", {
+									className: "text-base font-semibold text-text-primary",
+									children: "Delivery Details"
+								}), /* @__PURE__ */ D(f, {
+									variant: "ghost",
+									size: "sm",
+									onClick: () => V(null),
+									children: "Clear"
+								})]
+							}), /* @__PURE__ */ O("div", {
+								className: "space-y-4",
+								children: [
+									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										className: "text-sm text-text-secondary",
+										children: "Order"
+									}), /* @__PURE__ */ D("p", {
+										className: "font-medium",
+										children: U.order?.orderNumber ?? "-"
+									})] }),
+									/* @__PURE__ */ O("div", { children: [
+										/* @__PURE__ */ D("p", {
+											className: "text-sm text-text-secondary",
+											children: "Customer"
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "font-medium",
+											children: U.order?.customerInfo.name ?? "-"
+										}),
+										/* @__PURE__ */ D("p", {
+											className: "text-sm text-text-secondary",
+											children: U.order?.customerInfo.phone ?? "-"
+										})
+									] }),
+									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										className: "text-sm text-text-secondary",
+										children: "Driver"
+									}), /* @__PURE__ */ D("p", {
+										className: "font-medium",
+										children: U.driver?.fullName || "Unassigned"
+									})] }),
+									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										className: "text-sm text-text-secondary",
+										children: "Vehicle"
+									}), /* @__PURE__ */ D("p", {
+										className: "font-medium",
+										children: U.vehicle ? `${U.vehicle.vehicleNumber} - ${U.vehicle.make} ${U.vehicle.model}` : "Not assigned"
+									})] }),
+									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										className: "text-sm text-text-secondary",
+										children: "Current Location"
+									}), /* @__PURE__ */ D("p", {
+										className: "text-sm",
+										children: U.tracking?.currentLocation.address || "Updating..."
+									})] }),
+									/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+										className: "text-sm text-text-secondary",
+										children: "Estimated Arrival"
+									}), /* @__PURE__ */ D("p", {
+										className: "font-medium",
+										children: U.estimatedArrival ? w(U.estimatedArrival, "full") : "Calculating..."
+									})] }),
+									/* @__PURE__ */ O("div", {
+										className: "pt-2 space-y-2",
+										children: [/* @__PURE__ */ D(f, {
+											className: "w-full",
+											onClick: () => U.order && H(`orders/${U.order.id}`),
+											disabled: !U.order,
+											children: "View Order"
+										}), /* @__PURE__ */ D(f, {
+											variant: "outline",
+											className: "w-full",
+											onClick: () => U.order && H(`tracking?order=${U.order.id}`),
+											disabled: !U.order,
+											children: "Track Details"
+										})]
+									})
+								]
+							})]
+						}) : /* @__PURE__ */ D(i, { children: /* @__PURE__ */ D(a, {
+							className: "p-6",
+							children: /* @__PURE__ */ D(d, {
+								illustration: "empty-generic",
+								title: "No delivery selected",
+								description: "Pick a delivery from the list to see its driver, vehicle, ETA and live location."
+							})
+						}) }),
+						/* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ O(o, {
+							className: "flex items-center gap-2",
+							children: ["Alerts", L.length > 0 && /* @__PURE__ */ D(u, {
+								variant: "destructive",
+								children: L.length
+							})]
+						}) }), /* @__PURE__ */ D(a, { children: L.length > 0 ? /* @__PURE__ */ D("div", {
+							className: "space-y-3",
+							children: L.slice(0, 5).map((e) => /* @__PURE__ */ O("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__ */ D("p", {
+									className: "font-medium",
+									children: e.message
+								}), /* @__PURE__ */ D("p", {
+									className: "text-xs text-text-secondary mt-1",
+									children: w(e.timestamp, "relative")
+								})]
+							}, e.id))
+						}) : /* @__PURE__ */ D("div", {
+							className: "text-center text-text-secondary py-4",
+							children: /* @__PURE__ */ D("p", {
+								className: "text-sm",
+								children: "No active alerts"
+							})
+						}) })] }),
+						/* @__PURE__ */ O(i, { children: [/* @__PURE__ */ D(s, { children: /* @__PURE__ */ D(o, { children: "Quick Actions" }) }), /* @__PURE__ */ O(a, {
+							className: "space-y-2",
+							children: [
+								/* @__PURE__ */ O(f, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => H("orders/new"),
+									children: [/* @__PURE__ */ D(h, { size: 16 }), "Create Order"]
+								}),
+								/* @__PURE__ */ O(f, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => H("routes"),
+									children: [/* @__PURE__ */ D(p, { size: 16 }), "Manage Routes"]
+								}),
+								/* @__PURE__ */ O(f, {
+									variant: "outline",
+									className: "w-full",
+									onClick: () => H("fleet"),
+									children: [/* @__PURE__ */ D(_, { size: 16 }), "Fleet Status"]
+								})
+							]
+						})] })
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { N as default };

package/dist/MarketplacePage-DKrXAv62.js

@@ -0,0 +1,219 @@
+import { A as e, d as t, f as n, g as r, h as i, i as a, l as o, u as s } from "./PageLayout-D3N8MCTm.js";
+import { t as c } from "./clock-BjkdnddD.js";
+import { t as l } from "./filter-Da5OZaHI.js";
+import { t as u } from "./map-pin-BSaf5IDL.js";
+import { t as d } from "./search-OxoIiL_C.js";
+import { t as f } from "./star-YsVV3MNQ.js";
+import { t as p } from "./store-RCBl7HB-.js";
+import { r as m, t as h } from "./graphqlClient-CdJyR_ed.js";
+import { n as g } from "./formatters-_vJlC-47.js";
+import { useCallback as _, useEffect as v, useMemo as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, IllustratedEmptyState as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/pages/MarketplacePage.tsx
+var E = "\n  query ListServiceProviders($filter: ServiceProviderFilterInput, $pagination: PaginationInput) {\n    serviceProviders(filter: $filter, pagination: $pagination) {\n      id\n      name\n      type\n      description\n      rating\n      isVerified\n      isActive\n      services\n      contactInfo\n    }\n  }\n", D = "\n  query ListServiceOfferings($filter: ServiceOfferingFilterInput, $pagination: PaginationInput) {\n    serviceOfferings(filter: $filter, pagination: $pagination) {\n      id\n      providerId\n      name\n      description\n      category\n      price\n      currency\n      availability\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n";
+function O() {
+	let { apiGatewayUrl: O, authToken: k, workspaceToken: A, workspaceId: j, tenantId: M, currentUser: N } = m(), [P, F] = b([]), [I, L] = b([]), [R, z] = b(""), B = y(() => ({
+		apiGatewayUrl: O,
+		authToken: k,
+		workspaceToken: A,
+		workspaceId: j,
+		tenantId: M,
+		actorId: N?.id
+	}), [
+		O,
+		k,
+		A,
+		j,
+		M,
+		N?.id
+	]), V = _(async () => {
+		let [e, t] = await Promise.all([h(B, E, { pagination: {
+			limit: 200,
+			offset: 0
+		} }), h(B, D, { pagination: {
+			limit: 200,
+			offset: 0
+		} })]);
+		F(e.serviceProviders), L(t.serviceOfferings);
+	}, [B]);
+	v(() => {
+		V();
+	}, [V]);
+	let H = y(() => {
+		let e = R.trim().toLowerCase();
+		return e ? P.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || t.type.toLowerCase().includes(e)) : P;
+	}, [P, R]), U = y(() => {
+		let e = R.trim().toLowerCase();
+		return e ? I.filter((t) => t.name.toLowerCase().includes(e) || (t.description ?? "").toLowerCase().includes(e) || (t.category ?? "").toLowerCase().includes(e)) : I;
+	}, [I, R]);
+	return /* @__PURE__ */ S(a, {
+		title: "Marketplace",
+		subtitle: "Find logistics service providers",
+		icon: /* @__PURE__ */ x(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ S(s, {
+			variant: "outline",
+			children: [/* @__PURE__ */ x(l, { size: 16 }), " Filters"]
+		}),
+		children: [
+			/* @__PURE__ */ x(T, {
+				icon: /* @__PURE__ */ x(p, { size: 18 }),
+				children: "Don't own every leg of the journey? Find vetted third-party logistics providers and service offerings here — compare ratings, verification status and pricing, then engage a partner to cover routes, warehousing or specialised handling you can't do in-house."
+			}),
+			/* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(n, {
+				className: "p-4",
+				children: /* @__PURE__ */ S("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ x(d, {
+						className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-secondary",
+						size: 20
+					}), /* @__PURE__ */ x(e, {
+						placeholder: "Search services, providers, locations...",
+						className: "pl-10",
+						value: R,
+						onChange: (e) => z(e.target.value)
+					})]
+				})
+			}) }),
+			/* @__PURE__ */ S("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ S("div", {
+					className: "lg:col-span-2 space-y-4",
+					children: [
+						/* @__PURE__ */ S("h3", {
+							className: "font-semibold",
+							children: [
+								"Service Providers (",
+								H.length,
+								")"
+							]
+						}),
+						H.length === 0 && /* @__PURE__ */ x(t, { children: /* @__PURE__ */ x(n, {
+							className: "p-0",
+							children: /* @__PURE__ */ x(w, {
+								illustration: R.trim() ? "empty-search" : "empty-people",
+								title: R.trim() ? "No providers match your search" : "No providers yet",
+								description: R.trim() ? "Try a different search term to find logistics partners." : "Verified logistics service providers will appear here as they join the marketplace."
+							})
+						}) }),
+						H.map((e) => /* @__PURE__ */ x(t, {
+							className: "hover:shadow-md transition-shadow cursor-pointer",
+							children: /* @__PURE__ */ x(n, {
+								className: "p-6",
+								children: /* @__PURE__ */ S("div", {
+									className: "flex items-start justify-between",
+									children: [/* @__PURE__ */ S("div", { children: [
+										/* @__PURE__ */ S("div", {
+											className: "flex items-center gap-2",
+											children: [
+												/* @__PURE__ */ x("h4", {
+													className: "font-semibold text-lg",
+													children: e.name
+												}),
+												e.isVerified && /* @__PURE__ */ x(o, {
+													variant: "default",
+													children: "Verified"
+												}),
+												/* @__PURE__ */ x(o, {
+													variant: e.isActive ? "default" : "secondary",
+													children: e.isActive ? "active" : "inactive"
+												})
+											]
+										}),
+										/* @__PURE__ */ x("p", {
+											className: "text-text-secondary mt-1",
+											children: e.description
+										}),
+										/* @__PURE__ */ S("div", {
+											className: "flex items-center gap-4 mt-3 text-sm text-text-secondary",
+											children: [
+												/* @__PURE__ */ S("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ x(f, {
+															size: 14,
+															className: "text-yellow-500 fill-yellow-500"
+														}),
+														" ",
+														e.rating ?? 0
+													]
+												}),
+												/* @__PURE__ */ S("span", {
+													className: "flex items-center gap-1",
+													children: [
+														/* @__PURE__ */ x(u, { size: 14 }),
+														" ",
+														e.type
+													]
+												}),
+												/* @__PURE__ */ S("span", {
+													className: "flex items-center gap-1",
+													children: [/* @__PURE__ */ x(c, { size: 14 }), " Listed"]
+												})
+											]
+										})
+									] }), /* @__PURE__ */ S("div", {
+										className: "text-right",
+										children: [/* @__PURE__ */ x("p", {
+											className: "text-sm text-text-secondary",
+											children: "Services"
+										}), /* @__PURE__ */ x("p", {
+											className: "text-lg font-bold",
+											children: Array.isArray(e.services) ? e.services.length : 0
+										})]
+									})]
+								})
+							})
+						}, e.id))
+					]
+				}), /* @__PURE__ */ S(C, {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ x("h3", {
+							className: "text-base font-semibold text-text-primary",
+							children: "Popular Services"
+						}),
+						U.length === 0 && /* @__PURE__ */ x(w, {
+							illustration: R.trim() ? "empty-search" : "empty-generic",
+							title: R.trim() ? "No matching services" : "No services listed yet",
+							description: R.trim() ? "Adjust your search to discover service offerings." : "Service offerings from providers will be listed here."
+						}),
+						U.map((e) => /* @__PURE__ */ S(t, { children: [/* @__PURE__ */ x(i, { children: /* @__PURE__ */ x(r, {
+							className: "text-base",
+							children: e.name
+						}) }), /* @__PURE__ */ S(n, { children: [
+							/* @__PURE__ */ x("p", {
+								className: "text-sm text-text-secondary mb-3",
+								children: e.description
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "flex flex-wrap gap-1 mb-3",
+								children: [/* @__PURE__ */ x(o, {
+									variant: "outline",
+									className: "text-xs",
+									children: e.category ?? "general"
+								}), /* @__PURE__ */ x(o, {
+									variant: "outline",
+									className: "text-xs",
+									children: e.provider?.name ?? "provider"
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ x("span", {
+									className: "font-bold",
+									children: g(e.price)
+								}), /* @__PURE__ */ x("span", {
+									className: "text-sm text-text-secondary",
+									children: e.currency
+								})]
+							})
+						] })] }, e.id))
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { O as default };