@burdenoff/microfe-movethewheels 2026.704.1 → 2026.710.1

package/dist/{TrackingPage-Cg0tYGJe.js → pages/TrackingPage.js}

@@ -1,16 +1,20 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, lt as o, st as s, t as c, u as l } from "./PageLayout-j9Zw3wBN.js";
-import { t as u } from "./circle-alert-CtBm6oIb.js";
-import { t as d } from "./circle-check-big-H5pLiMBW.js";
-import { t as f } from "./clock-B4-qjGuB.js";
-import { t as p } from "./map-pin-BISLzLwb.js";
-import { t as m } from "./package-UyaWiALC.js";
-import { t as h } from "./search-C3YRxW9e.js";
-import { t as g } from "./truck-DxhtLfkG.js";
-import { i as _ } from "./useTracking-7nd_XOSL.js";
-import { t as v } from "./maps-CtfuCAmh.js";
-import { r as y } from "./StatusBadge-BfiF-nNI.js";
-import { r as b, t as x } from "./formatters-FWJDwTFv.js";
-import { n as S } from "./mapMarkers-NCV9MRKR.js";
+import { CircleAlert as e } from "../node_modules/lucide-react/dist/esm/icons/circle-alert.js";
+import { CircleCheckBig as t } from "../node_modules/lucide-react/dist/esm/icons/circle-check-big.js";
+import { Clock as n } from "../node_modules/lucide-react/dist/esm/icons/clock.js";
+import { MapPin as r } from "../node_modules/lucide-react/dist/esm/icons/map-pin.js";
+import { Package as i } from "../node_modules/lucide-react/dist/esm/icons/package.js";
+import { Search as a } from "../node_modules/lucide-react/dist/esm/icons/search.js";
+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 "../components/maps/index.js";
+import { StatusBadge as y } from "../components/StatusBadge.js";
+import { formatAddress as b, formatDate as x } from "../utils/formatters.js";
+import { firstRealLatLng as S } from "../utils/mapMarkers.js";
 import { useMemo as C, useState as w } from "react";
 import { useSearchParams as T } from "react-router-dom";
 import { jsx as E, jsxs as D } from "react/jsx-runtime";
