/* global React, Icon, Button, Chip, MOCK, AvatarBy, RealSbxCard, formatHandle */
// Stats dashboard — real data only. SBX (D2 engine), record, shot stats
// (GIR/putts/proximity when captured), match history, head-to-head, and
// achievements are all derived from the signed-in user's real matches.
// Shot-level intel that needs per-shot capture fills in once D3 ships.
function StatsScreen({ go, tier, statsFrom }) {
const isMember = tier === 'league' || tier === 'plus' || tier === 'stats';
const [tab, setTab] = React.useState('you');
return (
{/* Arrived via "Full dashboard" on the You page → back returns there.
Tab-bar navigation clears statsFrom, so no back button then. */}
{statsFrom === 'profile' && (
)}
Add the Stats Add On for $10/mo — less than your last cortadito order, probably.
);
}
// Plain-language explainers for the tappable "i" on each advanced stat.
const STAT_INFO = {
clutch: "When your partner's ball is compromised — they miss the green, go OB, or miss the fairway off the tee — Clutch % is how often YOUR ball bailed the team out: the team played your ball AND won or halved the hole. It only counts when the rescue actually saved the hole, so it can't be padded.",
shotEff: "Of the holes where the team picked a ball to play, the share where they played YOUR ball. 50% is an even partnership — above 50% means your ball is carrying the team, below means you're riding your partner's.",
finisher: "Of the team's holes that came down to a holed putt, how often YOU were the one who sank it. The closer rating.",
scrambling: "When you miss the green, how often you still win or halve the hole — your up-and-down grit under pressure.",
bounceBack: "Right after you LOSE a hole, how often you win the very next one. Pure momentum and mental resilience.",
conversion: "When you hit the green in regulation, how often you actually win the hole. Rewards capitalizing on your good shots.",
closer: "Your hole-win rate when the match is tight (all square or 1 up/down) or in the closing two holes. Performance when it matters most.",
};
function StatsYou({ go }) {
const u = MOCK.USER;
const f2 = u.fmt2v2 || {};
const f1 = u.fmt1v1 || {};
const hasShotData = (u.gir > 0) || (u.putts > 0) || (u.fairway != null);
const history = (MOCK.HISTORY || []);
const [fmt, setFmt] = React.useState('duo'); // duo = 2v2, solo = 1v1
return (
{/* SBX rating hero (shared with Profile) */}
{/* Shot stats — apply to both formats, so they lead */}
{hasShotData ? (
go({ screen: 'fairwaysDetail' }) : undefined}/>
) : (
)}
{/* Duo (2v2) / Solo (1v1) split — the format-specific stats live here */}
);
}
// ─── On-brand stat building blocks ────────────────────────────────────
function SectionHeader({ eyebrow, title }) {
return (
{eyebrow}
{title}
);
}
// Forest-gradient mini stat (shot stats row).
function ShotStat({ label, value, sub, onClick, cta }) {
return (
{label}
{value}
{sub}
{cta && (
{cta} →
)}
);
}
// Forest-gradient record hero with a W/H/L proportion bar = the win rate.
function RecordHero({ rec, fmt }) {
const W = rec.W || 0, L = rec.L || 0, H = rec.H || 0, total = W + L + H;
const wr = rec.winRate;
return (
Record · {fmt}
{W}–{L}–{H}
{total > 0 && (
{wr}%
win rate
)}
{total > 0 ? (
<>
{W > 0 && }
{H > 0 && }
{L > 0 && }
{W} W · {L} L · {H} H — {total} {total === 1 ? 'match' : 'matches'}
) : (
No {fmt} matches yet — go play one.
)}
);
}
// Non-percentage chip (win streak, best win, best partner).
function StatChip({ label, value, sub, fire }) {
return (
{label}{fire ? ' 🔥' : ''}
{value}
{sub}
);
}
// Percentage chip with a fill bar + tappable "i" explainer.
function PctChip({ label, stat, desc, info }) {
const has = stat && stat.pct != null;
return (
);
}
// ─── Head-to-head, aggregated from real recent matches ────────────────
function StatsH2H() {
const history = MOCK.HISTORY || [];
const byOpp = {};
history.forEach(r => {
if (!r.opp) return;
const k = r.opp;
byOpp[k] = byOpp[k] || { opp: k, w: 0, l: 0, h: 0 };
if (r.result === 'W') byOpp[k].w++;
else if (r.result === 'L') byOpp[k].l++;
else byOpp[k].h++;
});
const rows = Object.values(byOpp).sort((a, b) => (b.w + b.l + b.h) - (a.w + a.l + a.h));
return (
{rows.length === 0 ? (
) : (
{rows.map(h => )}
)}
);
}
// One rival: avatar + handle, W–L–H + win rate, and a W/H/L proportion bar
// (same visual language as the You section's record hero).
function RivalCard({ h }) {
const total = h.w + h.l + h.h;
const wr = total > 0 ? Math.round((h.w / total) * 100) : 0;
return (