@burdenoff/microfe-movethewheels 2026.1031.3 → 2026.1031.4

package/dist/pages/TrackingPage.js

@@ -7,13 +7,13 @@ import { Search as a } from "../node_modules/lucide-react/dist/esm/icons/search.
 import { Truck as o } from "../node_modules/lucide-react/dist/esm/icons/truck.js";
 import { joinPath as s } from "../utils/navigation.js";
 import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
-import { useOrderTracking as l } from "../hooks/useTracking.js";
-import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Input as h } from "../components/ui.js";
-import { EmptyState as g, PageLayout as _ } from "../components/PageLayout.js";
-import { TrackingMap as v } from "../components/maps/TrackingMap.js";
+import { formatAddress as l, formatDate as u } from "../utils/formatters.js";
+import { useOrderTracking as d } from "../hooks/useTracking.js";
+import { Button as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g, Input as _ } from "../components/ui.js";
+import { EmptyState as v, PageLayout as y } from "../components/PageLayout.js";
+import { TrackingMap as b } from "../components/maps/TrackingMap.js";
 import "../components/maps/index.js";
-import { StatusBadge as y } from "../components/StatusBadge.js";
-import { formatAddress as b, formatDate as x } from "../utils/formatters.js";
+import { StatusBadge as x } from "../components/StatusBadge.js";
 import { firstRealLatLng as S } from "../utils/mapMarkers.js";
 import { ProofOfDeliveryCard as C } from "../components/ProofOfDeliveryCard.js";
 import { useMemo as w, useState as T } from "react";
@@ -26,7 +26,7 @@ function N() {
 	let { t: N } = A(), P = (e, t) => {
 		let n = N(e);
 		return n === e ? t : n;
-	}, { basePath: F, navigate: I } = c(), [L] = E(), R = L.get("order") || "", [z, B] = T(R), [V, H] = T(R), { tracking: U, order: W, isLoading: G, error: K } = l(V || void 0), q = (e) => {
+	}, { basePath: F, navigate: I } = c(), [L] = E(), R = L.get("order") || "", [z, B] = T(R), [V, H] = T(R), { tracking: U, order: W, isLoading: G, error: K } = d(V || void 0), q = (e) => {
 		e.preventDefault(), H(z);
 	}, J = (e) => {
 		I && I(s(F, e));
@@ -64,11 +64,11 @@ function N() {
 			hasAny: !!(n || r || c || o.length > 0)
 		};
 	}, [W, U]);
