/* ANISAN — Despesas fixas. Espelha "Compras / pagamentos do dia": cadastrar modelo de despesa fixa + lançar, mas com lançamento AUTOMÁTICO todo mês. As instâncias lançadas são um snapshot por mês — excluir um modelo não altera meses anteriores já materializados. */ function DespesasFixas({ unit }) { const store = window.useStore(); const D = window.ANISAN_DATA; const data = store.data; const cons = window.isCons(unit); const [mk, setMk] = React.useState(window.monthKey()); const [lancDlg, setLancDlg] = React.useState(null); // lançamento avulso no mês const [cadDlg, setCadDlg] = React.useState(null); // modelo de despesa fixa const [payDlg, setPayDlg] = React.useState(null); // confirmar pagamento const [delFixa, setDelFixa] = React.useState(null); // confirmar exclusão de modelo // Lançamento automático do mês visualizado (corrente ou futuro). React.useEffect(() => { if (mk >= window.monthKey()) { if (window.ensureFixasMes(store.data, mk)) store.persist(); } }); React.useEffect(() => { window.lucide && window.lucide.createIcons(); }); const fixas = window.fixasDoMes(data, unit, mk); const unpaid = fixas.filter(r => !r.paid); const paid = fixas.filter(r => r.paid); const sum = (a) => a.reduce((s, r) => s + (Number(r.value) || 0), 0); const modelos = cons ? D.units.flatMap(u => (data.despesasFixas[u] || []).map(f => ({ ...f, _u: u }))) : (data.despesasFixas[unit] || []).map(f => ({ ...f, _u: unit })); // modelos ativos ainda não lançados no mês exibido const faltando = modelos.filter(f => f.ativo && !fixas.some(x => x.fixaId === f.id)); // ---- instâncias do mês ---- const setInst = (u, id, patch) => store.set(d => { const r = (d.despesasFixasLancadas[u][mk] || []).find(x => x.id === id); if (r) Object.assign(r, patch); }, "despesasFixasLancadas"); const delInst = (u, id) => store.set(d => { d.despesasFixasLancadas[u][mk] = d.despesasFixasLancadas[u][mk].filter(x => x.id !== id); }, "despesasFixasLancadas"); const requestToggle = (r) => { if (r.paid) { setInst(r._u, r.id, { paid: false, conta: "", pagamento: "" }); return; } setPayDlg({ _u: r._u, id: r.id, name: r.name, value: r.value, conta: r.conta || "Cash", data: window.todayISO() }); }; const confirmPay = () => { const f = payDlg; setInst(f._u, f.id, { paid: true, conta: f.conta || "Cash", pagamento: f.data || window.todayISO() }); setPayDlg(null); }; const saveLanc = () => { const f = lancDlg; const tu = f._u || (cons ? D.units[0] : unit); const rec = { id: window.uid(), fixaId: null, name: f.descricao || "Despesa", plano: f.plano || "", venc: f.venc ? window.dateLabel(f.venc).slice(0, 5) : "", value: window.parseBRL(f.valor), paid: !!f.pago, conta: f.pago ? (f.conta || "Cash") : "", pagamento: f.pago ? (f.pagamento || window.todayISO()) : "" }; store.set(d => { if (!d.despesasFixasLancadas[tu][mk]) d.despesasFixasLancadas[tu][mk] = []; if (f.id) { const r = d.despesasFixasLancadas[f._u][mk].find(x => x.id === f.id); if (r) Object.assign(r, { name: rec.name, plano: rec.plano, venc: rec.venc, value: rec.value }); } else d.despesasFixasLancadas[tu][mk].push(rec); }, "despesasFixasLancadas"); setLancDlg(null); }; const editInst = (r) => setLancDlg({ id: r.id, _u: r._u, descricao: r.name, valor: String(r.value), conta: r.conta || "Cash", plano: r.plano || "", venc: window.ddmmToISO(r.venc) || "", pago: !!r.paid, pagamento: r.pagamento || "" }); // ---- modelos (templates) ---- const saveCad = () => { const f = cadDlg; const tu = f._u || (cons ? D.units[0] : unit); store.set(d => { if (f.id) { const m = d.despesasFixas[f._u].find(x => x.id === f.id); if (m) Object.assign(m, { nome: f.nome || "Despesa fixa", plano: f.plano || "", conta: f.conta || "Cash", valor: window.parseBRL(f.valor), diaVenc: parseInt(f.diaVenc) || 1 }); } else d.despesasFixas[tu].push({ id: window.uid(), nome: f.nome || "Despesa fixa", plano: f.plano || "", conta: f.conta || "Cash", valor: window.parseBRL(f.valor), diaVenc: parseInt(f.diaVenc) || 1, ativo: true }); // lança imediatamente no mês corrente window.ensureFixasMes(d, window.monthKey()); }, ["despesasFixas", "despesasFixasLancadas"]); setCadDlg(null); }; const toggleFixa = (u, id, ativo) => store.set(d => { const m = d.despesasFixas[u].find(x => x.id === id); if (m) m.ativo = ativo; }, "despesasFixas"); const removeFixa = (u, id) => { store.set(d => { d.despesasFixas[u] = d.despesasFixas[u].filter(x => x.id !== id); }, "despesasFixas"); setDelFixa(null); }; const gerarMes = () => store.set(d => { window.ensureFixasMes(d, mk); }, "despesasFixasLancadas"); const isCurrent = mk === window.monthKey(); return (
Despesas fixas
{window.monthLabel(mk)}{isCurrent ? " · atual" : ""}
{/* coluna principal: lançamentos do mês */}
Lançamentos de {window.monthLabel(mk)}
{faltando.length > 0 && (
{faltando.length} modelo(s) ativo(s) ainda não lançado(s) neste mês.
)}
    {fixas.map((r) => ( requestToggle(r)} onEdit={() => editInst(r)} onDelete={() => delInst(r._u, r.id)} /> ))} {fixas.length === 0 &&
  • Nenhuma despesa fixa lançada neste mês.
    • }
{/* coluna lateral: modelos de despesa fixa */}
setCadDlg({ nome: "", plano: "", conta: "Cash", valor: "", diaVenc: "5", _u: cons ? D.units[0] : unit })}>+ Cadastrar}>

