/* screen_comercial_daily_prospect_carteira.jsx Daily Prospect Carteira — consumíveis. Expõe window.ScreenDailyProspectCarteira. */ const urgColor = { fire: 'var(--dgd-red-700,#B53B3B)', warn: 'var(--dgd-pumpkin-500,#FF9A40)', normal: 'var(--dgd-fg-3)' }; // ── Badge numerado (headers dos blocos) ─────────────────────────────────────── const PBlocoBadge = ({ n, color = 'var(--dgd-primary-500,#61A9FF)' }) => ( {n} ); // ── Badge de acção numerada ──────────────────────────────────────────────────── const pAcaoBadgeColor = ['var(--dgd-green-700,#1F8A52)', 'var(--dgd-primary-500,#61A9FF)', 'var(--dgd-pumpkin-500,#FF9A40)', 'var(--dgd-red-700,#B53B3B)']; const PAcaoBadge = ({ n }) => { const color = pAcaoBadgeColor[(n - 1) % pAcaoBadgeColor.length] || 'var(--dgd-primary-500,#61A9FF)'; return ( {n} ); }; const fmtEur2 = v => { const n = Number(v) || 0; if (Math.abs(n) >= 1000) return (n / 1000).toFixed(1).replace('.', ',') + 'k€'; return n.toFixed(0) + '€'; }; // ── Hero ────────────────────────────────────────────────────────────────────── const ProspectCarteiraHero = ({ vendedorId, date, onRegenerate, loading, userName }) => { const firstName = (userName || '').split(' ')[0] || ''; return (
COMERCIAL · CONSUMÍVEIS · PROSPECÇÃO

{firstName ? `${firstName}, ` : ''}aqui estão as tuas oportunidades de hoje.

⚡ DIGI · AGENTE AI DIGIDELTA
{date}
); }; // ── KPI Cards ───────────────────────────────────────────────────────────────── const ProspectCarteiraKPIs = ({ metricas }) => { if (!metricas) return null; const cards = [ { label: 'G2 — Em Risco', value: metricas.g2_count || 0, color: 'var(--dgd-red-700,#B53B3B)' }, { label: 'G3 — Inativos', value: metricas.g3_count || 0, color: 'var(--dgd-fg-2)' }, { label: 'G1 — Mono-família', value: metricas.g1_mono_fam_count || 0, color: 'var(--dgd-pumpkin-500,#FF9A40)' }, { label: 'SPIN Prospects', value: metricas.spin_count || 0, color: 'var(--dgd-primary-500,#61A9FF)' }, ]; return (
{cards.map((c, i) => (
{c.label}
{c.value}
))}
); }; // ── Bloco 1 — Narrativa + prioridades ───────────────────────────────────────── const ProspectCarteiraBloco1 = ({ bloco1 }) => { if (!bloco1) return null; return (
LEITURA DO DIA
{bloco1.narrativa &&

{bloco1.narrativa}

} {bloco1.acoes?.map((a, i) => { const uColor = urgColor[a.urgencia] || 'var(--dgd-fg-3)'; return (
{a.titulo}
{a.detalhe}
); })}
); }; // ── Bloco 2 — G2 Recuperação ────────────────────────────────────────────────── const ProspectCarteiraBloco2 = ({ rows }) => { if (!rows?.length) return null; return (
G2 — RECUPERAÇÃO (60–90 DIAS)
{['', 'Cliente', 'Dias', 'Valor 12m', 'Motivo', 'Acção', 'Quando'].map(h => ( ))} {rows.map((r, i) => ( ))}
{h}
{r.cliente} 80 ? 'var(--dgd-red-700,#B53B3B)' : r.dias > 60 ? 'var(--dgd-pumpkin-500,#FF9A40)' : 'var(--dgd-fg-2)' }}>{r.dias} {fmtEur2(r.valor_12m)} {r.motivo} {r.acao} {r.quando}
); }; // ── Bloco 3 — G3 Reactivação ────────────────────────────────────────────────── const ProspectCarteiraBloco3 = ({ rows }) => { if (!rows?.length) return null; return (
G3 — REACTIVAÇÃO (>90 DIAS)
{['Cliente', 'Dias Inativo', 'Valor Histórico', 'Acção'].map(h => ( ))} {rows.map((r, i) => ( ))}
{h}
{r.cliente} {r.dias_inativo} {fmtEur2(r.valor_historico)} {r.acao}
); }; // ── Bloco 4 — Cross-sell ────────────────────────────────────────────────────── const ProspectCarteiraBloco4 = ({ rows }) => { if (!rows?.length) return null; return (
CROSS-SELL — G1 MONO-FAMÍLIA
{['Cliente', 'Família Atual → Proposta', 'Valor Atual', 'Racional'].map(h => ( ))} {rows.map((r, i) => ( ))}
{h}
{r.cliente} {r.familia_atual} → {r.familia_proposta} {fmtEur2(r.valor_atual)} {r.racional}
); }; // ── Bloco 5 — SPIN ──────────────────────────────────────────────────────────── const ProspectCarteiraBloco5 = ({ rows }) => { if (!rows?.length) return null; return (
SPIN PROSPECTS
{['Entidade', 'Potencial', 'Famílias', 'Acção'].map(h => ( ))} {rows.map((r, i) => ( ))}
{h}
{r.entidade} {fmtEur2(r.potencial)} {(r.familias || []).join(', ')} {r.acao}
); }; // ── Regra do Dia ────────────────────────────────────────────────────────────── const ProspectCarteiraRegraDia = ({ texto }) => { if (!texto) return null; return (
REGRA DO DIA
{texto}
); }; // ── Main Screen ─────────────────────────────────────────────────────────────── const ScreenDailyProspectCarteira = ({ vendedorId, onNav, userName }) => { const [data, setData] = React.useState(null); const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const load = React.useCallback((force = false) => { setLoading(true); setError(null); const params = new URLSearchParams(); if (vendedorId) params.set('vendedorId', vendedorId); if (force) params.set('force', 'true'); const qs = params.toString(); const url = `/api/comercial/prospect-carteira/today${qs ? '?' + qs : ''}`; fetch(url) .then(r => r.ok ? r.json() : r.json().then(e => Promise.reject(e.error || 'Erro desconhecido'))) .then(d => { setData(d); setLoading(false); }) .catch(e => { setError(String(e)); setLoading(false); }); }, []); React.useEffect(() => { load(); }, [load]); if (loading) return (
{[1, 2, 3].map(i =>
)}
); if (error) return (
Erro: {error}
); if (!data) return null; const p = data.prospect_json || {}; return (
load(true)} loading={loading} userName={userName} />
); }; window.ScreenDailyProspectCarteira = ScreenDailyProspectCarteira;