@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

package/dist/kadaikodi/pages/admin/AdminOrdersPage.js

@@ -1,15 +1,20 @@
 import { cn as e } from "../../utils/cn.js";
 import { PageLayout as t } from "../../components/PageLayout.js";
-import { MetricsCard as n } from "../../components/MetricsCard.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useDashboardStats as i, useOrders as a, useUpdateOrderStatus as o } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as s } from "../../utils/formatters.js";
-import { useMemo as c, useState as l } from "react";
-import { AlertCircle as u, CheckCircle2 as d, Clock as f, Eye as p, IndianRupee as m, Loader2 as h, MapPin as g, RefreshCw as _, Search as v, ShoppingBag as y, Store as b, TrendingUp as x, X as S, XCircle as C } from "lucide-react";
+import { EmptyState as n } from "../../components/EmptyState.js";
+import { useDashboardStats as r, useOrders as i, useUpdateOrderStatus as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o } from "../../utils/formatters.js";
+import { DonutChart as s } from "../../components/viz/DonutChart.js";
+import { StatCard as c } from "../../components/viz/StatCard.js";
+import "../../components/viz/index.js";
+import { useMemo as l, useState as u } from "react";
+import { AlertCircle as d, CheckCircle2 as f, Clock as ee, Eye as p, IndianRupee as m, Loader2 as h, MapPin as g, RefreshCw as _, Search as v, ShoppingBag as y, Store as b, TrendingUp as x, X as S, XCircle as C } from "lucide-react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { GlassCard as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/AdminOrdersPage.tsx
-var O = [
+var O = 1440 * 60 * 1e3, k = (e) => {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t.getTime();
+}, A = [
 	"pending",
 	"confirmed",
 	"preparing",
@@ -19,13 +24,31 @@ var O = [
 	"delivered",
 	"cancelled"
 ];
-function k() {
-	let { data: k = [], isLoading: A } = a({}), { data: j } = i(), M = o(), [N, P] = l(""), [F, I] = l("all"), [L, R] = l(null), [z, B] = l(!1), V = (e) => s(e, { minimumFractionDigits: 0 }), H = (e) => e ? new Date(e).toLocaleString("en-IN", {
+function j() {
+	let { data: j = [], isLoading: M } = i({}), { data: N } = r(), P = a(), [F, I] = u(""), [L, R] = u("all"), [z, B] = u(null), [V, H] = u(!1), U = (e) => o(e, { minimumFractionDigits: 0 }), W = (e) => e ? new Date(e).toLocaleString("en-IN", {
 		day: "2-digit",
 		month: "short",
 		hour: "2-digit",
 		minute: "2-digit"
-	}) : "—", U = c(() => j && j.totalOrders > 0 ? j.totalRevenue / j.totalOrders : k.length === 0 ? 0 : k.reduce((e, t) => e + t.total, 0) / k.length, [j, k]), W = (e) => ({
+	}) : "—", G = l(() => N && N.totalOrders > 0 ? N.totalRevenue / N.totalOrders : j.length === 0 ? 0 : j.reduce((e, t) => e + t.total, 0) / j.length, [N, j]), { ordersPerDay: K, gmvPerDay: q } = l(() => {
+		let e = k(/* @__PURE__ */ new Date()), t = e - 29 * O, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
+		for (let i = t; i <= e; i += O) n.set(i, 0), r.set(i, 0);
+		for (let e of j) {
+			let t = k(new Date(e.orderDate));
+			n.has(t) && (n.set(t, (n.get(t) ?? 0) + 1), r.set(t, (r.get(t) ?? 0) + (e.total ?? 0)));
+		}
+		return {
+			ordersPerDay: [...n.values()],
+			gmvPerDay: [...r.values()]
+		};
+	}, [j]), J = l(() => {
+		let e = /* @__PURE__ */ new Map();
+		for (let t of j) e.set(t.status, (e.get(t.status) ?? 0) + 1);
+		return [...e.entries()].sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
+			label: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase()),
+			value: t
+		}));
+	}, [j]), Y = (e) => ({
 		delivered: "bg-status-success-bg-subtle text-status-success-text",
 		preparing: "bg-status-warning-bg-subtle text-status-warning-text",
 		ready: "bg-status-warning-bg-subtle text-status-warning-text",
@@ -33,31 +56,31 @@ function k() {
 		out_for_delivery: "bg-[var(--color-accent-soft)] text-text-primary",
 		cancelled: "bg-status-error-bg-subtle text-status-error-text",
 		confirmed: "bg-[var(--color-accent-soft)] text-text-primary"
-	})[e] ?? "bg-bg-sunken text-text-secondary", G = (e) => {
+	})[e] ?? "bg-bg-sunken text-text-secondary", X = (e) => {
 		switch (e) {
-			case "completed": return /* @__PURE__ */ w(d, { className: "h-4 w-4 text-status-success-text" });
+			case "completed": return /* @__PURE__ */ w(f, { className: "h-4 w-4 text-status-success-text" });
 			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-status-error-text" });
 			case "refunded": return /* @__PURE__ */ w(_, { className: "h-4 w-4 text-text-primary" });
-			default: return /* @__PURE__ */ w(u, { className: "h-4 w-4 text-status-warning-text" });
+			default: return /* @__PURE__ */ w(d, { className: "h-4 w-4 text-status-warning-text" });
 		}
-	}, K = c(() => k.filter((e) => {
-		let t = !N || e.id.toLowerCase().includes(N.toLowerCase()) || e.cartName.toLowerCase().includes(N.toLowerCase()), n = F === "all" || e.status === F;
+	}, Z = l(() => j.filter((e) => {
+		let t = !F || e.id.toLowerCase().includes(F.toLowerCase()) || e.cartName.toLowerCase().includes(F.toLowerCase()), n = L === "all" || e.status === L;
 		return t && n;
 	}), [
-		k,
-		N,
-		F
-	]), q = (e, t) => {
-		M.mutate({
+		j,
+		F,
+		L
+	]), Q = (e, t) => {
+		P.mutate({
 			id: e,
 			status: t.toUpperCase()
 		}, { onSuccess: () => {
-			R((e) => e && {
+			B((e) => e && {
 				...e,
 				status: t
 			});
 		} });
-	}, J = (e) => {
+	}, $ = (e) => {
 		let t = e.deliveryAddress, n = [
 			t.street,
 			t.area,
@@ -66,7 +89,7 @@ function k() {
 		].filter(Boolean);
 		return n.length > 0 ? n.join(", ") : "—";
 	};
-	return A ? /* @__PURE__ */ w(t, {
+	return M ? /* @__PURE__ */ w(t, {
 		title: "Order Management",
 		description: "Loading orders...",
 		children: /* @__PURE__ */ T("div", {
@@ -78,42 +101,58 @@ function k() {
 		})
 	}) : /* @__PURE__ */ T(t, {
 		title: "Order Management",
-		description: `${j?.totalOrders ?? k.length} total orders on the platform`,
+		description: `${N?.totalOrders ?? j.length} total orders on the platform`,
 		children: [
 			/* @__PURE__ */ w(D, {
 				className: "mb-6",
 				children: "Every order placed across Kadaikodi in one queue. Use this page to keep operations running smoothly — search and filter orders, spot anything pending or stuck, open an order to see its full details, and step in when a customer or cart needs help. The metrics up top give you a live read on volume, revenue and what's awaiting action."
 			}),
-			j && /* @__PURE__ */ T(E, {
-				className: "mb-6",
-				children: [/* @__PURE__ */ w("h2", {
-					className: "mb-4 text-lg font-semibold text-text-primary",
-					children: "Orders at a Glance"
-				}), /* @__PURE__ */ T("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+			N && /* @__PURE__ */ T("div", {
+				className: "mb-6 grid grid-cols-1 gap-4 lg:grid-cols-3",
+				children: [/* @__PURE__ */ T("div", {
+					className: "grid grid-cols-2 gap-4 lg:col-span-2",
 					children: [
-						/* @__PURE__ */ w(n, {
-							icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
-							value: (j.totalOrders ?? 0).toLocaleString("en-IN"),
-							label: "Total Orders"
+						/* @__PURE__ */ w(c, {
+							label: "Total Orders",
+							value: (N.totalOrders ?? 0).toLocaleString("en-IN"),
+							icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
+							sparkline: K,
+							sparklineVariant: "area"
 						}),
-						/* @__PURE__ */ w(n, {
-							icon: /* @__PURE__ */ w(m, { className: "h-5 w-5" }),
-							value: V(j.totalRevenue),
-							label: "Total Revenue"
+						/* @__PURE__ */ w(c, {
+							label: "Total Revenue",
+							value: U(N.totalRevenue),
+							icon: /* @__PURE__ */ w(m, { className: "h-4 w-4" }),
+							sparkline: q,
+							sparklineVariant: "area"
 						}),
-						/* @__PURE__ */ w(n, {
-							icon: /* @__PURE__ */ w(x, { className: "h-5 w-5" }),
-							value: V(U),
-							label: "Avg Order Value"
+						/* @__PURE__ */ w(c, {
+							label: "Avg Order Value",
+							value: U(G),
+							icon: /* @__PURE__ */ w(x, { className: "h-4 w-4" })
 						}),
-						/* @__PURE__ */ w(n, {
-							icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
-							value: (j.pendingOrders ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ w(c, {
 							label: "Pending Orders",
-							trendValue: "Awaiting action"
+							value: (N.pendingOrders ?? 0).toLocaleString("en-IN"),
+							icon: /* @__PURE__ */ w(ee, { className: "h-4 w-4" })
 						})
 					]
+				}), /* @__PURE__ */ T(E, {
+					treatment: "plain",
+					className: "p-6",
+					children: [/* @__PURE__ */ w("h3", {
+						className: "mb-4 text-base font-semibold text-text-primary",
+						children: "Order Status"
+					}), J.length > 0 ? /* @__PURE__ */ w(s, {
+						segments: J,
+						size: 140,
+						centerLabel: j.length.toLocaleString("en-IN"),
+						centerCaption: "orders",
+						valueFormatter: (e) => e.toLocaleString("en-IN")
+					}) : /* @__PURE__ */ w("p", {
+						className: "text-sm text-text-secondary",
+						children: "Status mix will appear here."
+					})]
 				})]
 			}),
 			/* @__PURE__ */ w("div", {
@@ -125,18 +164,18 @@ function k() {
 						children: [/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 							type: "text",
 							placeholder: "Search by order ID or cart name...",
-							value: N,
-							onChange: (e) => P(e.target.value),
+							value: F,
+							onChange: (e) => I(e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					}), /* @__PURE__ */ T("select", {
-						value: F,
-						onChange: (e) => I(e.target.value),
+						value: L,
+						onChange: (e) => R(e.target.value),
 						className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [/* @__PURE__ */ w("option", {
 							value: "all",
 							children: "All Status"
-						}), O.map((e) => /* @__PURE__ */ w("option", {
+						}), A.map((e) => /* @__PURE__ */ w("option", {
 							value: e,
 							children: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())
 						}, e))]
@@ -148,7 +187,7 @@ function k() {
 				children: [
 					/* @__PURE__ */ w("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: K.map((t) => /* @__PURE__ */ T("div", {
+						children: Z.map((t) => /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ T("div", {
@@ -158,9 +197,9 @@ function k() {
 										children: t.cartName
 									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
-										children: H(t.orderDate)
+										children: W(t.orderDate)
 									})] }), /* @__PURE__ */ w("span", {
-										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(t.status)),
+										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(t.status)),
 										children: t.status.replace(/_/g, " ")
 									})]
 								}),
@@ -187,10 +226,10 @@ function k() {
 										children: "Amount"
 									}), /* @__PURE__ */ w("p", {
 										className: "text-text-primary font-semibold text-lg",
-										children: V(t.total)
+										children: U(t.total)
 									})] }), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [G(t.paymentStatus), /* @__PURE__ */ T("div", {
+										children: [X(t.paymentStatus), /* @__PURE__ */ T("div", {
 											className: "text-right",
 											children: [/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-primary",
@@ -205,7 +244,7 @@ function k() {
 								/* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => {
-										R(t), B(!0);
+										B(t), H(!0);
 									},
 									className: "w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2",
 									children: [/* @__PURE__ */ w(p, { className: "h-4 w-4" }), " View Details"]
@@ -255,7 +294,7 @@ function k() {
 								]
 							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
-								children: K.map((t) => /* @__PURE__ */ T("tr", {
+								children: Z.map((t) => /* @__PURE__ */ T("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ w("td", {
@@ -275,12 +314,12 @@ function k() {
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm font-semibold text-text-primary",
-											children: V(t.total)
+											children: U(t.total)
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ w("span", {
-												className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(t.status)),
+												className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(t.status)),
 												children: t.status.replace(/_/g, " ")
 											})
 										}),
@@ -288,7 +327,7 @@ function k() {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
-												children: [G(t.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+												children: [X(t.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
 													className: "text-sm text-text-primary",
 													children: t.paymentMethod
 												}), /* @__PURE__ */ w("div", {
@@ -299,14 +338,14 @@ function k() {
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm text-text-secondary",
-											children: H(t.orderDate)
+											children: W(t.orderDate)
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ w("button", {
 												type: "button",
 												onClick: () => {
-													R(t), B(!0);
+													B(t), H(!0);
 												},
 												className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 												children: /* @__PURE__ */ w(p, { className: "h-4 w-4" })
@@ -317,14 +356,14 @@ function k() {
 							})]
 						})
 					}),
-					K.length === 0 && /* @__PURE__ */ w(r, {
+					Z.length === 0 && /* @__PURE__ */ w(n, {
 						illustration: "empty-search",
-						title: k.length === 0 ? "No orders yet" : "No orders found",
-						description: k.length === 0 ? "Orders placed across the platform will appear here as they come in." : "No orders match your current search and filters. Try a different status or search term.",
-						action: k.length > 0 ? /* @__PURE__ */ w("button", {
+						title: j.length === 0 ? "No orders yet" : "No orders found",
+						description: j.length === 0 ? "Orders placed across the platform will appear here as they come in." : "No orders match your current search and filters. Try a different status or search term.",
+						action: j.length > 0 ? /* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => {
-								P(""), I("all");
+								I(""), R("all");
 							},
 							className: "rounded-lg border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 							children: "Clear filters"
@@ -332,7 +371,7 @@ function k() {
 					})
 				]
 			}),
-			z && L && /* @__PURE__ */ w("div", {
+			V && z && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ T("div", {
 					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
@@ -343,7 +382,7 @@ function k() {
 							children: "Order Details"
 						}), /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => B(!1),
+							onClick: () => H(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 						})]
@@ -361,28 +400,28 @@ function k() {
 										children: "Order ID"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary font-mono text-sm break-all",
-										children: L.id
+										children: z.id
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
 									}), /* @__PURE__ */ w("span", {
-										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", W(L.status)),
-										children: L.status.replace(/_/g, " ")
+										className: e("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", Y(z.status)),
+										children: z.status.replace(/_/g, " ")
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order Date"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: H(L.orderDate)
+										children: W(z.orderDate)
 									})] }),
-									L.estimatedDeliveryTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+									z.estimatedDeliveryTime && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Estimated Delivery"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: H(L.estimatedDeliveryTime)
+										children: W(z.estimatedDeliveryTime)
 									})] })
 								]
 							})] }),
@@ -391,23 +430,23 @@ function k() {
 								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Cart"]
 							}), /* @__PURE__ */ w("p", {
 								className: "font-medium text-text-primary",
-								children: L.cartName
+								children: z.cartName
 							})] }),
-							J(L) !== "—" && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							$(z) !== "—" && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Delivery Address"
 							}), /* @__PURE__ */ T("p", {
 								className: "font-medium text-text-primary flex items-start gap-1",
-								children: [/* @__PURE__ */ w(g, { className: "h-3 w-3 mt-1 shrink-0" }), J(L)]
+								children: [/* @__PURE__ */ w(g, { className: "h-3 w-3 mt-1 shrink-0" }), $(z)]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Order Items"
 							}), /* @__PURE__ */ T("div", {
 								className: "rounded-lg bg-bg-sunken/50 p-4",
-								children: [L.items.length > 0 ? /* @__PURE__ */ w("ul", {
+								children: [z.items.length > 0 ? /* @__PURE__ */ w("ul", {
 									className: "space-y-2",
-									children: L.items.map((e) => /* @__PURE__ */ T("li", {
+									children: z.items.map((e) => /* @__PURE__ */ T("li", {
 										className: "flex justify-between text-sm text-text-primary",
 										children: [/* @__PURE__ */ T("span", { children: [
 											e.name,
@@ -415,7 +454,7 @@ function k() {
 											e.quantity
 										] }), /* @__PURE__ */ w("span", {
 											className: "font-medium",
-											children: V(e.price * e.quantity)
+											children: U(e.price * e.quantity)
 										})]
 									}, e.id))
 								}) : /* @__PURE__ */ w("p", {
@@ -426,23 +465,23 @@ function k() {
 									children: [
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: V(L.subtotal) })]
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: U(z.subtotal) })]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Taxes" }), /* @__PURE__ */ w("span", { children: V(L.taxes) })]
+											children: [/* @__PURE__ */ w("span", { children: "Taxes" }), /* @__PURE__ */ w("span", { children: U(z.taxes) })]
 										}),
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: V(L.deliveryFee) })]
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: U(z.deliveryFee) })]
 										}),
-										L.discount ? /* @__PURE__ */ T("div", {
+										z.discount ? /* @__PURE__ */ T("div", {
 											className: "flex justify-between text-text-secondary",
-											children: [/* @__PURE__ */ w("span", { children: "Discount" }), /* @__PURE__ */ T("span", { children: ["-", V(L.discount)] })]
+											children: [/* @__PURE__ */ w("span", { children: "Discount" }), /* @__PURE__ */ T("span", { children: ["-", U(z.discount)] })]
 										}) : null,
 										/* @__PURE__ */ T("div", {
 											className: "flex justify-between pt-2 border-t border-border-subtle font-semibold text-text-primary text-base",
-											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: V(L.total) })]
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: U(z.total) })]
 										})
 									]
 								})]
@@ -457,38 +496,38 @@ function k() {
 									children: "Method"
 								}), /* @__PURE__ */ w("p", {
 									className: "font-medium text-text-primary",
-									children: L.paymentMethod
+									children: z.paymentMethod
 								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Status"
 								}), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
-									children: [G(L.paymentStatus), /* @__PURE__ */ w("span", {
+									children: [X(z.paymentStatus), /* @__PURE__ */ w("span", {
 										className: "font-medium text-text-primary capitalize",
-										children: L.paymentStatus
+										children: z.paymentStatus
 									})]
 								})] })]
 							})] }),
-							L.customerNotes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							z.customerNotes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
 							}), /* @__PURE__ */ w("p", {
 								className: "text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary",
-								children: L.customerNotes
+								children: z.customerNotes
 							})] }),
 							/* @__PURE__ */ T("div", {
 								className: "flex flex-col sm:flex-row sm:justify-end gap-3 pt-2",
 								children: [/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => B(!1),
+									onClick: () => H(!1),
 									className: "rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
-								}), L.status !== "delivered" && L.status !== "cancelled" && /* @__PURE__ */ w("select", {
-									disabled: M.isPending,
+								}), z.status !== "delivered" && z.status !== "cancelled" && /* @__PURE__ */ w("select", {
+									disabled: P.isPending,
 									className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] disabled:opacity-50",
-									value: L.status,
-									onChange: (e) => q(L.id, e.target.value),
-									children: O.map((e) => /* @__PURE__ */ w("option", {
+									value: z.status,
+									onChange: (e) => Q(z.id, e.target.value),
+									children: A.map((e) => /* @__PURE__ */ w("option", {
 										value: e,
 										children: e.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase())
 									}, e))
@@ -502,6 +541,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as AdminOrdersPage };
+export { j as AdminOrdersPage };
 
 //# sourceMappingURL=AdminOrdersPage.js.map