);
}
/* ── Datas (helpers próprios; nada em shared.jsx pra não acoplar) ─*/
function paraDataUTC(iso) {
const [y, m, d] = iso.split('-').map(Number);
return Date.UTC(y, m - 1, d);
}
function addDiasISO(iso, n) {
const [y, m, d] = iso.split('-').map(Number);
const dt = new Date(Date.UTC(y, m - 1, d));
dt.setUTCDate(dt.getUTCDate() + n);
return dt.toISOString().slice(0, 10);
}
function addMesesISO(iso, n) {
const [y, m, d] = iso.split('-').map(Number);
return new Date(Date.UTC(y, m - 1 + n, d)).toISOString().slice(0, 10);
}
function addAnosISO(iso, n) {
const [y, m, d] = iso.split('-').map(Number);
return new Date(Date.UTC(y + n, m - 1, d)).toISOString().slice(0, 10);
}
function diasEntreISO(a, b) { return Math.round((paraDataUTC(b) - paraDataUTC(a)) / 86400000); }
function hojeISO() { const d = new Date(); return `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}-${String(d.getDate()).padStart(2,'0')}`; }
// Expande UM evento (guardado como uma linha só) nas datas em que ele
// ocorre dentro da janela visível [janelaInicio, janelaFim]. Séries
// diárias/semanais pulam direto pra primeira ocorrência >= janelaInicio
// em vez de iterar dia a dia desde a criação — importante pra um evento
// diário criado há anos não travar ao abrir o mês atual.
function expandirOcorrencias(evento, janelaInicio, janelaFim) {
const datas = [];
if (evento.recorrencia === 'nenhuma') {
if (evento.data >= janelaInicio && evento.data <= janelaFim) datas.push(evento.data);
return datas;
}
const limite = (evento.recorrencia_ate && evento.recorrencia_ate < janelaFim) ? evento.recorrencia_ate : janelaFim;
if (evento.data > limite) return datas;
let cursor = evento.data;
if (evento.recorrencia === 'diaria' || evento.recorrencia === 'semanal') {
const passoDias = evento.recorrencia === 'diaria' ? 1 : 7;
if (cursor < janelaInicio) {
const saltos = Math.ceil(diasEntreISO(cursor, janelaInicio) / passoDias);
cursor = addDiasISO(cursor, saltos * passoDias);
}
let guard = 0;
while (cursor <= limite && guard < 400) {
if (cursor >= janelaInicio) datas.push(cursor);
cursor = addDiasISO(cursor, passoDias);
guard++;
}
} else {
const passo = evento.recorrencia === 'mensal' ? (d => addMesesISO(d, 1)) : (d => addAnosISO(d, 1));
let guard = 0;
while (cursor <= limite && guard < 1200) {
if (cursor >= janelaInicio) datas.push(cursor);
cursor = passo(cursor);
guard++;
}
}
return datas;
}
// Junta as séries (linhas-pai) com as exceções de ocorrência única e
// devolve uma lista pronta pra exibir no formato do crm_agenda_feed,
// dentro da janela do mês visível.
function gerarItensEventos(rawEventos, janelaInicio, janelaFim, categoriasPorId, membrosPorId) {
const pais = rawEventos.filter(e => !e.recorrencia_pai);
const excecoesPorChave = new Map();
rawEventos.filter(e => e.recorrencia_pai).forEach(e => {
excecoesPorChave.set(`${e.recorrencia_pai}|${e.recorrencia_data_original}`, e);
});
function paraFeedItem(row, dataExibida, extra) {
const cat = row.categoria_id ? categoriasPorId.get(row.categoria_id) : null;
const mem = row.responsavel_id ? membrosPorId.get(row.responsavel_id) : null;
// Evento de vários dias: a duração vem da linha original (data → data_fim)
// e é reaplicada a partir da data exibida — vale tanto pra ocorrência
// expandida de uma série quanto pra exceção de um dia só.
const duracaoDias = row.data_fim ? diasEntreISO(row.data, row.data_fim) : 0;
return {
fonte: 'evento', ref_id: row.id, titulo: row.titulo, subtitulo: row.local,
data: dataExibida, data_fim: duracaoDias > 0 ? addDiasISO(dataExibida, duracaoDias) : null,
hora: row.hora_inicio, concluido: !!row.concluido, valor: null,
categoria_id: row.categoria_id || null, categoria_nome: cat?.nome || null, categoria_cor: cat?.cor || null,
responsavel_id: row.responsavel_id || null, responsavel_nome: mem?.nome || null, responsavel_cor: mem?.cor || null,
studio_id: row.studio_id, _evento: row, ...extra,
};
}
const resultado = [];
pais.forEach(pai => {
const simples = pai.recorrencia === 'nenhuma';
expandirOcorrencias(pai, janelaInicio, janelaFim).forEach(d => {
const chave = `${pai.id}|${d}`;
const excecao = excecoesPorChave.get(chave);
if (excecao) {
excecoesPorChave.delete(chave);
if (excecao.cancelado || excecao.concluido) return;
if (excecao.data >= janelaInicio && excecao.data <= janelaFim) {
resultado.push(paraFeedItem(excecao, excecao.data, { _kind: 'excecao', _pai: pai, _ocorrenciaOriginal: d }));
}
return;
}
if (simples && pai.concluido) return;
resultado.push(paraFeedItem(pai, d, simples
? { _kind: 'simples' }
: { _kind: 'serie', _pai: pai, _ocorrenciaOriginal: d }));
});
});
// Sobras: exceções cuja data original não caiu nesta janela, mas cuja
// data NOVA (reagendada) cai — precisam aparecer no mês de destino.
excecoesPorChave.forEach(excecao => {
if (excecao.cancelado || excecao.concluido) return;
if (excecao.data >= janelaInicio && excecao.data <= janelaFim) {
const pai = pais.find(p => p.id === excecao.recorrencia_pai);
resultado.push(paraFeedItem(excecao, excecao.data, { _kind: 'excecao', _pai: pai, _ocorrenciaOriginal: excecao.recorrencia_data_original }));
}
});
return resultado;
}
function FiltroPill({ label, active, color, onClick }) {
return (
);
}
function SeletorSimples({ value, onChange, options }) {
return (
);
}
const inputStyle = {
width: '100%', boxSizing: 'border-box', padding: '8px 12px', borderRadius: 'var(--r-sm)',
background: 'var(--app-surface-2)', border: '1px solid var(--app-border)',
color: 'var(--text-1)', fontFamily: 'Roboto, sans-serif', fontSize: 'var(--fs-lg)', outline: 'none',
};
function Campo({ label, children }) {
return (
{label}
{children}
);
}
function SeletorCor({ value, onChange }) {
return (
{CORES.map(c => (
);
}
/* ── Chooser de escopo — série inteira x só este dia ─────────────*/
function EscopoChooser({ item, onEscolher, onClose }) {
useEscapeToClose(onClose);
return (
e.stopPropagation()}>
"{item.titulo}" se repete
O que você quer fazer com o dia {item.data?.split('-').reverse().join('/')}?
onEscolher('serie')}>Editar toda a série onEscolher('unico')}>Editar só este dia onEscolher('concluir')}>Marcar como concluído (só este dia) onEscolher('cancelar')}>Cancelar só este diaFechar
);
}
/* ── Modal de evento ──────────────────────────────────────────*/
function EventoModal({ modal, categorias, membros, onClose, onSaved, onDeleted }) {
useEscapeToClose(onClose);
const { escopo, item } = modal;
const [titulo, setTitulo] = useState(item?.titulo || '');
const [descricao, setDescricao] = useState(item?.descricao || '');
const [local, setLocal] = useState(item?.local || '');
const [data, setData] = useState(item?.data || hojeISO());
const [variosDias, setVariosDias] = useState(!!item?.data_fim);
const [dataFim, setDataFim] = useState(item?.data_fim || '');
const [diaInteiro, setDiaInteiro] = useState(item?.dia_inteiro || false);
const [horaInicio, setHoraInicio] = useState(item?.hora_inicio?.slice(0,5) || '');
const [horaFim, setHoraFim] = useState(item?.hora_fim?.slice(0,5) || '');
const [categoriaId, setCategoriaId] = useState(item?.categoria_id || '');
const [responsavelId, setResponsavelId] = useState(item?.responsavel_id || '');
const [recorrencia, setRecorrencia] = useState(item?.recorrencia || 'nenhuma');
const [recorrenciaAte, setRecorrenciaAte] = useState(item?.recorrencia_ate || '');
const [salvando, setSalvando] = useState(false);
const [erro, setErro] = useState('');
const categoriasEvento = categorias.filter(c => c.aplica_em === 'ambos' || c.aplica_em === 'evento');
const mostraRecorrencia = escopo !== 'unico' && escopo !== 'unico-novo';
const podeExcluir = escopo === 'serie' || escopo === 'unico' || !escopo;
async function salvar() {
if (!titulo.trim()) { setErro('Dê um título.'); return; }
if (!data) { setErro('Escolha uma data.'); return; }
if (variosDias && !dataFim) { setErro('Escolha a data final.'); return; }
if (variosDias && dataFim < data) { setErro('A data final não pode ser antes da data inicial.'); return; }
setSalvando(true); setErro('');
try {
const payload = {
titulo: titulo.trim(), descricao: descricao.trim() || null, local: local.trim() || null,
data, data_fim: variosDias ? dataFim : null, dia_inteiro: diaInteiro,
hora_inicio: diaInteiro ? null : (horaInicio || null),
hora_fim: diaInteiro ? null : (horaFim || null),
categoria_id: categoriaId || null,
responsavel_id: responsavelId || null,
};
if (mostraRecorrencia) {
payload.recorrencia = recorrencia;
payload.recorrencia_ate = recorrencia === 'nenhuma' ? null : (recorrenciaAte || null);
}
if (escopo === 'unico-novo') {
payload.recorrencia = 'nenhuma';
payload.recorrencia_ate = null;
payload.recorrencia_pai = modal.pai.id;
payload.recorrencia_data_original = modal.ocorrenciaOriginal;
const { error } = await window.db.from('crm_agenda_events').insert(payload);
if (error) throw error;
} else if (item?.id) {
const { error } = await window.db.from('crm_agenda_events').update(payload).eq('id', item.id);
if (error) throw error;
} else {
const { error } = await window.db.from('crm_agenda_events').insert(payload);
if (error) throw error;
}
onSaved();
} catch (e) {
setErro(e.message || String(e));
} finally {
setSalvando(false);
}
}
async function excluir() {
const msg = escopo === 'serie'
? `Excluir "${titulo}" apaga toda a série (e qualquer dia editado separadamente dela). Confirma?`
: `Excluir "${titulo}"?`;
if (!confirm(msg)) return;
await window.db.from('crm_agenda_events').delete().eq('id', item.id);
onDeleted();
}
// Marca este evento como feito — some da grade sem apagar o registro.
// Não se aplica ao editar a série inteira (escopo 'serie'): pra série
// recorrente, o check por ocorrência fica no EscopoChooser.
async function concluir() {
await window.db.from('crm_agenda_events').update({ concluido: true }).eq('id', item.id);
onSaved();
}
return (