@@ -21,10 +25,10 @@ function j() {
 	let { t: j } = A(), M = (e, t) => {
 		let n = j(e);
 		return n === e ? t : n;
-	}, { basePath: N, navigate: P } = s(), [F] = T(), I = F.get("order") || "", [L, R] = w(I), [z, B] = w(I), { tracking: V, order: H, isLoading: U, error: W } = _(z || void 0), G = (e) => {
+	}, { basePath: N, navigate: P } = c(), [F] = T(), I = F.get("order") || "", [L, R] = w(I), [z, B] = w(I), { tracking: V, order: H, isLoading: U, error: W } = l(z || void 0), G = (e) => {
 		e.preventDefault(), B(L);
 	}, K = (e) => {
-		P && P(o(N, e));
+		P && P(s(N, e));
 	}, q = C(() => {
 		if (!H) return null;
 		let e = S(H.pickupAddress), t = S(H.deliveryAddress), n = e ? {
@@ -52,34 +56,34 @@ function j() {
 			hasAny: !!(n || r || o || i.length > 0)
 		};
 	}, [H, V]);
-	return /* @__PURE__ */ D(a, {
+	return /* @__PURE__ */ D(_, {
 		title: M("movethewheels.tracking.title", "Track Shipment"),
 		subtitle: M("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
-		icon: /* @__PURE__ */ E(p, { size: 24 }),
-		headerActions: /* @__PURE__ */ D(l, {
+		icon: /* @__PURE__ */ E(r, { size: 24 }),
+		headerActions: /* @__PURE__ */ D(u, {
 			variant: "outline",
 			onClick: () => K("tracking/live"),
-			children: [/* @__PURE__ */ E(p, { size: 16 }), M("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+			children: [/* @__PURE__ */ E(r, { size: 16 }), M("movethewheels.tracking.actions.liveMapView", "Live Map View")]
 		}),
 		children: [
 			/* @__PURE__ */ E(k, {
-				icon: /* @__PURE__ */ E(p, { size: 18 }),
+				icon: /* @__PURE__ */ E(r, { size: 18 }),
 				children: M("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__ */ E(t, { children: /* @__PURE__ */ E(n, {
+			/* @__PURE__ */ E(d, { children: /* @__PURE__ */ E(f, {
 				className: "p-6",
 				children: /* @__PURE__ */ D("form", {
 					onSubmit: G,
 					className: "flex gap-4",
 					children: [/* @__PURE__ */ D("div", {
 						className: "flex-1 relative",
-						children: [/* @__PURE__ */ E(h, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ E(e, {
+						children: [/* @__PURE__ */ E(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ E(h, {
 							value: L,
 							onChange: (e) => R(e.target.value),
 							placeholder: M("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
 							className: "pl-10 h-12 text-lg"
 						})]
-					}), /* @__PURE__ */ E(l, {
+					}), /* @__PURE__ */ E(u, {
 						type: "submit",
 						size: "lg",
 						disabled: !L || U,
@@ -87,13 +91,13 @@ function j() {
 					})]
 				})
 			}) }),
-			W && /* @__PURE__ */ E(t, {
+			W && /* @__PURE__ */ E(d, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ E(n, {
+				children: /* @__PURE__ */ E(f, {
 					className: "p-6",
 					children: /* @__PURE__ */ D("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ E(u, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+						children: [/* @__PURE__ */ E(e, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 							className: "font-medium text-status-error-text",
 							children: M("movethewheels.tracking.error.title", "Unable to find shipment")
 						}), /* @__PURE__ */ E("p", {
@@ -103,7 +107,7 @@ function j() {
 					})
 				})
 			}),
-			!z && !W && /* @__PURE__ */ E(c, {
+			!z && !W && /* @__PURE__ */ E(g, {
 				illustration: "onboarding",
 				title: M("movethewheels.tracking.empty.title", "Enter a tracking number"),
 				description: M("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
@@ -118,7 +122,7 @@ function j() {
 							children: [/* @__PURE__ */ D("h2", {
 								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ E(m, { size: 20 }),
+									/* @__PURE__ */ E(i, { size: 20 }),
 									M("movethewheels.tracking.orderLabel", "Order"),
 									" ",
 									H.orderNumber
@@ -142,7 +146,7 @@ function j() {
 									children: M("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
 								}), /* @__PURE__ */ E("p", {
 									className: "font-medium",
-									children: V.estimatedArrival ? b(V.estimatedArrival, "full") : H.scheduledDelivery ? b(H.scheduledDelivery, "full") : M("movethewheels.tracking.details.tbd", "TBD")
+									children: V.estimatedArrival ? x(V.estimatedArrival, "full") : H.scheduledDelivery ? x(H.scheduledDelivery, "full") : M("movethewheels.tracking.details.tbd", "TBD")
 								})] }),
 								/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
@@ -160,14 +164,14 @@ function j() {
 									children: M("movethewheels.tracking.details.lastUpdated", "Last Updated")
 								}), /* @__PURE__ */ E("p", {
 									className: "font-medium",
-									children: b(V.lastUpdated, "relative")
+									children: x(V.lastUpdated, "relative")
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
+						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(p, { size: 18 }), M("movethewheels.tracking.routeMap.title", "Route map")]
-						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(v, {
+							children: [/* @__PURE__ */ E(r, { size: 18 }), M("movethewheels.tracking.routeMap.title", "Route map")]
+						}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ E(v, {
 							className: "overflow-hidden rounded-lg border border-border-seam",
 							height: 320,
 							origin: q?.origin ?? null,
@@ -176,10 +180,10 @@ function j() {
 							current: q?.current ?? null,
 							emptyMessage: M("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
 						}) })] }),
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
+						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(f, { size: 18 }), M("movethewheels.tracking.progress.title", "Shipment Progress")]
-						}) }), /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ E(n, { size: 18 }), M("movethewheels.tracking.progress.title", "Shipment Progress")]
+						}) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E("div", {
 							className: "relative",
 							children: /* @__PURE__ */ E("div", {
 								className: "flex justify-between mb-4",
@@ -187,22 +191,22 @@ function j() {
 									{
 										status: "confirmed",
 										label: M("movethewheels.tracking.progress.confirmed", "Confirmed"),
-										icon: d
+										icon: t
 									},
 									{
 										status: "picked_up",
 										label: M("movethewheels.tracking.progress.pickedUp", "Picked Up"),
-										icon: m
+										icon: i
 									},
 									{
 										status: "in_transit",
 										label: M("movethewheels.tracking.progress.inTransit", "In Transit"),
-										icon: g
+										icon: o
 									},
 									{
 										status: "delivered",
 										label: M("movethewheels.tracking.progress.delivered", "Delivered"),
-										icon: p
+										icon: r
 									}
 								].map((e, t) => {
 									let n = [
@@ -254,7 +258,7 @@ function j() {
 												size: "sm"
 											}), /* @__PURE__ */ E("span", {
 												className: "text-sm text-text-secondary",
-												children: b(e.timestamp, "full")
+												children: x(e.timestamp, "full")
 											})]
 										}),
 										e.notes && /* @__PURE__ */ E("p", {
@@ -263,42 +267,42 @@ function j() {
 										}),
 										e.location && /* @__PURE__ */ D("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: [/* @__PURE__ */ E(p, {
+											children: [/* @__PURE__ */ E(r, {
 												size: 12,
 												className: "inline mr-1"
-											}), x(e.location)]
+											}), b(e.location)]
 										})
 									]
 								})]
 							}, t))
 						})] })] }),
-						V.alerts && V.alerts.length > 0 && /* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
+						V.alerts && V.alerts.length > 0 && /* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(u, { size: 18 }), M("movethewheels.tracking.alerts.title", "Alerts")]
-						}) }), /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ E(e, { size: 18 }), M("movethewheels.tracking.alerts.title", "Alerts")]
+						}) }), /* @__PURE__ */ E(f, { children: /* @__PURE__ */ E("div", {
 							className: "space-y-3",
-							children: V.alerts.map((e) => /* @__PURE__ */ D("div", {
-								className: `flex items-start gap-3 p-3 rounded-lg ${e.severity === "critical" ? "bg-status-error-bg-subtle" : (e.severity, "bg-status-warning-bg-subtle")}`,
-								children: [/* @__PURE__ */ E(u, {
+							children: V.alerts.map((t) => /* @__PURE__ */ D("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")}`,
+								children: [/* @__PURE__ */ E(e, {
 									size: 16,
-									className: e.severity === "critical" ? "text-status-error-text" : (e.severity, "text-status-warning-text")
+									className: t.severity === "critical" ? "text-status-error-text" : (t.severity, "text-status-warning-text")
 								}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "text-sm font-medium",
-									children: e.message
+									children: t.message
 								}), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
-									children: [b(e.timestamp, "relative"), e.resolvedAt && ` - ${M("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [x(t.timestamp, "relative"), t.resolvedAt && ` - ${M("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
-							}, e.id))
+							}, t.id))
 						}) })] })
 					]
 				}), /* @__PURE__ */ D("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ D(r, {
+						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ D(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ E(p, { size: 18 }), M("movethewheels.tracking.location.title", "Current Location")]
-						}) }), /* @__PURE__ */ D(n, { children: [
+							children: [/* @__PURE__ */ E(r, { size: 18 }), M("movethewheels.tracking.location.title", "Current Location")]
+						}) }), /* @__PURE__ */ D(f, { children: [
 							q?.current ? /* @__PURE__ */ E(v, {
 								className: "mb-4 overflow-hidden rounded-lg border border-border-seam",
 								height: 180,
@@ -307,7 +311,7 @@ function j() {
 								trail: q.trail
 							}) : /* @__PURE__ */ D("div", {
 								className: "mb-4 rounded-lg bg-bg-sunken p-4 text-center text-text-secondary",
-								children: [/* @__PURE__ */ E(p, {
+								children: [/* @__PURE__ */ E(r, {
 									size: 28,
 									className: "mx-auto mb-2 opacity-60"
 								}), /* @__PURE__ */ E("p", {
@@ -324,25 +328,25 @@ function j() {
 								children: [
 									M("movethewheels.tracking.location.updated", "Updated"),
 									" ",
-									b(V.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+									x(V.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
 								]
 							})
 						] })] }),
-						/* @__PURE__ */ D(t, { children: [/* @__PURE__ */ E(i, { children: /* @__PURE__ */ E(r, { children: M("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ D(n, { children: [/* @__PURE__ */ E("p", {
+						/* @__PURE__ */ D(d, { children: [/* @__PURE__ */ E(p, { children: /* @__PURE__ */ E(m, { children: M("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ D(f, { children: [/* @__PURE__ */ E("p", {
 							className: "text-sm",
 							children: H.customerInfo.name
 						}), /* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: x(H.deliveryAddress)
+							children: b(H.deliveryAddress)
 						})] })] }),
-						/* @__PURE__ */ E(t, { children: /* @__PURE__ */ D(n, {
+						/* @__PURE__ */ E(d, { children: /* @__PURE__ */ D(f, {
 							className: "p-4 space-y-2",
-							children: [/* @__PURE__ */ E(l, {
+							children: [/* @__PURE__ */ E(u, {
 								variant: "outline",
 								className: "w-full",
 								onClick: () => K(`orders/${H.id}`),
 								children: M("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
-							}), /* @__PURE__ */ E(l, {
+							}), /* @__PURE__ */ E(u, {
 								variant: "outline",
 								className: "w-full",
 								children: M("movethewheels.tracking.actions.contactDriver", "Contact Driver")
@@ -351,11 +355,11 @@ function j() {
 					]
 				})]
 			}),
-			z && !H && !U && !W && /* @__PURE__ */ E(c, {
+			z && !H && !U && !W && /* @__PURE__ */ E(g, {
 				illustration: "empty-search",
 				title: M("movethewheels.tracking.notFound.title", "Shipment not found"),
 				description: `${M("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${z}"`,
-				action: /* @__PURE__ */ E(l, {
+				action: /* @__PURE__ */ E(u, {
 					variant: "outline",
 					onClick: () => R(""),
 					children: M("movethewheels.tracking.notFound.tryAnother", "Try another number")