/* ============================================================
SIGNUP STEP — cadastro na plataforma antes do checkout
------------------------------------------------------------
Fluxo: o visitante escolhe o plano no modal → cai nesta tela
(mesmo modal, mesma identidade visual) → cria a conta oficial
da plataforma (mesmo Supabase do login.talentums.com.br) →
só então vai pro link de pagamento.
A conta e os dados de contato (nome · e-mail · WhatsApp) ficam
salvos mesmo se ele desistir do pagamento depois.
============================================================ */
const { useState: useSignupState, useRef: useSignupRef } = React;
const onlyDigits = (v) => (v || "").replace(/\D+/g, "");
function maskPhoneBR(v) {
const d = onlyDigits(v).slice(0, 11);
if (!d) return "";
if (d.length <= 2) return `(${d}`;
if (d.length <= 6) return `(${d.slice(0, 2)}) ${d.slice(2)}`;
if (d.length <= 10) return `(${d.slice(0, 2)}) ${d.slice(2, 6)}-${d.slice(6)}`;
return `(${d.slice(0, 2)}) ${d.slice(2, 7)}-${d.slice(7)}`;
}
const EMAIL_RE = /^[^\s@]+@[^\s@]+\.[a-z]{2,}$/i;
/** Mensagens do Supabase → português direto. */
function traduzErro(raw) {
const m = (raw || "").toLowerCase();
if (m.includes("password") && (m.includes("short") || m.includes("least"))) return "A senha precisa ter no mínimo 8 caracteres.";
if (m.includes("invalid email") || m.includes("email address")) return "Confira o e-mail digitado.";
if (m.includes("rate limit") || m.includes("too many")) return "Muitas tentativas seguidas. Aguarde um minuto e tente de novo.";
if (m.includes("signups not allowed") || m.includes("disabled")) return "Cadastro temporariamente indisponível. Fale com a equipe pelo WhatsApp.";
return "Não conseguimos criar a conta agora. Tente de novo em instantes.";
}
function SignupStep({ plan, cfg, onBack, onDone }) {
const sb = (cfg && cfg.supabase) || {};
const [nome, setNome] = useSignupState("");
const [email, setEmail] = useSignupState("");
const [fone, setFone] = useSignupState("");
const [senha, setSenha] = useSignupState("");
const [erro, setErro] = useSignupState("");
const [estado, setEstado] = useSignupState("form"); // form | enviando | existe | ok
const erroRef = useSignupRef(null);
const podeEnviar = estado === "form" || estado === "existe";
async function submit(e) {
e.preventDefault();
if (!podeEnviar) return;
const nomeLimpo = nome.trim();
const emailLimpo = email.trim().toLowerCase();
const digitos = onlyDigits(fone);
if (nomeLimpo.length < 3) return setErro("Escreva o nome completo.");
if (!EMAIL_RE.test(emailLimpo)) return setErro("Confira o e-mail digitado.");
if (digitos.length < 10 || digitos.length > 11) return setErro("Informe o WhatsApp com DDD, ex: (48) 99160-8052.");
if (senha.length < 8) return setErro("A senha precisa ter no mínimo 8 caracteres.");
if (!sb.url || !sb.anonKey) return setErro("Cadastro indisponível no momento. Fale com a equipe pelo WhatsApp.");
setErro("");
setEstado("enviando");
if (window.track) window.track("signup_submit", { plan: plan.id });
try {
const res = await fetch(`${sb.url}/auth/v1/signup`, {
method: "POST",
headers: { apikey: sb.anonKey, "Content-Type": "application/json" },
body: JSON.stringify({
email: emailLimpo,
password: senha,
data: {
full_name: nomeLimpo,
whatsapp: `+55${digitos}`,
origem: "site-talentums",
plano: plan.id,
},
}),
});
const data = await res.json().catch(() => ({}));
// E-mail já cadastrado: o Supabase responde 422 ou devolve 200 com
// identities vazio (proteção contra descoberta de e-mails).
const jaExiste =
data.error_code === "user_already_exists" ||
/already registered|already been registered/i.test(data.msg || data.message || "") ||
(res.ok && data.user && Array.isArray(data.user.identities) && data.user.identities.length === 0);
if (jaExiste) {
if (window.track) window.track("signup_existing", { plan: plan.id });
setEstado("existe");
return;
}
if (!res.ok) {
setEstado("form");
setErro(traduzErro(data.msg || data.message || data.error_description));
return;
}
if (window.track) window.track("signup_success", { plan: plan.id });
setEstado("ok");
setTimeout(() => onDone(), 900);
} catch (_) {
setEstado("form");
setErro("Sem conexão com o servidor. Verifique a internet e tente de novo.");
}
}
return (
<>
{estado === "ok" ? (
✓
Conta criada
Levando você para o pagamento…
) : (
<>
{plan.title}{plan.priceLabel}
Crie sua conta
É nela que o teste é respondido e o laudo fica guardado. Leva menos de um minuto —
o pagamento vem logo na sequência.
{estado === "existe" ? (
<>
Esse e-mail já tem conta na plataforma. Pode seguir para o pagamento normalmente —
depois é só entrar com a senha que você já usa.
) : (
)}
Seus dados ficam salvos mesmo se você não concluir o pagamento agora.
{sb.appUrl ? <> Já tem conta? Entrar na plataforma. : null}