Lançados automaticamente todo mês. Desativar pausa os próximos meses; excluir não altera meses já lançados.

{modelos.length === 0 &&

Nenhum modelo. Use “+ Cadastrar”.

} {modelos.map((f, i) => (
{f.nome} dia {f.diaVenc} · {f.conta}{cons ? " · " + f._u : ""} {window.BRLk(f.valor)}
))}
{/* lançar/editar instância */} setLancDlg(null)} width={500} footer={<>}> {lancDlg && (
{cons && !lancDlg.id && setLancDlg({ ...lancDlg, plano: v, descricao: (!lancDlg.descricao || lancDlg.descricao === window.planoNome(lancDlg.plano)) ? (window.planoNome(v) || lancDlg.descricao) : lancDlg.descricao })} options={window.planoSelectGroups} /> {lancDlg.plano &&
{window.planoTrail(lancDlg.plano)}
} setLancDlg({ ...lancDlg, descricao: v })} icon="tag" placeholder="Nome da despesa" />
setLancDlg({ ...lancDlg, valor: v })} placeholder="0,00" /> setLancDlg({ ...lancDlg, venc: v })} icon="calendar" inputStyle={{ colorScheme: "dark" }} />
{lancDlg.pago && (
setLancDlg({ ...lancDlg, pagamento: v })} icon="calendar-check" accent="var(--jade)" inputStyle={{ colorScheme: "dark" }} />
)}
)} {/* confirmar pagamento */} setPayDlg(null)} width={460} footer={<>}> {payDlg && (
{payDlg.name}{cons ? " · " + payDlg._u : ""} {window.BRL(payDlg.value)}
setPayDlg({ ...payDlg, data: v })} icon="calendar-check" accent="var(--jade)" inputStyle={{ colorScheme: "dark" }} />
)} {/* cadastrar/editar modelo */} setCadDlg(null)} width={500} footer={<>}> {cadDlg && (
{cons && !cadDlg.id && setCadDlg({ ...cadDlg, plano: v, nome: (!cadDlg.nome || cadDlg.nome === window.planoNome(cadDlg.plano)) ? (window.planoNome(v) || cadDlg.nome) : cadDlg.nome })} options={window.planoSelectGroups} /> {cadDlg.plano &&
{window.planoTrail(cadDlg.plano)}
} setCadDlg({ ...cadDlg, nome: v })} icon="tag" placeholder="Nomeada pela classificação" />
setCadDlg({ ...cadDlg, valor: v })} placeholder="0,00" /> setCadDlg({ ...cadDlg, diaVenc: v })} placeholder="5" />