@burdenoff/microfe-subscriberbot 2026.625.1 → 2026.626.2

package/dist/subscriberbot/pages/cart-owner/OrderManagementPage.js

@@ -1,14 +1,16 @@
 import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { formatCurrency as r } from "../../utils/formatters.js";
-import { mockOrders as i } from "../../mocks/data.js";
-import { useMemo as a, useState as o } from "react";
-import { AlertCircle as s, CheckCircle2 as c, ChefHat as l, MapPin as u, PackageCheck as d, Phone as f, RefreshCw as p, Search as m, ShoppingBag as h, Truck as g, X as _, XCircle as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { mockOrders as a } from "../../mocks/data.js";
+import { useMemo as o, useState as s } from "react";
+import { AlertCircle as c, CheckCircle2 as l, ChefHat as u, MapPin as d, PackageCheck as f, Phone as p, RefreshCw as m, Search as h, ShoppingBag as g, Truck as _, X as v, XCircle as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/cart-owner/OrderManagementPage.tsx
-var S = [
-	...i,
+var T = [
+	...a,
 	{
 		id: "ORD-010",
 		cartId: "FOOD-001",
@@ -240,7 +242,7 @@ var S = [
 		customerPhone: "+91-9876543224",
 		fulfillmentType: "delivery"
 	}
-], C = {
+], E = {
 	pending: {
 		color: "bg-status-warning-bg/20 text-status-warning-text",
 		label: "New Order"
@@ -269,54 +271,54 @@ var S = [
 		color: "bg-status-error-bg/20 text-status-error-text",
 		label: "Cancelled"
 	}
-}, w = {
+}, D = {
 	delivery: {
-		icon: g,
+		icon: _,
 		label: "Delivery",
 		color: "bg-accent-purple-subtle text-accent-purple"
 	},
 	pickup: {
-		icon: h,
+		icon: g,
 		label: "Pickup",
 		color: "bg-status-info-bg/20 text-status-info-text"
 	},
 	cart_dispatch: {
-		icon: u,
+		icon: d,
 		label: "Cart Dispatch",
 		color: "bg-bg-sunken text-text-secondary"
 	}
-}, T = (e) => {
+}, O = (e) => {
 	let t = new Date(e), n = Math.floor(((/* @__PURE__ */ new Date()).getTime() - t.getTime()) / (1e3 * 60));
 	return n < 1 ? "Just now" : n < 60 ? `${n} min ago` : n < 1440 ? `${Math.floor(n / 60)} hours ago` : t.toLocaleDateString("en-IN", {
 		day: "2-digit",
 		month: "short"
 	});
-}, E = (e) => new Date(e).toLocaleTimeString("en-IN", {
+}, k = (e) => new Date(e).toLocaleTimeString("en-IN", {
 	hour: "numeric",
 	minute: "2-digit",
 	hour12: !0
-}), D = (e) => {
+}), A = (e) => {
 	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
 	return e.status === "pending" && t > 10 ? "border-status-error-border/50 bg-status-error-bg/5" : e.status === "preparing" && t > 30 ? "border-status-warning-border/50 bg-status-warning-bg/5" : "border-border-seam";
-}, O = () => {
-	let { navigateTo: i } = e(), [h, g] = o(S), [O, k] = o({
+}, j = () => {
+	let { navigateTo: a } = e(), [_, j] = s(T), [M, N] = s({
 		status: "",
 		dateRange: "all",
 		searchQuery: "",
 		sortBy: "recent",
 		fulfillmentType: ""
-	}), [A, j] = o(null), [M, N] = o(!1), [P, F] = o(null), I = (e, t) => {
-		F({
+	}), [P, F] = s(null), [I, L] = s(!1), [R, z] = s(null), B = (e, t) => {
+		z({
 			text: e,
 			type: t
-		}), setTimeout(() => F(null), 3e3);
-	}, L = a(() => {
-		let e = h.length, t = h.filter((e) => e.status === "pending").length, n = h.filter((e) => [
+		}), setTimeout(() => z(null), 3e3);
+	}, V = o(() => {
+		let e = _.length, t = _.filter((e) => e.status === "pending").length, n = _.filter((e) => [
 			"confirmed",
 			"preparing",
 			"ready",
 			"out_for_delivery"
-		].includes(e.status)).length, r = h.filter((e) => e.status === "delivered").length, i = h.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
+		].includes(e.status)).length, r = _.filter((e) => e.status === "delivered").length, i = _.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
 		return {
 			total: e,
 			pending: t,
@@ -325,17 +327,17 @@ var S = [
 			totalRevenue: i,
 			avgOrder: r > 0 ? Math.round(i / r) : 0
 		};
-	}, [h]), R = a(() => {
-		let e = [...h];
-		if (O.status && (e = e.filter((e) => e.status === O.status)), O.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === O.fulfillmentType)), O.searchQuery) {
-			let t = O.searchQuery.toLowerCase();
+	}, [_]), H = o(() => {
+		let e = [..._];
+		if (M.status && (e = e.filter((e) => e.status === M.status)), M.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === M.fulfillmentType)), M.searchQuery) {
+			let t = M.searchQuery.toLowerCase();
 			e = e.filter((e) => e.id.toLowerCase().includes(t) || (e.customerName || "").toLowerCase().includes(t) || e.items.some((e) => e.name.toLowerCase().includes(t)));
 		}
-		if (O.dateRange !== "all") {
+		if (M.dateRange !== "all") {
 			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			O.dateRange === "today" ? n.setHours(0, 0, 0, 0) : O.dateRange === "7days" ? n.setDate(t.getDate() - 7) : O.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
+			M.dateRange === "today" ? n.setHours(0, 0, 0, 0) : M.dateRange === "7days" ? n.setDate(t.getDate() - 7) : M.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		switch (O.sortBy) {
+		switch (M.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -350,237 +352,241 @@ var S = [
 				break;
 		}
 		return e;
-	}, [h, O]), z = (e, t) => {
+	}, [_, M]), U = (e, t) => {
 		let n = {
 			accept: "confirmed",
 			reject: "cancelled",
 			ready: "ready",
 			complete: "delivered"
 		};
-		g((r) => r.map((r) => r.id === e ? {
+		j((r) => r.map((r) => r.id === e ? {
 			...r,
 			status: n[t]
-		} : r)), I({
+		} : r)), B({
 			accept: "Order accepted",
 			reject: "Order rejected",
 			ready: "Order marked as ready",
 			complete: "Order completed"
-		}[t], "success"), M && A?.id === e && N(!1);
+		}[t], "success"), I && P?.id === e && L(!1);
 	};
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ S(n, {
 		title: "Order Management",
 		description: "Manage incoming and active orders",
 		titleGradient: !0,
-		actions: /* @__PURE__ */ x("button", {
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => I("Orders refreshed", "success"),
+			onClick: () => B("Orders refreshed", "success"),
 			className: "inline-flex items-center gap-2 rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-			children: [/* @__PURE__ */ b(p, { className: "h-4 w-4" }), "Refresh"]
+			children: [/* @__PURE__ */ x(m, { className: "h-4 w-4" }), "Refresh"]
 		}),
-		children: [/* @__PURE__ */ x("div", {
+		children: [/* @__PURE__ */ S("div", {
 			className: "space-y-4",
 			children: [
-				P && /* @__PURE__ */ x("div", {
-					className: t("flex items-center gap-2 rounded-lg border p-3", P.type === "success" ? "border-status-success-border/30 bg-status-success-bg/10" : "border-status-error-border/30 bg-status-error-bg/10"),
-					children: [P.type === "success" ? /* @__PURE__ */ b(c, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ b(s, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ b("span", {
-						className: t("text-sm font-medium", P.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-						children: P.text
+				/* @__PURE__ */ x(w, {
+					icon: /* @__PURE__ */ x(g, { className: "h-4 w-4" }),
+					children: "The live queue for every order hitting your cart. Triage new orders the moment they arrive — accept, move them through preparing and ready, and mark them delivered so customers get accurate status updates. Filter by status to focus on what's pending right now, and watch revenue add up through the day."
+				}),
+				R && /* @__PURE__ */ S("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", R.type === "success" ? "border-status-success-border/30 bg-status-success-bg/10" : "border-status-error-border/30 bg-status-error-bg/10"),
+					children: [R.type === "success" ? /* @__PURE__ */ x(l, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ x(c, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ x("span", {
+						className: t("text-sm font-medium", R.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: R.text
 					})]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ S(C, {
 					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Orders"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: L.total
+								children: V.total
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-status-warning-text",
 								children: "Pending"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-status-warning-text",
-								children: L.pending
+								children: V.pending
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-info-border/30 bg-status-info-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-status-info-text",
 								children: "Active"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-status-info-text",
-								children: L.active
+								children: V.active
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-status-success-text",
 								children: "Completed"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-status-success-text",
-								children: L.completed
+								children: V.completed
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Revenue"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: r(L.totalRevenue, { minimumFractionDigits: 0 })
+								children: i(V.totalRevenue, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
 								children: "Avg Order"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-text-primary",
-								children: r(L.avgOrder, { minimumFractionDigits: 0 })
+								children: i(V.avgOrder, { minimumFractionDigits: 0 })
 							})]
 						})
 					]
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "relative sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ b(m, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+								children: [/* @__PURE__ */ x(h, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x("input", {
 									type: "text",
 									placeholder: "Search orders...",
-									value: O.searchQuery,
-									onChange: (e) => k((t) => ({
+									value: M.searchQuery,
+									onChange: (e) => N((t) => ({
 										...t,
 										searchQuery: e.target.value
 									})),
 									className: "w-full rounded-md border border-border-seam bg-bg-surface pl-10 pr-4 py-2 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.status,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.status,
+								onChange: (e) => N((t) => ({
 									...t,
 									status: e.target.value
 								})),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "",
 										children: "All Orders"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "pending",
 										children: "New Orders"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "confirmed",
 										children: "Confirmed"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "preparing",
 										children: "Preparing"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "ready",
 										children: "Ready"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "delivered",
 										children: "Completed"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "cancelled",
 										children: "Cancelled"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.fulfillmentType,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.fulfillmentType,
+								onChange: (e) => N((t) => ({
 									...t,
 									fulfillmentType: e.target.value
 								})),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "",
 										children: "All Types"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "pickup",
 										children: "Pickup"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "delivery",
 										children: "Delivery"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "cart_dispatch",
 										children: "Cart Dispatch"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.dateRange,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.dateRange,
+								onChange: (e) => N((t) => ({
 									...t,
 									dateRange: e.target.value
 								})),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "today",
 										children: "Today"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "7days",
 										children: "Last 7 Days"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "30days",
 										children: "Last 30 Days"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "all",
 										children: "All Time"
 									})
 								]
 							}),
-							/* @__PURE__ */ x("select", {
-								value: O.sortBy,
-								onChange: (e) => k((t) => ({
+							/* @__PURE__ */ S("select", {
+								value: M.sortBy,
+								onChange: (e) => N((t) => ({
 									...t,
 									sortBy: e.target.value
 								})),
 								className: "rounded-md border border-border-seam bg-bg-surface px-3 py-2 text-sm text-text-primary",
 								children: [
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "recent",
 										children: "Most Recent"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "oldest",
 										children: "Oldest First"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "amount_high",
 										children: "Amount: High to Low"
 									}),
-									/* @__PURE__ */ b("option", {
+									/* @__PURE__ */ x("option", {
 										value: "amount_low",
 										children: "Amount: Low to High"
 									})
@@ -589,79 +595,70 @@ var S = [
 						]
 					})
 				}),
-				R.length === 0 ? /* @__PURE__ */ x("div", {
-					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-seam bg-bg-surface shadow-sm text-center",
-					children: [
-						/* @__PURE__ */ b(d, { className: "h-12 w-12 text-text-secondary opacity-40 mb-3" }),
-						/* @__PURE__ */ b("h3", {
-							className: "text-lg font-semibold text-text-primary mb-1",
-							children: "No orders found"
-						}),
-						/* @__PURE__ */ b("p", {
-							className: "text-sm text-text-secondary",
-							children: O.searchQuery || O.status ? "Try adjusting your filters" : "No orders to display"
-						})
-					]
-				}) : /* @__PURE__ */ b("div", {
+				H.length === 0 ? /* @__PURE__ */ x(r, {
+					illustration: M.searchQuery || M.status ? "empty-search" : "empty-sessions",
+					title: "No orders found",
+					description: M.searchQuery || M.status ? "Try adjusting your filters to see more orders." : "No orders to display yet. New orders will appear here the moment customers place them."
+				}) : /* @__PURE__ */ x("div", {
 					className: "space-y-4",
-					children: R.map((e) => {
-						let n = C[e.status] || {
+					children: H.map((e) => {
+						let n = E[e.status] || {
 							color: "bg-bg-sunken text-text-secondary",
 							label: e.status
-						}, i = w[e.fulfillmentType || "delivery"] || w.delivery, a = i.icon;
-						return /* @__PURE__ */ b("div", {
-							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", D(e)),
-							children: /* @__PURE__ */ x("div", {
+						}, r = D[e.fulfillmentType || "delivery"] || D.delivery, a = r.icon;
+						return /* @__PURE__ */ x("div", {
+							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", A(e)),
+							children: /* @__PURE__ */ S("div", {
 								className: "p-4 sm:p-5",
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3",
-										children: [/* @__PURE__ */ x("div", {
+										children: [/* @__PURE__ */ S("div", {
 											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ x("div", {
+											children: [/* @__PURE__ */ S("div", {
 												className: "flex flex-wrap items-center gap-2 mb-1",
 												children: [
-													/* @__PURE__ */ x("h3", {
+													/* @__PURE__ */ S("h3", {
 														className: "text-sm sm:text-base font-semibold text-text-primary",
 														children: ["Order #", e.id]
 													}),
-													/* @__PURE__ */ b("span", {
+													/* @__PURE__ */ x("span", {
 														className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", n.color),
 														children: n.label
 													}),
-													/* @__PURE__ */ x("span", {
-														className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", i.color),
-														children: [/* @__PURE__ */ b(a, { className: "h-3 w-3" }), i.label]
+													/* @__PURE__ */ S("span", {
+														className: t("inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium", r.color),
+														children: [/* @__PURE__ */ x(a, { className: "h-3 w-3" }), r.label]
 													})
 												]
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ S("p", {
 												className: "text-xs text-text-secondary",
 												children: [
 													e.customerName || "Customer",
 													" | ",
-													T(e.orderDate)
+													O(e.orderDate)
 												]
 											})]
-										}), /* @__PURE__ */ x("div", {
+										}), /* @__PURE__ */ S("div", {
 											className: "flex items-center gap-3",
-											children: [/* @__PURE__ */ b("p", {
+											children: [/* @__PURE__ */ x("p", {
 												className: "text-lg font-bold text-text-primary",
-												children: r(e.total, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ b("button", {
+												children: i(e.total, { minimumFractionDigits: 0 })
+											}), /* @__PURE__ */ x("button", {
 												type: "button",
 												onClick: () => {
-													j(e), N(!0);
+													F(e), L(!0);
 												},
 												className: "rounded-md border border-border-seam px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 												children: "View Details"
 											})]
 										})]
 									}),
-									/* @__PURE__ */ b("div", {
+									/* @__PURE__ */ x("div", {
 										className: "border-t border-border-seam pt-3 mb-3",
-										children: /* @__PURE__ */ b("div", {
+										children: /* @__PURE__ */ x("div", {
 											className: "flex flex-wrap gap-2",
-											children: e.items.map((e, t) => /* @__PURE__ */ x("span", {
+											children: e.items.map((e, t) => /* @__PURE__ */ S("span", {
 												className: "inline-flex items-center rounded bg-bg-sunken px-2 py-1 text-xs text-text-primary",
 												children: [
 													e.quantity,
@@ -671,56 +668,56 @@ var S = [
 											}, t))
 										})
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex flex-wrap gap-2",
 										children: [
-											e.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("button", {
+											e.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "accept"),
+												onClick: () => U(e.id, "accept"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
-												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Accept Order"]
-											}), /* @__PURE__ */ x("button", {
+												children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Accept Order"]
+											}), /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "reject"),
+												onClick: () => U(e.id, "reject"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg/10 px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
-												children: [/* @__PURE__ */ b(v, { className: "h-3.5 w-3.5" }), "Reject"]
+												children: [/* @__PURE__ */ x(y, { className: "h-3.5 w-3.5" }), "Reject"]
 											})] }),
-											e.status === "confirmed" && /* @__PURE__ */ x("button", {
+											e.status === "confirmed" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "ready"),
+												onClick: () => U(e.id, "ready"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-warning-bg/10 px-3 py-2 text-xs font-medium text-status-warning-text hover:bg-status-warning-bg/20 transition-colors",
-												children: [/* @__PURE__ */ b(l, { className: "h-3.5 w-3.5" }), "Start Preparing"]
+												children: [/* @__PURE__ */ x(u, { className: "h-3.5 w-3.5" }), "Start Preparing"]
 											}),
-											e.status === "preparing" && /* @__PURE__ */ x("button", {
+											e.status === "preparing" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "ready"),
+												onClick: () => U(e.id, "ready"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
-												children: [/* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
+												children: [/* @__PURE__ */ x(f, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
 											}),
-											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ x("button", {
+											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ S("button", {
 												type: "button",
-												onClick: () => z(e.id, "complete"),
+												onClick: () => U(e.id, "complete"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
-												children: [/* @__PURE__ */ b(c, { className: "h-3.5 w-3.5" }), "Complete Order"]
+												children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Complete Order"]
 											}),
 											[
 												"confirmed",
 												"preparing",
 												"ready"
-											].includes(e.status) && /* @__PURE__ */ x("button", {
+											].includes(e.status) && /* @__PURE__ */ S("button", {
 												type: "button",
 												onClick: () => alert("Contact feature coming soon!"),
 												className: "inline-flex items-center gap-1.5 rounded-md border border-border-seam px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors",
-												children: [/* @__PURE__ */ b(f, { className: "h-3.5 w-3.5" }), "Contact Customer"]
+												children: [/* @__PURE__ */ x(p, { className: "h-3.5 w-3.5" }), "Contact Customer"]
 											})
 										]
 									}),
-									e.specialInstructions && /* @__PURE__ */ x("div", {
+									e.specialInstructions && /* @__PURE__ */ S("div", {
 										className: "mt-3 rounded-md border border-status-warning-border/30 bg-status-warning-bg/10 p-3",
-										children: [/* @__PURE__ */ b("p", {
+										children: [/* @__PURE__ */ x("p", {
 											className: "text-xs font-medium text-status-warning-text",
 											children: "Special Instructions:"
-										}), /* @__PURE__ */ b("p", {
+										}), /* @__PURE__ */ x("p", {
 											className: "text-xs text-status-warning-text mt-0.5",
 											children: e.specialInstructions
 										})]
@@ -731,140 +728,140 @@ var S = [
 					})
 				})
 			]
-		}), M && A && /* @__PURE__ */ b("div", {
+		}), I && P && /* @__PURE__ */ x("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-			children: /* @__PURE__ */ b("div", {
+			children: /* @__PURE__ */ x("div", {
 				className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam bg-bg-surface shadow-xl",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "p-6",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between mb-4",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ x("h3", {
 							className: "text-lg font-semibold text-text-primary",
 							children: "Order Details"
-						}), /* @__PURE__ */ b("button", {
+						}), /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => N(!1),
+							onClick: () => L(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-							children: /* @__PURE__ */ b(_, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ x(v, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ S("div", {
 						className: "space-y-4",
 						children: [
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "grid grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Order ID"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ S("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: ["#", A.id]
+										children: ["#", P.id]
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Status"
-									}), /* @__PURE__ */ b("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (C[A.status] || C.pending).color),
-										children: (C[A.status] || C.pending).label
+									}), /* @__PURE__ */ x("span", {
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (E[P.status] || E.pending).color),
+										children: (E[P.status] || E.pending).label
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Customer"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: A.customerName || "N/A"
+										children: P.customerName || "N/A"
 									})] }),
-									/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary",
 										children: "Order Time"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: E(A.orderDate)
+										children: k(P.orderDate)
 									})] })
 								]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "border-t border-border-seam pt-4",
-								children: [/* @__PURE__ */ b("h4", {
+								children: [/* @__PURE__ */ x("h4", {
 									className: "text-sm font-medium text-text-primary mb-3",
 									children: "Order Items"
-								}), /* @__PURE__ */ b("div", {
+								}), /* @__PURE__ */ x("div", {
 									className: "space-y-2",
-									children: A.items.map((e, t) => /* @__PURE__ */ x("div", {
+									children: P.items.map((e, t) => /* @__PURE__ */ S("div", {
 										className: "flex justify-between items-start",
-										children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
 											children: e.name
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-xs text-text-secondary",
 											children: [
-												r(e.price, { minimumFractionDigits: 0 }),
+												i(e.price, { minimumFractionDigits: 0 }),
 												" x",
 												" ",
 												e.quantity
 											]
-										})] }), /* @__PURE__ */ b("p", {
+										})] }), /* @__PURE__ */ x("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: r(e.price * e.quantity, { minimumFractionDigits: 0 })
+											children: i(e.price * e.quantity, { minimumFractionDigits: 0 })
 										})]
 									}, t))
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "border-t border-border-seam pt-4 space-y-2",
 								children: [
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Subtotal" }), /* @__PURE__ */ b("span", { children: r(A.subtotal, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Subtotal" }), /* @__PURE__ */ x("span", { children: i(P.subtotal, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Delivery Fee" }), /* @__PURE__ */ b("span", { children: r(A.deliveryFee, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Delivery Fee" }), /* @__PURE__ */ x("span", { children: i(P.deliveryFee, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ b("span", { children: "Tax" }), /* @__PURE__ */ b("span", { children: r(A.taxes, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Tax" }), /* @__PURE__ */ x("span", { children: i(P.taxes, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-seam",
-										children: [/* @__PURE__ */ b("span", { children: "Total" }), /* @__PURE__ */ b("span", { children: r(A.total, { minimumFractionDigits: 0 }) })]
+										children: [/* @__PURE__ */ x("span", { children: "Total" }), /* @__PURE__ */ x("span", { children: i(P.total, { minimumFractionDigits: 0 }) })]
 									})
 								]
 							}),
-							A.fulfillmentType === "delivery" && A.deliveryAddress && /* @__PURE__ */ x("div", {
+							P.fulfillmentType === "delivery" && P.deliveryAddress && /* @__PURE__ */ S("div", {
 								className: "border-t border-border-seam pt-4",
-								children: [/* @__PURE__ */ x("h4", {
+								children: [/* @__PURE__ */ S("h4", {
 									className: "text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5",
-									children: [/* @__PURE__ */ b(u, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-								}), /* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ x(d, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
+								}), /* @__PURE__ */ S("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										A.deliveryAddress.street,
+										P.deliveryAddress.street,
 										", ",
-										A.deliveryAddress.area,
-										/* @__PURE__ */ b("br", {}),
-										A.deliveryAddress.city,
+										P.deliveryAddress.area,
+										/* @__PURE__ */ x("br", {}),
+										P.deliveryAddress.city,
 										" - ",
-										A.deliveryAddress.pincode
+										P.deliveryAddress.pincode
 									]
 								})]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ b("button", {
+								children: [/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => N(!1),
+									onClick: () => L(!1),
 									className: "flex-1 rounded-md border border-border-seam px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors",
 									children: "Close"
-								}), A.status === "pending" && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+								}), P.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "accept"),
+									onClick: () => U(P.id, "accept"),
 									className: "flex-1 rounded-md bg-status-success-bg/10 px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 									children: "Accept Order"
-								}), /* @__PURE__ */ b("button", {
+								}), /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "reject"),
+									onClick: () => U(P.id, "reject"),
 									className: "flex-1 rounded-md bg-status-error-bg/10 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/20 transition-colors",
 									children: "Reject Order"
 								})] })]
@@ -877,6 +874,6 @@ var S = [
 	});
 };
 //#endregion
-export { O as OrderManagementPage };
+export { j as OrderManagementPage };
 
 //# sourceMappingURL=OrderManagementPage.js.map