@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -2,176 +2,103 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.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";
+import { useProviders as i } from "../../hooks/useKadaikodiApi.js";
+import { 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";
+import { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/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({
+var w = (e) => ({
+	id: e.ownerId ?? e.id,
+	email: "",
+	phone: "",
+	firstName: e.name,
+	lastName: "",
+	role: "cart_owner",
+	isEmailVerified: !!e.isVerified,
+	isPhoneVerified: !1,
+	profilePicture: "",
+	status: e.isOpen ? "active" : "inactive",
+	registrationDate: e.createdAt ?? (/* @__PURE__ */ new Date(0)).toISOString()
+});
+function T() {
+	let { navigateTo: T } = e(), { data: E = [], isLoading: D } = i(), [O, k] = o(null), [A, j] = o(!1), [M, N] = o("edit"), [P, F] = o({
 		firstName: "",
 		lastName: "",
 		email: "",
 		phone: "",
 		role: ""
-	}), [z, B] = s(1), [V, H] = s({
+	}), [I, L] = o(1), [R, z] = o({
 		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) => ({
+	}), B = a(() => E.map(w), [E]), V = a(() => {
+		let e = [...B];
+		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());
+		}
+		return e;
+	}, [B, R]), H = a(() => {
+		let e = Date.now() - 30 * 864e5;
+		return {
+			totalUsers: B.length,
+			activeUsers: B.filter((e) => e.status === "active").length,
+			newUsers: B.filter((t) => new Date(t.registrationDate).getTime() >= e).length,
+			verifiedUsers: B.filter((e) => e.isEmailVerified).length,
+			customers: B.filter((e) => e.role === "customer").length,
+			cartOwners: B.filter((e) => e.role === "cart_owner").length,
+			workers: B.filter((e) => e.role === "worker").length,
+			investors: B.filter((e) => e.role === "investor").length
+		};
+	}, [B]), U = (e, t) => {
+		z((n) => ({
 			...n,
 			[e]: t
-		})), B(1);
-	}, K = (e, t) => {
+		})), L(1);
+	}, W = (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();
+			alert(n);
 			return;
 		}
-		M(e), I(t), R({
+		k(e), N(t), F({
 			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", {
+		}), j(!0);
+	}, G = () => {
+		O && (alert(`User ${O.firstName} ${O.lastName} deleted`), j(!1));
+	}, K = () => {
+		alert("User updated successfully"), j(!1);
+	}, q = (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", {
+	}), J = (e) => `₹${e.toLocaleString("en-IN")}`, Y = a(() => {
+		let e = (I - 1) * 10;
+		return V.slice(e, e + 10);
+	}, [V, I]), X = (e) => /* @__PURE__ */ b("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
 			customer: "bg-[var(--color-accent-soft)] text-text-primary",
 			cart_owner: "bg-status-success-bg-subtle text-status-success-text",
@@ -186,203 +113,203 @@ function E() {
 			investor: "Investor",
 			admin: "Admin"
 		}[e] ?? e
-	}), $ = (e) => /* @__PURE__ */ x("span", {
+	}), Z = (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-status-success-bg-subtle text-status-success-text",
-			inactive: "bg-secondary text-secondary-foreground",
+			inactive: "bg-bg-sunken text-text-secondary",
 			suspended: "bg-status-error-bg-subtle text-status-error-text",
 			pending: "bg-status-warning-bg-subtle text-status-warning-text"
 		}[e]),
 		children: e
 	});
