@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

package/dist/adaptercloud/pages/admin/AdminOrdersPage.js

@@ -6,8 +6,9 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useEffect as a, useMemo as o, useState as s } from "react";
 import { AlertCircle as c, CheckCircle2 as l, Clock as u, Eye as d, IndianRupee as f, Loader2 as p, MapPin as m, Phone as h, RefreshCw as g, Search as _, ShoppingBag as v, TrendingUp as y, Truck as b, User as x, X as S, XCircle as C } from "lucide-react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/admin/AdminOrdersPage.tsx
-var E = [
+var D = [
 	{
 		id: "ORD-2024-001",
 		customerName: "Rajesh Kumar",
@@ -64,52 +65,52 @@ var E = [
 		deliveryAddress: "789, HSR Layout"
 	}
 ];
-function D() {
-	let { navigateTo: D } = e(), [O, k] = s([]), [A, j] = s(null), [M, N] = s(!0), [P, F] = s(""), [I, L] = s("all"), [R, z] = s("today"), [B, V] = s(null), [H, U] = s(!1);
+function O() {
+	let { navigateTo: O } = e(), [k, A] = s([]), [j, M] = s(null), [N, P] = s(!0), [F, I] = s(""), [L, R] = s("all"), [z, B] = s("today"), [V, H] = s(null), [U, W] = s(!1);
 	a(() => {
 		let e = setTimeout(() => {
-			j({
+			M({
 				totalOrders: 156,
 				pendingOrders: 12,
 				totalRevenue: 125600,
 				averageOrderValue: 805
-			}), k(E), N(!1);
+			}), A(D), P(!1);
 		}, 1e3);
 		return () => clearTimeout(e);
 	}, []);
-	let W = (e) => i(e, { minimumFractionDigits: 0 }), G = (e) => new Date(e).toLocaleString("en-IN", {
+	let G = (e) => i(e, { minimumFractionDigits: 0 }), K = (e) => new Date(e).toLocaleString("en-IN", {
 		day: "2-digit",
 		month: "short",
 		hour: "2-digit",
 		minute: "2-digit"
-	}), K = (e) => ({
+	}), q = (e) => ({
 		delivered: "bg-status-success-bg-subtle/20 text-status-success-text",
 		preparing: "bg-status-warning-bg-subtle/20 text-status-warning-text",
 		ready: "bg-status-warning-bg-subtle/20 text-status-warning-text",
 		out_for_delivery: "bg-accent-blue-subtle/20 text-accent-blue",
 		cancelled: "bg-status-error-bg-subtle/20 text-status-error-text",
 		confirmed: "bg-accent-blue-subtle/20 text-accent-blue"
-	})[e] ?? "bg-secondary text-secondary-foreground", q = (e) => {
+	})[e] ?? "bg-secondary text-secondary-foreground", J = (e) => {
 		switch (e) {
 			case "completed": return /* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-success-text" });
 			case "failed": return /* @__PURE__ */ w(C, { className: "h-4 w-4 text-status-error-text" });
 			case "refunded": return /* @__PURE__ */ w(g, { className: "h-4 w-4 text-accent-blue" });
 			default: return /* @__PURE__ */ w(c, { className: "h-4 w-4 text-status-warning-text" });
 		}
-	}, J = o(() => O.filter((e) => {
-		let t = !P || e.id.toLowerCase().includes(P.toLowerCase()) || e.customerName.toLowerCase().includes(P.toLowerCase()) || e.cartName.toLowerCase().includes(P.toLowerCase()), n = I === "all" || e.status === I;
+	}, Y = o(() => k.filter((e) => {
+		let t = !F || e.id.toLowerCase().includes(F.toLowerCase()) || e.customerName.toLowerCase().includes(F.toLowerCase()) || e.cartName.toLowerCase().includes(F.toLowerCase()), n = L === "all" || e.status === L;
 		return t && n;
 	}), [
-		O,
-		P,
-		I
-	]), Y = (e, t) => {
-		k((n) => n.map((n) => n.id === e ? {
+		k,
+		F,
+		L
+	]), X = (e, t) => {
+		A((n) => n.map((n) => n.id === e ? {
 			...n,
 			status: t
-		} : n)), U(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
+		} : n)), W(!1), alert(`Order ${e} updated to ${t.replace("_", " ")}`);
 	};
-	return M ? /* @__PURE__ */ w(n, {
+	return N ? /* @__PURE__ */ w(n, {
 		title: "Order Management",
 		description: "Loading orders...",
 		children: /* @__PURE__ */ T("div", {
@@ -121,37 +122,41 @@ function D() {
 		})
 	}) : /* @__PURE__ */ T(n, {
 		title: "Order Management",
-		description: `${A?.totalOrders ?? 0} total orders on the platform`,
+		description: `${j?.totalOrders ?? 0} total orders on the platform`,
+		purpose: "Oversee every order across the marketplace — search, filter by status, and step in on disputes or stuck deliveries. Use it to keep fulfilment moving and catch problem orders before customers complain.",
 		children: [
-			A && /* @__PURE__ */ T("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6",
-				children: [
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
-						value: A.totalOrders,
-						label: "Total Orders",
-						trendValue: "Orders today"
-					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
-						value: W(A.totalRevenue),
-						label: "Revenue",
-						trend: "up",
-						trendValue: "+15.2% vs yesterday"
-					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
-						value: W(A.averageOrderValue),
-						label: "Avg Order Value",
-						trendValue: "Average order value"
-					}),
-					/* @__PURE__ */ w(r, {
-						icon: /* @__PURE__ */ w(u, { className: "h-5 w-5" }),
-						value: A.pendingOrders,
-						label: "Pending Orders",
-						trendValue: "Awaiting action"
-					})
-				]
+			j && /* @__PURE__ */ w(E, {
+				className: "mb-6",
+				children: /* @__PURE__ */ T("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(v, { className: "h-5 w-5" }),
+							value: j.totalOrders,
+							label: "Total Orders",
+							trendValue: "Orders today"
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(f, { className: "h-5 w-5" }),
+							value: G(j.totalRevenue),
+							label: "Revenue",
+							trend: "up",
+							trendValue: "+15.2% vs yesterday"
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(y, { className: "h-5 w-5" }),
+							value: G(j.averageOrderValue),
+							label: "Avg Order Value",
+							trendValue: "Average order value"
+						}),
+						/* @__PURE__ */ w(r, {
+							icon: /* @__PURE__ */ w(u, { className: "h-5 w-5" }),
+							value: j.pendingOrders,
+							label: "Pending Orders",
+							trendValue: "Awaiting action"
+						})
+					]
+				})
 			}),
 			/* @__PURE__ */ w("div", {
 				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
@@ -162,15 +167,15 @@ function D() {
 						children: [/* @__PURE__ */ w(_, { 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 by order ID, customer, or cart name...",
-							value: P,
-							onChange: (e) => F(e.target.value),
+							value: F,
+							onChange: (e) => I(e.target.value),
 							className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						})]
 					}), /* @__PURE__ */ T("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-3",
 						children: [/* @__PURE__ */ T("select", {
-							value: I,
-							onChange: (e) => L(e.target.value),
+							value: L,
+							onChange: (e) => R(e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ w("option", {
@@ -207,8 +212,8 @@ function D() {
 								})
 							]
 						}), /* @__PURE__ */ T("select", {
-							value: R,
-							onChange: (e) => z(e.target.value),
+							value: z,
+							onChange: (e) => B(e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
 								/* @__PURE__ */ w("option", {
@@ -237,7 +242,7 @@ function D() {
 				children: [
 					/* @__PURE__ */ w("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: J.map((e) => /* @__PURE__ */ T("div", {
+						children: Y.map((e) => /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ T("div", {
@@ -247,9 +252,9 @@ function D() {
 										children: e.id
 									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
-										children: G(e.orderDate)
+										children: K(e.orderDate)
 									})] }), /* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", q(e.status)),
 										children: e.status.replace("_", " ")
 									})]
 								}),
@@ -290,10 +295,10 @@ function D() {
 										children: "Amount"
 									}), /* @__PURE__ */ w("p", {
 										className: "text-text-primary font-semibold text-lg",
-										children: W(e.total)
+										children: G(e.total)
 									})] }), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-2",
-										children: [q(e.paymentStatus), /* @__PURE__ */ T("div", {
+										children: [J(e.paymentStatus), /* @__PURE__ */ T("div", {
 											className: "text-right",
 											children: [/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-primary",
@@ -308,7 +313,7 @@ function D() {
 								/* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => {
-										V(e), U(!0);
+										H(e), W(!0);
 									},
 									className: "w-full rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors flex items-center justify-center gap-2",
 									children: [/* @__PURE__ */ w(d, { className: "h-4 w-4" }), " View Details"]
@@ -358,7 +363,7 @@ function D() {
 								]
 							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
-								children: J.map((e) => /* @__PURE__ */ T("tr", {
+								children: Y.map((e) => /* @__PURE__ */ T("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ w("td", {
@@ -387,12 +392,12 @@ function D() {
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm font-semibold text-text-primary",
-											children: W(e.total)
+											children: G(e.total)
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ w("span", {
-												className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(e.status)),
+												className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", q(e.status)),
 												children: e.status.replace("_", " ")
 											})
 										}),
@@ -400,7 +405,7 @@ function D() {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-2",
-												children: [q(e.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
+												children: [J(e.paymentStatus), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("div", {
 													className: "text-sm text-text-primary",
 													children: e.paymentMethod
 												}), /* @__PURE__ */ w("div", {
@@ -411,14 +416,14 @@ function D() {
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3 text-sm text-text-secondary",
-											children: G(e.orderDate)
+											children: K(e.orderDate)
 										}),
 										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
 											children: /* @__PURE__ */ w("button", {
 												type: "button",
 												onClick: () => {
-													V(e), U(!0);
+													H(e), W(!0);
 												},
 												className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 												children: /* @__PURE__ */ w(d, { className: "h-4 w-4" })
@@ -429,7 +434,7 @@ function D() {
 							})]
 						})
 					}),
-					J.length === 0 && /* @__PURE__ */ T("div", {
+					Y.length === 0 && /* @__PURE__ */ T("div", {
 						className: "flex flex-col items-center justify-center py-12 px-4",
 						children: [/* @__PURE__ */ w(v, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ w("p", {
 							className: "text-sm text-text-secondary",
@@ -438,7 +443,7 @@ function D() {
 					})
 				]
 			}),
-			H && B && /* @__PURE__ */ w("div", {
+			U && V && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ T("div", {
 					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
@@ -449,7 +454,7 @@ function D() {
 							children: "Order Details"
 						}), /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => U(!1),
+							onClick: () => W(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
 							children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 						})]
@@ -467,28 +472,28 @@ function D() {
 										children: "Order ID"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: B.id
+										children: V.id
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Status"
 									}), /* @__PURE__ */ w("span", {
-										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", K(B.status)),
-										children: B.status.replace("_", " ")
+										className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", q(V.status)),
+										children: V.status.replace("_", " ")
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Order Date"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: G(B.orderDate)
+										children: K(V.orderDate)
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Delivery Time"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: G(B.deliveryTime)
+										children: K(V.deliveryTime)
 									})] })
 								]
 							})] }),
@@ -503,14 +508,14 @@ function D() {
 										children: "Name"
 									}), /* @__PURE__ */ w("p", {
 										className: "font-medium text-text-primary",
-										children: B.customerName
+										children: V.customerName
 									})] }),
 									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-sm text-text-secondary",
 										children: "Phone"
 									}), /* @__PURE__ */ T("p", {
 										className: "font-medium text-text-primary flex items-center gap-1",
-										children: [/* @__PURE__ */ w(h, { className: "h-3 w-3" }), B.customerPhone]
+										children: [/* @__PURE__ */ w(h, { className: "h-3 w-3" }), V.customerPhone]
 									})] }),
 									/* @__PURE__ */ T("div", {
 										className: "sm:col-span-2",
@@ -519,7 +524,7 @@ function D() {
 											children: "Delivery Address"
 										}), /* @__PURE__ */ T("p", {
 											className: "font-medium text-text-primary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), B.deliveryAddress]
+											children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), V.deliveryAddress]
 										})]
 									})
 								]
@@ -534,13 +539,13 @@ function D() {
 									children: "Cart Name"
 								}), /* @__PURE__ */ w("p", {
 									className: "font-medium text-text-primary",
-									children: B.cartName
+									children: V.cartName
 								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Cart Owner"
 								}), /* @__PURE__ */ w("p", {
 									className: "font-medium text-text-primary",
-									children: B.cartOwner
+									children: V.cartOwner
 								})] })]
 							})] }),
 							/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
