/* ===================================================================== Incentive Automation — PersonView (transparent HITS math, % only) Branches: GM rollup · Hypercare GC (clean, hits-only) · Core GC. ===================================================================== */ const BackBtn = ({ onBack }) => ( ); const PersonHeader = ({ person, viewer }) => { const I = window.INCENTIVE; const m = I.cur(person); const team = I.TEAMS[person.team]; const isGM = person.role !== 'gc'; const isSelf = viewer.email === person.email; const finalPctAdj = I.finalPctWithAdhoc(person); return (

{person.name}{isSelf ? (you) : null}

{person.pip.flagged ? PIP : null}
{team.name} {person.designation} · {person.empId} {person.logic === 'hypercare' ? 'Hypercare logic' : person.logic === 'kae' ? 'KAE logic' : isGM ? 'GM rollup' : 'Core GC logic'}
{I.PERIOD} · Final incentive
{person.logic === 'kae' ?
{I.inr(m.amount)}
: isGM ? (m.gm && m.gm.finalPct != null ?
I.pct(v, 2)} />
:
Pending data
) : (m.finalPct != null ?
I.pct(v, 2)} />
:
Pending data
)}
); }; const MissingBanner = ({ m }) => (
Incentive can't be finalised yet
    {m.missingFields.map((f, i) =>
  • {f}
    • )}
 ); const SellerLedgerCard = ({ m }) => (
Sellers counted for HITs — {m.label}
{m.counted.length} counted
); const PersonView = ({ person, viewer, onBack, onChange, onOpenPerson }) => { const I = window.INCENTIVE; const m = I.cur(person); const team = I.TEAMS[person.team]; const isGM = person.role !== 'gc'; const canEdit = viewer.role === 'admin' || (viewer.role === 'manager' && I.descendants(viewer).some((d) => d.email === person.email)); const finalPctAdj = I.finalPctWithAdhoc(person); const apPct = Number(m.adhocPct) || 0, apAbs = Number(m.adhocAbs) || 0; const hasAdhoc = apPct || apAbs; /* ---------- GM incentive (doc §3) ---------- */ if (isGM) { const gm = m.gm || { weightedHits: 0, rawHits: 0, threeWeekCounted: [], counted: [], target: 0, achievementPct: null, outputPct: null, opsMult: 1, opsRule: '—', opsGreen: 0, opsYellow: 0, opsRed: 0, finalPct: null, teamSize: 0, is1k5k: false, kickerNote: '' }; const gcs = (person.reports || []).filter((d) => d.role === 'gc'); const sellersPayload = { title: 'HITs counted for this GM', subtitle: person.name + ' · ' + m.label, icon: 'list-checks', filename: 'gm_hits_' + m.key, formula: 'Weighted HITs = Σ (3-week ×1.5, standard ×1) where handover = TRUE (handover col F = GM)', columns: [ { key: 'sellerId', label: 'Seller ID', w: '1fr', num: true }, { key: 'sellerName', label: 'Seller', w: '1.4fr' }, { key: 'hitMonthName', label: 'HIT month', w: '0.9fr', fmt: (v, r) => v + ' ' + r.hitYear }, { key: 'threeWeek', label: '3-week', w: '0.7fr', fmt: (v) => v ? 'Yes ×1.5' : 'No ×1' }, ], rows: gm.counted || [], }; const opsColor = gm.opsMult >= 1.5 ? 'var(--sd-green-700)' : gm.opsMult >= 1.2 ? 'var(--sd-heading)' : 'var(--sd-red-700)'; return (
{onBack ? : null} {person.pip.flagged ?
: null}
{gm.counted.length}} /> {gm.weightedHits.toFixed(1)}} /> {gm.is1k5k ? : null}
Reporting GCs & their ops band
{gcs.length} GCs
GCHITsOps band
{gcs.map((d, i) => { const dm = d.byMonth[m.key]; const b = dm.gcBand; const bc = b === 'Green' ? 'var(--sd-green-700)' : b === 'Yellow' ? 'var(--sd-yellow-700)' : b === 'Red' ? 'var(--sd-red-500)' : 'var(--sd-fg-3)'; return (
onOpenPerson && onOpenPerson(d)} style={{ display: 'grid', gridTemplateColumns: '2fr 1fr 1fr 0.5fr', gap: 8, padding: '10px 16px', borderTop: '1px solid var(--sd-stroke)', alignItems: 'center', cursor: onOpenPerson ? 'pointer' : 'default' }}>
{d.name}
{dm.weightedHits.toFixed(1)} {b ? {b} : —}
); })} {gcs.length === 0 ?
No reporting GCs mapped.
: null}
GC Ops multiplier
{[['All GCs Green', '1.50×', 1.5], ['GC Yellow, none Red', '1.20×', 1.2], ['Any GC Red', '0.70×', 0.7]].map((r) => { const active = Math.abs(gm.opsMult - r[2]) < 0.001; return (
{r[0]} {r[1]} {active ? : null}
); })}
{gm.is1k5k ?
1k–5k GM: GL kicker (1/5 of GL incentive) will be added once the GL incentive logic is defined.
: null}
); } const missing = m.dataHealth === 'missing'; /* ---------- KAE (strike-based ₹ incentive, doc §13) ---------- */ if (person.logic === 'kae') { const band = m.kaeBand || { label: '—', ded: 0 }; const strikePayload = { title: 'KAE strikes', subtitle: person.name + ' · ' + m.label + ' (20th→20th)', icon: 'warning-circle', filename: 'kae_strikes_' + m.key, width: 600, formula: 'Base ₹6,000 · ' + m.strikeCount + ' strike(s) → ' + band.label + ' → ' + band.ded + '% deduction', columns: [ { key: 'n', label: '#', w: '0.4fr', num: true, fmt: (v, r, i) => undefined }, { key: 'date', label: 'Strike date', w: '1fr', num: true }, { key: 'issue', label: 'Strike issue', w: '2.4fr' }, ], rows: m.strikes.map((s, i) => ({ n: i + 1, date: s.date, issue: s.issue })), }; const tile = (n) => n === 0 ? 'var(--sd-green-700)' : n <= 3 ? 'var(--sd-yellow-700)' : n <= 5 ? 'var(--sd-orange-700)' : 'var(--sd-red-700)'; return (
{onBack ? : null}
{m.strikeCount + ' strike' + (m.strikeCount === 1 ? '' : 's')}} value={band.label} accent={tile(m.strikeCount)} />
Strikes that affected your incentive
{m.strikeCount} this period
{m.strikes.length === 0 ? (
No strikes — full ₹6,000 incentive, no deduction.
) : (
#DateIssue
{m.strikes.map((s, i) => (
{i + 1} {s.date} {s.issue}
))}
)}
KAE strike schedule
{[['0', '₹6,000', 'No deduction', 0], ['1–3', '₹4,800', '20% off', 3], ['>3–5', '₹3,000', '50% off', 5], ['>5', '₹0', '100% off', 99]].map((r) => { const active = (r[3] === 0 && m.strikeCount === 0) || (r[0] === '1–3' && m.strikeCount >= 1 && m.strikeCount <= 3) || (r[0] === '>3–5' && m.strikeCount > 3 && m.strikeCount <= 5) || (r[0] === '>5' && m.strikeCount > 5); return (
{r[0]} {r[1]} {r[2]} {active ? : null}
); })}
); } /* ---------- Hypercare GC (clean: hits only, no bands/multiplier) ---------- */ if (person.logic === 'hypercare') { return (
{onBack ? : null} {missing ? : null}
= 90 ? 'var(--sd-green-700)' : 'var(--sd-heading)'} /> {hasAdhoc ? (<> ) : null}
Hypercare per-HIT schedule
 {person.pip.flagged ? : null}
); } /* ---------- Core GC ---------- */ const hasInputs = !!(m.bandArr && m.bandArr.length); const mult = m.multiplier == null ? 1 : m.multiplier; const sellersPayload = window.Drill.sellers(m, person.name); return (
{onBack ? : null} {missing ? : null}
{m.counted.length}} /> {m.weightedHits.toFixed(1)}} /> = 90 ? 'var(--sd-green-700)' : m.achievementPct >= 50 ? 'var(--sd-heading)' : 'var(--sd-red-700)'} /> {hasInputs ? I.INPUTS[i].key + ':' + b[0].toUpperCase()).join(' ')} · ${m.multRule}`} value={'×' + mult.toFixed(2)} accent={mult >= 1.3 ? 'var(--sd-green-700)' : mult >= 1 ? 'var(--sd-heading)' : 'var(--sd-red-700)'} indent /> : } {hasAdhoc ? (<> ) : null}
Input quality bands
{m.multRule} ×{mult.toFixed(2)}
Core incentive bands
 {person.pip.flagged ? : null}
); }; /* ---- Spend/Live day-wise + average (with calc logic) --------------- */ const SpendLiveDetail = ({ rec, person }) => { const I = window.INCENTIVE; const sp = rec.spend; const tk = rec.task, cb = rec.callback; if (!sp && !tk && !cb) return null; const Adher = ({ label, kind, data }) => { if (!data) return null; const payload = window.Drill.tasks(rec, person.name, kind); const band = data.band; const col = window.Drill.bandColor(band); return (
{label}
closed/completed {data.done} ÷ total {data.total}
{data.pct == null ? '—' : data.pct + '%'}
); }; return (
{sp ? (
Average Spend / Live
Σ spend {sp.sumSpend} ÷ Σ live {sp.sumLive} · window 20th→20th
{sp.netPct == null ? '—' : sp.netPct + '%'}
Day-wise (click average above for full table + CSV)
DateSpendLiveRatio
{(sp.days || []).map((d, i) => (
{d.date} {d.spend} {d.live} {d.ratio == null ? '—' : d.ratio + '%'}
))}
) : null}
); }; Object.assign(window, { PersonView, BackBtn, SpendLiveDetail });