{selecionado === 'pro'
? 'Cancele quando quiser · Sem taxa de cancelamento'
: 'Sem necessidade de cartão de crédito'}
);
}
// ══════════════════════════════════════════════════
// TELA — CADASTRO
// ══════════════════════════════════════════════════
function CadastroScreen({ plano, anual, onSuccess, onBack }) {
const [nome, setNome] = React.useState('');
const [crbio, setCrbio] = React.useState('');
const [email, setEmail] = React.useState('');
const [senha, setSenha] = React.useState('');
const [confirma, setConfirma] = React.useState('');
const [loading, setLoading] = React.useState(false);
const [erro, setErro] = React.useState(null);
const [termos, setTermos] = React.useState(false);
const p = PLANOS[plano] || PLANOS.free;
const validar = () => {
if (!nome.trim()) return 'Informe seu nome completo.';
if (!crbio.trim()) return 'Informe seu registro profissional.';
if (!email.includes('@')) return 'E-mail inválido.';
if (senha.length < 8) return 'A senha deve ter no mínimo 8 caracteres.';
if (senha !== confirma) return 'As senhas não coincidem.';
if (!termos) return 'Aceite os termos de uso para continuar.';
return null;
};
const handleCadastro = async () => {
const err = validar();
if (err) { setErro(err); return; }
// Plano Pro: não cria conta agora — passa dados para a tela de pagamento.
// A conta só é criada depois que o pagamento for confirmado.
if (plano === 'pro') {
onSuccess({ dadosCadastro: { nome, crbio, email, senha, plano } }, null);
return;
}
// Plano Free: cria conta imediatamente
setLoading(true);
setErro(null);
try {
const data = await window.HemaAPI.cadastrar({ nome, crbio, email, senha, plano });
onSuccess(data.user, data.access_token);
} catch (e) {
setErro(e.message || 'Erro ao criar conta.');
} finally {
setLoading(false);
}
};
return (