Files
openmonetis/app/(dashboard)/ajustes/actions.ts
Claude fcd4ebc608 feat: melhorar UX/UI e segurança do módulo de ajustes de usuário
Implementa melhorias abrangentes de UX, UI e segurança nos formulários
de alteração de senha e e-mail:

 Funcionalidades adicionadas:
- Validação em tempo real para campos duplicados (senha e e-mail)
- Campo de senha atual obrigatório para alterações de senha
- Campo de senha para confirmar identidade ao alterar e-mail
- Detecção de método de autenticação (Google OAuth vs Email/Senha)
- Indicador de força de senha com feedback visual
- Bloqueio de alteração de senha para usuários Google OAuth

🎨 Melhorias de UI:
- Feedback visual instantâneo com ícones de check/close
- Bordas coloridas indicando status de validação (verde/vermelho)
- Mensagens de erro claras e específicas em tempo real
- Alerta amigável para usuários Google OAuth
- Indicador de progresso de força de senha

🔒 Segurança:
- Validação de senha atual no backend usando Better Auth
- Prevenção de alteração para o mesmo e-mail
- Verificação de e-mails duplicados no sistema
- Bloqueio de submissão quando validações falham

 Acessibilidade:
- Atributos aria-label, aria-required, aria-invalid
- role="alert" para mensagens de erro
- aria-describedby para textos auxiliares
- Labels descritivas e navegação por teclado aprimorada

🐛 Correções:
- Corrigido uso de error.errors para error.issues no Zod
- Validação backend de senha atual implementada
- Mensagens de erro específicas (não genéricas)

Ref: Análise completa de UX/UI solicitada para módulo de ajustes
2025-11-17 19:43:50 +00:00

330 lines
8.4 KiB
TypeScript

