// auth.jsx — Supabase Auth + Login/Signup/AdminLogin // Phase 3: profiles + purchases agora vêm do Supabase. const { useState: useStateAuth, useEffect: useEffectAuth } = React; // ─────────── Supabase Auth API ─────────── // Pega session + profile e devolve um currentUser unificado async function loadCurrentUser(){ if (!window.sb) return null; const { data: { session } } = await sb.auth.getSession(); if (!session) return null; return await loadProfileFor(session.user); } async function loadProfileFor(authUser){ if (!authUser) return null; // Wrap em safe() pra que falha de rede não pendure o login const res = await (window.safe ? window.safe("loadProfileFor", () => sb.from("profiles").select("id, name, email, role, banned, banned_reason").eq("id", authUser.id).single(), { data: null, error: null } ) : sb.from("profiles").select("id, name, email, role, banned, banned_reason").eq("id", authUser.id).single().catch(e=>({data:null, error:e}))); const profile = res?.data; const error = res?.error; const base = (!error && profile) ? profile : { id: authUser.id, name: authUser.user_metadata?.name || authUser.email.split("@")[0], email: authUser.email, role: "user", banned: false, }; if (base.banned){ try { await sb.auth.signOut(); } catch {} return { ...base, _banned: true }; } const purchases = await fetchUserPurchaseIds(base.id); return { ...base, purchases }; } async function signIn(email, password, requireRole){ const { data, error } = await sb.auth.signInWithPassword({ email: email.trim(), password }); if (error) return { error: traduzirErro(error.message) }; const user = await loadProfileFor(data.user); if (user?._banned){ return { error: "Sua conta foi suspensa." + (user.banned_reason ? ` Motivo: ${user.banned_reason}` : " Entre em contato com o suporte.") }; } if (requireRole && user.role !== requireRole){ await sb.auth.signOut(); return { error: requireRole === "admin" ? "Essa conta não é de admin." : "Use a entrada de usuário." }; } return { user }; } async function signUp({ name, email, password }){ const { data, error } = await sb.auth.signUp({ email: email.trim(), password, options: { data: { name: name.trim().slice(0, 200) } } }); if (error) return { error: traduzirErro(error.message) }; if (!data.session){ return { needsConfirmation: true }; } const user = await loadProfileFor(data.user); if (user?._banned){ return { error: "Sua conta foi suspensa." + (user.banned_reason ? ` Motivo: ${user.banned_reason}` : " Entre em contato com o suporte.") }; } return { user }; } async function signOut(){ await sb.auth.signOut(); } async function resetPassword(email){ if (!email?.trim()) return { error: "Informe seu email." }; const redirectTo = window.location.origin + window.location.pathname + "?reset=1"; const { error } = await sb.auth.resetPasswordForEmail(email.trim(), { redirectTo }); if (error) return { error: traduzirErro(error.message) }; return { ok: true }; } async function updatePassword(newPassword){ if (!newPassword || newPassword.length < 8) return { error: "A senha precisa de ao menos 8 caracteres." }; const { error } = await sb.auth.updateUser({ password: newPassword }); if (error) return { error: traduzirErro(error.message) }; return { ok: true }; } async function recordPurchase(user, items){ const r = await createPurchases(user, items); if (r.error) return { error: r.error }; return { purchases: r.purchases }; } function traduzirErro(msg){ const m = (msg||"").toLowerCase(); if (m.includes("invalid login")) return "Email ou senha incorretos."; if (m.includes("already registered")) return "Já existe uma conta com esse email."; if (m.includes("password should be at least")) return "A senha precisa de ao menos 6 caracteres."; if (m.includes("email not confirmed")) return "Confirme seu email antes de entrar."; if (m.includes("rate limit")) return "Muitas tentativas. Espere um pouco e tente de novo."; return msg || "Erro inesperado."; } // ─────────── Auth UI: shared shell ─────────── function AuthShell({ children, kicker, title, sub, footer }){ return (
{kicker}

{title}

{sub &&

{sub}

}
{children}
{footer &&
{footer}
}

