@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,869 @@
+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";
+//#region src/coolandlovely/pages/admin/CartManagementPage.tsx
+var b = [
+	{
+		id: "cart-001",
+		name: "South Indian Express",
+		description: "Authentic South Indian breakfast and snacks",
+		category: "Food & Beverage",
+		image: "https://images.unsplash.com/photo-1567620905732-2d1ec7ab7445?w=200",
+		ownerName: "Rajesh Kumar",
+		ownerEmail: "rajesh@gmail.com",
+		ownerPhone: "+91 98765 43210",
+		address: "MG Road, Bangalore",
+		city: "Bangalore",
+		isActive: !0,
+		isVerified: !0,
+		rating: 4.8,
+		reviewCount: 342,
+		monthlyRevenue: 185e3,
+		monthlyOrders: 1250,
+		complianceScore: 95,
+		documentsSubmitted: 8,
+		documentsRequired: 8,
+		inspectionStatus: "completed",
+		inspectionDate: "2023-07-01T10:00:00Z",
+		applicationDate: "2023-06-15T09:30:00Z",
+		licenseNumber: "BBMP/2023/001234"
+	},
+	{
+		id: "cart-002",
+		name: "Fresh Juice Corner",
+		description: "Fresh fruit juices and smoothies",
+		category: "Beverages",
+		image: "https://images.unsplash.com/photo-1600271886742-f049cd451bba?w=200",
+		ownerName: "Priya Sharma",
+		ownerEmail: "priya@gmail.com",
+		ownerPhone: "+91 98765 43211",
+		address: "Koramangala, Bangalore",
+		city: "Bangalore",
+		isActive: !1,
+		isVerified: !1,
+		rating: 0,
+		reviewCount: 0,
+		monthlyRevenue: 0,
+		monthlyOrders: 0,
+		complianceScore: 78,
+		documentsSubmitted: 6,
+		documentsRequired: 8,
+		inspectionStatus: "pending",
+		applicationDate: "2024-06-20T11:15:00Z"
+	},
+	{
+		id: "cart-003",
+		name: "Street Chaat Masters",
+		description: "Authentic Indian street food and chaat",
+		category: "Street Food",
+		image: "https://images.unsplash.com/photo-1601050690597-df0568f70950?w=200",
+		ownerName: "Amit Patel",
+		ownerEmail: "amit@gmail.com",
+		ownerPhone: "+91 98765 43212",
+		address: "Brigade Road, Bangalore",
+		city: "Bangalore",
+		isActive: !1,
+		isVerified: !1,
+		rating: 4.2,
+		reviewCount: 89,
+		monthlyRevenue: 45e3,
+		monthlyOrders: 450,
+		complianceScore: 65,
+		documentsSubmitted: 5,
+		documentsRequired: 8,
+		inspectionStatus: "failed",
+		inspectionDate: "2024-06-15T11:00:00Z",
+		applicationDate: "2024-05-10T14:20:00Z",
+		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({
+		searchQuery: "",
+		status: "",
+		verificationStatus: "",
+		category: "",
+		location: "",
+		sortBy: "recent"
+	}), [I] = o({
+		totalCarts: 156,
+		activeCarts: 134,
+		pendingApproval: 18,
+		rejectedCarts: 4,
+		totalRevenue: 125e5,
+		averageRating: 4.6,
+		complianceRate: 89,
+		newApplications: 8
+	}), L = i(() => {
+		T(!0), setTimeout(() => {
+			let e = [...b];
+			if (P.searchQuery) {
+				let t = P.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) {
+				case "name":
+					e.sort((e, t) => e.name.localeCompare(t.name));
+					break;
+				case "rating":
+					e.sort((e, t) => t.rating - e.rating);
+					break;
+				case "revenue":
+					e.sort((e, t) => t.monthlyRevenue - e.monthlyRevenue);
+					break;
+				case "compliance":
+					e.sort((e, t) => t.complianceScore - e.complianceScore);
+					break;
+				default: e.sort((e, t) => new Date(t.applicationDate).getTime() - new Date(e.applicationDate).getTime());
+			}
+			C(e), T(!1);
+		}, 800);
+	}, [P]);
+	a(() => {
+		L();
+	}, [L]);
+	let R = (e, t) => {
+		F((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, z = (e, t) => {
+		D(e), j(t), N(""), k(!0);
+	}, B = () => {
+		if (!E) return;
+		let e = "";
+		switch (A) {
+			case "approve":
+				e = `Cart "${E.name}" approved successfully`;
+				break;
+			case "reject":
+				if (!M.trim()) {
+					alert("Please provide a rejection reason");
+					return;
+				}
+				e = `Cart "${E.name}" rejected`;
+				break;
+			case "suspend":
+				e = `Cart "${E.name}" suspended`;
+				break;
+			case "inspect":
+				e = `Inspection scheduled for "${E.name}"`;
+				break;
+		}
+		alert(e), k(!1), N(""), L();
+	}, V = (e) => new Date(e).toLocaleDateString("en-IN", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	}), H = (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", {
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+		children: "Pending Review"
+	}) : e.inspectionStatus === "scheduled" ? /* @__PURE__ */ v("span", {
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-blue-500/20 text-blue-600 dark:text-blue-400",
+		children: "Inspection Scheduled"
+	}) : e.inspectionStatus === "failed" ? /* @__PURE__ */ v("span", {
+		className: "inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium bg-red-500/20 text-red-600 dark:text-red-400",
+		children: "Rejected"
+	}) : /* @__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", {
+		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", {
+		className: "w-full bg-muted 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, {
+		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-muted-foreground mb-4" }), /* @__PURE__ */ v("p", {
+				className: "text-muted-foreground",
+				children: "Loading carts..."
+			})]
+		})
+	}) : /* @__PURE__ */ y(n, {
+		title: "Cart Management",
+		description: `${I.totalCarts} service providers on the platform`,
+		actions: /* @__PURE__ */ y("span", {
+			className: "text-sm text-muted-foreground",
+			children: [I.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 bg-card p-3", e.cls),
+					children: [/* @__PURE__ */ v("p", {
+						className: "text-xs text-muted-foreground",
+						children: e.label
+					}), /* @__PURE__ */ v("p", {
+						className: "text-lg font-bold text-foreground",
+						children: e.value
+					})]
+				}, e.label))
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				children: /* @__PURE__ */ y("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3",
+					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-muted-foreground" }), /* @__PURE__ */ v("input", {
+								type: "text",
+								placeholder: "Search carts...",
+								value: P.searchQuery,
+								onChange: (e) => R("searchQuery", e.target.value),
+								className: "w-full rounded-lg border border-border bg-card py-2 pl-10 pr-4 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+							})]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: P.status,
+							onChange: (e) => R("status", e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "inactive",
+									children: "Inactive"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: P.verificationStatus,
+							onChange: (e) => R("verificationStatus", e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Verification"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "verified",
+									children: "Verified"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "pending",
+									children: "Pending"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "rejected",
+									children: "Rejected"
+								})
+							]
+						}),
+						/* @__PURE__ */ y("select", {
+							value: P.category,
+							onChange: (e) => R("category", e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "",
+									children: "All Categories"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Food & Beverage",
+									children: "Food & Beverage"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Beverages",
+									children: "Beverages"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Street Food",
+									children: "Street Food"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "Fast Food",
+									children: "Fast Food"
+								})
+							]
+						}),
+						/* @__PURE__ */ v("input", {
+							type: "text",
+							placeholder: "Location...",
+							value: P.location,
+							onChange: (e) => R("location", e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+						}),
+						/* @__PURE__ */ y("select", {
+							value: P.sortBy,
+							onChange: (e) => R("sortBy", e.target.value),
+							className: "rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring",
+							children: [
+								/* @__PURE__ */ v("option", {
+									value: "recent",
+									children: "Most Recent"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "name",
+									children: "Name A-Z"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "rating",
+									children: "Highest Rated"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "revenue",
+									children: "Highest Revenue"
+								}),
+								/* @__PURE__ */ v("option", {
+									value: "compliance",
+									children: "Best Compliance"
+								})
+							]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "rounded-lg border border-border bg-card overflow-hidden",
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "block md:hidden space-y-4 p-4",
+						children: S.map((e) => /* @__PURE__ */ y("div", {
+							className: "rounded-lg border border-border bg-muted/30 p-4",
+							children: [
+								/* @__PURE__ */ y("div", {
+									className: "flex items-center mb-3",
+									children: [/* @__PURE__ */ v("img", {
+										src: e.image,
+										alt: e.name,
+										className: "w-16 h-16 rounded-lg object-cover mr-3"
+									}), /* @__PURE__ */ y("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ v("h3", {
+												className: "font-medium text-foreground text-lg truncate",
+												children: e.name
+											}),
+											/* @__PURE__ */ v("p", {
+												className: "text-sm text-muted-foreground truncate",
+												children: e.category
+											}),
+											/* @__PURE__ */ v("p", {
+												className: "text-sm text-muted-foreground truncate",
+												children: e.address
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "grid grid-cols-2 gap-4 mb-3 text-sm",
+									children: [/* @__PURE__ */ y("div", { children: [
+										/* @__PURE__ */ v("p", {
+											className: "text-muted-foreground font-medium",
+											children: "Owner"
+										}),
+										/* @__PURE__ */ v("p", {
+											className: "text-foreground",
+											children: e.ownerName
+										}),
+										/* @__PURE__ */ v("p", {
+											className: "text-muted-foreground text-xs",
+											children: e.ownerPhone
+										})
+									] }), /* @__PURE__ */ y("div", { children: [
+										/* @__PURE__ */ v("p", {
+											className: "text-muted-foreground font-medium",
+											children: "Performance"
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-foreground",
+											children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+										}),
+										/* @__PURE__ */ y("p", {
+											className: "text-muted-foreground text-xs",
+											children: [e.monthlyOrders, " orders"]
+										})
+									] })]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-wrap gap-2 mb-3",
+									children: [
+										U(e.isActive),
+										H(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" }),
+												e.rating,
+												" (",
+												e.reviewCount,
+												")"
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "mb-3",
+									children: [
+										/* @__PURE__ */ y("div", {
+											className: "flex items-center justify-between text-sm mb-1",
+											children: [/* @__PURE__ */ v("span", {
+												className: "text-muted-foreground",
+												children: "Compliance"
+											}), /* @__PURE__ */ y("span", {
+												className: "font-medium text-foreground",
+												children: [e.complianceScore, "%"]
+											})]
+										}),
+										W(e.complianceScore),
+										/* @__PURE__ */ y("p", {
+											className: "text-xs text-muted-foreground mt-1",
+											children: [
+												"Docs: ",
+												e.documentsSubmitted,
+												"/",
+												e.documentsRequired,
+												" • Applied:",
+												" ",
+												V(e.applicationDate)
+											]
+										})
+									]
+								}),
+								/* @__PURE__ */ y("div", {
+									className: "flex flex-wrap gap-2",
+									children: [
+										/* @__PURE__ */ v("button", {
+											type: "button",
+											onClick: () => z(e, "view"),
+											className: "flex-1 rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground 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"),
+											className: "rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+											children: "Approve"
+										}), /* @__PURE__ */ v("button", {
+											type: "button",
+											onClick: () => z(e, "reject"),
+											className: "rounded-lg border border-border 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"),
+											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "Inspect"
+										}),
+										e.isActive && /* @__PURE__ */ v("button", {
+											type: "button",
+											onClick: () => z(e, "suspend"),
+											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
+											children: "Suspend"
+										})
+									]
+								})
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "hidden md:block overflow-x-auto",
+						children: /* @__PURE__ */ y("table", {
+							className: "w-full",
+							children: [/* @__PURE__ */ v("thead", { children: /* @__PURE__ */ y("tr", {
+								className: "border-b border-border bg-muted/50",
+								children: [
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Cart"
+									}),
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Owner"
+									}),
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Status"
+									}),
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Performance"
+									}),
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Compliance"
+									}),
+									/* @__PURE__ */ v("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ v("tbody", {
+								className: "divide-y divide-border",
+								children: S.map((e) => /* @__PURE__ */ y("tr", {
+									className: "hover:bg-accent/50 transition-colors",
+									children: [
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ y("div", {
+												className: "flex items-center gap-3",
+												children: [/* @__PURE__ */ v("img", {
+													src: e.image,
+													alt: e.name,
+													className: "w-12 h-12 rounded-lg object-cover"
+												}), /* @__PURE__ */ y("div", {
+													className: "min-w-0",
+													children: [
+														/* @__PURE__ */ v("p", {
+															className: "text-sm font-medium text-foreground truncate",
+															children: e.name
+														}),
+														/* @__PURE__ */ v("p", {
+															className: "text-xs text-muted-foreground truncate",
+															children: e.category
+														}),
+														/* @__PURE__ */ v("p", {
+															className: "text-xs text-muted-foreground truncate",
+															children: e.address
+														})
+													]
+												})]
+											})
+										}),
+										/* @__PURE__ */ y("td", {
+											className: "px-4 py-3 text-sm",
+											children: [
+												/* @__PURE__ */ v("p", {
+													className: "font-medium text-foreground",
+													children: e.ownerName
+												}),
+												/* @__PURE__ */ v("p", {
+													className: "text-xs text-muted-foreground",
+													children: e.ownerEmail
+												}),
+												/* @__PURE__ */ v("p", {
+													className: "text-xs text-muted-foreground",
+													children: e.ownerPhone
+												})
+											]
+										}),
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ y("div", {
+												className: "space-y-1",
+												children: [
+													U(e.isActive),
+													/* @__PURE__ */ v("br", {}),
+													H(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" }),
+															e.rating,
+															" ",
+															/* @__PURE__ */ y("span", {
+																className: "text-muted-foreground",
+																children: [
+																	"(",
+																	e.reviewCount,
+																	")"
+																]
+															})
+														]
+													})
+												]
+											})
+										}),
+										/* @__PURE__ */ y("td", {
+											className: "px-4 py-3 text-sm",
+											children: [/* @__PURE__ */ y("p", {
+												className: "text-foreground",
+												children: [r(e.monthlyRevenue, { minimumFractionDigits: 0 }), "/mo"]
+											}), /* @__PURE__ */ y("p", {
+												className: "text-muted-foreground",
+												children: [e.monthlyOrders, " orders/mo"]
+											})]
+										}),
+										/* @__PURE__ */ y("td", {
+											className: "px-4 py-3 text-sm",
+											children: [
+												/* @__PURE__ */ y("div", {
+													className: "flex items-center gap-2 mb-1",
+													children: [/* @__PURE__ */ v("div", {
+														className: "w-16",
+														children: W(e.complianceScore)
+													}), /* @__PURE__ */ y("span", {
+														className: "font-medium text-foreground",
+														children: [e.complianceScore, "%"]
+													})]
+												}),
+												/* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														"Docs: ",
+														e.documentsSubmitted,
+														"/",
+														e.documentsRequired
+													]
+												}),
+												/* @__PURE__ */ y("p", {
+													className: "text-xs text-muted-foreground",
+													children: ["Applied: ", V(e.applicationDate)]
+												})
+											]
+										}),
+										/* @__PURE__ */ v("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ y("div", {
+												className: "flex flex-col gap-1",
+												children: [
+													/* @__PURE__ */ y("button", {
+														type: "button",
+														onClick: () => z(e, "view"),
+														className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors inline-flex items-center gap-1 text-xs",
+														children: [/* @__PURE__ */ v(l, { 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"),
+															className: "rounded p-1.5 text-muted-foreground hover:text-green-600 hover:bg-green-500/10 transition-colors",
+															children: /* @__PURE__ */ v(s, { className: "h-4 w-4" })
+														}), /* @__PURE__ */ v("button", {
+															type: "button",
+															onClick: () => z(e, "reject"),
+															className: "rounded p-1.5 text-muted-foreground 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"),
+														className: "rounded p-1.5 text-muted-foreground 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"]
+													}),
+													e.isActive && /* @__PURE__ */ v("button", {
+														type: "button",
+														onClick: () => z(e, "suspend"),
+														className: "rounded p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-500/10 transition-colors",
+														children: /* @__PURE__ */ v(d, { className: "h-4 w-4" })
+													})
+												]
+											})
+										})
+									]
+								}, e.id))
+							})]
+						})
+					}),
+					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-muted-foreground/50 mb-3" }), /* @__PURE__ */ v("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No carts found matching your criteria"
+						})]
+					})
+				]
+			}),
+			O && E && /* @__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 bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center justify-between p-4 border-b border-border",
+						children: [/* @__PURE__ */ v("h3", {
+							className: "text-lg font-semibold text-foreground",
+							children: A === "view" ? "Cart Details" : A === "approve" ? "Approve Cart" : A === "reject" ? "Reject Cart" : A === "suspend" ? "Suspend Cart" : "Schedule Inspection"
+						}), /* @__PURE__ */ v("button", {
+							type: "button",
+							onClick: () => k(!1),
+							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+							children: /* @__PURE__ */ v(h, { className: "h-5 w-5" })
+						})]
+					}), /* @__PURE__ */ y("div", {
+						className: "p-4 space-y-4",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Cart Name"
+									}), /* @__PURE__ */ v("p", {
+										className: "font-medium text-foreground",
+										children: E.name
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Category"
+									}), /* @__PURE__ */ v("p", {
+										className: "font-medium text-foreground",
+										children: E.category
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Owner"
+									}), /* @__PURE__ */ v("p", {
+										className: "font-medium text-foreground",
+										children: E.ownerName
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Contact"
+									}), /* @__PURE__ */ v("p", {
+										className: "font-medium text-foreground",
+										children: E.ownerPhone
+									})] })
+								]
+							}),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Description"
+							}), /* @__PURE__ */ v("p", {
+								className: "font-medium text-foreground",
+								children: E.description
+							})] }),
+							/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+								className: "text-sm text-muted-foreground",
+								children: "Location"
+							}), /* @__PURE__ */ v("p", {
+								className: "font-medium text-foreground",
+								children: E.address
+							})] }),
+							/* @__PURE__ */ y("div", {
+								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
+								children: [
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Compliance Score"
+									}), /* @__PURE__ */ y("p", {
+										className: "font-medium text-foreground",
+										children: [E.complianceScore, "%"]
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Documents"
+									}), /* @__PURE__ */ y("p", {
+										className: "font-medium text-foreground",
+										children: [
+											E.documentsSubmitted,
+											"/",
+											E.documentsRequired
+										]
+									})] }),
+									/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("p", {
+										className: "text-sm text-muted-foreground",
+										children: "Monthly Revenue"
+									}), /* @__PURE__ */ v("p", {
+										className: "font-medium text-foreground",
+										children: r(E.monthlyRevenue, { minimumFractionDigits: 0 })
+									})] })
+								]
+							}),
+							E.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
+								})]
+							}),
+							A === "reject" && /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
+								className: "block text-sm font-medium text-foreground mb-2",
+								children: "Rejection Reason *"
+							}), /* @__PURE__ */ v("textarea", {
+								className: "w-full rounded-lg border border-border bg-card p-3 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring min-h-[100px]",
+								rows: 4,
+								value: M,
+								onChange: (e) => N(e.target.value),
+								placeholder: "Please provide a detailed reason for rejection..."
+							})] }),
+							A === "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",
+									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", {
+								className: "flex gap-3 pt-2",
+								children: [/* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: () => k(!1),
+									className: "flex-1 rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: "Cancel"
+								}), A !== "view" && /* @__PURE__ */ v("button", {
+									type: "button",
+									onClick: B,
+									disabled: A === "reject" && !M.trim(),
+									className: "flex-1 rounded-lg bg-primary py-2 text-sm font-medium text-primary-foreground hover:bg-primary/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"
+								})]
+							})
+						]
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { x as CartManagementPage };
+
+//# sourceMappingURL=CartManagementPage.js.map