"use server";
import { auth } from "@/lib/auth/config";
import { db, schema } from "@/lib/db";
import { eq, and, ne } from "drizzle-orm";
import { headers } from "next/headers";
import { revalidatePath } from "next/cache";
import { z } from "zod";
type ActionResponse<T = void> = {
success: boolean;
message?: string;
error?: string;
data?: T;
};
// Schema de validação
const updateNameSchema = z.object({
firstName: z.string().min(1, "Primeiro nome é obrigatório"),
lastName: z.string().min(1, "Sobrenome é obrigatório"),
});
const updatePasswordSchema = z
.object({
currentPassword: z.string().min(1, "Senha atual é obrigatória"),
newPassword: z.string().min(6, "A senha deve ter no mínimo 6 caracteres"),
confirmPassword: z.string(),
})
.refine((data) => data.newPassword === data.confirmPassword, {
message: "As senhas não coincidem",
path: ["confirmPassword"],
});
const updateEmailSchema = z
.object({
password: z.string().optional(), // Opcional para usuários Google OAuth
newEmail: z.string().email("E-mail inválido"),
confirmEmail: z.string().email("E-mail inválido"),
})
.refine((data) => data.newEmail === data.confirmEmail, {
message: "Os e-mails não coincidem",
path: ["confirmEmail"],
});
const deleteAccountSchema = z.object({
confirmation: z.literal("DELETAR", {
errorMap: () => ({ message: 'Você deve digitar "DELETAR" para confirmar' }),
}),
});
// Actions
export async function updateNameAction(
data: z.infer<typeof updateNameSchema>
): Promise<ActionResponse> {
try {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session?.user?.id) {
return {
success: false,
error: "Não autenticado",
};
}
const validated = updateNameSchema.parse(data);
const fullName = `${validated.firstName} ${validated.lastName}`;
await db
.update(schema.user)
.set({ name: fullName })
.where(eq(schema.user.id, session.user.id));
// Revalidar o layout do dashboard para atualizar a sidebar
revalidatePath("/", "layout");
return {
success: true,
message: "Nome atualizado com sucesso",
};
} catch (error) {
if (error instanceof z.ZodError) {
return {
success: false,
error: error.issues[0]?.message || "Dados inválidos",
};
}
console.error("Erro ao atualizar nome:", error);
return {
success: false,
error: "Erro ao atualizar nome. Tente novamente.",
};
}
}
export async function updatePasswordAction(
data: z.infer<typeof updatePasswordSchema>
): Promise<ActionResponse> {
try {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session?.user?.id || !session?.user?.email) {
return {
success: false,
error: "Não autenticado",
};
}
const validated = updatePasswordSchema.parse(data);
// Verificar se o usuário tem conta com provedor Google
const userAccount = await db.query.account.findFirst({
where: and(
eq(schema.account.userId, session.user.id),
eq(schema.account.providerId, "google")
),
});
if (userAccount) {
return {
success: false,
error: "Não é possível alterar senha para contas autenticadas via Google",
};
}
// Usar a API do Better Auth para atualizar a senha
try {
await auth.api.changePassword({
body: {
newPassword: validated.newPassword,
currentPassword: validated.currentPassword,
},
headers: await headers(),
});
return {
success: true,
message: "Senha atualizada com sucesso",
};
} catch (authError: any) {
console.error("Erro na API do Better Auth:", authError);
// Verificar se o erro é de senha incorreta
if (authError?.message?.includes("password") || authError?.message?.includes("incorrect")) {
return {
success: false,
error: "Senha atual incorreta",
};
}
return {
success: false,
error: "Erro ao atualizar senha. Verifique se a senha atual está correta.",
};
}
} catch (error) {
if (error instanceof z.ZodError) {
return {
success: false,
error: error.issues[0]?.message || "Dados inválidos",
};
}
console.error("Erro ao atualizar senha:", error);
return {
success: false,
error: "Erro ao atualizar senha. Tente novamente.",
};
}
}
export async function updateEmailAction(
data: z.infer<typeof updateEmailSchema>
): Promise<ActionResponse> {
try {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session?.user?.id || !session?.user?.email) {
return {
success: false,
error: "Não autenticado",
};
}
const validated = updateEmailSchema.parse(data);
// Verificar se o usuário tem conta com provedor Google
const userAccount = await db.query.account.findFirst({
where: and(
eq(schema.account.userId, session.user.id),
eq(schema.account.providerId, "google")
),
});
const isGoogleAuth = !!userAccount;
// Se não for Google OAuth, validar senha
if (!isGoogleAuth) {
if (!validated.password) {
return {
success: false,
error: "Senha é obrigatória para confirmar a alteração",
};
}
// Validar senha tentando fazer changePassword para a mesma senha
// Se falhar, a senha atual está incorreta
try {
await auth.api.changePassword({
body: {
newPassword: validated.password,
currentPassword: validated.password,
},
headers: await headers(),
});
} catch (authError: any) {
// Se der erro é porque a senha está incorreta
console.error("Erro ao validar senha:", authError);
return {
success: false,
error: "Senha incorreta",
};
}
}
// Verificar se o e-mail já está em uso por outro usuário
const existingUser = await db.query.user.findFirst({
where: and(
eq(schema.user.email, validated.newEmail),
ne(schema.user.id, session.user.id)
),
});
if (existingUser) {
return {
success: false,
error: "Este e-mail já está em uso",
};
}
// Verificar se o novo e-mail é diferente do atual
if (validated.newEmail.toLowerCase() === session.user.email.toLowerCase()) {
return {
success: false,
error: "O novo e-mail deve ser diferente do atual",
};
}
// Atualizar e-mail
await db
.update(schema.user)
.set({
email: validated.newEmail,
emailVerified: false, // Marcar como não verificado
})
.where(eq(schema.user.id, session.user.id));
// Revalidar o layout do dashboard para atualizar a sidebar
revalidatePath("/", "layout");
return {
success: true,
message:
"E-mail atualizado com sucesso. Por favor, verifique seu novo e-mail.",
};
} catch (error) {
if (error instanceof z.ZodError) {
return {
success: false,
error: error.issues[0]?.message || "Dados inválidos",
};
}
console.error("Erro ao atualizar e-mail:", error);
return {
success: false,
error: "Erro ao atualizar e-mail. Tente novamente.",
};
}
}
export async function deleteAccountAction(
data: z.infer<typeof deleteAccountSchema>
): Promise<ActionResponse> {
try {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session?.user?.id) {
return {
success: false,
error: "Não autenticado",
};
}
// Validar confirmação
deleteAccountSchema.parse(data);
// Deletar todos os dados do usuário em cascade
// O schema deve ter as relações configuradas com onDelete: cascade
await db.delete(schema.user).where(eq(schema.user.id, session.user.id));
return {
success: true,
message: "Conta deletada com sucesso",
};
} catch (error) {
if (error instanceof z.ZodError) {
return {
success: false,
error: error.issues[0]?.message || "Dados inválidos",
};
}
console.error("Erro ao deletar conta:", error);
return {
success: false,
error: "Erro ao deletar conta. Tente novamente.",
};
}
}