/* ProofSource — Creator Earnings. Exports window.AppCreator. */ function AppCreator({ go }) { const session = useStore((s) => s.session); const creator = useStore((s) => s.creator); const [listMode, setListMode] = useState('feed'); // 'feed' | 'manual' const [feedUrl, setFeedUrl] = useState(''); const [feedPrice, setFeedPrice] = useState(''); const [listing, setListing] = useState(false); const [listed, setListed] = useState(null); // null | number (count) const [feedErr, setFeedErr] = useState(''); const [itemTitle, setItemTitle] = useState(''); const [itemBody, setItemBody] = useState(''); const [itemPrice, setItemPrice] = useState(''); const [itemSourceUrl, setItemSourceUrl] = useState(''); const [itemBusy, setItemBusy] = useState(false); const [itemErr, setItemErr] = useState(''); const [itemOk, setItemOk] = useState(false); const [showWallet, setShowWallet] = useState(false); const [connecting, setConnecting] = useState(null); const [walletErr, setWalletErr] = useState(''); const [earningsData, setEarningsData] = useState(null); // real API data const [loadingEarnings, setLoadingEarnings] = useState(false); const [showWithdraw, setShowWithdraw] = useState(false); const [withdrawAddr, setWithdrawAddr] = useState(''); const [withdrawAmt, setWithdrawAmt] = useState(''); const [withdrawBusy, setWithdrawBusy] = useState(false); const [withdrawResult, setWithdrawResult] = useState(null); // null | { txId } | { error } const providerId = session?.providerId; // Load real earnings from API when we have a providerId useEffect(() => { if (!providerId) { window.Store.seedCreator(); return; } async function load() { setLoadingEarnings(true); try { const data = await window.PS_API.earnings(providerId); setEarningsData(data); // Sync wallet from API into local store if (data.walletAddress && !creator.wallet) { window.Store.connectWallet(data.walletAddress, 'connected'); } } catch { /* fall back to local store */ } finally { setLoadingEarnings(false); } } load(); }, [providerId]); // Poll earnings every 8s when a providerId is known useInterval(async () => { if (!providerId) return; try { const data = await window.PS_API.earnings(providerId); setEarningsData(data); } catch {} }, 8000, !!providerId); // Fall back to local store accrual when no real API session useEffect(() => { if (!providerId) window.Store.seedCreator(); }, []); useInterval(() => { if (!providerId) window.Store.accrueCitation(); }, 4500, !providerId && creator.pieces.length > 0); // Derive display totals — prefer real API data when available const apiEarned = earningsData ? Number(earningsData.totalEarnedUsdc) : null; const apiCites = earningsData ? earningsData.citations : null; const apiPieces = earningsData?.perPiece || null; const apiRecent = earningsData?.recent || null; const localTotals = window.Store.creatorTotals(); const earned = apiEarned !== null ? apiEarned : localTotals.earned; const cites = apiCites !== null ? apiCites : localTotals.cites; const avg = cites > 0 ? earned / cites : 0; const pieces = apiPieces || creator.pieces.map((p) => ({ title: p.title, citations: p.citations, earningsUsdc: p.earned.toFixed(6) })); const recent = apiRecent || creator.citations.map((c) => ({ title: c.title, amountUsdc: c.amount.toFixed(6), at: new Date(c.at).toISOString(), receiptHash: c.receipt })); async function connectWallet(type) { setConnecting(type); setWalletErr(''); try { let addr, kind; if (type === 'managed') { const data = await window.PS_API.wallet({ kind: 'managed' }); addr = data.walletAddress; kind = 'managed'; } else if (type === 'metamask') { if (!window.ethereum) throw new Error('MetaMask is not installed. Visit metamask.io to add the browser extension, then try again.'); const accounts = await window.ethereum.request({ method: 'eth_requestAccounts' }); if (!accounts || !accounts[0]) throw new Error('MetaMask returned no accounts.'); addr = accounts[0]; kind = 'connected'; await window.PS_API.wallet({ walletAddress: addr, kind }).catch(() => {}); } else if (type === 'walletconnect') { if (!window.__WC_MODAL__) throw new Error('WalletConnect needs a project ID. Set WC_PROJECT_ID in index.html — get one free at cloud.reown.com.'); addr = await new Promise((resolve, reject) => { let settled = false; const timeout = setTimeout(() => { if (settled) return; settled = true; window.__WC_RESOLVE__ = null; reject(new Error('Connection timed out.')); }, 120000); window.__WC_RESOLVE__ = (a) => { if (settled) return; settled = true; clearTimeout(timeout); resolve(a); }; window.__WC_MODAL__.open(); }); kind = 'connected'; await window.PS_API.wallet({ walletAddress: addr, kind }).catch(() => {}); } window.Store.connectWallet(addr, kind); setShowWallet(false); } catch (e) { if (e.code === 4001) { setWalletErr('Connection rejected. Approve the request in your wallet to continue.'); } else { setWalletErr(e.message || 'Connection failed.'); } } setConnecting(null); } async function submitFeed(e) { e && e.preventDefault(); if (!feedUrl.trim() && !feedPrice) return; setListing(true); setFeedErr(''); try { const body = feedUrl.trim() ? { feedUrl: feedUrl.trim(), priceUsdc: feedPrice || undefined } : { sample: true, priceUsdc: feedPrice || undefined }; const data = await window.PS_API.connectFeed(body); setListed(data.listed || 0); setFeedUrl(''); setFeedPrice(''); if (providerId) { const updated = await window.PS_API.earnings(providerId); setEarningsData(updated); } } catch (e) { setFeedErr(e.data?.error || e.message || 'Failed to list feed.'); setListed(null); } finally { setListing(false); } } async function submitItem(e) { e && e.preventDefault(); setItemErr(''); setItemOk(false); if (!itemTitle.trim()) { setItemErr('Give it a title.'); return; } if (itemBody.trim().length < 40) { setItemErr('Paste the full text — at least 40 characters.'); return; } setItemBusy(true); try { await window.PS_API.listItem({ title: itemTitle.trim(), body: itemBody.trim(), priceUsdc: itemPrice || undefined, sourceUrl: itemSourceUrl.trim() || undefined, }); setItemOk(true); setItemTitle(''); setItemBody(''); setItemPrice(''); setItemSourceUrl(''); if (providerId) { const updated = await window.PS_API.earnings(providerId); setEarningsData(updated); } } catch (e) { setItemErr(e.data?.error || e.message || 'Failed to list it.'); } finally { setItemBusy(false); } } async function submitWithdraw(e) { e && e.preventDefault(); if (!withdrawAddr.trim() || !withdrawAmt.trim()) return; setWithdrawBusy(true); setWithdrawResult(null); try { const data = await window.PS_API.request('/creators/' + providerId + '/withdraw', { method: 'POST', body: JSON.stringify({ destinationAddress: withdrawAddr.trim(), amountUsdc: withdrawAmt.trim() }), }); setWithdrawResult({ txId: data.txId, amountUsdc: data.amountUsdc }); } catch (e) { setWithdrawResult({ error: e.data?.error || e.message || 'Withdrawal failed.' }); } finally { setWithdrawBusy(false); } } const inp = { background: 'var(--panel2)', border: '1px solid var(--line)', borderRadius: 9, padding: '11px 14px', color: 'var(--text)', fontFamily: 'var(--font-sans)', fontSize: 14, outline: 'none', width: '100%', }; const WALLETS = [ { id: 'metamask', label: 'MetaMask', sub: 'Browser extension wallet' }, { id: 'walletconnect',label: 'WalletConnect', sub: 'Mobile or desktop wallet' }, { id: 'managed', label: 'Managed wallet', sub: 'We create and hold keys for you' }, ]; return (
{/* ── Page header ─────────────────────────────────────── */}
Creator earnings
{earned > 0 ? '$' + earned.toFixed(4) : '$0.0000'}
{cites.toLocaleString()} verified citations · avg {avg > 0 ? '$' + avg.toFixed(4) : '—'} each
{ setWithdrawResult(null); setShowWithdraw(true); }} style={{ opacity: (earned > 0 && creator.walletKind === 'managed') ? 1 : 0.45, marginTop: 4 }} title={creator.walletKind !== 'managed' ? 'Funds arrive directly to your connected wallet' : ''}>Withdraw to wallet
{/* ── Wallet ──────────────────────────────────────────── */}
Payout wallet
{creator.wallet ? (
◈
{creator.wallet}
{creator.walletKind === 'managed' ? 'Managed by ProofSource' : 'External wallet'} · earnings settled on Arc
window.Store.connectWallet(null, null)}>Disconnect
) : (
◈
No wallet connected
Your earnings are accumulating and will be released when you connect.
{ setWalletErr(''); setShowWallet(true); }}>Connect wallet
)}
{/* ── List work ───────────────────────────────────────── */}
List your work
{[['feed', 'From a feed'], ['manual', 'Paste an article']].map(([id, label]) => (
setListMode(id)} style={{ cursor: 'pointer', fontSize: 12, padding: '6px 11px', borderRadius: 6, color: listMode === id ? 'var(--text)' : 'var(--faint)', background: listMode === id ? 'rgba(255,255,255,.07)' : 'transparent', fontWeight: listMode === id ? 600 : 400 }}>{label}
))}
{listMode === 'feed' ? (
setFeedUrl(e.target.value)} />
Price setFeedPrice(e.target.value)} /> USDC
{listing ? 'Listing…' : 'List feed'}
{listed !== null && listed > 0 &&
✓ {listed} piece(s) listed. Agents can now cite and pay for your work.
} {listed === 0 && !feedErr &&
Feed listed (0 items parsed). RSS/Atom only — a LinkedIn post or regular webpage won't parse here. Use "Paste an article" instead.
} {feedErr &&
{feedErr}
}
) : (
For content with no public feed — LinkedIn posts, paywalled articles, anything you'd otherwise copy by hand. Paste the full text so agents have something real to cite.
setItemTitle(e.target.value)} />