-	return k ? /* @__PURE__ */ x(n, {
+	return D ? /* @__PURE__ */ b(n, {
 		title: "User Management",
 		description: "Loading users...",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ x("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", {
+			children: [/* @__PURE__ */ b(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ b("p", {
 				className: "text-text-secondary",
 				children: "Loading users..."
 			})]
 		})
-	}) : /* @__PURE__ */ S(n, {
+	}) : /* @__PURE__ */ x(n, {
 		title: "User Management",
-		description: `${U.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
+		description: `${H.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
 		children: [
-			/* @__PURE__ */ x(w, {
+			/* @__PURE__ */ b(C, {
 				className: "mb-6",
 				children: "The directory of everyone on Kadaikodi — customers, cart owners, workers and investors. Use this page to find an account, verify or activate users, edit roles, and step in when someone needs help or needs to be removed. Filter by role or status to manage one group at a time."
 			}),
-			/* @__PURE__ */ S(C, {
+			/* @__PURE__ */ x(S, {
 				className: "mb-6",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ b("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "User Base Overview"
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3",
 					children: [
 						{
 							label: "Total Users",
-							value: U.totalUsers.toLocaleString("en-IN"),
+							value: H.totalUsers.toLocaleString("en-IN"),
 							cls: ""
 						},
 						{
 							label: "Active",
-							value: U.activeUsers.toLocaleString("en-IN"),
+							value: H.activeUsers.toLocaleString("en-IN"),
 							cls: "bg-status-success-bg-subtle border-status-success-text/30"
 						},
 						{
 							label: "New (30d)",
-							value: U.newUsers.toString(),
+							value: H.newUsers.toString(),
 							cls: "bg-[var(--color-accent-soft)] border-border-focus/30"
 						},
 						{
 							label: "Verified",
-							value: U.verifiedUsers.toLocaleString("en-IN"),
+							value: H.verifiedUsers.toLocaleString("en-IN"),
 							cls: "bg-accent-purple-subtle border-accent-purple/30"
 						},
 						{
 							label: "Customers",
-							value: U.customers.toLocaleString("en-IN"),
+							value: H.customers.toLocaleString("en-IN"),
 							cls: ""
 						},
 						{
 							label: "Cart Owners",
-							value: U.cartOwners.toString(),
+							value: H.cartOwners.toString(),
 							cls: ""
 						},
 						{
 							label: "Workers",
-							value: U.workers.toString(),
+							value: H.workers.toString(),
 							cls: ""
 						},
 						{
 							label: "Investors",
-							value: U.investors.toString(),
+							value: H.investors.toString(),
 							cls: ""
 						}
-					].map((e) => /* @__PURE__ */ S("div", {
+					].map((e) => /* @__PURE__ */ x("div", {
 						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-						children: [/* @__PURE__ */ x("p", {
+						children: [/* @__PURE__ */ b("p", {
 							className: "text-xs text-text-secondary",
 							children: e.label
-						}), /* @__PURE__ */ x("p", {
+						}), /* @__PURE__ */ b("p", {
 							className: "text-lg font-bold text-text-primary",
 							children: e.value
 						})]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ S("div", {
+				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__ */ S("div", {
+						/* @__PURE__ */ x("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", {
+							children: [/* @__PURE__ */ b(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
 								type: "text",
 								placeholder: "Search users...",
-								value: V.searchQuery,
-								onChange: (e) => G("searchQuery", e.target.value),
+								value: R.searchQuery,
+								onChange: (e) => U("searchQuery", e.target.value),
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: V.role,
-							onChange: (e) => G("role", e.target.value),
+						/* @__PURE__ */ x("select", {
+							value: R.role,
+							onChange: (e) => U("role", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "",
 									children: "All Roles"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "customer",
 									children: "Customers"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "cart_owner",
 									children: "Cart Owners"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "worker",
 									children: "Workers"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "investor",
 									children: "Investors"
 								})
 							]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: V.status,
-							onChange: (e) => G("status", e.target.value),
+						/* @__PURE__ */ x("select", {
+							value: R.status,
+							onChange: (e) => U("status", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "inactive",
 									children: "Inactive"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "suspended",
 									children: "Suspended"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "pending",
 									children: "Pending"
 								})
 							]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: V.registrationDate,
-							onChange: (e) => G("registrationDate", e.target.value),
+						/* @__PURE__ */ x("select", {
+							value: R.registrationDate,
+							onChange: (e) => U("registrationDate", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "",
 									children: "All Time"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "1",
 									children: "Last 24 hours"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "7",
 									children: "Last 7 days"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "30",
 									children: "Last 30 days"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "90",
 									children: "Last 90 days"
 								})
 							]
 						}),
-						/* @__PURE__ */ S("select", {
-							value: V.sortBy,
-							onChange: (e) => G("sortBy", e.target.value),
+						/* @__PURE__ */ x("select", {
+							value: R.sortBy,
+							onChange: (e) => U("sortBy", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "name",
 									children: "Name A-Z"
 								}),
-								/* @__PURE__ */ x("option", {
+								/* @__PURE__ */ b("option", {
 									value: "activity",
 									children: "Last Activity"
 								})
@@ -391,27 +318,27 @@ function E() {
 					]
 				})
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: Z.map((e) => /* @__PURE__ */ S("div", {
+						children: Y.map((e) => /* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center mb-3",
-									children: [e.profilePicture ? /* @__PURE__ */ x("img", {
+									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__ */ x("div", {
+									}) : /* @__PURE__ */ b("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", {
+										children: /* @__PURE__ */ b(_, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ x("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ S("h3", {
+											/* @__PURE__ */ x("h3", {
 												className: "font-medium text-text-primary",
 												children: [
 													e.firstName,
@@ -419,86 +346,86 @@ function E() {
 													e.lastName
 												]
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.email
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-sm text-text-secondary",
 												children: e.phone
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-2 mb-3",
-									children: [Q(e.role), $(e.status)]
+									children: [X(e.role), Z(e.status)]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 gap-4 text-sm mb-3",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 										className: "text-text-secondary",
 										children: "Registered"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "text-text-primary",
-										children: Y(e.registrationDate)
-									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										children: q(e.registrationDate)
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 										className: "text-text-secondary",
 										children: "Last Login"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ b("p", {
 										className: "text-text-primary",
-										children: e.lastLoginTime ? Y(e.lastLoginTime) : "Never"
+										children: e.lastLoginTime ? q(e.lastLoginTime) : "Never"
 									})] })]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-3 mb-3",
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ x("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", {
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
 												className: "text-sm text-text-secondary",
 												children: "Email"
 											})]
 										}),
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ x("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", {
+											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
 												className: "text-sm text-text-secondary",
 												children: "Phone"
 											})]
 										}),
-										e.kycStatus && /* @__PURE__ */ S("div", {
+										e.kycStatus && /* @__PURE__ */ x("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", {
+											children: [/* @__PURE__ */ b("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__ */ b("span", {
 												className: "text-sm text-text-secondary",
 												children: "KYC"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										/* @__PURE__ */ x("button", {
+										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => K(e, "edit"),
+											onClick: () => W(e, "edit"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Edit"
 										}),
-										e.status === "active" ? /* @__PURE__ */ x("button", {
+										e.status === "active" ? /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => K(e, "suspend"),
+											onClick: () => W(e, "suspend"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
 											children: "Suspend"
-										}) : /* @__PURE__ */ x("button", {
+										}) : /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => K(e, "activate"),
+											onClick: () => W(e, "activate"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 											children: "Activate"
 										}),
-										e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
+										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => K(e, "verify"),
+											onClick: () => W(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"
 										})
@@ -507,56 +434,56 @@ function E() {
 							]
 						}, e.id))
 					}),
-					/* @__PURE__ */ x("div", {
+					/* @__PURE__ */ b("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ S("table", {
+						children: /* @__PURE__ */ x("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "User"
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Role & Status"
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Activity"
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Performance"
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Verification"
 									}),
-									/* @__PURE__ */ x("th", {
+									/* @__PURE__ */ b("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ x("tbody", {
+							}) }), /* @__PURE__ */ b("tbody", {
 								className: "divide-y divide-border",
-								children: Z.map((e) => /* @__PURE__ */ S("tr", {
+								children: Y.map((e) => /* @__PURE__ */ x("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ x("div", {
 												className: "flex items-center gap-3",
-												children: [e.profilePicture ? /* @__PURE__ */ x("img", {
+												children: [e.profilePicture ? /* @__PURE__ */ b("img", {
 													src: e.profilePicture,
 													alt: `${e.firstName}`,
 													className: "w-10 h-10 rounded-full object-cover"
-												}) : /* @__PURE__ */ x("div", {
+												}) : /* @__PURE__ */ b("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", {
+													children: /* @__PURE__ */ b(_, { className: "h-5 w-5 text-text-secondary" })
+												}), /* @__PURE__ */ x("div", { children: [
+													/* @__PURE__ */ x("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: [
 															e.firstName,
@@ -564,60 +491,60 @@ function E() {
 															e.lastName
 														]
 													}),
-													/* @__PURE__ */ x("p", {
+													/* @__PURE__ */ b("p", {
 														className: "text-xs text-text-secondary",
 														children: e.email
 													}),
-													/* @__PURE__ */ x("p", {
+													/* @__PURE__ */ b("p", {
 														className: "text-xs text-text-secondary",
 														children: e.phone
 													})
 												] })]
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ x("div", {
 												className: "space-y-1",
 												children: [
-													Q(e.role),
-													/* @__PURE__ */ x("br", {}),
-													$(e.status)
+													X(e.role),
+													/* @__PURE__ */ b("br", {}),
+													Z(e.status)
 												]
 											})
 										}),
-										/* @__PURE__ */ S("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												/* @__PURE__ */ S("p", {
+												/* @__PURE__ */ x("p", {
 													className: "text-text-primary",
-													children: ["Registered: ", Y(e.registrationDate)]
+													children: ["Registered: ", q(e.registrationDate)]
 												}),
-												e.lastLoginTime && /* @__PURE__ */ S("p", {
+												e.lastLoginTime && /* @__PURE__ */ x("p", {
 													className: "text-text-secondary",
-													children: ["Last login: ", Y(e.lastLoginTime)]
+													children: ["Last login: ", q(e.lastLoginTime)]
 												}),
-												e.deviceInfo && /* @__PURE__ */ S("p", {
+												e.deviceInfo && /* @__PURE__ */ x("p", {
 													className: "text-text-secondary flex items-center gap-1",
-													children: [/* @__PURE__ */ x(m, { className: "h-3 w-3" }), e.deviceInfo]
+													children: [/* @__PURE__ */ b(p, { className: "h-3 w-3" }), e.deviceInfo]
 												})
 											]
 										}),
-										/* @__PURE__ */ S("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("p", {
+												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("p", {
 													className: "text-text-primary",
 													children: [e.totalOrders, " orders"]
-												}), /* @__PURE__ */ S("p", {
+												}), /* @__PURE__ */ x("p", {
 													className: "text-text-secondary",
-													children: [X(e.totalSpent ?? 0), " spent"]
+													children: [J(e.totalSpent ?? 0), " spent"]
 												})] }),
-												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ S("p", {
+												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ x("p", {
 													className: "text-text-primary",
-													children: [X(e.totalEarnings), " earned"]
+													children: [J(e.totalEarnings), " earned"]
 												}),
-												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ S("p", {
+												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
 													className: "text-text-primary",
 													children: [
 														"Risk: ",
@@ -627,28 +554,28 @@ function E() {
 												})
 											]
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ x("div", {
 												className: "space-y-1",
 												children: [
-													/* @__PURE__ */ S("div", {
+													/* @__PURE__ */ x("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", {
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
 															className: "text-sm text-text-secondary",
 															children: "Email"
 														})]
 													}),
-													/* @__PURE__ */ S("div", {
+													/* @__PURE__ */ x("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", {
+														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
 															className: "text-sm text-text-secondary",
 															children: "Phone"
 														})]
 													}),
-													e.kycStatus && /* @__PURE__ */ S("div", {
+													e.kycStatus && /* @__PURE__ */ x("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", {
+														children: [/* @__PURE__ */ b("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__ */ b("span", {
 															className: "text-sm text-text-secondary",
 															children: "KYC"
 														})]
@@ -656,37 +583,37 @@ function E() {
 												]
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ b("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ S("div", {
+											children: /* @__PURE__ */ x("div", {
 												className: "flex gap-1",
 												children: [
-													/* @__PURE__ */ x("button", {
+													/* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => K(e, "edit"),
+														onClick: () => W(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" })
+														children: /* @__PURE__ */ b(l, { className: "h-4 w-4" })
 													}),
-													e.status === "active" ? /* @__PURE__ */ x("button", {
+													e.status === "active" ? /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => K(e, "suspend"),
+														onClick: () => W(e, "suspend"),
 														title: "Suspend",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-														children: /* @__PURE__ */ x(_, { className: "h-4 w-4" })
-													}) : /* @__PURE__ */ x("button", {
+														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
+													}) : /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => K(e, "activate"),
+														onClick: () => W(e, "activate"),
 														title: "Activate",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-														children: /* @__PURE__ */ x(g, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
 													}),
-													e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
+													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => K(e, "verify"),
+														onClick: () => W(e, "verify"),
 														title: "Verify",
 														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors",
-														children: /* @__PURE__ */ x(p, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -696,13 +623,13 @@ function E() {
 							})]
 						})
 					}),
-					D.length === 0 && /* @__PURE__ */ x(r, {
+					V.length === 0 && /* @__PURE__ */ b(r, {
 						illustration: "empty-people",
 						title: "No users found",
 						description: "No accounts match your current filters. Try clearing them or searching for a different name or email.",
-						action: /* @__PURE__ */ x("button", {
+						action: /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => H({
+							onClick: () => z({
 								role: "",
 								status: "",
 								searchQuery: "",
@@ -715,191 +642,191 @@ function E() {
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-				children: [/* @__PURE__ */ S("p", {
+				children: [/* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary text-center sm:text-left",
 					children: [
 						"Showing",
 						" ",
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: Math.min((z - 1) * 10 + 1, D.length)
+							children: Math.min((I - 1) * 10 + 1, V.length)
 						}),
 						" ",
 						"to",
 						" ",
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: Math.min(z * 10, D.length)
+							children: Math.min(I * 10, V.length)
 						}),
 						" ",
 						"of ",
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: D.length
+							children: V.length
 						}),
 						" results"
 					]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "flex justify-center sm:justify-end gap-2",
-					children: [/* @__PURE__ */ S("button", {
+					children: [/* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: z === 1,
-						onClick: () => B((e) => Math.max(1, e - 1)),
+						disabled: I === 1,
+						onClick: () => L((e) => Math.max(1, e - 1)),
 						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle 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", {
+						children: [/* @__PURE__ */ b(s, { className: "h-4 w-4" }), "Previous"]
+					}), /* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: z * 10 >= D.length,
-						onClick: () => B((e) => e + 1),
+						disabled: I * 10 >= V.length,
+						onClick: () => L((e) => e + 1),
 						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle 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" })]
+						children: ["Next", /* @__PURE__ */ b(c, { className: "h-4 w-4" })]
 					})]
 				})]
 			}),
-			N && j && /* @__PURE__ */ x("div", {
+			A && O && /* @__PURE__ */ b("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ S("div", {
+				children: /* @__PURE__ */ x("div", {
 					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
-					children: [/* @__PURE__ */ S("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ x("h3", {
+						children: [/* @__PURE__ */ b("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: F === "edit" ? "Edit User" : "Delete User"
-						}), /* @__PURE__ */ x("button", {
+							children: M === "edit" ? "Edit User" : "Delete User"
+						}), /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => P(!1),
+							onClick: () => j(!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" })
+							children: /* @__PURE__ */ b(v, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ x("div", {
+					}), /* @__PURE__ */ b("div", {
 						className: "p-4",
-						children: F === "delete" ? /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("p", {
+						children: M === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 							className: "text-text-secondary mb-4",
 							children: [
 								"Are you sure you want to delete user \"",
-								j.firstName,
+								O.firstName,
 								" ",
-								j.lastName,
+								O.lastName,
 								"\"? This action cannot be undone."
 							]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "flex gap-3",
-							children: [/* @__PURE__ */ x("button", {
+							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => P(!1),
+								onClick: () => j(!1),
 								className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "Cancel"
-							}), /* @__PURE__ */ x("button", {
+							}), /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: q,
+								onClick: G,
 								className: "flex-1 rounded-lg bg-status-error-text hover:bg-status-error-text py-2 text-sm font-medium text-white transition-colors",
 								children: "Delete User"
 							})]
-						})] }) : /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+						})] }) : /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "First Name"
-									}), /* @__PURE__ */ x("input", {
+									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: L.firstName,
-										onChange: (e) => R((t) => ({
+										value: P.firstName,
+										onChange: (e) => F((t) => ({
 											...t,
 											firstName: e.target.value
 										})),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "Last Name"
-									}), /* @__PURE__ */ x("input", {
+									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: L.lastName,
-										onChange: (e) => R((t) => ({
+										value: P.lastName,
+										onChange: (e) => F((t) => ({
 											...t,
 											lastName: e.target.value
 										})),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] })]
 								}),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Email"
-								}), /* @__PURE__ */ x("input", {
+								}), /* @__PURE__ */ b("input", {
 									type: "email",
-									value: L.email,
-									onChange: (e) => R((t) => ({
+									value: P.email,
+									onChange: (e) => F((t) => ({
 										...t,
 										email: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Phone"
-								}), /* @__PURE__ */ x("input", {
+								}), /* @__PURE__ */ b("input", {
 									type: "tel",
-									value: L.phone,
-									onChange: (e) => R((t) => ({
+									value: P.phone,
+									onChange: (e) => F((t) => ({
 										...t,
 										phone: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
-								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Role"
-								}), /* @__PURE__ */ S("select", {
-									value: L.role,
-									onChange: (e) => R((t) => ({
+								}), /* @__PURE__ */ x("select", {
+									value: P.role,
+									onChange: (e) => F((t) => ({
 										...t,
 										role: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ b("option", {
 											value: "customer",
 											children: "Customer"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ b("option", {
 											value: "cart_owner",
 											children: "Cart Owner"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ b("option", {
 											value: "worker",
 											children: "Worker"
 										}),
-										/* @__PURE__ */ x("option", {
+										/* @__PURE__ */ b("option", {
 											value: "investor",
 											children: "Investor"
 										})
 									]
 								})] })
 							]
-						}), /* @__PURE__ */ S("div", {
+						}), /* @__PURE__ */ x("div", {
 							className: "flex gap-3 mt-6",
 							children: [
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => P(!1),
+									onClick: () => j(!1),
 									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
 								}),
-								/* @__PURE__ */ x("button", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: J,
+									onClick: K,
 									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", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => I("delete"),
+									onClick: () => N("delete"),
 									className: "rounded-lg border border-border-subtle py-2 px-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-									children: /* @__PURE__ */ x(h, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
 								})
 							]
 						})] })
@@ -910,6 +837,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as UserManagementPage };
+export { T as UserManagementPage };
 
 //# sourceMappingURL=UserManagementPage.js.map