// Dépenses — liste · détail · import factures fournisseurs (mobile). window.OryzeApp.DepensesScreen
(function () {
const { Card, Amount, Tag, TransactionRow, Button, ProgressRing } = window.OryzeDesignSystem_78c60a;
const Ic = window.OryzeIcons;
const CATS = window.OryzeExpenseCats;
function DepensesScreen() {
const ALL = window.OryzeExpenses;
const [filter, setFilter] = React.useState("all");
const [mode, setMode] = React.useState("list");
const [selected, setSelected] = React.useState(null);
if (mode === "import") {
return (
Import documentaire — Factur-X ou PDF
Import factures fournisseurs
{React.createElement(window.OryzeShared.ImportFournisseurs, { compact: true })}
);
}
if (mode === "detail" && selected) {
return (
{React.createElement(window.OryzeShared.ExpenseDetail, { exp: selected, onBack: () => setMode("list") })}
);
}
const list = ALL.filter((e) => (filter === "all" ? true : e.cat === filter));
const monthTotal = window.OryzeExpenseAprilTTC; // 3 110,00 € canonique
const toConfirm = ALL.filter((e) => !e.auto);
return (
Dépenses
} onClick={() => setMode("import")} style={{ flex: "none" }}>Import fournisseurs
{/* Total summary */}
Dépensé · avril
{ALL.length} dépenses · TTC
{/* Catégorisation auto */}
{toConfirm.length > 0 && (
Catégorisation
{ALL.length - toConfirm.length} dépenses catégorisées automatiquement. {toConfirm.length} à confirmer.
)}
{/* Category filter chips */}
setFilter("all")}>Tout
{Object.keys(CATS).map((k) => (
setFilter(k)}>{CATS[k].label}
))}
{/* List */}
{list.map((e) => {
const c = CATS[e.cat];
const CatIcon = Ic[c.icon] || Ic.receipt;
const ttc = window.OryzeExpenseCalc(e).ttc;
return (
} iconBg={c.color}
title={e.merchant} meta={e.date.slice(0, 5) + " · " + c.label}
amount={-ttc} amountTone="negative" sign
status={!e.auto ? À confirmer : (e.receipt === "missing" ? Reçu manquant : null)}
onClick={() => { setSelected(e); setMode("detail"); }} />
);
})}
);
}
function catSegments(all) {
const cats = window.OryzeExpenseCats;
const totals = {};
let sum = 0;
all.forEach((e) => { const ttc = window.OryzeExpenseCalc(e).ttc; totals[e.cat] = (totals[e.cat] || 0) + ttc; sum += ttc; });
return Object.keys(cats).map((k) => ({ value: sum ? (totals[k] || 0) / sum * 100 : 0, color: cats[k].color }));
}
function Chip({ active, dot, onClick, children }) {
return (
);
}
window.OryzeApp = window.OryzeApp || {};
window.OryzeApp.DepensesScreen = DepensesScreen;
})();