// financial/src/shared.jsx — cross-scope glue for the Financial Hub. // // Babel-standalone compiles every text/babel block into its own function // scope, so a slice can never see the inline block's lexical bindings. // Anything a slice AND the shell must both use lives here, published on // window.FinanceShared. This file is the FIRST slice in document order, // so later slices (career, retirement, …) and the inline block can safely // destructure window.FinanceShared at module scope. // // The sharp edge is React context identity: DataProvider (inline block) // and slice components must hold the SAME DataContext object, or // useContext silently returns the empty default and every tab looks // disconnected. It is created here, once. const { useState, useCallback } = React; // ── Formatters ──────────────────────────────────────────────────────────────── const fmtCur = n => new Intl.NumberFormat('en-US',{style:'currency',currency:'USD',maximumFractionDigits:0}).format(n||0); const fmtCurFull = n => new Intl.NumberFormat('en-US',{style:'currency',currency:'USD'}).format(n||0); const fmtPct = n => `${((n||0)*100).toFixed(1)}%`; const fmtPctDirect = n => `${(n||0).toFixed(1)}%`; const fmtDate = d => { try { return new Date(d).toLocaleDateString('en-US',{month:'short',day:'numeric',year:'numeric'}); } catch(e){ return d||''; } }; const fmtMonthYear = d => { try { return new Date(d).toLocaleDateString('en-US',{month:'short',year:'numeric'}); } catch(e){ return d||''; } }; const timeAgo = ts => { if(!ts) return 'never'; const s = Math.floor((Date.now()-new Date(ts.toDate?.()??ts).getTime())/1000); if(s<60) return 'just now'; if(s<3600) return `${Math.floor(s/60)}m ago`; if(s<86400) return `${Math.floor(s/3600)}h ago`; return `${Math.floor(s/86400)}d ago`; }; // `fns` comes from the plain firebase