@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

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

@@ -1,12 +1,14 @@
 import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.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 { 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, X as h, XCircle as g } from "lucide-react";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { EmphasisPanel as b, PagePurpose as x } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/admin/CartManagementPage.tsx
-var b = [
+var S = [
 	{
 		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 C() {
+	let { navigateTo: C } = e(), [w, T] = s([]), [E, D] = s(!0), [O, k] = s(null), [A, j] = s(!1), [M, N] = s("view"), [P, F] = s(""), [I, L] = s({
 		searchQuery: "",
 		status: "",
 		verificationStatus: "",
 		category: "",
 		location: "",
 		sortBy: "recent"
-	}), [I] = o({
+	}), [R] = 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();
+	}), z = a(() => {
+		D(!0), setTimeout(() => {
+			let e = [...S];
+			if (I.searchQuery) {
+				let t = I.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 (I.status && (I.status === "active" && (e = e.filter((e) => e.isActive)), I.status === "inactive" && (e = e.filter((e) => !e.isActive))), I.verificationStatus && (I.verificationStatus === "verified" && (e = e.filter((e) => e.isVerified)), I.verificationStatus === "pending" && (e = e.filter((e) => !e.isVerified && e.inspectionStatus !== "failed")), I.verificationStatus === "rejected" && (e = e.filter((e) => e.inspectionStatus === "failed"))), I.category && (e = e.filter((e) => e.category === I.category)), I.location && (e = e.filter((e) => e.city.toLowerCase().includes(I.location.toLowerCase()))), I.sortBy) {
 				case "name":
 					e.sort((e, t) => e.name.localeCompare(t.name));
 					break;
@@ -120,46 +122,46 @@ function x() {
 					break;
 				default: e.sort((e, t) => new Date(t.applicationDate).getTime() - new Date(e.applicationDate).getTime());
 			}
-			C(e), T(!1);
+			T(e), D(!1);
 		}, 800);
-	}, [P]);
-	a(() => {
-		L();
-	}, [L]);
-	let R = (e, t) => {
-		F((n) => ({
+	}, [I]);
+	o(() => {
+		z();
+	}, [z]);
+	let B = (e, t) => {
+		L((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, z = (e, t) => {
-		D(e), j(t), N(""), k(!0);
-	}, B = () => {
-		if (!E) return;
+	}, V = (e, t) => {
+		k(e), N(t), F(""), j(!0);
+	}, H = () => {
+		if (!O) return;
 		let e = "";
-		switch (A) {
+		switch (M) {
 			case "approve":
-				e = `Cart "${E.name}" approved successfully`;
+				e = `Cart "${O.name}" approved successfully`;
 				break;
 			case "reject":
-				if (!M.trim()) {
+				if (!P.trim()) {
 					alert("Please provide a rejection reason");
 					return;
 				}
-				e = `Cart "${E.name}" rejected`;
+				e = `Cart "${O.name}" rejected`;
 				break;
 			case "suspend":
-				e = `Cart "${E.name}" suspended`;
+				e = `Cart "${O.name}" suspended`;
 				break;
 			case "inspect":
-				e = `Inspection scheduled for "${E.name}"`;
+				e = `Inspection scheduled for "${O.name}"`;
 				break;
 		}
-		alert(e), k(!1), N(""), L();
-	}, V = (e) => new Date(e).toLocaleDateString("en-IN", {
+		alert(e), j(!1), F(""), z();
+	}, U = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), H = (e) => e.isVerified ? /* @__PURE__ */ v("span", {
+	}), W = (e) => e.isVerified ? /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-green-500/20 text-green-600 dark:text-green-400",
 		children: "Verified"
 	}) : e.inspectionStatus === "pending" ? /* @__PURE__ */ v("span", {
@@ -174,85 +176,92 @@ function x() {
 	}) : /* @__PURE__ */ v("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", {
+	}), G = (e) => e ? /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-green-500/20 text-green-600 dark:text-green-400",
 		children: "Active"
 	}) : /* @__PURE__ */ v("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", {
+	}), K = (e) => /* @__PURE__ */ v("div", {
 		className: "w-full bg-bg-sunken rounded-full h-2",
 		children: /* @__PURE__ */ v("div", {
 			className: t("h-2 rounded-full", e >= 80 ? "bg-green-500" : e >= 60 ? "bg-yellow-500" : "bg-red-500"),
 			style: { width: `${e}%` }
 		})
 	});
-	return w ? /* @__PURE__ */ v(n, {
+	return E ? /* @__PURE__ */ v(n, {
 		title: "Cart Management",
 		description: "Loading carts...",
 		children: /* @__PURE__ */ y("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__ */ v(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ v("p", {
 				className: "text-text-secondary",
 				children: "Loading carts..."
 			})]
 		})
 	}) : /* @__PURE__ */ y(n, {
 		title: "Cart Management",
-		description: `${I.totalCarts} service providers on the platform`,
+		description: `${R.totalCarts} service providers on the platform`,
 		actions: /* @__PURE__ */ y("span", {
 			className: "text-sm text-text-secondary",
-			children: [I.pendingApproval, " pending approval"]
+			children: [R.pendingApproval, " pending approval"]
 		}),
 		children: [
-			/* @__PURE__ */ v("div", {
-				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
-				children: [
-					{
-						label: "Total Carts",
-						value: I.totalCarts,
-						cls: ""
-					},
-					{
-						label: "Active",
-						value: I.activeCarts,
-						cls: "bg-green-500/10 border-green-500/30"
-					},
-					{
-						label: "Pending",
-						value: I.pendingApproval,
-						cls: "bg-yellow-500/10 border-yellow-500/30"
-					},
-					{
-						label: "Rejected",
-						value: I.rejectedCarts,
-						cls: "bg-red-500/10 border-red-500/30"
-					},
-					{
-						label: "Total Revenue",
-						value: r(I.totalRevenue, { minimumFractionDigits: 0 }),
-						cls: "col-span-2 min-w-fit"
-					},
-					{
-						label: "Avg Rating",
-						value: `${I.averageRating}`,
-						cls: ""
-					},
-					{
-						label: "New Apps",
-						value: I.newApplications,
-						cls: "bg-blue-500/10 border-blue-500/30"
-					}
-				].map((e) => /* @__PURE__ */ y("div", {
-					className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ v("p", {
-						className: "text-xs text-text-secondary",
-						children: e.label
-					}), /* @__PURE__ */ v("p", {
-						className: "text-lg font-bold text-text-primary",
-						children: e.value
-					})]
-				}, e.label))
+			/* @__PURE__ */ v(x, {
+				className: "mb-6",
+				children: "Oversee every service provider on the platform. Approve or reject new cart applications, monitor active and rejected carts, search and filter the full directory, and act on any cart that needs attention. This is mission control for the provider side of the marketplace."
+			}),
+			/* @__PURE__ */ v(b, {
+				className: "mb-6",
+				children: /* @__PURE__ */ v("div", {
+					className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3",
+					children: [
+						{
+							label: "Total Carts",
+							value: R.totalCarts,
+							cls: ""
+						},
+						{
+							label: "Active",
+							value: R.activeCarts,
+							cls: "bg-green-500/10 border-green-500/30"
+						},
+						{
+							label: "Pending",
+							value: R.pendingApproval,
+							cls: "bg-yellow-500/10 border-yellow-500/30"
+						},
+						{
+							label: "Rejected",
+							value: R.rejectedCarts,
+							cls: "bg-red-500/10 border-red-500/30"
+						},
+						{
+							label: "Total Revenue",
+							value: i(R.totalRevenue, { minimumFractionDigits: 0 }),
+							cls: "col-span-2 min-w-fit"
+						},
+						{
+							label: "Avg Rating",
+							value: `${R.averageRating}`,
+							cls: ""
+						},
+						{
+							label: "New Apps",
+							value: R.newApplications,
+							cls: "bg-blue-500/10 border-blue-500/30"
+						}
+					].map((e) => /* @__PURE__ */ y("div", {
+						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
+						children: [/* @__PURE__ */ v("p", {
+							className: "text-xs text-text-secondary",
+							children: e.label
+						}), /* @__PURE__ */ v("p", {
+							className: "text-lg font-bold text-text-primary",
+							children: e.value
+						})]
+					}, e.label))
+				})
 			}),
 			/* @__PURE__ */ v("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
@@ -261,17 +270,17 @@ function x() {
 					children: [
 						/* @__PURE__ */ y("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__ */ v(p, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ v("input", {
 								type: "text",
 								placeholder: "Search carts...",
-								value: P.searchQuery,
-								onChange: (e) => R("searchQuery", e.target.value),
+								value: I.searchQuery,
+								onChange: (e) => B("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),
+							value: I.status,
+							onChange: (e) => B("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", {
@@ -289,8 +298,8 @@ function x() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: P.verificationStatus,
-							onChange: (e) => R("verificationStatus", e.target.value),
+							value: I.verificationStatus,
+							onChange: (e) => B("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", {
@@ -312,8 +321,8 @@ function x() {
 							]
 						}),
 						/* @__PURE__ */ y("select", {
-							value: P.category,
-							onChange: (e) => R("category", e.target.value),
+							value: I.category,
+							onChange: (e) => B("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", {
@@ -341,13 +350,13 @@ function x() {
 						/* @__PURE__ */ v("input", {
 							type: "text",
 							placeholder: "Location...",
-							value: P.location,
-							onChange: (e) => R("location", e.target.value),
+							value: I.location,
+							onChange: (e) => B("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),
+							value: I.sortBy,
+							onChange: (e) => B("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", {
@@ -380,7 +389,7 @@ function x() {
 				children: [
 					/* @__PURE__ */ v("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: S.map((e) => /* @__PURE__ */ y("div", {
+						children: w.map((e) => /* @__PURE__ */ y("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ y("div", {
@@ -429,7 +438,7 @@ function x() {
 										}),
 										/* @__PURE__ */ y("p", {
 											className: "text-text-primary",
-											children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+											children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 										}),
 										/* @__PURE__ */ y("p", {
 											className: "text-text-secondary text-xs",
@@ -440,12 +449,12 @@ function x() {
 								/* @__PURE__ */ y("div", {
 									className: "flex flex-wrap gap-2 mb-3",
 									children: [
-										U(e.isActive),
-										H(e),
+										G(e.isActive),
+										W(e),
 										e.rating > 0 && /* @__PURE__ */ y("span", {
 											className: "inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
 											children: [
-												/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-current" }),
+												/* @__PURE__ */ v(m, { className: "h-3 w-3 fill-current" }),
 												e.rating,
 												" (",
 												e.reviewCount,
@@ -467,7 +476,7 @@ function x() {
 												children: [e.complianceScore, "%"]
 											})]
 										}),
-										W(e.complianceScore),
+										K(e.complianceScore),
 										/* @__PURE__ */ y("p", {
 											className: "text-xs text-text-secondary mt-1",
 											children: [
@@ -477,7 +486,7 @@ function x() {
 												e.documentsRequired,
 												" • Applied:",
 												" ",
-												V(e.applicationDate)
+												U(e.applicationDate)
 											]
 										})
 									]
@@ -487,30 +496,30 @@ function x() {
 									children: [
 										/* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "view"),
+											onClick: () => V(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", {
 											type: "button",
-											onClick: () => z(e, "approve"),
+											onClick: () => V(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", {
 											type: "button",
-											onClick: () => z(e, "reject"),
+											onClick: () => V(e, "reject"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
 											children: "Reject"
 										})] }),
 										e.inspectionStatus === "pending" && /* @__PURE__ */ v("button", {
 											type: "button",
-											onClick: () => z(e, "inspect"),
+											onClick: () => V(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", {
 											type: "button",
-											onClick: () => z(e, "suspend"),
+											onClick: () => V(e, "suspend"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
 											children: "Suspend"
 										})
@@ -553,7 +562,7 @@ function x() {
 								]
 							}) }), /* @__PURE__ */ v("tbody", {
 								className: "divide-y divide-border",
-								children: S.map((e) => /* @__PURE__ */ y("tr", {
+								children: w.map((e) => /* @__PURE__ */ y("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ v("td", {
@@ -605,13 +614,13 @@ function x() {
 											children: /* @__PURE__ */ y("div", {
 												className: "space-y-1",
 												children: [
-													U(e.isActive),
+													G(e.isActive),
 													/* @__PURE__ */ v("br", {}),
-													H(e),
+													W(e),
 													e.rating > 0 && /* @__PURE__ */ y("div", {
 														className: "text-sm flex items-center gap-1 mt-1",
 														children: [
-															/* @__PURE__ */ v(p, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }),
+															/* @__PURE__ */ v(m, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }),
 															e.rating,
 															" ",
 															/* @__PURE__ */ y("span", {
@@ -631,7 +640,7 @@ function x() {
 											className: "px-4 py-3 text-sm",
 											children: [/* @__PURE__ */ y("p", {
 												className: "text-text-primary",
-												children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+												children: [i(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
 											}), /* @__PURE__ */ y("p", {
 												className: "text-text-secondary",
 												children: [e.monthlyOrders, " orders/mo"]
@@ -644,7 +653,7 @@ function x() {
 													className: "flex items-center gap-2 mb-1",
 													children: [/* @__PURE__ */ v("div", {
 														className: "w-16",
-														children: W(e.complianceScore)
+														children: K(e.complianceScore)
 													}), /* @__PURE__ */ y("span", {
 														className: "font-medium text-text-primary",
 														children: [e.complianceScore, "%"]
@@ -661,7 +670,7 @@ function x() {
 												}),
 												/* @__PURE__ */ y("p", {
 													className: "text-xs text-text-secondary",
-													children: ["Applied: ", V(e.applicationDate)]
+													children: ["Applied: ", U(e.applicationDate)]
 												})
 											]
 										}),
@@ -672,35 +681,35 @@ function x() {
 												children: [
 													/* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => z(e, "view"),
+														onClick: () => V(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__ */ v(u, { className: "h-4 w-4" }), " View"]
 													}),
 													!e.isVerified && e.inspectionStatus !== "failed" && /* @__PURE__ */ y("div", {
 														className: "flex gap-1",
 														children: [/* @__PURE__ */ v("button", {
 															type: "button",
-															onClick: () => z(e, "approve"),
+															onClick: () => V(e, "approve"),
 															className: "rounded p-1.5 text-text-secondary hover:text-green-600 hover:bg-green-500/10 transition-colors",
-															children: /* @__PURE__ */ v(s, { className: "h-4 w-4" })
+															children: /* @__PURE__ */ v(c, { className: "h-4 w-4" })
 														}), /* @__PURE__ */ v("button", {
 															type: "button",
-															onClick: () => z(e, "reject"),
+															onClick: () => V(e, "reject"),
 															className: "rounded p-1.5 text-text-secondary hover:text-red-600 hover:bg-red-500/10 transition-colors",
 															children: /* @__PURE__ */ v(g, { className: "h-4 w-4" })
 														})]
 													}),
 													e.inspectionStatus === "pending" && /* @__PURE__ */ y("button", {
 														type: "button",
-														onClick: () => z(e, "inspect"),
+														onClick: () => V(e, "inspect"),
 														className: "rounded p-1.5 text-text-secondary hover:text-blue-600 hover:bg-blue-500/10 transition-colors inline-flex items-center gap-1 text-xs",
-														children: [/* @__PURE__ */ v(c, { className: "h-4 w-4" }), " Inspect"]
+														children: [/* @__PURE__ */ v(l, { className: "h-4 w-4" }), " Inspect"]
 													}),
 													e.isActive && /* @__PURE__ */ v("button", {
 														type: "button",
-														onClick: () => z(e, "suspend"),
+														onClick: () => V(e, "suspend"),
 														className: "rounded p-1.5 text-text-secondary hover:text-red-600 hover:bg-red-500/10 transition-colors",
-														children: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ v(f, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -710,16 +719,14 @@ 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"
-						})]
+					w.length === 0 && /* @__PURE__ */ v(r, {
+						illustration: "empty-search",
+						title: "No carts found",
+						description: "No service providers match your current filters. Try adjusting your search or status filter."
 					})
 				]
 			}),
-			O && E && /* @__PURE__ */ v("div", {
+			A && O && /* @__PURE__ */ v("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
 				children: /* @__PURE__ */ y("div", {
 					className: "w-full max-w-2xl rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
@@ -727,10 +734,10 @@ function x() {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
 						children: [/* @__PURE__ */ v("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"
+							children: M === "view" ? "Cart Details" : M === "approve" ? "Approve Cart" : M === "reject" ? "Reject Cart" : M === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 						}), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => k(!1),
+							onClick: () => j(!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" })
 						})]
@@ -745,28 +752,28 @@ function x() {
 										children: "Cart Name"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.name
+										children: O.name
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Category"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.category
+										children: O.category
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Owner"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerName
+										children: O.ownerName
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
 										children: "Contact"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: E.ownerPhone
+										children: O.ownerPhone
 									})] })
 								]
 							}),
@@ -775,14 +782,14 @@ function x() {
 								children: "Description"
 							}), /* @__PURE__ */ v("p", {
 								className: "font-medium text-text-primary",
-								children: E.description
+								children: O.description
 							})] }),
 							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 								className: "text-sm text-text-secondary",
 								children: "Location"
 							}), /* @__PURE__ */ v("p", {
 								className: "font-medium text-text-primary",
-								children: E.address
+								children: O.address
 							})] }),
 							/* @__PURE__ */ y("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
@@ -792,7 +799,7 @@ function x() {
 										children: "Compliance Score"
 									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
-										children: [E.complianceScore, "%"]
+										children: [O.complianceScore, "%"]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
 										className: "text-sm text-text-secondary",
@@ -800,9 +807,9 @@ function x() {
 									}), /* @__PURE__ */ y("p", {
 										className: "font-medium text-text-primary",
 										children: [
-											E.documentsSubmitted,
+											O.documentsSubmitted,
 											"/",
-											E.documentsRequired
+											O.documentsRequired
 										]
 									})] }),
 									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
@@ -810,31 +817,31 @@ function x() {
 										children: "Monthly Revenue"
 									}), /* @__PURE__ */ v("p", {
 										className: "font-medium text-text-primary",
-										children: r(E.monthlyRevenue, { minimumFractionDigits: 0 })
+										children: i(O.monthlyRevenue, { minimumFractionDigits: 0 })
 									})] })
 								]
 							}),
-							E.rejectionReason && /* @__PURE__ */ y("div", {
+							O.rejectionReason && /* @__PURE__ */ y("div", {
 								className: "rounded-lg border border-red-500/30 bg-red-500/10 p-4",
 								children: [/* @__PURE__ */ v("p", {
 									className: "text-sm font-medium text-red-600 dark:text-red-400",
 									children: "Previous Rejection Reason:"
 								}), /* @__PURE__ */ v("p", {
 									className: "text-sm text-red-600/80 dark:text-red-400/80",
-									children: E.rejectionReason
+									children: O.rejectionReason
 								})]
 							}),
-							A === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+							M === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 								className: "block text-sm font-medium text-text-primary mb-2",
 								children: "Rejection Reason *"
 							}), /* @__PURE__ */ v("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: P,
+								onChange: (e) => F(e.target.value),
 								placeholder: "Please provide a detailed reason for rejection..."
 							})] }),
-							A === "approve" && /* @__PURE__ */ v("div", {
+							M === "approve" && /* @__PURE__ */ v("div", {
 								className: "rounded-lg border border-green-500/30 bg-green-500/10 p-4",
 								children: /* @__PURE__ */ v("p", {
 									className: "text-sm text-green-600 dark:text-green-400",
@@ -845,15 +852,15 @@ function x() {
 								className: "flex gap-3 pt-2",
 								children: [/* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: () => k(!1),
+									onClick: () => j(!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", {
+								}), M !== "view" && /* @__PURE__ */ v("button", {
 									type: "button",
-									onClick: B,
-									disabled: A === "reject" && !M.trim(),
+									onClick: H,
+									disabled: M === "reject" && !P.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: M === "approve" ? "Approve Cart" : M === "reject" ? "Reject Cart" : M === "suspend" ? "Suspend Cart" : "Schedule Inspection"
 								})]
 							})
 						]
@@ -864,6 +871,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as CartManagementPage };
+export { C as CartManagementPage };
 
 //# sourceMappingURL=CartManagementPage.js.map