@burdenoff/microfe-movethewheels 2026.626.2 → 2026.703.2

package/dist/{TrackingPage-CcRc_dva.js → TrackingPage-W-jtdM3Y.js}

@@ -1,16 +1,14 @@
-import { A as e, d as t, f as n, g as r, h as i, i as a, t as o, u as s } from "./PageLayout-D3N8MCTm.js";
-import { t as c } from "./circle-alert-DjmNo5_L.js";
-import { t as l } from "./circle-check-big-CjuPVo3_.js";
-import { t as u } from "./clock-BjkdnddD.js";
-import { t as d } from "./map-pin-BSaf5IDL.js";
-import { t as f } from "./package-BE7U0wQE.js";
-import { t as p } from "./search-OxoIiL_C.js";
-import { t as m } from "./truck-CtDjNFbi.js";
-import { r as h } from "./graphqlClient-CdJyR_ed.js";
-import { i as g } from "./useTracking-De2KIUNu.js";
-import { r as _ } from "./StatusBadge-CijYQXtb.js";
-import { r as v, t as y } from "./formatters-_vJlC-47.js";
-import { t as b } from "./navigation-BgnOfsVd.js";
+import { A as e, ct as t, d as n, f as r, g as i, h as a, i as o, ot as s, t as c, u as l } from "./PageLayout-D4LDHJJq.js";
+import { t as u } from "./circle-alert-iY24lSlp.js";
+import { t as d } from "./circle-check-big-w0TrLKMF.js";
+import { t as f } from "./clock-DJZtdl8u.js";
+import { t as p } from "./map-pin-BGiCvyCs.js";
+import { t as m } from "./package-BChUzpJS.js";
+import { t as h } from "./search-CDGefqb3.js";
+import { t as g } from "./truck-C0v_hbLR.js";
+import { i as _ } from "./useTracking-B-va1kO3.js";
+import { r as v } from "./StatusBadge-BZurYHMy.js";
+import { r as y, t as b } from "./formatters-CF2S2l1m.js";
 import { useState as x } from "react";
 import { useSearchParams as S } from "react-router-dom";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
