@burdenoff/microfe-auth 2026.518.4 → 2026.519.1

package/dist/auth/pages/UserDetailsPage.js

@@ -3,16 +3,18 @@ import { useUserOperations as t } from "../hooks/useUserOperations.js";
 import { useAuthPermissions as n } from "../hooks/useAuthPermissions.js";
 import "../hooks/index.js";
 import { AlertIcon as r, SpinnerIcon as i } from "../components/AuthIcons.js";
-import { ConfirmActionDialog as a } from "../components/ConfirmActionDialog.js";
-import { useEffect as o, useState as s } from "react";
-import { useNavigate as c, useParams as l } from "react-router-dom";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useCreateAuthExportJobMutation as a } from "../../generated/wspace-operations.js";
+import { ConfirmActionDialog as o } from "../components/ConfirmActionDialog.js";
+import { useEffect as s, useState as c } from "react";
+import { useNavigate as l, useParams as u } from "react-router-dom";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/auth/pages/UserDetailsPage.tsx
-var f = [
+var h = [
 	"SUPER_ADMIN",
 	"TENANT_ADMIN",
 	"ORG_ADMIN"
-], p = (e) => {
+], g = (e) => {
 	switch (e) {
 		case "SUPER_ADMIN": return "bg-accent-purple-subtle text-accent-purple";
 		case "TENANT_ADMIN": return "bg-status-info-bg-subtle text-status-info-text";
@@ -22,7 +24,7 @@ var f = [
 		case "GUEST": return "bg-bg-sunken text-text-primary";
 		default: return "bg-bg-sunken text-text-primary";
 	}
-}, m = (e) => {
+}, _ = (e) => {
 	switch (e) {
 		case "ACTIVE": return "bg-status-success-bg-subtle text-status-success-text";
 		case "INACTIVE": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -31,308 +33,383 @@ var f = [
 		default: return "bg-bg-sunken text-text-primary";
 	}
 };
-function h() {
-	let { id: h } = l(), g = c(), _ = e((e) => e.isAuthenticated), v = e((e) => e.user), { canViewUsers: y, canDeleteUsers: b, isLoading: x } = n(), { getUser: S, deleteUser: C, hardDeleteUser: w } = t(), [T, E] = s(null), [D, O] = s(!0), [k, A] = s(null), [j, M] = s(null), [N, P] = s(null);
-	o(() => {
+function v() {
+	let { id: v } = u(), y = l(), { t: b } = d(), x = (e, t) => {
+		let n = b(e);
+		return n === e ? t : n;
+	}, S = e((e) => e.isAuthenticated), C = e((e) => e.user), { canViewUsers: w, canDeleteUsers: T, isLoading: E } = n(), { getUser: D, deleteUser: O, hardDeleteUser: k } = t(), [A, j] = c(null), [M, N] = c(!0), [P, F] = c(null), [I, L] = c(null), [R, z] = c(null), [B, { loading: V }] = a(), [H, U] = c(null);
+	s(() => {
 		let e = !1;
-		if (!h) {
-			A("Missing user id"), O(!1);
+		if (!v) {
+			F("Missing user id"), N(!1);
 			return;
 		}
-		if (!_) {
-			O(!1);
+		if (!S) {
+			N(!1);
 			return;
 		}
-		return O(!0), A(null), S(h).then((t) => {
-			e || (t ? E(t) : A("User not found"));
+		return N(!0), F(null), D(v).then((t) => {
+			e || (t ? j(t) : F(x("auth.userDetails.userNotFound", "User not found")));
 		}).catch((t) => {
-			e || A(t instanceof Error ? t.message : "Failed to fetch user details");
+			e || F(t instanceof Error ? t.message : "Failed to fetch user details");
 		}).finally(() => {
-			e || O(!1);
+			e || N(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [
-		h,
-		S,
-		_
+		v,
+		D,
+		S
 	]);
-	let F = async () => {
-		if (T) try {
-			let e = await C(T.id);
+	let W = async () => {
+		if (A) try {
+			let e = await O(A.id);
 			if (e.success) {
-				M(`User "${T.email}" has been deactivated.`), P(null);
-				let e = await S(T.id);
-				e && E(e);
-			} else A(e.message);
+				L(x("auth.userDetails.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", A.email)), z(null);
+				let e = await D(A.id);
+				e && j(e);
+			} else F(e.message);
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to delete user");
+			F(e instanceof Error ? e.message : "Failed to delete user");
 		}
-	}, I = async () => {
-		if (T) try {
-			let e = await w(T.id);
-			e.success ? (P(null), g("/auth/users")) : A(e.message);
+	}, G = async () => {
+		if (A) try {
+			let e = await k(A.id);
+			e.success ? (z(null), y("/auth/users")) : F(e.message);
 		} catch (e) {
-			A(e instanceof Error ? e.message : "Failed to hard delete user");
+			F(e instanceof Error ? e.message : "Failed to hard delete user");
+		}
+	}, K = async () => {
+		if (A) {
+			U(null);
+			try {
+				await B({ variables: { input: {
+					name: `User Data Export - ${A.email}`,
+					entityTypes: [
+						"user_profile",
+						"user_sessions",
+						"permission_audit_logs"
+					],
+					format: "CSV",
+					exportScope: "INDIVIDUAL",
+					includeMetadata: !0
+				} } });
+			} catch (e) {
+				U(e instanceof Error ? e.message : "Failed to start export");
+			}
 		}
 	};
-	return _ ? v && !f.includes(v.role) ? /* @__PURE__ */ u("div", {
+	return S ? C && !h.includes(C.role) ? /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
-			children: [/* @__PURE__ */ u("h2", {
+			children: [/* @__PURE__ */ p("h2", {
 				className: "text-xl font-semibold text-text-primary mb-2",
-				children: "You are not allowed to access this page"
-			}), /* @__PURE__ */ u("p", {
+				children: x("auth.userDetails.notAllowed", "You are not allowed to access this page")
+			}), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
-				children: "This page is restricted to administrators only."
+				children: x("auth.userDetails.notAllowedDesc", "This page is restricted to administrators only.")
 			})]
 		})
-	}) : x || D ? /* @__PURE__ */ u("div", {
+	}) : E || M ? /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16",
-			children: [/* @__PURE__ */ u(i, { className: "w-8 h-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ u("p", {
+			"aria-live": "polite",
+			"aria-busy": "true",
+			children: [/* @__PURE__ */ p(i, {
+				className: "w-8 h-8 mx-auto text-text-secondary animate-spin",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ p("p", {
 				className: "mt-4 text-text-secondary",
-				children: "Loading user..."
+				children: x("auth.userDetails.loading", "Loading user...")
 			})]
 		})
-	}) : y ? k || !T ? /* @__PURE__ */ d("div", {
+	}) : w ? P || !A ? /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: [/* @__PURE__ */ d("button", {
-			onClick: () => g("/auth/users"),
+		children: [/* @__PURE__ */ m("button", {
+			type: "button",
+			onClick: () => y("/auth/users"),
 			className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-			children: [/* @__PURE__ */ u("svg", {
+			children: [/* @__PURE__ */ p("svg", {
 				className: "w-4 h-4",
 				fill: "none",
 				viewBox: "0 0 24 24",
 				stroke: "currentColor",
-				children: /* @__PURE__ */ u("path", {
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ p("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 2,
 					d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 				})
-			}), "Back to Users"]
-		}), /* @__PURE__ */ d("div", {
+			}), x("auth.userDetails.backToUsers", "Back to Users")]
+		}), /* @__PURE__ */ m("div", {
+			role: "alert",
 			className: "flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
-			children: [/* @__PURE__ */ u(r, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ u("p", {
+			children: [/* @__PURE__ */ p(r, {
+				className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ p("p", {
 				className: "text-sm text-status-error-text",
-				children: k || "User not found"
+				children: P ?? x("auth.userDetails.userNotFound", "User not found")
 			})]
 		})]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			/* @__PURE__ */ u(a, {
-				open: N !== null,
+			/* @__PURE__ */ p(o, {
+				open: R !== null,
 				onOpenChange: (e) => {
-					e || P(null);
+					e || z(null);
 				},
-				title: N === "hard-delete" ? "Permanently delete user?" : "Deactivate user?",
-				description: N === "hard-delete" ? `This permanently deletes "${T.email}" and cannot be undone.` : `"${T.email}" will be prevented from signing in until reactivated.`,
-				confirmText: N === "hard-delete" ? "Delete permanently" : "Deactivate user",
-				variant: N === "hard-delete" ? "danger" : "warning",
+				title: R === "hard-delete" ? x("auth.userDetails.hardDeleteTitle", "Permanently delete user?") : x("auth.userDetails.deactivateTitle", "Deactivate user?"),
+				description: R === "hard-delete" ? x("auth.userDetails.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", A.email) : x("auth.userDetails.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", A.email),
+				confirmText: R === "hard-delete" ? x("auth.userDetails.hardDeleteConfirm", "Delete permanently") : x("auth.userDetails.deactivateConfirm", "Deactivate user"),
+				variant: R === "hard-delete" ? "danger" : "warning",
 				onConfirm: async () => {
-					N === "hard-delete" ? await I() : N === "deactivate" && await F();
+					R === "hard-delete" ? await G() : R === "deactivate" && await W();
 				}
 			}),
-			/* @__PURE__ */ d("button", {
-				onClick: () => g("/auth/users"),
-				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ u("svg", {
-					className: "w-4 h-4",
-					fill: "none",
-					viewBox: "0 0 24 24",
-					stroke: "currentColor",
-					children: /* @__PURE__ */ u("path", {
-						strokeLinecap: "round",
-						strokeLinejoin: "round",
-						strokeWidth: 2,
-						d: "M10 19l-7-7m0 0l7-7m-7 7h18"
-					})
-				}), "Back to Users"]
+			/* @__PURE__ */ m("div", {
+				className: "flex items-center justify-between mb-6",
+				children: [/* @__PURE__ */ m("button", {
+					type: "button",
+					onClick: () => y("/auth/users"),
+					className: "flex items-center gap-2 text-text-link hover:underline font-medium",
+					children: [/* @__PURE__ */ p("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ p("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M10 19l-7-7m0 0l7-7m-7 7h18"
+						})
+					}), x("auth.userDetails.backToUsers", "Back to Users")]
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => void K(),
+					disabled: V,
+					"aria-label": x("auth.userDetails.exportAriaLabel", "Export user data"),
+					className: "flex items-center gap-2 px-4 py-2.5 rounded-xl border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium",
+					children: V ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+						className: "w-4 h-4 animate-spin",
+						"aria-hidden": "true"
+					}), x("auth.userDetails.exporting", "Exporting...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ p("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+						})
+					}), x("auth.userDetails.exportButton", "Export User Data")] })
+				})]
+			}),
+			H && /* @__PURE__ */ m("div", {
+				role: "alert",
+				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
+				children: [/* @__PURE__ */ p(r, {
+					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-status-error-text",
+					children: H
+				})]
 			}),
-			j && /* @__PURE__ */ d("div", {
+			I && /* @__PURE__ */ m("div", {
 				className: "mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-status-success-text",
-					children: j
-				}), /* @__PURE__ */ u("button", {
-					onClick: () => M(null),
+					children: I
+				}), /* @__PURE__ */ p("button", {
+					type: "button",
+					onClick: () => L(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline",
-					children: "Dismiss"
+					children: x("auth.userDetails.dismiss", "Dismiss")
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-4 mb-8",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ p("div", {
 							className: "auth-brand-badge flex h-20 w-20 items-center justify-center rounded-full text-3xl font-semibold",
-							children: (T.name || T.username || T.email).charAt(0).toUpperCase()
-						}), /* @__PURE__ */ d("div", { children: [
-							/* @__PURE__ */ u("h1", {
+							"aria-hidden": "true",
+							children: (A.name || A.username || A.email).charAt(0).toUpperCase()
+						}), /* @__PURE__ */ m("div", { children: [
+							/* @__PURE__ */ p("h1", {
 								className: "text-2xl font-semibold text-text-primary",
-								children: T.name || T.username
+								children: A.name || A.username
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-text-secondary",
 								"data-testid": "user-email",
-								children: T.email
+								children: A.email
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 mt-2",
-								children: [/* @__PURE__ */ u("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${p(T.role)}`,
-									children: T.role.replace("_", " ")
-								}), /* @__PURE__ */ u("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${m(T.status)}`,
-									children: T.status
+								children: [/* @__PURE__ */ p("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${g(A.role)}`,
+									children: A.role.replace("_", " ")
+								}), /* @__PURE__ */ p("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${_(A.status)}`,
+									children: A.status
 								})]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ m("dl", {
 						className: "grid grid-cols-2 gap-6",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Username"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.username", "Username")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.username
+									children: A.username
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.email", "Email")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.email
+									children: A.email
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email Verified"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.emailVerified", "Email Verified")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.emailVerified ? /* @__PURE__ */ u("span", {
+									children: A.emailVerified ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: "Yes"
-									}) : /* @__PURE__ */ u("span", {
+										children: x("auth.userDetails.yes", "Yes")
+									}) : /* @__PURE__ */ p("span", {
 										className: "text-status-warning-text",
-										children: "No"
+										children: x("auth.userDetails.no", "No")
 									})
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "MFA Enabled"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.mfaEnabled", "MFA Enabled")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.mfaEnabled ? /* @__PURE__ */ u("span", {
+									children: A.mfaEnabled ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: "Yes"
-									}) : /* @__PURE__ */ u("span", {
+										children: x("auth.userDetails.yes", "Yes")
+									}) : /* @__PURE__ */ p("span", {
 										className: "text-text-secondary",
-										children: "No"
+										children: x("auth.userDetails.no", "No")
 									})
 								})]
 							}),
-							T.phoneNumber && /* @__PURE__ */ d("div", {
+							A.phoneNumber && /* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Phone Number"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.phoneNumber", "Phone Number")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.phoneNumber
+									children: A.phoneNumber
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Last Login"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.lastLogin", "Last Login")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: T.lastLoginAt ? new Date(T.lastLoginAt).toLocaleString() : "Never"
+									children: A.lastLoginAt ? new Date(A.lastLoginAt).toLocaleString() : x("auth.userDetails.never", "Never")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Created"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.created", "Created")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: new Date(T.createdAt).toLocaleString()
+									children: new Date(A.createdAt).toLocaleString()
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Last Updated"
-								}), /* @__PURE__ */ u("p", {
+								children: [/* @__PURE__ */ p("dt", {
+									className: "text-sm font-medium text-text-secondary mb-1",
+									children: x("auth.userDetails.lastUpdated", "Last Updated")
+								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: new Date(T.updatedAt).toLocaleString()
+									children: new Date(A.updatedAt).toLocaleString()
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mt-8 pt-6 border-t border-border-subtle flex gap-3",
-						children: [T.status !== "DELETED" && b && /* @__PURE__ */ u("button", {
-							onClick: () => P("deactivate"),
+						children: [A.status !== "DELETED" && T && /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => z("deactivate"),
 							className: "px-4 py-2.5 rounded-xl border border-status-error-border text-status-error-text font-medium hover:bg-status-error-bg-subtle transition-colors",
-							children: "Deactivate User"
-						}), b && T.status === "DELETED" && v?.role === "SUPER_ADMIN" && /* @__PURE__ */ u("button", {
-							onClick: () => P("hard-delete"),
+							children: x("auth.userDetails.deactivateUser", "Deactivate User")
+						}), T && A.status === "DELETED" && C?.role === "SUPER_ADMIN" && /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: () => z("hard-delete"),
 							className: "px-4 py-2.5 rounded-xl bg-status-error-bg text-white font-medium hover:bg-status-error-bg-hover transition-colors",
-							children: "Permanently Delete"
+							children: x("auth.userDetails.permanentlyDelete", "Permanently Delete")
 						})]
 					})
 				]
 			})
 		]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
-			children: [/* @__PURE__ */ u("h2", {
+			children: [/* @__PURE__ */ p("h2", {
 				className: "text-xl font-semibold text-text-primary mb-2",
-				children: "Admin Access Required"
-			}), /* @__PURE__ */ u("p", {
+				children: x("auth.userDetails.adminRequired", "Admin Access Required")
+			}), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
-				children: "You need administrator privileges to view user details."
+				children: x("auth.userDetails.adminRequiredDesc", "You need administrator privileges to view user details.")
 			})]
 		})
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
-			children: [/* @__PURE__ */ u("h2", {
+			children: [/* @__PURE__ */ p("h2", {
 				className: "text-xl font-semibold text-text-primary mb-2",
-				children: "Authentication Required"
-			}), /* @__PURE__ */ u("p", {
+				children: x("auth.userDetails.authRequired", "Authentication Required")
+			}), /* @__PURE__ */ p("p", {
 				className: "text-text-secondary",
-				children: "Please sign in to view user details"
+				children: x("auth.userDetails.signInToView", "Please sign in to view user details")
 			})]
 		})
 	});
 }
 //#endregion
-export { h as UserDetailsPage };
+export { v as UserDetailsPage };
 
 //# sourceMappingURL=UserDetailsPage.js.map