);
}
// ---------- Inputs ----------
function AuthInput({ label, type = "text", value, onChange, placeholder, autoFocus, autoComplete, error }) {
const [show, setShow] = React.useState(false);
const isPassword = type === "password";
const effectiveType = isPassword && show ? "text" : type;
return (
);
}
function AuthPrimaryButton({ children, onClick, disabled, type = "button" }) {
return (
);
}
function GoogleButton({ onClick, disabled }) {
return (
);
}
function Separator() {
return (
ou
);
}
function AuthError({ msg }) {
if (!msg) return null;
return (
{msg}
);
}
// Banner sutil mostrado em cima do form quando usuário ABRE login/signup já estando logado
// (ex: clicou em "Entrar" na landing). Dá opção de continuar pro app sem digitar credencial.
function AlreadyLoggedBanner({ session }) {
if (!session) return null;
const email = session.user?.email || "sua conta";
const goToApp = () => {
// Remove o ?view= da URL pra AuthGate enxergar como "logado normal" e renderizar o app
window.location.href = window.location.pathname;
};
const signOutNow = async () => {
await window.db.auth.signOut();
// recarrega sem o ?view pra começar fresh
window.location.href = window.location.pathname;
};
return (
Logado como {email}
);
}
function AuthSuccess({ msg }) {
if (!msg) return null;
return (
{msg}
);
}
// ---------- Translação de mensagens de erro do Supabase pra PT ----------
function translateAuthError(err) {
const msg = (err?.message || "").toLowerCase();
if (msg.includes("invalid login credentials")) return "Email ou senha incorretos.";
if (msg.includes("email not confirmed")) return "Confirme seu email antes de entrar (verifique a caixa de entrada).";
if (msg.includes("user already registered")) return "Esse email já tem uma conta. Tente entrar ou recuperar a senha.";
if (msg.includes("password should be at least")) return "A senha precisa ter pelo menos 6 caracteres.";
if (msg.includes("rate limit") || msg.includes("too many")) return "Muitas tentativas. Aguarde alguns minutos e tente de novo.";
if (msg.includes("network")) return "Sem conexão com o servidor. Verifique sua internet.";
return err?.message || "Algo deu errado. Tente de novo.";
}
// ---------- LoginPage ----------
function LoginPage({ onSwitch, session }) {
const [email, setEmail] = React.useState("");
const [password, setPassword] = React.useState("");
const [loading, setLoading] = React.useState(false);
const [err, setErr] = React.useState(null);
const submit = async (e) => {
e?.preventDefault();
setErr(null); setLoading(true);
const { error } = await window.db.auth.signInWithPassword(email, password);
if (error) { setErr(translateAuthError(error)); setLoading(false); }
// sucesso: AuthGate detecta sessão e re-renderiza
};
const google = async () => {
setErr(null); setLoading(true);
const { error } = await window.db.auth.signInWithGoogle();
if (error) { setErr(translateAuthError(error)); setLoading(false); }
};
return (
Bem-vindo de volta}
subtitle="Entre na sua conta pra continuar."
footer={<>Ainda não tem conta? onSwitch("signup")} style={{ color: "var(--green)", fontWeight: 600, cursor: "pointer", textDecoration: "none" }}>Criar conta →}
>
);
}
// ---------- SignupPage ----------
function SignupPage({ onSwitch, session }) {
const [name, setName] = React.useState("");
const [email, setEmail] = React.useState("");
const [password, setPassword] = React.useState("");
const [loading, setLoading] = React.useState(false);
const [err, setErr] = React.useState(null);
const [okMsg, setOkMsg] = React.useState(null);
const submit = async (e) => {
e?.preventDefault();
setErr(null); setOkMsg(null); setLoading(true);
if (password.length < 6) { setErr("A senha precisa ter pelo menos 6 caracteres."); setLoading(false); return; }
const { data, error } = await window.db.auth.signUp(email, password, { full_name: name });
if (error) { setErr(translateAuthError(error)); setLoading(false); return; }
if (data?.session) {
// Confirmação de email desabilitada — entra direto
return;
}
setOkMsg("Conta criada! Verifique seu email pra confirmar e depois entre.");
setLoading(false);
};
const google = async () => {
setErr(null); setLoading(true);
const { error } = await window.db.auth.signInWithGoogle();
if (error) { setErr(translateAuthError(error)); setLoading(false); }
};
return (
Criar conta}
subtitle="Comece a organizar suas finanças em 30 segundos."
footer={<>Já tem conta? onSwitch("login")} style={{ color: "var(--green)", fontWeight: 600, cursor: "pointer", textDecoration: "none" }}>Entrar →}
>
{!okMsg && (
<>
Ao criar conta você concorda com os Termos de Uso e Política de Privacidade.