@burdenoff/microfe-movethewheels 2026.703.3 → 2026.703.5

package/dist/TrackingPage-W-jtdM3Y.js

@@ -1,325 +0,0 @@
-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";
-import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
-import { useI18n as D } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-//#region src/movethewheels/pages/TrackingPage.tsx
-function O() {
-	let { t: O } = D(), k = (e, t) => {
-		let n = O(e);
-		return n === e ? t : n;
-	}, { 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(t(A, e));
-	};
-	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(p, { size: 24 }),
-		headerActions: /* @__PURE__ */ w(l, {
-			variant: "outline",
-			onClick: () => U("tracking/live"),
-			children: [/* @__PURE__ */ C(p, { size: 16 }), k("movethewheels.tracking.actions.liveMapView", "Live Map View")]
-		}),
-		children: [
-			/* @__PURE__ */ C(E, {
-				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(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(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(l, {
-						type: "submit",
-						size: "lg",
-						disabled: !P || B,
-						children: B ? k("movethewheels.tracking.search.searching", "Searching...") : k("movethewheels.tracking.search.track", "Track")
-					})]
-				})
-			}) }),
-			V && /* @__PURE__ */ C(n, {
-				className: "border-status-error-border",
-				children: /* @__PURE__ */ C(r, {
-					className: "p-6",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-4",
-						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", {
-							className: "text-sm text-text-secondary",
-							children: k("movethewheels.tracking.error.description", "Please check the tracking number and try again")
-						})] })]
-					})
-				})
-			}),
-			!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")
-			}),
-			z && R && /* @__PURE__ */ w("div", {
-				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ w("div", {
-					className: "lg:col-span-2 space-y-6",
-					children: [
-						/* @__PURE__ */ w(T, { children: [/* @__PURE__ */ w("div", {
-							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ w("h2", {
-								className: "flex items-center gap-2 text-base font-semibold text-text-primary",
-								children: [
-									/* @__PURE__ */ C(m, { size: 20 }),
-									k("movethewheels.tracking.orderLabel", "Order"),
-									" ",
-									z.orderNumber
-								]
-							}), /* @__PURE__ */ C(v, {
-								status: z.status,
-								type: "order"
-							})]
-						}), /* @__PURE__ */ w("div", {
-							className: "grid grid-cols-2 md:grid-cols-4 gap-4",
-							children: [
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-									className: "text-sm text-text-secondary",
-									children: k("movethewheels.tracking.details.trackingNumber", "Tracking Number")
-								}), /* @__PURE__ */ C("p", {
-									className: "font-mono font-medium",
-									children: z.trackingNumber
-								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-									className: "text-sm text-text-secondary",
-									children: k("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
-								}), /* @__PURE__ */ C("p", {
-									className: "font-medium",
-									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",
-									children: k("movethewheels.tracking.details.items", "Items")
-								}), /* @__PURE__ */ w("p", {
-									className: "font-medium",
-									children: [
-										z.items.length,
-										" ",
-										k("movethewheels.tracking.details.itemsSuffix", "items")
-									]
-								})] }),
-								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-									className: "text-sm text-text-secondary",
-									children: k("movethewheels.tracking.details.lastUpdated", "Last Updated")
-								}), /* @__PURE__ */ C("p", {
-									className: "font-medium",
-									children: y(R.lastUpdated, "relative")
-								})] })
-							]
-						})] }),
-						/* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ w(i, {
-							className: "flex items-center gap-2",
-							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",
-								children: [
-									{
-										status: "confirmed",
-										label: k("movethewheels.tracking.progress.confirmed", "Confirmed"),
-										icon: d
-									},
-									{
-										status: "picked_up",
-										label: k("movethewheels.tracking.progress.pickedUp", "Picked Up"),
-										icon: m
-									},
-									{
-										status: "in_transit",
-										label: k("movethewheels.tracking.progress.inTransit", "In Transit"),
-										icon: g
-									},
-									{
-										status: "delivered",
-										label: k("movethewheels.tracking.progress.delivered", "Delivered"),
-										icon: p
-									}
-								].map((e, t) => {
-									let n = [
-										"pending",
-										"confirmed",
-										"assigned",
-										"picked_up",
-										"in_transit",
-										"out_for_delivery",
-										"delivered"
-									], r = n.indexOf(z.status), i = n.indexOf(e.status) <= r, a = e.status === z.status || z.status === "out_for_delivery" && e.status === "in_transit";
-									return /* @__PURE__ */ w("div", {
-										className: "flex flex-col items-center flex-1",
-										children: [
-											/* @__PURE__ */ C("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__ */ C(e.icon, { size: 20 })
-											}),
-											/* @__PURE__ */ C("p", {
-												className: `text-xs mt-2 text-center ${i ? "font-medium" : "text-text-secondary"}`,
-												children: e.label
-											}),
-											t < 3 && /* @__PURE__ */ C("div", {
-												className: `absolute top-5 h-0.5 ${i ? "bg-action-primary-bg" : "bg-bg-sunken"}`,
-												style: {
-													left: `calc(${(t + .5) * 25}% + 20px)`,
-													width: "calc(25% - 40px)"
-												}
-											})
-										]
-									}, e.status);
-								})
-							})
-						}), /* @__PURE__ */ C("div", {
-							className: "mt-8 space-y-4",
-							children: z.timeline.slice().reverse().map((e, t) => /* @__PURE__ */ w("div", {
-								className: "flex gap-4",
-								children: [/* @__PURE__ */ w("div", {
-									className: "relative",
-									children: [/* @__PURE__ */ C("div", { className: `w-3 h-3 rounded-full ${t === 0 ? "bg-action-primary-bg" : "bg-bg-sunken"}` }), t < z.timeline.length - 1 && /* @__PURE__ */ C("div", { className: "absolute top-3 left-1.5 w-px h-8 -ml-px bg-border" })]
-								}), /* @__PURE__ */ w("div", {
-									className: "flex-1 pb-4",
-									children: [
-										/* @__PURE__ */ w("div", {
-											className: "flex items-center gap-2",
-											children: [/* @__PURE__ */ C(v, {
-												status: e.status,
-												type: "order",
-												size: "sm"
-											}), /* @__PURE__ */ C("span", {
-												className: "text-sm text-text-secondary",
-												children: y(e.timestamp, "full")
-											})]
-										}),
-										e.notes && /* @__PURE__ */ C("p", {
-											className: "text-sm mt-1",
-											children: e.notes
-										}),
-										e.location && /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary mt-1",
-											children: [/* @__PURE__ */ C(p, {
-												size: 12,
-												className: "inline mr-1"
-											}), b(e.location)]
-										})
-									]
-								})]
-							}, t))
-						})] })] }),
-						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(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-status-error-bg-subtle" : (e.severity, "bg-status-warning-bg-subtle")}`,
-								children: [/* @__PURE__ */ C(u, {
-									size: 16,
-									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: [y(e.timestamp, "relative"), e.resolvedAt && ` - ${k("movethewheels.tracking.alerts.resolved", "Resolved")}`]
-								})] })]
-							}, e.id))
-						}) })] })
-					]
-				}), /* @__PURE__ */ w("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C(a, { children: /* @__PURE__ */ w(i, {
-							className: "flex items-center gap-2",
-							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(p, {
-										size: 32,
-										className: "mx-auto mb-2"
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm",
-										children: k("movethewheels.tracking.location.mapView", "Map View")
-									})]
-								})
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "text-sm",
-								children: R.currentLocation.address || k("movethewheels.tracking.location.updating", "Location updating...")
-							}),
-							/* @__PURE__ */ w("p", {
-								className: "text-xs text-text-secondary mt-1",
-								children: [
-									k("movethewheels.tracking.location.updated", "Updated"),
-									" ",
-									y(R.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
-								]
-							})
-						] })] }),
-						/* @__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: b(z.deliveryAddress)
-						})] })] }),
-						/* @__PURE__ */ C(n, { children: /* @__PURE__ */ w(r, {
-							className: "p-4 space-y-2",
-							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(l, {
-								variant: "outline",
-								className: "w-full",
-								children: k("movethewheels.tracking.actions.contactDriver", "Contact Driver")
-							})]
-						}) })
-					]
-				})]
-			}),
-			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(l, {
-					variant: "outline",
-					onClick: () => F(""),
-					children: k("movethewheels.tracking.notFound.tryAnother", "Try another number")
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { O as default };