@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.704.5

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

@@ -4,13 +4,15 @@ import { StatusBadge as n } from "../../components/StatusBadge.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
 import { useOrders as i } from "../../hooks/useKadaikodiApi.js";
 import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
-import { RatingDisplay as s } from "../../components/RatingDisplay.js";
-import { useMemo as c, useState as l } from "react";
-import { AlertCircle as u, CheckCircle2 as d, ChevronDown as f, Clock as p, Eye as m, Heart as h, IndianRupee as g, Loader2 as _, Package as v, RotateCcw as y, Search as b, ShoppingBag as x, Star as S, TrendingUp as C, Truck as w, XCircle as T } from "lucide-react";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
+import { SegmentedTabs as s } from "../../components/viz/SegmentedTabs.js";
+import "../../components/viz/index.js";
+import { RatingDisplay as c } from "../../components/RatingDisplay.js";
+import { useMemo as l, useState as u } from "react";
+import { AlertCircle as d, CheckCircle2 as f, ChevronDown as p, Clock as m, Eye as h, Heart as g, IndianRupee as _, Loader2 as v, Package as y, RotateCcw as b, Search as x, ShoppingBag as S, Star as C, TrendingUp as w, Truck as T, XCircle as E } from "lucide-react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { EmphasisPanel as k, PagePurpose as A } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/OrderHistoryPage.tsx
-var A = 10, j = [
+var j = new Set(["delivered", "cancelled"]), M = 10, N = [
 	{
 		value: "",
 		label: "All Status"
@@ -43,7 +45,7 @@ var A = 10, j = [
 		value: "cancelled",
 		label: "Cancelled"
 	}
-], M = [
+], P = [
 	{
 		value: "7days",
 		label: "Last 7 Days"
@@ -60,7 +62,7 @@ var A = 10, j = [
 		value: "all",
 		label: "All Time"
 	}
-], N = [
+], F = [
 	{
 		value: "recent",
 		label: "Most Recent"
@@ -78,15 +80,15 @@ var A = 10, j = [
 		label: "Amount: Low to High"
 	}
 ];
-function P() {
-	let { navigateTo: P, currentUser: F } = e(), [I, L] = l(A), [R, z] = l({
+function I() {
+	let { navigateTo: I, currentUser: L } = e(), [R, z] = u(M), [B, V] = u("active"), [H, U] = u({
 		status: "",
 		dateRange: "30days",
 		searchQuery: "",
 		sortBy: "recent"
-	}), { data: B = [], isLoading: V, isError: H } = i({ customerId: F?.id }), U = c(() => {
-		let e = B.length, t = B.reduce((e, t) => e + t.total, 0), n = e > 0 ? Math.round(t / e) : 0, r = B.filter((e) => new Date(e.orderDate) > /* @__PURE__ */ new Date(Date.now() - 10080 * 60 * 1e3)).length, i = {};
-		for (let e of B) i[e.cartName] = (i[e.cartName] || 0) + 1;
+	}), { data: W = [], isLoading: G, isError: K } = i({ customerId: L?.id }), q = l(() => {
+		let e = W.length, t = W.reduce((e, t) => e + t.total, 0), n = e > 0 ? Math.round(t / e) : 0, r = W.filter((e) => new Date(e.orderDate) > /* @__PURE__ */ new Date(Date.now() - 10080 * 60 * 1e3)).length, i = {};
+		for (let e of W) i[e.cartName] = (i[e.cartName] || 0) + 1;
 		return {
 			totalOrders: e,
 			totalSpent: t,
@@ -94,11 +96,11 @@ function P() {
 			recentOrdersCount: r,
 			favoriteCart: Object.entries(i).sort((e, t) => t[1] - e[1])[0]?.[0] || "No orders yet"
 		};
-	}, [B]), W = c(() => {
-		let e = [...B];
-		if (R.status && (e = e.filter((e) => e.status === R.status)), R.dateRange !== "all") {
+	}, [W]), J = l(() => W.filter((e) => !j.has(e.status)).length, [W]), Y = l(() => W.filter((e) => j.has(e.status)).length, [W]), X = l(() => {
+		let e = [...W];
+		if (e = e.filter((e) => B === "past" ? j.has(e.status) : !j.has(e.status)), H.status && (e = e.filter((e) => e.status === H.status)), H.dateRange !== "all") {
 			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			switch (R.dateRange) {
+			switch (H.dateRange) {
 				case "7days":
 					n.setDate(t.getDate() - 7);
 					break;
@@ -111,11 +113,11 @@ function P() {
 			}
 			e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		if (R.searchQuery) {
-			let t = R.searchQuery.toLowerCase();
+		if (H.searchQuery) {
+			let t = H.searchQuery.toLowerCase();
 			e = e.filter((e) => e.id.toLowerCase().includes(t) || e.cartName.toLowerCase().includes(t) || e.items.some((e) => e.name.toLowerCase().includes(t)));
 		}
-		switch (R.sortBy) {
+		switch (H.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -130,33 +132,37 @@ function P() {
 				break;
 		}
 		return e;
-	}, [B, R]), G = c(() => W.slice(0, I), [W, I]), K = I < W.length, q = (e, t) => {
-		z((n) => ({
+	}, [
+		W,
+		H,
+		B
+	]), Z = l(() => X.slice(0, R), [X, R]), Q = R < X.length, $ = (e, t) => {
+		U((n) => ({
 			...n,
 			[e]: t
-		})), L(A);
-	}, J = (e) => {
-		P(`/customer/cart/${e.cartId}`);
+		})), z(M);
+	}, ee = (e) => {
+		I(`/customer/cart/${e.cartId}`);
 	};
-	return V ? /* @__PURE__ */ E(t, {
+	return G ? /* @__PURE__ */ D(t, {
 		title: "Order History",
 		description: "Loading your orders...",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ D("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ E(_, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ D(v, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : H ? /* @__PURE__ */ E(t, {
+	}) : K ? /* @__PURE__ */ D(t, {
 		title: "Order History",
 		description: "Error loading orders",
-		children: /* @__PURE__ */ D("div", {
+		children: /* @__PURE__ */ O("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ E(u, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ E("h2", {
+				/* @__PURE__ */ D(d, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ D("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading your orders"
 				}),
-				/* @__PURE__ */ E("button", {
+				/* @__PURE__ */ D("button", {
 					type: "button",
 					onClick: () => window.location.reload(),
 					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
@@ -164,125 +170,146 @@ function P() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ D(t, {
+	}) : /* @__PURE__ */ O(t, {
 		title: "Order History",
 		description: "View all your past and current orders",
 		children: [
-			/* @__PURE__ */ E(k, {
+			/* @__PURE__ */ D(A, {
 				className: "mb-6",
 				children: "A complete record of everything you've ordered — search and filter past orders, reorder a favourite in one tap, track what's still on the way, and see how much you've spent over time."
 			}),
-			/* @__PURE__ */ E(O, {
+			/* @__PURE__ */ D("div", {
+				className: "mb-6",
+				children: /* @__PURE__ */ D(s, {
+					fill: !0,
+					"aria-label": "Order view",
+					className: "max-w-sm",
+					tabs: [{
+						id: "active",
+						label: "Active",
+						count: J || void 0
+					}, {
+						id: "past",
+						label: "Past",
+						count: Y || void 0
+					}],
+					value: B,
+					onChange: (e) => {
+						V(e), z(M);
+					}
+				})
+			}),
+			/* @__PURE__ */ D(k, {
 				className: "mb-6",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-3.5",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 mb-1",
-								children: [/* @__PURE__ */ E(v, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D(y, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Orders"
 								})]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xl font-bold text-text-primary",
-								children: U.totalOrders
+								children: q.totalOrders
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-3.5",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 mb-1",
-								children: [/* @__PURE__ */ E(g, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D(_, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Spent"
 								})]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xl font-bold text-text-primary",
-								children: a(U.totalSpent, { minimumFractionDigits: 0 })
+								children: a(q.totalSpent, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-3.5",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 mb-1",
-								children: [/* @__PURE__ */ E(C, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D(w, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Average Order"
 								})]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xl font-bold text-text-primary",
-								children: a(U.averageOrderValue, { minimumFractionDigits: 0 })
+								children: a(q.averageOrderValue, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-3.5",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 mb-1",
-								children: [/* @__PURE__ */ E(p, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D(m, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Recent Orders"
 								})]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-xl font-bold text-text-primary",
-								children: U.recentOrdersCount
+								children: q.recentOrdersCount
 							})]
 						}),
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-3.5 col-span-2 md:col-span-1",
-							children: [/* @__PURE__ */ D("div", {
+							children: [/* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2 mb-1",
-								children: [/* @__PURE__ */ E(h, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ E("p", {
+								children: [/* @__PURE__ */ D(g, { className: "h-3.5 w-3.5 text-text-secondary" }), /* @__PURE__ */ D("p", {
 									className: "text-xs text-text-secondary",
 									children: "Favorite Cart"
 								})]
-							}), /* @__PURE__ */ E("p", {
+							}), /* @__PURE__ */ D("p", {
 								className: "text-sm font-bold text-text-primary truncate",
-								children: U.favoriteCart
+								children: q.favoriteCart
 							})]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ D("div", {
+				children: /* @__PURE__ */ O("div", {
 					className: "grid grid-cols-1 md:grid-cols-4 gap-3",
 					children: [
-						/* @__PURE__ */ D("div", {
+						/* @__PURE__ */ O("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ E(b, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ E("input", {
+							children: [/* @__PURE__ */ D(x, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ D("input", {
 								type: "text",
 								placeholder: "Search orders...",
-								value: R.searchQuery,
-								onChange: (e) => q("searchQuery", e.target.value),
+								value: H.searchQuery,
+								onChange: (e) => $("searchQuery", e.target.value),
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface pl-9 pr-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
-						/* @__PURE__ */ E("select", {
-							value: R.status,
-							onChange: (e) => q("status", e.target.value),
+						/* @__PURE__ */ D("select", {
+							value: H.status,
+							onChange: (e) => $("status", e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: j.map((e) => /* @__PURE__ */ E("option", {
+							children: N.map((e) => /* @__PURE__ */ D("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						}),
-						/* @__PURE__ */ E("select", {
-							value: R.dateRange,
-							onChange: (e) => q("dateRange", e.target.value),
+						/* @__PURE__ */ D("select", {
+							value: H.dateRange,
+							onChange: (e) => $("dateRange", e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: M.map((e) => /* @__PURE__ */ E("option", {
+							children: P.map((e) => /* @__PURE__ */ D("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
 						}),
-						/* @__PURE__ */ E("select", {
-							value: R.sortBy,
-							onChange: (e) => q("sortBy", e.target.value),
+						/* @__PURE__ */ D("select", {
+							value: H.sortBy,
+							onChange: (e) => $("sortBy", e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-							children: N.map((e) => /* @__PURE__ */ E("option", {
+							children: F.map((e) => /* @__PURE__ */ D("option", {
 								value: e.value,
 								children: e.label
 							}, e.value))
@@ -290,40 +317,43 @@ function P() {
 					]
 				})
 			}),
-			V ? /* @__PURE__ */ D("div", {
+			G ? /* @__PURE__ */ O("div", {
 				className: "flex flex-col items-center justify-center py-12 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__ */ D("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4" }), /* @__PURE__ */ D("p", {
 					className: "text-sm text-text-secondary",
 					children: "Loading orders..."
 				})]
-			}) : G.length === 0 ? /* @__PURE__ */ E(r, {
-				icon: /* @__PURE__ */ E(x, { className: "h-12 w-12" }),
+			}) : Z.length === 0 ? /* @__PURE__ */ D(r, {
+				icon: /* @__PURE__ */ D(S, { className: "h-12 w-12" }),
 				title: "No orders found",
-				description: R.searchQuery || R.status ? "Try adjusting your filters" : "You haven't placed any orders yet",
-				action: /* @__PURE__ */ E("button", {
+				description: H.searchQuery || H.status ? "Try adjusting your filters" : "You haven't placed any orders yet",
+				action: /* @__PURE__ */ D("button", {
 					type: "button",
-					onClick: () => P("/customer/discover"),
+					onClick: () => I("/customer/discover"),
 					className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
 					children: "Start Ordering"
 				})
-			}) : /* @__PURE__ */ E("div", {
+			}) : /* @__PURE__ */ D("div", {
 				className: "space-y-4",
-				children: G.map((e) => /* @__PURE__ */ E("div", {
+				children: Z.map((e) => /* @__PURE__ */ D("div", {
 					className: "rounded-lg border border-border-subtle bg-bg-surface hover:shadow-md transition-shadow",
-					children: /* @__PURE__ */ D("div", {
+					children: /* @__PURE__ */ O("div", {
 						className: "p-4 md:p-5",
 						children: [
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ O("div", {
 								className: "flex flex-col md:flex-row md:items-center justify-between mb-3",
-								children: [/* @__PURE__ */ D("div", {
-									className: "mb-3 md:mb-0",
+								children: [/* @__PURE__ */ O("div", {
+									className: "mb-3 md:mb-0 flex items-start gap-3",
 									children: [/* @__PURE__ */ D("div", {
+										className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent-primary",
+										children: /* @__PURE__ */ D(S, { className: "h-5 w-5" })
+									}), /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
 										className: "flex flex-col sm:flex-row sm:items-center gap-2",
-										children: [/* @__PURE__ */ E("h3", {
+										children: [/* @__PURE__ */ D("h3", {
 											className: "text-base font-semibold text-text-primary",
 											children: e.cartName
-										}), /* @__PURE__ */ E(n, { status: e.status })]
-									}), /* @__PURE__ */ D("p", {
+										}), /* @__PURE__ */ D(n, { status: e.status })]
+									}), /* @__PURE__ */ O("p", {
 										className: "text-xs text-text-secondary mt-1",
 										children: [
 											"Order #",
@@ -331,33 +361,42 @@ function P() {
 											" · ",
 											o(e.orderDate)
 										]
-									})]
-								}), /* @__PURE__ */ D("div", {
+									})] })]
+								}), /* @__PURE__ */ O("div", {
 									className: "flex flex-col sm:flex-row sm:items-center gap-2",
-									children: [/* @__PURE__ */ E("p", {
+									children: [/* @__PURE__ */ D("p", {
 										className: "text-lg font-bold text-text-primary",
 										children: a(e.total, { minimumFractionDigits: 0 })
-									}), /* @__PURE__ */ D("div", {
-										className: "flex gap-2",
-										children: [/* @__PURE__ */ D("button", {
-											type: "button",
-											onClick: () => P(`/customer/orders/${e.id}/track`),
-											className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-											children: [/* @__PURE__ */ E(m, { className: "h-3 w-3" }), "Track Order"]
-										}), e.status === "delivered" && /* @__PURE__ */ D("button", {
-											type: "button",
-											onClick: () => J(e),
-											className: "flex items-center gap-1.5 rounded-lg bg-foreground px-3 py-1.5 text-xs font-medium text-background hover:opacity-90 transition-opacity",
-											children: [/* @__PURE__ */ E(y, { className: "h-3 w-3" }), "Reorder"]
-										})]
+									}), /* @__PURE__ */ O("div", {
+										className: "flex flex-wrap gap-2",
+										children: [
+											!j.has(e.status) && /* @__PURE__ */ O("button", {
+												type: "button",
+												onClick: () => I(`/customer/orders/${e.id}/track`),
+												className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+												children: [/* @__PURE__ */ D(h, { className: "h-3 w-3" }), "Track Order"]
+											}),
+											j.has(e.status) && /* @__PURE__ */ O("button", {
+												type: "button",
+												onClick: () => ee(e),
+												className: "flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors",
+												children: [/* @__PURE__ */ D(b, { className: "h-3 w-3" }), "Reorder"]
+											}),
+											e.status === "delivered" && !e.rating && /* @__PURE__ */ O("button", {
+												type: "button",
+												onClick: () => I(`/customer/orders/${e.id}/track`),
+												className: "flex items-center gap-1.5 rounded-lg border border-action-primary-bg px-3 py-1.5 text-xs font-semibold text-accent-primary hover:bg-[var(--color-accent-soft)] transition-colors",
+												children: [/* @__PURE__ */ D(C, { className: "h-3 w-3" }), "Rate"]
+											})
+										]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ D("div", {
 								className: "border-t border-border-subtle pt-3",
-								children: /* @__PURE__ */ D("div", {
+								children: /* @__PURE__ */ O("div", {
 									className: "flex flex-wrap gap-1",
-									children: [e.items.slice(0, 3).map((t, n) => /* @__PURE__ */ D("span", {
+									children: [e.items.slice(0, 3).map((t, n) => /* @__PURE__ */ O("span", {
 										className: "text-xs text-text-secondary",
 										children: [
 											t.name,
@@ -366,7 +405,7 @@ function P() {
 											")",
 											n < Math.min(2, e.items.length - 1) && ", "
 										]
-									}, n)), e.items.length > 3 && /* @__PURE__ */ D("span", {
+									}, n)), e.items.length > 3 && /* @__PURE__ */ O("span", {
 										className: "text-xs text-text-secondary",
 										children: [
 											"+",
@@ -376,16 +415,16 @@ function P() {
 									})]
 								})
 							}),
-							/* @__PURE__ */ D("div", {
+							/* @__PURE__ */ O("div", {
 								className: "mt-3",
 								children: [
-									e.status === "delivered" && /* @__PURE__ */ D("div", {
+									e.status === "delivered" && /* @__PURE__ */ O("div", {
 										className: "flex items-center gap-1.5 text-xs text-status-success-text",
-										children: [/* @__PURE__ */ E(d, { className: "h-3 w-3" }), /* @__PURE__ */ E("span", { children: "Order delivered successfully" })]
+										children: [/* @__PURE__ */ D(f, { className: "h-3 w-3" }), /* @__PURE__ */ D("span", { children: "Order delivered successfully" })]
 									}),
-									e.status === "cancelled" && /* @__PURE__ */ D("div", {
+									e.status === "cancelled" && /* @__PURE__ */ O("div", {
 										className: "flex items-center gap-1.5 text-xs text-status-error-text",
-										children: [/* @__PURE__ */ E(T, { className: "h-3 w-3" }), /* @__PURE__ */ D("span", { children: ["Cancelled", e.cancellationReason && ` - ${e.cancellationReason}`] })]
+										children: [/* @__PURE__ */ D(E, { className: "h-3 w-3" }), /* @__PURE__ */ O("span", { children: ["Cancelled", e.cancellationReason && ` - ${e.cancellationReason}`] })]
 									}),
 									[
 										"pending",
@@ -393,9 +432,9 @@ function P() {
 										"preparing",
 										"ready",
 										"out_for_delivery"
-									].includes(e.status) && /* @__PURE__ */ D("div", {
+									].includes(e.status) && /* @__PURE__ */ O("div", {
 										className: "flex items-center gap-1.5 text-xs text-text-primary",
-										children: [/* @__PURE__ */ E(w, { className: "h-3 w-3" }), /* @__PURE__ */ D("span", { children: [
+										children: [/* @__PURE__ */ D(T, { className: "h-3 w-3" }), /* @__PURE__ */ O("span", { children: [
 											"Estimated delivery by",
 											" ",
 											e.estimatedDeliveryTime ? o(e.estimatedDeliveryTime) : "TBD"
@@ -403,11 +442,11 @@ function P() {
 									})
 								]
 							}),
-							e.status === "delivered" && /* @__PURE__ */ E("div", {
+							e.status === "delivered" && /* @__PURE__ */ D("div", {
 								className: "mt-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2",
-								children: e.rating ? /* @__PURE__ */ D("div", {
+								children: e.rating ? /* @__PURE__ */ O("div", {
 									className: "flex flex-col sm:flex-row sm:items-center gap-2",
-									children: [/* @__PURE__ */ E(s, { value: e.rating }), e.review && /* @__PURE__ */ D("p", {
+									children: [/* @__PURE__ */ D(c, { value: e.rating }), e.review && /* @__PURE__ */ O("p", {
 										className: "text-xs text-text-secondary italic",
 										children: [
 											"“",
@@ -415,32 +454,32 @@ function P() {
 											"”"
 										]
 									})]
-								}) : /* @__PURE__ */ D("button", {
+								}) : /* @__PURE__ */ O("button", {
 									type: "button",
-									onClick: () => P(`/customer/orders/${e.id}/track`),
+									onClick: () => I(`/customer/orders/${e.id}/track`),
 									className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-									children: [/* @__PURE__ */ E(S, { className: "h-3 w-3" }), "Rate Order"]
+									children: [/* @__PURE__ */ D(C, { className: "h-3 w-3" }), "Rate Order"]
 								})
 							})
 						]
 					})
 				}, e.id))
 			}),
-			K && !V && /* @__PURE__ */ E("div", {
+			Q && !G && /* @__PURE__ */ D("div", {
 				className: "text-center mt-8",
-				children: /* @__PURE__ */ D("button", {
+				children: /* @__PURE__ */ O("button", {
 					type: "button",
 					onClick: () => {
-						L((e) => e + A);
+						z((e) => e + M);
 					},
 					className: "inline-flex items-center gap-2 rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-					children: [/* @__PURE__ */ E(f, { className: "h-4 w-4" }), "Load More Orders"]
+					children: [/* @__PURE__ */ D(p, { className: "h-4 w-4" }), "Load More Orders"]
 				})
 			})
 		]
 	});
 }
 //#endregion
-export { P as OrderHistoryPage };
+export { I as OrderHistoryPage };
 
 //# sourceMappingURL=OrderHistoryPage.js.map