// statement-out.jsx — Wave 2b: Counterparty-facing royalty statement generator // // One screen, two views: // • Builder — pick counterparty + period + agreement(s); preview the doc // • Print preview — full statement laid out in print-styled HTML with page // breaks, ready for ⌘-P to PDF or "Send to counterparty" (mock) // // Replaces the Pages workflow Paul does manually today. The doc layout matches // what a typical royalty statement looks like: cover sheet with summary, // per-recording detail breakdown, deductions, net payable, signature block. // // Exports: window.ScreenStatementOut, window.StatementOutPrint (function () { const { useState, useMemo, useEffect } = React; const fmt$ = (n, ccy = 'USD') => { const sym = ccy === 'USD' ? '$' : ccy === 'GBP' ? '£' : ccy === 'EUR' ? '€' : ''; const v = Number(n) || 0; return (v < 0 ? '-' : '') + sym + Math.abs(v).toLocaleString('en-US', { minimumFractionDigits: 2, maximumFractionDigits: 2 }); }; const fmtPct = (n) => (Number(n) * 100).toFixed(2) + '%'; // ─────────── Derive a statement from a counterparty + period ─────────── function buildStatementOut({ counterparty, period, agreements, recordings, works, statements }) { // 1. Find agreements where counterparty is a payable party const ags = (agreements || []).filter(ag => { if (counterparty && ag.b !== counterparty.name && ag.a !== counterparty.name) return false; const parties = ag.parties || []; return parties.some(p => p.name === counterparty?.name); }); // 2. Synthesize line items from statement lines that match works/recordings on those agreements const ownedWorkIds = new Set(); const ownedRecIds = new Set(); ags.forEach(ag => (ag.works || []).forEach(w => ownedWorkIds.add(w.id || w))); ags.forEach(ag => (ag.recordings || []).forEach(r => ownedRecIds.add(r.id || r))); // 3. Group earnings by source × asset const lineItems = []; const byRec = new Map(); let total = 0; let lineCount = 0; for (const stmt of (statements || [])) { if (period && stmt.period !== period && stmt.periodLabel !== period) continue; for (const ln of stmt.lines || []) { // synth: assume 18% of statement lines belong to the counterparty in this period if ((stmt.lines.indexOf(ln) % 6) !== 0) continue; const key = (ln.isrc || ln.trackTitle || 'unknown') + '::' + stmt.sourceName; const amt = ln.royaltyUsd || ln.amountUsd || 0; if (!byRec.has(key)) { byRec.set(key, { isrc: ln.isrc, title: ln.trackTitle || ln.workTitle || '(untitled)', artist: ln.trackArtists || ln.releaseArtists || '', source: stmt.sourceName, sourceKind: stmt.sourceKind, count: 0, gross: 0, }); } const row = byRec.get(key); row.count += ln.count || 1; row.gross += amt; total += amt; lineCount++; } } for (const v of byRec.values()) lineItems.push(v); lineItems.sort((a, b) => b.gross - a.gross); // 4. Compute share to counterparty (use first matching agreement's split) const ag = ags[0]; const cpartyShare = ag?.parties?.find(p => p.name === counterparty?.name)?.share ?? 50; const grossShare = total * (cpartyShare / 100); // 5. Deductions const adminFeeRate = ag && /sub-pub/i.test(ag.kind || '') ? 0.15 : ag && /admin/i.test(ag.kind || '') ? 0.10 : 0.10; const adminFee = Math.round(grossShare * adminFeeRate * 100) / 100; const witholding = 0; // simplifying const recoupment = ag?.recoupmentLedger?.unrecouped > 0 ? Math.min(ag.recoupmentLedger.unrecouped, Math.round(grossShare * 0.5 * 100) / 100) : 0; const net = Math.round((grossShare - adminFee - witholding - recoupment) * 100) / 100; return { counterparty, period, agreements: ags, lineItems: lineItems.slice(0, 60), // cap for layout lineCount, gross: total, cpartyShare, grossShare, adminFeeRate, adminFee, witholding, recoupment, net, generatedAt: new Date().toISOString(), stmtNumber: 'RS-' + new Date().getFullYear() + '-' + String(Math.abs((counterparty?.name || 'X').split('').reduce((a, c) => a + c.charCodeAt(0), 0)) % 10000).padStart(4, '0'), }; } // ═══════════════════════════════════════════════════════ MAIN SCREEN function ScreenStatementOut({ go, payload }) { const parties = window.PARTIES || []; const agreements = window.AGREEMENTS || []; const recordings = window.RECORDINGS || []; const works = window.WORKS || []; const stmtIdx = window.__STMT_INDEX || { statements: [] }; // Derive counterparties from agreements (not your own party) const yourParty = parties.find(p => p.isYou) || parties[0]; const counterparties = useMemo(() => { const set = new Map(); for (const ag of agreements) { for (const p of (ag.parties || [])) { if (yourParty && p.name === yourParty.name) continue; if (!set.has(p.name)) set.set(p.name, { name: p.name, role: p.role, agreementCount: 0 }); set.get(p.name).agreementCount++; } } return [...set.values()].sort((a, b) => b.agreementCount - a.agreementCount); }, [agreements, yourParty]); const periods = useMemo(() => { const set = new Set(); for (const s of stmtIdx.statements) set.add(s.periodLabel || s.period); return [...set].sort().reverse(); }, [stmtIdx]); const [counterpartyName, setCounterpartyName] = useState(payload?.counterparty || (counterparties[0]?.name || '')); const [period, setPeriod] = useState(payload?.period || periods[0] || ''); const [showPreview, setShowPreview] = useState(false); const [printMode, setPrintMode] = useState(false); const counterparty = counterparties.find(c => c.name === counterpartyName); const stmtOut = useMemo(() => { if (!counterparty || !period) return null; return buildStatementOut({ counterparty, period, agreements, recordings, works, statements: stmtIdx.statements, }); }, [counterparty, period, agreements, recordings, works, stmtIdx]); // Print mode: hide everything else and show only the document useEffect(() => { if (!printMode) return; document.body.classList.add('astro-print-mode'); return () => document.body.classList.remove('astro-print-mode'); }, [printMode]); if (printMode && stmtOut) { return setPrintMode(false)} />; } return (
{/* Breadcrumb */}
/ STATEMENT-OUT GENERATOR
{/* Hero */}

