// ═══════════════════════════════════════════════════════
// BAUKO CRM — Carteiras (distribuição de clientes por vendedor)
// ═══════════════════════════════════════════════════════
//
// Tela de gestão de carteira comercial:
// - Cards de vendedor com avatar colorido + contagem de clientes
// - Drawer com lista de clientes do vendedor selecionado
// - Modal de transferência (redistribuir cliente entre vendedores)
// - Card especial "Sem vendedor" para órfãos
//
// Fonte de vendedores: BAUKO_AUTH.getVendedoresAtivos (Lista SP "Usuários").
// Persistência: cliente.vendedor_id (coluna SP "proprietario" — FIELD_MAP em crm-api.js).
//
/* global React, CRM_DATA, CRM_API, BAUKO_AUTH, Badge, Panel, fR */
const { useState: useCartState, useEffect: useCartEffect, useMemo: useCartMemo } = React;
function _escHtml(s) {
return String(s || '').replace(/[&<>"']/g, function(c) {
return { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }[c];
});
}
const SEM_VENDEDOR_ID = '__sem_vendedor__';
const PAGE_SIZE_CARTEIRA = 50;
const GRUPOS_CARTEIRA = ['comercial', 'gerencia', 'BDR']; // mesmos do dropdown do ClienteModal
// ── Conversão UF (sigla ↔ nome completo do estado) ────
// Usado pelo MapaCarteiras pra casar o GeoJSON do Brasil (que vem com nomes completos)
// com o campo c.uf dos clientes (que é sigla 2 letras).
const UF_NOMES = {
AC: 'Acre', AL: 'Alagoas', AP: 'Amapá', AM: 'Amazonas', BA: 'Bahia',
CE: 'Ceará', DF: 'Distrito Federal', ES: 'Espírito Santo', GO: 'Goiás',
MA: 'Maranhão', MT: 'Mato Grosso', MS: 'Mato Grosso do Sul', MG: 'Minas Gerais',
PA: 'Pará', PB: 'Paraíba', PR: 'Paraná', PE: 'Pernambuco', PI: 'Piauí',
RJ: 'Rio de Janeiro', RN: 'Rio Grande do Norte', RS: 'Rio Grande do Sul',
RO: 'Rondônia', RR: 'Roraima', SC: 'Santa Catarina', SP: 'São Paulo',
SE: 'Sergipe', TO: 'Tocantins',
};
const NOMES_UF = Object.keys(UF_NOMES).reduce(function(acc, k) { acc[UF_NOMES[k]] = k; return acc; }, {});
// URLs externas (cache em localStorage após primeira carga)
const BRASIL_GEOJSON_URL = 'https://raw.githubusercontent.com/codeforamerica/click_that_hood/master/public/data/brazil-states.geojson';
const MUNICIPIOS_JSON_URL = 'municipios.json'; // hospedado no Netlify junto ao CRM
const CACHE_KEY_GEO = 'bauko_brasil_geojson_v1';
const CACHE_KEY_MUN = 'bauko_municipios_v1';
// ── Helpers ───────────────────────────────────────────
function getClienteVendedor(c) {
// Compatível com pós-deploy (vendedor_id) e pré-deploy (proprietario).
return (c.vendedor_id || c.proprietario || '').trim();
}
function iniciaisDe(nome) {
return String(nome || '?').split(' ').map(p => p[0] || '').slice(0, 2).join('').toUpperCase();
}
function getVendedoresParaTransferir() {
if (window.BAUKO_AUTH && typeof window.BAUKO_AUTH.getVendedoresAtivos === 'function') {
return window.BAUKO_AUTH.getVendedoresAtivos({ gruposPermitidos: GRUPOS_CARTEIRA }) || [];
}
return [];
}
function getVendedoresAtivosByEmail() {
// Mapa { emailLower: { id, nome, cor, grupo, cargo } } — usado pra hidratar cards.
var byEmail = {};
if (window.BAUKO_AUTH && typeof window.BAUKO_AUTH.getVendedoresAtivos === 'function') {
var lista = window.BAUKO_AUTH.getVendedoresAtivos() || [];
lista.forEach(function(v) {
if (v && v.id) byEmail[v.id.toLowerCase()] = v;
});
}
return byEmail;
}
// ════════════════════════════════════════════════════════════
// MODAL — Transferir cliente entre vendedores
// ════════════════════════════════════════════════════════════
function TransferirCarteiraModal({ cliente, vendedorAtual, vendedoresDisp, onClose, onConfirm }) {
const [novoVendedor, setNovoVendedor] = useCartState('');
const [salvando, setSalvando] = useCartState(false);
const [erro, setErro] = useCartState(null);
useCartEffect(() => {
setNovoVendedor('');
setSalvando(false);
setErro(null);
}, [cliente && cliente.id]);
useCartEffect(() => {
try { window.lucide && window.lucide.createIcons({ attrs: { 'stroke-width': 1.75 } }); } catch (e) {}
});
if (!cliente) return null;
function handleConfirmar() {
if (!novoVendedor) { setErro('Selecione o novo vendedor'); return; }
if (novoVendedor === (vendedorAtual && vendedorAtual.email)) {
setErro('Esse já é o vendedor atual do cliente');
return;
}
setSalvando(true);
setErro(null);
Promise.resolve(onConfirm(novoVendedor === SEM_VENDEDOR_ID ? '' : novoVendedor))
.catch(function(e) { setErro('Erro: ' + (e && e.message || e)); })
.finally(function() { setSalvando(false); });
}
// Dropdown: opção "sem vendedor" + todos os ativos (exceto o atual)
var opcoes = vendedoresDisp.filter(function(v) {
return !vendedorAtual || v.id !== vendedorAtual.email;
});
return (
Transferir cliente
{cliente.razao}
{cliente.cidade ? ' · ' + cliente.cidade + (cliente.uf ? '/' + cliente.uf : '') : ''}
{/* Vendedor atual */}
{vendedorAtual ? iniciaisDe(vendedorAtual.nome) : '?'}
Vendedor atual
{vendedorAtual ? vendedorAtual.nome : '(sem vendedor atribuído)'}
{/* Dropdown novo vendedor */}
Novo vendedor responsável
— Selecione —
Sem vendedor (deixar órfão)
──────────
{opcoes.map(function(v) {
return {v.nome} · {v.grupo} ;
})}
{erro && (
{erro}
)}
Cancelar
{salvando
? <>
);
}
// ════════════════════════════════════════════════════════════
// CARD — Vendedor (com avatar, barra proporcional, contagem)
// ════════════════════════════════════════════════════════════
function VendedorCard({ vendedor, qtd, maxQtd, selecionado, onClick }) {
var pct = maxQtd > 0 ? (qtd / maxQtd) * 100 : 0;
return (
{iniciaisDe(vendedor.nome)}
{vendedor.nome}
{vendedor.grupo}{!vendedor.ativoNaWhitelist ? ' · inativo' : ''}
{qtd.toLocaleString('pt-BR')}
{qtd === 1 ? 'cliente' : 'clientes'}
{/* Barra proporcional */}
);
}
// ════════════════════════════════════════════════════════════
// CARD — "Sem vendedor" (órfãos)
// ════════════════════════════════════════════════════════════
function SemVendedorCard({ qtd, selecionado, onClick }) {
return (
Sem vendedor
precisa atribuição
{qtd.toLocaleString('pt-BR')}
órfão{qtd === 1 ? '' : 's'}
);
}
// ════════════════════════════════════════════════════════════
// LISTA — Clientes do vendedor selecionado (com filtros + paginação)
// ════════════════════════════════════════════════════════════
function ListaClientesCarteira({ vendedor, clientes, onTransferir, onBack, onOpenCliente }) {
const [search, setSearch] = useCartState("");
const [ufFilter, setUfFilter] = useCartState("");
const [page, setPage] = useCartState(1);
useCartEffect(() => { setPage(1); }, [search, ufFilter, vendedor && vendedor.email]);
useCartEffect(() => {
try { window.lucide && window.lucide.createIcons({ attrs: { 'stroke-width': 1.75 } }); } catch (e) {}
});
// Opções de UF derivadas da carteira do vendedor (não da base toda)
const ufOptions = useCartMemo(function() {
var set = {};
clientes.forEach(function(c) {
var u = (c.uf || '').toUpperCase().slice(0, 2);
if (u) set[u] = (set[u] || 0) + 1;
});
return Object.keys(set).sort().map(function(k) { return { uf: k, n: set[k] }; });
}, [clientes]);
// Filtragem
const filtered = clientes
.filter(function(c) { return !ufFilter || (c.uf || '').toUpperCase().slice(0, 2) === ufFilter; })
.filter(function(c) {
if (!search.trim()) return true;
var s = search.toLowerCase();
return (
(c.razao || '').toLowerCase().includes(s) ||
(c.cidade || '').toLowerCase().includes(s) ||
(c.cnpj || '').includes(s) ||
(c.cpf || '').includes(s) ||
(c.segmento || '').toLowerCase().includes(s)
);
});
const visiveis = filtered.slice(0, page * PAGE_SIZE_CARTEIRA);
const temMais = visiveis.length < filtered.length;
return (
{/* Header */}
{vendedor.email === SEM_VENDEDOR_ID
?
{vendedor.nome}
{clientes.length.toLocaleString('pt-BR')} {clientes.length === 1 ? 'cliente na carteira' : 'clientes na carteira'}
{vendedor.grupo ? ' · ' + vendedor.grupo : ''}
{/* Filtros */}
{/* Tabela */}
{clientes.length === 0 ? (
) : filtered.length === 0 ? (
Nenhum cliente encontrado
Limpar filtros
) : (
<>
Razão social
Cidade/UF
Segmento
Vol. anual
Status
Ações
{visiveis.map(function(c) {
return (
{c.razao}
{c.cnpj || c.cpf || '—'}
{c.cidade ? c.cidade + (c.uf ? '/' + c.uf : '') : (c.uf || '—')}
{c.segmento || '—'}
{fR(c.volume_anual)}
);
})}
{(temMais || filtered.length > PAGE_SIZE_CARTEIRA) && (
Mostrando {visiveis.length.toLocaleString('pt-BR')} de {filtered.length.toLocaleString('pt-BR')} {filtered.length === 1 ? 'cliente' : 'clientes'}
{temMais && (
)}
)}
)}
' + uf + '
Sem clientes
';
var ranked = emails.sort(function(a, b) { return m[b] - m[a]; }).slice(0, 5);
var html = '' + (UF_NOMES[uf] || uf) + ' — ' + total + ' cliente' + (total > 1 ? 's' : '') + '
';
ranked.forEach(function(email) {
var v = vendedoresInfo[email];
var nome = v ? v.nome : email;
var pct = Math.round(m[email] / total * 100);
var cor = v ? v.cor : '#9ca3af';
html += ''
+ '' + nome + ': ' + m[email] + ' (' + pct + '%)
';
});
var sobra = emails.length - ranked.length;
if (sobra > 0) html += '+ ' + sobra + ' vendedor' + (sobra > 1 ? 'es' : '') + '
';
html += 'Clique para ver clientes
';
return html;
}
// ── Carrega GeoJSON Brasil + municipios.json (com cache) ─
useCartEffect(function() {
var cancel = false;
if (typeof window.L === 'undefined') {
setStatus('error');
setStatusMsg('Leaflet não carregou. Recarregue a página.');
return;
}
setStatus('loading');
function tryCache(key) {
try { var raw = localStorage.getItem(key); if (raw) return JSON.parse(raw); } catch (e) {}
return null;
}
function setCache(key, data) {
try { localStorage.setItem(key, JSON.stringify(data)); } catch (e) { /* quota? */ }
}
var cachedGeo = tryCache(CACHE_KEY_GEO);
var cachedMun = tryCache(CACHE_KEY_MUN);
var pGeo = cachedGeo
? Promise.resolve(cachedGeo)
: fetch(BRASIL_GEOJSON_URL).then(function(r) { return r.json(); }).then(function(d) { setCache(CACHE_KEY_GEO, d); return d; });
var pMun = cachedMun
? Promise.resolve(cachedMun)
: fetch(MUNICIPIOS_JSON_URL).then(function(r) { return r.json(); }).then(function(d) { setCache(CACHE_KEY_MUN, d); return d; });
Promise.all([pGeo, pMun]).then(function(arr) {
if (cancel) return;
setGeoBrasil(arr[0]);
setMunicipios(arr[1]);
setStatus('ready');
}).catch(function(e) {
if (cancel) return;
console.error('[MapaCarteiras] erro ao carregar dados:', e);
setStatus('error');
setStatusMsg('Erro ao carregar dados do mapa: ' + (e.message || e));
});
return function() { cancel = true; };
}, []);
// ── Inicializa o mapa Leaflet quando dados prontos ─────
useCartEffect(function() {
if (status !== 'ready' || mapRef.current || !containerRef.current) return;
var L = window.L;
var map = L.map(containerRef.current, {
center: [-15.78, -52.92],
zoom: 4,
minZoom: 3,
zoomControl: true,
});
L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
attribution: '© OpenStreetMap, © CARTO',
subdomains: 'abcd',
maxZoom: 19,
}).addTo(map);
mapRef.current = map;
// Força recalculo de tamanho (Leaflet às vezes nasce com 0 de altura)
setTimeout(function() { try { map.invalidateSize(); } catch (e) {} }, 100);
}, [status]);
// ── Renderiza polígonos OU markers conforme drillDown ──
useCartEffect(function() {
if (status !== 'ready' || !mapRef.current) return;
var L = window.L;
var map = mapRef.current;
// Limpa camadas existentes
if (polygonsLayerRef.current) { map.removeLayer(polygonsLayerRef.current); polygonsLayerRef.current = null; }
if (markersLayerRef.current) { map.removeLayer(markersLayerRef.current); markersLayerRef.current = null; }
if (!drillDown) {
// ── Modo Brasil: renderiza polígonos dos estados ────
if (!geoBrasil) return;
var layer = L.geoJSON(geoBrasil, {
style: function(feature) {
var uf = NOMES_UF[feature.properties.name] || '';
return {
fillColor: corDoEstado(uf),
fillOpacity: 0.72,
weight: 1.2,
color: '#fff',
};
},
onEachFeature: function(feature, lyr) {
var uf = NOMES_UF[feature.properties.name] || feature.properties.name;
lyr.bindTooltip(tooltipDoEstado(uf), { sticky: true, direction: 'top' });
lyr.on('mouseover', function(e) { e.target.setStyle({ fillOpacity: 0.92, weight: 2 }); });
lyr.on('mouseout', function(e) { e.target.setStyle({ fillOpacity: 0.72, weight: 1.2 }); });
lyr.on('click', function() { setDrillDown(uf); });
},
}).addTo(map);
polygonsLayerRef.current = layer;
try { map.fitBounds(layer.getBounds(), { padding: [10, 10] }); } catch (e) {}
} else {
// ── Modo drill-down: markers por município ─────────
if (!municipios) return;
var cluster = L.markerClusterGroup({
maxClusterRadius: 50,
spiderfyOnMaxZoom: true,
showCoverageOnHover: false,
});
var clientesUF = clientesFiltrados.filter(function(c) { return (c.uf || '').toUpperCase().slice(0, 2) === drillDown; });
var semCoord = 0;
clientesUF.forEach(function(c) {
var cidade = (c.cidade || '').trim();
if (!cidade) { semCoord++; return; }
var coords = municipios[cidade + '|' + drillDown];
if (!coords) {
// Fallback: tenta normalizando acentos
var semAcento = cidade.normalize('NFD').replace(/[̀-ͯ]/g, '');
coords = municipios[semAcento + '|' + drillDown];
}
if (!coords) { semCoord++; return; }
var v = ((c.vendedor_id || c.proprietario || '') + '').toLowerCase().trim();
var info = v ? vendedoresInfo[v] : null;
var cor = info ? info.cor : (v ? '#9ca3af' : '#e5a700');
var icon = L.divIcon({
className: 'bauko-mapa-marker',
html: '
',
iconSize: [14, 14],
iconAnchor: [7, 7],
});
var marker = L.marker(coords, { icon: icon });
marker.bindTooltip(
'' + _escHtml(c.razao || '(sem razão)') + '
'
+ '' + _escHtml(cidade) + '/' + _escHtml(drillDown) + '
'
+ 'Vendedor: ' + _escHtml(info ? info.nome : (v || 'sem atribuição')) + '
',
{ direction: 'top' }
);
cluster.addLayer(marker);
});
cluster.addTo(map);
markersLayerRef.current = cluster;
try {
var bounds = cluster.getBounds();
if (bounds.isValid()) map.fitBounds(bounds, { padding: [40, 40] });
} catch (e) {}
if (semCoord > 0) {
console.warn('[MapaCarteiras] ' + semCoord + ' clientes em ' + drillDown + ' sem coordenadas (cidade nao encontrada nos centroides IBGE)');
}
}
}, [status, geoBrasil, municipios, clientesFiltrados, drillDown, vendedoresInfo]);
// -- Cleanup ao unmount --
useCartEffect(function() {
return function() {
if (mapRef.current) {
try { mapRef.current.remove(); } catch (e) {}
mapRef.current = null;
}
};
}, []);
// -- Legenda: top vendedores (geral ou da UF em drill-down) --
const topVendedores = useCartMemo(function() {
var fonte = drillDown
? clientesFiltrados.filter(function(c) { return (c.uf || '').toUpperCase().slice(0, 2) === drillDown; })
: clientesFiltrados;
var totais = {};
fonte.forEach(function(c) {
var v = ((c.vendedor_id || c.proprietario || '') + '').toLowerCase().trim();
if (v) totais[v] = (totais[v] || 0) + 1;
});
return Object.keys(totais)
.map(function(email) { return { email: email, qtd: totais[email], info: vendedoresInfo[email] }; })
.sort(function(a, b) { return b.qtd - a.qtd; })
.slice(0, 10);
}, [clientesFiltrados, vendedoresInfo, drillDown]);
useCartEffect(function() {
try { window.lucide && window.lucide.createIcons({ attrs: { 'stroke-width': 1.75 } }); } catch (e) {}
});
var totalNoMapa = drillDown
? clientesFiltrados.filter(function(c) { return (c.uf || '').toUpperCase().slice(0, 2) === drillDown; }).length
: clientesFiltrados.length;
return (
{drillDown ? (UF_NOMES[drillDown] || drillDown) : 'Brasil — distribuicao por estado'}
{drillDown && (
)}
Vendedor:
Todos ({clientes.length.toLocaleString('pt-BR')})
{vendedoresOptions.map(function(v) {
return (
{v.nome} · {v.qtd}
);
})}
{filtroVendedor && (
✕
)}
{totalNoMapa.toLocaleString('pt-BR')} {totalNoMapa === 1 ? 'cliente' : 'clientes'}
{status === 'loading' && (
)}
{status === 'error' && (
{statusMsg || 'Erro ao carregar o mapa'}
)}
{drillDown ? 'Top vendedores no estado' : 'Top vendedores no Brasil'}
{topVendedores.length === 0 ? (
—
) : topVendedores.map(function(t) {
return (
{t.info ? t.info.nome : t.email.split('@')[0]}
· {t.qtd}
);
})}
);
}
// ============================================================
// COMPONENTE PRINCIPAL -- Carteiras
// ============================================================
function Carteiras({ onNav }) {
// Permissão por papel: comercial vê só a própria carteira; BDR/Admin/Gerência veem todas.
// (Lista, Mapa e Território — todas as 3 views consomem o mesmo `clientes` filtrado.)
const _podeVerTodas = !!(window.CRM_USER && window.CRM_USER.podeVerOpAlheia);
const _meuEmailC = (window.CRM_USER && window.CRM_USER.email) || '';
const _meuIdC = (window.CRM_USER && window.CRM_USER.userId) || null;
function _filtrarPorCarteira(arr) {
if (_podeVerTodas) return arr || [];
return (arr || []).filter(function(c) {
var vid = (c.vendedor_id || c.proprietario || '');
return vid === _meuIdC || (vid && vid.toLowerCase && vid.toLowerCase() === _meuEmailC);
});
}
const [clientes, setClientes] = useCartState(function() { return _filtrarPorCarteira(CRM_DATA.clientes); });
const [selecionado, setSelecionado] = useCartState(null);
const [transferModal, setTransferModal] = useCartState(null);
const [view, setView] = useCartState('lista');
useCartEffect(function() {
if (clientes.length === 0 && CRM_DATA.clientes && CRM_DATA.clientes.length > 0) {
setClientes(_filtrarPorCarteira(CRM_DATA.clientes));
}
}, [CRM_DATA.clientes && CRM_DATA.clientes.length]);
useCartEffect(function() {
try { window.lucide && window.lucide.createIcons({ attrs: { 'stroke-width': 1.75 } }); } catch (e) {}
});
const grupos = useCartMemo(function() {
var map = {};
var semVend = [];
clientes.forEach(function(c) {
var v = getClienteVendedor(c).toLowerCase();
if (!v) { semVend.push(c); }
else {
if (!map[v]) map[v] = [];
map[v].push(c);
}
});
return { map: map, semVend: semVend };
}, [clientes]);
const vendedoresInfo = useCartMemo(getVendedoresAtivosByEmail, []);
const cards = useCartMemo(function() {
var arr = Object.keys(grupos.map).map(function(email) {
var info = vendedoresInfo[email];
return {
email: email,
nome: info ? info.nome : email,
cor: info ? info.cor : 'var(--tx-3)',
grupo: info ? info.grupo : 'inativo',
ativoNaWhitelist: !!info,
qtd: grupos.map[email].length,
};
});
arr.sort(function(a, b) { return b.qtd - a.qtd; });
return arr;
}, [grupos, vendedoresInfo]);
const totalClientes = clientes.length;
const totalComVend = totalClientes - grupos.semVend.length;
const totalSemVend = grupos.semVend.length;
const numVendedoresAtivos = cards.length;
const maxQtd = cards.length ? cards[0].qtd : 0;
const maiorCarteira = cards.length ? cards[0] : null;
var vendedorInfoSelecionado = null;
var clientesSelecionados = [];
if (selecionado === SEM_VENDEDOR_ID) {
vendedorInfoSelecionado = {
email: SEM_VENDEDOR_ID, nome: 'Sem vendedor',
cor: 'var(--warn)', grupo: 'orfaos', ativoNaWhitelist: true,
};
clientesSelecionados = grupos.semVend;
} else if (selecionado) {
var info = vendedoresInfo[selecionado.toLowerCase()];
vendedorInfoSelecionado = {
email: selecionado,
nome: info ? info.nome : selecionado,
cor: info ? info.cor : 'var(--tx-3)',
grupo: info ? info.grupo : 'inativo',
ativoNaWhitelist: !!info,
};
clientesSelecionados = grupos.map[selecionado.toLowerCase()] || [];
}
const vendedoresDisp = useCartMemo(getVendedoresParaTransferir, []);
async function handleTransferir(cliente, novoVendedorEmail) {
if (!cliente) return;
if (!cliente._spId) {
window.CRM_TOAST && window.CRM_TOAST('Cliente sem _spId -- recarregue a pagina', 'error');
return;
}
var emailNorm = (novoVendedorEmail || '').toLowerCase().trim();
try {
await CRM_API.updateItem('Clientes', cliente._spId, { vendedor_id: emailNorm });
var idx = CRM_DATA.clientes.findIndex(function(c) { return c.id === cliente.id; });
if (idx >= 0) {
CRM_DATA.clientes[idx] = Object.assign({}, CRM_DATA.clientes[idx], { vendedor_id: emailNorm });
}
setClientes(_filtrarPorCarteira(CRM_DATA.clientes));
setTransferModal(null);
var msg = emailNorm
? 'Cliente transferido para ' + (vendedoresInfo[emailNorm] ? vendedoresInfo[emailNorm].nome : emailNorm)
: 'Cliente desatribuido';
window.CRM_TOAST && window.CRM_TOAST(msg, 'ok');
} catch (e) {
console.error('[Carteiras] erro transferir:', e);
window.CRM_TOAST && window.CRM_TOAST('Erro ao transferir: ' + (e.message || e), 'error');
throw e;
}
}
function abrirClienteNoSCRM(clienteId) {
if (!onNav) return;
onNav('clientes');
setTimeout(function() {
try { window.dispatchEvent(new CustomEvent('crm_open_cliente', { detail: { id: clienteId } })); } catch (e) {}
}, 100);
}
return (
Total na base
{totalClientes.toLocaleString('pt-BR')}
{totalComVend.toLocaleString('pt-BR')} com vendedor
Sem vendedor
0 ? 'var(--warn)' : 'var(--tx)' }}>
{totalSemVend.toLocaleString('pt-BR')}
{totalSemVend > 0 ? 'precisam atribuicao' : 'todos atribuidos'}
Vendedores com carteira
{numVendedoresAtivos.toLocaleString('pt-BR')}
de {vendedoresDisp.length} ativos
Maior carteira
{maiorCarteira ? (
<>
{maiorCarteira.qtd.toLocaleString('pt-BR')}
{maiorCarteira.nome}
) : (
<>
—
nenhum cliente atribuido
)}
{view === 'mapa' && (
)}
{view === 'territorio' && (
typeof window.MapaTerritorial === 'function'
?
:
)}
{view === 'lista' && (
<>
Carteiras por vendedor
{numVendedoresAtivos + (totalSemVend > 0 ? 1 : 0)} {numVendedoresAtivos === 0 && totalSemVend === 0 ? 'sem dados' : 'cards'}
{numVendedoresAtivos === 0 && totalSemVend === 0 ? (
Nenhuma carteira definida ainda
Atribua vendedor aos clientes pela tela Clientes -> Editar.
) : (
{totalSemVend > 0 && (
)}
{selecionado && vendedorInfoSelecionado && (
)}
)}
{transferModal && (
)}
);
}
window.Carteiras = Carteiras;