@@ -550,7 +555,7 @@ function D() {
 								className: "rounded-lg bg-bg-sunken/50 p-4",
 								children: [/* @__PURE__ */ w("ul", {
 									className: "space-y-2",
-									children: B.items.map((e, t) => /* @__PURE__ */ w("li", {
+									children: V.items.map((e, t) => /* @__PURE__ */ w("li", {
 										className: "text-sm text-text-primary",
 										children: e
 									}, t))
@@ -561,7 +566,7 @@ function D() {
 										children: "Total Amount"
 									}), /* @__PURE__ */ w("span", {
 										className: "font-semibold text-lg text-text-primary",
-										children: W(B.total)
+										children: G(V.total)
 									})]
 								})]
 							})] }),
@@ -575,19 +580,19 @@ function D() {
 									children: "Method"
 								}), /* @__PURE__ */ w("p", {
 									className: "font-medium text-text-primary",
-									children: B.paymentMethod
+									children: V.paymentMethod
 								})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: "Status"
 								}), /* @__PURE__ */ T("div", {
 									className: "flex items-center gap-2",
-									children: [q(B.paymentStatus), /* @__PURE__ */ w("span", {
+									children: [J(V.paymentStatus), /* @__PURE__ */ w("span", {
 										className: "font-medium text-text-primary capitalize",
-										children: B.paymentStatus
+										children: V.paymentStatus
 									})]
 								})] })]
 							})] }),
