@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -2,247 +2,14 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.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";
+import { useOrders as i, useProviders as a, useUpdateOrderStatus as o } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as s } from "../../utils/formatters.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { AlertCircle as d, CheckCircle2 as f, ChefHat as p, MapPin as m, PackageCheck as h, Phone as g, RefreshCw as _, Search as v, ShoppingBag as y, Truck as b, X as x, XCircle as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/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 = {
+var O = {
 	pending: {
 		color: "bg-status-warning-bg-subtle text-status-warning-text",
 		label: "New Order"
@@ -271,54 +38,58 @@ var T = [
 		color: "bg-status-error-bg-subtle text-status-error-text",
 		label: "Cancelled"
 	}
-}, D = {
+}, k = {
 	delivery: {
-		icon: _,
+		icon: b,
 		label: "Delivery",
 		color: "bg-accent-purple-subtle text-text-primary"
 	},
 	pickup: {
-		icon: g,
+		icon: y,
 		label: "Pickup",
 		color: "bg-[var(--color-accent-soft)] text-text-primary"
 	},
 	cart_dispatch: {
-		icon: d,
+		icon: m,
 		label: "Cart Dispatch",
 		color: "bg-bg-sunken text-text-secondary"
 	}
-}, O = (e) => {
+}, A = (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", {
+}, j = (e) => new Date(e).toLocaleTimeString("en-IN", {
 	hour: "numeric",
 	minute: "2-digit",
 	hour12: !0
-}), A = (e) => {
+}), M = (e) => {
 	let t = ((/* @__PURE__ */ new Date()).getTime() - new Date(e.orderDate).getTime()) / (1e3 * 60);
 	return e.status === "pending" && t > 10 ? "border-status-error-text/50 bg-status-error-bg-subtle" : e.status === "preparing" && t > 30 ? "border-status-warning-text/50 bg-status-warning-bg-subtle" : "border-border-subtle";
-}, j = () => {
-	let { navigateTo: a } = e(), [g, _] = s(T), [j, M] = s({
+}, N = () => {
+	let { navigateTo: y, currentUser: b } = e(), { data: N = [] } = a(), { data: P = [], isLoading: F } = i({ providerId: l(() => N.find((e) => e.ownerId === b?.id) ?? N[0], [N, b?.id])?.id }), I = o(), [L, R] = u([]);
+	c(() => {
+		R(P);
+	}, [P]);
+	let [z, B] = u({
 		status: "",
 		dateRange: "all",
 		searchQuery: "",
 		sortBy: "recent",
 		fulfillmentType: ""
-	}), [N, P] = s(null), [F, I] = s(!1), [L, R] = s(null), z = (e, t) => {
-		R({
+	}), [V, H] = u(null), [U, W] = u(!1), [G, K] = u(null), q = (e, t) => {
+		K({
 			text: e,
 			type: t
-		}), setTimeout(() => R(null), 3e3);
-	}, B = o(() => {
-		let e = g.length, t = g.filter((e) => e.status === "pending").length, n = g.filter((e) => [
+		}), setTimeout(() => K(null), 3e3);
+	}, J = l(() => {
+		let e = L.length, t = L.filter((e) => e.status === "pending").length, n = L.filter((e) => [
 			"confirmed",
 			"preparing",
 			"ready",
 			"out_for_delivery"
-		].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);
+		].includes(e.status)).length, r = L.filter((e) => e.status === "delivered").length, i = L.filter((e) => e.status === "delivered").reduce((e, t) => e + t.total, 0);
 		return {
 			total: e,
 			pending: t,
@@ -327,17 +98,17 @@ var T = [
 			totalRevenue: i,
 			avgOrder: r > 0 ? Math.round(i / r) : 0
 		};
-	}, [g]), V = o(() => {
-		let e = [...g];
-		if (j.status && (e = e.filter((e) => e.status === j.status)), j.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === j.fulfillmentType)), j.searchQuery) {
-			let t = j.searchQuery.toLowerCase();
+	}, [L]), Y = l(() => {
+		let e = [...L];
+		if (z.status && (e = e.filter((e) => e.status === z.status)), z.fulfillmentType && (e = e.filter((e) => e.fulfillmentType === z.fulfillmentType)), z.searchQuery) {
+			let t = z.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 (j.dateRange !== "all") {
+		if (z.dateRange !== "all") {
 			let t = /* @__PURE__ */ new Date(), n = /* @__PURE__ */ new Date();
-			j.dateRange === "today" ? n.setHours(0, 0, 0, 0) : j.dateRange === "7days" ? n.setDate(t.getDate() - 7) : j.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
+			z.dateRange === "today" ? n.setHours(0, 0, 0, 0) : z.dateRange === "7days" ? n.setDate(t.getDate() - 7) : z.dateRange === "30days" && n.setDate(t.getDate() - 30), e = e.filter((e) => new Date(e.orderDate) >= n);
 		}
-		switch (j.sortBy) {
+		switch (z.sortBy) {
 			case "recent":
 				e.sort((e, t) => new Date(t.orderDate).getTime() - new Date(e.orderDate).getTime());
 				break;
@@ -352,244 +123,252 @@ var T = [
 				break;
 		}
 		return e;
-	}, [g, j]), H = (e, t) => {
+	}, [L, z]), X = (e, t) => {
 		let n = {
 			accept: "confirmed",
 			reject: "cancelled",
 			ready: "ready",
 			complete: "delivered"
 		};
-		_((r) => r.map((r) => r.id === e ? {
+		R((r) => r.map((r) => r.id === e ? {
 			...r,
 			status: n[t]
-		} : r)), z({
+		} : r)), I.mutate({
+			id: e,
+			status: {
+				accept: "CONFIRMED",
+				reject: "CANCELLED",
+				ready: "READY",
+				complete: "DELIVERED"
+			}[t]
+		}, { onError: () => q("Could not update the order on the server", "error") }), q({
 			accept: "Order accepted",
 			reject: "Order rejected",
 			ready: "Order marked as ready",
 			complete: "Order completed"
-		}[t], "success"), F && N?.id === e && I(!1);
+		}[t], "success"), U && V?.id === e && W(!1);
 	};
-	return /* @__PURE__ */ S(n, {
+	return /* @__PURE__ */ T(n, {
 		title: "Order Management",
 		description: "Manage incoming and active orders",
-		actions: /* @__PURE__ */ S("button", {
+		actions: /* @__PURE__ */ T("button", {
 			type: "button",
-			onClick: () => z("Orders refreshed", "success"),
+			onClick: () => q("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__ */ w(_, { className: "h-4 w-4" }), "Refresh"]
 		}),
 		children: [
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ w(D, {
 				className: "mb-6",
 				children: "Your live order queue. Use this page to run service as it happens — accept new orders, move them through preparing and ready, hand off for pickup, delivery or cart dispatch, and keep customers updated. Filter by status or type to focus on what needs doing right now, and watch today's totals so you know how the day is going."
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ T("div", {
 				className: "space-y-4",
 				children: [
-					L && /* @__PURE__ */ S("div", {
-						className: t("flex items-center gap-2 rounded-lg border p-3", L.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
-						children: [L.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", L.type === "success" ? "text-status-success-text" : "text-status-error-text"),
-							children: L.text
+					G && /* @__PURE__ */ T("div", {
+						className: t("flex items-center gap-2 rounded-lg border p-3", G.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+						children: [G.type === "success" ? /* @__PURE__ */ w(f, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ w(d, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ w("span", {
+							className: t("text-sm font-medium", G.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+							children: G.text
 						})]
 					}),
-					/* @__PURE__ */ S(C, { children: [/* @__PURE__ */ x("h2", {
+					/* @__PURE__ */ T(E, { children: [/* @__PURE__ */ w("h2", {
 						className: "mb-4 text-base font-semibold text-text-primary",
-						children: "Today's Orders"
-					}), /* @__PURE__ */ S("div", {
+						children: "Orders Overview"
+					}), /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3",
 						children: [
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Orders"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: B.total
+									children: J.total
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-status-warning-text",
 									children: "Pending"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-status-warning-text",
-									children: B.pending
+									children: J.pending
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-text-primary",
 									children: "Active"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: B.active
+									children: J.active
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-status-success-text",
 									children: "Completed"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-status-success-text",
-									children: B.completed
+									children: J.completed
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Revenue"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: i(B.totalRevenue, { minimumFractionDigits: 0 })
+									children: s(J.totalRevenue, { minimumFractionDigits: 0 })
 								})]
 							}),
-							/* @__PURE__ */ S("div", {
+							/* @__PURE__ */ T("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-								children: [/* @__PURE__ */ x("p", {
+								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary",
 									children: "Avg Order"
-								}), /* @__PURE__ */ x("p", {
+								}), /* @__PURE__ */ w("p", {
 									className: "text-2xl font-bold text-text-primary",
-									children: i(B.avgOrder, { minimumFractionDigits: 0 })
+									children: s(J.avgOrder, { minimumFractionDigits: 0 })
 								})]
 							})
 						]
 					})] }),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm",
-						children: /* @__PURE__ */ S("div", {
+						children: /* @__PURE__ */ T("div", {
 							className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ T("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", {
+									children: [/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 										type: "text",
 										placeholder: "Search orders...",
-										value: j.searchQuery,
-										onChange: (e) => M((t) => ({
+										value: z.searchQuery,
+										onChange: (e) => B((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: j.status,
-									onChange: (e) => M((t) => ({
+								/* @__PURE__ */ T("select", {
+									value: z.status,
+									onChange: (e) => B((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", {
+										/* @__PURE__ */ w("option", {
 											value: "",
 											children: "All Orders"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "pending",
 											children: "New Orders"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "confirmed",
 											children: "Confirmed"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "preparing",
 											children: "Preparing"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "ready",
 											children: "Ready"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "delivered",
 											children: "Completed"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "cancelled",
 											children: "Cancelled"
 										})
 									]
 								}),
-								/* @__PURE__ */ S("select", {
-									value: j.fulfillmentType,
-									onChange: (e) => M((t) => ({
+								/* @__PURE__ */ T("select", {
+									value: z.fulfillmentType,
+									onChange: (e) => B((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", {
+										/* @__PURE__ */ w("option", {
 											value: "",
 											children: "All Types"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "pickup",
 											children: "Pickup"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "delivery",
 											children: "Delivery"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "cart_dispatch",
 											children: "Cart Dispatch"
 										})
 									]
 								}),
-								/* @__PURE__ */ S("select", {
-									value: j.dateRange,
-									onChange: (e) => M((t) => ({
+								/* @__PURE__ */ T("select", {
+									value: z.dateRange,
+									onChange: (e) => B((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", {
+										/* @__PURE__ */ w("option", {
 											value: "today",
 											children: "Today"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "7days",
 											children: "Last 7 Days"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "30days",
 											children: "Last 30 Days"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "all",
 											children: "All Time"
 										})
 									]
 								}),
-								/* @__PURE__ */ S("select", {
-									value: j.sortBy,
-									onChange: (e) => M((t) => ({
+								/* @__PURE__ */ T("select", {
+									value: z.sortBy,
+									onChange: (e) => B((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", {
+										/* @__PURE__ */ w("option", {
 											value: "recent",
 											children: "Most Recent"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "oldest",
 											children: "Oldest First"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "amount_high",
 											children: "Amount: High to Low"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ w("option", {
 											value: "amount_low",
 											children: "Amount: Low to High"
 										})
@@ -598,70 +377,73 @@ var T = [
 							]
 						})
 					}),
-					V.length === 0 ? /* @__PURE__ */ x(r, {
-						illustration: j.searchQuery || j.status ? "empty-search" : "empty-data",
+					F ? /* @__PURE__ */ w("div", {
+						className: "flex items-center justify-center py-16",
+						children: /* @__PURE__ */ w("div", { className: "h-10 w-10 animate-spin rounded-full border-b-2 border-foreground" })
+					}) : Y.length === 0 ? /* @__PURE__ */ w(r, {
+						illustration: z.searchQuery || z.status ? "empty-search" : "empty-data",
 						title: "No orders found",
-						description: j.searchQuery || j.status ? "No orders match your current filters. Try adjusting the status, type or date range." : "New orders from customers will appear here in real time. Make sure your cart is open and accepting orders."
-					}) : /* @__PURE__ */ x("div", {
+						description: z.searchQuery || z.status ? "No orders match your current filters. Try adjusting the status, type or date range." : "New orders from customers will appear here in real time. Make sure your cart is open and accepting orders."
+					}) : /* @__PURE__ */ w("div", {
 						className: "space-y-4",
-						children: V.map((e) => {
-							let n = E[e.status] || {
+						children: Y.map((e) => {
+							let n = O[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", {
+							}, r = k[e.fulfillmentType || "delivery"] || k.delivery, i = r.icon;
+							return /* @__PURE__ */ w("div", {
+								className: t("rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md", M(e)),
+								children: /* @__PURE__ */ T("div", {
 									className: "p-4 sm:p-5",
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3",
-											children: [/* @__PURE__ */ S("div", {
+											children: [/* @__PURE__ */ T("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ S("div", {
+												children: [/* @__PURE__ */ T("div", {
 													className: "flex flex-wrap items-center gap-2 mb-1",
 													children: [
-														/* @__PURE__ */ S("h3", {
+														/* @__PURE__ */ T("h3", {
 															className: "text-sm sm:text-base font-semibold text-text-primary",
 															children: ["Order #", e.id]
 														}),
-														/* @__PURE__ */ x("span", {
+														/* @__PURE__ */ w("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", {
+														/* @__PURE__ */ T("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]
+															children: [/* @__PURE__ */ w(i, { className: "h-3 w-3" }), r.label]
 														})
 													]
-												}), /* @__PURE__ */ S("p", {
+												}), /* @__PURE__ */ T("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														e.customerName || "Customer",
 														" | ",
-														O(e.orderDate)
+														A(e.orderDate)
 													]
 												})]
-											}), /* @__PURE__ */ S("div", {
+											}), /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ x("p", {
+												children: [/* @__PURE__ */ w("p", {
 													className: "text-lg font-bold text-text-primary",
-													children: i(e.total, { minimumFractionDigits: 0 })
-												}), /* @__PURE__ */ x("button", {
+													children: s(e.total, { minimumFractionDigits: 0 })
+												}), /* @__PURE__ */ w("button", {
 													type: "button",
 													onClick: () => {
-														P(e), I(!0);
+														H(e), W(!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", {
+										/* @__PURE__ */ w("div", {
 											className: "border-t border-border-subtle pt-3 mb-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ w("div", {
 												className: "flex flex-wrap gap-2",
-												children: e.items.map((e, t) => /* @__PURE__ */ S("span", {
+												children: e.items.map((e, t) => /* @__PURE__ */ T("span", {
 													className: "inline-flex items-center rounded bg-bg-sunken px-2 py-1 text-xs text-text-primary",
 													children: [
 														e.quantity,
@@ -671,56 +453,56 @@ var T = [
 												}, t))
 											})
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex flex-wrap gap-2",
 											children: [
-												e.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("button", {
+												e.status === "pending" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => H(e.id, "accept"),
+													onClick: () => X(e.id, "accept"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Accept Order"]
-												}), /* @__PURE__ */ S("button", {
+													children: [/* @__PURE__ */ w(f, { className: "h-3.5 w-3.5" }), "Accept Order"]
+												}), /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => H(e.id, "reject"),
+													onClick: () => X(e.id, "reject"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ x(y, { className: "h-3.5 w-3.5" }), "Reject"]
+													children: [/* @__PURE__ */ w(S, { className: "h-3.5 w-3.5" }), "Reject"]
 												})] }),
-												e.status === "confirmed" && /* @__PURE__ */ S("button", {
+												e.status === "confirmed" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => H(e.id, "ready"),
+													onClick: () => X(e.id, "ready"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-warning-bg-subtle px-3 py-2 text-xs font-medium text-status-warning-text hover:bg-status-warning-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ x(u, { className: "h-3.5 w-3.5" }), "Start Preparing"]
+													children: [/* @__PURE__ */ w(p, { className: "h-3.5 w-3.5" }), "Start Preparing"]
 												}),
-												e.status === "preparing" && /* @__PURE__ */ S("button", {
+												e.status === "preparing" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => H(e.id, "ready"),
+													onClick: () => X(e.id, "ready"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ x(f, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
+													children: [/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }), "Mark as Ready"]
 												}),
-												e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ S("button", {
+												e.status === "ready" && e.fulfillmentType === "pickup" && /* @__PURE__ */ T("button", {
 													type: "button",
-													onClick: () => H(e.id, "complete"),
+													onClick: () => X(e.id, "complete"),
 													className: "inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-													children: [/* @__PURE__ */ x(l, { className: "h-3.5 w-3.5" }), "Complete Order"]
+													children: [/* @__PURE__ */ w(f, { className: "h-3.5 w-3.5" }), "Complete Order"]
 												}),
 												[
 													"confirmed",
 													"preparing",
 													"ready"
-												].includes(e.status) && /* @__PURE__ */ S("button", {
+												].includes(e.status) && /* @__PURE__ */ T("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"]
+													children: [/* @__PURE__ */ w(g, { className: "h-3.5 w-3.5" }), "Contact Customer"]
 												})
 											]
 										}),
-										e.specialInstructions && /* @__PURE__ */ S("div", {
+										e.specialInstructions && /* @__PURE__ */ T("div", {
 											className: "mt-3 rounded-md border border-status-warning-text/30 bg-status-warning-bg-subtle p-3",
-											children: [/* @__PURE__ */ x("p", {
+											children: [/* @__PURE__ */ w("p", {
 												className: "text-xs font-medium text-status-warning-text",
 												children: "Special Instructions:"
-											}), /* @__PURE__ */ x("p", {
+											}), /* @__PURE__ */ w("p", {
 												className: "text-xs text-status-warning-text mt-0.5",
 												children: e.specialInstructions
 											})]
@@ -732,140 +514,140 @@ var T = [
 					})
 				]
 			}),
-			F && N && /* @__PURE__ */ x("div", {
+			U && V && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ w("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", {
+					children: /* @__PURE__ */ T("div", {
 						className: "p-6",
-						children: [/* @__PURE__ */ S("div", {
+						children: [/* @__PURE__ */ T("div", {
 							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ x("h3", {
+							children: [/* @__PURE__ */ w("h3", {
 								className: "text-lg font-semibold text-text-primary",
 								children: "Order Details"
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => I(!1),
+								onClick: () => W(!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" })
+								children: /* @__PURE__ */ w(x, { className: "h-5 w-5" })
 							})]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ T("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-2 gap-4",
 									children: [
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Order ID"
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ T("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: ["#", N.id]
+											children: ["#", V.id]
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("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[N.status] || E.pending).color),
-											children: (E[N.status] || E.pending).label
+										}), /* @__PURE__ */ w("span", {
+											className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5", (O[V.status] || O.pending).color),
+											children: (O[V.status] || O.pending).label
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Customer"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: N.customerName || "N/A"
+											children: V.customerName || "N/A"
 										})] }),
-										/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 											className: "text-xs text-text-secondary",
 											children: "Order Time"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ w("p", {
 											className: "text-sm font-medium text-text-primary",
-											children: k(N.orderDate)
+											children: j(V.orderDate)
 										})] })
 									]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ T("div", {
 									className: "border-t border-border-subtle pt-4",
-									children: [/* @__PURE__ */ x("h4", {
+									children: [/* @__PURE__ */ w("h4", {
 										className: "text-sm font-medium text-text-primary mb-3",
 										children: "Order Items"
-									}), /* @__PURE__ */ x("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "space-y-2",
-										children: N.items.map((e, t) => /* @__PURE__ */ S("div", {
+										children: V.items.map((e, t) => /* @__PURE__ */ T("div", {
 											className: "flex justify-between items-start",
-											children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+											children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.name
-											}), /* @__PURE__ */ S("p", {
+											}), /* @__PURE__ */ T("p", {
 												className: "text-xs text-text-secondary",
 												children: [
-													i(e.price, { minimumFractionDigits: 0 }),
+													s(e.price, { minimumFractionDigits: 0 }),
 													" x",
 													" ",
 													e.quantity
 												]
-											})] }), /* @__PURE__ */ x("p", {
+											})] }), /* @__PURE__ */ w("p", {
 												className: "text-sm font-medium text-text-primary",
-												children: i(e.price * e.quantity, { minimumFractionDigits: 0 })
+												children: s(e.price * e.quantity, { minimumFractionDigits: 0 })
 											})]
 										}, t))
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ T("div", {
 									className: "border-t border-border-subtle pt-4 space-y-2",
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ x("span", { children: "Subtotal" }), /* @__PURE__ */ x("span", { children: i(N.subtotal, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Subtotal" }), /* @__PURE__ */ w("span", { children: s(V.subtotal, { minimumFractionDigits: 0 }) })]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ x("span", { children: "Delivery Fee" }), /* @__PURE__ */ x("span", { children: i(N.deliveryFee, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Delivery Fee" }), /* @__PURE__ */ w("span", { children: s(V.deliveryFee, { minimumFractionDigits: 0 }) })]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex justify-between text-sm text-text-secondary",
-											children: [/* @__PURE__ */ x("span", { children: "Tax" }), /* @__PURE__ */ x("span", { children: i(N.taxes, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Tax" }), /* @__PURE__ */ w("span", { children: s(V.taxes, { minimumFractionDigits: 0 }) })]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ T("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(N.total, { minimumFractionDigits: 0 }) })]
+											children: [/* @__PURE__ */ w("span", { children: "Total" }), /* @__PURE__ */ w("span", { children: s(V.total, { minimumFractionDigits: 0 }) })]
 										})
 									]
 								}),
-								N.fulfillmentType === "delivery" && N.deliveryAddress && /* @__PURE__ */ S("div", {
+								V.fulfillmentType === "delivery" && V.deliveryAddress && /* @__PURE__ */ T("div", {
 									className: "border-t border-border-subtle pt-4",
-									children: [/* @__PURE__ */ S("h4", {
+									children: [/* @__PURE__ */ T("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", {
+										children: [/* @__PURE__ */ w(m, { className: "h-4 w-4 text-text-secondary" }), "Delivery Address"]
+									}), /* @__PURE__ */ T("p", {
 										className: "text-sm text-text-secondary",
 										children: [
-											N.deliveryAddress.street,
+											V.deliveryAddress.street,
 											", ",
-											N.deliveryAddress.area,
-											/* @__PURE__ */ x("br", {}),
-											N.deliveryAddress.city,
+											V.deliveryAddress.area,
+											/* @__PURE__ */ w("br", {}),
+											V.deliveryAddress.city,
 											" - ",
-											N.deliveryAddress.pincode
+											V.deliveryAddress.pincode
 										]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex gap-3 mt-6",
-									children: [/* @__PURE__ */ x("button", {
+									children: [/* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => I(!1),
+										onClick: () => W(!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"
-									}), N.status === "pending" && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
+									}), V.status === "pending" && /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => H(N.id, "accept"),
+										onClick: () => X(V.id, "accept"),
 										className: "flex-1 rounded-md bg-status-success-bg-subtle px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 										children: "Accept Order"
-									}), /* @__PURE__ */ x("button", {
+									}), /* @__PURE__ */ w("button", {
 										type: "button",
-										onClick: () => H(N.id, "reject"),
+										onClick: () => X(V.id, "reject"),
 										className: "flex-1 rounded-md bg-status-error-bg-subtle px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
 										children: "Reject Order"
 									})] })]
@@ -879,6 +661,6 @@ var T = [
 	});
 };
 //#endregion
-export { j as OrderManagementPage };
+export { N as OrderManagementPage };
 
 //# sourceMappingURL=OrderManagementPage.js.map