-	return /* @__PURE__ */ k(_, {
+	return /* @__PURE__ */ k(y, {
 		title: P("movethewheels.tracking.title", "Track Shipment"),
 		subtitle: P("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
 		icon: /* @__PURE__ */ O(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ k(u, {
+		headerActions: /* @__PURE__ */ k(f, {
 			variant: "outline",
 			onClick: () => J("tracking/live"),
 			children: [/* @__PURE__ */ O(r, { size: 16 }), P("movethewheels.tracking.actions.liveMapView", "Live Map View")]
@@ -78,20 +78,20 @@ function N() {
 				icon: /* @__PURE__ */ O(r, { size: 18 }),
 				children: P("movethewheels.tracking.purpose", "Look up any single shipment by its tracking number or order ID to see exactly where it is, its progress through pickup and delivery, the current location and any alerts — the same view you can share with a customer.")
 			}),
-			/* @__PURE__ */ O(d, { children: /* @__PURE__ */ O(f, {
+			/* @__PURE__ */ O(p, { children: /* @__PURE__ */ O(m, {
 				className: "p-6",
 				children: /* @__PURE__ */ k("form", {
 					onSubmit: q,
 					className: "flex flex-col gap-4 sm:flex-row",
 					children: [/* @__PURE__ */ k("div", {
 						className: "flex-1 relative",
-						children: [/* @__PURE__ */ O(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ O(h, {
+						children: [/* @__PURE__ */ O(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ O(_, {
 							value: z,
 							onChange: (e) => B(e.target.value),
 							placeholder: P("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
 							className: "pl-10 h-12 text-lg"
 						})]
-					}), /* @__PURE__ */ O(u, {
+					}), /* @__PURE__ */ O(f, {
 						type: "submit",
 						size: "lg",
 						className: "w-full sm:w-auto",
@@ -100,9 +100,9 @@ function N() {
 					})]
 				})
 			}) }),
-			K && /* @__PURE__ */ O(d, {
+			K && /* @__PURE__ */ O(p, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ O(f, {
+				children: /* @__PURE__ */ O(m, {
 					className: "p-6",
 					children: /* @__PURE__ */ k("div", {
 						className: "flex items-center gap-4",
@@ -116,14 +116,14 @@ function N() {
 					})
 				})
 			}),
-			!V && !K && /* @__PURE__ */ O(g, {
+			!V && !K && /* @__PURE__ */ O(v, {
 				illustration: "onboarding",
 				title: P("movethewheels.tracking.empty.title", "Enter a tracking number"),
 				description: P("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
 			}),
-			W && !U && /* @__PURE__ */ O(d, {
+			W && !U && /* @__PURE__ */ O(p, {
 				"data-testid": "tracking-empty-state",
-				children: /* @__PURE__ */ O(f, {
+				children: /* @__PURE__ */ O(m, {
 					className: "p-6 sm:p-8",
 					children: /* @__PURE__ */ k("div", {
 						className: "flex flex-col gap-6 sm:flex-row sm:items-start",
@@ -154,7 +154,7 @@ function N() {
 										/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 											className: "text-sm text-text-secondary",
 											children: P("movethewheels.tracking.emptyState.status", "Status")
-										}), /* @__PURE__ */ O(y, {
+										}), /* @__PURE__ */ O(x, {
 											status: W.status,
 											type: "order"
 										})] }),
@@ -198,7 +198,7 @@ function N() {
 									" ",
 									W.orderNumber
 								]
-							}), /* @__PURE__ */ O(y, {
+							}), /* @__PURE__ */ O(x, {
 								status: W.status,
 								type: "order"
 							})]
@@ -217,7 +217,7 @@ function N() {
 									children: P("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
 								}), /* @__PURE__ */ O("p", {
 									className: "font-medium",
-									children: U?.estimatedArrival ? x(U.estimatedArrival, "full") : W.scheduledDelivery ? x(W.scheduledDelivery, "full") : P("movethewheels.tracking.details.tbd", "TBD")
+									children: U?.estimatedArrival ? u(U.estimatedArrival, "full") : W.scheduledDelivery ? u(W.scheduledDelivery, "full") : P("movethewheels.tracking.details.tbd", "TBD")
 								})] }),
 								/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 									className: "text-sm text-text-secondary",
@@ -235,14 +235,14 @@ function N() {
 									children: P("movethewheels.tracking.details.lastUpdated", "Last Updated")
 								}), /* @__PURE__ */ O("p", {
 									className: "font-medium",
-									children: U?.lastUpdated ? x(U.lastUpdated, "relative") : P("movethewheels.tracking.details.noUpdates", "No tracking updates yet")
+									children: U?.lastUpdated ? u(U.lastUpdated, "relative") : P("movethewheels.tracking.details.noUpdates", "No tracking updates yet")
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ O(r, { size: 18 }), P("movethewheels.tracking.routeMap.title", "Route map")]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O(v, {
+						}) }), /* @__PURE__ */ O(m, { children: /* @__PURE__ */ O(b, {
 							className: "overflow-hidden rounded-lg border border-border-seam",
 							height: 320,
 							origin: Y?.origin ?? null,
@@ -251,10 +251,10 @@ function N() {
 							current: Y?.current ?? null,
 							emptyMessage: P("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
 						}) })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ O(n, { size: 18 }), P("movethewheels.tracking.progress.title", "Shipment Progress")]
-						}) }), /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O("div", {
+						}) }), /* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O("div", {
 							className: "relative",
 							children: /* @__PURE__ */ O("div", {
 								className: "flex justify-between mb-4",
@@ -323,13 +323,13 @@ function N() {
 									children: [
 										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ O(y, {
+											children: [/* @__PURE__ */ O(x, {
 												status: e.status,
 												type: "order",
 												size: "sm"
 											}), /* @__PURE__ */ O("span", {
 												className: "text-sm text-text-secondary",
-												children: x(e.timestamp, "full")
+												children: u(e.timestamp, "full")
 											})]
 										}),
 										e.notes && /* @__PURE__ */ O("p", {
@@ -341,16 +341,16 @@ function N() {
 											children: [/* @__PURE__ */ O(r, {
 												size: 12,
 												className: "inline mr-1"
-											}), b(e.location)]
+											}), l(e.location)]
 										})
 									]
 								})]
 							}, t))
 						})] })] }),
-						U?.alerts && U.alerts.length > 0 && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						U?.alerts && U.alerts.length > 0 && /* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ O(e, { size: 18 }), P("movethewheels.tracking.alerts.title", "Alerts")]
-						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("div", {
+						}) }), /* @__PURE__ */ O(m, { children: /* @__PURE__ */ O("div", {
 							className: "space-y-3",
 							children: U.alerts.map((t) => /* @__PURE__ */ k("div", {
 								className: `flex items-start gap-3 p-3 rounded-lg ${t.severity === "critical" ? "bg-status-error-bg-subtle" : (t.severity, "bg-status-warning-bg-subtle")}`,
@@ -362,7 +362,7 @@ function N() {
 									children: t.message
 								}), /* @__PURE__ */ k("p", {
 									className: "text-xs text-text-secondary",
-									children: [t.timestamp ? x(t.timestamp, "relative") : P("movethewheels.tracking.alerts.timeUnknown", "Time not recorded"), t.resolvedAt && ` - ${P("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [t.timestamp ? u(t.timestamp, "relative") : P("movethewheels.tracking.alerts.timeUnknown", "Time not recorded"), t.resolvedAt && ` - ${P("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
 							}, t.id))
 						}) })] })
@@ -370,10 +370,10 @@ function N() {
 				}), /* @__PURE__ */ k("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
+						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ k(g, {
 							className: "flex items-center gap-2",
 							children: [/* @__PURE__ */ O(r, { size: 18 }), P("movethewheels.tracking.location.title", "Current Location")]
-						}) }), /* @__PURE__ */ k(f, { children: [Y?.current ? /* @__PURE__ */ O(v, {
+						}) }), /* @__PURE__ */ k(m, { children: [Y?.current ? /* @__PURE__ */ O(b, {
 							className: "mb-4 overflow-hidden rounded-lg border border-border-seam",
 							height: 180,
 							current: Y.current,
@@ -396,7 +396,7 @@ function N() {
 							children: [
 								P("movethewheels.tracking.location.updated", "Updated"),
 								" ",
-								x(U.currentLocation.timestamp, "relative")
+								u(U.currentLocation.timestamp, "relative")
 							]
 						}) : /* @__PURE__ */ O("p", {
 							className: "text-xs text-text-secondary mt-1",
@@ -405,22 +405,22 @@ function N() {
 							className: "text-sm text-text-secondary",
 							children: P("movethewheels.tracking.location.unknown", "Location not recorded")
 						}) : null] })] }),
-						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ O(m, { children: P("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O("p", {
+						/* @__PURE__ */ k(p, { children: [/* @__PURE__ */ O(h, { children: /* @__PURE__ */ O(g, { children: P("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ k(m, { children: [/* @__PURE__ */ O("p", {
 							className: "text-sm",
 							children: W.customerInfo.name
 						}), /* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: b(W.deliveryAddress)
+							children: l(W.deliveryAddress)
 						})] })] }),
 						/* @__PURE__ */ O(C, { deliveryJobId: W.id }),
-						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
+						/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
 							className: "p-4 space-y-2",
-							children: [/* @__PURE__ */ O(u, {
+							children: [/* @__PURE__ */ O(f, {
 								variant: "outline",
 								className: "w-full",
 								onClick: () => J(`orders/${W.id}`),
 								children: P("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
-							}), /* @__PURE__ */ O(u, {
+							}), /* @__PURE__ */ O(f, {
 								variant: "outline",
 								className: "w-full",
 								children: P("movethewheels.tracking.actions.contactDriver", "Contact Driver")
@@ -429,11 +429,11 @@ function N() {
 					]
 				})]
 			}),
-			V && !W && !G && !K && /* @__PURE__ */ O(g, {
+			V && !W && !G && !K && /* @__PURE__ */ O(v, {
 				illustration: "empty-search",
 				title: P("movethewheels.tracking.notFound.title", "Shipment not found"),
 				description: `${P("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${V}"`,
-				action: /* @__PURE__ */ O(u, {
+				action: /* @__PURE__ */ O(f, {
 					variant: "outline",
 					onClick: () => B(""),
 					children: P("movethewheels.tracking.notFound.tryAnother", "Try another number")