"Aquele resumo que circula no grupo da turma — agora oficial."

); } // ─────────── Form primitives ─────────── function Field({ label, hint, error, children }){ return (
{children} {hint && !error &&
{hint}
} {error &&
{error}
}
); } function TextInput(props){ return ( { e.target.style.borderColor="var(--primary)"; e.target.style.boxShadow="0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent)"; }} onBlur={(e)=>{ e.target.style.borderColor="var(--line-strong)"; e.target.style.boxShadow="none"; }} /> ); } // ─────────── Login ─────────── function Login({ go, onAuth }){ const [email, setEmail] = useStateAuth(""); const [password, setPassword] = useStateAuth(""); const [err, setErr] = useStateAuth(""); const [busy, setBusy] = useStateAuth(false); const [attempts, setAttempts] = useStateAuth(0); const submit = async (e) => { e.preventDefault(); setBusy(true); setErr(""); const r = await signIn(email, password, "user"); setBusy(false); if (r.error){ setErr(r.error); setAttempts(a => a + 1); return; } onAuth(r.user); go({ name:"library" }); }; return ( Não tem conta? go({name:"signup"})} style={{color:"var(--primary)", cursor:"pointer", fontWeight: 600}}>Crie agora →} >
setEmail(e.target.value)}/> setPassword(e.target.value)}/>
go({name:"forgot"})} style={{color:"var(--primary)", cursor:"pointer", fontWeight: 600, fontSize: 13}}>Esqueci minha senha {attempts >= 3 && Errou {attempts}x? Tente resetar.}
É admin? go({name:"admin-login"})} style={{color:"var(--primary)", cursor:"pointer"}}>Entrar como admin →
Suas credenciais são gerenciadas pelo Supabase Auth.
); } // ─────────── Forgot Password ─────────── function ForgotPassword({ go }){ const [email, setEmail] = useStateAuth(""); const [busy, setBusy] = useStateAuth(false); const [sent, setSent] = useStateAuth(false); const [err, setErr] = useStateAuth(""); const submit = async (e) => { e.preventDefault(); setBusy(true); setErr(""); const r = await resetPassword(email); setBusy(false); if (r.error){ setErr(r.error); return; } setSent(true); }; if (sent){ return ( ); } return ( Lembrou? go({name:"login"})} style={{color:"var(--primary)", cursor:"pointer", fontWeight: 600}}>Voltar pro login →} >
setEmail(e.target.value)}/>
); } // ─────────── Reset Password (após clicar no link do email) ─────────── function ResetPassword({ go, onAuth }){ const [password, setPassword] = useStateAuth(""); const [confirm, setConfirm] = useStateAuth(""); const [err, setErr] = useStateAuth(""); const [busy, setBusy] = useStateAuth(false); const [done, setDone] = useStateAuth(false); const submit = async (e) => { e.preventDefault(); if (password.length < 8){ setErr("Mínimo 8 caracteres."); return; } if (!/\d/.test(password)){ setErr("Inclua pelo menos um número."); return; } if (password !== confirm){ setErr("As senhas não batem."); return; } setBusy(true); setErr(""); const r = await updatePassword(password); setBusy(false); if (r.error){ setErr(r.error); return; } setDone(true); setTimeout(()=>go({ name:"library" }), 1500); }; if (done){ return (
✓
 ); } return (
setPassword(e.target.value)}/> setConfirm(e.target.value)}/>
); } // ─────────── Signup ─────────── function Signup({ go, onAuth }){ const [form, setForm] = useStateAuth({ name:"", email:"", password:"" }); const [err, setErr] = useStateAuth(""); const [busy, setBusy] = useStateAuth(false); const [confirm, setConfirm] = useStateAuth(false); const upd = k => e => setForm({...form, [k]: e.target.value}); const submit = async (e) => { e.preventDefault(); if (form.password.length < 8){ setErr("A senha precisa de ao menos 8 caracteres."); return; } if (!/\d/.test(form.password)){ setErr("Inclua pelo menos um número na senha."); return; } setBusy(true); setErr(""); const r = await signUp(form); setBusy(false); if (r.error){ setErr(r.error); return; } if (r.needsConfirmation){ setConfirm(true); return; } onAuth(r.user); go({ name:"library" }); }; if (confirm){ return ( ); } return ( Já tem conta? go({name:"login"})} style={{color:"var(--primary)", cursor:"pointer", fontWeight: 600}}>Entrar →} >
Ao criar conta, você concorda com os Termos e Política de privacidade.
); } // ─────────── Admin Login ─────────── function AdminLogin({ go, onAuth }){ const [email, setEmail] = useStateAuth(""); const [password, setPassword] = useStateAuth(""); const [err, setErr] = useStateAuth(""); const [busy, setBusy] = useStateAuth(false); const submit = async (e) => { e.preventDefault(); setBusy(true); setErr(""); const r = await signIn(email, password, "admin"); setBusy(false); if (r.error){ setErr(r.error); return; } onAuth(r.user); go({ name:"admin" }); }; return ( Não é admin? go({name:"login"})} style={{color:"var(--primary)", cursor:"pointer", fontWeight: 600}}>Voltar pra entrada de usuário} >
setEmail(e.target.value)}/> setPassword(e.target.value)}/>
O admin precisa ter sido criado no Supabase Dashboard (Authentication › Users) e ter role='admin' na tabela profiles.
); } // expose Object.assign(window, { loadCurrentUser, loadProfileFor, signIn, signUp, signOut, recordPurchase, resetPassword, updatePassword, Login, Signup, AdminLogin, ForgotPassword, ResetPassword, Field, TextInput, AuthShell, });