@burdenoff/microfe-movethewheels 2026.924.2 → 2026.925.2

package/dist/pages/TrackingPage.js

@@ -18,195 +18,209 @@ 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";
 import { useSearchParams as E } from "react-router";
-import { jsx as D, jsxs as O } from "react/jsx-runtime";
-import { useI18n as k } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { EmphasisPanel as A, PagePurpose as j } from "@burdenoff/fe-libs/ui";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+import { useI18n as A } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmphasisPanel as j, PagePurpose as M } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/TrackingPage.tsx
-function M() {
-	let { t: M } = k(), N = (e, t) => {
-		let n = M(e);
+function N() {
+	let { t: N } = A(), P = (e, t) => {
+		let n = N(e);
 		return n === e ? t : n;
-	}, { basePath: P, navigate: F } = c(), [I] = E(), L = I.get("order") || "", [R, z] = T(L), [B, V] = T(L), { tracking: H, order: U, isLoading: W, error: G } = l(B || void 0), K = (e) => {
-		e.preventDefault(), V(R);
-	}, q = (e) => {
-		F && F(s(P, e));
-	}, J = w(() => {
-		if (!U) return null;
-		let e = S(U.pickupAddress), t = S(U.deliveryAddress), n = 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 } = l(V || void 0), q = (e) => {
+		e.preventDefault(), H(z);
+	}, J = (e) => {
+		I && I(s(F, e));
+	}, Y = w(() => {
+		if (!W) return null;
+		let e = S(W.pickupAddress), t = S(W.deliveryAddress), n = e ? {
 			...e,
-			label: `Pickup · ${U.pickupAddress.city || "Origin"}`
+			label: `Pickup · ${W.pickupAddress.city || "Origin"}`
 		} : null, r = t ? {
 			...t,
-			label: `Delivery · ${U.deliveryAddress.city || "Destination"}`
-		} : null, i = U.timeline.map((e) => {
+			label: `Delivery · ${W.deliveryAddress.city || "Destination"}`
+		} : null, i = (U?.locationHistory ?? []).map((e) => {
+			let t = S(e);
+			return t ? {
+				lat: t.lat,
+				lng: t.lng,
+				timestamp: e.timestamp?.toISOString() ?? (/* @__PURE__ */ new Date()).toISOString()
+			} : null;
+		}).filter((e) => e !== null), a = W.timeline.map((e) => {
 			let t = e.location ? S(e.location) : null;
 			return t ? {
 				lat: t.lat,
 				lng: t.lng,
 				timestamp: new Date(e.timestamp).toISOString()
 			} : null;
-		}).filter((e) => e !== null), a = H ? S(H.currentLocation) : null, o = a ? {
-			...a,
-			label: H?.currentLocation.address || "Current position"
+		}).filter((e) => e !== null), o = i.length > 0 ? i : a, s = U ? S(U.currentLocation) : null, c = s ? {
+			...s,
+			label: U?.currentLocation.address || "Current position"
 		} : null;
 		return {
 			origin: n,
 			destination: r,
-			trail: i,
-			current: o,
-			hasAny: !!(n || r || o || i.length > 0)
+			trail: o,
+			current: c,
+			hasAny: !!(n || r || c || o.length > 0)
 		};
-	}, [U, H]);
-	return /* @__PURE__ */ O(_, {
-		title: N("movethewheels.tracking.title", "Track Shipment"),
-		subtitle: N("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
-		icon: /* @__PURE__ */ D(r, { size: 24 }),
-		headerActions: /* @__PURE__ */ O(u, {
+	}, [W, U]);
+	return /* @__PURE__ */ k(_, {
+		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, {
 			variant: "outline",
-			onClick: () => q("tracking/live"),
-			children: [/* @__PURE__ */ D(r, { size: 16 }), N("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+			onClick: () => J("tracking/live"),
+			children: [/* @__PURE__ */ O(r, { size: 16 }), P("movethewheels.tracking.actions.liveMapView", "Live Map View")]
 		}),
 		children: [
-			/* @__PURE__ */ D(j, {
-				icon: /* @__PURE__ */ D(r, { size: 18 }),
-				children: N("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(M, {
+				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__ */ D(d, { children: /* @__PURE__ */ D(f, {
+			/* @__PURE__ */ O(d, { children: /* @__PURE__ */ O(f, {
 				className: "p-6",
-				children: /* @__PURE__ */ O("form", {
-					onSubmit: K,
+				children: /* @__PURE__ */ k("form", {
+					onSubmit: q,
 					className: "flex gap-4",
-					children: [/* @__PURE__ */ O("div", {
+					children: [/* @__PURE__ */ k("div", {
 						className: "flex-1 relative",
-						children: [/* @__PURE__ */ D(a, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ D(h, {
-							value: R,
-							onChange: (e) => z(e.target.value),
-							placeholder: N("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
+						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, {
+							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__ */ D(u, {
+					}), /* @__PURE__ */ O(u, {
 						type: "submit",
 						size: "lg",
-						disabled: !R || W,
-						children: W ? N("movethewheels.tracking.search.searching", "Searching...") : N("movethewheels.tracking.search.track", "Track")
+						disabled: !z || G,
+						children: G ? P("movethewheels.tracking.search.searching", "Searching...") : P("movethewheels.tracking.search.track", "Track")
 					})]
 				})
 			}) }),
-			G && /* @__PURE__ */ D(d, {
+			K && /* @__PURE__ */ O(d, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ D(f, {
+				children: /* @__PURE__ */ O(f, {
 					className: "p-6",
-					children: /* @__PURE__ */ O("div", {
+					children: /* @__PURE__ */ k("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ D(e, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+						children: [/* @__PURE__ */ O(e, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 							className: "font-medium text-status-error-text",
-							children: N("movethewheels.tracking.error.title", "Unable to find shipment")
-						}), /* @__PURE__ */ D("p", {
+							children: P("movethewheels.tracking.error.title", "Unable to find shipment")
+						}), /* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary",
-							children: N("movethewheels.tracking.error.description", "Please check the tracking number and try again")
+							children: P("movethewheels.tracking.error.description", "Please check the tracking number and try again")
 						})] })]
 					})
 				})
 			}),
-			!B && !G && /* @__PURE__ */ D(g, {
+			!V && !K && /* @__PURE__ */ O(g, {
 				illustration: "onboarding",
-				title: N("movethewheels.tracking.empty.title", "Enter a tracking number"),
-				description: N("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
+				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")
 			}),
-			U && H && /* @__PURE__ */ O("div", {
+			W && /* @__PURE__ */ k("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ O("div", {
+				children: [/* @__PURE__ */ k("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ O(A, { children: [/* @__PURE__ */ O("div", {
-							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ O("h2", {
-								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [
-									/* @__PURE__ */ D(i, { size: 20 }),
-									N("movethewheels.tracking.orderLabel", "Order"),
-									" ",
-									U.orderNumber
-								]
-							}), /* @__PURE__ */ D(y, {
-								status: U.status,
-								type: "order"
-							})]
-						}), /* @__PURE__ */ O("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-							children: [
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary",
-									children: N("movethewheels.tracking.details.trackingNumber", "Tracking Number")
-								}), /* @__PURE__ */ D("p", {
-									className: "font-mono font-medium",
-									children: U.trackingNumber
-								})] }),
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary",
-									children: N("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
-								}), /* @__PURE__ */ D("p", {
-									className: "font-medium",
-									children: H.estimatedArrival ? x(H.estimatedArrival, "full") : U.scheduledDelivery ? x(U.scheduledDelivery, "full") : N("movethewheels.tracking.details.tbd", "TBD")
-								})] }),
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary",
-									children: N("movethewheels.tracking.details.items", "Items")
-								}), /* @__PURE__ */ O("p", {
-									className: "font-medium",
+						/* @__PURE__ */ k(j, { children: [
+							/* @__PURE__ */ k("div", {
+								className: "flex items-center justify-between mb-4",
+								children: [/* @__PURE__ */ k("h2", {
+									className: "flex items-center gap-2 text-base font-semibold text-text-primary",
 									children: [
-										U.items.length,
+										/* @__PURE__ */ O(i, { size: 20 }),
+										P("movethewheels.tracking.orderLabel", "Order"),
 										" ",
-										N("movethewheels.tracking.details.itemsSuffix", "items")
+										W.orderNumber
 									]
-								})] }),
-								/* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
-									className: "text-sm text-text-secondary",
-									children: N("movethewheels.tracking.details.lastUpdated", "Last Updated")
-								}), /* @__PURE__ */ D("p", {
-									className: "font-medium",
-									children: x(H.lastUpdated, "relative")
-								})] })
-							]
-						})] }),
-						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
+								}), /* @__PURE__ */ O(y, {
+									status: W.status,
+									type: "order"
+								})]
+							}),
+							/* @__PURE__ */ k("div", {
+								className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+								children: [
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										children: P("movethewheels.tracking.details.trackingNumber", "Tracking Number")
+									}), /* @__PURE__ */ O("p", {
+										className: "font-mono font-medium",
+										children: W.trackingNumber || "—"
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										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")
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										children: P("movethewheels.tracking.details.items", "Items")
+									}), /* @__PURE__ */ k("p", {
+										className: "font-medium",
+										children: [
+											W.items.length,
+											" ",
+											P("movethewheels.tracking.details.itemsSuffix", "items")
+										]
+									})] }),
+									/* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
+										className: "text-sm text-text-secondary",
+										children: P("movethewheels.tracking.details.lastUpdated", "Last Updated")
+									}), /* @__PURE__ */ O("p", {
+										className: "font-medium",
+										children: U ? x(U.lastUpdated, "relative") : P("movethewheels.tracking.details.noUpdates", "No tracking updates yet")
+									})] })
+								]
+							}),
+							!U && /* @__PURE__ */ O("p", {
+								className: "mt-4 rounded-card border border-border-subtle bg-bg-sunken p-3 text-sm text-text-secondary",
+								children: P("movethewheels.tracking.details.noUpdatesDescription", "The delivery was found, but no tracking updates have been recorded yet.")
+							})
+						] }),
+						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(r, { size: 18 }), N("movethewheels.tracking.routeMap.title", "Route map")]
-						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D(v, {
+							children: [/* @__PURE__ */ O(r, { size: 18 }), P("movethewheels.tracking.routeMap.title", "Route map")]
+						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O(v, {
 							className: "overflow-hidden rounded-lg border border-border-seam",
 							height: 320,
-							origin: J?.origin ?? null,
-							destination: J?.destination ?? null,
-							trail: J?.trail ?? [],
-							current: J?.current ?? null,
-							emptyMessage: N("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
+							origin: Y?.origin ?? null,
+							destination: Y?.destination ?? null,
+							trail: Y?.trail ?? [],
+							current: Y?.current ?? null,
+							emptyMessage: P("movethewheels.tracking.routeMap.empty", "No location coordinates recorded for this shipment yet")
 						}) })] }),
-						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
+						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(n, { size: 18 }), N("movethewheels.tracking.progress.title", "Shipment Progress")]
-						}) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O(n, { size: 18 }), P("movethewheels.tracking.progress.title", "Shipment Progress")]
+						}) }), /* @__PURE__ */ k(f, { children: [/* @__PURE__ */ O("div", {
 							className: "relative",
-							children: /* @__PURE__ */ D("div", {
+							children: /* @__PURE__ */ O("div", {
 								className: "flex justify-between mb-4",
 								children: [
 									{
 										status: "confirmed",
-										label: N("movethewheels.tracking.progress.confirmed", "Confirmed"),
+										label: P("movethewheels.tracking.progress.confirmed", "Confirmed"),
 										icon: t
 									},
 									{
 										status: "picked_up",
-										label: N("movethewheels.tracking.progress.pickedUp", "Picked Up"),
+										label: P("movethewheels.tracking.progress.pickedUp", "Picked Up"),
 										icon: i
 									},
 									{
 										status: "in_transit",
-										label: N("movethewheels.tracking.progress.inTransit", "In Transit"),
+										label: P("movethewheels.tracking.progress.inTransit", "In Transit"),
 										icon: o
 									},
 									{
 										status: "delivered",
-										label: N("movethewheels.tracking.progress.delivered", "Delivered"),
+										label: P("movethewheels.tracking.progress.delivered", "Delivered"),
 										icon: r
 									}
 								].map((e, t) => {
@@ -218,19 +232,19 @@ function M() {
 										"in_transit",
 										"out_for_delivery",
 										"delivered"
-									], r = n.indexOf(U.status), i = n.indexOf(e.status) <= r, a = e.status === U.status || U.status === "out_for_delivery" && e.status === "in_transit";
-									return /* @__PURE__ */ O("div", {
+									], r = n.indexOf(W.status), i = n.indexOf(e.status) <= r, a = e.status === W.status || W.status === "out_for_delivery" && e.status === "in_transit";
+									return /* @__PURE__ */ k("div", {
 										className: "flex flex-col items-center flex-1",
 										children: [
-											/* @__PURE__ */ D("div", {
+											/* @__PURE__ */ O("div", {
 												className: `w-10 h-10 rounded-full flex items-center justify-center ${i ? "bg-action-primary-bg text-action-primary-text" : "bg-bg-sunken text-text-secondary"} ${a ? "ring-4 ring-primary/20" : ""}`,
-												children: /* @__PURE__ */ D(e.icon, { size: 20 })
+												children: /* @__PURE__ */ O(e.icon, { size: 20 })
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ O("p", {
 												className: `text-xs mt-2 text-center ${i ? "font-medium" : "text-text-secondary"}`,
 												children: e.label
 											}),
-											t < 3 && /* @__PURE__ */ D("div", {
+											t < 3 && /* @__PURE__ */ O("div", {
 												className: `absolute top-5 h-0.5 ${i ? "bg-action-primary-bg" : "bg-bg-sunken"}`,
 												style: {
 													left: `calc(${(t + .5) * 25}% + 20px)`,
@@ -241,34 +255,34 @@ function M() {
 									}, e.status);
 								})
 							})
-						}), /* @__PURE__ */ D("div", {
+						}), /* @__PURE__ */ O("div", {
 							className: "mt-8 space-y-4",
-							children: U.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ O("div", {
+							children: W.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ k("div", {
 								className: "flex gap-4",
-								children: [/* @__PURE__ */ O("div", {
+								children: [/* @__PURE__ */ k("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ D("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < U.timeline.length - 1 && /* @__PURE__ */ D("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
-								}), /* @__PURE__ */ O("div", {
+									children: [/* @__PURE__ */ O("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < W.timeline.length - 1 && /* @__PURE__ */ O("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
+								}), /* @__PURE__ */ k("div", {
 									className: "flex-1 pb-4",
 									children: [
-										/* @__PURE__ */ O("div", {
+										/* @__PURE__ */ k("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ D(y, {
+											children: [/* @__PURE__ */ O(y, {
 												status: e.status,
 												type: "order",
 												size: "sm"
-											}), /* @__PURE__ */ D("span", {
+											}), /* @__PURE__ */ O("span", {
 												className: "text-sm text-text-secondary",
 												children: x(e.timestamp, "full")
 											})]
 										}),
-										e.notes && /* @__PURE__ */ D("p", {
+										e.notes && /* @__PURE__ */ O("p", {
 											className: "text-sm mt-1",
 											children: e.notes
 										}),
-										e.location && /* @__PURE__ */ O("p", {
+										e.location && /* @__PURE__ */ k("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: [/* @__PURE__ */ D(r, {
+											children: [/* @__PURE__ */ O(r, {
 												size: 12,
 												className: "inline mr-1"
 											}), b(e.location)]
@@ -277,98 +291,94 @@ function M() {
 								})]
 							}, t))
 						})] })] }),
-						H.alerts && H.alerts.length > 0 && /* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
+						U?.alerts && U.alerts.length > 0 && /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(e, { size: 18 }), N("movethewheels.tracking.alerts.title", "Alerts")]
-						}) }), /* @__PURE__ */ D(f, { children: /* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O(e, { size: 18 }), P("movethewheels.tracking.alerts.title", "Alerts")]
+						}) }), /* @__PURE__ */ O(f, { children: /* @__PURE__ */ O("div", {
 							className: "space-y-3",
-							children: H.alerts.map((t) => /* @__PURE__ */ O("div", {
+							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")}`,
-								children: [/* @__PURE__ */ D(e, {
+								children: [/* @__PURE__ */ O(e, {
 									size: 16,
 									className: t.severity === "critical" ? "text-status-error-text" : (t.severity, "text-status-warning-text")
-								}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ D("p", {
+								}), /* @__PURE__ */ k("div", { children: [/* @__PURE__ */ O("p", {
 									className: "text-sm font-medium",
 									children: t.message
-								}), /* @__PURE__ */ O("p", {
+								}), /* @__PURE__ */ k("p", {
 									className: "text-xs text-text-secondary",
-									children: [x(t.timestamp, "relative"), t.resolvedAt && ` - ${N("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [x(t.timestamp, "relative"), t.resolvedAt && ` - ${P("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
 							}, t.id))
 						}) })] })
 					]
-				}), /* @__PURE__ */ O("div", {
+				}), /* @__PURE__ */ k("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ O(m, {
+						/* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(m, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ D(r, { size: 18 }), N("movethewheels.tracking.location.title", "Current Location")]
-						}) }), /* @__PURE__ */ O(f, { children: [
-							J?.current ? /* @__PURE__ */ D(v, {
-								className: "mb-4 overflow-hidden rounded-lg border border-border-seam",
-								height: 180,
-								current: J.current,
-								destination: J.destination ?? null,
-								trail: J.trail
-							}) : /* @__PURE__ */ O("div", {
-								className: "mb-4 rounded-lg bg-bg-sunken p-4 text-center text-text-secondary",
-								children: [/* @__PURE__ */ D(r, {
-									size: 28,
-									className: "mx-auto mb-2 opacity-60"
-								}), /* @__PURE__ */ D("p", {
-									className: "text-sm",
-									children: N("movethewheels.tracking.location.noFix", "No live position fix yet")
-								})]
-							}),
-							/* @__PURE__ */ D("p", {
+							children: [/* @__PURE__ */ O(r, { size: 18 }), P("movethewheels.tracking.location.title", "Current Location")]
+						}) }), /* @__PURE__ */ k(f, { children: [Y?.current ? /* @__PURE__ */ O(v, {
+							className: "mb-4 overflow-hidden rounded-lg border border-border-seam",
+							height: 180,
+							current: Y.current,
+							destination: Y.destination ?? null,
+							trail: Y.trail
+						}) : /* @__PURE__ */ k("div", {
+							className: "mb-4 rounded-lg bg-bg-sunken p-4 text-center text-text-secondary",
+							children: [/* @__PURE__ */ O(r, {
+								size: 28,
+								className: "mx-auto mb-2 opacity-60"
+							}), /* @__PURE__ */ O("p", {
 								className: "text-sm",
-								children: H.currentLocation.address || N("movethewheels.tracking.location.updating", "Location updating...")
-							}),
-							/* @__PURE__ */ O("p", {
-								className: "text-xs text-text-secondary mt-1",
-								children: [
-									N("movethewheels.tracking.location.updated", "Updated"),
-									" ",
-									x(H.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
-								]
-							})
-						] })] }),
-						/* @__PURE__ */ O(d, { children: [/* @__PURE__ */ D(p, { children: /* @__PURE__ */ D(m, { children: N("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ O(f, { children: [/* @__PURE__ */ D("p", {
+								children: P("movethewheels.tracking.location.noFix", "No live position fix yet")
+							})]
+						}), U && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O("p", {
+							className: "text-sm",
+							children: U.currentLocation.address || P("movethewheels.tracking.location.updating", "Location updating...")
+						}), /* @__PURE__ */ k("p", {
+							className: "text-xs text-text-secondary mt-1",
+							children: [
+								P("movethewheels.tracking.location.updated", "Updated"),
+								" ",
+								x(U.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+							]
+						})] })] })] }),
+						/* @__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", {
 							className: "text-sm",
-							children: U.customerInfo.name
-						}), /* @__PURE__ */ D("p", {
+							children: W.customerInfo.name
+						}), /* @__PURE__ */ O("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: b(U.deliveryAddress)
+							children: b(W.deliveryAddress)
 						})] })] }),
-						/* @__PURE__ */ D(C, { deliveryJobId: U.id }),
-						/* @__PURE__ */ D(d, { children: /* @__PURE__ */ O(f, {
+						/* @__PURE__ */ O(C, { deliveryJobId: W.id }),
+						/* @__PURE__ */ O(d, { children: /* @__PURE__ */ k(f, {
 							className: "p-4 space-y-2",
-							children: [/* @__PURE__ */ D(u, {
+							children: [/* @__PURE__ */ O(u, {
 								variant: "outline",
 								className: "w-full",
-								onClick: () => q(`orders/${U.id}`),
-								children: N("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
-							}), /* @__PURE__ */ D(u, {
+								onClick: () => J(`orders/${W.id}`),
+								children: P("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
+							}), /* @__PURE__ */ O(u, {
 								variant: "outline",
 								className: "w-full",
-								children: N("movethewheels.tracking.actions.contactDriver", "Contact Driver")
+								children: P("movethewheels.tracking.actions.contactDriver", "Contact Driver")
 							})]
 						}) })
 					]
 				})]
 			}),
-			B && !U && !W && !G && /* @__PURE__ */ D(g, {
+			V && !W && !G && !K && /* @__PURE__ */ O(g, {
 				illustration: "empty-search",
-				title: N("movethewheels.tracking.notFound.title", "Shipment not found"),
-				description: `${N("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${B}"`,
-				action: /* @__PURE__ */ D(u, {
+				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, {
 					variant: "outline",
-					onClick: () => z(""),
-					children: N("movethewheels.tracking.notFound.tryAnother", "Try another number")
+					onClick: () => B(""),
+					children: P("movethewheels.tracking.notFound.tryAnother", "Try another number")
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { M as default };
+export { N as default };