@burdenoff/microfe-auth 2026.510.127

package/dist/auth/pages/UserProfilePage.js

@@ -0,0 +1,445 @@
+import { useAuthStore as e } from "../store/authStore.js";
+import { useUserOperations as t } from "../hooks/useUserOperations.js";
+import "../hooks/index.js";
+import { AuthLayout as n } from "../components/AuthLayout.js";
+import { AlertIcon as r, CheckIcon as i, EmailIcon as a, SpinnerIcon as o, UserIcon as s } from "../components/AuthIcons.js";
+import { useEffect as c, useState as l } from "react";
+import { useNavigate 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/UserProfilePage.tsx
+function h() {
+	let { t: h } = d(), g = (e, t) => {
+		let n = h(e);
+		return n === e ? t : n;
+	}, _ = u(), v = e((e) => e.isAuthenticated), y = e((e) => e.user), { updateCurrentUserProfile: b, isLoading: x } = t(), [S, C] = l(!1), [w, T] = l({
+		username: "",
+		firstName: "",
+		lastName: "",
+		name: "",
+		phoneNumber: ""
+	}), [E, D] = l(null), [O, k] = l(null);
+	return c(() => {
+		y && T({
+			username: y.username || "",
+			firstName: y.firstName || "",
+			lastName: y.lastName || "",
+			name: y.name || "",
+			phoneNumber: y.phoneNumber || ""
+		});
+	}, [y]), !v || !y ? /* @__PURE__ */ p(n, {
+		title: g("auth.profile.title", "Profile"),
+		subtitle: g("auth.profile.subtitle", "View and manage your profile"),
+		children: /* @__PURE__ */ m("div", {
+			className: "text-center py-12",
+			children: [
+				/* @__PURE__ */ p("div", {
+					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-[var(--color-status-warning-bg-subtle)] flex items-center justify-center",
+					children: /* @__PURE__ */ p(r, { className: "w-8 h-8 text-[var(--color-status-warning-text)]" })
+				}),
+				/* @__PURE__ */ p("h2", {
+					className: "text-xl font-semibold text-[var(--color-text-primary)] mb-2",
+					children: g("auth.profile.authRequired", "Authentication Required")
+				}),
+				/* @__PURE__ */ p("p", {
+					className: "text-[var(--color-text-secondary)] mb-6",
+					children: g("auth.profile.signInToView", "Please sign in to view your profile")
+				}),
+				/* @__PURE__ */ p("button", {
+					onClick: () => _("/auth/login"),
+					className: "auth-primary-button px-6 py-3 font-semibold",
+					children: g("auth.profile.signIn", "Sign In")
+				})
+			]
+		})
+	}) : /* @__PURE__ */ m("div", {
+		className: "max-w-4xl mx-auto p-6",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "mb-8",
+				children: [/* @__PURE__ */ p("h1", {
+					className: "text-3xl font-semibold text-[var(--color-text-primary)]",
+					children: g("auth.profile.myProfile", "My Profile")
+				}), /* @__PURE__ */ p("p", {
+					className: "text-[var(--color-text-secondary)] mt-2",
+					children: g("auth.profile.viewAndManage", "View and manage your account information")
+				})]
+			}),
+			O && /* @__PURE__ */ m("div", {
+				className: "mb-6 flex items-center gap-3 p-4 rounded-xl bg-[var(--color-status-success-bg-subtle)] border border-[var(--color-status-success-border)]",
+				children: [
+					/* @__PURE__ */ p(i, { className: "w-5 h-5 text-[var(--color-status-success-text)] flex-shrink-0" }),
+					/* @__PURE__ */ p("p", {
+						className: "text-[var(--color-status-success-text)]",
+						children: O
+					}),
+					/* @__PURE__ */ p("button", {
+						onClick: () => k(null),
+						className: "ml-auto text-sm text-[var(--color-status-success-text)] hover:underline transition-colors duration-200",
+						children: g("auth.profile.dismiss", "Dismiss")
+					})
+				]
+			}),
+			E && /* @__PURE__ */ m("div", {
+				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]",
+				children: [
+					/* @__PURE__ */ p(r, { className: "w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5" }),
+					/* @__PURE__ */ p("div", {
+						className: "flex-1",
+						children: /* @__PURE__ */ p("p", {
+							className: "text-sm text-[var(--color-status-error-text)]",
+							children: E
+						})
+					}),
+					/* @__PURE__ */ p("button", {
+						onClick: () => D(null),
+						className: "text-sm text-[var(--color-status-error-text)] hover:underline transition-colors duration-200",
+						children: g("auth.profile.dismiss", "Dismiss")
+					})
+				]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-sm overflow-hidden",
+				children: [/* @__PURE__ */ p("div", {
+					className: "auth-hero-card p-6",
+					children: /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ p("div", {
+							className: "w-20 h-20 rounded-full bg-bg-surface/20 backdrop-blur-sm flex items-center justify-center text-white text-3xl font-semibold shadow-lg",
+							children: (y.name || y.username || y.email).charAt(0).toUpperCase()
+						}), /* @__PURE__ */ m("div", {
+							className: "text-white",
+							children: [
+								/* @__PURE__ */ p("h2", {
+									className: "text-2xl font-semibold",
+									children: y.name || `${y.firstName || ""} ${y.lastName || ""}`.trim() || y.username
+								}),
+								/* @__PURE__ */ m("p", {
+									className: "text-blue-100 flex items-center gap-2",
+									children: [/* @__PURE__ */ p(a, { className: "w-4 h-4" }), y.email]
+								}),
+								/* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2 mt-2",
+									children: [/* @__PURE__ */ p("span", {
+										className: "px-2.5 py-1 rounded-full text-xs font-medium bg-bg-surface/20 backdrop-blur-sm",
+										children: y.role?.replace("_", " ") || g("auth.profile.member", "Member")
+									}), y.emailVerified && /* @__PURE__ */ m("span", {
+										className: "px-2.5 py-1 rounded-full text-xs font-medium bg-status-success-text/30 flex items-center gap-1",
+										children: [/* @__PURE__ */ p(i, { className: "w-3 h-3" }), g("auth.profile.verified", "Verified")]
+									})]
+								})
+							]
+						})]
+					})
+				}), /* @__PURE__ */ p("div", {
+					className: "p-6",
+					children: S ? /* @__PURE__ */ m("form", {
+						onSubmit: async (e) => {
+							e.preventDefault(), D(null), k(null);
+							try {
+								await b({
+									username: w.username || void 0,
+									firstName: w.firstName || void 0,
+									lastName: w.lastName || void 0,
+									name: w.name || void 0,
+									phoneNumber: w.phoneNumber || void 0
+								}), k(g("auth.profile.updateSuccess", "Profile updated successfully!")), C(!1);
+							} catch (e) {
+								D(e instanceof Error ? e.message : g("auth.profile.updateFailed", "Failed to update profile"));
+							}
+						},
+						className: "space-y-6",
+						children: [/* @__PURE__ */ m("div", {
+							className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+							children: [
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
+									children: g("auth.profile.username", "Username")
+								}), /* @__PURE__ */ m("div", {
+									className: "relative",
+									children: [/* @__PURE__ */ p("div", {
+										className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
+										children: /* @__PURE__ */ p(s, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+									}), /* @__PURE__ */ p("input", {
+										type: "text",
+										value: w.username,
+										onChange: (e) => T({
+											...w,
+											username: e.target.value
+										}),
+										className: "block w-full pl-[3.5rem] pr-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
+										placeholder: g("auth.profile.usernamePlaceholder", "Enter username")
+									})]
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
+									children: g("auth.profile.displayName", "Display Name")
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: w.name,
+									onChange: (e) => T({
+										...w,
+										name: e.target.value
+									}),
+									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
+									placeholder: g("auth.profile.displayNamePlaceholder", "Enter display name")
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
+									children: g("auth.profile.firstName", "First Name")
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: w.firstName,
+									onChange: (e) => T({
+										...w,
+										firstName: e.target.value
+									}),
+									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
+									placeholder: g("auth.profile.firstNamePlaceholder", "Enter first name")
+								})] }),
+								/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
+									children: g("auth.profile.lastName", "Last Name")
+								}), /* @__PURE__ */ p("input", {
+									type: "text",
+									value: w.lastName,
+									onChange: (e) => T({
+										...w,
+										lastName: e.target.value
+									}),
+									className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
+									placeholder: g("auth.profile.lastNamePlaceholder", "Enter last name")
+								})] }),
+								/* @__PURE__ */ m("div", {
+									className: "md:col-span-2",
+									children: [/* @__PURE__ */ p("label", {
+										className: "block text-sm font-medium text-[var(--color-text-primary)] mb-2",
+										children: g("auth.profile.phoneNumber", "Phone Number")
+									}), /* @__PURE__ */ p("input", {
+										type: "tel",
+										value: w.phoneNumber,
+										onChange: (e) => T({
+											...w,
+											phoneNumber: e.target.value
+										}),
+										className: "block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300",
+										placeholder: g("auth.profile.phonePlaceholder", "Enter phone number")
+									})]
+								})
+							]
+						}), /* @__PURE__ */ m("div", {
+							className: "flex gap-3 pt-4 border-t border-[var(--color-border-default)]",
+							children: [/* @__PURE__ */ p("button", {
+								type: "submit",
+								disabled: x,
+								className: "auth-primary-button flex items-center gap-2 px-6 py-3 font-medium",
+								children: x ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(o, { className: "w-4 h-4 animate-spin" }), g("auth.profile.saving", "Saving...")] }) : g("auth.profile.saveChanges", "Save Changes")
+							}), /* @__PURE__ */ p("button", {
+								type: "button",
+								onClick: () => {
+									y && T({
+										username: y.username || "",
+										firstName: y.firstName || "",
+										lastName: y.lastName || "",
+										name: y.name || "",
+										phoneNumber: y.phoneNumber || ""
+									}), C(!1), D(null);
+								},
+								className: "px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200",
+								children: g("auth.profile.cancel", "Cancel")
+							})]
+						})]
+					}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-1 md:grid-cols-2 gap-6",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.username", "Username")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.username || "-"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.displayName", "Display Name")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.name || "-"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.firstName", "First Name")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.firstName || "-"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.lastName", "Last Name")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.lastName || "-"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.email", "Email")
+								}), /* @__PURE__ */ m("p", {
+									className: "text-[var(--color-text-primary)] font-medium flex items-center gap-2",
+									children: [y.email, y.emailVerified && /* @__PURE__ */ m("span", {
+										className: "inline-flex items-center gap-1 text-[var(--color-status-success-text)] text-xs",
+										children: [/* @__PURE__ */ p(i, { className: "w-3 h-3" }), g("auth.profile.verified", "Verified")]
+									})]
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.phoneNumber", "Phone Number")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.phoneNumber || "-"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.role", "Role")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.role?.replace("_", " ") || g("auth.profile.member", "Member")
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.mfaStatus", "MFA Status")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.mfaEnabled ? /* @__PURE__ */ m("span", {
+										className: "text-[var(--color-status-success-text)] flex items-center gap-1",
+										children: [/* @__PURE__ */ p(i, { className: "w-4 h-4" }), g("auth.profile.enabled", "Enabled")]
+									}) : /* @__PURE__ */ p("span", {
+										className: "text-[var(--color-status-warning-text)]",
+										children: g("auth.profile.notEnabled", "Not Enabled")
+									})
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.lastLogin", "Last Login")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.lastLoginAt ? new Date(y.lastLoginAt).toLocaleString() : g("auth.profile.never", "Never")
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 rounded-xl bg-[var(--color-bg-muted)]",
+								children: [/* @__PURE__ */ p("label", {
+									className: "block text-sm font-medium text-[var(--color-text-tertiary)] mb-1",
+									children: g("auth.profile.accountCreated", "Account Created")
+								}), /* @__PURE__ */ p("p", {
+									className: "text-[var(--color-text-primary)] font-medium",
+									children: y.createdAt ? new Date(y.createdAt).toLocaleString() : "-"
+								})]
+							})
+						]
+					}), /* @__PURE__ */ m("div", {
+						className: "flex gap-3 pt-6 mt-6 border-t border-[var(--color-border-default)]",
+						children: [/* @__PURE__ */ p("button", {
+							onClick: () => C(!0),
+							className: "auth-primary-button px-6 py-3 font-medium",
+							children: g("auth.profile.editProfile", "Edit Profile")
+						}), /* @__PURE__ */ p("button", {
+							onClick: () => _("/auth/security"),
+							className: "px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200",
+							children: g("auth.profile.securitySettings", "Security Settings")
+						})]
+					})] })
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "mt-8 grid grid-cols-1 md:grid-cols-3 gap-4",
+				children: [/* @__PURE__ */ m("button", {
+					onClick: () => _("/auth/mfa"),
+					className: "p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-primary-border)] transition-colors duration-200 text-left group",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "w-10 h-10 rounded-lg bg-[var(--color-bg-accent)] flex items-center justify-center mb-3 group-hover:bg-[var(--color-action-primary-bg-subtle)] transition-colors duration-200",
+							children: /* @__PURE__ */ p("svg", {
+								className: "w-5 h-5 text-[var(--color-text-link)]",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ p("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+								})
+							})
+						}),
+						/* @__PURE__ */ p("h3", {
+							className: "font-medium text-[var(--color-text-primary)]",
+							children: g("auth.profile.twoFactorAuth", "Two-Factor Auth")
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "text-sm text-[var(--color-text-tertiary)] mt-1",
+							children: y.mfaEnabled ? g("auth.profile.manageMfa", "Manage MFA settings") : g("auth.profile.enableMfa", "Enable MFA for extra security")
+						})
+					]
+				}), /* @__PURE__ */ m("button", {
+					onClick: () => _("/auth/api-keys"),
+					className: "p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-secondary-border)] transition-colors duration-200 text-left group",
+					children: [
+						/* @__PURE__ */ p("div", {
+							className: "w-10 h-10 rounded-lg bg-[var(--color-action-secondary-bg-subtle)] flex items-center justify-center mb-3 group-hover:bg-[var(--color-action-secondary-bg-subtle)] transition-colors duration-200",
+							children: /* @__PURE__ */ p("svg", {
+								className: "w-5 h-5 text-[var(--color-action-secondary-text)]",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								children: /* @__PURE__ */ p("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: 2,
+									d: "M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"
+								})
+							})
+						}),
+						/* @__PURE__ */ p("h3", {
+							className: "font-medium text-[var(--color-text-primary)]",
+							children: g("auth.profile.apiKeys", "API Keys")
+						}),
+						/* @__PURE__ */ p("p", {
+							className: "text-sm text-[var(--color-text-tertiary)] mt-1",
+							children: g("auth.profile.manageApiKeys", "Manage your API access credentials")
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { h as UserProfilePage };
+
+//# sourceMappingURL=UserProfilePage.js.map

package/dist/auth/pages/UserProfilePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserProfilePage.js","names":[],"sources":["../../../src/auth/pages/UserProfilePage.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useUserOperations } from \"../hooks\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport {\n  SpinnerIcon,\n  AlertIcon,\n  UserIcon,\n  EmailIcon,\n  CheckIcon,\n} from \"../components/AuthIcons\";\n\ninterface ProfileFormData {\n  username: string;\n  firstName: string;\n  lastName: string;\n  name: string;\n  phoneNumber: string;\n}\n\n/**\n * User Profile page for viewing and editing own profile\n */\nexport function UserProfilePage() {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const translated = t(key);\n    return translated === key ? fallback : translated;\n  };\n\n  const navigate = useNavigate();\n  const isAuthenticated = useAuthStore((state) => state.isAuthenticated);\n  const currentUser = useAuthStore((state) => state.user);\n  const { updateCurrentUserProfile, isLoading } = useUserOperations();\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [formData, setFormData] = useState<ProfileFormData>({\n    username: \"\",\n    firstName: \"\",\n    lastName: \"\",\n    name: \"\",\n    phoneNumber: \"\",\n  });\n  const [error, setError] = useState<string | null>(null);\n  const [successMessage, setSuccessMessage] = useState<string | null>(null);\n\n  // Populate form with current user data\n  useEffect(() => {\n    if (currentUser) {\n      setFormData({\n        username: currentUser.username || \"\",\n        firstName: currentUser.firstName || \"\",\n        lastName: currentUser.lastName || \"\",\n        name: currentUser.name || \"\",\n        phoneNumber: currentUser.phoneNumber || \"\",\n      });\n    }\n  }, [currentUser]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setError(null);\n    setSuccessMessage(null);\n\n    try {\n      await updateCurrentUserProfile({\n        username: formData.username || undefined,\n        firstName: formData.firstName || undefined,\n        lastName: formData.lastName || undefined,\n        name: formData.name || undefined,\n        phoneNumber: formData.phoneNumber || undefined,\n      });\n      setSuccessMessage(\n        tr(\"auth.profile.updateSuccess\", \"Profile updated successfully!\"),\n      );\n      setIsEditing(false);\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.profile.updateFailed\", \"Failed to update profile\"),\n      );\n    }\n  };\n\n  const cancelEdit = () => {\n    if (currentUser) {\n      setFormData({\n        username: currentUser.username || \"\",\n        firstName: currentUser.firstName || \"\",\n        lastName: currentUser.lastName || \"\",\n        name: currentUser.name || \"\",\n        phoneNumber: currentUser.phoneNumber || \"\",\n      });\n    }\n    setIsEditing(false);\n    setError(null);\n  };\n\n  // Not authenticated\n  if (!isAuthenticated || !currentUser) {\n    return (\n      <AuthLayout\n        title={tr(\"auth.profile.title\", \"Profile\")}\n        subtitle={tr(\"auth.profile.subtitle\", \"View and manage your profile\")}\n      >\n        <div className=\"text-center py-12\">\n          <div className=\"w-16 h-16 mx-auto mb-4 rounded-full bg-[var(--color-status-warning-bg-subtle)] flex items-center justify-center\">\n            <AlertIcon className=\"w-8 h-8 text-[var(--color-status-warning-text)]\" />\n          </div>\n          <h2 className=\"text-xl font-semibold text-[var(--color-text-primary)] mb-2\">\n            {tr(\"auth.profile.authRequired\", \"Authentication Required\")}\n          </h2>\n          <p className=\"text-[var(--color-text-secondary)] mb-6\">\n            {tr(\n              \"auth.profile.signInToView\",\n              \"Please sign in to view your profile\",\n            )}\n          </p>\n          <button\n            onClick={() => navigate(\"/auth/login\")}\n            className=\"auth-primary-button px-6 py-3 font-semibold\"\n          >\n            {tr(\"auth.profile.signIn\", \"Sign In\")}\n          </button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  return (\n    <div className=\"max-w-4xl mx-auto p-6\">\n      {/* Header */}\n      <div className=\"mb-8\">\n        <h1 className=\"text-3xl font-semibold text-[var(--color-text-primary)]\">\n          {tr(\"auth.profile.myProfile\", \"My Profile\")}\n        </h1>\n        <p className=\"text-[var(--color-text-secondary)] mt-2\">\n          {tr(\n            \"auth.profile.viewAndManage\",\n            \"View and manage your account information\",\n          )}\n        </p>\n      </div>\n\n      {/* Success Message */}\n      {successMessage && (\n        <div className=\"mb-6 flex items-center gap-3 p-4 rounded-xl bg-[var(--color-status-success-bg-subtle)] border border-[var(--color-status-success-border)]\">\n          <CheckIcon className=\"w-5 h-5 text-[var(--color-status-success-text)] flex-shrink-0\" />\n          <p className=\"text-[var(--color-status-success-text)]\">\n            {successMessage}\n          </p>\n          <button\n            onClick={() => setSuccessMessage(null)}\n            className=\"ml-auto text-sm text-[var(--color-status-success-text)] hover:underline transition-colors duration-200\"\n          >\n            {tr(\"auth.profile.dismiss\", \"Dismiss\")}\n          </button>\n        </div>\n      )}\n\n      {/* Error Message */}\n      {error && (\n        <div className=\"mb-6 flex items-start gap-3 p-4 rounded-xl bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)]\">\n          <AlertIcon className=\"w-5 h-5 text-[var(--color-status-error-text)] flex-shrink-0 mt-0.5\" />\n          <div className=\"flex-1\">\n            <p className=\"text-sm text-[var(--color-status-error-text)]\">\n              {error}\n            </p>\n          </div>\n          <button\n            onClick={() => setError(null)}\n            className=\"text-sm text-[var(--color-status-error-text)] hover:underline transition-colors duration-200\"\n          >\n            {tr(\"auth.profile.dismiss\", \"Dismiss\")}\n          </button>\n        </div>\n      )}\n\n      {/* Profile Card */}\n      <div className=\"rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] shadow-sm overflow-hidden\">\n        {/* Profile Header */}\n        <div className=\"auth-hero-card p-6\">\n          <div className=\"flex items-center gap-4\">\n            <div className=\"w-20 h-20 rounded-full bg-bg-surface/20 backdrop-blur-sm flex items-center justify-center text-white text-3xl font-semibold shadow-lg\">\n              {(currentUser.name || currentUser.username || currentUser.email)\n                .charAt(0)\n                .toUpperCase()}\n            </div>\n            <div className=\"text-white\">\n              <h2 className=\"text-2xl font-semibold\">\n                {currentUser.name ||\n                  `${currentUser.firstName || \"\"} ${currentUser.lastName || \"\"}`.trim() ||\n                  currentUser.username}\n              </h2>\n              <p className=\"text-blue-100 flex items-center gap-2\">\n                <EmailIcon className=\"w-4 h-4\" />\n                {currentUser.email}\n              </p>\n              <div className=\"flex items-center gap-2 mt-2\">\n                <span className=\"px-2.5 py-1 rounded-full text-xs font-medium bg-bg-surface/20 backdrop-blur-sm\">\n                  {currentUser.role?.replace(\"_\", \" \") ||\n                    tr(\"auth.profile.member\", \"Member\")}\n                </span>\n                {currentUser.emailVerified && (\n                  <span className=\"px-2.5 py-1 rounded-full text-xs font-medium bg-status-success-text/30 flex items-center gap-1\">\n                    <CheckIcon className=\"w-3 h-3\" />\n                    {tr(\"auth.profile.verified\", \"Verified\")}\n                  </span>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Profile Body */}\n        <div className=\"p-6\">\n          {isEditing ? (\n            /* Edit Form */\n            <form onSubmit={handleSubmit} className=\"space-y-6\">\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                <div>\n                  <label className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n                    {tr(\"auth.profile.username\", \"Username\")}\n                  </label>\n                  <div className=\"relative\">\n                    <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n                      <UserIcon className=\"w-5 h-5 text-[var(--color-text-tertiary)]\" />\n                    </div>\n                    <input\n                      type=\"text\"\n                      value={formData.username}\n                      onChange={(e) =>\n                        setFormData({ ...formData, username: e.target.value })\n                      }\n                      className=\"block w-full pl-[3.5rem] pr-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300\"\n                      placeholder={tr(\n                        \"auth.profile.usernamePlaceholder\",\n                        \"Enter username\",\n                      )}\n                    />\n                  </div>\n                </div>\n\n                <div>\n                  <label className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n                    {tr(\"auth.profile.displayName\", \"Display Name\")}\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={formData.name}\n                    onChange={(e) =>\n                      setFormData({ ...formData, name: e.target.value })\n                    }\n                    className=\"block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300\"\n                    placeholder={tr(\n                      \"auth.profile.displayNamePlaceholder\",\n                      \"Enter display name\",\n                    )}\n                  />\n                </div>\n\n                <div>\n                  <label className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n                    {tr(\"auth.profile.firstName\", \"First Name\")}\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={formData.firstName}\n                    onChange={(e) =>\n                      setFormData({ ...formData, firstName: e.target.value })\n                    }\n                    className=\"block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300\"\n                    placeholder={tr(\n                      \"auth.profile.firstNamePlaceholder\",\n                      \"Enter first name\",\n                    )}\n                  />\n                </div>\n\n                <div>\n                  <label className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n                    {tr(\"auth.profile.lastName\", \"Last Name\")}\n                  </label>\n                  <input\n                    type=\"text\"\n                    value={formData.lastName}\n                    onChange={(e) =>\n                      setFormData({ ...formData, lastName: e.target.value })\n                    }\n                    className=\"block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300\"\n                    placeholder={tr(\n                      \"auth.profile.lastNamePlaceholder\",\n                      \"Enter last name\",\n                    )}\n                  />\n                </div>\n\n                <div className=\"md:col-span-2\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\">\n                    {tr(\"auth.profile.phoneNumber\", \"Phone Number\")}\n                  </label>\n                  <input\n                    type=\"tel\"\n                    value={formData.phoneNumber}\n                    onChange={(e) =>\n                      setFormData({ ...formData, phoneNumber: e.target.value })\n                    }\n                    className=\"block w-full px-4 py-3 border border-[var(--color-border-default)] rounded-xl bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all duration-300\"\n                    placeholder={tr(\n                      \"auth.profile.phonePlaceholder\",\n                      \"Enter phone number\",\n                    )}\n                  />\n                </div>\n              </div>\n\n              <div className=\"flex gap-3 pt-4 border-t border-[var(--color-border-default)]\">\n                <button\n                  type=\"submit\"\n                  disabled={isLoading}\n                  className=\"auth-primary-button flex items-center gap-2 px-6 py-3 font-medium\"\n                >\n                  {isLoading ? (\n                    <>\n                      <SpinnerIcon className=\"w-4 h-4 animate-spin\" />\n                      {tr(\"auth.profile.saving\", \"Saving...\")}\n                    </>\n                  ) : (\n                    tr(\"auth.profile.saveChanges\", \"Save Changes\")\n                  )}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={cancelEdit}\n                  className=\"px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200\"\n                >\n                  {tr(\"auth.profile.cancel\", \"Cancel\")}\n                </button>\n              </div>\n            </form>\n          ) : (\n            /* View Mode */\n            <>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.username\", \"Username\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.username || \"-\"}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.displayName\", \"Display Name\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.name || \"-\"}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.firstName\", \"First Name\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.firstName || \"-\"}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.lastName\", \"Last Name\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.lastName || \"-\"}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.email\", \"Email\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium flex items-center gap-2\">\n                    {currentUser.email}\n                    {currentUser.emailVerified && (\n                      <span className=\"inline-flex items-center gap-1 text-[var(--color-status-success-text)] text-xs\">\n                        <CheckIcon className=\"w-3 h-3\" />\n                        {tr(\"auth.profile.verified\", \"Verified\")}\n                      </span>\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.phoneNumber\", \"Phone Number\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.phoneNumber || \"-\"}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.role\", \"Role\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.role?.replace(\"_\", \" \") ||\n                      tr(\"auth.profile.member\", \"Member\")}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.mfaStatus\", \"MFA Status\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.mfaEnabled ? (\n                      <span className=\"text-[var(--color-status-success-text)] flex items-center gap-1\">\n                        <CheckIcon className=\"w-4 h-4\" />\n                        {tr(\"auth.profile.enabled\", \"Enabled\")}\n                      </span>\n                    ) : (\n                      <span className=\"text-[var(--color-status-warning-text)]\">\n                        {tr(\"auth.profile.notEnabled\", \"Not Enabled\")}\n                      </span>\n                    )}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.lastLogin\", \"Last Login\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.lastLoginAt\n                      ? new Date(currentUser.lastLoginAt).toLocaleString()\n                      : tr(\"auth.profile.never\", \"Never\")}\n                  </p>\n                </div>\n\n                <div className=\"p-4 rounded-xl bg-[var(--color-bg-muted)]\">\n                  <label className=\"block text-sm font-medium text-[var(--color-text-tertiary)] mb-1\">\n                    {tr(\"auth.profile.accountCreated\", \"Account Created\")}\n                  </label>\n                  <p className=\"text-[var(--color-text-primary)] font-medium\">\n                    {currentUser.createdAt\n                      ? new Date(currentUser.createdAt).toLocaleString()\n                      : \"-\"}\n                  </p>\n                </div>\n              </div>\n\n              <div className=\"flex gap-3 pt-6 mt-6 border-t border-[var(--color-border-default)]\">\n                <button\n                  onClick={() => setIsEditing(true)}\n                  className=\"auth-primary-button px-6 py-3 font-medium\"\n                >\n                  {tr(\"auth.profile.editProfile\", \"Edit Profile\")}\n                </button>\n                <button\n                  onClick={() => navigate(\"/auth/security\")}\n                  className=\"px-6 py-3 rounded-xl border border-[var(--color-border-default)] text-[var(--color-text-secondary)] font-medium hover:bg-[var(--color-bg-muted)] transition-colors duration-200\"\n                >\n                  {tr(\"auth.profile.securitySettings\", \"Security Settings\")}\n                </button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Quick Links */}\n      <div className=\"mt-8 grid grid-cols-1 md:grid-cols-3 gap-4\">\n        <button\n          onClick={() => navigate(\"/auth/mfa\")}\n          className=\"p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-primary-border)] transition-colors duration-200 text-left group\"\n        >\n          <div className=\"w-10 h-10 rounded-lg bg-[var(--color-bg-accent)] flex items-center justify-center mb-3 group-hover:bg-[var(--color-action-primary-bg-subtle)] transition-colors duration-200\">\n            <svg\n              className=\"w-5 h-5 text-[var(--color-text-link)]\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z\"\n              />\n            </svg>\n          </div>\n          <h3 className=\"font-medium text-[var(--color-text-primary)]\">\n            {tr(\"auth.profile.twoFactorAuth\", \"Two-Factor Auth\")}\n          </h3>\n          <p className=\"text-sm text-[var(--color-text-tertiary)] mt-1\">\n            {currentUser.mfaEnabled\n              ? tr(\"auth.profile.manageMfa\", \"Manage MFA settings\")\n              : tr(\"auth.profile.enableMfa\", \"Enable MFA for extra security\")}\n          </p>\n        </button>\n\n        <button\n          onClick={() => navigate(\"/auth/api-keys\")}\n          className=\"p-4 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:border-[var(--color-action-secondary-border)] transition-colors duration-200 text-left group\"\n        >\n          <div className=\"w-10 h-10 rounded-lg bg-[var(--color-action-secondary-bg-subtle)] flex items-center justify-center mb-3 group-hover:bg-[var(--color-action-secondary-bg-subtle)] transition-colors duration-200\">\n            <svg\n              className=\"w-5 h-5 text-[var(--color-action-secondary-text)]\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z\"\n              />\n            </svg>\n          </div>\n          <h3 className=\"font-medium text-[var(--color-text-primary)]\">\n            {tr(\"auth.profile.apiKeys\", \"API Keys\")}\n          </h3>\n          <p className=\"text-sm text-[var(--color-text-tertiary)] mt-1\">\n            {tr(\n              \"auth.profile.manageApiKeys\",\n              \"Manage your API access credentials\",\n            )}\n          </p>\n        </button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/UsersPage.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Users CRUDL page for managing users (admin only)
+ */
+export declare function UsersPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UsersPage.d.ts.map

package/dist/auth/pages/UsersPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsersPage.d.ts","sourceRoot":"","sources":["../../../src/auth/pages/UsersPage.tsx"],"names":[],"mappings":"AA6CA;;GAEG;AACH,wBAAgB,SAAS,4CAohCxB"}