@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

@@ -3,37 +3,32 @@ import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { StatusBadge as r } from "../../components/StatusBadge.js";
 import { EmptyState as i } from "../../components/EmptyState.js";
-import { useOrder as a } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
-import { ArrowLeft as c, CheckCircle2 as l, ChefHat as u, Circle as d, Clock as f, MapPin as p, MessageCircle as m, Package as h, Phone as g, ShoppingBag as _, Star as v, Truck as y, XCircle as b } from "lucide-react";
-import { useParams as x } from "react-router-dom";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { GlassCard as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+import { useCreateReview as a, useOrder as o } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as s, formatDate as c } from "../../utils/formatters.js";
+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 E = {
-	pending: f,
-	confirmed: l,
-	preparing: u,
-	ready: h,
-	picked_up: h,
-	out_for_delivery: y,
-	delivered: l,
-	cancelled: b
-}, D = [
+var O = [
 	"pending",
 	"confirmed",
 	"preparing",
 	"ready",
 	"out_for_delivery",
 	"delivered"
-], O = {
+], k = {
 	pending: "Order Placed",
 	confirmed: "Confirmed",
 	preparing: "Preparing",
 	ready: "Ready",
 	out_for_delivery: "Out for Delivery",
 	delivered: "Delivered"
-}, k = {
+}, A = {
 	pending: "Your order has been received",
 	confirmed: "Cart has accepted your order",
 	preparing: "Your food is being prepared",
@@ -41,348 +36,459 @@ var E = {
 	out_for_delivery: "Your order is on the way",
 	delivered: "Order has been delivered"
 };
-function A() {
-	let { orderId: u } = x(), { navigateTo: h } = e(), { data: y, isLoading: A } = a(u);
-	if (A) return /* @__PURE__ */ S(n, {
+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 || !N?.id) {
+			G("Please sign in to rate this order.");
+			return;
+		}
+		I.mutate({
+			providerId: P.cartId,
+			orderId: P.id,
+			customerId: N.id,
+			rating: z,
+			review: V.trim() || void 0
+		}, {
+			onSuccess: () => {
+				R(!1), H(""), G("Thanks! Your rating has been submitted.");
+			},
+			onError: () => G("Could not submit your rating. Please try again.")
+		});
+	};
+	if (F) return /* @__PURE__ */ w(n, {
 		title: "Track Order",
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex flex-col items-center justify-center py-16 text-center",
-			children: [/* @__PURE__ */ S("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ S("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 (!y) return /* @__PURE__ */ S(n, {
+	if (!P) return /* @__PURE__ */ w(n, {
 		title: "Order Not Found",
-		children: /* @__PURE__ */ S(i, {
-			icon: /* @__PURE__ */ S(_, { 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__ */ S("button", {
+			action: /* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => h("/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 j = D.indexOf(y.status), M = y.status === "cancelled", N = y.status === "delivered", P = (e) => D.indexOf(e) <= j, F = (e) => e === y.status;
-	return /* @__PURE__ */ C(n, {
-		title: /* @__PURE__ */ C("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__ */ S("button", {
+			children: [/* @__PURE__ */ w("button", {
 				type: "button",
-				onClick: () => h("/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__ */ S(c, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ S("span", { children: "Track Order" })]
+				children: /* @__PURE__ */ w(f, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ w("span", { children: "Track Order" })]
 		}),
-		actions: /* @__PURE__ */ S(r, { status: y.status }),
-		children: [/* @__PURE__ */ S(T, {
-			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__ */ C("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-			children: [/* @__PURE__ */ C("div", {
-				className: "lg:col-span-2 space-y-6",
-				children: [
-					/* @__PURE__ */ C(w, {
-						treatment: "glass",
-						glow: !0,
-						className: "p-5",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex flex-col sm:flex-row sm:justify-between sm:items-start gap-3",
-							children: [/* @__PURE__ */ C("div", {
-								className: "flex-1",
-								children: [
-									/* @__PURE__ */ C("h2", {
-										className: "text-lg font-semibold text-text-primary",
-										children: ["Order #", y.id]
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-sm text-text-secondary",
-										children: y.cartName
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-xs text-text-secondary mt-0.5",
-										children: s(y.orderDate)
-									})
-								]
-							}), /* @__PURE__ */ C("div", {
-								className: "text-left sm:text-right",
-								children: [/* @__PURE__ */ S("p", {
-									className: "text-xl font-bold text-text-primary",
-									children: o(y.total, { minimumFractionDigits: 0 })
-								}), /* @__PURE__ */ S("p", {
-									className: "text-xs text-text-secondary uppercase",
-									children: y.paymentMethod
-								})]
-							})]
-						}), M ? /* @__PURE__ */ C("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__ */ S(b, { className: "h-5 w-5 text-status-error-text mt-0.5 shrink-0" }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-								className: "font-medium text-status-error-text",
-								children: "Order Cancelled"
-							}), y.cancellationReason && /* @__PURE__ */ S("p", {
-								className: "text-sm text-status-error-text/80 mt-0.5",
-								children: y.cancellationReason
-							})] })]
-						}) : /* @__PURE__ */ C("div", {
-							className: t("mt-4 flex items-start gap-3 rounded-lg p-4 border", N ? "bg-status-success-bg-subtle border-status-success-text/20" : "bg-[var(--color-accent-soft)] border-border-focus/20"),
-							children: [N ? /* @__PURE__ */ S(l, { className: "h-5 w-5 text-status-success-text mt-0.5 shrink-0" }) : /* @__PURE__ */ S(f, { className: "h-5 w-5 text-text-primary mt-0.5 shrink-0" }), /* @__PURE__ */ S("p", {
-								className: t("text-sm font-medium", N ? "text-status-success-text" : "text-text-primary"),
-								children: N ? `Delivered at ${s(y.actualDeliveryTime)}` : y.estimatedDeliveryTime ? `Estimated delivery by ${s(y.estimatedDeliveryTime)}` : "Estimated delivery time: TBD"
-							})]
-						})]
-					}),
-					!M && /* @__PURE__ */ C("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ S("h3", {
-							className: "text-base font-semibold text-text-primary mb-5",
-							children: "Order Status"
-						}), /* @__PURE__ */ S("div", {
-							className: "relative space-y-0",
-							children: D.map((e, n) => {
-								let r = P(e), i = F(e), a = n === D.length - 1, o = E[e] ?? d;
-								return /* @__PURE__ */ C("div", {
-									className: "flex items-start relative",
+		actions: /* @__PURE__ */ w(r, { status: P.status }),
+		children: [
+			/* @__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__ */ T("div", {
+				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ T("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ T(E, {
+							treatment: "glass",
+							glow: !0,
+							className: "p-5",
+							children: [/* @__PURE__ */ T("div", {
+								className: "flex flex-col sm:flex-row sm:justify-between sm:items-start gap-3",
+								children: [/* @__PURE__ */ T("div", {
+									className: "flex-1",
 									children: [
-										!a && /* @__PURE__ */ S("div", { className: t("absolute left-5 top-10 w-0.5 h-8 z-0", r ? "bg-status-success-text" : "bg-border") }),
-										/* @__PURE__ */ S("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__ */ S(o, { className: "h-4 w-4" })
+										/* @__PURE__ */ T("h2", {
+											className: "text-lg font-semibold text-text-primary",
+											children: ["Order #", P.id]
 										}),
-										/* @__PURE__ */ C("div", {
-											className: "ml-4 flex-1 pb-8",
+										/* @__PURE__ */ w("p", {
+											className: "text-sm text-text-secondary",
+											children: P.cartName
+										}),
+										/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary mt-0.5",
+											children: c(P.orderDate)
+										})
+									]
+								}), /* @__PURE__ */ T("div", {
+									className: "text-left sm:text-right",
+									children: [/* @__PURE__ */ w("p", {
+										className: "text-xl font-bold text-text-primary",
+										children: s(P.total, { minimumFractionDigits: 0 })
+									}), /* @__PURE__ */ w("p", {
+										className: "text-xs text-text-secondary uppercase",
+										children: P.paymentMethod
+									})]
+								})]
+							}), 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__ */ 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__ */ w("p", {
+									className: "text-sm text-status-error-text/80 mt-0.5",
+									children: P.cancellationReason
+								})] })]
+							}) : /* @__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__ */ 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__ */ T("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							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: [
+											/* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" }),
+											"Arriving in ~",
+											X,
+											" min"
+										]
+									})]
+								}),
+								/* @__PURE__ */ w(u, {
+									progress: Z,
+									originLabel: P.cartName,
+									destinationLabel: "You",
+									className: "mb-6 h-44"
+								}),
+								/* @__PURE__ */ w(l, { items: Q })
+							]
+						}),
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [
+								/* @__PURE__ */ w("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: "Order Items"
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "space-y-2",
+									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__ */ T("div", {
+											className: "flex-1 pr-2",
 											children: [
-												/* @__PURE__ */ S("h4", {
-													className: t("text-sm font-semibold", r ? "text-text-primary" : "text-text-secondary"),
-													children: O[e]
+												/* @__PURE__ */ w("p", {
+													className: "text-sm font-medium text-text-primary",
+													children: e.name
 												}),
-												/* @__PURE__ */ S("p", {
-													className: t("text-xs", r ? "text-text-secondary" : "text-text-secondary/50"),
-													children: k[e]
+												e.customizations && e.customizations.length > 0 && /* @__PURE__ */ w("p", {
+													className: "text-xs text-text-secondary",
+													children: e.customizations.join(", ")
 												}),
-												i && y.assignedWorker && /* @__PURE__ */ C("div", {
-													className: "mt-1.5 text-xs text-text-primary",
-													children: [/* @__PURE__ */ C("p", { children: ["Driver: ", y.assignedWorker.name] }), /* @__PURE__ */ C("p", { children: ["Contact: ", y.assignedWorker.phone] })]
+												/* @__PURE__ */ T("p", {
+													className: "text-xs text-text-secondary",
+													children: [
+														s(e.price, { minimumFractionDigits: 0 }),
+														" x ",
+														e.quantity
+													]
 												})
 											]
+										}), /* @__PURE__ */ w("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: s(e.price * e.quantity, { minimumFractionDigits: 0 })
+										})]
+									}, t))
+								}),
+								/* @__PURE__ */ T("div", {
+									className: "mt-4 pt-4 border-t border-border-subtle space-y-2 text-sm",
+									children: [
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: s(P.subtotal, { minimumFractionDigits: 0 }) })]
+										}),
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: P.deliveryFee === 0 ? "FREE" : s(P.deliveryFee, { minimumFractionDigits: 0 }) })]
+										}),
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between text-text-secondary",
+											children: [/* @__PURE__ */ w("span", { children: "Tax" }), /* @__PURE__ */ w("span", { children: s(P.taxes, { minimumFractionDigits: 0 }) })]
+										}),
+										P.discount && P.discount > 0 && /* @__PURE__ */ T("div", {
+											className: "flex justify-between text-status-success-text",
+											children: [/* @__PURE__ */ w("span", { children: "Discount" }), /* @__PURE__ */ T("span", { children: ["-", s(P.discount, { minimumFractionDigits: 0 })] })]
+										}),
+										/* @__PURE__ */ T("div", {
+											className: "flex justify-between font-semibold pt-2 border-t border-border-subtle text-text-primary",
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: s(P.total, { minimumFractionDigits: 0 }) })]
 										})
 									]
-								}, e);
-							})
-						})]
-					}),
-					/* @__PURE__ */ C("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [
-							/* @__PURE__ */ S("h3", {
+								})
+							]
+						})
+					]
+				}), /* @__PURE__ */ T("div", {
+					className: "lg:col-span-1 space-y-6",
+					children: [
+						/* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [/* @__PURE__ */ w("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
-								children: "Order Items"
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "space-y-2",
-								children: y.items.map((e, t) => /* @__PURE__ */ C("div", {
-									className: "flex justify-between items-start pb-2 border-b border-border-subtle last:border-b-0",
-									children: [/* @__PURE__ */ C("div", {
-										className: "flex-1 pr-2",
-										children: [
-											/* @__PURE__ */ S("p", {
+								children: "Delivery Details"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ T("div", {
+										className: "flex items-start gap-2",
+										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__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: e.name
+												children: P.deliveryAddress.street
 											}),
-											e.customizations && e.customizations.length > 0 && /* @__PURE__ */ S("p", {
-												className: "text-xs text-text-secondary",
-												children: e.customizations.join(", ")
+											/* @__PURE__ */ w("p", {
+												className: "text-sm text-text-secondary",
+												children: P.deliveryAddress.area
 											}),
-											/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
+											/* @__PURE__ */ T("p", {
+												className: "text-sm text-text-secondary",
 												children: [
-													o(e.price, { minimumFractionDigits: 0 }),
-													" x ",
-													e.quantity
+													P.deliveryAddress.city,
+													", ",
+													P.deliveryAddress.pincode
 												]
+											}),
+											P.deliveryAddress.landmark && /* @__PURE__ */ T("p", {
+												className: "text-xs text-text-secondary mt-0.5",
+												children: ["Landmark: ", P.deliveryAddress.landmark]
 											})
-										]
-									}), /* @__PURE__ */ S("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: o(e.price * e.quantity, { minimumFractionDigits: 0 })
-									})]
-								}, t))
-							}),
-							/* @__PURE__ */ C("div", {
-								className: "mt-4 pt-4 border-t border-border-subtle space-y-2 text-sm",
-								children: [
-									/* @__PURE__ */ C("div", {
-										className: "flex justify-between text-text-secondary",
-										children: [/* @__PURE__ */ S("span", { children: "Subtotal" }), /* @__PURE__ */ S("span", { children: o(y.subtotal, { minimumFractionDigits: 0 }) })]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "flex justify-between text-text-secondary",
-										children: [/* @__PURE__ */ S("span", { children: "Delivery Fee" }), /* @__PURE__ */ S("span", { children: y.deliveryFee === 0 ? "FREE" : o(y.deliveryFee, { minimumFractionDigits: 0 }) })]
-									}),
-									/* @__PURE__ */ C("div", {
-										className: "flex justify-between text-text-secondary",
-										children: [/* @__PURE__ */ S("span", { children: "Tax" }), /* @__PURE__ */ S("span", { children: o(y.taxes, { minimumFractionDigits: 0 }) })]
-									}),
-									y.discount && y.discount > 0 && /* @__PURE__ */ C("div", {
-										className: "flex justify-between text-status-success-text",
-										children: [/* @__PURE__ */ S("span", { children: "Discount" }), /* @__PURE__ */ C("span", { children: ["-", o(y.discount, { minimumFractionDigits: 0 })] })]
+										] })]
 									}),
-									/* @__PURE__ */ C("div", {
-										className: "flex justify-between font-semibold pt-2 border-t border-border-subtle text-text-primary",
-										children: [/* @__PURE__ */ S("span", { children: "Total" }), /* @__PURE__ */ S("span", { children: o(y.total, { minimumFractionDigits: 0 }) })]
-									})
-								]
-							})
-						]
-					})
-				]
-			}), /* @__PURE__ */ C("div", {
-				className: "lg:col-span-1 space-y-6",
-				children: [
-					/* @__PURE__ */ C("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ S("h3", {
-							className: "text-base font-semibold text-text-primary mb-3",
-							children: "Delivery Details"
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: [
-								/* @__PURE__ */ C("div", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ S(p, { className: "mt-0.5 h-4 w-4 shrink-0 text-text-secondary" }), /* @__PURE__ */ C("div", { children: [
-										/* @__PURE__ */ S("p", {
+									P.customerNotes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-xs text-text-secondary",
+										children: "Customer Notes"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-text-primary",
+										children: P.customerNotes
+									})] }),
+									/* @__PURE__ */ T("div", { children: [
+										/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
-											children: "Delivery Address"
+											children: "Payment Method"
 										}),
-										/* @__PURE__ */ S("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: y.deliveryAddress.street
+										/* @__PURE__ */ w("p", {
+											className: "text-sm font-medium text-text-primary capitalize",
+											children: P.paymentMethod
 										}),
-										/* @__PURE__ */ S("p", {
-											className: "text-sm text-text-secondary",
-											children: y.deliveryAddress.area
+										/* @__PURE__ */ w("p", {
+											className: "text-xs text-text-secondary",
+											children: P.paymentStatus === "completed" ? "Paid" : "Payment Pending"
+										})
+									] })
+								]
+							})]
+						}),
+						P.assignedWorker && /* @__PURE__ */ T("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [/* @__PURE__ */ w("h3", {
+								className: "text-base font-semibold text-text-primary mb-3",
+								children: "Delivery Partner"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-3",
+								children: [/* @__PURE__ */ T("div", {
+									className: "flex items-center gap-3",
+									children: [
+										/* @__PURE__ */ w("div", {
+											className: "flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+											children: /* @__PURE__ */ w("span", {
+												className: "text-sm font-semibold",
+												children: P.assignedWorker.name.charAt(0)
+											})
 										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-sm text-text-secondary",
-											children: [
-												y.deliveryAddress.city,
-												", ",
-												y.deliveryAddress.pincode
-											]
+										/* @__PURE__ */ T("div", {
+											className: "flex-1 min-w-0",
+											children: [/* @__PURE__ */ w("p", {
+												className: "text-sm font-medium text-text-primary",
+												children: P.assignedWorker.name
+											}), /* @__PURE__ */ T("div", {
+												className: "flex items-center gap-1.5 mt-0.5",
+												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"]
+												})]
+											})]
 										}),
-										y.deliveryAddress.landmark && /* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary mt-0.5",
-											children: ["Landmark: ", y.deliveryAddress.landmark]
+										/* @__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__ */ w(v, { className: "h-4 w-4" })
 										})
-									] })]
-								}),
-								y.customerNotes && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
-									className: "text-xs text-text-secondary",
-									children: "Customer Notes"
-								}), /* @__PURE__ */ S("p", {
-									className: "text-sm text-text-primary",
-									children: y.customerNotes
-								})] }),
-								/* @__PURE__ */ C("div", { children: [
-									/* @__PURE__ */ S("p", {
-										className: "text-xs text-text-secondary",
-										children: "Payment Method"
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-sm font-medium text-text-primary capitalize",
-										children: y.paymentMethod
-									}),
-									/* @__PURE__ */ S("p", {
-										className: "text-xs text-text-secondary",
-										children: y.paymentStatus === "completed" ? "Paid" : "Payment Pending"
-									})
-								] })
-							]
-						})]
-					}),
-					y.assignedWorker && /* @__PURE__ */ C("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ S("h3", {
-							className: "text-base font-semibold text-text-primary mb-3",
-							children: "Delivery Partner"
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: [/* @__PURE__ */ C("div", {
-								className: "flex items-center gap-3",
+									]
+								}), /* @__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__ */ T("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [/* @__PURE__ */ w("h3", {
+								className: "text-base font-semibold text-text-primary mb-3",
+								children: "Need Help?"
+							}), /* @__PURE__ */ T("div", {
+								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ S("div", {
-										className: "flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
-										children: /* @__PURE__ */ S("span", {
-											className: "text-sm font-semibold",
-											children: y.assignedWorker.name.charAt(0)
-										})
+									/* @__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__ */ w(_, { className: "h-4 w-4" }), "Email Support"]
 									}),
-									/* @__PURE__ */ C("div", {
-										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ S("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: y.assignedWorker.name
-										}), /* @__PURE__ */ C("div", {
-											className: "flex items-center gap-1.5 mt-0.5",
-											children: [/* @__PURE__ */ S(v, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
-												className: "text-xs text-text-secondary",
-												children: [y.assignedWorker.rating, "/5"]
-											})]
-										})]
+									/* @__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__ */ w(v, { className: "h-4 w-4" }), "Call Support"]
 									}),
