// v-rewards.jsx — Rewards / Growth Progress + Campaigns list function MissionCard({ m, app }) { const e = ESTATES.find(x=>x.name===m.area); const pct = Math.round(m.progress/m.goal*100); const done = m.progress>=m.goal; return (
{done ? : }
{m.text}
{m.live && Live now} {m.area}
}>+{m.xp} XP
{done?'Complete':'Progress'} {m.progress}{m.unit||''} / {m.goal}{m.unit||''}
{!done && e ? app.openBuilder(e.id) : app.nav('map')} icon={}>Work on this}
); } function RewardsScreen({ app }) { const xpPct = Math.round(VENDOR.xp/VENDOR.xpToNext*100); return (
} style={{ fontSize:13, padding:'7px 13px' }}>{`${VENDOR.streak}-week streak`}}/> {/* level hero */}
{VENDOR.level}
LEVEL
Growth Level 7 · Trailblazer
{VENDOR.name}
{(VENDOR.xpToNext-VENDOR.xp).toLocaleString()} XP to Level 8 · {VENDOR.cuisine}
{VENDOR.xp.toLocaleString()} XP {VENDOR.xpToNext.toLocaleString()} XP
{[['Territory influence', VENDOR.influence+'%', I.target],['Estates active', '13 / 17', I.map],['Campaigns won', '34', I.trophy]].map(([l,v,Ic])=>(
{v}
{l}
))}
{/* missions */}
 Weekly growth missions Resets in 3 days
{MISSIONS.map(m=> )}
{/* territory tiers */}
 Territory influence {TERRITORY_TIERS.map((t,i)=>(
{t.name} {t.count} estates
))}
Push a Warming estate to Active to level up faster.
app.nav('map')} icon={}>Open territory map
{/* badges */}
 Badges · {BADGES.filter(b=>b.earned).length} of {BADGES.length} earned
{BADGES.map(b=>{ const Icon = I[b.icon]||I.star; return (
{b.name}
{b.desc}
{!b.earned &&
}>Locked
} ); })}
{/* leaderboard */}
 MK pizza leaderboard Snapshot · today 06:00
{LEADERBOARD.map((v,i)=>(
{v.rank}
{v.you?VENDOR.initials:'•'}
{v.name}{v.you && · You}
{v.cuisine}
{v.score}%
influence
))}
Competitor names are anonymised
); } // ─── Campaigns list screen ─────────────────────────────────────────── function CampaignsScreen({ app }) { const [sel, setSel] = React.useState(null); const [, force] = React.useState(0); React.useEffect(()=>{ if (app.campaignFocus){ const c = ACTIVE_CAMPAIGNS.find(x=>x.id===app.campaignFocus); if (c){ setSel(c); force(v=>v+1); } app.clearCampaignFocus(); } }, [app.campaignFocus]); const live = ACTIVE_CAMPAIGNS.filter(c=>c.status==='live').length; const totalRev = ACTIVE_CAMPAIGNS.reduce((s,c)=>s+c.revenue,0); const totalSpend = ACTIVE_CAMPAIGNS.reduce((s,c)=>s+c.spend,0); return (
} onClick={()=>app.openBuilder(null)}>New campaign}/>
{[['Live campaigns', live, I.megaphone],['Total reach', '802', I.users],['Revenue driven', '£'+totalRev.toLocaleString(), I.pound],['Blended ROI', ((totalRev/totalSpend)).toFixed(1)+'×', I.trendUp]].map(([l,v,Ic])=>(
{v}
{l}
 ))}
{['Campaign','Area','Spend','Reach','Orders','Revenue','Status',''].map((h,i)=> {h})}
{ACTIVE_CAMPAIGNS.map((c,i)=>{ const ct = CAMPAIGN_TYPES.find(t=>t.id===c.type); const CIcon = (ct && I[ct.icon]) || I.megaphone; return (
setSel(c)} style={{ display:'grid', gridTemplateColumns:'2fr 1.2fr 1fr 1fr 1fr 0.9fr 1fr 0.4fr', gap:10, alignItems:'center', padding:'14px 20px', borderBottom: ie.currentTarget.style.background='var(--bg-elevated)'} onMouseLeave={(e)=>e.currentTarget.style.background='transparent'}>
{c.name}
{ct?ct.name:''}
{c.area}
£{c.spend} / £{c.budget}
{c.reach} {c.orders}
£{c.revenue.toLocaleString()}
=5?'green':c.roi>=3.5?'amber':'red'} style={{ marginTop:3, fontSize:9.5, padding:'2px 6px' }}>{c.roi}×
{(CAMP_STATUS[c.status]||CAMP_STATUS.live).label}
); })} {/* saved templates */} {CAMPAIGN_TEMPLATES.length>0 && (
 Saved templates Reusable settings · not running
{CAMPAIGN_TEMPLATES.map((tpl,i)=>{ const tt = CAMPAIGN_TYPES.find(t=>t.id===tpl.typeId); const TIcon = (tt && I[tt.icon]) || I.gift; const est = ESTATES.find(e=>e.id===tpl.estateId); return (
{tpl.name}
{tt?tt.name:''} · £{tpl.budget} · {tpl.duration} days{est?` · ${est.name}`:''}
{tpl.lastUsed||'Template'} } onClick={()=>app.openBuilder(tpl.estateId, null, tpl)}>Use
); })}
)} {sel && setSel(null)}/>}
); } Object.assign(window, { RewardsScreen, CampaignsScreen });