@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

package/dist/kadaikodi/pages/customer/OrderTrackingPage.js

@@ -5,36 +5,30 @@ import { StatusBadge as r } from "../../components/StatusBadge.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
 import { useCreateReview as a, useOrder as o } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as s, formatDate as c } from "../../utils/formatters.js";
-import { useState as l } from "react";
-import { ArrowLeft as u, CheckCircle2 as d, ChefHat as f, Circle as p, Clock as m, Loader2 as h, MapPin as g, MessageCircle as _, Package as v, Phone as y, ShoppingBag as b, Star as x, Truck as S, X as C, XCircle as w } from "lucide-react";
-import { useParams as T } from "react-router-dom";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { GlassCard as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+import { Timeline as l } from "../../components/viz/Timeline.js";
+import "../../components/viz/index.js";
+import { StylizedRouteMap as u } from "./shared.js";
+import { useState as d } from "react";
+import { ArrowLeft as f, CheckCircle2 as p, Clock as m, Loader2 as h, MapPin as g, MessageCircle as _, Phone as v, ShoppingBag as y, Star as b, X as x, XCircle as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { GlassCard as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/OrderTrackingPage.tsx
-var A = {
-	pending: m,
-	confirmed: d,
-	preparing: f,
-	ready: v,
-	picked_up: v,
-	out_for_delivery: S,
-	delivered: d,
-	cancelled: w
-}, j = [
+var O = [
 	"pending",
 	"confirmed",
 	"preparing",
 	"ready",
 	"out_for_delivery",
 	"delivered"
-], M = {
+], k = {
 	pending: "Order Placed",
 	confirmed: "Confirmed",
 	preparing: "Preparing",
 	ready: "Ready",
 	out_for_delivery: "Out for Delivery",
 	delivered: "Delivered"
-}, N = {
+}, A = {
 	pending: "Your order has been received",
 	confirmed: "Cart has accepted your order",
 	preparing: "Your food is being prepared",
@@ -42,18 +36,18 @@ var A = {
 	out_for_delivery: "Your order is on the way",
 	delivered: "Order has been delivered"
 };
-function P() {
-	let { orderId: f } = T(), { navigateTo: v, currentUser: S } = e(), { data: P, isLoading: F } = o(f), I = a(), [L, R] = l(!1), [z, B] = l(5), [V, H] = l(""), [U, W] = l(null), G = (e) => {
+function j() {
+	let { orderId: j } = C(), { navigateTo: M, currentUser: N } = e(), { data: P, isLoading: F } = o(j), I = a(), [L, R] = d(!1), [z, B] = d(5), [V, H] = d(""), [U, W] = d(null), G = (e) => {
 		W(e), setTimeout(() => W(null), 3e3);
 	}, K = () => {
-		if (!P || !S?.id) {
+		if (!P || !N?.id) {
 			G("Please sign in to rate this order.");
 			return;
 		}
 		I.mutate({
 			providerId: P.cartId,
 			orderId: P.id,
-			customerId: S.id,
+			customerId: N.id,
 			rating: z,
 			review: V.trim() || void 0
 		}, {
@@ -63,163 +57,162 @@ function P() {
 			onError: () => G("Could not submit your rating. Please try again.")
 		});
 	};
-	if (F) return /* @__PURE__ */ E(n, {
+	if (F) return /* @__PURE__ */ w(n, {
 		title: "Track Order",
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
-			children: [/* @__PURE__ */ E("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ E("p", {
+			children: [/* @__PURE__ */ w("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ w("p", {
 				className: "text-sm text-text-secondary",
 				children: "Loading order details..."
 			})]
 		})
 	});
-	if (!P) return /* @__PURE__ */ E(n, {
+	if (!P) return /* @__PURE__ */ w(n, {
 		title: "Order Not Found",
-		children: /* @__PURE__ */ E(i, {
-			icon: /* @__PURE__ */ E(b, { className: "h-12 w-12" }),
+		children: /* @__PURE__ */ w(i, {
+			icon: /* @__PURE__ */ w(y, { className: "h-12 w-12" }),
 			title: "Order not found",
 			description: "The order you're looking for doesn't exist.",
-			action: /* @__PURE__ */ E("button", {
+			action: /* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => v("/customer/orders"),
+				onClick: () => M("/customer/orders"),
 				className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 				children: "View All Orders"
 			})
 		})
 	});
-	let q = j.indexOf(P.status), J = P.status === "cancelled", Y = P.status === "delivered", X = (e) => j.indexOf(e) <= q, Z = (e) => e === P.status;
-	return /* @__PURE__ */ D(n, {
-		title: /* @__PURE__ */ D("div", {
+	let q = O.indexOf(P.status), J = P.status === "cancelled", Y = P.status === "delivered", X = P.estimatedDeliveryTime ? Math.max(0, Math.round((new Date(P.estimatedDeliveryTime).getTime() - Date.now()) / 6e4)) : null, Z = q < 0 ? 0 : q / (O.length - 1), Q = O.map((e, n) => {
+		let r = n < q ? "success" : n === q ? "accent" : "muted", i = n === q;
+		return {
+			id: e,
+			title: k[e],
+			tone: r,
+			meta: /* @__PURE__ */ w("span", {
+				className: t(i ? "text-text-primary" : void 0),
+				children: A[e]
+			})
+		};
+	});
+	return /* @__PURE__ */ T(n, {
+		title: /* @__PURE__ */ T("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ E("button", {
+			children: [/* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => v("/customer/orders"),
+				onClick: () => M("/customer/orders"),
 				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-				children: /* @__PURE__ */ E(u, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ E("span", { children: "Track Order" })]
+				children: /* @__PURE__ */ w(f, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ w("span", { children: "Track Order" })]
 		}),
-		actions: /* @__PURE__ */ E(r, { status: P.status }),
+		actions: /* @__PURE__ */ w(r, { status: P.status }),
 		children: [
-			/* @__PURE__ */ E(k, {
+			/* @__PURE__ */ w(D, {
 				className: "mb-6",
 				children: "Follow your order in real time — see exactly where it is from kitchen to doorstep, who's delivering it, and reach out for help if anything looks off. The live status updates as your order moves through each stage."
 			}),
-			/* @__PURE__ */ D("div", {
+			/* @__PURE__ */ T("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ D("div", {
+				children: [/* @__PURE__ */ T("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ D(O, {
+						/* @__PURE__ */ T(E, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-5",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ T("div", {
 								className: "flex flex-col sm:flex-row sm:justify-between sm:items-start gap-3",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "flex-1",
 									children: [
-										/* @__PURE__ */ D("h2", {
+										/* @__PURE__ */ T("h2", {
 											className: "text-lg font-semibold text-text-primary",
 											children: ["Order #", P.id]
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ w("p", {
 											className: "text-sm text-text-secondary",
 											children: P.cartName
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary mt-0.5",
 											children: c(P.orderDate)
 										})
 									]
-								}), /* @__PURE__ */ D("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "text-left sm:text-right",
-									children: [/* @__PURE__ */ E("p", {
+									children: [/* @__PURE__ */ w("p", {
 										className: "text-xl font-bold text-text-primary",
 										children: s(P.total, { minimumFractionDigits: 0 })
-									}), /* @__PURE__ */ E("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-xs text-text-secondary uppercase",
 										children: P.paymentMethod
 									})]
 								})]
-							}), J ? /* @__PURE__ */ D("div", {
+							}), J ? /* @__PURE__ */ T("div", {
 								className: "mt-4 flex items-start gap-3 rounded-lg bg-status-error-bg/10 p-4 border border-status-error-border/20",
-								children: [/* @__PURE__ */ E(w, { className: "h-5 w-5 text-status-error-text mt-0.5 shrink-0" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ w(S, { className: "h-5 w-5 text-status-error-text mt-0.5 shrink-0" }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "font-medium text-status-error-text",
 									children: "Order Cancelled"
-								}), P.cancellationReason && /* @__PURE__ */ E("p", {
+								}), P.cancellationReason && /* @__PURE__ */ w("p", {
 									className: "text-sm text-status-error-text/80 mt-0.5",
 									children: P.cancellationReason
 								})] })]
-							}) : /* @__PURE__ */ D("div", {
+							}) : /* @__PURE__ */ T("div", {
 								className: t("mt-4 flex items-start gap-3 rounded-lg p-4 border", Y ? "bg-status-success-bg-subtle border-status-success-text/20" : "bg-[var(--color-accent-soft)] border-border-focus/20"),
-								children: [Y ? /* @__PURE__ */ E(d, { className: "h-5 w-5 text-status-success-text mt-0.5 shrink-0" }) : /* @__PURE__ */ E(m, { className: "h-5 w-5 text-text-primary mt-0.5 shrink-0" }), /* @__PURE__ */ E("p", {
+								children: [Y ? /* @__PURE__ */ w(p, { className: "h-5 w-5 text-status-success-text mt-0.5 shrink-0" }) : /* @__PURE__ */ w(m, { className: "h-5 w-5 text-text-primary mt-0.5 shrink-0" }), /* @__PURE__ */ w("p", {
 									className: t("text-sm font-medium", Y ? "text-status-success-text" : "text-text-primary"),
 									children: Y ? `Delivered at ${c(P.actualDeliveryTime)}` : P.estimatedDeliveryTime ? `Estimated delivery by ${c(P.estimatedDeliveryTime)}` : "Estimated delivery time: TBD"
 								})]
 							})]
 						}),
-						!J && /* @__PURE__ */ D("div", {
+						!J && /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ E("h3", {
-								className: "text-base font-semibold text-text-primary mb-5",
-								children: "Order Status"
-							}), /* @__PURE__ */ E("div", {
-								className: "relative space-y-0",
-								children: j.map((e, n) => {
-									let r = X(e), i = Z(e), a = n === j.length - 1, o = A[e] ?? p;
-									return /* @__PURE__ */ D("div", {
-										className: "flex items-start relative",
+							children: [
+								/* @__PURE__ */ T("div", {
+									className: "mb-4 flex flex-wrap items-center justify-between gap-2",
+									children: [/* @__PURE__ */ w("h3", {
+										className: "text-base font-semibold text-text-primary",
+										children: "Order Status"
+									}), !Y && X != null && /* @__PURE__ */ T("span", {
+										className: "inline-flex items-center gap-1.5 rounded-full bg-[var(--color-accent-soft)] px-3 py-1 text-sm font-semibold text-accent-primary",
 										children: [
-											!a && /* @__PURE__ */ E("div", { className: t("absolute left-5 top-10 w-0.5 h-8 z-0", r ? "bg-status-success-text" : "bg-border") }),
-											/* @__PURE__ */ E("div", {
-												className: t("relative z-10 flex h-10 w-10 shrink-0 items-center justify-center rounded-full", r ? "bg-status-success-bg-subtle border-2 border-status-success-text text-status-success-text" : "bg-bg-sunken border-2 border-border-subtle text-text-secondary", i && "ring-4 ring-status-success-text/20"),
-												children: /* @__PURE__ */ E(o, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ D("div", {
-												className: "ml-4 flex-1 pb-8",
-												children: [
-													/* @__PURE__ */ E("h4", {
-														className: t("text-sm font-semibold", r ? "text-text-primary" : "text-text-secondary"),
-														children: M[e]
-													}),
-													/* @__PURE__ */ E("p", {
-														className: t("text-xs", r ? "text-text-secondary" : "text-text-secondary/50"),
-														children: N[e]
-													}),
-													i && P.assignedWorker && /* @__PURE__ */ D("div", {
-														className: "mt-1.5 text-xs text-text-primary",
-														children: [/* @__PURE__ */ D("p", { children: ["Driver: ", P.assignedWorker.name] }), /* @__PURE__ */ D("p", { children: ["Contact: ", P.assignedWorker.phone] })]
-													})
-												]
-											})
+											/* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" }),
+											"Arriving in ~",
+											X,
+											" min"
 										]
-									}, e);
-								})
-							})]
+									})]
+								}),
+								/* @__PURE__ */ w(u, {
+									progress: Z,
+									originLabel: P.cartName,
+									destinationLabel: "You",
+									className: "mb-6 h-44"
+								}),
+								/* @__PURE__ */ w(l, { items: Q })
+							]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
 							children: [
-								/* @__PURE__ */ E("h3", {
+								/* @__PURE__ */ w("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Order Items"
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ w("div", {
 									className: "space-y-2",
-									children: P.items.map((e, t) => /* @__PURE__ */ D("div", {
+									children: P.items.map((e, t) => /* @__PURE__ */ T("div", {
 										className: "flex justify-between items-start pb-2 border-b border-border-subtle last:border-b-0",
-										children: [/* @__PURE__ */ D("div", {
+										children: [/* @__PURE__ */ T("div", {
 											className: "flex-1 pr-2",
 											children: [
-												/* @__PURE__ */ E("p", {
+												/* @__PURE__ */ w("p", {
 													className: "text-sm font-medium text-text-primary",
 													children: e.name
 												}),
-												e.customizations && e.customizations.length > 0 && /* @__PURE__ */ E("p", {
+												e.customizations && e.customizations.length > 0 && /* @__PURE__ */ w("p", {
 													className: "text-xs text-text-secondary",
 													children: e.customizations.join(", ")
 												}),
-												/* @__PURE__ */ D("p", {
+												/* @__PURE__ */ T("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														s(e.price, { minimumFractionDigits: 0 }),
@@ -228,67 +221,67 @@ function P() {
 													]
 												})
 											]
-										}), /* @__PURE__ */ E("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: s(e.price * e.quantity, { minimumFractionDigits: 0 })
 										})]
 									}, t))
 								}),
-								/* @__PURE__ */ D("div", {
+								/* @__PURE__ */ T("div", {
 									className: "mt-4 pt-4 border-t border-border-subtle space-y-2 text-sm",
 									children: [
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ E("span", { children: "Subtotal" }), /* @__PURE__ */ E("span", { children: s(P.subtotal, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: s(P.subtotal, { minimumFractionDigits: 0 }) })]
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ E("span", { children: "Delivery Fee" }), /* @__PURE__ */ E("span", { children: P.deliveryFee === 0 ? "FREE" : s(P.deliveryFee, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: P.deliveryFee === 0 ? "FREE" : s(P.deliveryFee, { minimumFractionDigits: 0 }) })]
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ E("span", { children: "Tax" }), /* @__PURE__ */ E("span", { children: s(P.taxes, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Tax" }), /* @__PURE__ */ w("span", { children: s(P.taxes, { minimumFractionDigits: 0 }) })]
 										}),
-										P.discount && P.discount > 0 && /* @__PURE__ */ D("div", {
+										P.discount && P.discount > 0 && /* @__PURE__ */ T("div", {
 											className: "flex justify-between text-status-success-text",
-											children: [/* @__PURE__ */ E("span", { children: "Discount" }), /* @__PURE__ */ D("span", { children: ["-", s(P.discount, { minimumFractionDigits: 0 })] })]
+											children: [/* @__PURE__ */ w("span", { children: "Discount" }), /* @__PURE__ */ T("span", { children: ["-", s(P.discount, { minimumFractionDigits: 0 })] })]
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between font-semibold pt-2 border-t border-border-subtle text-text-primary",
-											children: [/* @__PURE__ */ E("span", { children: "Total" }), /* @__PURE__ */ E("span", { children: s(P.total, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: s(P.total, { minimumFractionDigits: 0 }) })]
 										})
 									]
 								})
 							]
 						})
 					]
-				}), /* @__PURE__ */ D("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "lg:col-span-1 space-y-6",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ E("h3", {
+							children: [/* @__PURE__ */ w("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Delivery Details"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "space-y-3",
 								children: [
-									/* @__PURE__ */ D("div", {
+									/* @__PURE__ */ T("div", {
 										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ E(g, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ D("div", { children: [
-											/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ w(g, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ T("div", { children: [
+											/* @__PURE__ */ w("p", {
 												className: "text-xs text-text-secondary",
 												children: "Delivery Address"
 											}),
-											/* @__PURE__ */ E("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: P.deliveryAddress.street
 											}),
-											/* @__PURE__ */ E("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-secondary",
 												children: P.deliveryAddress.area
 											}),
-											/* @__PURE__ */ D("p", {
+											/* @__PURE__ */ T("p", {
 												className: "text-sm text-text-secondary",
 												children: [
 													P.deliveryAddress.city,
@@ -296,29 +289,29 @@ function P() {
 													P.deliveryAddress.pincode
 												]
 											}),
-											P.deliveryAddress.landmark && /* @__PURE__ */ D("p", {
+											P.deliveryAddress.landmark && /* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary mt-0.5",
 												children: ["Landmark: ", P.deliveryAddress.landmark]
 											})
 										] })]
 									}),
-									P.customerNotes && /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
+									P.customerNotes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-xs text-text-secondary",
 										children: "Customer Notes"
-									}), /* @__PURE__ */ E("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-primary",
 										children: P.customerNotes
 									})] }),
-									/* @__PURE__ */ D("div", { children: [
-										/* @__PURE__ */ E("p", {
+									/* @__PURE__ */ T("div", { children: [
+										/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Payment Method"
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary capitalize",
 											children: P.paymentMethod
 										}),
-										/* @__PURE__ */ E("p", {
+										/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: P.paymentStatus === "completed" ? "Paid" : "Payment Pending"
 										})
@@ -326,74 +319,82 @@ function P() {
 								]
 							})]
 						}),
-						P.assignedWorker && /* @__PURE__ */ D("div", {
+						P.assignedWorker && /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ E("h3", {
+							children: [/* @__PURE__ */ w("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Delivery Partner"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "space-y-3",
-								children: [/* @__PURE__ */ D("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-3",
 									children: [
-										/* @__PURE__ */ E("div", {
+										/* @__PURE__ */ w("div", {
 											className: "flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
-											children: /* @__PURE__ */ E("span", {
+											children: /* @__PURE__ */ w("span", {
 												className: "text-sm font-semibold",
 												children: P.assignedWorker.name.charAt(0)
 											})
 										}),
-										/* @__PURE__ */ D("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex-1 min-w-0",
-											children: [/* @__PURE__ */ E("p", {
+											children: [/* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: P.assignedWorker.name
-											}), /* @__PURE__ */ D("div", {
+											}), /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-1.5 mt-0.5",
-												children: [/* @__PURE__ */ E(x, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ D("span", {
+												children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ T("span", {
 													className: "text-xs text-text-secondary",
 													children: [P.assignedWorker.rating, "/5"]
 												})]
 											})]
 										}),
-										/* @__PURE__ */ E("a", {
+										/* @__PURE__ */ w("a", {
 											href: `tel:${P.assignedWorker.phone}`,
 											className: "flex h-9 w-9 items-center justify-center rounded-full bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-											children: /* @__PURE__ */ E(y, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ w(v, { className: "h-4 w-4" })
 										})
 									]
-								}), /* @__PURE__ */ D("button", {
-									type: "button",
-									onClick: () => window.location.href = `tel:${P.assignedWorker.phone}`,
-									className: "w-full flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ E(y, { className: "h-4 w-4" }), "Call Driver"]
+								}), /* @__PURE__ */ T("div", {
+									className: "grid grid-cols-2 gap-2",
+									children: [/* @__PURE__ */ T("a", {
+										href: `tel:${P.assignedWorker.phone}`,
+										className: "flex items-center justify-center gap-2 rounded-lg bg-action-primary-bg px-3 py-2.5 text-sm font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+										children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Call"]
+									}), /* @__PURE__ */ T("button", {
+										type: "button",
+										disabled: !0,
+										title: "In-app chat is coming soon",
+										className: "flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm font-medium text-text-secondary cursor-not-allowed opacity-70",
+										children: [/* @__PURE__ */ w(_, { className: "h-4 w-4" }), "Chat"]
+									})]
 								})]
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ E("h3", {
+							children: [/* @__PURE__ */ w("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Need Help?"
-							}), /* @__PURE__ */ D("div", {
+							}), /* @__PURE__ */ T("div", {
 								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ D("a", {
+									/* @__PURE__ */ T("a", {
 										href: "mailto:support@kadaikodi.com",
 										className: "w-full flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ E(_, { className: "h-4 w-4" }), "Email Support"]
+										children: [/* @__PURE__ */ w(_, { className: "h-4 w-4" }), "Email Support"]
 									}),
-									/* @__PURE__ */ D("button", {
+									/* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => window.location.href = "tel:7012270561",
 										className: "w-full flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-										children: [/* @__PURE__ */ E(y, { className: "h-4 w-4" }), "Call Support"]
+										children: [/* @__PURE__ */ w(v, { className: "h-4 w-4" }), "Call Support"]
 									}),
-									Y && !P.rating && /* @__PURE__ */ D("button", {
+									Y && !P.rating && /* @__PURE__ */ T("button", {
 										type: "button",
 										onClick: () => R(!0),
 										className: "w-full flex items-center justify-center gap-2 rounded-lg bg-foreground px-3 py-2.5 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-										children: [/* @__PURE__ */ E(x, { className: "h-4 w-4" }), "Rate Order"]
+										children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), "Rate Order"]
 									})
 								]
 							})]
@@ -401,38 +402,38 @@ function P() {
 					]
 				})]
 			}),
-			U && /* @__PURE__ */ D("div", {
+			U && /* @__PURE__ */ T("div", {
 				className: "fixed bottom-4 left-1/2 z-50 -translate-x-1/2 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle px-4 py-3 shadow-lg flex items-center gap-2",
-				children: [/* @__PURE__ */ E(d, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ E("p", {
+				children: [/* @__PURE__ */ w(p, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ w("p", {
 					className: "text-sm text-status-success-text",
 					children: U
 				})]
 			}),
-			L && /* @__PURE__ */ E("div", {
+			L && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ E("div", {
+				children: /* @__PURE__ */ w("div", {
 					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ T("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ E("h3", {
+								children: [/* @__PURE__ */ w("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Rate your order"
-								}), /* @__PURE__ */ E("button", {
+								}), /* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => R(!1),
 									className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ E(C, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
 								})]
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ T("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ E("label", {
+								children: [/* @__PURE__ */ w("label", {
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: "Your rating"
-								}), /* @__PURE__ */ E("div", {
+								}), /* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1",
 									children: [
 										1,
@@ -440,24 +441,24 @@ function P() {
 										3,
 										4,
 										5
-									].map((e) => /* @__PURE__ */ E("button", {
+									].map((e) => /* @__PURE__ */ w("button", {
 										type: "button",
 										onClick: () => B(e),
 										className: "p-0.5",
 										"aria-label": `${e} star${e > 1 ? "s" : ""}`,
-										children: /* @__PURE__ */ E(x, { className: t("h-7 w-7", e <= z ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") })
+										children: /* @__PURE__ */ w(b, { className: t("h-7 w-7", e <= z ? "fill-status-warning-text text-status-warning-text" : "fill-none text-text-secondary/40") })
 									}, e))
 								})]
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ T("div", {
 								className: "mb-5",
-								children: [/* @__PURE__ */ D("label", {
+								children: [/* @__PURE__ */ T("label", {
 									className: "block text-sm font-medium text-text-primary mb-1.5",
-									children: ["Review ", /* @__PURE__ */ E("span", {
+									children: ["Review ", /* @__PURE__ */ w("span", {
 										className: "text-text-secondary font-normal",
 										children: "(optional)"
 									})]
-								}), /* @__PURE__ */ E("textarea", {
+								}), /* @__PURE__ */ w("textarea", {
 									rows: 4,
 									value: V,
 									onChange: (e) => H(e.target.value),
@@ -465,15 +466,15 @@ function P() {
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] resize-none"
 								})]
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ T("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ D("button", {
+								children: [/* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: K,
 									disabled: I.isPending,
 									className: t("flex-1 inline-flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-2.5 text-sm font-medium text-background transition-opacity", I.isPending ? "opacity-60 cursor-not-allowed" : "hover:opacity-90"),
-									children: [I.isPending && /* @__PURE__ */ E(h, { className: "h-4 w-4 animate-spin" }), "Submit Rating"]
-								}), /* @__PURE__ */ E("button", {
+									children: [I.isPending && /* @__PURE__ */ w(h, { className: "h-4 w-4 animate-spin" }), "Submit Rating"]
+								}), /* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => R(!1),
 									className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
@@ -488,6 +489,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as OrderTrackingPage };
+export { j as OrderTrackingPage };
 
 //# sourceMappingURL=OrderTrackingPage.js.map