@burdenoff/microfe-adaptercloud 2026.625.1 → 2026.625.2

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

@@ -4,8 +4,9 @@ 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";
+import { EmphasisPanel as S } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/admin/UserManagementPage.tsx
-var S = [
+var C = [
 	{
 		id: "user-001",
 		email: "rahul.sharma@gmail.com",
@@ -89,20 +90,20 @@ var S = [
 		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({
+function w() {
+	let { navigateTo: w } = e(), [T, E] = o([]), [D, O] = o(!0), [k, A] = o(null), [j, M] = o(!1), [N, P] = o("edit"), [F, I] = o({
 		firstName: "",
 		lastName: "",
 		email: "",
 		phone: "",
 		role: ""
-	}), [I, L] = o(1), [R, z] = o({
+	}), [L, R] = o(1), [z, B] = o({
 		role: "",
 		status: "",
 		searchQuery: "",
 		sortBy: "recent",
 		registrationDate: ""
-	}), [B] = o({
+	}), [V] = o({
 		totalUsers: 2456,
 		activeUsers: 2134,
 		newUsers: 89,
@@ -111,18 +112,18 @@ function C() {
 		cartOwners: 342,
 		workers: 156,
 		investors: 113
-	}), V = r(() => {
-		D(!0), setTimeout(() => {
-			let e = [...S];
-			if (R.searchQuery) {
-				let t = R.searchQuery.toLowerCase();
+	}), H = r(() => {
+		O(!0), setTimeout(() => {
+			let e = [...C];
+			if (z.searchQuery) {
+				let t = z.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);
+			if (z.role && (e = e.filter((e) => e.role === z.role)), z.status && (e = e.filter((e) => e.status === z.status)), z.registrationDate) {
+				let t = parseInt(z.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
 				e = e.filter((e) => new Date(e.registrationDate) >= n);
 			}
-			switch (R.sortBy) {
+			switch (z.sortBy) {
 				case "name":
 					e.sort((e, t) => e.firstName.localeCompare(t.firstName));
 					break;
@@ -134,42 +135,42 @@ function C() {
 					break;
 				default: e.sort((e, t) => new Date(t.registrationDate).getTime() - new Date(e.registrationDate).getTime());
 			}
-			T(e), D(!1);
+			E(e), O(!1);
 		}, 800);
-	}, [R]);
+	}, [z]);
 	i(() => {
-		V();
-	}, [V]);
-	let H = (e, t) => {
-		z((n) => ({
+		H();
+	}, [H]);
+	let U = (e, t) => {
+		B((n) => ({
 			...n,
 			[e]: t
-		})), L(1);
-	}, U = (e, t) => {
+		})), R(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), V();
+			alert(n), H();
 			return;
 		}
-		k(e), N(t), F({
+		A(e), P(t), I({
 			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());
+		}), M(!0);
 	}, G = () => {
-		alert("User updated successfully"), j(!1), V();
-	}, K = (e) => new Date(e).toLocaleDateString("en-IN", {
+		k && (alert(`User ${k.firstName} ${k.lastName} deleted`), M(!1), H());
+	}, K = () => {
+		alert("User updated successfully"), M(!1), H();
+	}, q = (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", {
+	}), J = (e) => `₹${e.toLocaleString("en-IN")}`, Y = a(() => {
+		let e = (L - 1) * 10;
+		return T.slice(e, e + 10);
+	}, [T, L]), 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-accent-blue-subtle/20 text-accent-blue",
 			cart_owner: "bg-status-success-bg-subtle/20 text-status-success-text",
@@ -184,7 +185,7 @@ function C() {
 			investor: "Investor",
 			admin: "Admin"
 		}[e] ?? e
-	}), X = (e) => /* @__PURE__ */ b("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/20 text-status-success-text",
 			inactive: "bg-secondary text-secondary-foreground",
@@ -193,7 +194,7 @@ function C() {
 		}[e]),
 		children: e
 	});
-	return E ? /* @__PURE__ */ b(n, {
+	return D ? /* @__PURE__ */ b(n, {
 		title: "User Management",
 		description: "Loading users...",
 		children: /* @__PURE__ */ x("div", {
@@ -205,61 +206,65 @@ function C() {
 		})
 	}) : /* @__PURE__ */ x(n, {
 		title: "User Management",
-		description: `${B.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
+		description: `${V.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
+		purpose: "Manage everyone on the platform — customers, cart owners, workers, and investors. Search for an account to verify it, change a role, or suspend and reactivate users when you need to handle abuse or support cases.",
 		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-status-success-bg-subtle/10 border-status-success-border/30"
-					},
-					{
-						label: "New (30d)",
-						value: B.newUsers.toString(),
-						cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
-					},
-					{
-						label: "Verified",
-						value: B.verifiedUsers.toLocaleString("en-IN"),
-						cls: "bg-accent-purple-subtle/10 border-accent-purple-subtle/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-subtle bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ b("p", {
-						className: "text-xs text-text-secondary",
-						children: e.label
-					}), /* @__PURE__ */ b("p", {
-						className: "text-lg font-bold text-text-primary",
-						children: e.value
-					})]
-				}, e.label))
+			/* @__PURE__ */ b(S, {
+				className: "mb-6",
+				children: /* @__PURE__ */ b("div", {
+					className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3",
+					children: [
+						{
+							label: "Total Users",
+							value: V.totalUsers.toLocaleString("en-IN"),
+							cls: ""
+						},
+						{
+							label: "Active",
+							value: V.activeUsers.toLocaleString("en-IN"),
+							cls: "bg-status-success-bg-subtle/10 border-status-success-border/30"
+						},
+						{
+							label: "New (30d)",
+							value: V.newUsers.toString(),
+							cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
+						},
+						{
+							label: "Verified",
+							value: V.verifiedUsers.toLocaleString("en-IN"),
+							cls: "bg-accent-purple-subtle/10 border-accent-purple-subtle/30"
+						},
+						{
+							label: "Customers",
+							value: V.customers.toLocaleString("en-IN"),
+							cls: ""
+						},
+						{
+							label: "Cart Owners",
+							value: V.cartOwners.toString(),
+							cls: ""
+						},
+						{
+							label: "Workers",
+							value: V.workers.toString(),
+							cls: ""
+						},
+						{
+							label: "Investors",
+							value: V.investors.toString(),
+							cls: ""
+						}
+					].map((e) => /* @__PURE__ */ x("div", {
+						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
+						children: [/* @__PURE__ */ b("p", {
+							className: "text-xs text-text-secondary",
+							children: e.label
+						}), /* @__PURE__ */ b("p", {
+							className: "text-lg font-bold text-text-primary",
+							children: e.value
+						})]
+					}, e.label))
+				})
 			}),
 			/* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
@@ -271,14 +276,14 @@ function C() {
 							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: R.searchQuery,
-								onChange: (e) => H("searchQuery", e.target.value),
+								value: z.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__ */ x("select", {
-							value: R.role,
-							onChange: (e) => H("role", e.target.value),
+							value: z.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__ */ b("option", {
@@ -304,8 +309,8 @@ function C() {
 							]
 						}),
 						/* @__PURE__ */ x("select", {
-							value: R.status,
-							onChange: (e) => H("status", e.target.value),
+							value: z.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__ */ b("option", {
@@ -331,8 +336,8 @@ function C() {
 							]
 						}),
 						/* @__PURE__ */ x("select", {
-							value: R.registrationDate,
-							onChange: (e) => H("registrationDate", e.target.value),
+							value: z.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__ */ b("option", {
@@ -358,8 +363,8 @@ function C() {
 							]
 						}),
 						/* @__PURE__ */ x("select", {
-							value: R.sortBy,
-							onChange: (e) => H("sortBy", e.target.value),
+							value: z.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__ */ b("option", {
@@ -384,7 +389,7 @@ function C() {
 				children: [
 					/* @__PURE__ */ b("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: J.map((e) => /* @__PURE__ */ x("div", {
+						children: Y.map((e) => /* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
 								/* @__PURE__ */ x("div", {
@@ -420,7 +425,7 @@ function C() {
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "flex flex-wrap gap-2 mb-3",
-									children: [Y(e.role), X(e.status)]
+									children: [X(e.role), Z(e.status)]
 								}),
 								/* @__PURE__ */ x("div", {
 									className: "grid grid-cols-2 gap-4 text-sm mb-3",
@@ -429,13 +434,13 @@ function C() {
 										children: "Registered"
 									}), /* @__PURE__ */ b("p", {
 										className: "text-text-primary",
-										children: K(e.registrationDate)
+										children: q(e.registrationDate)
 									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
 										className: "text-text-secondary",
 										children: "Last Login"
 									}), /* @__PURE__ */ b("p", {
 										className: "text-text-primary",
-										children: e.lastLoginTime ? K(e.lastLoginTime) : "Never"
+										children: e.lastLoginTime ? q(e.lastLoginTime) : "Never"
 									})] })]
 								}),
 								/* @__PURE__ */ x("div", {
@@ -469,24 +474,24 @@ function C() {
 									children: [
 										/* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => U(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__ */ b("button", {
 											type: "button",
-											onClick: () => U(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/10 transition-colors",
 											children: "Suspend"
 										}) : /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => U(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/10 transition-colors",
 											children: "Activate"
 										}),
 										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 											type: "button",
-											onClick: () => U(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"
 										})
@@ -529,7 +534,7 @@ function C() {
 								]
 							}) }), /* @__PURE__ */ b("tbody", {
 								className: "divide-y divide-border",
-								children: J.map((e) => /* @__PURE__ */ x("tr", {
+								children: Y.map((e) => /* @__PURE__ */ x("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
 										/* @__PURE__ */ b("td", {
@@ -568,9 +573,9 @@ function C() {
 											children: /* @__PURE__ */ x("div", {
 												className: "space-y-1",
 												children: [
-													Y(e.role),
+													X(e.role),
 													/* @__PURE__ */ b("br", {}),
-													X(e.status)
+													Z(e.status)
 												]
 											})
 										}),
@@ -579,11 +584,11 @@ function C() {
 											children: [
 												/* @__PURE__ */ x("p", {
 													className: "text-text-primary",
-													children: ["Registered: ", K(e.registrationDate)]
+													children: ["Registered: ", q(e.registrationDate)]
 												}),
 												e.lastLoginTime && /* @__PURE__ */ x("p", {
 													className: "text-text-secondary",
-													children: ["Last login: ", K(e.lastLoginTime)]
+													children: ["Last login: ", q(e.lastLoginTime)]
 												}),
 												e.deviceInfo && /* @__PURE__ */ x("p", {
 													className: "text-text-secondary flex items-center gap-1",
@@ -599,11 +604,11 @@ function C() {
 													children: [e.totalOrders, " orders"]
 												}), /* @__PURE__ */ x("p", {
 													className: "text-text-secondary",
-													children: [q(e.totalSpent ?? 0), " spent"]
+													children: [J(e.totalSpent ?? 0), " spent"]
 												})] }),
 												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ x("p", {
 													className: "text-text-primary",
-													children: [q(e.totalEarnings), " earned"]
+													children: [J(e.totalEarnings), " earned"]
 												}),
 												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
 													className: "text-text-primary",
@@ -651,27 +656,27 @@ function C() {
 												children: [
 													/* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => U(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__ */ b(l, { className: "h-4 w-4" })
 													}),
 													e.status === "active" ? /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => U(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/10 transition-colors",
 														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
 													}) : /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => U(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/10 transition-colors",
 														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
 													}),
 													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
 														type: "button",
-														onClick: () => U(e, "verify"),
+														onClick: () => W(e, "verify"),
 														title: "Verify",
 														className: "rounded p-1.5 text-text-secondary hover:text-accent-blue hover:bg-accent-blue-subtle/10 transition-colors",
 														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
@@ -684,7 +689,7 @@ function C() {
 							})]
 						})
 					}),
-					w.length === 0 && /* @__PURE__ */ x("div", {
+					T.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-text-secondary/50 mb-3" }), /* @__PURE__ */ b("p", {
 							className: "text-sm text-text-secondary",
@@ -702,20 +707,20 @@ function C() {
 						" ",
 						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: Math.min((I - 1) * 10 + 1, w.length)
+							children: Math.min((L - 1) * 10 + 1, T.length)
 						}),
 						" ",
 						"to",
 						" ",
 						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: Math.min(I * 10, w.length)
+							children: Math.min(L * 10, T.length)
 						}),
 						" ",
 						"of ",
 						/* @__PURE__ */ b("span", {
 							className: "font-medium",
-							children: w.length
+							children: T.length
 						}),
 						" results"
 					]
@@ -723,20 +728,20 @@ function C() {
 					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)),
+						disabled: L === 1,
+						onClick: () => R((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__ */ b(s, { className: "h-4 w-4" }), "Previous"]
 					}), /* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: I * 10 >= w.length,
-						onClick: () => L((e) => e + 1),
+						disabled: L * 10 >= T.length,
+						onClick: () => R((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__ */ b(c, { className: "h-4 w-4" })]
 					})]
 				})]
 			}),
-			A && O && /* @__PURE__ */ b("div", {
+			j && k && /* @__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-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
@@ -744,34 +749,34 @@ function C() {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
 						children: [/* @__PURE__ */ b("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: M === "edit" ? "Edit User" : "Delete User"
+							children: N === "edit" ? "Edit User" : "Delete User"
 						}), /* @__PURE__ */ b("button", {
 							type: "button",
-							onClick: () => j(!1),
+							onClick: () => M(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary 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", {
+						children: N === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
 							className: "text-text-secondary mb-4",
 							children: [
 								"Are you sure you want to delete user \"",
-								O.firstName,
+								k.firstName,
 								" ",
-								O.lastName,
+								k.lastName,
 								"\"? This action cannot be undone."
 							]
 						}), /* @__PURE__ */ x("div", {
 							className: "flex gap-3",
 							children: [/* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => M(!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__ */ b("button", {
 								type: "button",
-								onClick: W,
+								onClick: G,
 								className: "flex-1 rounded-lg bg-status-error-bg-subtle hover:bg-status-error-bg-subtle py-2 text-sm font-medium text-white transition-colors",
 								children: "Delete User"
 							})]
@@ -785,8 +790,8 @@ function C() {
 										children: "First Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: P.firstName,
-										onChange: (e) => F((t) => ({
+										value: F.firstName,
+										onChange: (e) => I((t) => ({
 											...t,
 											firstName: e.target.value
 										})),
@@ -796,8 +801,8 @@ function C() {
 										children: "Last Name"
 									}), /* @__PURE__ */ b("input", {
 										type: "text",
-										value: P.lastName,
-										onChange: (e) => F((t) => ({
+										value: F.lastName,
+										onChange: (e) => I((t) => ({
 											...t,
 											lastName: e.target.value
 										})),
@@ -809,8 +814,8 @@ function C() {
 									children: "Email"
 								}), /* @__PURE__ */ b("input", {
 									type: "email",
-									value: P.email,
-									onChange: (e) => F((t) => ({
+									value: F.email,
+									onChange: (e) => I((t) => ({
 										...t,
 										email: e.target.value
 									})),
@@ -821,8 +826,8 @@ function C() {
 									children: "Phone"
 								}), /* @__PURE__ */ b("input", {
 									type: "tel",
-									value: P.phone,
-									onChange: (e) => F((t) => ({
+									value: F.phone,
+									onChange: (e) => I((t) => ({
 										...t,
 										phone: e.target.value
 									})),
@@ -832,8 +837,8 @@ function C() {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Role"
 								}), /* @__PURE__ */ x("select", {
-									value: P.role,
-									onChange: (e) => F((t) => ({
+									value: F.role,
+									onChange: (e) => I((t) => ({
 										...t,
 										role: e.target.value
 									})),
@@ -863,19 +868,19 @@ function C() {
 							children: [
 								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => j(!1),
+									onClick: () => M(!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__ */ b("button", {
 									type: "button",
-									onClick: G,
+									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__ */ b("button", {
 									type: "button",
-									onClick: () => N("delete"),
+									onClick: () => P("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/10 transition-colors",
 									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
 								})
@@ -888,6 +893,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as UserManagementPage };
+export { w as UserManagementPage };
 
 //# sourceMappingURL=UserManagementPage.js.map