@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1,893 @@
+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 { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
+import { ChevronLeft as s, ChevronRight as c, Edit3 as l, Loader2 as u, Search as d, Shield as f, Smartphone as p, Trash2 as m, UserCheck as h, UserX as g, Users as _, X as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/coolandlovely/pages/admin/UserManagementPage.tsx
+var S = [
+	{
+		id: "user-001",
+		email: "rahul.sharma@gmail.com",
+		phone: "+91 98765 43210",
+		firstName: "Rahul",
+		lastName: "Sharma",
+		role: "customer",
+		isEmailVerified: !0,
+		isPhoneVerified: !0,
+		profilePicture: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=100",
+		status: "active",
+		lastLoginTime: "2024-06-23T16:45:00Z",
+		totalOrders: 45,
+		totalSpent: 12350,
+		registrationDate: "2024-01-15T08:30:00Z",
+		deviceInfo: "iPhone 14 Pro"
+	},
+	{
+		id: "user-002",
+		email: "priya.patel@gmail.com",
+		phone: "+91 98765 43211",
+		firstName: "Priya",
+		lastName: "Patel",
+		role: "cart_owner",
+		isEmailVerified: !0,
+		isPhoneVerified: !0,
+		profilePicture: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=100",
+		status: "active",
+		lastLoginTime: "2024-06-24T09:15:00Z",
+		totalEarnings: 285e3,
+		kycStatus: "verified",
+		registrationDate: "2023-08-20T10:15:00Z",
+		deviceInfo: "Android Samsung"
+	},
+	{
+		id: "user-003",
+		email: "amit.kumar@gmail.com",
+		phone: "+91 98765 43212",
+		firstName: "Amit",
+		lastName: "Kumar",
+		role: "worker",
+		isEmailVerified: !0,
+		isPhoneVerified: !1,
+		profilePicture: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=100",
+		status: "suspended",
+		lastLoginTime: "2024-06-15T14:30:00Z",
+		totalEarnings: 45e3,
+		kycStatus: "pending",
+		registrationDate: "2024-02-10T12:45:00Z",
+		deviceInfo: "Web Browser"
+	},
+	{
+		id: "user-004",
+		email: "sneha.investor@gmail.com",
+		phone: "+91 98765 43213",
+		firstName: "Sneha",
+		lastName: "Reddy",
+		role: "investor",
+		isEmailVerified: !0,
+		isPhoneVerified: !0,
+		profilePicture: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=100",
+		status: "active",
+		lastLoginTime: "2024-06-24T10:30:00Z",
+		kycStatus: "verified",
+		riskScore: 2.1,
+		registrationDate: "2023-12-01T15:20:00Z",
+		deviceInfo: "MacBook Pro"
+	},
+	{
+		id: "user-005",
+		email: "new.user@gmail.com",
+		phone: "+91 98765 43214",
+		firstName: "New",
+		lastName: "User",
+		role: "customer",
+		isEmailVerified: !1,
+		isPhoneVerified: !1,
+		profilePicture: "",
+		status: "pending",
+		registrationDate: "2024-06-24T09:00:00Z",
+		deviceInfo: "iPhone 15"
+	}
+];
+function C() {
+	let { navigateTo: C } = e(), [w, T] = o([]), [E, D] = o(!0), [O, k] = o(null), [A, j] = o(!1), [M, N] = o("edit"), [P, F] = o({
+		firstName: "",
+		lastName: "",
+		email: "",
+		phone: "",
+		role: ""
+	}), [I, L] = o(1), [R, z] = o({
+		role: "",
+		status: "",
+		searchQuery: "",
+		sortBy: "recent",
+		registrationDate: ""
+	}), [B] = o({
+		totalUsers: 2456,
+		activeUsers: 2134,
+		newUsers: 89,
+		verifiedUsers: 2021,
+		customers: 1845,
+		cartOwners: 342,
+		workers: 156,
+		investors: 113
+	}), V = r(() => {
+		D(!0), setTimeout(() => {
+			let e = [...S];
+			if (R.searchQuery) {
+				let t = R.searchQuery.toLowerCase();
+				e = e.filter((e) => e.firstName.toLowerCase().includes(t) || e.lastName.toLowerCase().includes(t) || e.email.toLowerCase().includes(t) || e.phone.includes(t));
+			}
+			if (R.role && (e = e.filter((e) => e.role === R.role)), R.status && (e = e.filter((e) => e.status === R.status)), R.registrationDate) {
+				let t = parseInt(R.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
+				e = e.filter((e) => new Date(e.registrationDate) >= n);
+			}
+			switch (R.sortBy) {
+				case "name":
+					e.sort((e, t) => e.firstName.localeCompare(t.firstName));
+					break;
+				case "activity":
+					e.sort((e, t) => {
+						let n = e.lastLoginTime ? new Date(e.lastLoginTime).getTime() : 0;
+						return (t.lastLoginTime ? new Date(t.lastLoginTime).getTime() : 0) - n;
+					});
+					break;
+				default: e.sort((e, t) => new Date(t.registrationDate).getTime() - new Date(e.registrationDate).getTime());
+			}
+			T(e), D(!1);
+		}, 800);
+	}, [R]);
+	i(() => {
+		V();
+	}, [V]);
+	let H = (e, t) => {
+		z((n) => ({
+			...n,
+			[e]: t
+		})), L(1);
+	}, U = (e, t) => {
+		if (t === "suspend" || t === "activate" || t === "verify") {
+			let n = t === "suspend" ? `User ${e.firstName} ${e.lastName} suspended` : t === "activate" ? `User ${e.firstName} ${e.lastName} activated` : `User ${e.firstName} ${e.lastName} verified`;
+			alert(n), V();
+			return;
+		}
+		k(e), N(t), F({
+			firstName: e.firstName,
+			lastName: e.lastName,
+			email: e.email,
+			phone: e.phone,
+			role: e.role
+		}), j(!0);
+	}, W = () => {
+		O && (alert(`User ${O.firstName} ${O.lastName} deleted`), j(!1), V());
+	}, G = () => {
+		alert("User updated successfully"), j(!1), V();
+	}, K = (e) => new Date(e).toLocaleDateString("en-IN", {
+		year: "numeric",
+		month: "short",
+		day: "numeric"
+	}), q = (e) => `₹${e.toLocaleString("en-IN")}`, J = a(() => {
+		let e = (I - 1) * 10;
+		return w.slice(e, e + 10);
+	}, [w, I]), Y = (e) => /* @__PURE__ */ b("span", {
+		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
+			customer: "bg-blue-500/20 text-blue-600 dark:text-blue-400",
+			cart_owner: "bg-green-500/20 text-green-600 dark:text-green-400",
+			worker: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
+			investor: "bg-purple-500/20 text-purple-600 dark:text-purple-400",
+			admin: "bg-red-500/20 text-red-600 dark:text-red-400"
+		}[e]),
+		children: {
+			customer: "Customer",
+			cart_owner: "Cart Owner",
+			worker: "Worker",
+			investor: "Investor",
+			admin: "Admin"
+		}[e] ?? e
+	}), X = (e) => /* @__PURE__ */ b("span", {
+		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", {
+			active: "bg-green-500/20 text-green-600 dark:text-green-400",
+			inactive: "bg-secondary text-secondary-foreground",
+			suspended: "bg-red-500/20 text-red-600 dark:text-red-400",
+			pending: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400"
+		}[e]),
+		children: e
+	});
+	return E ? /* @__PURE__ */ b(n, {
+		title: "User Management",
+		description: "Loading users...",
+		children: /* @__PURE__ */ x("div", {
+			className: "flex flex-col items-center justify-center py-20",
+			children: [/* @__PURE__ */ b(u, { className: "h-10 w-10 animate-spin text-muted-foreground mb-4" }), /* @__PURE__ */ b("p", {
+				className: "text-muted-foreground",
+				children: "Loading users..."
+			})]
+		})
+	}) : /* @__PURE__ */ x(n, {
+		title: "User Management",
+		description: `${B.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
+				children: [
+					{
+						label: "Total Users",
+						value: B.totalUsers.toLocaleString("en-IN"),
+						cls: ""
+					},
+					{
+						label: "Active",
+						value: B.activeUsers.toLocaleString("en-IN"),
+						cls: "bg-green-500/10 border-green-500/30"
+					},
+					{
+						label: "New (30d)",
+						value: B.newUsers.toString(),
+						cls: "bg-blue-500/10 border-blue-500/30"
+					},
+					{
+						label: "Verified",
+						value: B.verifiedUsers.toLocaleString("en-IN"),
+						cls: "bg-purple-500/10 border-purple-500/30"
+					},
+					{
+						label: "Customers",
+						value: B.customers.toLocaleString("en-IN"),
+						cls: ""
+					},
+					{
+						label: "Cart Owners",
+						value: B.cartOwners.toString(),
+						cls: ""
+					},
+					{
+						label: "Workers",
+						value: B.workers.toString(),
+						cls: ""
+					},
+					{
+						label: "Investors",
+						value: B.investors.toString(),
+						cls: ""
+					}
+				].map((e) => /* @__PURE__ */ x("div", {
+					className: t("rounded-lg border border-border bg-card p-3", e.cls),
+					children: [/* @__PURE__ */ b("p", {
+						className: "text-xs text-muted-foreground",
+						children: e.label
+					}), /* @__PURE__ */ b("p", {
+						className: "text-lg font-bold text-foreground",
+						children: e.value
+					})]
+				}, e.label))
+			}),
+			/* @__PURE__ */ b("div", {
+				className: "rounded-lg border border-border bg-card p-4 mb-6",
+				children: /* @__PURE__ */ x("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ b(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ b("input", {
+								type: "text",
+								placeholder: "Search users...",
+								value: R.searchQuery,
+								onChange: (e) => H("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__ */ x("select", {
+							value: R.role,
+							onChange: (e) => H("role", 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__ */ b("option", {
+									value: "",
+									children: "All Roles"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "customer",
+									children: "Customers"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "cart_owner",
+									children: "Cart Owners"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "worker",
+									children: "Workers"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "investor",
+									children: "Investors"
+								})
+							]
+						}),
+						/* @__PURE__ */ x("select", {
+							value: R.status,
+							onChange: (e) => H("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__ */ b("option", {
+									value: "",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "inactive",
+									children: "Inactive"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "suspended",
+									children: "Suspended"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "pending",
+									children: "Pending"
+								})
+							]
+						}),
+						/* @__PURE__ */ x("select", {
+							value: R.registrationDate,
+							onChange: (e) => H("registrationDate", 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__ */ b("option", {
+									value: "",
+									children: "All Time"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "1",
+									children: "Last 24 hours"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "7",
+									children: "Last 7 days"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "30",
+									children: "Last 30 days"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "90",
+									children: "Last 90 days"
+								})
+							]
+						}),
+						/* @__PURE__ */ x("select", {
+							value: R.sortBy,
+							onChange: (e) => H("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__ */ b("option", {
+									value: "recent",
+									children: "Most Recent"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "name",
+									children: "Name A-Z"
+								}),
+								/* @__PURE__ */ b("option", {
+									value: "activity",
+									children: "Last Activity"
+								})
+							]
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "rounded-lg border border-border bg-card overflow-hidden",
+				children: [
+					/* @__PURE__ */ b("div", {
+						className: "block md:hidden space-y-4 p-4",
+						children: J.map((e) => /* @__PURE__ */ x("div", {
+							className: "rounded-lg border border-border bg-muted/30 p-4",
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "flex items-center mb-3",
+									children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+										src: e.profilePicture,
+										alt: `${e.firstName} ${e.lastName}`,
+										className: "w-12 h-12 rounded-full object-cover mr-3"
+									}) : /* @__PURE__ */ b("div", {
+										className: "w-12 h-12 rounded-full bg-muted flex items-center justify-center mr-3",
+										children: /* @__PURE__ */ b(_, { className: "h-6 w-6 text-muted-foreground" })
+									}), /* @__PURE__ */ x("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ x("h3", {
+												className: "font-medium text-foreground",
+												children: [
+													e.firstName,
+													" ",
+													e.lastName
+												]
+											}),
+											/* @__PURE__ */ b("p", {
+												className: "text-sm text-muted-foreground truncate",
+												children: e.email
+											}),
+											/* @__PURE__ */ b("p", {
+												className: "text-sm text-muted-foreground",
+												children: e.phone
+											})
+										]
+									})]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-wrap gap-2 mb-3",
+									children: [Y(e.role), X(e.status)]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-2 gap-4 text-sm mb-3",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-muted-foreground",
+										children: "Registered"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-foreground",
+										children: K(e.registrationDate)
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-muted-foreground",
+										children: "Last Login"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-foreground",
+										children: e.lastLoginTime ? K(e.lastLoginTime) : "Never"
+									})] })]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-wrap gap-3 mb-3",
+									children: [
+										/* @__PURE__ */ x("div", {
+											className: "flex items-center",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Email"
+											})]
+										}),
+										/* @__PURE__ */ x("div", {
+											className: "flex items-center",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-muted-foreground",
+												children: "Phone"
+											})]
+										}),
+										e.kycStatus && /* @__PURE__ */ x("div", {
+											className: "flex items-center",
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-green-500" : e.kycStatus === "pending" ? "bg-yellow-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+												className: "text-sm text-muted-foreground",
+												children: "KYC"
+											})]
+										})
+									]
+								}),
+								/* @__PURE__ */ x("div", {
+									className: "flex flex-wrap gap-2",
+									children: [
+										/* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => U(e, "edit"),
+											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+											children: "Edit"
+										}),
+										e.status === "active" ? /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => U(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"
+										}) : /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => U(e, "activate"),
+											className: "rounded-lg border border-border px-3 py-1.5 text-sm font-medium text-green-600 hover:bg-green-500/10 transition-colors",
+											children: "Activate"
+										}),
+										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+											type: "button",
+											onClick: () => U(e, "verify"),
+											className: "rounded-lg bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+											children: "Verify"
+										})
+									]
+								})
+							]
+						}, e.id))
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "hidden md:block overflow-x-auto",
+						children: /* @__PURE__ */ x("table", {
+							className: "w-full",
+							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
+								className: "border-b border-border bg-muted/50",
+								children: [
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "User"
+									}),
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Role & Status"
+									}),
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Activity"
+									}),
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Performance"
+									}),
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Verification"
+									}),
+									/* @__PURE__ */ b("th", {
+										className: "px-4 py-3 text-left text-xs font-medium text-muted-foreground uppercase tracking-wider",
+										children: "Actions"
+									})
+								]
+							}) }), /* @__PURE__ */ b("tbody", {
+								className: "divide-y divide-border",
+								children: J.map((e) => /* @__PURE__ */ x("tr", {
+									className: "hover:bg-accent/50 transition-colors",
+									children: [
+										/* @__PURE__ */ b("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ x("div", {
+												className: "flex items-center gap-3",
+												children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+													src: e.profilePicture,
+													alt: `${e.firstName}`,
+													className: "w-10 h-10 rounded-full object-cover"
+												}) : /* @__PURE__ */ b("div", {
+													className: "w-10 h-10 rounded-full bg-muted flex items-center justify-center",
+													children: /* @__PURE__ */ b(_, { className: "h-5 w-5 text-muted-foreground" })
+												}), /* @__PURE__ */ x("div", { children: [
+													/* @__PURE__ */ x("p", {
+														className: "text-sm font-medium text-foreground",
+														children: [
+															e.firstName,
+															" ",
+															e.lastName
+														]
+													}),
+													/* @__PURE__ */ b("p", {
+														className: "text-xs text-muted-foreground",
+														children: e.email
+													}),
+													/* @__PURE__ */ b("p", {
+														className: "text-xs text-muted-foreground",
+														children: e.phone
+													})
+												] })]
+											})
+										}),
+										/* @__PURE__ */ b("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ x("div", {
+												className: "space-y-1",
+												children: [
+													Y(e.role),
+													/* @__PURE__ */ b("br", {}),
+													X(e.status)
+												]
+											})
+										}),
+										/* @__PURE__ */ x("td", {
+											className: "px-4 py-3 text-sm",
+											children: [
+												/* @__PURE__ */ x("p", {
+													className: "text-foreground",
+													children: ["Registered: ", K(e.registrationDate)]
+												}),
+												e.lastLoginTime && /* @__PURE__ */ x("p", {
+													className: "text-muted-foreground",
+													children: ["Last login: ", K(e.lastLoginTime)]
+												}),
+												e.deviceInfo && /* @__PURE__ */ x("p", {
+													className: "text-muted-foreground flex items-center gap-1",
+													children: [/* @__PURE__ */ b(p, { className: "h-3 w-3" }), e.deviceInfo]
+												})
+											]
+										}),
+										/* @__PURE__ */ x("td", {
+											className: "px-4 py-3 text-sm",
+											children: [
+												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("p", {
+													className: "text-foreground",
+													children: [e.totalOrders, " orders"]
+												}), /* @__PURE__ */ x("p", {
+													className: "text-muted-foreground",
+													children: [q(e.totalSpent ?? 0), " spent"]
+												})] }),
+												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ x("p", {
+													className: "text-foreground",
+													children: [q(e.totalEarnings), " earned"]
+												}),
+												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
+													className: "text-foreground",
+													children: [
+														"Risk: ",
+														e.riskScore,
+														"/5"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ b("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ x("div", {
+												className: "space-y-1",
+												children: [
+													/* @__PURE__ */ x("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-muted-foreground",
+															children: "Email"
+														})]
+													}),
+													/* @__PURE__ */ x("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-green-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-muted-foreground",
+															children: "Phone"
+														})]
+													}),
+													e.kycStatus && /* @__PURE__ */ x("div", {
+														className: "flex items-center gap-2",
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-green-500" : e.kycStatus === "pending" ? "bg-yellow-500" : "bg-red-500") }), /* @__PURE__ */ b("span", {
+															className: "text-sm text-muted-foreground",
+															children: "KYC"
+														})]
+													})
+												]
+											})
+										}),
+										/* @__PURE__ */ b("td", {
+											className: "px-4 py-3",
+											children: /* @__PURE__ */ x("div", {
+												className: "flex gap-1",
+												children: [
+													/* @__PURE__ */ b("button", {
+														type: "button",
+														onClick: () => U(e, "edit"),
+														title: "Edit",
+														className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+														children: /* @__PURE__ */ b(l, { className: "h-4 w-4" })
+													}),
+													e.status === "active" ? /* @__PURE__ */ b("button", {
+														type: "button",
+														onClick: () => U(e, "suspend"),
+														title: "Suspend",
+														className: "rounded p-1.5 text-muted-foreground hover:text-red-600 hover:bg-red-500/10 transition-colors",
+														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
+													}) : /* @__PURE__ */ b("button", {
+														type: "button",
+														onClick: () => U(e, "activate"),
+														title: "Activate",
+														className: "rounded p-1.5 text-muted-foreground hover:text-green-600 hover:bg-green-500/10 transition-colors",
+														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+													}),
+													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+														type: "button",
+														onClick: () => U(e, "verify"),
+														title: "Verify",
+														className: "rounded p-1.5 text-muted-foreground hover:text-blue-600 hover:bg-blue-500/10 transition-colors",
+														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
+													})
+												]
+											})
+										})
+									]
+								}, e.id))
+							})]
+						})
+					}),
+					w.length === 0 && /* @__PURE__ */ x("div", {
+						className: "flex flex-col items-center justify-center py-12 px-4",
+						children: [/* @__PURE__ */ b(_, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ b("p", {
+							className: "text-sm text-muted-foreground",
+							children: "No users found matching your criteria"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
+				children: [/* @__PURE__ */ x("p", {
+					className: "text-sm text-muted-foreground text-center sm:text-left",
+					children: [
+						"Showing",
+						" ",
+						/* @__PURE__ */ b("span", {
+							className: "font-medium",
+							children: Math.min((I - 1) * 10 + 1, w.length)
+						}),
+						" ",
+						"to",
+						" ",
+						/* @__PURE__ */ b("span", {
+							className: "font-medium",
+							children: Math.min(I * 10, w.length)
+						}),
+						" ",
+						"of ",
+						/* @__PURE__ */ b("span", {
+							className: "font-medium",
+							children: w.length
+						}),
+						" results"
+					]
+				}), /* @__PURE__ */ x("div", {
+					className: "flex justify-center sm:justify-end gap-2",
+					children: [/* @__PURE__ */ x("button", {
+						type: "button",
+						disabled: I === 1,
+						onClick: () => L((e) => Math.max(1, e - 1)),
+						className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						children: [/* @__PURE__ */ b(s, { className: "h-4 w-4" }), "Previous"]
+					}), /* @__PURE__ */ x("button", {
+						type: "button",
+						disabled: I * 10 >= w.length,
+						onClick: () => L((e) => e + 1),
+						className: "flex items-center gap-1.5 rounded-lg border border-border px-3 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+						children: ["Next", /* @__PURE__ */ b(c, { className: "h-4 w-4" })]
+					})]
+				})]
+			}),
+			A && O && /* @__PURE__ */ b("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+				children: /* @__PURE__ */ x("div", {
+					className: "w-full max-w-md rounded-lg border border-border bg-card shadow-lg max-h-[90vh] overflow-y-auto",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex items-center justify-between p-4 border-b border-border",
+						children: [/* @__PURE__ */ b("h3", {
+							className: "text-lg font-semibold text-foreground",
+							children: M === "edit" ? "Edit User" : "Delete User"
+						}), /* @__PURE__ */ b("button", {
+							type: "button",
+							onClick: () => j(!1),
+							className: "rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
+							children: /* @__PURE__ */ b(v, { className: "h-5 w-5" })
+						})]
+					}), /* @__PURE__ */ b("div", {
+						className: "p-4",
+						children: M === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
+							className: "text-muted-foreground mb-4",
+							children: [
+								"Are you sure you want to delete user \"",
+								O.firstName,
+								" ",
+								O.lastName,
+								"\"? This action cannot be undone."
+							]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex gap-3",
+							children: [/* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: () => j(!1),
+								className: "flex-1 rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								children: "Cancel"
+							}), /* @__PURE__ */ b("button", {
+								type: "button",
+								onClick: W,
+								className: "flex-1 rounded-lg bg-red-600 hover:bg-red-700 py-2 text-sm font-medium text-white transition-colors",
+								children: "Delete User"
+							})]
+						})] }) : /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+							className: "space-y-4",
+							children: [
+								/* @__PURE__ */ x("div", {
+									className: "grid grid-cols-2 gap-4",
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-muted-foreground mb-1",
+										children: "First Name"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: P.firstName,
+										onChange: (e) => F((t) => ({
+											...t,
+											firstName: e.target.value
+										})),
+										className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+										className: "block text-sm font-medium text-muted-foreground mb-1",
+										children: "Last Name"
+									}), /* @__PURE__ */ b("input", {
+										type: "text",
+										value: P.lastName,
+										onChange: (e) => F((t) => ({
+											...t,
+											lastName: e.target.value
+										})),
+										className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+									})] })]
+								}),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-muted-foreground mb-1",
+									children: "Email"
+								}), /* @__PURE__ */ b("input", {
+									type: "email",
+									value: P.email,
+									onChange: (e) => F((t) => ({
+										...t,
+										email: e.target.value
+									})),
+									className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-muted-foreground mb-1",
+									children: "Phone"
+								}), /* @__PURE__ */ b("input", {
+									type: "tel",
+									value: P.phone,
+									onChange: (e) => F((t) => ({
+										...t,
+										phone: e.target.value
+									})),
+									className: "w-full rounded-lg border border-border bg-card py-2 px-3 text-sm text-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+								})] }),
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									className: "block text-sm font-medium text-muted-foreground mb-1",
+									children: "Role"
+								}), /* @__PURE__ */ x("select", {
+									value: P.role,
+									onChange: (e) => F((t) => ({
+										...t,
+										role: e.target.value
+									})),
+									className: "w-full 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__ */ b("option", {
+											value: "customer",
+											children: "Customer"
+										}),
+										/* @__PURE__ */ b("option", {
+											value: "cart_owner",
+											children: "Cart Owner"
+										}),
+										/* @__PURE__ */ b("option", {
+											value: "worker",
+											children: "Worker"
+										}),
+										/* @__PURE__ */ b("option", {
+											value: "investor",
+											children: "Investor"
+										})
+									]
+								})] })
+							]
+						}), /* @__PURE__ */ x("div", {
+							className: "flex gap-3 mt-6",
+							children: [
+								/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => j(!1),
+									className: "flex-1 rounded-lg border border-border py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+									children: "Cancel"
+								}),
+								/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: G,
+									className: "flex-1 rounded-lg bg-primary py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 transition-colors",
+									children: "Save Changes"
+								}),
+								/* @__PURE__ */ b("button", {
+									type: "button",
+									onClick: () => N("delete"),
+									className: "rounded-lg border border-border py-2 px-3 text-sm font-medium text-red-600 hover:bg-red-500/10 transition-colors",
+									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
+								})
+							]
+						})] })
+					})]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { C as UserManagementPage };
+
+//# sourceMappingURL=UserManagementPage.js.map