-									/* @__PURE__ */ S("a", {
-										href: `tel:${y.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__ */ S(g, { className: "h-4 w-4" })
+									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__ */ w(b, { className: "h-4 w-4" }), "Rate Order"]
 									})
 								]
-							}), /* @__PURE__ */ C("button", {
-								type: "button",
-								onClick: () => window.location.href = `tel:${y.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__ */ S(g, { className: "h-4 w-4" }), "Call Driver"]
 							})]
-						})]
-					}),
-					/* @__PURE__ */ C("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ S("h3", {
-							className: "text-base font-semibold text-text-primary mb-3",
-							children: "Need Help?"
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-2",
-							children: [
-								/* @__PURE__ */ C("button", {
+						})
+					]
+				})]
+			}),
+			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__ */ 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__ */ w("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ w("div", {
+					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg",
+					children: /* @__PURE__ */ T("div", {
+						className: "p-5",
+						children: [
+							/* @__PURE__ */ T("div", {
+								className: "flex items-center justify-between mb-4",
+								children: [/* @__PURE__ */ w("h3", {
+									className: "text-lg font-semibold text-text-primary",
+									children: "Rate your order"
+								}), /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => alert("Chat support coming soon!"),
-									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__ */ S(m, { className: "h-4 w-4" }), "Chat Support"]
-								}),
-								/* @__PURE__ */ C("button", {
+									onClick: () => R(!1),
+									className: "rounded-md p-2 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
+									children: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
+								})]
+							}),
+							/* @__PURE__ */ T("div", {
+								className: "mb-4",
+								children: [/* @__PURE__ */ w("label", {
+									className: "block text-sm font-medium text-text-primary mb-2",
+									children: "Your rating"
+								}), /* @__PURE__ */ w("div", {
+									className: "flex items-center gap-1",
+									children: [
+										1,
+										2,
+										3,
+										4,
+										5
+									].map((e) => /* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => B(e),
+										className: "p-0.5",
+										"aria-label": `${e} star${e > 1 ? "s" : ""}`,
+										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__ */ T("div", {
+								className: "mb-5",
+								children: [/* @__PURE__ */ T("label", {
+									className: "block text-sm font-medium text-text-primary mb-1.5",
+									children: ["Review ", /* @__PURE__ */ w("span", {
+										className: "text-text-secondary font-normal",
+										children: "(optional)"
+									})]
+								}), /* @__PURE__ */ w("textarea", {
+									rows: 4,
+									value: V,
+									onChange: (e) => H(e.target.value),
+									placeholder: "How was your order?",
+									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__ */ T("div", {
+								className: "flex items-center gap-3",
+								children: [/* @__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__ */ S(g, { className: "h-4 w-4" }), "Call Support"]
-								}),
-								N && !y.rating && /* @__PURE__ */ C("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__ */ w(h, { className: "h-4 w-4 animate-spin" }), "Submit Rating"]
+								}), /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => h(`/customer/orders/${y.id}/rate`),
-									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__ */ S(v, { className: "h-4 w-4" }), "Rate Order"]
-								})
-							]
-						})]
+									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",
+									children: "Cancel"
+								})]
+							})
+						]
 					})
-				]
-			})]
-		})]
+				})
+			})
+		]
 	});
 }
 //#endregion
-export { A as OrderTrackingPage };
+export { j as OrderTrackingPage };
 
 //# sourceMappingURL=OrderTrackingPage.js.map