// ═══════════════════════════════════════════════════════════════════ // Screens: Histórico de alterações + Trimestres anteriores + Fechar // ═══════════════════════════════════════════════════════════════════ const origemLabel = { ativa:'Ativa', parceiros:'Parceiros', hunter:'Hunter', fidelizacao:'Fidelização', eventos:'Eventos', marketing:'Mkt de conteúdo', site:'Site' }; const origemCor = { ativa:'brand', hunter:'warn', fidelizacao:'success', eventos:'neutral', marketing:'neutral', site:'neutral' }; function HistoricoScreen({ state }) { const { historico, historicoPeriodos = [], vendedores, leads, regras, trimestre } = state; const [aba, setAba] = React.useState('trimestres'); const [mostrarLeads, setMostrarLeads] = React.useState({}); const porVendedorAtual = useMemo(() => calcularComissoes(leads, regras, vendedores), [leads, regras, vendedores]); const periodoAtual = { id: 'atual', label: trimestre, periodo: trimestre, fechado: false, totalFaturado: leads.filter(l => l.vendido && l.comissiona).reduce((s,l) => s + l.valor, 0), totalVariavel: Object.values(porVendedorAtual).reduce((s,v) => s + v.variavel + v.evento, 0), totalFixa: Object.values(porVendedorAtual).reduce((s,v) => s + v.fixaSetor, 0), totalGeral: Object.values(porVendedorAtual).reduce((s,v) => s + v.total, 0), porVendedor: vendedores.filter(v => v.ativo && (porVendedorAtual[v.id]?.total || 0) > 0).map(v => ({ id: v.id, nome: v.nome, fixa: porVendedorAtual[v.id]?.fixaSetor || 0, variavel: (porVendedorAtual[v.id]?.variavel || 0) + (porVendedorAtual[v.id]?.evento || 0), total: porVendedorAtual[v.id]?.total || 0, })), leads, }; const todosPeriodos = [periodoAtual, ...historicoPeriodos]; const [periodoAberto, setPeriodoAberto] = React.useState('atual'); const toggleLeads = (pid) => setMostrarLeads(s => ({ ...s, [pid]: !s[pid] })); const totalHistorico = todosPeriodos.reduce((s, p) => ({ geral: s.geral + p.totalGeral, fixa: s.fixa + p.totalFixa, variavel: s.variavel + p.totalVariavel, }), { geral: 0, fixa: 0, variavel: 0 }); const maioresComissoes = (() => { const mapa = {}; todosPeriodos.forEach(p => { (p.porVendedor || []).forEach(v => { if (!mapa[v.nome]) mapa[v.nome] = { nome: v.nome, id: v.id, total: 0, melhorPeriodo: null, melhorValor: 0 }; mapa[v.nome].total += v.total; if (v.total > mapa[v.nome].melhorValor) { mapa[v.nome].melhorValor = v.total; mapa[v.nome].melhorPeriodo = p.label; } }); }); return Object.values(mapa).sort((a, b) => b.total - a.total); })(); return (
Histórico

Memória do time.

Registros de todas as regras alteradas e o histórico completo de períodos fechados.

{/* Tabs */}
{[ { id: 'trimestres', label: 'Todos os períodos' }, { id: 'regras', label: 'Alterações de regras' }, ].map(t => ( ))}
{/* ── ABA: TRIMESTRES ANTERIORES ─────────────────────── */} {aba === 'trimestres' && (
{/* Cards resumo global */}
{/* Ranking histórico */} {maioresComissoes.length > 0 && (

Ranking acumulado — todos os períodos

{maioresComissoes.length} pessoas
{maioresComissoes.map((v, i) => { const vend = vendedores.find(x => x.id === v.id); return (
{String(i + 1).padStart(2, '0')} {vend ? :
{v.nome.slice(0,2)}
}
{v.nome}
Melhor período: {v.melhorPeriodo} · {brl(v.melhorValor)}
{brl(v.total)}
total acumulado
); })}
)} {/* Períodos fechados */} {todosPeriodos.map(periodo => { const aberto = periodoAberto === periodo.id; return ( {/* Header do período */} {aberto && (
{/* Por vendedor */}
Comissão por pessoa
{(periodo.porVendedor || []).sort((a, b) => b.total - a.total).map(v => { const vend = vendedores.find(x => x.id === v.id); return (
{vend ? :
{v.nome.slice(0,2)}
}
{v.nome}
Fix. {brl(v.fixa)} · Var. {brl(v.variavel)}
{brl(v.total)}
); })}
{/* Leads do período */}
{mostrarLeads[periodo.id] && (
LeadOrigemQualif.PropostaComissionados
{(periodo.leads || []).map(l => (
{l.lead} {origemLabel[l.origem] || l.origem} {l.qualificado === 'sim' ? 'Sim' : l.qualificado === 'na' ? 'N/A' : 'Não'} {l.proposta === 'aprovada' ? 'Sim' : l.proposta === 'nao' ? 'Não' : 'Pend.'} {l.comissionados || (l.comissiona && l.participacoes?.length ? l.participacoes.map(p => vendedores.find(v => v.id === p.v)?.nome?.split(' ')[0]).filter(Boolean).join(', ') : null) || (l.comissiona ? '—' : 'Não comissionado')}
))}
)}
)} ); })}
)} {/* ── ABA: ALTERAÇÕES DE REGRAS ──────────────────────── */} {aba === 'regras' && (

Últimas alterações de regras

{historico.map((h, i) => (
0 ? '1px solid var(--escalab-line)' : 'none', alignItems: 'center' }}>
{h.data}
v.nome === h.usuario) || { iniciais: 'M', cor: '#00967B' }} size={26} /> {h.usuario}
{h.regra}
{h.nota}
{h.de} → {h.para}
))}
)}
); } function FecharTrimestreModal({ state, open, onClose, onConfirm }) { const { trimestre, leads, regras, vendedores } = state; const porVendedor = useMemo(() => calcularComissoes(leads, regras, vendedores), [leads, regras, vendedores]); const totalPagar = Object.values(porVendedor).reduce((s, v) => s + v.total, 0); const totalFaturado = leads.filter(l => l.vendido && l.comissiona).reduce((s, l) => s + l.valor, 0); const indefinidos = leads.filter(l => l.proposta === 'pendente' || l.status === 'qualificado').length; const pendentes = leads.filter(l => !l.vendido && l.status !== 'perdido'); const parseQ = (t) => { const m = String(t).match(/(\d)T\/(\d{4})/); return m ? {q:+m[1],year:+m[2]} : null; }; const nextQ = (t) => { const p = parseQ(t); if(!p) return t; return p.q===4 ? `1T/${p.year+1}` : `${p.q+1}T/${p.year}`; }; return ( } >
Esta ação arquiva as comissões do {trimestre} e abre automaticamente o {nextQ(trimestre)}.
{indefinidos > 0 && ( {indefinidos} lead(s) ainda em "pendente". Defina o status antes de fechar ou marque como não-comissionados. )}
Ao confirmar, o sistema vai:
  • Arquivar todos os {leads.length} leads em "Histórico → Trimestres Anteriores".
  • Registrar comissões por pessoa neste período.
  • Abrir automaticamente o {nextQ(trimestre)}.
    • {pendentes.length > 0 && (
  • {pendentes.length} lead(s) ainda em aberto serão carregados no {nextQ(trimestre)} para continuidade.
    • )}
  • Bloquear edições retroativas neste período.
 ); } Object.assign(window, { HistoricoScreen, FecharTrimestreModal });