@burdenoff/microfe-movethewheels 2026.510.105

package/dist/StatusBadge-BrrwraIA.js

@@ -0,0 +1,206 @@
+import { l as e, rt as t } from "./PageLayout-B7b0vl0R.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/movethewheels/constants/index.ts
+var i = {
+	pending: {
+		bg: "bg-yellow-100",
+		text: "text-yellow-800",
+		border: "border-yellow-200"
+	},
+	confirmed: {
+		bg: "bg-blue-100",
+		text: "text-blue-800",
+		border: "border-blue-200"
+	},
+	assigned: {
+		bg: "bg-purple-100",
+		text: "text-purple-800",
+		border: "border-purple-200"
+	},
+	picked_up: {
+		bg: "bg-indigo-100",
+		text: "text-indigo-800",
+		border: "border-indigo-200"
+	},
+	in_transit: {
+		bg: "bg-cyan-100",
+		text: "text-cyan-800",
+		border: "border-cyan-200"
+	},
+	out_for_delivery: {
+		bg: "bg-orange-100",
+		text: "text-orange-800",
+		border: "border-orange-200"
+	},
+	delivered: {
+		bg: "bg-green-100",
+		text: "text-green-800",
+		border: "border-green-200"
+	},
+	cancelled: {
+		bg: "bg-red-100",
+		text: "text-red-800",
+		border: "border-red-200"
+	},
+	failed: {
+		bg: "bg-red-100",
+		text: "text-red-800",
+		border: "border-red-200"
+	}
+}, a = {
+	available: {
+		bg: "bg-green-100",
+		text: "text-green-800"
+	},
+	assigned: {
+		bg: "bg-blue-100",
+		text: "text-blue-800"
+	},
+	maintenance: {
+		bg: "bg-yellow-100",
+		text: "text-yellow-800"
+	},
+	out_of_service: {
+		bg: "bg-red-100",
+		text: "text-red-800"
+	}
+}, o = {
+	available: {
+		bg: "bg-green-100",
+		text: "text-green-800"
+	},
+	busy: {
+		bg: "bg-blue-100",
+		text: "text-blue-800"
+	},
+	offline: {
+		bg: "bg-gray-100",
+		text: "text-gray-800"
+	},
+	on_break: {
+		bg: "bg-yellow-100",
+		text: "text-yellow-800"
+	}
+}, s = {
+	sm: "text-xs px-2 py-0.5",
+	md: "text-sm px-2.5 py-1",
+	lg: "text-base px-3 py-1.5"
+};
+function c({ status: c, type: l = "custom", customColors: u, size: d = "md", showDot: f = !0, className: p }) {
+	let m = u;
+	if (!m) switch (l) {
+		case "order":
+			m = i[c] || {
+				bg: "bg-gray-100",
+				text: "text-gray-700"
+			};
+			break;
+		case "vehicle":
+			m = a[c] || {
+				bg: "bg-gray-100",
+				text: "text-gray-700"
+			};
+			break;
+		case "driver":
+			m = o[c] || {
+				bg: "bg-gray-100",
+				text: "text-gray-700"
+			};
+			break;
+		default: m = {
+			bg: "bg-gray-100 dark:bg-gray-800",
+			text: "text-gray-700 dark:text-gray-300"
+		};
+	}
+	let h = c.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap inline-flex items-center", m.bg, m.text, s[d], p),
+		children: [f && /* @__PURE__ */ n("span", { className: t("w-1.5 h-1.5 rounded-full mr-1.5 flex-shrink-0", m.text.replace("text-", "bg-")) }), h]
+	});
+}
+function l({ priority: r, size: i = "md", className: a }) {
+	let o = {
+		low: {
+			bg: "bg-gray-100 dark:bg-gray-800",
+			text: "text-gray-600 dark:text-gray-400"
+		},
+		normal: {
+			bg: "bg-blue-100 dark:bg-blue-900/30",
+			text: "text-blue-700 dark:text-blue-400"
+		},
+		high: {
+			bg: "bg-orange-100 dark:bg-orange-900/30",
+			text: "text-orange-700 dark:text-orange-400"
+		},
+		urgent: {
+			bg: "bg-red-100 dark:bg-red-900/30",
+			text: "text-red-700 dark:text-red-400"
+		}
+	}[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap", o.bg, o.text, s[i], a),
+		children: r
+	});
+}
+function u({ type: r, size: i = "md", className: a }) {
+	let o = {
+		b2b: {
+			bg: "bg-purple-100 dark:bg-purple-900/30",
+			text: "text-purple-700 dark:text-purple-400"
+		},
+		b2c: {
+			bg: "bg-teal-100 dark:bg-teal-900/30",
+			text: "text-teal-700 dark:text-teal-400"
+		}
+	}[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium uppercase border-0 whitespace-nowrap", o.bg, o.text, s[i], a),
+		children: r
+	});
+}
+function d({ status: r, size: i = "md", className: a }) {
+	let o = {
+		pending: {
+			bg: "bg-yellow-100 dark:bg-yellow-900/30",
+			text: "text-yellow-700 dark:text-yellow-400"
+		},
+		paid: {
+			bg: "bg-green-100 dark:bg-green-900/30",
+			text: "text-green-700 dark:text-green-400"
+		},
+		failed: {
+			bg: "bg-red-100 dark:bg-red-900/30",
+			text: "text-red-700 dark:text-red-400"
+		},
+		refunded: {
+			bg: "bg-gray-100 dark:bg-gray-800",
+			text: "text-gray-700 dark:text-gray-400"
+		}
+	}[r];
+	return /* @__PURE__ */ n(e, {
+		variant: "outline",
+		className: t("font-medium capitalize border-0 whitespace-nowrap", o.bg, o.text, s[i], a),
+		children: r
+	});
+}
+function f({ type: i, size: a = "md", className: o }) {
+	return /* @__PURE__ */ r(e, {
+		variant: "outline",
+		className: t("font-medium capitalize whitespace-nowrap inline-flex items-center", s[a], o),
+		children: [/* @__PURE__ */ n("span", {
+			className: "mr-1",
+			children: {
+				van: "🚐",
+				truck: "🚚",
+				motorcycle: "🏍️",
+				bicycle: "🚲",
+				car: "🚗"
+			}[i]
+		}), i]
+	});
+}
+//#endregion
+export { f as a, u as i, l as n, c as r, d as t };

