@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

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

@@ -1,14 +1,16 @@
 import { useAdapterCloud as e } from "../../context/AdapterCloudContext.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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/cart-owner/OrderManagementPage.tsx
-var S = [
-	...i,
+var w = [
+	...a,
 	{
 		id: "ORD-010",
 		cartId: "FOOD-001",
@@ -240,7 +242,7 @@ var S = [
 		customerPhone: "+91-9876543224",
 		fulfillmentType: "delivery"
 	}
-], C = {
+], T = {
 	pending: {
 		color: "bg-status-warning-bg-subtle/20 text-status-warning-text",
 		label: "New Order"
@@ -269,54 +271,54 @@ var S = [
 		color: "bg-status-error-bg-subtle/20 text-status-error-text",
 		label: "Cancelled"
 	}
-}, w = {
+}, E = {
 	delivery: {
-		icon: g,
+		icon: _,
 		label: "Delivery",
 		color: "bg-accent-purple-subtle/20 text-accent-purple"
 	},
 	pickup: {
-		icon: h,
+		icon: g,
 		label: "Pickup",
 		color: "bg-accent-blue-subtle/20 text-accent-blue"
 	},
 	cart_dispatch: {
-		icon: u,
+		icon: d,
 		label: "Cart Dispatch",
 		color: "bg-bg-sunken text-text-secondary"
 	}
-}, T = (e) => {
+}, D = (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", {
+}, O = (e) => new Date(e).toLocaleTimeString("en-IN", {
 	hour: "numeric",
 	minute: "2-digit",
 	hour12: !0
-}), D = (e) => {
+}), k = (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-subtle/5" : e.status === "preparing" && t > 30 ? "border-status-warning-border/50 bg-status-warning-bg-subtle/5" : "border-border-subtle";
-}, O = () => {
-	let { navigateTo: i } = e(), [h, g] = o(S), [O, k] = o({
+}, A = () => {
+	let { navigateTo: a } = e(), [g, _] = s(w), [A, j] = s({
 		status: "",
 		dateRange: "all",
 		searchQuery: "",
 		sortBy: "recent",
 		fulfillmentType: ""
-	}), [A, j] = o(null), [M, N] = o(!1), [P, F] = o(null), I = (e, t) => {
-		F({
+	}), [M, N] = s(null), [P, F] = s(!1), [I, L] = s(null), R = (e, t) => {
+		L({
 			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(() => L(null), 3e3);
+	}, z = o(() => {
+		let e = g.length, t = g.filter((e) => e.status === "pending").length, n = g.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 = g.filter((e) => e.status === "delivered").length, i = g.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();
+	}, [g]), B = o(() => {
+		let e = [...g];
+		if (A.status && (e = e.filter((e) => e.status === A.status)), A.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === A.fulfillmentType)), A.searchQuery) {
+			let t = A.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 (A.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);
+			A.dateRange === "today" ? n.setHours(0, 0, 0, 0) : A.dateRange === "7days" ? n.setDate(t.getDate() - 7) : A.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		switch (O.sortBy) {
+		switch (A.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -350,236 +352,237 @@ var S = [
 				break;
 		}
 		return e;
-	}, [h, O]), z = (e, t) => {
+	}, [g, A]), V = (e, t) => {
 		let n = {
 			accept: "confirmed",
 			reject: "cancelled",
 			ready: "ready",
 			complete: "delivered"
 		};
-		g((r) => r.map((r) => r.id === e ? {
+		_((r) => r.map((r) => r.id === e ? {
 			...r,
 			status: n[t]
-		} : r)), I({
+		} : r)), R({
 			accept: "Order accepted",
 			reject: "Order rejected",
 			ready: "Order marked as ready",
 			complete: "Order completed"
-		}[t], "success"), M && A?.id === e && N(!1);
+		}[t], "success"), P && M?.id === e && F(!1);
 	};
-	return /* @__PURE__ */ x(n, {
+	return /* @__PURE__ */ S(n, {
 		title: "Order Management",
 		description: "Manage incoming and active orders",
-		actions: /* @__PURE__ */ x("button", {
+		purpose: "Your live order queue — accept new orders, move them through preparing, ready, and out-for-delivery, and assign staff. Keep this open during business hours so nothing slips and customers stay informed.",
+		actions: /* @__PURE__ */ S("button", {
 			type: "button",
-			onClick: () => I("Orders refreshed", "success"),
+			onClick: () => R("Orders refreshed", "success"),
 			className: "inline-flex items-center gap-2 rounded-md border border-border-subtle 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-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/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
+				I && /* @__PURE__ */ S("div", {
+					className: t("flex items-center gap-2 rounded-lg border p-3", I.type === "success" ? "border-status-success-border/30 bg-status-success-bg-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/10"),
+					children: [I.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", I.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+						children: I.text
 					})]
 				}),
-				/* @__PURE__ */ x("div", {
+				/* @__PURE__ */ x(C, { children: /* @__PURE__ */ S("div", {
 					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 bg-gloss-card shadow-pop",
-							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: z.total
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/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: z.pending
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ b("p", {
+							children: [/* @__PURE__ */ x("p", {
 								className: "text-xs text-accent-blue",
 								children: "Active"
-							}), /* @__PURE__ */ b("p", {
+							}), /* @__PURE__ */ x("p", {
 								className: "text-2xl font-bold text-accent-blue",
-								children: L.active
+								children: z.active
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/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: z.completed
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-							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(z.totalRevenue, { minimumFractionDigits: 0 })
 							})]
 						}),
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-							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(z.avgOrder, { minimumFractionDigits: 0 })
 							})]
 						})
 					]
-				}),
-				/* @__PURE__ */ b("div", {
+				}) }),
+				/* @__PURE__ */ x("div", {
 					className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-					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: A.searchQuery,
+									onChange: (e) => j((t) => ({
 										...t,
 										searchQuery: e.target.value
 									})),
 									className: "w-full rounded-md border border-border-subtle 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: A.status,
+								onChange: (e) => j((t) => ({
 									...t,
 									status: e.target.value
 								})),
 								className: "rounded-md border border-border-subtle 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: A.fulfillmentType,
+								onChange: (e) => j((t) => ({
 									...t,
 									fulfillmentType: e.target.value
 								})),
 								className: "rounded-md border border-border-subtle 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: A.dateRange,
+								onChange: (e) => j((t) => ({
 									...t,
 									dateRange: e.target.value
 								})),
 								className: "rounded-md border border-border-subtle 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: A.sortBy,
+								onChange: (e) => j((t) => ({
 									...t,
 									sortBy: e.target.value
 								})),
 								className: "rounded-md border border-border-subtle 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"
 									})
@@ -588,79 +591,70 @@ var S = [
 						]
 					})
 				}),
-				R.length === 0 ? /* @__PURE__ */ x("div", {
-					className: "flex flex-col items-center justify-center py-16 rounded-lg border border-border-subtle 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", {
+				B.length === 0 ? /* @__PURE__ */ x(r, {
+					illustration: A.searchQuery || A.status ? "empty-search" : "empty-data",
+					title: "No orders found",
+					description: A.searchQuery || A.status ? "Try adjusting your filters" : "New orders will appear here as customers place them."
+				}) : /* @__PURE__ */ x("div", {
 					className: "space-y-4",
-					children: R.map((e) => {
-						let n = C[e.status] || {
+					children: B.map((e) => {
+						let n = T[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 = E[e.fulfillmentType || "delivery"] || E.delivery, a = r.icon;
+						return /* @__PURE__ */ x("div", {
+							className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", k(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)
+													D(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);
+													N(e), F(!0);
 												},
 												className: "rounded-md border border-border-subtle 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-subtle 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,
@@ -670,56 +664,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: () => V(e.id, "accept"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/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: () => V(e.id, "reject"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle/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: () => V(e.id, "ready"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-accent-orange-subtle/10 px-3 py-2 text-xs font-medium text-accent-orange hover:bg-accent-orange-subtle/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: () => V(e.id, "ready"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/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: () => V(e.id, "complete"),
 												className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/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-subtle 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-subtle/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
 										})]
@@ -730,140 +724,140 @@ var S = [
 					})
 				})
 			]
-		}), M && A && /* @__PURE__ */ b("div", {
+		}), P && M && /* @__PURE__ */ x("div", {
 			className: "fixed inset-0 z-50 flex items-center justify-center bg-black/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-subtle 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: () => F(!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: ["#", M.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", (T[M.status] || T.pending).color),
+										children: (T[M.status] || T.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: M.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: O(M.orderDate)
 									})] })
 								]
 							}),
-							/* @__PURE__ */ x("div", {
+							/* @__PURE__ */ S("div", {
 								className: "border-t border-border-subtle 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: M.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-subtle 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(M.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(M.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(M.taxes, { minimumFractionDigits: 0 }) })]
 									}),
-									/* @__PURE__ */ x("div", {
+									/* @__PURE__ */ S("div", {
 										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-subtle",
-										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(M.total, { minimumFractionDigits: 0 }) })]
 									})
 								]
 							}),
-							A.fulfillmentType === "delivery" && A.deliveryAddress && /* @__PURE__ */ x("div", {
+							M.fulfillmentType === "delivery" && M.deliveryAddress && /* @__PURE__ */ S("div", {
 								className: "border-t border-border-subtle 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,
+										M.deliveryAddress.street,
 										", ",
-										A.deliveryAddress.area,
-										/* @__PURE__ */ b("br", {}),
-										A.deliveryAddress.city,
+										M.deliveryAddress.area,
+										/* @__PURE__ */ x("br", {}),
+										M.deliveryAddress.city,
 										" - ",
-										A.deliveryAddress.pincode
+										M.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: () => F(!1),
 									className: "flex-1 rounded-md border border-border-subtle 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", {
+								}), M.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "accept"),
+									onClick: () => V(M.id, "accept"),
 									className: "flex-1 rounded-md bg-status-success-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors",
 									children: "Accept Order"
-								}), /* @__PURE__ */ b("button", {
+								}), /* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => z(A.id, "reject"),
+									onClick: () => V(M.id, "reject"),
 									className: "flex-1 rounded-md bg-status-error-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors",
 									children: "Reject Order"
 								})] })]
@@ -876,6 +870,6 @@ var S = [
 	});
 };
 //#endregion
-export { O as OrderManagementPage };
+export { A as OrderManagementPage };
 
 //# sourceMappingURL=OrderManagementPage.js.map