{s.strength === "strong"
? Correspondance forte
: À vérifier}
{RULE} · {s.criteria}
{partial && (
Couvre {fmt(s.pay.amount)} sur {fmt(s.inv.ttc)} — la facture passera en « Paiement partiel », reste dû {fmt(reste)}.
)}
);
}
// ---- Liaison manuelle : répartition 1 encaissement → N factures ----
function ManualLink({ pay, excludeId = null, pendingIds = [], onBack, onDone }) {
const [q, setQ] = React.useState("");
const [alloc, setAlloc] = React.useState({}); // id -> montant string FR
const cands = CANDIDATES(excludeId).filter((c) => (c.who + " " + c.id).toLowerCase().includes(q.toLowerCase()));
const num = (v) => { const n = parseFloat(String(v).replace(/\s/g, "").replace(",", ".")); return Number.isNaN(n) ? 0 : n; };
const total = Object.values(alloc).reduce((a, v) => a + num(v), 0);
const over = total > pay.amount + 0.001;
const nSel = Object.keys(alloc).length;
const resteAAllouer = Math.max(0, Math.round((pay.amount - total) * 100) / 100);
function toggle(c) {
setAlloc((a) => {
const n = { ...a };
if (n[c.id] !== undefined) { delete n[c.id]; return n; }
const def = Math.min(c.ttc, Math.max(0, pay.amount - Object.values(n).reduce((x, v) => x + num(v), 0)));
n[c.id] = def.toLocaleString("fr-FR", { minimumFractionDigits: 2 });
return n;
});
}
return (
} onClick={onBack}>Retour
Lier « {pay.label} »
setQ(e.target.value)} iconLeft={
} />
{cands.map((c, i) => {
const sel = alloc[c.id] !== undefined;
return (
toggle(c)} style={{ width: 18, height: 18, borderRadius: 5, border: "var(--border-thin) solid var(--line-keyline)", background: sel ? "var(--oryze-majorelle)" : "var(--surface-card)", display: "inline-flex", alignItems: "center", justifyContent: "center", color: "#fff", cursor: "pointer", flex: "none" }}>
{sel && }
{c.id}
{c.who}
{pendingIds.includes(c.id) &&
Suggestion en attente}
{sel && (
setAlloc((a) => ({ ...a, [c.id]: e.target.value }))} />
)}
);
})}
{cands.length === 0 &&
Aucune facture ouverte ne correspond.
}
Alloué : {fmt(Math.round(total * 100) / 100)} / {fmt(pay.amount)}{!over && resteAAllouer > 0 && nSel > 0 ? " · excédent " + fmt(resteAAllouer) + " signalé — jamais d'avoir automatique" : ""}
{over &&
La répartition dépasse l'encaissement — ajustez les montants.
}
);
}
function RapprochementPanel({ onCountChange }) {
const [loading, setLoading] = React.useState(true);
const [items, setItems] = React.useState(SUGGESTIONS);
const [orphans, setOrphans] = React.useState(ORPHANS);
const [ignored, setIgnored] = React.useState([]);
const [showIgnored, setShowIgnored] = React.useState(false);
const [manual, setManual] = React.useState(null); // encaissement en cours de liaison
const [toast, setToast] = React.useState(null);
React.useEffect(() => { const t = setTimeout(() => setLoading(false), 650); return () => clearTimeout(t); }, []);
const count = items.length + orphans.length;
React.useEffect(() => { onCountChange && onCountChange(count); }, [count]);
function say(msg) { setToast(msg); setTimeout(() => setToast(null), 2600); }
function confirm(s) {
setItems((l) => l.filter((x) => x.id !== s.id));
const partial = s.pay.amount < s.inv.ttc;
say(partial
? s.inv.id + " — paiement partiel · reste dû " + fmt(Math.round((s.inv.ttc - s.pay.amount) * 100) / 100)
: s.inv.id + " marquée payée");
}
function ignore(s) { setItems((l) => l.filter((x) => x.id !== s.id)); setIgnored((l) => [...l, s]); }
function restore(s) { setIgnored((l) => l.filter((x) => x.id !== s.id)); setItems((l) => [...l, s]); }
function manualDone(n, linkedIds) {
setOrphans((l) => l.filter((x) => x.id !== manual.id));
// La liaison consomme aussi les suggestions en attente sur les factures liées.
setItems((l) => l.filter((x) => x.id !== manual.id && !linkedIds.includes(x.inv.id)));
say(n > 1 ? "Encaissement réparti sur " + n + " factures" : "Encaissement lié");
setManual(null);
}
if (loading) {
return (