-							B.workerAssigned && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
+							V.workerAssigned && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ T("h3", {
 								className: "font-semibold text-text-primary mb-3 flex items-center gap-2",
 								children: [/* @__PURE__ */ w(b, { className: "h-4 w-4" }), " Delivery Assignment"]
 							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
@@ -595,26 +600,26 @@ function D() {
 								children: "Assigned Worker"
 							}), /* @__PURE__ */ w("p", {
 								className: "font-medium text-text-primary",
-								children: B.workerAssigned
+								children: V.workerAssigned
 							})] })] }),
-							B.notes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
+							V.notes && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("h3", {
 								className: "font-semibold text-text-primary mb-3",
 								children: "Special Instructions"
 							}), /* @__PURE__ */ w("p", {
 								className: "text-sm rounded-lg bg-bg-sunken/50 p-3 text-text-primary",
-								children: B.notes
+								children: V.notes
 							})] }),
 							/* @__PURE__ */ T("div", {
 								className: "flex flex-col sm:flex-row sm:justify-end gap-3 pt-2",
 								children: [/* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => U(!1),
+									onClick: () => W(!1),
 									className: "rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
-								}), B.status !== "delivered" && B.status !== "cancelled" && /* @__PURE__ */ T("select", {
+								}), V.status !== "delivered" && V.status !== "cancelled" && /* @__PURE__ */ T("select", {
 									className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-									value: B.status,
-									onChange: (e) => Y(B.id, e.target.value),
+									value: V.status,
+									onChange: (e) => X(V.id, e.target.value),
 									children: [
 										/* @__PURE__ */ w("option", {
 											value: "pending",
@@ -655,6 +660,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminOrdersPage };
+export { O as AdminOrdersPage };
 
 //# sourceMappingURL=AdminOrdersPage.js.map