{TILE_LABELS[platform]}

{status === 'qc' && (

)} {status === 'verified' && (

)}

); const Pill = ({ kind = 'neutral', dot = false, children }) => ( {dot && } {children} ); // Status helpers const STATUS_META = { missing: { label: 'Missing', color: '#A8A29E', pill: 'neutral' }, unverified: { label: 'Needs review', color: '#D97706', pill: 'warn' }, verified: { label: 'Verified', color: '#84CC16', pill: 'info' }, qc: { label: 'QC passed', color: '#16A34A', pill: 'ok' }, 'non-existing':{ label: 'Confirmed absent', color: '#57534E', pill: 'neutral' }, trusted: { label: 'Trusted', color: '#059669', pill: 'ok' }, }; // Compute counts per person (now handles arrays of handles per platform) function computeCounts(person, platforms) { const c = { missing: 0, unverified: 0, verified: 0, qc: 0, 'non-existing': 0 }; let totalHandles = 0; for (const p of platforms) { const handles = person.handles[p.id]; if (Array.isArray(handles)) { totalHandles += handles.length; for (const h of handles) { c[h.status] = (c[h.status] || 0) + 1; } } else { // Backwards compatibility for single handle structure totalHandles += 1; c[handles.status] = (c[handles.status] || 0) + 1; } } const done = c.qc + c['non-existing']; const complete = done === totalHandles; return { ...c, done, total: totalHandles, complete }; } function overallStatus(counts) { if (counts.complete) return { kind: 'ok', label: 'Complete' }; if (counts.unverified > 0 || counts.missing > 0) return { kind: 'warn', label: `${counts.unverified + counts.missing} to review` }; if (counts.verified > 0) return { kind: 'info', label: `${counts.verified} for QC` }; return { kind: 'neutral', label: '—' }; } // Profile (country + category) counts — same status vocabulary as platforms, // but only for the person-attribute rows. Used in the detail view's progress. // Trusted attributes (where tool and ES match) are excluded from verification workflow. function computeProfileCounts(person) { const c = { unverified: 0, verified: 0, qc: 0, trusted: 0 }; if (!person.profile) return { ...c, done: 0, total: 0 }; let totalCount = 0; for (const k of ['country', 'category']) { const st = person.profile[k]?.status || 'unverified'; c[st] = (c[st] || 0) + 1; if (st !== 'trusted') totalCount++; // Don't count trusted items in progress } return { ...c, done: c.qc, total: totalCount }; } // Active "soft locks": who else has opened a person in the last 5 minutes. // Returns { [personId]: { id, name, initials, role, activity, since, status, openedAt } }. function getActiveLocks(team, currentUser) { const map = {}; const fiveMinutesMs = 5 * 60 * 1000; const now = Date.now(); const parseApiTimestamp = (value) => { if (!value || typeof value !== 'string') return NaN; let s = value.trim(); // API can return microseconds (e.g., .254000). JS Date prefers milliseconds. s = s.replace(/\.(\d{3})\d+/, '.$1'); const hasTimezone = /[zZ]$|[+-]\d{2}:\d{2}$/.test(s); if (hasTimezone) return Date.parse(s); // Some endpoints return naive timestamps that are effectively UTC, // others behave like local time. Evaluate both and choose the closer one. const utcTs = Date.parse(`${s}Z`); const localTs = Date.parse(s); const utcDiff = Number.isFinite(utcTs) ? Math.abs(now - utcTs) : Number.POSITIVE_INFINITY; const localDiff = Number.isFinite(localTs) ? Math.abs(now - localTs) : Number.POSITIVE_INFINITY; if (!Number.isFinite(utcTs) && !Number.isFinite(localTs)) return NaN; return utcDiff <= localDiff ? utcTs : localTs; }; const currentUserIds = new Set([ currentUser?.id, currentUser?._id, currentUser?.user_id, currentUser?.email, ].filter(Boolean)); const toInitials = (name) => { if (!name) return '?'; return name .split(' ') .map(n => n.charAt(0)) .join('') .toUpperCase() .slice(0, 2); }; const formatSince = (openedAt) => { const diffMs = Math.max(0, now - openedAt); const minutes = Math.floor(diffMs / 60000); if (minutes <= 0) return 'just now'; if (minutes === 1) return '1 minute ago'; return `${minutes} minutes ago`; }; for (const t of team || []) { const actorId = t?.id || t?.user_id || t?.email; if (actorId && currentUserIds.has(actorId)) continue; const personIdRaw = t?.personId || t?.current_person_id || t?.last_viewed_person?.id; const personId = personIdRaw != null ? String(personIdRaw) : ''; const openedAtRaw = t?.last_viewed_person?.at || t?.current_person_at || t?.last_active; const openedAt = parseApiTimestamp(openedAtRaw || ''); if (!personId || !Number.isFinite(openedAt)) continue; if (now - openedAt > fiveMinutesMs) continue; const normalized = { ...t, personId, initials: t?.initials || toInitials(t?.name), activity: t?.activity || 'review', since: t?.since || formatSince(openedAt), status: t?.status || 'online', openedAt, }; const existing = map[personId]; if (!existing || normalized.openedAt > existing.openedAt) { map[personId] = normalized; } } return map; } // Small presence chip — avatar + activity dot — for list rows. const LockChip = ({ lock, size = 18 }) => { if (!lock) return null; const verb = lock.activity === 'qc' ? 'QC' : 'reviewing'; return ( e.stopPropagation()} > {lock.initials} ); }; // Helper function to get the lowest status from multiple handles // Shows the status that needs the most attention (lowest priority in workflow) // Status priority: missing < unverified < non-existing < verified < qc function getMostAdvancedStatus(handles) { if (!Array.isArray(handles) || handles.length === 0) { return { status: 'missing', sports: '', panel: '', merged: '' }; } const priorities = { 'missing': 1, // Highest priority to show (needs most attention) 'unverified': 2, 'non-existing': 3, 'verified': 4, 'qc': 5 // Lowest priority to show (completed) }; return handles.reduce((worst, current) => { const currentPriority = priorities[current.status] || 1; const worstPriority = priorities[worst.status] || 1; return currentPriority < worstPriority ? current : worst; }); } Object.assign(window, { Icon, Tile, Pill, TILE_LABELS, STATUS_META, computeCounts, overallStatus, computeProfileCounts, getActiveLocks, LockChip, getMostAdvancedStatus });