- backend: atualizado /auth/register para retornar userId e access_token - backend: desabilitada criação automática de perfil parcial no registro - backend: adicionado suporte a cookie access_token no middleware e handlers - frontend: atualizado AuthContext para enviar role e retornar token - frontend: implementado registro de profissional em 2 etapas (Usuário -> Perfil) - frontend: adicionado serviço createProfessional com suporte a header de auth - frontend: definido role correto (EVENT_OWNER) para cadastro de clientes
173 lines
5.5 KiB
TypeScript
173 lines
5.5 KiB
TypeScript
|
|
import React, { createContext, useContext, useState, ReactNode } from 'react';
|
|
import { User, UserRole } from '../types';
|
|
|
|
// Mock Users Database
|
|
const MOCK_USERS: User[] = [
|
|
{
|
|
id: 'superadmin-1',
|
|
name: 'Dev Admin',
|
|
email: 'admin@photum.com',
|
|
role: UserRole.SUPERADMIN,
|
|
avatar: 'https://i.pravatar.cc/150?u=admin'
|
|
},
|
|
{
|
|
id: 'owner-1',
|
|
name: 'PHOTUM CEO',
|
|
email: 'empresa@photum.com',
|
|
role: UserRole.BUSINESS_OWNER,
|
|
avatar: 'https://i.pravatar.cc/150?u=ceo'
|
|
},
|
|
{
|
|
id: 'photographer-1',
|
|
name: 'COLABORADOR PHOTUM',
|
|
email: 'foto@photum.com',
|
|
role: UserRole.PHOTOGRAPHER,
|
|
avatar: 'https://i.pravatar.cc/150?u=photo'
|
|
},
|
|
{
|
|
id: 'client-1',
|
|
name: 'PARCEIRO PHOTUM',
|
|
email: 'cliente@photum.com',
|
|
role: UserRole.EVENT_OWNER,
|
|
avatar: 'https://i.pravatar.cc/150?u=client'
|
|
}
|
|
];
|
|
|
|
interface AuthContextType {
|
|
user: User | null;
|
|
login: (email: string, password?: string) => Promise<boolean>;
|
|
logout: () => void;
|
|
register: (data: { nome: string; email: string; senha: string; telefone: string; role: string }) => Promise<{ success: boolean; userId?: string; token?: string }>;
|
|
availableUsers: User[]; // Helper for the login screen demo
|
|
}
|
|
|
|
const AuthContext = createContext<AuthContextType | undefined>(undefined);
|
|
|
|
export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) => {
|
|
const [user, setUser] = useState<User | null>(null);
|
|
|
|
const getErrorMessage = (errorKey: string): string => {
|
|
// Map backend error messages to Portuguese
|
|
const errorMap: { [key: string]: string } = {
|
|
"email already registered": "Este e-mail já está cadastrado.",
|
|
"invalid credentials": "E-mail ou senha incorretos.",
|
|
"user not found": "Usuário não encontrado.",
|
|
"crypto/bcrypt: hashedPassword is not the hash of the given password": "Senha incorreta.",
|
|
"password is too short": "A senha é muito curta.",
|
|
"cpf already registered": "CPF já cadastrado.",
|
|
};
|
|
|
|
// Check for partial matches or exact matches
|
|
if (errorMap[errorKey]) return errorMap[errorKey];
|
|
|
|
// Fallbacks
|
|
if (errorKey.includes('hashedPassword')) return "Senha incorreta.";
|
|
if (errorKey.includes('email')) return "Erro relacionado ao e-mail.";
|
|
if (errorKey.includes('password')) return "Erro relacionado à senha.";
|
|
|
|
return "Ocorreu um erro inesperado. Tente novamente.";
|
|
};
|
|
|
|
const login = async (email: string, password?: string) => {
|
|
// 1. Check for Demo/Mock users first
|
|
const mockUser = MOCK_USERS.find(u => u.email === email);
|
|
if (mockUser) {
|
|
await new Promise(resolve => setTimeout(resolve, 800)); // Simulate delay
|
|
setUser({ ...mockUser, ativo: true });
|
|
return true;
|
|
}
|
|
|
|
// 2. Try Real API
|
|
try {
|
|
const response = await fetch(`${import.meta.env.VITE_API_URL}/auth/login`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ email, senha: password })
|
|
});
|
|
|
|
if (!response.ok) {
|
|
const errorData = await response.json().catch(() => ({}));
|
|
throw new Error(getErrorMessage(errorData.error || 'Falha no login'));
|
|
}
|
|
|
|
const data = await response.json();
|
|
|
|
// Store token (optional, if you need it for other requests outside cookies)
|
|
// localStorage.setItem('token', data.access_token);
|
|
|
|
const backendUser = data.user;
|
|
// Map backend user to frontend User type
|
|
const mappedUser: User = {
|
|
id: backendUser.id,
|
|
email: backendUser.email,
|
|
name: backendUser.email.split('@')[0], // Fallback name or from profile if available
|
|
role: backendUser.role as UserRole,
|
|
ativo: backendUser.ativo,
|
|
// ... propagate other fields if needed or fetch profile
|
|
};
|
|
|
|
setUser(mappedUser);
|
|
return true;
|
|
} catch (err) {
|
|
console.error('Login error:', err);
|
|
return false;
|
|
}
|
|
};
|
|
|
|
const logout = () => {
|
|
setUser(null);
|
|
};
|
|
|
|
const register = async (data: { nome: string; email: string; senha: string; telefone: string; role: string }) => {
|
|
try {
|
|
const response = await fetch(`${import.meta.env.VITE_API_URL}/auth/register`, {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(data)
|
|
});
|
|
|
|
if (!response.ok) {
|
|
const errorData = await response.json().catch(() => ({}));
|
|
const rawError = errorData.error || 'Falha no cadastro';
|
|
throw new Error(getErrorMessage(rawError));
|
|
}
|
|
|
|
const responseData = await response.json();
|
|
|
|
// If user is returned (auto-login), set state
|
|
if (responseData.user) {
|
|
const backendUser = responseData.user;
|
|
const mappedUser: User = {
|
|
id: backendUser.id,
|
|
email: backendUser.email,
|
|
name: backendUser.nome || backendUser.email.split('@')[0],
|
|
role: backendUser.role as UserRole,
|
|
ativo: backendUser.ativo,
|
|
};
|
|
setUser(mappedUser);
|
|
}
|
|
|
|
return {
|
|
success: true,
|
|
userId: responseData.user?.id || responseData.userId,
|
|
token: responseData.access_token
|
|
};
|
|
} catch (err) {
|
|
console.error('Registration error:', err);
|
|
throw err;
|
|
}
|
|
};
|
|
|
|
return (
|
|
<AuthContext.Provider value={{ user, login, logout, register, availableUsers: MOCK_USERS }}>
|
|
{children}
|
|
</AuthContext.Provider>
|
|
);
|
|
};
|
|
|
|
export const useAuth = () => {
|
|
const context = useContext(AuthContext);
|
|
if (!context) throw new Error('useAuth must be used within an AuthProvider');
|
|
return context;
|
|
};
|