Pour maintenir le total de la ligne, souhaitez-vous reporter {fmtEur(Math.abs(montVal),true)} sur un flux futur ?
)}
);
}
/* ── AppelReplanModal ── */
// Modale de replanification des flux à venir de la ligne « Lot N » du plan de
// trésorerie, déclenchée à l'étape 5 du workflow appel de fonds (envoi mail
// client). Garantit l'invariant : sum(cellules ligne) = prixReel.
// L'appel atomique au backend (POST /api/appels-eg/:id/replan) met à jour les
// cellules ET pose appel_client_sent=TRUE en une transaction.
function AppelReplanModal({ appel, prixReel, currentRowValues, lotN, programmeNom, attestNotifId, onConfirm, onCancel }) {
// Cellules existantes triées, séparées passé / futur (passé = non modifiable ici)
const initialFuture = useMemo(() => {
return (currentRowValues || [])
.filter(v => v.weekIso >= todayIso)
.sort((a, b) => a.weekIso.localeCompare(b.weekIso))
.map(v => ({ key: v.weekIso, weekIso: v.weekIso, montant: Number(v.montant) }));
}, [currentRowValues]);
const pastCellsSum = useMemo(() => (
(currentRowValues || [])
.filter(v => v.weekIso < todayIso)
.reduce((s, v) => s + Number(v.montant), 0)
), [currentRowValues]);
const [editRows, setEditRows] = useState(initialFuture);
const [saving, setSaving] = useState(false);
const [error, setError] = useState("");
const futureWeekOptions = useMemo(() => weekDates.filter(w => w >= todayIso), []);
// Détection des doublons de semaine
const dupWeeks = useMemo(() => {
const seen = new Set(), dups = new Set();
for (const r of editRows) {
if (r.weekIso && seen.has(r.weekIso)) dups.add(r.weekIso);
seen.add(r.weekIso);
}
return dups;
}, [editRows]);
const totalFuture = editRows.reduce((s, r) => s + (Number(r.montant) || 0), 0);
const total = pastCellsSum + totalFuture;
const ecart = total - prixReel;
const ecartOk = Math.abs(ecart) <= 1;
const allRowsValid = editRows.every(r => r.weekIso && Number(r.montant) >= 0);
const canValidate = ecartOk && allRowsValid && dupWeeks.size === 0 && !saving;
const updateRow = (i, field, value) => {
setEditRows(rs => rs.map((r, idx) => idx === i ? { ...r, [field]: value } : r));
};
const addRow = () => {
setEditRows(rs => [...rs, { key: `new-${Date.now()}-${Math.random()}`, weekIso: '', montant: 0 }]);
};
const removeRow = (i) => {
setEditRows(rs => rs.filter((_, idx) => idx !== i));
};
const handleConfirm = async () => {
setError("");
// Construit le diff vs état initial
const newMap = new Map();
for (const r of editRows) {
if (!r.weekIso) continue;
const m = Number(r.montant) || 0;
newMap.set(r.weekIso, (newMap.get(r.weekIso) || 0) + m);
}
const oldMap = new Map(initialFuture.map(r => [r.weekIso, r.montant]));
const changes = [];
for (const [weekIso, newM] of newMap) {
const oldM = oldMap.get(weekIso) ?? 0;
if (Math.abs(newM - oldM) > 0.005) changes.push({ weekIso, montant: Math.round(newM * 100) / 100 });
}
for (const [weekIso, _] of oldMap) {
if (!newMap.has(weekIso)) changes.push({ weekIso, montant: 0 });
}
// Cas dégénéré : aucun changement de plan, mais on doit quand même marquer
// l'appel comme envoyé côté backend. On envoie un no-op (cellule cible existante).
if (changes.length === 0) {
const first = Array.from(newMap)[0];
if (first) changes.push({ weekIso: first[0], montant: Math.round(first[1] * 100) / 100 });
}
setSaving(true);
try {
await onConfirm(changes, attestNotifId);
} catch (e) {
setError(e?.message || "Erreur lors de la sauvegarde");
setSaving(false);
}
};
const inp = { padding: "5px 7px", border: "1px solid #cbd5e1", borderRadius: 6, fontSize: 13, background: "#fff" };
const numInp = { ...inp, textAlign: "right", width: "100%" };
const selStyle = { ...inp, width: "100%" };
return (
{ if (e.target === e.currentTarget) onCancel(); }}>
e.stopPropagation()}>
📅 Replanifier les flux à venir
{programmeNom} · Lot {lotN}
{/* Bandeau appel + invariant */}
Vous allez envoyer un appel de fonds de {fmtEur(Number(appel.montant_client) || 0)} ({appel.pct_delta || appel.eg_pct}%) au client.
Ajustez si nécessaire les dates et montants des flux à venir de ce lot — la somme totale de la ligne doit rester égale au prix réel ({fmtEur(prixReel)}).
{/* Flux passés (info) */}
{pastCellsSum > 0 && (
Flux déjà passés sur cette ligne (non modifiables) : {fmtEur(pastCellsSum)}
)}
{/* Tableau cellules futures éditables */}
Semaine
Montant (€)
{editRows.length === 0 && (
Aucune cellule à venir. Cliquez sur « + Ajouter une cellule ».
);
}
function DeleteProgrammeModal({proj,onConfirm,onClose}) {
return(
e.stopPropagation()}>
Supprimer le programme ?
Cette action supprimera définitivement {proj.ville&&proj.ville+" — "}{proj.nom} et toutes ses données (lots, flux, intervenants). Cette opération est irréversible.
);
}
/* Calcule la variation de solde par rapport à un snapshot passé.
Retourne aussi snapshotDate (ISO YYYY-MM-DD) pour requêter l'historique des écritures. */
function calcVariation(soldeFinOp, progHistory, daysAgo) {
const targetDate = new Date();
targetDate.setDate(targetDate.getDate() - daysAgo);
const targetStr = targetDate.toISOString().slice(0, 10);
// Snapshot le plus récent sur ou avant targetDate (liste déjà triée DESC)
const snap = progHistory.find(h => h.snapshot_date <= targetStr);
if (!snap) return null;
const prev = Number(snap.solde);
if (prev === 0) return null;
const diff = soldeFinOp - prev;
const pct = (diff / Math.abs(prev)) * 100;
return { diff, pct, snapshotDate: snap.snapshot_date, snapshotSolde: prev };
}
/* Affiche une puce de variation : ↑ +2.3% (+12 340 €) SEM
Cliquable si onClick fourni : ouvre la modale détaillée des écritures. */
function VariationPuce({variation, label, onClick}) {
if (!variation) return null;
const { diff, pct } = variation;
const isPos = diff >= 0;
const isAlert = Math.abs(pct) > 5;
const color = isAlert ? '#dc2626' : isPos ? '#15803d' : '#64748b';
const arrow = isPos ? '↑' : '↓';
const sign = isPos ? '+' : '';
const baseStyle = {color, fontSize:10, whiteSpace:'nowrap'};
if (!onClick) {
return {arrow} {sign}{pct.toFixed(1)}% ({sign}{fmtEur(diff)}) {label};
}
return (
);
}
/* Modale détaillant les écritures qui expliquent une variation. */
function VariationDetailsModal({proj, periodLabel, variation, currentSolde, onClose}) {
const [entries, setEntries] = useState([]);
const [loading, setLoading] = useState(true);
const [error, setError] = useState(null);
const [expanded, setExpanded] = useState(new Set());
const SOURCE_META = {
manual: { label: 'Manuel', color: '#2563eb', bg: '#eff6ff' },
status_change: { label: 'Statut lot', color: '#7c3aed', bg: '#f5f3ff' },
appel_eg: { label: 'Appel EG', color: '#d97706', bg: '#fffbeb' },
facture: { label: 'Facture', color: '#059669', bg: '#f0fdf4' },
};
const sourceMeta = s => SOURCE_META[s] || { label: s || '?', color: '#6b7280', bg: '#f9fafb' };
useEffect(() => {
let cancelled = false;
setLoading(true);
setError(null);
const params = new URLSearchParams({ projet_id: proj.id, since: variation.snapshotDate, limit: '500' });
fetch('/api/plan-changes?' + params.toString())
.then(r => r.ok ? r.json() : Promise.reject(new Error('Erreur ' + r.status)))
.then(d => { if (!cancelled) setEntries(d.summary || []); })
.catch(e => { if (!cancelled) setError(e.message); })
.finally(() => { if (!cancelled) setLoading(false); });
return () => { cancelled = true; };
}, [proj.id, variation.snapshotDate]);
// ── Réconciliation ─────────────────────────────────────────────────────────
const totalExplique = entries.reduce((s, e) => s + (Number(e.delta_total) || 0), 0);
const variationAffichee = variation.diff;
const ecart = variationAffichee - totalExplique;
const seuilOk = Math.abs(ecart) <= 10;
// ── Helpers formatage ──────────────────────────────────────────────────────
function fmtDateTime(iso) {
if (!iso) return '—';
const d = new Date(iso);
return d.toLocaleDateString('fr-FR', { day:'2-digit', month:'2-digit', year:'2-digit' })
+ ' ' + d.toLocaleTimeString('fr-FR', { hour:'2-digit', minute:'2-digit' });
}
function fmtSigned(n) {
if (n == null) return '—';
const v = Number(n);
const s = Math.abs(v).toLocaleString('fr-FR', { minimumFractionDigits:0, maximumFractionDigits:0 });
return (v >= 0 ? '+' : '−') + ' ' + s + ' €';
}
function deltaColor(n) {
if (n == null) return C.muted;
return Number(n) >= 0 ? '#059669' : '#dc2626';
}
function toggleExpand(id) {
setExpanded(prev => {
const next = new Set(prev);
next.has(id) ? next.delete(id) : next.add(id);
return next;
});
}
const th = { padding:'8px 12px', textAlign:'left', fontSize:11, fontWeight:700,
color:C.muted, borderBottom:'1px solid '+C.border, whiteSpace:'nowrap' };
const td = { padding:'8px 12px', fontSize:13, borderBottom:'1px solid '+C.border, verticalAlign:'top' };
return (
{seuilOk ? '✓ Réconciliation OK (≤ 10 €)' : '⚠ Écart non tracé dans les écritures'}
{!seuilOk && !loading && !error && (
Une partie de la variation ({fmtSigned(ecart)}) n'est pas couverte par les écritures listées —
probablement liée à un changement de fiche/lots ou à des snapshots manquants sur la période.