/* ============================================================ Deal drawer (universal drill-down) + scored deal card. Opens from the right; the table stays in context behind it. ============================================================ */ const FTE_PRESETS = [ { value: 'all', label: 'All', test: () => true }, { value: 'le25', label: '≤25', test: (d) => d.fte <= 25 }, { value: 'le50', label: '≤50', test: (d) => d.fte <= 50 }, { value: 'le100', label: '≤100', test: (d) => d.fte <= 100 }, { value: 'gt100', label: '100+', test: (d) => d.fte > 100 }, ]; function ChipToggle({ active, onClick, children }) { return ( ); } function Fact({ label, children }) { return (
{label}
{children}
); } function ScoredDealCard({ d }) { const reasons = [ { ok: DATA.softwareSet.has(d.sector), text: DATA.softwareSet.has(d.sector) ? 'IT / software sector' : 'Outside IT & software' }, { ok: d.fte <= 100, text: d.fte <= 100 ? `≤100 FTE (${d.fte})` : `Above 100 FTE (${d.fte})` }, { ok: d.dealSize == null || d.dealSize < 25, text: d.dealSize == null ? 'Size undisclosed' : (d.dealSize < 25 ? `Sub-€25m (${DATA.fmtSize(d.dealSize)})` : `Above €25m (${DATA.fmtSize(d.dealSize)})`) }, ]; return (
{/* left: enrichment */}
The machine read this deal

{d.blurb}

{d.products.length > 0 && (
Products
{d.products.map((p) => {p})}
)}
{d.seller} {d.financer || None} {d.advisorsSell.length ? d.advisorsSell.join(', ') : None} {d.advisorsBuy.length ? d.advisorsBuy.join(', ') : None} {d.quarter}
e.preventDefault()}> Company site e.preventDefault()}> LinkedIn e.preventDefault()}> Source deal page
{/* right: fit score panel */}
Thesis fit
{d.fit} / 5 {[1, 2, 3, 4, 5].map((n) => )}
{reasons.map((r, i) => (
{r.text}
))}

{d.fitReason}

{d.relevant ? Relevant : Not relevant} {d.seenBefore ? Seen before : Unseen}
); } function DealDrawer({ open, onClose, title, subtitle, deals, winner }) { const [minFit, setMinFit] = useState('all'); const [fte, setFte] = useState('all'); const [seenOnly, setSeenOnly] = useState(false); const [sizeKnown, setSizeKnown] = useState(false); const [hasAdv, setHasAdv] = useState(false); const [sort, setSort] = useState({ key: 'fit', dir: 'desc' }); const [page, setPage] = useState(0); const [expanded, setExpanded] = useState(null); const PAGE = 11; useEffect(() => { // reset when source changes setMinFit('all'); setFte('all'); setSeenOnly(false); setSizeKnown(false); setHasAdv(false); setPage(0); setExpanded(null); setSort({ key: 'fit', dir: 'desc' }); }, [title, subtitle, deals && deals.length]); useEffect(() => { const h = (e) => { if (e.key === 'Escape') onClose(); }; if (open) document.addEventListener('keydown', h); return () => document.removeEventListener('keydown', h); }, [open]); if (!open) return null; const ftePreset = FTE_PRESETS.find((p) => p.value === fte); let view = (deals || []).filter((d) => { if (minFit !== 'all' && d.fit < +minFit) return false; if (!ftePreset.test(d)) return false; if (seenOnly && !d.seenBefore) return false; if (sizeKnown && d.dealSize == null) return false; if (hasAdv && d.advisorsSell.length + d.advisorsBuy.length === 0) return false; return true; }); view = sortDeals(view, sort); const pages = Math.max(1, Math.ceil(view.length / PAGE)); const pg = Math.min(page, pages - 1); const rows = view.slice(pg * PAGE, pg * PAGE + PAGE); const cols = dealColumns({ winner }); const onSort = (key) => setSort((s) => s.key === key ? { key, dir: s.dir === 'asc' ? 'desc' : 'asc' } : { key, dir: key === 'name' ? 'asc' : 'desc' }); return (
); } Object.assign(window, { DealDrawer, ScoredDealCard, ChipToggle });