@burdenoff/microfe-subscriberbot 2026.626.1 → 2026.628.1

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

@@ -1,898 +0,0 @@
-import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { EmptyState as r } from "../../components/EmptyState.js";
-import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
-import { ChevronLeft as c, ChevronRight as l, Edit3 as u, Loader2 as d, Search as f, Shield as p, Smartphone as m, Trash2 as h, UserCheck as g, UserX as _, Users as v, X as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
-//#region src/subscriberbot/pages/admin/UserManagementPage.tsx
-var T = [
-	{
-		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 E() {
-	let { navigateTo: E } = e(), [D, O] = s([]), [k, A] = s(!0), [j, M] = s(null), [N, P] = s(!1), [F, I] = s("edit"), [L, R] = s({
-		firstName: "",
-		lastName: "",
-		email: "",
-		phone: "",
-		role: ""
-	}), [z, B] = s(1), [V, H] = s({
-		role: "",
-		status: "",
-		searchQuery: "",
-		sortBy: "recent",
-		registrationDate: ""
-	}), [U] = s({
-		totalUsers: 2456,
-		activeUsers: 2134,
-		newUsers: 89,
-		verifiedUsers: 2021,
-		customers: 1845,
-		cartOwners: 342,
-		workers: 156,
-		investors: 113
-	}), W = i(() => {
-		A(!0), setTimeout(() => {
-			let e = [...T];
-			if (V.searchQuery) {
-				let t = V.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 (V.role && (e = e.filter((e) => e.role === V.role)), V.status && (e = e.filter((e) => e.status === V.status)), V.registrationDate) {
-				let t = parseInt(V.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
-				e = e.filter((e) => new Date(e.registrationDate) >= n);
-			}
-			switch (V.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());
-			}
-			O(e), A(!1);
-		}, 800);
-	}, [V]);
-	a(() => {
-		W();
-	}, [W]);
-	let G = (e, t) => {
-		H((n) => ({
-			...n,
-			[e]: t
-		})), B(1);
-	}, K = (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), W();
-			return;
-		}
-		M(e), I(t), R({
-			firstName: e.firstName,
-			lastName: e.lastName,
-			email: e.email,
-			phone: e.phone,
-			role: e.role
-		}), P(!0);
-	}, q = () => {
-		j && (alert(`User ${j.firstName} ${j.lastName} deleted`), P(!1), W());
-	}, J = () => {
-		alert("User updated successfully"), P(!1), W();
-	}, Y = (e) => new Date(e).toLocaleDateString("en-IN", {
-		year: "numeric",
-		month: "short",
-		day: "numeric"
-	}), X = (e) => `₹${e.toLocaleString("en-IN")}`, Z = o(() => {
-		let e = (z - 1) * 10;
-		return D.slice(e, e + 10);
-	}, [D, z]), Q = (e) => /* @__PURE__ */ x("span", {
-		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
-			customer: "bg-status-info-bg/20 text-status-info-text",
-			cart_owner: "bg-status-success-bg/20 text-status-success-text",
-			worker: "bg-status-warning-bg/20 text-status-warning-text",
-			investor: "bg-accent-purple-subtle text-accent-purple",
-			admin: "bg-status-error-bg/20 text-status-error-text"
-		}[e]),
-		children: {
-			customer: "Customer",
-			cart_owner: "Cart Owner",
-			worker: "Worker",
-			investor: "Investor",
-			admin: "Admin"
-		}[e] ?? e
-	}), $ = (e) => /* @__PURE__ */ x("span", {
-		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", {
-			active: "bg-status-success-bg/20 text-status-success-text",
-			inactive: "bg-secondary text-secondary-foreground",
-			suspended: "bg-status-error-bg/20 text-status-error-text",
-			pending: "bg-status-warning-bg/20 text-status-warning-text"
-		}[e]),
-		children: e
-	});
-	return k ? /* @__PURE__ */ x(n, {
-		title: "User Management",
-		description: "Loading users...",
-		children: /* @__PURE__ */ S("div", {
-			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ x(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ x("p", {
-				className: "text-text-secondary",
-				children: "Loading users..."
-			})]
-		})
-	}) : /* @__PURE__ */ S(n, {
-		title: "User Management",
-		description: `${U.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
-		children: [
-			/* @__PURE__ */ x(w, {
-				icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" }),
-				className: "mb-6",
-				children: "The directory of everyone on the platform — customers, cart owners, workers and investors. Search and filter to find an account, review its status and role, and take action when something looks off (verify, suspend or follow up). Use the stats up top to keep a pulse on growth and active users."
-			}),
-			/* @__PURE__ */ x(C, {
-				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
-				children: [
-					{
-						label: "Total Users",
-						value: U.totalUsers.toLocaleString("en-IN"),
-						cls: ""
-					},
-					{
-						label: "Active",
-						value: U.activeUsers.toLocaleString("en-IN"),
-						cls: "bg-status-success-bg/10 border-status-success-border/30"
-					},
-					{
-						label: "New (30d)",
-						value: U.newUsers.toString(),
-						cls: "bg-status-info-bg/10 border-status-info-border/30"
-					},
-					{
-						label: "Verified",
-						value: U.verifiedUsers.toLocaleString("en-IN"),
-						cls: "bg-accent-purple-subtle border-accent-purple/30"
-					},
-					{
-						label: "Customers",
-						value: U.customers.toLocaleString("en-IN"),
-						cls: ""
-					},
-					{
-						label: "Cart Owners",
-						value: U.cartOwners.toString(),
-						cls: ""
-					},
-					{
-						label: "Workers",
-						value: U.workers.toString(),
-						cls: ""
-					},
-					{
-						label: "Investors",
-						value: U.investors.toString(),
-						cls: ""
-					}
-				].map((e) => /* @__PURE__ */ S("div", {
-					className: t("rounded-lg border border-border-seam bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ x("p", {
-						className: "text-xs text-text-secondary",
-						children: e.label
-					}), /* @__PURE__ */ x("p", {
-						className: "text-lg font-bold text-text-primary",
-						children: e.value
-					})]
-				}, e.label))
-			}),
-			/* @__PURE__ */ x("div", {
-				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ S("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3",
-					children: [
-						/* @__PURE__ */ S("div", {
-							className: "relative",
-							children: [/* @__PURE__ */ x(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x("input", {
-								type: "text",
-								placeholder: "Search users...",
-								value: V.searchQuery,
-								onChange: (e) => G("searchQuery", e.target.value),
-								className: "w-full rounded-lg border border-border-seam 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__ */ S("select", {
-							value: V.role,
-							onChange: (e) => G("role", e.target.value),
-							className: "rounded-lg border border-border-seam 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__ */ x("option", {
-									value: "",
-									children: "All Roles"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "customer",
-									children: "Customers"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "cart_owner",
-									children: "Cart Owners"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "worker",
-									children: "Workers"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "investor",
-									children: "Investors"
-								})
-							]
-						}),
-						/* @__PURE__ */ S("select", {
-							value: V.status,
-							onChange: (e) => G("status", e.target.value),
-							className: "rounded-lg border border-border-seam 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__ */ x("option", {
-									value: "",
-									children: "All Status"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "active",
-									children: "Active"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "inactive",
-									children: "Inactive"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "suspended",
-									children: "Suspended"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "pending",
-									children: "Pending"
-								})
-							]
-						}),
-						/* @__PURE__ */ S("select", {
-							value: V.registrationDate,
-							onChange: (e) => G("registrationDate", e.target.value),
-							className: "rounded-lg border border-border-seam 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__ */ x("option", {
-									value: "",
-									children: "All Time"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "1",
-									children: "Last 24 hours"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "7",
-									children: "Last 7 days"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "30",
-									children: "Last 30 days"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "90",
-									children: "Last 90 days"
-								})
-							]
-						}),
-						/* @__PURE__ */ S("select", {
-							value: V.sortBy,
-							onChange: (e) => G("sortBy", e.target.value),
-							className: "rounded-lg border border-border-seam 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__ */ x("option", {
-									value: "recent",
-									children: "Most Recent"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "name",
-									children: "Name A-Z"
-								}),
-								/* @__PURE__ */ x("option", {
-									value: "activity",
-									children: "Last Activity"
-								})
-							]
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ S("div", {
-				className: "rounded-lg border border-border-seam bg-bg-surface overflow-hidden",
-				children: [
-					/* @__PURE__ */ x("div", {
-						className: "block md:hidden space-y-4 p-4",
-						children: Z.map((e) => /* @__PURE__ */ S("div", {
-							className: "rounded-lg border border-border-seam bg-bg-sunken/30 p-4",
-							children: [
-								/* @__PURE__ */ S("div", {
-									className: "flex items-center mb-3",
-									children: [e.profilePicture ? /* @__PURE__ */ x("img", {
-										src: e.profilePicture,
-										alt: `${e.firstName} ${e.lastName}`,
-										className: "w-12 h-12 rounded-full object-cover mr-3"
-									}) : /* @__PURE__ */ x("div", {
-										className: "w-12 h-12 rounded-full bg-bg-sunken flex items-center justify-center mr-3",
-										children: /* @__PURE__ */ x(v, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ S("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ S("h3", {
-												className: "font-medium text-text-primary",
-												children: [
-													e.firstName,
-													" ",
-													e.lastName
-												]
-											}),
-											/* @__PURE__ */ x("p", {
-												className: "text-sm text-text-secondary truncate",
-												children: e.email
-											}),
-											/* @__PURE__ */ x("p", {
-												className: "text-sm text-text-secondary",
-												children: e.phone
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "flex flex-wrap gap-2 mb-3",
-									children: [Q(e.role), $(e.status)]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "grid grid-cols-2 gap-4 text-sm mb-3",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-text-secondary",
-										children: "Registered"
-									}), /* @__PURE__ */ x("p", {
-										className: "text-text-primary",
-										children: Y(e.registrationDate)
-									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
-										className: "text-text-secondary",
-										children: "Last Login"
-									}), /* @__PURE__ */ x("p", {
-										className: "text-text-primary",
-										children: e.lastLoginTime ? Y(e.lastLoginTime) : "Never"
-									})] })]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "flex flex-wrap gap-3 mb-3",
-									children: [
-										/* @__PURE__ */ S("div", {
-											className: "flex items-center",
-											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-												className: "text-sm text-text-secondary",
-												children: "Email"
-											})]
-										}),
-										/* @__PURE__ */ S("div", {
-											className: "flex items-center",
-											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-												className: "text-sm text-text-secondary",
-												children: "Phone"
-											})]
-										}),
-										e.kycStatus && /* @__PURE__ */ S("div", {
-											className: "flex items-center",
-											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-status-success-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-												className: "text-sm text-text-secondary",
-												children: "KYC"
-											})]
-										})
-									]
-								}),
-								/* @__PURE__ */ S("div", {
-									className: "flex flex-wrap gap-2",
-									children: [
-										/* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => K(e, "edit"),
-											className: "rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-											children: "Edit"
-										}),
-										e.status === "active" ? /* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => K(e, "suspend"),
-											className: "rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-											children: "Suspend"
-										}) : /* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => K(e, "activate"),
-											className: "rounded-lg border border-border-seam px-3 py-1.5 text-sm font-medium text-status-success-text hover:bg-status-success-bg/10 transition-colors",
-											children: "Activate"
-										}),
-										e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
-											type: "button",
-											onClick: () => K(e, "verify"),
-											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: "Verify"
-										})
-									]
-								})
-							]
-						}, e.id))
-					}),
-					/* @__PURE__ */ x("div", {
-						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ S("table", {
-							className: "w-full",
-							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
-								className: "border-b border-border-seam bg-bg-sunken/50",
-								children: [
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "User"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Role & Status"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Activity"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Performance"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Verification"
-									}),
-									/* @__PURE__ */ x("th", {
-										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
-										children: "Actions"
-									})
-								]
-							}) }), /* @__PURE__ */ x("tbody", {
-								className: "divide-y divide-border",
-								children: Z.map((e) => /* @__PURE__ */ S("tr", {
-									className: "hover:bg-accent/50 transition-colors",
-									children: [
-										/* @__PURE__ */ x("td", {
-											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
-												className: "flex items-center gap-3",
-												children: [e.profilePicture ? /* @__PURE__ */ x("img", {
-													src: e.profilePicture,
-													alt: `${e.firstName}`,
-													className: "w-10 h-10 rounded-full object-cover"
-												}) : /* @__PURE__ */ x("div", {
-													className: "w-10 h-10 rounded-full bg-bg-sunken flex items-center justify-center",
-													children: /* @__PURE__ */ x(v, { className: "h-5 w-5 text-text-secondary" })
-												}), /* @__PURE__ */ S("div", { children: [
-													/* @__PURE__ */ S("p", {
-														className: "text-sm font-medium text-text-primary",
-														children: [
-															e.firstName,
-															" ",
-															e.lastName
-														]
-													}),
-													/* @__PURE__ */ x("p", {
-														className: "text-xs text-text-secondary",
-														children: e.email
-													}),
-													/* @__PURE__ */ x("p", {
-														className: "text-xs text-text-secondary",
-														children: e.phone
-													})
-												] })]
-											})
-										}),
-										/* @__PURE__ */ x("td", {
-											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
-												className: "space-y-1",
-												children: [
-													Q(e.role),
-													/* @__PURE__ */ x("br", {}),
-													$(e.status)
-												]
-											})
-										}),
-										/* @__PURE__ */ S("td", {
-											className: "px-4 py-3 text-sm",
-											children: [
-												/* @__PURE__ */ S("p", {
-													className: "text-text-primary",
-													children: ["Registered: ", Y(e.registrationDate)]
-												}),
-												e.lastLoginTime && /* @__PURE__ */ S("p", {
-													className: "text-text-secondary",
-													children: ["Last login: ", Y(e.lastLoginTime)]
-												}),
-												e.deviceInfo && /* @__PURE__ */ S("p", {
-													className: "text-text-secondary flex items-center gap-1",
-													children: [/* @__PURE__ */ x(m, { className: "h-3 w-3" }), e.deviceInfo]
-												})
-											]
-										}),
-										/* @__PURE__ */ S("td", {
-											className: "px-4 py-3 text-sm",
-											children: [
-												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("p", {
-													className: "text-text-primary",
-													children: [e.totalOrders, " orders"]
-												}), /* @__PURE__ */ S("p", {
-													className: "text-text-secondary",
-													children: [X(e.totalSpent ?? 0), " spent"]
-												})] }),
-												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ S("p", {
-													className: "text-text-primary",
-													children: [X(e.totalEarnings), " earned"]
-												}),
-												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ S("p", {
-													className: "text-text-primary",
-													children: [
-														"Risk: ",
-														e.riskScore,
-														"/5"
-													]
-												})
-											]
-										}),
-										/* @__PURE__ */ x("td", {
-											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
-												className: "space-y-1",
-												children: [
-													/* @__PURE__ */ S("div", {
-														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-															className: "text-sm text-text-secondary",
-															children: "Email"
-														})]
-													}),
-													/* @__PURE__ */ S("div", {
-														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-															className: "text-sm text-text-secondary",
-															children: "Phone"
-														})]
-													}),
-													e.kycStatus && /* @__PURE__ */ S("div", {
-														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-status-success-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ x("span", {
-															className: "text-sm text-text-secondary",
-															children: "KYC"
-														})]
-													})
-												]
-											})
-										}),
-										/* @__PURE__ */ x("td", {
-											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
-												className: "flex gap-1",
-												children: [
-													/* @__PURE__ */ x("button", {
-														type: "button",
-														onClick: () => K(e, "edit"),
-														title: "Edit",
-														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-														children: /* @__PURE__ */ x(u, { className: "h-4 w-4" })
-													}),
-													e.status === "active" ? /* @__PURE__ */ x("button", {
-														type: "button",
-														onClick: () => K(e, "suspend"),
-														title: "Suspend",
-														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-														children: /* @__PURE__ */ x(_, { className: "h-4 w-4" })
-													}) : /* @__PURE__ */ x("button", {
-														type: "button",
-														onClick: () => K(e, "activate"),
-														title: "Activate",
-														className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg/10 transition-colors",
-														children: /* @__PURE__ */ x(g, { className: "h-4 w-4" })
-													}),
-													e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
-														type: "button",
-														onClick: () => K(e, "verify"),
-														title: "Verify",
-														className: "rounded p-1.5 text-text-secondary hover:text-status-info-text hover:bg-status-info-bg/10 transition-colors",
-														children: /* @__PURE__ */ x(p, { className: "h-4 w-4" })
-													})
-												]
-											})
-										})
-									]
-								}, e.id))
-							})]
-						})
-					}),
-					D.length === 0 && /* @__PURE__ */ x(r, {
-						illustration: "empty-people",
-						title: "No users found",
-						description: "No users match your current filters. Try broadening your search criteria."
-					})
-				]
-			}),
-			/* @__PURE__ */ S("div", {
-				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-				children: [/* @__PURE__ */ S("p", {
-					className: "text-sm text-text-secondary text-center sm:text-left",
-					children: [
-						"Showing",
-						" ",
-						/* @__PURE__ */ x("span", {
-							className: "font-medium",
-							children: Math.min((z - 1) * 10 + 1, D.length)
-						}),
-						" ",
-						"to",
-						" ",
-						/* @__PURE__ */ x("span", {
-							className: "font-medium",
-							children: Math.min(z * 10, D.length)
-						}),
-						" ",
-						"of ",
-						/* @__PURE__ */ x("span", {
-							className: "font-medium",
-							children: D.length
-						}),
-						" results"
-					]
-				}), /* @__PURE__ */ S("div", {
-					className: "flex justify-center sm:justify-end gap-2",
-					children: [/* @__PURE__ */ S("button", {
-						type: "button",
-						disabled: z === 1,
-						onClick: () => B((e) => Math.max(1, e - 1)),
-						className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-						children: [/* @__PURE__ */ x(c, { className: "h-4 w-4" }), "Previous"]
-					}), /* @__PURE__ */ S("button", {
-						type: "button",
-						disabled: z * 10 >= D.length,
-						onClick: () => B((e) => e + 1),
-						className: "flex items-center gap-1.5 rounded-lg border border-border-seam px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-						children: ["Next", /* @__PURE__ */ x(l, { className: "h-4 w-4" })]
-					})]
-				})]
-			}),
-			N && j && /* @__PURE__ */ x("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
-				children: /* @__PURE__ */ S("div", {
-					className: "w-full max-w-md rounded-lg border border-border-seam bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
-					children: [/* @__PURE__ */ S("div", {
-						className: "flex items-center justify-between p-4 border-b border-border-seam",
-						children: [/* @__PURE__ */ x("h3", {
-							className: "text-lg font-semibold text-text-primary",
-							children: F === "edit" ? "Edit User" : "Delete User"
-						}), /* @__PURE__ */ x("button", {
-							type: "button",
-							onClick: () => P(!1),
-							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ x(y, { className: "h-5 w-5" })
-						})]
-					}), /* @__PURE__ */ x("div", {
-						className: "p-4",
-						children: F === "delete" ? /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("p", {
-							className: "text-text-secondary mb-4",
-							children: [
-								"Are you sure you want to delete user \"",
-								j.firstName,
-								" ",
-								j.lastName,
-								"\"? This action cannot be undone."
-							]
-						}), /* @__PURE__ */ S("div", {
-							className: "flex gap-3",
-							children: [/* @__PURE__ */ x("button", {
-								type: "button",
-								onClick: () => P(!1),
-								className: "flex-1 rounded-lg border border-border-seam py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-								children: "Cancel"
-							}), /* @__PURE__ */ x("button", {
-								type: "button",
-								onClick: q,
-								className: "flex-1 rounded-lg bg-status-error-text hover:bg-status-error-text py-2 text-sm font-medium text-text-inverse transition-colors",
-								children: "Delete User"
-							})]
-						})] }) : /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ S("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-secondary mb-1",
-										children: "First Name"
-									}), /* @__PURE__ */ x("input", {
-										type: "text",
-										value: L.firstName,
-										onChange: (e) => R((t) => ({
-											...t,
-											firstName: e.target.value
-										})),
-										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-										className: "block text-sm font-medium text-text-secondary mb-1",
-										children: "Last Name"
-									}), /* @__PURE__ */ x("input", {
-										type: "text",
-										value: L.lastName,
-										onChange: (e) => R((t) => ({
-											...t,
-											lastName: e.target.value
-										})),
-										className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] })]
-								}),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email"
-								}), /* @__PURE__ */ x("input", {
-									type: "email",
-									value: L.email,
-									onChange: (e) => R((t) => ({
-										...t,
-										email: e.target.value
-									})),
-									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Phone"
-								}), /* @__PURE__ */ x("input", {
-									type: "tel",
-									value: L.phone,
-									onChange: (e) => R((t) => ({
-										...t,
-										phone: e.target.value
-									})),
-									className: "w-full rounded-lg border border-border-seam bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Role"
-								}), /* @__PURE__ */ S("select", {
-									value: L.role,
-									onChange: (e) => R((t) => ({
-										...t,
-										role: e.target.value
-									})),
-									className: "w-full rounded-lg border border-border-seam 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__ */ x("option", {
-											value: "customer",
-											children: "Customer"
-										}),
-										/* @__PURE__ */ x("option", {
-											value: "cart_owner",
-											children: "Cart Owner"
-										}),
-										/* @__PURE__ */ x("option", {
-											value: "worker",
-											children: "Worker"
-										}),
-										/* @__PURE__ */ x("option", {
-											value: "investor",
-											children: "Investor"
-										})
-									]
-								})] })
-							]
-						}), /* @__PURE__ */ S("div", {
-							className: "flex gap-3 mt-6",
-							children: [
-								/* @__PURE__ */ x("button", {
-									type: "button",
-									onClick: () => P(!1),
-									className: "flex-1 rounded-lg border border-border-seam py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
-									children: "Cancel"
-								}),
-								/* @__PURE__ */ x("button", {
-									type: "button",
-									onClick: J,
-									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",
-									children: "Save Changes"
-								}),
-								/* @__PURE__ */ x("button", {
-									type: "button",
-									onClick: () => I("delete"),
-									className: "rounded-lg border border-border-seam py-2 px-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-									children: /* @__PURE__ */ x(h, { className: "h-4 w-4" })
-								})
-							]
-						})] })
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { E as UserManagementPage };
-
-//# sourceMappingURL=UserManagementPage.js.map