@@ -21,39 +19,39 @@ function O() {
 	let { t: O } = D(), k = (e, t) => {
 		let n = O(e);
 		return n === e ? t : n;
-	}, { basePath: A, navigate: j } = h(), [M] = S(), N = M.get("order") || "", [P, F] = x(N), [I, L] = x(N), { tracking: R, order: z, isLoading: B, error: V } = g(I || void 0), H = (e) => {
+	}, { basePath: A, navigate: j } = s(), [M] = S(), N = M.get("order") || "", [P, F] = x(N), [I, L] = x(N), { tracking: R, order: z, isLoading: B, error: V } = _(I || void 0), H = (e) => {
 		e.preventDefault(), L(P);
 	}, U = (e) => {
-		j && j(b(A, e));
+		j && j(t(A, e));
 	};
-	return /* @__PURE__ */ w(a, {
+	return /* @__PURE__ */ w(o, {
 		title: k("movethewheels.tracking.title", "Track Shipment"),
 		subtitle: k("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
-		icon: /* @__PURE__ */ C(d, { size: 24 }),
-		headerActions: /* @__PURE__ */ w(s, {
+		icon: /* @__PURE__ */ C(p, { size: 24 }),
+		headerActions: /* @__PURE__ */ w(l, {
 			variant: "outline",
 			onClick: () => U("tracking/live"),
-			children: [/* @__PURE__ */ C(d, { size: 16 }), k("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+			children: [/* @__PURE__ */ C(p, { size: 16 }), k("movethewheels.tracking.actions.liveMapView", "Live Map View")]
 		}),
 		children: [
 			/* @__PURE__ */ C(E, {
-				icon: /* @__PURE__ */ C(d, { size: 18 }),
+				icon: /* @__PURE__ */ C(p, { size: 18 }),
 				children: k("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__ */ C(t, { children: /* @__PURE__ */ C(n, {
+			/* @__PURE__ */ C(n, { children: /* @__PURE__ */ C(r, {
 				className: "p-6",
 				children: /* @__PURE__ */ w("form", {
 					onSubmit: H,
 					className: "flex gap-4",
 					children: [/* @__PURE__ */ w("div", {
 						className: "flex-1 relative",
-						children: [/* @__PURE__ */ C(p, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ C(e, {
+						children: [/* @__PURE__ */ C(h, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-text-secondary" }), /* @__PURE__ */ C(e, {
 							value: P,
 							onChange: (e) => F(e.target.value),
 							placeholder: k("movethewheels.tracking.search.placeholder", "Enter tracking number or order ID (e.g., order-1 or TRK123456789)"),
 							className: "pl-10 h-12 text-lg"
 						})]
-					}), /* @__PURE__ */ C(s, {
+					}), /* @__PURE__ */ C(l, {
 						type: "submit",
 						size: "lg",
 						disabled: !P || B,
@@ -61,13 +59,13 @@ function O() {
 					})]
 				})
 			}) }),
-			V && /* @__PURE__ */ C(t, {
+			V && /* @__PURE__ */ C(n, {
 				className: "border-status-error-border",
-				children: /* @__PURE__ */ C(n, {
+				children: /* @__PURE__ */ C(r, {
 					className: "p-6",
 					children: /* @__PURE__ */ w("div", {
 						className: "flex items-center gap-4",
-						children: [/* @__PURE__ */ C(c, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+						children: [/* @__PURE__ */ C(u, { className: "w-8 h-8 text-status-error-text" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 							className: "font-medium text-status-error-text",
 							children: k("movethewheels.tracking.error.title", "Unable to find shipment")
 						}), /* @__PURE__ */ C("p", {
@@ -77,7 +75,7 @@ function O() {
 					})
 				})
 			}),
-			!I && !V && /* @__PURE__ */ C(o, {
+			!I && !V && /* @__PURE__ */ C(c, {
 				illustration: "onboarding",
 				title: k("movethewheels.tracking.empty.title", "Enter a tracking number"),
 				description: k("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
@@ -92,12 +90,12 @@ function O() {
 							children: [/* @__PURE__ */ w("h2", {
 								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
 								children: [
-									/* @__PURE__ */ C(f, { size: 20 }),
+									/* @__PURE__ */ C(m, { size: 20 }),
 									k("movethewheels.tracking.orderLabel", "Order"),
 									" ",
 									z.orderNumber
 								]
-							}), /* @__PURE__ */ C(_, {
+							}), /* @__PURE__ */ C(v, {
 								status: z.status,
 								type: "order"
 							})]
@@ -116,7 +114,7 @@ function O() {
 									children: k("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
 								}), /* @__PURE__ */ C("p", {
 									className: "font-medium",
-									children: R.estimatedArrival ? v(R.estimatedArrival, "full") : z.scheduledDelivery ? v(z.scheduledDelivery, "full") : k("movethewheels.tracking.details.tbd", "TBD")
+									children: R.estimatedArrival ? y(R.estimatedArrival, "full") : z.scheduledDelivery ? y(z.scheduledDelivery, "full") : k("movethewheels.tracking.details.tbd", "TBD")
 								})] }),
 								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-secondary",
@@ -134,14 +132,14 @@ function O() {
 									children: k("movethewheels.tracking.details.lastUpdated", "Last Updated")
 								}), /* @__PURE__ */ C("p", {
 									className: "font-medium",
-									children: v(R.lastUpdated, "relative")
+									children: y(R.lastUpdated, "relative")
 								})] })
 							]
 						})] }),
-						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+						/* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ w(i, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(u, { size: 18 }), k("movethewheels.tracking.progress.title", "Shipment Progress")]
-						}) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ C(f, { size: 18 }), k("movethewheels.tracking.progress.title", "Shipment Progress")]
+						}) }), /* @__PURE__ */ w(r, { children: [/* @__PURE__ */ C("div", {
 							className: "relative",
 							children: /* @__PURE__ */ C("div", {
 								className: "flex justify-between mb-4",
@@ -149,22 +147,22 @@ function O() {
 									{
 										status: "confirmed",
 										label: k("movethewheels.tracking.progress.confirmed", "Confirmed"),
-										icon: l
+										icon: d
 									},
 									{
 										status: "picked_up",
 										label: k("movethewheels.tracking.progress.pickedUp", "Picked Up"),
-										icon: f
+										icon: m
 									},
 									{
 										status: "in_transit",
 										label: k("movethewheels.tracking.progress.inTransit", "In Transit"),
-										icon: m
+										icon: g
 									},
 									{
 										status: "delivered",
 										label: k("movethewheels.tracking.progress.delivered", "Delivered"),
-										icon: d
+										icon: p
 									}
 								].map((e, t) => {
 									let n = [
@@ -210,13 +208,13 @@ function O() {
 									children: [
 										/* @__PURE__ */ w("div", {
 											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C(_, {
+											children: [/* @__PURE__ */ C(v, {
 												status: e.status,
 												type: "order",
 												size: "sm"
 											}), /* @__PURE__ */ C("span", {
 												className: "text-sm text-text-secondary",
-												children: v(e.timestamp, "full")
+												children: y(e.timestamp, "full")
 											})]
 										}),
 										e.notes && /* @__PURE__ */ C("p", {
@@ -225,31 +223,31 @@ function O() {
 										}),
 										e.location && /* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-1",
-											children: [/* @__PURE__ */ C(d, {
+											children: [/* @__PURE__ */ C(p, {
 												size: 12,
 												className: "inline mr-1"
-											}), y(e.location)]
+											}), b(e.location)]
 										})
 									]
 								})]
 							}, t))
 						})] })] }),
-						R.alerts && R.alerts.length > 0 && /* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+						R.alerts && R.alerts.length > 0 && /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ w(i, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(c, { size: 18 }), k("movethewheels.tracking.alerts.title", "Alerts")]
-						}) }), /* @__PURE__ */ C(n, { children: /* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ C(u, { size: 18 }), k("movethewheels.tracking.alerts.title", "Alerts")]
+						}) }), /* @__PURE__ */ C(r, { children: /* @__PURE__ */ C("div", {
 							className: "space-y-3",
 							children: R.alerts.map((e) => /* @__PURE__ */ w("div", {
-								className: `flex items-start gap-3 p-3 rounded-lg ${e.severity === "critical" ? "bg-red-50 dark:bg-red-900/20" : e.severity === "high" ? "bg-orange-50 dark:bg-orange-900/20" : "bg-yellow-50 dark:bg-yellow-900/20"}`,
-								children: [/* @__PURE__ */ C(c, {
+								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__ */ C(u, {
 									size: 16,
-									className: e.severity === "critical" ? "text-red-600" : e.severity === "high" ? "text-orange-600" : "text-yellow-600"
+									className: e.severity === "critical" ? "text-status-error-text" : (e.severity, "text-status-warning-text")
 								}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
 									className: "text-sm font-medium",
 									children: e.message
 								}), /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
-									children: [v(e.timestamp, "relative"), e.resolvedAt && ` - ${k("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+									children: [y(e.timestamp, "relative"), e.resolvedAt && ` - ${k("movethewheels.tracking.alerts.resolved", "Resolved")}`]
 								})] })]
 							}, e.id))
 						}) })] })
@@ -257,15 +255,15 @@ function O() {
 				}), /* @__PURE__ */ w("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+						/* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ w(i, {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ C(d, { size: 18 }), k("movethewheels.tracking.location.title", "Current Location")]
-						}) }), /* @__PURE__ */ w(n, { children: [
+							children: [/* @__PURE__ */ C(p, { size: 18 }), k("movethewheels.tracking.location.title", "Current Location")]
+						}) }), /* @__PURE__ */ w(r, { children: [
 							/* @__PURE__ */ C("div", {
 								className: "aspect-video bg-bg-sunken rounded-lg flex items-center justify-center mb-4",
 								children: /* @__PURE__ */ w("div", {
 									className: "text-center text-text-secondary",
-									children: [/* @__PURE__ */ C(d, {
+									children: [/* @__PURE__ */ C(p, {
 										size: 32,
 										className: "mx-auto mb-2"
 									}), /* @__PURE__ */ C("p", {
@@ -283,25 +281,25 @@ function O() {
 								children: [
 									k("movethewheels.tracking.location.updated", "Updated"),
 									" ",
-									v(R.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+									y(R.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
 								]
 							})
 						] })] }),
-						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ C(r, { children: k("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("p", {
+						/* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ C(i, { children: k("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ w(r, { children: [/* @__PURE__ */ C("p", {
 							className: "text-sm",
 							children: z.customerInfo.name
 						}), /* @__PURE__ */ C("p", {
 							className: "text-sm text-text-secondary mt-2",
-							children: y(z.deliveryAddress)
+							children: b(z.deliveryAddress)
 						})] })] }),
-						/* @__PURE__ */ C(t, { children: /* @__PURE__ */ w(n, {
+						/* @__PURE__ */ C(n, { children: /* @__PURE__ */ w(r, {
 							className: "p-4 space-y-2",
-							children: [/* @__PURE__ */ C(s, {
+							children: [/* @__PURE__ */ C(l, {
 								variant: "outline",
 								className: "w-full",
 								onClick: () => U(`orders/${z.id}`),
 								children: k("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
-							}), /* @__PURE__ */ C(s, {
+							}), /* @__PURE__ */ C(l, {
 								variant: "outline",
 								className: "w-full",
 								children: k("movethewheels.tracking.actions.contactDriver", "Contact Driver")
@@ -310,11 +308,11 @@ function O() {
 					]
 				})]
 			}),
-			I && !z && !B && !V && /* @__PURE__ */ C(o, {
+			I && !z && !B && !V && /* @__PURE__ */ C(c, {
 				illustration: "empty-search",
 				title: k("movethewheels.tracking.notFound.title", "Shipment not found"),
 				description: `${k("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${I}"`,
-				action: /* @__PURE__ */ C(s, {
+				action: /* @__PURE__ */ C(l, {
 					variant: "outline",
 					onClick: () => F(""),
 					children: k("movethewheels.tracking.notFound.tryAnother", "Try another number")