// fc-reveal-recommended.jsx — THE RECOMMENDATION.
// Strategy: the reveal earns belief (the aha); the paywall makes the offer. Our
// wedge is that the personalization is REAL where Noom/BetterMe fake it — so the
// reveal reads like a coach who's already studied THIS athlete's cut. It leads with
// the safe verdict, then a coaching write-up about their specific cut (engine `tip`),
// then the recommended cut strategy (what to use / cap / skip for their weigh-in),
// then the levers that still sharpen the plan in setup. The full week-by-week plan
// stays locked — that's what the paywall sells. Same engine numbers (usePosterData).
const rr = window;
const REC_CLAY = window.POSTER_CLAY || '#e9ddcd';
function RevealRecommended() {
const data = rr.usePosterData();
const { c, d, strats, stratIntro } = data;
if (!c.tip) return null;
const Num = rr.Num, PaceMeter = rr.RevealLabPaceMeter, CoachTip = rr.CoachTip;
const tip = c.tip;
const divisionLabel = d.division || d.sport;
const dateStr = c.FC.fightDateShort || 'Jan 1';
// shared strategy grouping + tick (from fc-reveal-recommended-options.jsx) so this
// screen and the direction options read Using / Cap / Skip identically.
const groups = rr.rroStratGroups ? rr.rroStratGroups(strats) : { using: strats, cap: [], skip: [] };
const Tick = rr.RROTick;
const GREEN = rr.RRO_GREEN || 'var(--green, #2f5a24)';
const AMBER = rr.RRO_AMBER || 'var(--mustard, #a87b22)';
// the levers that still sharpen the plan in setup (drop the strategy lever — shown above)
const levers = (rr.buildLevers ? rr.buildLevers(data) : []).filter((l) => l.key !== 'strategy');
const SectionTitle = ({ children }) => (
{children}
);
return (
}>
{/* ══ ONE POSTER — intelligence chip + goal echo + make-weight number, together. The single anchor. ══ */}
{/* beat 1 · intelligence chip — names the real work the engine did (labour illusion, honestly true) */}
Built from your answers
{d.sport} · {c.weighShort} weigh-in · {d.weeks} weeks out
{d.firstName ? `${d.firstName} — your ` : 'Your '}safe line to make {divisionLabel} by {dateStr}.
{c.glyph && rr.SportGlyph && }
Make-weight target
{Num ? {d.targetW.toFixed(1)} : {d.targetW.toFixed(1)}}
KG
Safe pace
−{d.cut.toFixed(1)}kg
from today
{/* beat 3 · the descent line — the verdict made visual, landing on make-weight */}
{rr.PlanGlide && (
)}
{/* safe-pace meter (shared) — carried on the poster, not a second card */}
{PaceMeter &&
}
{/* ══ COACH'S READ — styled like the onboarding coach cards (clay card,
eyebrow + meta header, hairline, headline + read) ══ */}
{/* ══ RECOMMENDED CUT STRATEGY — calm Using / Cap / Skip groups (shared) ══ */}
Recommended cut strategy
{stratIntro}
Using
{groups.using.concat(groups.cap).map((s, i) => (
{Tick ? : }
{s.t} — {s.s}
))}
{groups.skip.length > 0 && (
Skipping
{groups.skip.map((s) => s.t).join(' and ')} — hard to time and not worth the muscle. We leave them off.
)}
{/* recommendations now; the athlete chooses the exact mix when they set up camp */}
This is what we’d recommend for your weigh-in. You choose the exact mix — and fine-tune it — when you set up camp.
{/* ══ BUILT FOR YOUR SPORT — bespoke: what THIS cut protects for their sport,
with copy that flips when the pace is too hot to protect it. Replaces the
category stat (already shown at sport-select) with sport-specific proof. ══ */}
{(() => {
const pr = (rr.FC_SPORT_PROTECT || {})[d.sport] || (rr.FC_SPORT_PROTECT || {}).Other || { tag: 'Strength · gas', protect: 'your strength and stamina across the whole fight.' };
const ceiling = rr.SAFE_RATE_PCT || 1.0;
const safe = d.ratePct <= ceiling + 0.005;
const tagPhrase = pr.tag.toLowerCase().replace(/\s*·\s*/, ' and ').replace(/^your\s+/, '');
const tone = safe ? GREEN : AMBER;
const pulls = [
{ k: 'Protects', v: pr.tag },
{ k: 'Weigh-in', v: d.water ? 'Water window' : 'Real weight only' },
{ k: 'Cut pace', v: `${d.ratePct.toFixed(2)}%/wk` },
];
return (
Built for your fight
{safe ? 'Protected' : 'Runs hot'}
{safe
? `This cut protects your ${tagPhrase}.`
: `This pace could cost your ${tagPhrase}.`}
{pr.protect}{' '}
{safe
? At {d.ratePct.toFixed(2)}%/wk you’re inside the safe line, so the weight comes off as fat, not muscle — that stays intact.
: At {d.ratePct.toFixed(2)}%/wk you’re past the 1%/wk line — the point where that starts to erode. Give the cut more time and it holds.}
{/* bespoke pull-outs */}
{pulls.map((p, i) => (
{p.k}
{p.v}
))}
{/* new evidence (not the sport-select stat): the safety consensus this plan obeys */}
{rr.SourceTag && (
Sports-science consensus: keep a cut under ~5% of bodyweight and it won’t cost performance — every OnWeight plan is built to that ceiling.
)}
);
})()}
{/* ══ WHAT STILL SHARPENS IT ══ */}
{levers.length > 0 && (
Sharpens once you set up camp
{levers.length} {levers.length === 1 ? 'input' : 'inputs'} still sharpen your plan
{levers.map((lv) => (
{lv.title}
{lv.summary}
))}
)}
{/* ══ LOCKED — the week-by-week plan is what the paywall sells. The strong close. ══ */}