@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -1,882 +0,0 @@
-import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.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/coolandlovely/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-subtle/20 text-status-warning-text",
-		label: "New Order"
-	},
-	confirmed: {
-		color: "bg-accent-blue-subtle/20 text-accent-blue",
-		label: "Confirmed"
-	},
-	preparing: {
-		color: "bg-accent-orange-subtle/20 text-accent-orange",
-		label: "Preparing"
-	},
-	ready: {
-		color: "bg-status-success-bg-subtle/20 text-status-success-text",
-		label: "Ready"
-	},
-	out_for_delivery: {
-		color: "bg-accent-cyan-subtle/20 text-accent-cyan",
-		label: "Out for Delivery"
-	},
-	delivered: {
-		color: "bg-status-success-bg-subtle/20 text-status-success-text",
-		label: "Completed"
-	},
-	cancelled: {
-		color: "bg-status-error-bg-subtle/20 text-status-error-text",
-		label: "Cancelled"
-	}
-}, D = {
-	delivery: {
-		icon: _,
-		label: "Delivery",
-		color: "bg-accent-purple-subtle/20 text-accent-purple"
-	},
-	pickup: {
-		icon: g,
-		label: "Pickup",
-		color: "bg-accent-blue-subtle/20 text-accent-blue"
-	},
-	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-subtle/5" : e.status === "preparing" && t > 30 ? "border-status-warning-border/50 bg-status-warning-bg-subtle/5" : "border-border-subtle";
-}, 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",
-		actions: /* @__PURE__ */ S("button", {
-			type: "button",
-			onClick: () => B("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__ */ x(m, { className: "h-4 w-4" }), "Refresh"]
-		}),
-		children: [
-			/* @__PURE__ */ x(w, {
-				className: "mb-6",
-				icon: /* @__PURE__ */ x(g, { className: "h-4 w-4" }),
-				children: "The order queue for your cart. Watch new orders land, move each one through confirmed, preparing, ready and out-for-delivery, and filter by status, type or date to focus on what needs you now — so no customer is left waiting."
-			}),
-			/* @__PURE__ */ S("div", {
-				className: "space-y-4",
-				children: [
-					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-subtle/10" : "border-status-error-border/30 bg-status-error-bg-subtle/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 p-4",
-						children: [
-							/* @__PURE__ */ S("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								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-subtle/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-accent-blue-subtle/30 bg-accent-blue-subtle/5 p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
-									className: "text-xs text-accent-blue",
-									children: "Active"
-								}), /* @__PURE__ */ x("p", {
-									className: "text-2xl font-bold text-accent-blue",
-									children: V.active
-								})]
-							}),
-							/* @__PURE__ */ S("div", {
-								className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/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 bg-gloss-card shadow-pop",
-								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 bg-gloss-card shadow-pop",
-								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 bg-gloss-card shadow-pop",
-						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-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__ */ S("select", {
-									value: M.status,
-									onChange: (e) => N((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__ */ 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-subtle 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-subtle 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-subtle 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-data",
-						title: "No orders found",
-						description: M.searchQuery || M.status ? "Try adjusting your filters to see more orders." : "New orders from customers will appear here as they come in."
-					}) : /* @__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-subtle 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-subtle 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-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__ */ 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-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__ */ 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-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__ */ 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-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__ */ 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-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__ */ 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-subtle 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-subtle/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-black/50 p-4",
-				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__ */ 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-subtle 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-subtle 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-subtle",
-											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-subtle 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-subtle 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-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__ */ x("button", {
-										type: "button",
-										onClick: () => U(P.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"
-									})] })]
-								})
-							]
-						})]
-					})
-				})
-			})
-		]
-	});
-};
-//#endregion
-export { j as OrderManagementPage };
-
-//# sourceMappingURL=OrderManagementPage.js.map