/* Login screen — split layout, brand left + form right */ /* Auth real via Firebase (SF.auth.signInWithEmailAndPassword) */ // ─── Rate-limit client-side (login + recuperação de senha) ─────────────────── // Complementa o rate-limit interno do Firebase — impede automação óbvia sem // exigir backend ou CAPTCHA. // // Login: máx. 5 tentativas com FALHA por janela de 15 min por email. // Reset: máx. 3 envios por janela de 15 min por email. const _SF_LOGIN_MAX = 5; const _SF_RESET_MAX = 3; const _SF_WIN_MS = 15 * 60 * 1000; // janela de 15 minutos (ambos) // Helpers genéricos — prefixo separa login de reset no localStorage const _rlKey = (prefix, email) => `sf_${prefix}_${btoa(email.trim().toLowerCase()).replace(/[^a-z0-9]/gi, '')}`; const _rlGet = (prefix, email) => { try { return JSON.parse(localStorage.getItem(_rlKey(prefix, email))) || {}; } catch { return {}; } }; const _rlSet = (prefix, email, d) => { try { localStorage.setItem(_rlKey(prefix, email), JSON.stringify(d)); } catch {} }; function _rlCheck(prefix, max, email) { const d = _rlGet(prefix, email); const now = Date.now(); if (!d.first || now - d.first > _SF_WIN_MS) return { ok: true }; if ((d.n ?? 0) >= max) return { ok: false, waitMs: _SF_WIN_MS - (now - d.first) }; return { ok: true }; } function _rlRecord(prefix, email) { const d = _rlGet(prefix, email); const now = Date.now(); if (!d.first || now - d.first > _SF_WIN_MS) _rlSet(prefix, email, { n: 1, first: now }); else _rlSet(prefix, email, { n: (d.n ?? 0) + 1, first: d.first }); } function _rlReset(prefix, email) { try { localStorage.removeItem(_rlKey(prefix, email)); } catch {} } // ─── Login ──────────────────────────────────────────────────────────────────── function Login({ navigate }) { const [view, setView] = React.useState('login'); // 'login' | 'reset' const [email, setEmail] = React.useState(''); const [pass, setPass] = React.useState(''); const [showPass, setShowPass] = React.useState(false); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(null); const [waitSecs, setWaitSecs] = React.useState(0); // countdown rate-limit // Countdown ao vivo quando bloqueado React.useEffect(() => { if (waitSecs <= 0) return; const t = setTimeout(() => setWaitSecs(w => Math.max(0, w - 1)), 1000); return () => clearTimeout(t); }, [waitSecs]); // Mensagens de erro Firebase → português const firebaseMsg = (code) => { const msgs = { 'auth/user-not-found': 'Email ou senha inválidos.', 'auth/wrong-password': 'Email ou senha inválidos.', 'auth/invalid-credential': 'Email ou senha inválidos.', 'auth/invalid-email': 'Endereço de email inválido.', 'auth/user-disabled': 'Conta desativada. Entre em contato com o suporte.', 'auth/too-many-requests': 'Muitas tentativas. Aguarde alguns minutos e tente novamente.', 'auth/network-request-failed': 'Sem conexão com a internet. Verifique sua rede.', 'auth/operation-not-allowed': 'Login por email não está habilitado.', 'blocked': 'Sua conta está bloqueada. Fale com o suporte.', 'no-cnpj': 'Usuário não vinculado a nenhuma empresa. Fale com o suporte.', }; return msgs[code] || 'Erro ao entrar. Tente novamente ou fale com o suporte.'; }; const onSubmit = async (e) => { e.preventDefault(); setError(null); if (!email.trim()) { setError('Informe seu email para continuar.'); return; } if (!pass) { setError('Informe sua senha para continuar.'); return; } // Rate-limit client-side: bloqueia antes de chegar no Firebase const rl = _rlCheck('login', _SF_LOGIN_MAX, email.trim()); if (!rl.ok) { const secs = Math.ceil(rl.waitMs / 1000); setWaitSecs(secs); setError('Muitas tentativas incorretas.'); return; } setLoading(true); try { await SF.auth.signInWithEmailAndPassword(email.trim(), pass); _rlReset('login', email.trim()); // limpa contador após login bem-sucedido // onAuthStateChanged no App cuida do navigate } catch (err) { console.error('[login] signIn error:', err); setLoading(false); _rlRecord('login', email.trim()); // só conta falhas setError(firebaseMsg(err.code || err.message)); } }; return (
{view === 'reset' ? { setView('login'); setError(null); }} /> : ( <>

Bem-vindo de volta

Acesse o painel da sua farmácia.

{/* Email */}
setEmail(e.target.value)} autoComplete="email" autoFocus disabled={loading} />
{/* Senha */}
setPass(e.target.value)} autoComplete="current-password" disabled={loading} />
{/* Erro / rate-limit */} {error && (
0 ? 'var(--warning-bg)' : 'var(--danger-bg)', color: waitSecs > 0 ? '#92400E' : 'var(--danger)', padding: '10px 14px', borderRadius: 8, fontSize: 13.5, fontWeight: 500, border: `1px solid ${waitSecs > 0 ? '#FDE68A' : '#F4C2C4'}`, }}> {error} {waitSecs > 0 && (
⏱ Tente novamente em{' '} {String(Math.floor(waitSecs / 60)).padStart(2, '0')}:{String(waitSecs % 60).padStart(2, '0')}
)}
)}
Problemas para acessar?{' '} Falar com suporte
) }
); } // ─── Formulário de recuperação de senha ────────────────────────────────────── function ResetForm({ initialEmail, onBack }) { const [email, setEmail] = React.useState(initialEmail || ''); const [loading, setLoading] = React.useState(false); const [sent, setSent] = React.useState(false); const [error, setError] = React.useState(null); const [waitSecs, setWaitSecs] = React.useState(0); // Countdown ao vivo quando rate-limited React.useEffect(() => { if (waitSecs <= 0) return; const t = setTimeout(() => setWaitSecs(w => Math.max(0, w - 1)), 1000); return () => clearTimeout(t); }, [waitSecs]); const onSubmit = async (e) => { e.preventDefault(); setError(null); const trimmed = email.trim(); if (!trimmed) { setError('Informe seu email.'); return; } // Verificação de rate limit antes de chamar o Firebase const rl = _rlCheck('reset', _SF_RESET_MAX, trimmed); if (!rl.ok) { const secs = Math.ceil(rl.waitMs / 1000); setWaitSecs(secs); setError('Limite de envios atingido.'); return; } setLoading(true); _rlRecord('reset', trimmed); // registra tentativa antes do fetch try { await SF.auth.sendPasswordResetEmail(trimmed); } catch (err) { // Não revelamos se o email existe — resposta genérica em qualquer caso console.warn('[reset] sendPasswordResetEmail:', err.code); } setLoading(false); setSent(true); // sempre mostra "verifique seu email" }; // ── Estado: email enviado ────────────────────────────────────────────────── if (sent) { return ( <>
📧
Verifique seu email
Se o endereço {email.trim()} estiver cadastrado, você receberá o link de redefinição em alguns minutos.

Não esqueça de conferir a caixa de spam.
); } // ── Estado: formulário ───────────────────────────────────────────────────── return ( <>

Recuperar senha

Informe seu email e enviaremos um link para redefinir sua senha.

setEmail(e.target.value)} autoComplete="email" autoFocus disabled={loading} />
{/* Erro / rate-limit */} {error && (
{error} {waitSecs > 0 && (
⏱ Tente novamente em{' '} {String(Math.floor(waitSecs / 60)).padStart(2, '0')}:{String(waitSecs % 60).padStart(2, '0')}
)}
)}
); } // ─── Spinner ────────────────────────────────────────────────────────────────── function Spinner({ size = 20, color = 'currentColor' }) { return ( ); } // ─── Coluna esquerda (brand) ────────────────────────────────────────────────── function LoginBrand() { return (
Painel de gestão

A operação
completa da sua
rede em um só
lugar.

Vendas, estoque, metas e financeiro — sincronizados, em tempo real, em todas as lojas.

); } function BrandStat({ n, l }) { return (
{n}
{l}
); } function BrandPattern() { return ( <>
); } Object.assign(window, { Login, Spinner });