Send a statement

Produce a counterparty-facing royalty statement from your reconciled income lines. Pick the counterparty and the period; ASTRO assembles the document, computes the net payable, and files it on the counterparty record.

{/* Builder form */}
{/* Step 1: counterparty */} Counterparty
setCounterpartyName(e.target.value)} placeholder="Search counterparties…" list="cparties" className="ff-mono" style={{ width:'100%', padding:'12px 14px', fontSize:14, border:'1px solid var(--rule)', background:'var(--paper)' }}/> {counterparties.map(c => )}
{counterparties.slice(0, 6).map(c => ( ))}
{/* Step 2: period */} Reporting period
{periods.length === 0 &&
No periods available — load statements first.
} {periods.map(p => ( ))}
{/* Step 3: agreements included */} {stmtOut && stmtOut.agreements.length > 0 && ( <> Agreements included
{stmtOut.agreements.map((ag, i) => (
{ag.id}
{ag.a} × {ag.b}
{ag.kind}
{(ag.parties || []).find(p => p.name === counterparty?.name)?.share || '—'}%
))}
)} {stmtOut && stmtOut.agreements.length === 0 && ( <> Agreements included
No active agreements found between you and {counterpartyName}. Agreements drive the math — without one, no statement can be issued.
)}
{/* Right rail: live summary card */}
NET PAYABLE
{stmtOut ? fmt$(stmtOut.net) : '—'}
{stmtOut && (
{counterparty?.name} · {period}
)}
{stmtOut && (
{[ ['Gross collected', fmt$(stmtOut.gross)], [`Counterparty share (${stmtOut.cpartyShare}%)`, fmt$(stmtOut.grossShare)], [`Admin fee (${(stmtOut.adminFeeRate*100).toFixed(0)}%)`, '−' + fmt$(stmtOut.adminFee)], stmtOut.recoupment > 0 ? ['Recoupment', '−' + fmt$(stmtOut.recoupment)] : null, stmtOut.witholding > 0 ? ['Withholding', '−' + fmt$(stmtOut.witholding)] : null, ].filter(Boolean).map(([l, v]) => (
{l} {v}
))}
NET {fmt$(stmtOut.net)}
)}
{/* Recent statements card */}
RECENT STATEMENTS-OUT
{[ { d:'2026-04-08', cp:'Jane Co-writer', period:'Q1 2026', net:18420 }, { d:'2026-04-07', cp:'Producer X', period:'Q1 2026', net:9240 }, { d:'2026-01-12', cp:'Sub-pub UK', period:'Q4 2025', net:43800 }, ].map((r, i) => (
{r.cp}
{r.period} · {r.d}
{fmt$(r.net)}
))}
{/* Inline preview */} {showPreview && stmtOut && (

Preview

)}
); } function Sec({ num, children }) { return (
{num && {num}}

{children}

); } // ─────────── Print-mode chrome ─────────── function StatementOutPrint({ stmt, onClose }) { return (
{/* Toolbar (hidden on print) */}
STATEMENT-OUT · PRINT PREVIEW · USE ⌘-P TO SAVE AS PDF
{/* Print styles */}
); } // ─────────── The actual document ─────────── function DocumentBody({ stmt }) { // Page-styled letter-size pages const pageStyle = { width: '8.5in', minHeight: '11in', background: '#fff', color: '#1a1a1a', margin: '0 auto 24px', padding: '0.75in 0.85in', boxShadow: '0 4px 24px rgba(0,0,0,0.4)', fontFamily: 'Georgia, "Times New Roman", serif', fontSize: 11, lineHeight: 1.5, boxSizing: 'border-box', }; // Split line items across pages — page 1 cover + first 18 rows; subsequent pages 35 rows each const itemsPerCoverPage = 18; const itemsPerInnerPage = 36; const cover = stmt.lineItems.slice(0, itemsPerCoverPage); const rest = stmt.lineItems.slice(itemsPerCoverPage); const innerPages = []; for (let i = 0; i < rest.length; i += itemsPerInnerPage) { innerPages.push(rest.slice(i, i + itemsPerInnerPage)); } const pageCount = 1 + innerPages.length + 1; // cover + line pages + summary return (
{/* Page 1 — Cover + first batch of detail */}
{/* Letterhead */}
Rocket Science LLC
NEW YORK · NY · USA · ASTRO STATEMENT-OUT v1
Statement
№ {stmt.stmtNumber}
Issued {stmt.generatedAt.slice(0,10)}
{/* Recipient block */}
To
{stmt.counterparty.name}
Role on file: {stmt.counterparty.role}
{stmt.agreements.length} agreement{stmt.agreements.length === 1 ? '' : 's'} active
Period
{stmt.period}
{stmt.lineCount.toLocaleString()} income lines reconciled
{/* Net payable hero */}
Net payable to {stmt.counterparty.name}
{fmt$(stmt.net)}
Payable on or before
{(() => { const d = new Date(stmt.generatedAt); d.setDate(d.getDate() + 30); return d.toISOString().slice(0,10); })()}
{/* Summary table */} {/* Detail header */}
Detail · Page 1 of {pageCount}
{/* Footer */}
{/* Inner pages — line item continuation */} {innerPages.map((items, i) => (
Statement № {stmt.stmtNumber} · {stmt.counterparty.name} · {stmt.period} Detail · Page {i + 2} of {pageCount}
))} {/* Final page — totals + signature */}
Statement № {stmt.stmtNumber} · {stmt.counterparty.name} · {stmt.period} Summary · Page {pageCount} of {pageCount}
Reconciliation summary
{/* Agreement references */}
Agreements applied
{stmt.agreements.map(ag => ( ))}
Agreement Type Share
{ag.id}
{ag.a} × {ag.b}
 {ag.kind} {(ag.parties || []).find(p => p.name === stmt.counterparty.name)?.share || '—'}%
{/* Signature block */}
Issued by
Paul Womack
Paul Womack
Managing Member · Rocket Science LLC
{stmt.generatedAt.slice(0,10)}
Acknowledged by
{stmt.counterparty.name}
Authorized signatory
Date: __________________
{/* Notes */}
Royalties calculated per the executed agreements identified above. Counterparty has 90 days to dispute any line item from the statement issue date. Disputes received after this period are deemed accepted. Payment is due within 30 days of issue date via ACH or wire transfer to the account on file.
); } function SummaryTable({ stmt, verbose }) { const rows = [ ['Gross collected (across all sources)', fmt$(stmt.gross), null], [`Counterparty share per agreement (${stmt.cpartyShare}%)`, fmt$(stmt.grossShare), null], [`Administration fee (${(stmt.adminFeeRate*100).toFixed(0)}% of share)`, '−' + fmt$(stmt.adminFee), null], stmt.recoupment > 0 ? ['Recoupment against advance balance', '−' + fmt$(stmt.recoupment), null] : null, stmt.witholding > 0 ? ['Withholding tax', '−' + fmt$(stmt.witholding), null] : null, ].filter(Boolean); return ( {rows.map(([l, v], i) => ( ))}
{l} {v}
Net payable {fmt$(stmt.net)}
); } function DetailTable({ items }) { return ( {items.map((it, i) => ( ))}
Title ISRC Source Units Gross
{it.title}
{it.artist &&
{it.artist}
} 		{it.isrc || '—'} {it.source} {(it.count || 0).toLocaleString()} {fmt$(it.gross)}
); } function DocumentFooter({ pageNum, pageCount, stmtNumber }) { return (
Rocket Science LLC · ASTRO Statement-Out {stmtNumber} {pageNum} / {pageCount}
); } Object.assign(window, { ScreenStatementOut, StatementOutPrint }); })();