package/dist/TrackingPage-BGqHDh-w.js

@@ -0,0 +1,322 @@
+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-B7b0vl0R.js";
+import { t as c } from "./circle-alert-D5f6RZxt.js";
+import { t as l } from "./circle-check-big-D-JMHcTe.js";
+import { t as u } from "./clock-CvwBKbQP.js";
+import { t as d } from "./map-pin-CFBOmh-A.js";
+import { t as f } from "./package-DVZbDRcV.js";
+import { t as p } from "./search-5pdn5eOO.js";
+import { t as m } from "./truck-BmDAzu05.js";
+import { r as h } from "./graphqlClient-CdJyR_ed.js";
+import { i as g } from "./useTracking-De2KIUNu.js";
+import { r as _ } from "./StatusBadge-BrrwraIA.js";
+import { r as v, t as y } from "./formatters-_vJlC-47.js";
+import { t as b } from "./navigation-BgnOfsVd.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 { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+//#region src/movethewheels/pages/TrackingPage.tsx
+function E() {
+	let { t: E } = T(), D = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	}, { basePath: O, navigate: k } = h(), [A] = S(), j = A.get("order") || "", [M, N] = x(j), [P, F] = x(j), { tracking: I, order: L, isLoading: R, error: z } = g(P || void 0), B = (e) => {
+		e.preventDefault(), F(M);
+	}, V = (e) => {
+		k && k(b(O, e));
+	};
+	return /* @__PURE__ */ w(a, {
+		title: D("movethewheels.tracking.title", "Track Shipment"),
+		subtitle: D("movethewheels.tracking.subtitle", "Enter a tracking number or order ID to track your shipment"),
+		icon: /* @__PURE__ */ C(d, { size: 24 }),
+		headerActions: /* @__PURE__ */ w(s, {
+			variant: "outline",
+			onClick: () => V("tracking/live"),
+			children: [/* @__PURE__ */ C(d, { size: 16 }), D("movethewheels.tracking.actions.liveMapView", "Live Map View")]
+		}),
+		children: [
+			/* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(n, {
+				className: "p-6",
+				children: /* @__PURE__ */ w("form", {
+					onSubmit: B,
+					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-muted-foreground" }), /* @__PURE__ */ C(e, {
+							value: M,
+							onChange: (e) => N(e.target.value),
+							placeholder: D("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, {
+						type: "submit",
+						size: "lg",
+						disabled: !M || R,
+						children: R ? D("movethewheels.tracking.search.searching", "Searching...") : D("movethewheels.tracking.search.track", "Track")
+					})]
+				})
+			}) }),
+			z && /* @__PURE__ */ C(t, {
+				className: "border-destructive",
+				children: /* @__PURE__ */ C(n, {
+					className: "p-6",
+					children: /* @__PURE__ */ w("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ C(c, { className: "w-8 h-8 text-destructive" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+							className: "font-medium text-destructive",
+							children: D("movethewheels.tracking.error.title", "Unable to find shipment")
+						}), /* @__PURE__ */ C("p", {
+							className: "text-sm text-muted-foreground",
+							children: D("movethewheels.tracking.error.description", "Please check the tracking number and try again")
+						})] })]
+					})
+				})
+			}),
+			!P && !z && /* @__PURE__ */ C(o, {
+				icon: /* @__PURE__ */ C(f, { size: 48 }),
+				title: D("movethewheels.tracking.empty.title", "Enter a tracking number"),
+				description: D("movethewheels.tracking.empty.description", "Use your tracking number or order ID to see the current status of your shipment")
+			}),
+			L && I && /* @__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__ */ C(i, { children: /* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ w(r, {
+								className: "flex items-center gap-2",
+								children: [
+									/* @__PURE__ */ C(f, { size: 20 }),
+									D("movethewheels.tracking.orderLabel", "Order"),
+									" ",
+									L.orderNumber
+								]
+							}), /* @__PURE__ */ C(_, {
+								status: L.status,
+								type: "order"
+							})]
+						}) }), /* @__PURE__ */ C(n, { children: /* @__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-muted-foreground",
+									children: D("movethewheels.tracking.details.trackingNumber", "Tracking Number")
+								}), /* @__PURE__ */ C("p", {
+									className: "font-mono font-medium",
+									children: L.trackingNumber
+								})] }),
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									className: "text-sm text-muted-foreground",
+									children: D("movethewheels.tracking.details.estimatedDelivery", "Estimated Delivery")
+								}), /* @__PURE__ */ C("p", {
+									className: "font-medium",
+									children: I.estimatedArrival ? v(I.estimatedArrival, "full") : L.scheduledDelivery ? v(L.scheduledDelivery, "full") : D("movethewheels.tracking.details.tbd", "TBD")
+								})] }),
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									className: "text-sm text-muted-foreground",
+									children: D("movethewheels.tracking.details.items", "Items")
+								}), /* @__PURE__ */ w("p", {
+									className: "font-medium",
+									children: [
+										L.items.length,
+										" ",
+										D("movethewheels.tracking.details.itemsSuffix", "items")
+									]
+								})] }),
+								/* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									className: "text-sm text-muted-foreground",
+									children: D("movethewheels.tracking.details.lastUpdated", "Last Updated")
+								}), /* @__PURE__ */ C("p", {
+									className: "font-medium",
+									children: v(I.lastUpdated, "relative")
+								})] })
+							]
+						}) })] }),
+						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C(u, { size: 18 }), D("movethewheels.tracking.progress.title", "Shipment Progress")]
+						}) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("div", {
+							className: "relative",
+							children: /* @__PURE__ */ C("div", {
+								className: "flex justify-between mb-4",
+								children: [
+									{
+										status: "confirmed",
+										label: D("movethewheels.tracking.progress.confirmed", "Confirmed"),
+										icon: l
+									},
+									{
+										status: "picked_up",
+										label: D("movethewheels.tracking.progress.pickedUp", "Picked Up"),
+										icon: f
+									},
+									{
+										status: "in_transit",
+										label: D("movethewheels.tracking.progress.inTransit", "In Transit"),
+										icon: m
+									},
+									{
+										status: "delivered",
+										label: D("movethewheels.tracking.progress.delivered", "Delivered"),
+										icon: d
+									}
+								].map((e, t) => {
+									let n = [
+										"pending",
+										"confirmed",
+										"assigned",
+										"picked_up",
+										"in_transit",
+										"out_for_delivery",
+										"delivered"
+									], r = n.indexOf(L.status), i = n.indexOf(e.status) <= r, a = e.status === L.status || L.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-primary text-primary-foreground" : "bg-muted text-muted-foreground"} ${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-muted-foreground"}`,
+												children: e.label
+											}),
+											t < 3 && /* @__PURE__ */ C("div", {
+												className: `absolute top-5 h-0.5 ${i ? "bg-primary" : "bg-muted"}`,
+												style: {
+													left: `calc(${(t + .5) * 25}% + 20px)`,
+													width: "calc(25% - 40px)"
+												}
+											})
+										]
+									}, e.status);
+								})
+							})
+						}), /* @__PURE__ */ C("div", {
+							className: "mt-8 space-y-4",
+							children: L.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-primary" : "bg-muted"}` }), t < L.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(_, {
+												status: e.status,
+												type: "order",
+												size: "sm"
+											}), /* @__PURE__ */ C("span", {
+												className: "text-sm text-muted-foreground",
+												children: v(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-muted-foreground mt-1",
+											children: [/* @__PURE__ */ C(d, {
+												size: 12,
+												className: "inline mr-1"
+											}), y(e.location)]
+										})
+									]
+								})]
+							}, t))
+						})] })] }),
+						I.alerts && I.alerts.length > 0 && /* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C(c, { size: 18 }), D("movethewheels.tracking.alerts.title", "Alerts")]
+						}) }), /* @__PURE__ */ C(n, { children: /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: I.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, {
+									size: 16,
+									className: e.severity === "critical" ? "text-red-600" : e.severity === "high" ? "text-orange-600" : "text-yellow-600"
+								}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+									className: "text-sm font-medium",
+									children: e.message
+								}), /* @__PURE__ */ w("p", {
+									className: "text-xs text-muted-foreground",
+									children: [v(e.timestamp, "relative"), e.resolvedAt && ` - ${D("movethewheels.tracking.alerts.resolved", "Resolved")}`]
+								})] })]
+							}, e.id))
+						}) })] })
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ w(r, {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ C(d, { size: 18 }), D("movethewheels.tracking.location.title", "Current Location")]
+						}) }), /* @__PURE__ */ w(n, { children: [
+							/* @__PURE__ */ C("div", {
+								className: "aspect-video bg-muted rounded-lg flex items-center justify-center mb-4",
+								children: /* @__PURE__ */ w("div", {
+									className: "text-center text-muted-foreground",
+									children: [/* @__PURE__ */ C(d, {
+										size: 32,
+										className: "mx-auto mb-2"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm",
+										children: D("movethewheels.tracking.location.mapView", "Map View")
+									})]
+								})
+							}),
+							/* @__PURE__ */ C("p", {
+								className: "text-sm",
+								children: I.currentLocation.address || D("movethewheels.tracking.location.updating", "Location updating...")
+							}),
+							/* @__PURE__ */ w("p", {
+								className: "text-xs text-muted-foreground mt-1",
+								children: [
+									D("movethewheels.tracking.location.updated", "Updated"),
+									" ",
+									v(I.currentLocation.timestamp || /* @__PURE__ */ new Date(), "relative")
+								]
+							})
+						] })] }),
+						/* @__PURE__ */ w(t, { children: [/* @__PURE__ */ C(i, { children: /* @__PURE__ */ C(r, { children: D("movethewheels.tracking.deliveryAddress.title", "Delivery Address") }) }), /* @__PURE__ */ w(n, { children: [/* @__PURE__ */ C("p", {
+							className: "text-sm",
+							children: L.customerInfo.name
+						}), /* @__PURE__ */ C("p", {
+							className: "text-sm text-muted-foreground mt-2",
+							children: y(L.deliveryAddress)
+						})] })] }),
+						/* @__PURE__ */ C(t, { children: /* @__PURE__ */ w(n, {
+							className: "p-4 space-y-2",
+							children: [/* @__PURE__ */ C(s, {
+								variant: "outline",
+								className: "w-full",
+								onClick: () => V(`orders/${L.id}`),
+								children: D("movethewheels.tracking.actions.viewOrderDetails", "View Order Details")
+							}), /* @__PURE__ */ C(s, {
+								variant: "outline",
+								className: "w-full",
+								children: D("movethewheels.tracking.actions.contactDriver", "Contact Driver")
+							})]
+						}) })
+					]
+				})]
+			}),
+			P && !L && !R && !z && /* @__PURE__ */ C(o, {
+				icon: /* @__PURE__ */ C(p, { size: 48 }),
+				title: D("movethewheels.tracking.notFound.title", "Shipment not found"),
+				description: `${D("movethewheels.tracking.notFound.descriptionPrefix", "No shipment found with tracking number")} "${P}"`,
+				action: /* @__PURE__ */ C(s, {
+					variant: "outline",
+					onClick: () => N(""),
+					children: D("movethewheels.tracking.notFound.tryAnother", "Try another number")
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { E as default };