@burdenoff/microfe-subscriberbot 2026.626.2 → 2026.629.1

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

@@ -1,879 +0,0 @@
-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 { 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 T = [
-	...a,
-	{
-		id: "ORD-010",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		cartImage: "",
-		items: [{
-			id: "food-1",
-			name: "Masala Dosa",
-			quantity: 3,
-			price: 120
-		}, {
-			id: "food-2",
-			name: "Filter Coffee",
-			quantity: 3,
-			price: 60
-		}],
-		subtotal: 540,
-		taxes: 54,
-		deliveryFee: 30,
-		total: 624,
-		status: "pending",
-		orderDate: "2024-01-16T17:30:00Z",
-		estimatedDeliveryTime: "2024-01-16T18:00:00Z",
-		deliveryAddress: {
-			street: "42 Lake Road",
-			area: "Ulsoor",
-			city: "Bangalore",
-			pincode: "560008"
-		},
-		paymentMethod: "UPI",
-		paymentStatus: "completed",
-		timeline: [{
-			status: "pending",
-			timestamp: "2024-01-16T17:30:00Z",
-			description: "Order placed"
-		}],
-		assignedWorker: {
-			id: "worker-1",
-			name: "Ravi Kumar",
-			phone: "+91-9876543210",
-			rating: 4.8
-		},
-		customerName: "Priya Sharma",
-		customerPhone: "+91-9876543220",
-		fulfillmentType: "delivery",
-		specialInstructions: "Extra sambar please"
-	},
-	{
-		id: "ORD-011",
-		cartId: "FOOD-002",
-		cartName: "Chaat Corner",
-		cartImage: "",
-		items: [{
-			id: "food-3",
-			name: "Pani Puri",
-			quantity: 2,
-			price: 80
-		}, {
-			id: "food-4",
-			name: "Bhel Puri",
-			quantity: 1,
-			price: 70
-		}],
-		subtotal: 230,
-		taxes: 23,
-		deliveryFee: 0,
-		total: 253,
-		status: "confirmed",
-		orderDate: "2024-01-16T16:00:00Z",
-		deliveryAddress: {
-			street: "88 MG Road",
-			area: "MG Road",
-			city: "Bangalore",
-			pincode: "560001"
-		},
-		paymentMethod: "Cash",
-		paymentStatus: "pending",
-		timeline: [{
-			status: "pending",
-			timestamp: "2024-01-16T15:50:00Z",
-			description: "Order placed"
-		}, {
-			status: "confirmed",
-			timestamp: "2024-01-16T16:00:00Z",
-			description: "Order confirmed"
-		}],
-		customerName: "Amit Patel",
-		customerPhone: "+91-9876543221",
-		fulfillmentType: "pickup"
-	},
-	{
-		id: "ORD-012",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		cartImage: "",
-		items: [{
-			id: "food-5",
-			name: "Rava Dosa",
-			quantity: 2,
-			price: 100
-		}],
-		subtotal: 200,
-		taxes: 20,
-		deliveryFee: 30,
-		total: 250,
-		status: "preparing",
-		orderDate: "2024-01-16T15:00:00Z",
-		deliveryAddress: {
-			street: "15 Church Street",
-			area: "Church Street",
-			city: "Bangalore",
-			pincode: "560001"
-		},
-		paymentMethod: "UPI",
-		paymentStatus: "completed",
-		timeline: [
-			{
-				status: "pending",
-				timestamp: "2024-01-16T14:50:00Z",
-				description: "Order placed"
-			},
-			{
-				status: "confirmed",
-				timestamp: "2024-01-16T14:55:00Z",
-				description: "Order confirmed"
-			},
-			{
-				status: "preparing",
-				timestamp: "2024-01-16T15:00:00Z",
-				description: "Preparation started"
-			}
-		],
-		customerName: "Deepak Reddy",
-		customerPhone: "+91-9876543222",
-		fulfillmentType: "delivery",
-		specialInstructions: "No onions"
-	},
-	{
-		id: "ORD-013",
-		cartId: "SVC-001",
-		cartName: "Quick Fix Repairs",
-		cartImage: "",
-		items: [{
-			id: "svc-1",
-			name: "Mobile Screen Repair",
-			quantity: 1,
-			price: 2500
-		}],
-		subtotal: 2500,
-		taxes: 250,
-		deliveryFee: 0,
-		total: 2750,
-		status: "ready",
-		orderDate: "2024-01-16T12:00:00Z",
-		deliveryAddress: {
-			street: "22 HSR Layout",
-			area: "HSR Layout",
-			city: "Bangalore",
-			pincode: "560102"
-		},
-		paymentMethod: "Card",
-		paymentStatus: "completed",
-		timeline: [
-			{
-				status: "pending",
-				timestamp: "2024-01-16T11:00:00Z",
-				description: "Order placed"
-			},
-			{
-				status: "confirmed",
-				timestamp: "2024-01-16T11:10:00Z",
-				description: "Order confirmed"
-			},
-			{
-				status: "preparing",
-				timestamp: "2024-01-16T11:30:00Z",
-				description: "Service started"
-			},
-			{
-				status: "ready",
-				timestamp: "2024-01-16T12:00:00Z",
-				description: "Service completed"
-			}
-		],
-		customerName: "Kiran Nair",
-		customerPhone: "+91-9876543223",
-		fulfillmentType: "pickup"
-	},
-	{
-		id: "ORD-014",
-		cartId: "FOOD-001",
-		cartName: "Dosa Express",
-		cartImage: "",
-		items: [{
-			id: "food-1",
-			name: "Masala Dosa",
-			quantity: 1,
-			price: 120
-		}, {
-			id: "food-2",
-			name: "Filter Coffee",
-			quantity: 2,
-			price: 60
-		}],
-		subtotal: 240,
-		taxes: 24,
-		deliveryFee: 30,
-		total: 294,
-		status: "cancelled",
-		orderDate: "2024-01-15T18:00:00Z",
-		deliveryAddress: {
-			street: "5 BTM Layout",
-			area: "BTM Layout",
-			city: "Bangalore",
-			pincode: "560076"
-		},
-		paymentMethod: "UPI",
-		paymentStatus: "refunded",
-		timeline: [{
-			status: "pending",
-			timestamp: "2024-01-15T17:50:00Z",
-			description: "Order placed"
-		}, {
-			status: "cancelled",
-			timestamp: "2024-01-15T18:00:00Z",
-			description: "Order cancelled by customer"
-		}],
-		customerName: "Sneha Gupta",
-		customerPhone: "+91-9876543224",
-		fulfillmentType: "delivery"
-	}
-], E = {
-	pending: {
-		color: "bg-status-warning-bg/20 text-status-warning-text",
-		label: "New Order"
-	},
-	confirmed: {
-		color: "bg-status-info-bg/20 text-status-info-text",
-		label: "Confirmed"
-	},
-	preparing: {
-		color: "bg-status-warning-bg/20 text-status-warning-text",
-		label: "Preparing"
-	},
-	ready: {
-		color: "bg-status-success-bg/20 text-status-success-text",
-		label: "Ready"
-	},
-	out_for_delivery: {
-		color: "bg-status-info-bg/20 text-status-info-text",
-		label: "Out for Delivery"
-	},
-	delivered: {
-		color: "bg-status-success-bg/20 text-status-success-text",
-		label: "Completed"
-	},
-	cancelled: {
-		color: "bg-status-error-bg/20 text-status-error-text",
-		label: "Cancelled"
-	}
-}, D = {
-	delivery: {
-		icon: _,
-		label: "Delivery",
-		color: "bg-accent-purple-subtle text-accent-purple"
-	},
-	pickup: {
-		icon: g,
-		label: "Pickup",
-		color: "bg-status-info-bg/20 text-status-info-text"
-	},
-	cart_dispatch: {
-		icon: d,
-		label: "Cart Dispatch",
-		color: "bg-bg-sunken text-text-secondary"
-	}
-}, 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"
-	});
-}, k = (e) => new Date(e).toLocaleTimeString("en-IN", {
-	hour: "numeric",
-	minute: "2-digit",
-	hour12: !0
-}), 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";
-}, j = () => {
-	let { navigateTo: a } = e(), [_, j] = s(T), [M, N] = s({
-		status: "",
-		dateRange: "all",
-		searchQuery: "",
-		sortBy: "recent",
-		fulfillmentType: ""
-	}), [P, F] = s(null), [I, L] = s(!1), [R, z] = s(null), B = (e, t) => {
-		z({
-			text: e,
-			type: t
-		}), 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 = _.filter((e) => e.status === "delivered").length, i = _.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
-		return {
-			total: e,
-			pending: t,
-			active: n,
-			completed: r,
-			totalRevenue: i,
-			avgOrder: r > 0 ? Math.round(i / r) : 0
-		};
-	}, [_]), 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 (M.dateRange !== "all") {
-			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			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 (M.sortBy) {
-			case "recent":
-				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
-				break;
-			case "oldest":
-				e.sort((e, t) => new Date(e.orderDate).getTime() - new Date(t.orderDate).getTime());
-				break;
-			case "amount_high":
-				e.sort((e, t) => t.total - e.total);
-				break;
-			case "amount_low":
-				e.sort((e, t) => e.total - t.total);
-				break;
-		}
-		return e;
-	}, [_, M]), U = (e, t) => {
-		let n = {
-			accept: "confirmed",
-			reject: "cancelled",
-			ready: "ready",
-			complete: "delivered"
-		};
-		j((r) => r.map((r) => r.id === e ? {
-			...r,
-			status: n[t]
-		} : r)), B({
-			accept: "Order accepted",
-			reject: "Order rejected",
-			ready: "Order marked as ready",
-			complete: "Order completed"
-		}[t], "success"), I && P?.id === e && L(!1);
-	};
-	return /* @__PURE__ */ S(n, {
-		title: "Order Management",
-		description: "Manage incoming and active orders",
-		titleGradient: !0,
-		actions: /* @__PURE__ */ S("button", {
-			type: "button",
-			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__ */ x(m, { className: "h-4 w-4" }), "Refresh"]
-		}),
-		children: [/* @__PURE__ */ S("div", {
-			className: "space-y-4",
-			children: [
-				/* @__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__ */ S(C, {
-					className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
-					children: [
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Orders"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: V.total
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-status-warning-border/30 bg-status-warning-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-status-warning-text",
-								children: "Pending"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-status-warning-text",
-								children: V.pending
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-status-info-border/30 bg-status-info-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-status-info-text",
-								children: "Active"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-status-info-text",
-								children: V.active
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/5 p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-status-success-text",
-								children: "Completed"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-status-success-text",
-								children: V.completed
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Revenue"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: i(V.totalRevenue, { minimumFractionDigits: 0 })
-							})]
-						}),
-						/* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-xs text-text-secondary",
-								children: "Avg Order"
-							}), /* @__PURE__ */ x("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: i(V.avgOrder, { minimumFractionDigits: 0 })
-							})]
-						})
-					]
-				}),
-				/* @__PURE__ */ x("div", {
-					className: "rounded-lg border border-border-seam bg-bg-surface p-4 shadow-sm",
-					children: /* @__PURE__ */ S("div", {
-						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "relative sm:col-span-2 lg:col-span-1",
-								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: 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__ */ 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__ */ x("option", {
-										value: "",
-										children: "All Orders"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "pending",
-										children: "New Orders"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "confirmed",
-										children: "Confirmed"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "preparing",
-										children: "Preparing"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "ready",
-										children: "Ready"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "delivered",
-										children: "Completed"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "cancelled",
-										children: "Cancelled"
-									})
-								]
-							}),
-							/* @__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__ */ x("option", {
-										value: "",
-										children: "All Types"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "pickup",
-										children: "Pickup"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "delivery",
-										children: "Delivery"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "cart_dispatch",
-										children: "Cart Dispatch"
-									})
-								]
-							}),
-							/* @__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__ */ x("option", {
-										value: "today",
-										children: "Today"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "7days",
-										children: "Last 7 Days"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "30days",
-										children: "Last 30 Days"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "all",
-										children: "All Time"
-									})
-								]
-							}),
-							/* @__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__ */ x("option", {
-										value: "recent",
-										children: "Most Recent"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "oldest",
-										children: "Oldest First"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "amount_high",
-										children: "Amount: High to Low"
-									}),
-									/* @__PURE__ */ x("option", {
-										value: "amount_low",
-										children: "Amount: Low to High"
-									})
-								]
-							})
-						]
-					})
-				}),
-				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: H.map((e) => {
-						let n = E[e.status] || {
-							color: "bg-bg-sunken text-text-secondary",
-							label: e.status
-						}, 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__ */ S("div", {
-										className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3",
-										children: [/* @__PURE__ */ S("div", {
-											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ S("div", {
-												className: "flex flex-wrap items-center gap-2 mb-1",
-												children: [
-													/* @__PURE__ */ S("h3", {
-														className: "text-sm sm:text-base font-semibold text-text-primary",
-														children: ["Order #", e.id]
-													}),
-													/* @__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__ */ 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__ */ S("p", {
-												className: "text-xs text-text-secondary",
-												children: [
-													e.customerName || "Customer",
-													" | ",
-													O(e.orderDate)
-												]
-											})]
-										}), /* @__PURE__ */ S("div", {
-											className: "flex items-center gap-3",
-											children: [/* @__PURE__ */ x("p", {
-												className: "text-lg font-bold text-text-primary",
-												children: i(e.total, { minimumFractionDigits: 0 })
-											}), /* @__PURE__ */ x("button", {
-												type: "button",
-												onClick: () => {
-													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__ */ x("div", {
-										className: "border-t border-border-seam pt-3 mb-3",
-										children: /* @__PURE__ */ x("div", {
-											className: "flex flex-wrap gap-2",
-											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,
-													"x ",
-													e.name
-												]
-											}, t))
-										})
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex flex-wrap gap-2",
-										children: [
-											e.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("button", {
-												type: "button",
-												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__ */ x(l, { className: "h-3.5 w-3.5" }), "Accept Order"]
-											}), /* @__PURE__ */ S("button", {
-												type: "button",
-												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__ */ x(y, { className: "h-3.5 w-3.5" }), "Reject"]
-											})] }),
-											e.status === "confirmed" && /* @__PURE__ */ S("button", {
-												type: "button",
-												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__ */ x(u, { className: "h-3.5 w-3.5" }), "Start Preparing"]
-											}),
-											e.status === "preparing" && /* @__PURE__ */ S("button", {
-												type: "button",
-												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__ */ x(f, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
-											}),
-											e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ S("button", {
-												type: "button",
-												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__ */ x(l, { className: "h-3.5 w-3.5" }), "Complete Order"]
-											}),
-											[
-												"confirmed",
-												"preparing",
-												"ready"
-											].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__ */ x(p, { className: "h-3.5 w-3.5" }), "Contact Customer"]
-											})
-										]
-									}),
-									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__ */ x("p", {
-											className: "text-xs font-medium text-status-warning-text",
-											children: "Special Instructions:"
-										}), /* @__PURE__ */ x("p", {
-											className: "text-xs text-status-warning-text mt-0.5",
-											children: e.specialInstructions
-										})]
-									})
-								]
-							})
-						}, e.id);
-					})
-				})
-			]
-		}), I && P && /* @__PURE__ */ x("div", {
-			className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-			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__ */ S("div", {
-					className: "p-6",
-					children: [/* @__PURE__ */ S("div", {
-						className: "flex items-center justify-between mb-4",
-						children: [/* @__PURE__ */ x("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: "Order Details"
-						}), /* @__PURE__ */ x("button", {
-							type: "button",
-							onClick: () => L(!1),
-							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors",
-							children: /* @__PURE__ */ x(v, { className: "h-5 w-5" })
-						})]
-					}), /* @__PURE__ */ S("div", {
-						className: "space-y-4",
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "grid grid-cols-2 gap-4",
-								children: [
-									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-text-secondary",
-										children: "Order ID"
-									}), /* @__PURE__ */ S("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: ["#", P.id]
-									})] }),
-									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-text-secondary",
-										children: "Status"
-									}), /* @__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__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-text-secondary",
-										children: "Customer"
-									}), /* @__PURE__ */ x("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: P.customerName || "N/A"
-									})] }),
-									/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-xs text-text-secondary",
-										children: "Order Time"
-									}), /* @__PURE__ */ x("p", {
-										className: "text-sm font-medium text-text-primary",
-										children: k(P.orderDate)
-									})] })
-								]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "border-t border-border-seam pt-4",
-								children: [/* @__PURE__ */ x("h4", {
-									className: "text-sm font-medium text-text-primary mb-3",
-									children: "Order Items"
-								}), /* @__PURE__ */ x("div", {
-									className: "space-y-2",
-									children: P.items.map((e, t) => /* @__PURE__ */ S("div", {
-										className: "flex justify-between items-start",
-										children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: e.name
-										}), /* @__PURE__ */ S("p", {
-											className: "text-xs text-text-secondary",
-											children: [
-												i(e.price, { minimumFractionDigits: 0 }),
-												" x",
-												" ",
-												e.quantity
-											]
-										})] }), /* @__PURE__ */ x("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: i(e.price * e.quantity, { minimumFractionDigits: 0 })
-										})]
-									}, t))
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "border-t border-border-seam pt-4 space-y-2",
-								children: [
-									/* @__PURE__ */ S("div", {
-										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ x("span", { children: "Subtotal" }), /* @__PURE__ */ x("span", { children: i(P.subtotal, { minimumFractionDigits: 0 }) })]
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ x("span", { children: "Delivery Fee" }), /* @__PURE__ */ x("span", { children: i(P.deliveryFee, { minimumFractionDigits: 0 }) })]
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex justify-between text-sm text-text-secondary",
-										children: [/* @__PURE__ */ x("span", { children: "Tax" }), /* @__PURE__ */ x("span", { children: i(P.taxes, { minimumFractionDigits: 0 }) })]
-									}),
-									/* @__PURE__ */ S("div", {
-										className: "flex justify-between font-semibold text-text-primary pt-2 border-t border-border-seam",
-										children: [/* @__PURE__ */ x("span", { children: "Total" }), /* @__PURE__ */ x("span", { children: i(P.total, { minimumFractionDigits: 0 }) })]
-									})
-								]
-							}),
-							P.fulfillmentType === "delivery" && P.deliveryAddress && /* @__PURE__ */ S("div", {
-								className: "border-t border-border-seam pt-4",
-								children: [/* @__PURE__ */ S("h4", {
-									className: "text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5",
-									children: [/* @__PURE__ */ x(d, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
-								}), /* @__PURE__ */ S("p", {
-									className: "text-sm text-text-secondary",
-									children: [
-										P.deliveryAddress.street,
-										", ",
-										P.deliveryAddress.area,
-										/* @__PURE__ */ x("br", {}),
-										P.deliveryAddress.city,
-										" - ",
-										P.deliveryAddress.pincode
-									]
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ x("button", {
-									type: "button",
-									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"
-								}), P.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
-									type: "button",
-									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__ */ x("button", {
-									type: "button",
-									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"
-								})] })]
-							})
-						]
-					})]
-				})
-			})
-		})]
-	});
-};
-//#endregion
-export { j as OrderManagementPage };
-
-//# sourceMappingURL=OrderManagementPage.js.map