@burdenoff/microfe-auth 2026.520.1 → 2026.520.2

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

@@ -1 +1 @@
-{"version":3,"file":"UserProfilePage.js","names":[],"sources":["../../../src/auth/pages/UserProfilePage.tsx"],"sourcesContent":["import { useState, useEffect, useRef } 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\";\nimport {\n  useInitiateAvatarUploadMutation,\n  useCompleteAvatarUploadMutation,\n} from \"../../generated/wspace-operations\";\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 [initiateUpload] = useInitiateAvatarUploadMutation();\n  const [completeUpload] = useCompleteAvatarUploadMutation();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isUploadingAvatar, setIsUploadingAvatar] = useState(false);\n\n  const handleAvatarUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n    if (!file.type.startsWith(\"image/\")) {\n      setError(\n        tr(\"auth.profile.invalidImageType\", \"Please select an image file\"),\n      );\n      return;\n    }\n    setIsUploadingAvatar(true);\n    setError(null);\n    try {\n      const initiateResult = await initiateUpload({\n        variables: {\n          input: {\n            fileName: file.name,\n            fileSize: file.size.toString(),\n            mimeType: file.type,\n          },\n        },\n      });\n      const session = initiateResult.data?.initiateUpload.session;\n      const uploadUrl = initiateResult.data?.initiateUpload.uploadUrl;\n      if (!session || !uploadUrl) throw new Error(\"Failed to initiate upload\");\n\n      const uploadResp = await fetch(uploadUrl, {\n        method: \"PUT\",\n        headers: { \"Content-Type\": file.type },\n        body: file,\n      });\n      if (!uploadResp.ok) throw new Error(\"Failed to upload file\");\n\n      const completeResult = await completeUpload({\n        variables: { input: { sessionId: session.id } },\n      });\n      const avatarUrl = completeResult.data?.completeUpload.file?.downloadUrl;\n      if (!avatarUrl) throw new Error(\"Upload succeeded but no URL returned\");\n\n      await updateCurrentUserProfile({ avatar: avatarUrl });\n      setSuccessMessage(\n        tr(\"auth.profile.avatarUpdated\", \"Profile picture updated!\"),\n      );\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.profile.avatarFailed\", \"Failed to upload picture\"),\n      );\n    } finally {\n      setIsUploadingAvatar(false);\n      if (fileInputRef.current) fileInputRef.current.value = \"\";\n    }\n  };\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=\"relative group\">\n              {currentUser.avatar ? (\n                <img\n                  src={currentUser.avatar}\n                  alt={tr(\"auth.profile.avatarAlt\", \"Profile picture\")}\n                  className=\"w-20 h-20 rounded-full object-cover shadow-lg\"\n                />\n              ) : (\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                  {(\n                    currentUser.name ||\n                    currentUser.username ||\n                    currentUser.email\n                  )\n                    .charAt(0)\n                    .toUpperCase()}\n                </div>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => fileInputRef.current?.click()}\n                disabled={isUploadingAvatar}\n                aria-label={tr(\n                  \"auth.profile.changeAvatar\",\n                  \"Change profile picture\",\n                )}\n                className=\"absolute inset-0 rounded-full flex items-center justify-center bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-200 cursor-pointer\"\n              >\n                {isUploadingAvatar ? (\n                  <SpinnerIcon className=\"w-6 h-6 text-white animate-spin\" />\n                ) : (\n                  <svg\n                    className=\"w-6 h-6 text-white\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n                    />\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n                    />\n                  </svg>\n                )}\n              </button>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\"image/*\"\n                className=\"hidden\"\n                onChange={(e) => void handleAvatarUpload(e)}\n                aria-hidden=\"true\"\n              />\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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"}
+{"version":3,"file":"UserProfilePage.js","names":[],"sources":["../../../src/auth/pages/UserProfilePage.tsx"],"sourcesContent":["import { useState, useEffect, useRef, useId } 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\";\nimport {\n  useInitiateAvatarUploadMutation,\n  useCompleteAvatarUploadMutation,\n} from \"../../generated/wspace-operations\";\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 usernameId = useId();\n  const displayNameId = useId();\n  const firstNameId = useId();\n  const lastNameId = useId();\n  const phoneNumberId = useId();\n\n  const [initiateUpload] = useInitiateAvatarUploadMutation();\n  const [completeUpload] = useCompleteAvatarUploadMutation();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [isUploadingAvatar, setIsUploadingAvatar] = useState(false);\n\n  const handleAvatarUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0];\n    if (!file) return;\n    if (!file.type.startsWith(\"image/\")) {\n      setError(\n        tr(\"auth.profile.invalidImageType\", \"Please select an image file\"),\n      );\n      return;\n    }\n    setIsUploadingAvatar(true);\n    setError(null);\n    try {\n      const initiateResult = await initiateUpload({\n        variables: {\n          input: {\n            fileName: file.name,\n            fileSize: file.size.toString(),\n            mimeType: file.type,\n          },\n        },\n      });\n      const session = initiateResult.data?.initiateUpload.session;\n      const uploadUrl = initiateResult.data?.initiateUpload.uploadUrl;\n      if (!session || !uploadUrl) throw new Error(\"Failed to initiate upload\");\n\n      const uploadResp = await fetch(uploadUrl, {\n        method: \"PUT\",\n        headers: { \"Content-Type\": file.type },\n        body: file,\n      });\n      if (!uploadResp.ok) throw new Error(\"Failed to upload file\");\n\n      const completeResult = await completeUpload({\n        variables: { input: { sessionId: session.id } },\n      });\n      const avatarUrl = completeResult.data?.completeUpload.file?.downloadUrl;\n      if (!avatarUrl) throw new Error(\"Upload succeeded but no URL returned\");\n\n      await updateCurrentUserProfile({ avatar: avatarUrl });\n      setSuccessMessage(\n        tr(\"auth.profile.avatarUpdated\", \"Profile picture updated!\"),\n      );\n    } catch (err) {\n      setError(\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.profile.avatarFailed\", \"Failed to upload picture\"),\n      );\n    } finally {\n      setIsUploadingAvatar(false);\n      if (fileInputRef.current) fileInputRef.current.value = \"\";\n    }\n  };\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=\"relative group\">\n              {currentUser.avatar ? (\n                <img\n                  src={currentUser.avatar}\n                  alt={tr(\"auth.profile.avatarAlt\", \"Profile picture\")}\n                  className=\"w-20 h-20 rounded-full object-cover shadow-lg\"\n                />\n              ) : (\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                  {(\n                    currentUser.name ||\n                    currentUser.username ||\n                    currentUser.email\n                  )\n                    .charAt(0)\n                    .toUpperCase()}\n                </div>\n              )}\n              <button\n                type=\"button\"\n                onClick={() => fileInputRef.current?.click()}\n                disabled={isUploadingAvatar}\n                aria-label={tr(\n                  \"auth.profile.changeAvatar\",\n                  \"Change profile picture\",\n                )}\n                className=\"absolute inset-0 rounded-full flex items-center justify-center bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity duration-200 cursor-pointer\"\n              >\n                {isUploadingAvatar ? (\n                  <SpinnerIcon className=\"w-6 h-6 text-white animate-spin\" />\n                ) : (\n                  <svg\n                    className=\"w-6 h-6 text-white\"\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=\"M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z\"\n                    />\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M15 13a3 3 0 11-6 0 3 3 0 016 0z\"\n                    />\n                  </svg>\n                )}\n              </button>\n              <input\n                ref={fileInputRef}\n                type=\"file\"\n                accept=\"image/*\"\n                className=\"hidden\"\n                onChange={(e) => void handleAvatarUpload(e)}\n                aria-hidden=\"true\"\n              />\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-white/80 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\n                    htmlFor={usernameId}\n                    className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n                  >\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\n                        className=\"w-5 h-5 text-[var(--color-text-tertiary)]\"\n                        aria-hidden=\"true\"\n                      />\n                    </div>\n                    <input\n                      id={usernameId}\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\n                    htmlFor={displayNameId}\n                    className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n                  >\n                    {tr(\"auth.profile.displayName\", \"Display Name\")}\n                  </label>\n                  <input\n                    id={displayNameId}\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\n                    htmlFor={firstNameId}\n                    className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n                  >\n                    {tr(\"auth.profile.firstName\", \"First Name\")}\n                  </label>\n                  <input\n                    id={firstNameId}\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\n                    htmlFor={lastNameId}\n                    className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n                  >\n                    {tr(\"auth.profile.lastName\", \"Last Name\")}\n                  </label>\n                  <input\n                    id={lastNameId}\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\n                    htmlFor={phoneNumberId}\n                    className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n                  >\n                    {tr(\"auth.profile.phoneNumber\", \"Phone Number\")}\n                  </label>\n                  <input\n                    id={phoneNumberId}\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.map

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

package/dist/auth/pages/UsersPage.js

@@ -11,7 +11,6 @@ import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/auth/pages/UsersPage.tsx
 var p = [
-	"SUPER_ADMIN",
 	"TENANT_ADMIN",
 	"ORG_ADMIN",
 	"WORKSPACE_ADMIN",