{groups.map(function(entry) {
var day = entry[0]; var evts = entry[1];
var d = new Date(day + "T00:00:00");
var head = d.toLocaleDateString("pt-BR",{ weekday:"long", day:"2-digit", month:"long" });
return (
{head}
{evts.map(function(e){
return ;
})}
);
})}
)}
{/* ── Modal edição ─────────────────────────────── */}
{/* Tipo grid */}
{TIPO_TIPOS.map(function(t, i){
return (
{TIPO_LABEL[t]}
);
})}
{/* Título */}
{/* Data + Duração */}
{/* Local */}
{/* Oportunidade — só aparece se o cliente do evento tem oportunidades */}
{opsDoEvt.length > 0 && (
)}
{/* Vendedor */}
{usuarios.length > 1 && (
)}
{/* Status Outlook */}
{editEvt && (function(){
var synced = _agHasOutlook(editEvt.id);
return (
{synced
? "Sincronizado com o Outlook · lembrete 30 min antes"
: "Ao salvar, um evento será criado no Outlook com lembrete de 30 min."}
);
})()}
{/* Rodapé */}
{editEvt && editEvt.origem === 'planejador' ? (
Para cancelar, use a opção na lista da agenda.
) : (
)}
{editEvt && (eOpId || editEvt.op_id) && (
)}
);
}
// ── JustificativaModal ───────────────────────────────────────────────────────
function JustificativaModal({ open, onClose, evt, onSalvo }) {
var [cat, setCat] = useAgState('');
var [desc, setDesc] = useAgState('');
var [saving, setSaving] = useAgState(false);
function _fechar() { setCat(''); setDesc(''); setSaving(false); onClose(); }
async function _salvar() {
if (!cat) { window.CRM_TOAST('Selecione uma justificativa.', 'warn'); return; }
if (cat === 'outros' && !desc.trim()) { window.CRM_TOAST('Descreva o motivo em "Outros".', 'warn'); return; }
setSaving(true);
try {
var campos = {
status_visita: 'cancelada',
justificativa_categoria: cat,
justificativa_descricao: desc.trim() || '',
};
Object.assign(evt, campos);
if (typeof CRM_API !== 'undefined' && evt._spId) {
await CRM_API.updateItem('Agenda', evt._spId, campos);
}
_fechar();
if (typeof onSalvo === 'function') onSalvo();
} catch(e) {
window.CRM_TOAST('Erro: ' + e.message, 'error');
setSaving(false);
}
}
if (!open || !evt) return null;
return (
{JUSTIF_CANCELAR.map(function(j) {
var sel = cat === j.cat;
return (
);
})}
{cat === 'outros' && (
)}
);
}
// ── PlanejadorSemana ────────────────────────────────────────────────────────
var CLASSE_BADGE_STYLE = {
'Grande conta': { bg:'#fff3cd', color:'#7a5800', border:'#f4a300' },
'A': { bg:'#d4edda', color:'#155724', border:'#28a745' },
'B': { bg:'#cce5ff', color:'#004085', border:'#3370b7' },
'C': { bg:'#e2e3e5', color:'#383d41', border:'#999' },
'D': { bg:'#f8d7da', color:'#721c24', border:'#e07070' },
};
var PLANNER_SLOTS = [
{ label:'09h–11h', hora:9 },
{ label:'14h–16h', hora:14 },
];
var DIAS_SEMANA = ['Seg','Ter','Qua','Qui','Sex'];
function _planejadorScore(cli, hoje, semIni, semFim) {
var score = 0, motivo = '';
if (cli.proxima_visita) {
var prox = new Date(cli.proxima_visita);
if (prox < hoje) {
var d = Math.round((hoje - prox) / 864e5);
score += 100;
motivo = 'Vencida há ' + d + ' dia' + (d > 1 ? 's' : '');
} else if (prox >= semIni && prox <= semFim) {
score += 50;
motivo = 'Prevista esta semana';
}
}
var cs = {'Grande conta':40,'A':30,'B':20,'C':10,'D':5};
score += cs[cli.classe] || 0;
if (cli.ultima_visita) {
var dias = Math.round((hoje - new Date(cli.ultima_visita)) / 864e5);
score += Math.min(dias, 30);
if (!motivo) motivo = 'Última há ' + dias + 'd';
} else {
score += 30;
if (!motivo) motivo = 'Sem visita registrada';
}
return { score: score, motivo: motivo };
}
function _semanaIni(offset) {
var d = new Date();
d.setHours(0, 0, 0, 0);
d.setDate(d.getDate() - ((d.getDay() + 6) % 7) + offset * 7);
return d;
}
function _semLabel(ini) {
var fim = new Date(ini); fim.setDate(fim.getDate() + 4);
var fmt = function(dd) { return dd.toLocaleDateString('pt-BR', { day:'2-digit', month:'2-digit' }); };
return fmt(ini) + ' – ' + fmt(fim);
}
function ClasseBadge({ classe }) {
var s = CLASSE_BADGE_STYLE[classe];
if (!s) return null;
return (
{classe}
);
}
function PlanejadorSemana({ open, onClose, onFinalizado }) {
// ── fases: config | preview | salvando
var [fase, setFase] = useAgState('config');
var [semOffset, setSemOffset] = useAgState(1);
var [diasSel, setDiasSel] = useAgState([0,1,2,3,4]); // índices 0-4 = Seg-Sex
var [munisBusca, setMunisBusca] = useAgState('');
var [munisSel, setMunisSel] = useAgState([]);
var [ufSel, setUfSel] = useAgState(''); // '' = todas; senão filtra municípios por UF
var [segSel, setSegSel] = useAgState('');
// preview
var [grid, setGrid] = useAgState(null); // {diaIdx: [cli|null, cli|null, cli|null, cli|null]}
var [reserva, setReserva] = useAgState([]);
var [subst, setSubst] = useAgState(null); // {diaIdx, slotIdx} | null
// salvando
var [progTotal, setProgTotal] = useAgState(0);
var [progDone, setProgDone] = useAgState(0);
// derivados — hooks ANTES do early return (Rules of Hooks)
var hoje = new Date(); hoje.setHours(0,0,0,0);
var semIni = _semanaIni(semOffset);
var semFim = new Date(semIni); semFim.setDate(semFim.getDate() + 4); semFim.setHours(23,59,59,999);
// Identidade efetiva (centralizada em CRM_USER, reativa a "Visualizar como")
var _emailLogado = (window.CRM_USER && window.CRM_USER.email) || '';
var userLogado = (CRM_DATA.usuarios || []).find(function(u) {
return u.email && _emailLogado && u.email.toLowerCase() === _emailLogado;
}) || (CRM_DATA.usuarios || [])[0] || { id:'', email:'' };
var userEmail = userLogado.email || userLogado.id || '';
var isGerente = !!(window.CRM_USER && window.CRM_USER.isGerente);
// Re-inicializa ícones Lucide quando a fase muda (modal montado dinamicamente)
useAgEffect(function() {
if (typeof lucide !== 'undefined') lucide.createIcons();
}, [fase, open]);
var clientes = CRM_DATA.clientes || [];
var agendaArr = CRM_DATA.agenda || [];
// municípios disponíveis agrupados por UF + contagem (gerente vê todos)
var munisDisp = useAgMemo(function() {
var map = {}; // { UF: { cidade: count } }
clientes.forEach(function(c) {
if (c.status === 'inativo') return;
if (!isGerente && c.vendedor_id !== userEmail && c.vendedor_id !== userLogado.id) return;
if (!c.cidade) return;
var uf = (c.uf || 'N/A').toUpperCase();
if (!map[uf]) map[uf] = {};
map[uf][c.cidade] = (map[uf][c.cidade] || 0) + 1;
});
return Object.keys(map).sort().map(function(uf) {
return {
uf: uf,
cidades: Object.keys(map[uf]).sort().map(function(cidade) {
return { cidade: cidade, count: map[uf][cidade] };
}),
};
});
}, [clientes, userEmail, isGerente]);
var munisFiltrados = useAgMemo(function() {
var base = ufSel ? munisDisp.filter(function(g) { return g.uf === ufSel; }) : munisDisp;
if (!munisBusca.trim()) return base;
var q = munisBusca.toLowerCase();
return base.map(function(g) {
return { uf: g.uf, cidades: g.cidades.filter(function(c) { return c.cidade.toLowerCase().indexOf(q) !== -1; }) };
}).filter(function(g) { return g.cidades.length > 0; });
}, [munisDisp, munisBusca, ufSel]);
// segmentos disponíveis
var segsDisp = useAgMemo(function() {
var set = new Set();
clientes.forEach(function(c) {
if (c.segmento) set.add(c.segmento);
});
return Array.from(set).sort();
}, [clientes]);
if (!open) return null;
// eventos existentes por dia da semana
function _evtsDoDia(diaIdx) {
var dia = new Date(semIni); dia.setDate(dia.getDate() + diaIdx);
var key = dia.toISOString().slice(0,10);
return agendaArr.filter(function(e) { return (e.data||'').slice(0,10) === key; });
}
// ── Reset ao fechar ──────────────────────────────────────────────────────
function _fechar() {
setFase('config');
setSemOffset(1);
setDiasSel([0,1,2,3,4]);
setMunisBusca('');
setMunisSel([]);
setUfSel('');
setSegSel('');
setGrid(null);
setReserva([]);
setSubst(null);
setProgTotal(0);
setProgDone(0);
onClose();
}
// ── Toggle dia ───────────────────────────────────────────────────────────
function _toggleDia(idx) {
setDiasSel(function(prev) {
return prev.indexOf(idx) === -1
? prev.concat([idx]).sort()
: prev.filter(function(x) { return x !== idx; });
});
}
// ── Toggle município ─────────────────────────────────────────────────────
function _toggleMuni(m) {
setMunisSel(function(prev) {
return prev.indexOf(m) === -1
? prev.concat([m])
: prev.filter(function(x) { return x !== m; });
});
}
// ── Gerar sugestão ───────────────────────────────────────────────────────
function _gerarSugestao() {
if (diasSel.length === 0) { window.CRM_TOAST('Selecione ao menos um dia.', 'warn'); return; }
if (munisSel.length === 0) { window.CRM_TOAST('Selecione ao menos um município.', 'warn'); return; }
// candidatos
var candidatos = clientes.filter(function(c) {
if (c.status === 'inativo') return false;
if (!isGerente && c.vendedor_id !== userEmail && c.vendedor_id !== userLogado.id) return false;
if (!c.cidade || munisSel.indexOf(c.cidade) === -1) return false;
if (segSel && c.segmento !== segSel) return false;
return true;
}).map(function(c) {
var r = _planejadorScore(c, hoje, semIni, semFim);
return { cli:c, score:r.score, motivo:r.motivo };
}).sort(function(a, b) { return b.score - a.score; });
var totalSlots = diasSel.length * PLANNER_SLOTS.length;
var alocados = candidatos.slice(0, totalSlots);
var reservaArr = candidatos.slice(totalSlots).map(function(x) { return x; });
// montar grid: diaIdx -> [slot0, slot1, slot2, slot3]
var gridObj = {};
var cursor = 0;
diasSel.forEach(function(diaIdx) {
gridObj[diaIdx] = PLANNER_SLOTS.map(function() {
return cursor < alocados.length ? alocados[cursor++] : null;
});
});
setGrid(gridObj);
setReserva(reservaArr);
setSubst(null);
setFase('preview');
}
// ── Remover célula (vai para reserva) ───────────────────────────────────
function _removerCelula(diaIdx, slotIdx) {
setGrid(function(prev) {
var copia = Object.assign({}, prev);
var arr = copia[diaIdx].slice();
var removido = arr[slotIdx];
arr[slotIdx] = null;
copia[diaIdx] = arr;
if (removido) setReserva(function(r) { return r.concat([removido]); });
return copia;
});
setSubst(null);
}
// ── Substituir célula por item da reserva ────────────────────────────────
function _substituir(diaIdx, slotIdx, itemReserva) {
setGrid(function(prev) {
var copia = Object.assign({}, prev);
var arr = copia[diaIdx].slice();
var antigo = arr[slotIdx];
arr[slotIdx] = itemReserva;
copia[diaIdx] = arr;
if (antigo) setReserva(function(r) { return r.concat([antigo]); });
return copia;
});
setReserva(function(r) { return r.filter(function(x) { return x !== itemReserva; }); });
setSubst(null);
}
// ── Contar visitas no grid ───────────────────────────────────────────────
function _contarVisitas() {
if (!grid) return { total:0, dias:0 };
var total = 0, dias = 0;
diasSel.forEach(function(diaIdx) {
var slots = grid[diaIdx] || [];
var nDia = slots.filter(Boolean).length;
if (nDia > 0) { total += nDia; dias++; }
});
return { total:total, dias:dias };
}
// ── Finalizar agenda (save loop) ─────────────────────────────────────────
async function _finalizar() {
if (!grid) return;
var itens = [];
diasSel.forEach(function(diaIdx) {
var dia = new Date(semIni); dia.setDate(dia.getDate() + diaIdx);
(grid[diaIdx] || []).forEach(function(item, slotIdx) {
if (!item) return;
var slot = PLANNER_SLOTS[slotIdx];
var dataEvt = new Date(dia);
dataEvt.setHours(slot.hora, 0, 0, 0);
itens.push({ item:item, dataEvt:dataEvt });
});
});
if (itens.length === 0) { window.CRM_TOAST('Nenhuma visita para agendar.', 'warn'); return; }
setProgTotal(itens.length);
setProgDone(0);
setFase('salvando');
var vendId = userLogado.id || userEmail;
for (var i = 0; i < itens.length; i++) {
var entry = itens[i];
var cli = entry.item.cli;
var ag = {
id: 'AG-' + Date.now() + '-' + i,
tipo: 'visita',
titulo: 'Visita · ' + (cli.razao || cli.id),
cliente_id: cli.id,
op_id: '',
vendedor_id: vendId,
data: entry.dataEvt.toISOString(),
duracao: '2h',
local: cli.cidade || '',
origem: 'planejador',
};
try {
await CRM_API.addItem('Agenda', ag);
} catch(e) {
console.warn('[Planejador] addItem:', e.message);
}
CRM_DATA.agenda.push(ag);
try {
await CRM_API.criarEventoOutlook(ag);
} catch(e) {
console.warn('[Planejador] outlook:', e.message);
}
setProgDone(i + 1);
}
if (typeof window.showCrmToast === 'function') {
window.showCrmToast(itens.length + ' visita(s) agendada(s) com sucesso', 'ok');
}
onFinalizado && onFinalizado();
_fechar();
}
// ────────────────────────────────────────────────────────────────────────
// RENDER
// ────────────────────────────────────────────────────────────────────────
// ── FASE SALVANDO ────────────────────────────────────────────────────────
if (fase === 'salvando') {
var pct = progTotal > 0 ? Math.round((progDone / progTotal) * 100) : 0;
return (
Criando evento {progDone} de {progTotal}...
{pct}%
);
}
// ── FASE PREVIEW ─────────────────────────────────────────────────────────
if (fase === 'preview') {
var cv = _contarVisitas();
return (
{diasSel.map(function(diaIdx) {
var dia = new Date(semIni); dia.setDate(dia.getDate() + diaIdx);
return (