"use client"; import { LogOutIcon } from "lucide-react"; import { useState } from "react"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { fetch, getCsrfHeaders } from "@/core/api/fetcher"; import { useAuth } from "@/core/auth/AuthProvider"; import { parseAuthError } from "@/core/auth/types"; import { useI18n } from "@/core/i18n/hooks"; import { SettingsSection } from "./settings-section"; export function AccountSettingsPage() { const { user, logout } = useAuth(); const { t } = useI18n(); const isSsoUser = Boolean(user?.oauth_provider); const [currentPassword, setCurrentPassword] = useState(""); const [newPassword, setNewPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState(""); const [message, setMessage] = useState(""); const [error, setError] = useState(""); const [loading, setLoading] = useState(false); const handleChangePassword = async (e: React.FormEvent) => { e.preventDefault(); setError(""); setMessage(""); if (newPassword !== confirmPassword) { setError(t.settings.account.passwordMismatch); return; } if (newPassword.length < 8) { setError(t.settings.account.passwordTooShort); return; } setLoading(true); try { const res = await fetch("/api/v1/auth/change-password", { method: "POST", headers: { "Content-Type": "application/json", ...getCsrfHeaders(), }, body: JSON.stringify({ current_password: currentPassword, new_password: newPassword, }), }); if (!res.ok) { const data = await res.json(); const authError = parseAuthError(data); setError(authError.message); return; } setMessage(t.settings.account.passwordChangedSuccess); setCurrentPassword(""); setNewPassword(""); setConfirmPassword(""); } catch { setError(t.settings.account.networkError); } finally { setLoading(false); } }; return (

{t.settings.account.email} {user?.email ?? "—"} {t.settings.account.role} {user?.system_role ?? "—"} {isSsoUser && ( <> {t.settings.account.ssoProvider} {user?.oauth_provider} )}

{!isSsoUser ? ( ) : (

{t.settings.account.ssoPasswordMessage.replace( "{provider}", user?.oauth_provider ?? "", )}

)}

); }