// Split Crew — settle up & confirmation screens (v2 with perspective + merge)
function computeTransfers(expenses, members) {
// Each expense splits evenly across ALL current crew members,
// not just whoever was in the original splitWith. Keeps balances correct
// even when a member joined after the first expenses were logged.
//
// Math is done in the trip's HOME currency. We prefer `e.home` (the
// canonical home-currency snapshot saved at expense-create time using
// the trip's frozen FX rates). For legacy expenses without `home`, we
// fall back to `e.sek` so old data keeps working.
const balances = {};
members.forEach(p => balances[p] = 0);
if (!members.length) return { transfers: [] };
for (const e of expenses) {
const amt = (e.home != null ? Number(e.home) : Number(e.sek)) || 0;
const share = amt / members.length;
for (const p of members) balances[p] -= share;
if (balances[e.paidBy] !== undefined) balances[e.paidBy] += amt;
}
const d = Object.entries(balances).filter(([_,v]) => v < -1).sort((a,b) => a[1] - b[1])
.map(x => ({ name: x[0], amt: -x[1] }));
const cr = Object.entries(balances).filter(([_,v]) => v > 1).sort((a,b) => b[1] - a[1])
.map(x => ({ name: x[0], amt: x[1] }));
const transfers = [];
let di = 0, ci = 0;
while (di < d.length && ci < cr.length) {
const t = Math.min(d[di].amt, cr[ci].amt);
transfers.push({ id: `${d[di].name}-${cr[ci].name}`, from: d[di].name, to: cr[ci].name, amt: Math.round(t) });
d[di].amt -= t; cr[ci].amt -= t;
if (d[di].amt < 1) di++;
if (cr[ci].amt < 1) ci++;
}
return { transfers, balances };
}
const CREW_4 = {
Du: PEOPLE_COLORS.Y, Elin: PEOPLE_COLORS.E, Max: PEOPLE_COLORS.M, Nils: PEOPLE_COLORS.S,
};
const initOf = (n) => n === 'Du' ? 'Y' : n[0];
const colorOf = (n) => CREW_4[n] || PEOPLE_COLORS.Y;
function rerouteOnce(transfers, inc, out, perspective) {
const m = Math.min(inc.amt, out.amt);
const next = [];
for (const t of transfers) {
if (t.id === inc.id) {
if (t.amt - m > 1) next.push({ ...t, amt: t.amt - m });
} else if (t.id === out.id) {
if (t.amt - m > 1) next.push({ ...t, amt: t.amt - m });
} else {
next.push(t);
}
}
// Reroute: inc.from now owes out.to directly
const existing = next.find(t => t.from === inc.from && t.to === out.to);
if (existing) { existing.amt += m; existing.rerouted = true; }
else next.push({ id: `${inc.from}-${out.to}-m-${Date.now()}`, from: inc.from, to: out.to, amt: m, rerouted: true });
return next;
}
function SettleScreen({ ctx }) {
// Members come from the pot (the real crew), not hardcoded friends.
const MEMBERS = (ctx.pot && ctx.pot.members && ctx.pot.members.length) ? ctx.pot.members : ['Du'];
// Use only the crew's real expenses — no demo injections.
const demoExpenses = ctx.expenses;
// Trip's home currency (set at create-name) and the FX snapshot taken
// when the trip was created. Used to (a) label all amounts, and (b) show
// a SEK reference next to non-SEK home amounts.
const homeCurrency = (ctx.pot && ctx.pot.homeCurrency) || 'SEK';
const fxRates = (ctx.pot && ctx.pot.fxRates) || null;
const { transfers: initial } = computeTransfers(demoExpenses, MEMBERS);
const [transfers, setTransfers] = React.useState(initial);
const [paid, setPaid] = React.useState({});
const myName = ctx.myName || 'Du';
const [perspective, setPerspective] = React.useState(myName); // viewer sees all from their POV
const isCreator = perspective === myName;
const visible = isCreator
? transfers
: transfers.filter(t => t.from === perspective || t.to === perspective);
// Merge candidates for CURRENT perspective: I receive X from A, and I owe Y to B → reroute min(X,Y) from A to B
const myIncoming = transfers.filter(t => t.to === perspective);
const myOutgoing = transfers.filter(t => t.from === perspective);
const canMerge = myIncoming.length > 0 && myOutgoing.length > 0;
// Single-pair reroute (one tap)
const doMerge = () => {
const inc = [...myIncoming].sort((a,b) => b.amt - a.amt)[0];
const out = [...myOutgoing].sort((a,b) => b.amt - a.amt)[0];
if (!inc || !out) return;
setTransfers(rerouteOnce(transfers, inc, out, perspective));
};
// Fully optimize: keep rerouting until I have no incoming OR no outgoing
const doOptimize = () => {
let next = transfers;
for (let i = 0; i < 20; i++) {
const inc = next.filter(t => t.to === perspective).sort((a,b) => b.amt - a.amt)[0];
const out = next.filter(t => t.from === perspective).sort((a,b) => b.amt - a.amt)[0];
if (!inc || !out) break;
next = rerouteOnce(next, inc, out, perspective);
}
setTransfers(next);
};
return (
{isCreator
? <>As the creator you see all {transfers.length} transfers for the crew.
: <>You only see what concerns you. Check off when you've paid — the recipient confirms.
}
{/* Personal summary banner */}
◆ YOUR LEDGER
Your debts are maximized and netted against everyone else's — you'll only ever pay the minimum.
s + t.amt, 0)} tint="#7DE08B" homeCurrency={homeCurrency} fxRates={fxRates} />
s + t.amt, 0)} tint="#E86B3B" homeCurrency={homeCurrency} fxRates={fxRates} />
Your debts are netted against everyone else's — money owed to {perspective} flows directly to the people {perspective} owes. Creates new direct transfers between others.
);
}
function DeleteTripBlock({ ctx }) {
const [confirming, setConfirming] = React.useState(false);
const tripName = (ctx.pot && ctx.pot.name) ? ctx.pot.name : 'this trip';
const hasSettlements = !!ctx.hasSettlements;
const isAdmin = !!ctx.isAdmin;
// Per the flow rules: only the creator can delete the trip,
// and only before any debt has been settled.
if (!isAdmin) {
return (
ONLY THE TRIP CREATOR CAN DELETE THIS TRIP
);
}
if (hasSettlements) {
return (
◆ DELETE LOCKED
Settlements have already been recorded in {tripName}. The trip can no longer be deleted — the ledger has to stay intact for the crew.
);
}
if (!confirming) {
return (
);
}
return (
◆ CONFIRM DELETE
Permanently delete {tripName} and all its expenses. Allowed only because no debt has been settled yet.
);
}
function SummaryCard({ label, amount, tint, homeCurrency, fxRates }) {
const home = homeCurrency || 'SEK';
// Use the trip's frozen FX snapshot to compute the SEK reference. The
// amount is in HOME currency (computeTransfers works in home currency).
const sekRef = (window.convertFx
? window.convertFx(amount, home, 'SEK', fxRates, home)
: amount);
const showSek = home !== 'SEK';
return (