@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/pages/admin/CartManagementPage.js

@@ -1,12 +1,14 @@
 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 { formatCurrency as r } from "../../utils/formatters.js";
-import { useCallback as i, useEffect as a, useState as o } from "react";
-import { CheckCircle2 as s, ClipboardCheck as c, Eye as l, Loader2 as u, Pause as d, Search as f, Star as p, Store as m, X as h, XCircle as g } from "lucide-react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { formatCurrency as i } from "../../utils/formatters.js";
+import { useCallback as a, useEffect as o, useState as s } from "react";
+import { CheckCircle2 as c, ClipboardCheck as l, Eye as u, Loader2 as d, Pause as f, Search as p, Star as m, Store as h, X as g, XCircle as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as x, PagePurpose as S } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/admin/CartManagementPage.tsx
-var b = [
+var C = [
 	{
 		id: "cart-001",
 		name: "South Indian Express",
@@ -81,15 +83,15 @@ var b = [
 		rejectionReason: "Hygiene standards not met, missing food safety certification"
 	}
 ];
-function x() {
-	let { navigateTo: x } = e(), [S, C] = o([]), [w, T] = o(!0), [E, D] = o(null), [O, k] = o(!1), [A, j] = o("view"), [M, N] = o(""), [P, F] = o({
+function w() {
+	let { navigateTo: w } = e(), [T, E] = s([]), [D, O] = s(!0), [k, A] = s(null), [j, M] = s(!1), [N, P] = s("view"), [F, I] = s(""), [L, R] = s({
 		searchQuery: "",
 		status: "",
 		verificationStatus: "",
 		category: "",
 		location: "",
 		sortBy: "recent"
-	}), [I] = o({
+	}), [z] = s({
 		totalCarts: 156,
 		activeCarts: 134,
 		pendingApproval: 18,
@@ -98,14 +100,14 @@ function x() {
 		averageRating: 4.6,
 		complianceRate: 89,
 		newApplications: 8
-	}), L = i(() => {
-		T(!0), setTimeout(() => {
-			let e = [...b];
-			if (P.searchQuery) {
-				let t = P.searchQuery.toLowerCase();
+	}), B = a(() => {
+		O(!0), setTimeout(() => {
+			let e = [...C];
+			if (L.searchQuery) {
+				let t = L.searchQuery.toLowerCase();
 				e = e.filter((e) => e.name.toLowerCase().includes(t) || e.ownerName.toLowerCase().includes(t) || e.description.toLowerCase().includes(t) || e.address.toLowerCase().includes(t));
 			}
-			switch (P.status && (P.status === "active" && (e = e.filter((e) => e.isActive)), P.status === "inactive" && (e = e.filter((e) => !e.isActive))), P.verificationStatus && (P.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), P.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), P.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), P.category && (e = e.filter((e) => e.category === P.category)), P.location && (e = e.filter((e) => e.city.toLowerCase().includes(P.location.toLowerCase()))), P.sortBy) {
+			switch (L.status && (L.status === "active" && (e = e.filter((e) => e.isActive)), L.status === "inactive" && (e = e.filter((e) => !e.isActive))), L.verificationStatus && (L.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), L.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), L.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), L.category && (e = e.filter((e) => e.category === L.category)), L.location && (e = e.filter((e) => e.city.toLowerCase().includes(L.location.toLowerCase()))), L.sortBy) {
 				case "name":
 					e.sort((e, t) => e.name.localeCompare(t.name));
 					break;
@@ -120,253 +122,258 @@ function x() {
 					break;
 				default: e.sort((e, t) => new Date(t.applicationDate).getTime() - new Date(e.applicationDate).getTime());
 			}
-			C(e), T(!1);
+			E(e), O(!1);
 		}, 800);
-	}, [P]);
-	a(() => {
-		L();
 	}, [L]);
-	let R = (e, t) => {
-		F((n) => ({
+	o(() => {
+		B();
+	}, [B]);
+	let V = (e, t) => {
+		R((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, z = (e, t) => {
-		D(e), j(t), N(""), k(!0);
-	}, B = () => {
-		if (!E) return;
+	}, H = (e, t) => {
+		A(e), P(t), I(""), M(!0);
+	}, U = () => {
+		if (!k) return;
 		let e = "";
-		switch (A) {
+		switch (N) {
 			case "approve":
-				e = `Cart"${E.name}" approved successfully`;
+				e = `Cart"${k.name}" approved successfully`;
 				break;
 			case "reject":
-				if (!M.trim()) {
+				if (!F.trim()) {
 					alert("Please provide a rejection reason");
 					return;
 				}
-				e = `Cart"${E.name}" rejected`;
+				e = `Cart"${k.name}" rejected`;
 				break;
 			case "suspend":
-				e = `Cart"${E.name}" suspended`;
+				e = `Cart"${k.name}" suspended`;
 				break;
 			case "inspect":
-				e = `Inspection scheduled for"${E.name}"`;
+				e = `Inspection scheduled for"${k.name}"`;
 				break;
 		}
-		alert(e), k(!1), N(""), L();
-	}, V = (e) => new Date(e).toLocaleDateString("en-IN", {
+		alert(e), M(!1), I(""), B();
+	}, W = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), H = (e) => e.isVerified ? /* @__PURE__ */ v("span", {
+	}), G = (e) => e.isVerified ? /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle/20 text-status-success-text",
 		children: "Verified"
-	}) : e.inspectionStatus === "pending" ? /* @__PURE__ */ v("span", {
+	}) : e.inspectionStatus === "pending" ? /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle/20 text-status-warning-text",
 		children: "Pending Review"
-	}) : e.inspectionStatus === "scheduled" ? /* @__PURE__ */ v("span", {
+	}) : e.inspectionStatus === "scheduled" ? /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-accent-blue-subtle/20 text-accent-blue",
 		children: "Inspection Scheduled"
-	}) : e.inspectionStatus === "failed" ? /* @__PURE__ */ v("span", {
+	}) : e.inspectionStatus === "failed" ? /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-error-bg-subtle/20 text-status-error-text",
 		children: "Rejected"
-	}) : /* @__PURE__ */ v("span", {
+	}) : /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Under Review"
-	}), U = (e) => e ? /* @__PURE__ */ v("span", {
+	}), K = (e) => e ? /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-success-bg-subtle/20 text-status-success-text",
 		children: "Active"
-	}) : /* @__PURE__ */ v("span", {
+	}) : /* @__PURE__ */ y("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-secondary text-secondary-foreground",
 		children: "Inactive"
-	}), W = (e) => /* @__PURE__ */ v("div", {
+	}), q = (e) => /* @__PURE__ */ y("div", {
 		className: "w-full bg-bg-sunken rounded-full h-2",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ y("div", {
 			className: t("h-2 rounded-full", e >= 80 ? "bg-status-success-bg-subtle" : e >= 60 ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle"),
 			style: { width: `${e}%` }
 		})
 	});
-	return w ? /* @__PURE__ */ v(n, {
+	return D ? /* @__PURE__ */ y(n, {
 		title: "Cart Management",
 		description: "Loading carts...",
-		children: /* @__PURE__ */ y("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ v(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
+			children: [/* @__PURE__ */ y(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ y("p", {
 				className: "text-text-secondary",
 				children: "Loading carts..."
 			})]
 		})
-	}) : /* @__PURE__ */ y(n, {
+	}) : /* @__PURE__ */ b(n, {
 		title: "Cart Management",
-		description: `${I.totalCarts} service providers on the platform`,
-		actions: /* @__PURE__ */ y("span", {
+		description: `${z.totalCarts} service providers on the platform`,
+		actions: /* @__PURE__ */ b("span", {
 			className: "text-sm text-text-secondary",
-			children: [I.pendingApproval, " pending approval"]
+			children: [z.pendingApproval, " pending approval"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
+			/* @__PURE__ */ y(S, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ y(h, { className: "h-4 w-4" }),
+				children: "Oversee every cart on the platform. Approve or reject new applications, suspend or inspect problem carts, and filter the full list by status, category or rating — this is where you keep the marketplace trustworthy and only quality businesses go live."
+			}),
+			/* @__PURE__ */ y(x, {
+				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6 p-4",
 				children: [
 					{
 						label: "Total Carts",
-						value: I.totalCarts,
+						value: z.totalCarts,
 						cls: ""
 					},
 					{
 						label: "Active",
-						value: I.activeCarts,
+						value: z.activeCarts,
 						cls: "bg-status-success-bg-subtle/10 border-status-success-border/30"
 					},
 					{
 						label: "Pending",
-						value: I.pendingApproval,
+						value: z.pendingApproval,
 						cls: "bg-status-warning-bg-subtle/10 border-status-warning-border/30"
 					},
 					{
 						label: "Rejected",
-						value: I.rejectedCarts,
+						value: z.rejectedCarts,
 						cls: "bg-status-error-bg-subtle/10 border-status-error-border/30"
 					},
 					{
 						label: "Total Revenue",
-						value: r(I.totalRevenue, { minimumFractionDigits: 0 }),
+						value: i(z.totalRevenue, { minimumFractionDigits: 0 }),
 						cls: "col-span-2 min-w-fit"
 					},
 					{
 						label: "Avg Rating",
-						value: `${I.averageRating}`,
+						value: `${z.averageRating}`,
 						cls: ""
 					},
 					{
 						label: "New Apps",
-						value: I.newApplications,
+						value: z.newApplications,
 						cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
 					}
-				].map((e) => /* @__PURE__ */ y("div", {
+				].map((e) => /* @__PURE__ */ b("div", {
 					className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ v("p", {
+					children: [/* @__PURE__ */ y("p", {
 						className: "text-xs text-text-secondary",
 						children: e.label
-					}), /* @__PURE__ */ v("p", {
+					}), /* @__PURE__ */ y("p", {
 						className: "text-lg font-bold text-text-primary",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ b("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ v(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
+							children: [/* @__PURE__ */ y(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ y("input", {
 								type: "text",
 								placeholder: "Search carts...",
-								value: P.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
+								value: L.searchQuery,
+								onChange: (e) => V("searchQuery", 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__ */ y("select", {
-							value: P.status,
-							onChange: (e) => R("status", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: L.status,
+							onChange: (e) => V("status", 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "inactive",
 									children: "Inactive"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: P.verificationStatus,
-							onChange: (e) => R("verificationStatus", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: L.verificationStatus,
+							onChange: (e) => V("verificationStatus", 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Verification"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "verified",
 									children: "Verified"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "pending",
 									children: "Pending"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "rejected",
 									children: "Rejected"
 								})
 							]
 						}),
-						/* @__PURE__ */ y("select", {
-							value: P.category,
-							onChange: (e) => R("category", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: L.category,
+							onChange: (e) => V("category", 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "",
 									children: "All Categories"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Food & Beverage",
 									children: "Food & Beverage"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Beverages",
 									children: "Beverages"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Street Food",
 									children: "Street Food"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "Fast Food",
 									children: "Fast Food"
 								})
 							]
 						}),
-						/* @__PURE__ */ v("input", {
+						/* @__PURE__ */ y("input", {
 							type: "text",
 							placeholder: "Location...",
-							value: P.location,
-							onChange: (e) => R("location", e.target.value),
+							value: L.location,
+							onChange: (e) => V("location", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 						}),
-						/* @__PURE__ */ y("select", {
-							value: P.sortBy,
-							onChange: (e) => R("sortBy", e.target.value),
+						/* @__PURE__ */ b("select", {
+							value: L.sortBy,
+							onChange: (e) => V("sortBy", 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__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "name",
 									children: "Name A-Z"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "rating",
 									children: "Highest Rated"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "revenue",
 									children: "Highest Revenue"
 								}),
-								/* @__PURE__ */ v("option", {
+								/* @__PURE__ */ y("option", {
 									value: "compliance",
 									children: "Best Compliance"
 								})
@@ -375,77 +382,77 @@ function x() {
 					]
 				})
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: S.map((e) => /* @__PURE__ */ y("div", {
+						children: T.map((e) => /* @__PURE__ */ b("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex items-center mb-3",
-									children: [/* @__PURE__ */ v("img", {
+									children: [/* @__PURE__ */ y("img", {
 										src: e.image,
 										alt: e.name,
 										className: "w-16 h-16 rounded-lg object-cover mr-3"
-									}), /* @__PURE__ */ y("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ v("h3", {
+											/* @__PURE__ */ y("h3", {
 												className: "font-medium text-text-primary text-lg truncate",
 												children: e.name
 											}),
-											/* @__PURE__ */ v("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.category
 											}),
-											/* @__PURE__ */ v("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.address
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
-									children: [/* @__PURE__ */ y("div", { children: [
-										/* @__PURE__ */ v("p", {
+									children: [/* @__PURE__ */ b("div", { children: [
+										/* @__PURE__ */ y("p", {
 											className: "text-text-secondary font-medium",
 											children: "Owner"
 										}),
-										/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ y("p", {
 											className: "text-text-primary",
 											children: e.ownerName
 										}),
-										/* @__PURE__ */ v("p", {
+										/* @__PURE__ */ y("p", {
 											className: "text-text-secondary text-xs",
 											children: e.ownerPhone
 										})
-									] }), /* @__PURE__ */ y("div", { children: [
-										/* @__PURE__ */ v("p", {
+									] }), /* @__PURE__ */ b("div", { children: [
+										/* @__PURE__ */ y("p", {
 											className: "text-text-secondary font-medium",
 											children: "Performance"
 										}),
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ b("p", {
 											className: "text-text-primary",
-											children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+											children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 										}),
-										/* @__PURE__ */ y("p", {
+										/* @__PURE__ */ b("p", {
 											className: "text-text-secondary text-xs",
 											children: [e.monthlyOrders, " orders"]
 										})
 									] })]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-wrap gap-2 mb-3",
 									children: [
-										U(e.isActive),
-										H(e),
-										e.rating > 0 && /* @__PURE__ */ y("span", {
+										K(e.isActive),
+										G(e),
+										e.rating > 0 && /* @__PURE__ */ b("span", {
 											className: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium bg-status-warning-bg-subtle/20 text-status-warning-text",
 											children: [
-												/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-current" }),
+												/* @__PURE__ */ y(m, { className: "h-3 w-3 fill-current" }),
 												e.rating,
 												" (",
 												e.reviewCount,
@@ -454,21 +461,21 @@ function x() {
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "mb-3",
 									children: [
-										/* @__PURE__ */ y("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex items-center justify-between text-sm mb-1",
-											children: [/* @__PURE__ */ v("span", {
+											children: [/* @__PURE__ */ y("span", {
 												className: "text-text-secondary",
 												children: "Compliance"
-											}), /* @__PURE__ */ y("span", {
+											}), /* @__PURE__ */ b("span", {
 												className: "font-medium text-text-primary",
 												children: [e.complianceScore, "%"]
 											})]
 										}),
-										W(e.complianceScore),
-										/* @__PURE__ */ y("p", {
+										q(e.complianceScore),
+										/* @__PURE__ */ b("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
 												"Docs: ",
@@ -477,40 +484,40 @@ function x() {
 												e.documentsRequired,
 												" • Applied:",
 												" ",
-												V(e.applicationDate)
+												W(e.applicationDate)
 											]
 										})
 									]
 								}),
-								/* @__PURE__ */ y("div", {
+								/* @__PURE__ */ b("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										/* @__PURE__ */ v("button", {
+										/* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => z(e, "view"),
+											onClick: () => H(e, "view"),
 											className: "flex-1 rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "View Details"
 										}),
-										!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
+										!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => z(e, "approve"),
+											onClick: () => H(e, "approve"),
 											className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 											children: "Approve"
-										}), /* @__PURE__ */ v("button", {
+										}), /* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => z(e, "reject"),
+											onClick: () => H(e, "reject"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 											children: "Reject"
 										})] }),
-										e.inspectionStatus === "pending" && /* @__PURE__ */ v("button", {
+										e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => z(e, "inspect"),
+											onClick: () => H(e, "inspect"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Inspect"
 										}),
-										e.isActive && /* @__PURE__ */ v("button", {
+										e.isActive && /* @__PURE__ */ y("button", {
 											type: "button",
-											onClick: () => z(e, "suspend"),
+											onClick: () => H(e, "suspend"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 											children: "Suspend"
 										})
@@ -519,63 +526,63 @@ function x() {
 							]
 						}, e.id))
 					}),
-					/* @__PURE__ */ v("div", {
+					/* @__PURE__ */ y("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ y("table", {
+						children: /* @__PURE__ */ b("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
+							children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Cart"
 									}),
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Owner"
 									}),
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Status"
 									}),
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Performance"
 									}),
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Compliance"
 									}),
-									/* @__PURE__ */ v("th", {
+									/* @__PURE__ */ y("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ v("tbody", {
+							}) }), /* @__PURE__ */ y("tbody", {
 								className: "divide-y divide-border",
-								children: S.map((e) => /* @__PURE__ */ y("tr", {
+								children: T.map((e) => /* @__PURE__ */ b("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ v("td", {
+										/* @__PURE__ */ y("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ y("div", {
+											children: /* @__PURE__ */ b("div", {
 												className: "flex items-center gap-3",
-												children: [/* @__PURE__ */ v("img", {
+												children: [/* @__PURE__ */ y("img", {
 													src: e.image,
 													alt: e.name,
 													className: "w-12 h-12 rounded-lg object-cover"
-												}), /* @__PURE__ */ y("div", {
+												}), /* @__PURE__ */ b("div", {
 													className: "min-w-0",
 													children: [
-														/* @__PURE__ */ v("p", {
+														/* @__PURE__ */ y("p", {
 															className: "text-sm font-medium text-text-primary truncate",
 															children: e.name
 														}),
-														/* @__PURE__ */ v("p", {
+														/* @__PURE__ */ y("p", {
 															className: "text-xs text-text-secondary truncate",
 															children: e.category
 														}),
-														/* @__PURE__ */ v("p", {
+														/* @__PURE__ */ y("p", {
 															className: "text-xs text-text-secondary truncate",
 															children: e.address
 														})
@@ -583,38 +590,38 @@ function x() {
 												})]
 											})
 										}),
-										/* @__PURE__ */ y("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												/* @__PURE__ */ v("p", {
+												/* @__PURE__ */ y("p", {
 													className: "font-medium text-text-primary",
 													children: e.ownerName
 												}),
-												/* @__PURE__ */ v("p", {
+												/* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
 													children: e.ownerEmail
 												}),
-												/* @__PURE__ */ v("p", {
+												/* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
 													children: e.ownerPhone
 												})
 											]
 										}),
-										/* @__PURE__ */ v("td", {
+										/* @__PURE__ */ y("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ y("div", {
+											children: /* @__PURE__ */ b("div", {
 												className: "space-y-1",
 												children: [
-													U(e.isActive),
-													/* @__PURE__ */ v("br", {}),
-													H(e),
-													e.rating > 0 && /* @__PURE__ */ y("div", {
+													K(e.isActive),
+													/* @__PURE__ */ y("br", {}),
+													G(e),
+													e.rating > 0 && /* @__PURE__ */ b("div", {
 														className: "text-sm flex items-center gap-1 mt-1",
 														children: [
-															/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
+															/* @__PURE__ */ y(m, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
 															e.rating,
 															" ",
-															/* @__PURE__ */ y("span", {
+															/* @__PURE__ */ b("span", {
 																className: "text-text-secondary",
 																children: [
 																	"(",
@@ -627,30 +634,30 @@ function x() {
 												]
 											})
 										}),
-										/* @__PURE__ */ y("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3 text-sm",
-											children: [/* @__PURE__ */ y("p", {
+											children: [/* @__PURE__ */ b("p", {
 												className: "text-text-primary",
-												children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
-											}), /* @__PURE__ */ y("p", {
+												children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+											}), /* @__PURE__ */ b("p", {
 												className: "text-text-secondary",
 												children: [e.monthlyOrders, " orders/mo"]
 											})]
 										}),
-										/* @__PURE__ */ y("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												/* @__PURE__ */ y("div", {
+												/* @__PURE__ */ b("div", {
 													className: "flex items-center gap-2 mb-1",
-													children: [/* @__PURE__ */ v("div", {
+													children: [/* @__PURE__ */ y("div", {
 														className: "w-16",
-														children: W(e.complianceScore)
-													}), /* @__PURE__ */ y("span", {
+														children: q(e.complianceScore)
+													}), /* @__PURE__ */ b("span", {
 														className: "font-medium text-text-primary",
 														children: [e.complianceScore, "%"]
 													})]
 												}),
-												/* @__PURE__ */ y("p", {
+												/* @__PURE__ */ b("p", {
 													className: "text-xs text-text-secondary",
 													children: [
 														"Docs: ",
@@ -659,48 +666,48 @@ function x() {
 														e.documentsRequired
 													]
 												}),
-												/* @__PURE__ */ y("p", {
+												/* @__PURE__ */ b("p", {
 													className: "text-xs text-text-secondary",
-													children: ["Applied: ", V(e.applicationDate)]
+													children: ["Applied: ", W(e.applicationDate)]
 												})
 											]
 										}),
-										/* @__PURE__ */ v("td", {
+										/* @__PURE__ */ y("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ y("div", {
+											children: /* @__PURE__ */ b("div", {
 												className: "flex flex-col gap-1",
 												children: [
-													/* @__PURE__ */ y("button", {
+													/* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => z(e, "view"),
+														onClick: () => H(e, "view"),
 														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors inline-flex items-center gap-1 text-xs",
-														children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), " View"]
+														children: [/* @__PURE__ */ y(u, { className: "h-4 w-4" }), " View"]
 													}),
-													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y("div", {
+													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ b("div", {
 														className: "flex gap-1",
-														children: [/* @__PURE__ */ v("button", {
+														children: [/* @__PURE__ */ y("button", {
 															type: "button",
-															onClick: () => z(e, "approve"),
+															onClick: () => H(e, "approve"),
 															className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle/10 transition-colors",
-															children: /* @__PURE__ */ v(s, { className: "h-4 w-4" })
-														}), /* @__PURE__ */ v("button", {
+															children: /* @__PURE__ */ y(c, { className: "h-4 w-4" })
+														}), /* @__PURE__ */ y("button", {
 															type: "button",
-															onClick: () => z(e, "reject"),
+															onClick: () => H(e, "reject"),
 															className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
-															children: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
+															children: /* @__PURE__ */ y(_, { className: "h-4 w-4" })
 														})]
 													}),
-													e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
+													e.inspectionStatus === "pending" && /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => z(e, "inspect"),
+														onClick: () => H(e, "inspect"),
 														className: "rounded p-1.5 text-text-secondary hover:text-accent-blue hover:bg-accent-blue-subtle/10 transition-colors inline-flex items-center gap-1 text-xs",
-														children: [/* @__PURE__ */ v(c, { className: "h-4 w-4" }), " Inspect"]
+														children: [/* @__PURE__ */ y(l, { className: "h-4 w-4" }), " Inspect"]
 													}),
-													e.isActive && /* @__PURE__ */ v("button", {
+													e.isActive && /* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => z(e, "suspend"),
+														onClick: () => H(e, "suspend"),
 														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
-														children: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ y(f, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -710,150 +717,148 @@ function x() {
 							})]
 						})
 					}),
-					S.length === 0 && /* @__PURE__ */ y("div", {
-						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ v(m, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ v("p", {
-							className: "text-sm text-text-secondary",
-							children: "No carts found matching your criteria"
-						})]
+					T.length === 0 && /* @__PURE__ */ y(r, {
+						illustration: "empty-search",
+						title: "No carts found",
+						description: "No carts match your current filters. Try adjusting your search criteria."
 					})
 				]
 			}),
-			O && E && /* @__PURE__ */ v("div", {
+			j && k && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ y("div", {
+				children: /* @__PURE__ */ b("div", {
 					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ b("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ v("h3", {
+						children: [/* @__PURE__ */ y("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: A === "view" ? "Cart Details" : A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
-						}), /* @__PURE__ */ v("button", {
+							children: N === "view" ? "Cart Details" : N === "approve" ? "Approve Cart" : N === "reject" ? "Reject Cart" : N === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+						}), /* @__PURE__ */ y("button", {
 							type: "button",
-							onClick: () => k(!1),
+							onClick: () => M(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ v(h, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ y(g, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "p-4 space-y-4",
 						children: [
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
 								children: [
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Cart Name"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: E.name
+										children: k.name
 									})] }),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Category"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: E.category
+										children: k.category
 									})] }),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Owner"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerName
+										children: k.ownerName
 									})] }),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Contact"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerPhone
+										children: k.ownerPhone
 									})] })
 								]
 							}),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Description"
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ y("p", {
 								className: "font-medium text-text-primary",
-								children: E.description
+								children: k.description
 							})] }),
-							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+							/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Location"
-							}), /* @__PURE__ */ v("p", {
+							}), /* @__PURE__ */ y("p", {
 								className: "font-medium text-text-primary",
-								children: E.address
+								children: k.address
 							})] }),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Compliance Score"
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "font-medium text-text-primary",
-										children: [E.complianceScore, "%"]
+										children: [k.complianceScore, "%"]
 									})] }),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Documents"
-									}), /* @__PURE__ */ y("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "font-medium text-text-primary",
 										children: [
-											E.documentsSubmitted,
+											k.documentsSubmitted,
 											"/",
-											E.documentsRequired
+											k.documentsRequired
 										]
 									})] }),
-									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+									/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary",
 										children: "Monthly Revenue"
-									}), /* @__PURE__ */ v("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: r(E.monthlyRevenue, { minimumFractionDigits: 0 })
+										children: i(k.monthlyRevenue, { minimumFractionDigits: 0 })
 									})] })
 								]
 							}),
-							E.rejectionReason && /* @__PURE__ */ y("div", {
+							k.rejectionReason && /* @__PURE__ */ b("div", {
 								className: "rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/10 p-4",
-								children: [/* @__PURE__ */ v("p", {
+								children: [/* @__PURE__ */ y("p", {
 									className: "text-sm font-medium text-status-error-text",
 									children: "Previous Rejection Reason:"
-								}), /* @__PURE__ */ v("p", {
+								}), /* @__PURE__ */ y("p", {
 									className: "text-sm text-status-error-text",
-									children: E.rejectionReason
+									children: k.rejectionReason
 								})]
 							}),
-							A === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							N === "reject" && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
 								className: "block text-sm font-medium text-text-primary mb-2",
 								children: "Rejection Reason *"
-							}), /* @__PURE__ */ v("textarea", {
+							}), /* @__PURE__ */ y("textarea", {
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface p-3 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] min-h-[100px]",
 								rows: 4,
-								value: M,
-								onChange: (e) => N(e.target.value),
+								value: F,
+								onChange: (e) => I(e.target.value),
 								placeholder: "Please provide a detailed reason for rejection..."
 							})] }),
-							A === "approve" && /* @__PURE__ */ v("div", {
+							N === "approve" && /* @__PURE__ */ y("div", {
 								className: "rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-4",
-								children: /* @__PURE__ */ v("p", {
+								children: /* @__PURE__ */ y("p", {
 									className: "text-sm text-status-success-text",
 									children: "This will approve the cart for operation on the platform. The cart owner will be notified and the cart will become active."
 								})
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ b("div", {
 								className: "flex gap-3 pt-2",
-								children: [/* @__PURE__ */ v("button", {
+								children: [/* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: () => k(!1),
+									onClick: () => M(!1),
 									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
-								}), A !== "view" && /* @__PURE__ */ v("button", {
+								}), N !== "view" && /* @__PURE__ */ y("button", {
 									type: "button",
-									onClick: B,
-									disabled: A === "reject" && !M.trim(),
+									onClick: U,
+									disabled: N === "reject" && !F.trim(),
 									className: "flex-1 rounded-lg bg-action-primary-bg py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-									children: A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+									children: N === "approve" ? "Approve Cart" : N === "reject" ? "Reject Cart" : N === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 								})]
 							})
 						]
@@ -864,6 +869,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as CartManagementPage };
+export { w as CartManagementPage };
 
 //# sourceMappingURL=CartManagementPage.js.map