/* =====================================================================
Incentive Automation — Person view (real HITS transparency math)
+ CSV export, MetricTile, AdhocEditor, band/schedule components.
===================================================================== */
/* ---- CSV export (new model) ---------------------------------------- */
function exportCSV(list, filename) {
const I = window.INCENTIVE;
const cols = [
'Emp Id', 'Name', 'Email', 'Team', 'Designation', 'Logic', 'Manager',
'Period', 'HITs (counted)', '3-week HITs', 'Weighted HITs', 'Target HITs', 'Achievement %',
'Band', 'Per-HIT %', 'Output %',
'Input A (Spend/Live)', 'Input B (Task)', 'Input C (Callback)', 'Input D (Escalations)',
'Input Bands', 'Multiplier', 'Final %',
'Ad-hoc % (relative)', 'Ad-hoc pp (flat)', 'Ad-hoc Note', 'Final % (with ad-hoc)',
'PIP Flag', 'PIP Ratio %', 'Data Status', 'Flags',
];
const esc = (v) => { const s = v == null ? '' : String(v); return /[",\n]/.test(s) ? '"' + s.replace(/"/g, '""') + '"' : s; };
const rows = list.map((p) => {
const c = I.cur(p); const mgr = I.byEmail[p.managerEmail]; const fp = I.finalPctWithAdhoc(p);
return [
p.empId, p.name, p.email, I.TEAMS[p.team].name, p.designation, p.logic, mgr ? mgr.name : '—',
c.label, c.rawHits, c.threeWeekCounted.length, c.weightedHits, c.target,
c.achievementPct == null ? '' : c.achievementPct.toFixed(1),
c.coreBand ? c.coreBand.label : (p.logic === 'hypercare' ? 'Progressive' : ''),
c.perHitRate == null ? '' : c.perHitRate,
c.outputPct == null ? '' : c.outputPct.toFixed(2),
c.rawVals ? c.rawVals.A : '', c.rawVals ? c.rawVals.B : '', c.rawVals ? c.rawVals.C : '', c.rawVals ? c.rawVals.D : '',
c.bandArr ? c.bandArr.map((b) => b[0].toUpperCase()).join('') : 'n/a', c.multiplier == null ? 'n/a' : c.multiplier,
c.finalPct == null ? '' : c.finalPct.toFixed(2),
c.adhocPct || 0, c.adhocAbs || 0, c.adhocNote || '',
fp == null ? '' : fp.toFixed(2),
p.pip.flagged ? 'YES' : 'NO', p.pip.ratio == null ? '' : p.pip.ratio.toFixed(1),
c.dataHealth, (c.missingFields || []).join('; '),
].map(esc).join(',');
});
const csv = cols.join(',') + '\n' + rows.join('\n');
const blob = new Blob([csv], { type: 'text/csv;charset=utf-8;' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a'); a.href = url; a.download = filename;
document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url);
}
/* ---- Metric tile ---------------------------------------------------- */
const MetricTile = ({ label, value, sub, icon, accent = 'var(--sd-primary)', missing }) => (
{label}
{value}
{sub ?
{sub}
: null}
);
/* ---- Band chip (Green/Yellow/Red) ---------------------------------- */
const BAND_STYLE = {
green: { bg: 'var(--sd-green-50)', fg: 'var(--sd-green-900)', dot: 'var(--sd-green-700)', label: 'Green' },
yellow: { bg: 'var(--sd-yellow-50)', fg: 'var(--sd-yellow-900)', dot: 'var(--sd-yellow-700)', label: 'Yellow' },
red: { bg: 'var(--sd-red-50)', fg: 'var(--sd-red-900)', dot: 'var(--sd-red-500)', label: 'Red' },
};
const BandPill = ({ band, children }) => {
const s = BAND_STYLE[band];
return
{children || s.label}
;
};
/* ---- Input bands grid (null-safe; only renders inputs that exist) -- */
const InputBands = ({ rec, person }) => {
const I = window.INCENTIVE;
if (!rec.bands || !rec.rawVals) {
return Input metrics (Spend/Live, Task, Callback) not found for this period — multiplier defaults to ×1.00.
;
}
const drillFor = { A: () => window.Drill.spend(rec, person && person.name), B: () => window.Drill.tasks(rec, person && person.name, 'task'), C: () => window.Drill.tasks(rec, person && person.name, 'callback'), D: () => window.Drill.escalations(rec, person && person.name) };
return (
{I.INPUTS.filter((inp) => rec.bands[inp.key] != null).map((inp) => {
const band = rec.bands[inp.key]; const s = BAND_STYLE[band] || BAND_STYLE.yellow; const v = rec.rawVals[inp.key];
const payload = drillFor[inp.key] ? drillFor[inp.key]() : null;
return (
);
})}
No seller HITs recorded for {rec.label}.
;
const isHC = rec.logic === 'hypercare';
return (
Seller3-week?HandoverCounts
{[...counted, ...disposed].map((s, i) => (
{s.sellerName}
{s.sellerId} · {s.hitMonthName} {s.hitYear}
{s.threeWeek ? (isHC ? 3-week (×1) : 3-week ×1.5) : Standard}
{s.handover ? 'TRUE' : 'FALSE'}
{s.handover ? ((s.threeWeek && !isHC) ? '1.5' : '1.0') : '—'}
))}
);
};
/* ---- Core band reference table ------------------------------------- */
const CoreBandTable = ({ active }) => {
const I = window.INCENTIVE;
return (
{I.CORE_BANDS.map((b, i) => {
const on = active && b.min === active.min;
return (
{b.label} achievement
{b.rate}% / HIT
);
})}
{I.HYPERCARE_SCHEDULE.map((r, i) => {
const on = (i + 1) <= reached;
return (
{r.hit}
+{r.rate}% per HIT
{r.cum != null ?
{r.cum}% cum.
:
flat}
);
})}
PIP flag raised
{pip.isGM ? 'GM' : 'GC'} criterion: 2-month achievement < {pip.threshold}%
Σ raw HITs ({pip.months.join(' + ')})
{pip.sumAch}
Σ target HITs
{pip.sumTgt}
Achievement ratio
{pip.ratio == null ? '—' : pip.ratio.toFixed(1) + '%'}
Note: 3-week HITs count as 1 (not 1.5) in the PIP calculation.
);
};
/* ---- Ad-hoc editor (all in %) -------------------------------------- */
const AdhocEditor = ({ person, onChange, canEdit }) => {
const I = window.INCENTIVE; const m = I.cur(person);
const [pct, setPct] = React.useState(m.adhocPct || 0);
const [abs, setAbs] = React.useState(m.adhocAbs || 0);
const [note, setNote] = React.useState(m.adhocNote || '');
const [saved, setSaved] = React.useState(false);
const apply = () => { m.adhocPct = Number(pct) || 0; m.adhocAbs = Number(abs) || 0; m.adhocNote = note; setSaved(true); setTimeout(() => setSaved(false), 1600); onChange && onChange(); };
const dirty = (Number(pct) || 0) !== (m.adhocPct || 0) || (Number(abs) || 0) !== (m.adhocAbs || 0) || note !== (m.adhocNote || '');
const addPp = m.finalPct != null ? (m.finalPct * (Number(pct) || 0) / 100) + (Number(abs) || 0) : 0;
return (
Ad-hoc incentive
For special / ad-hoc projects · all in %
{!canEdit ? (
Only your manager or admin can add ad-hoc incentives.
) : (
setPct(e.target.value)} placeholder="0" />
setAbs(e.target.value)} placeholder="0" />
setNote(e.target.value)} placeholder="e.g. Diwali campaign sprint" icon="note-pencil" />
{m.finalPct != null ? `Adds +${I.pct(addPp, 2)}` : 'Base not computable'}
)}
);
};
Object.assign(window, { exportCSV, MetricTile, BandPill, InputBands, SellerHits, CoreBandTable, HypercareSchedule, PIPCard, AdhocEditor, BAND_STYLE });