// js/components/widgets/VendedorMetaBar.jsx
// Barra de progresso de meta individual do vendedor.
// Movido de index.html em Fase 5 do refactor (2026-04-29): L8984-L9086
// Deps runtime: fmt, saleFinalTotal (globals)
(function() {
'use strict';
const {useState, useEffect, useRef, useCallback, useMemo} = React;
function VendedorMetaBar({user,sales,metas}){
const now=new Date();
const cm=`${now.getFullYear()}-${String(now.getMonth()+1).padStart(2,'0')}`;
const meta=metas[user.name]||0;
// [BUG-FIX 20260504] Excluir Cancelada/Devolvida (total) do faturamento da meta
const rev=useMemo(()=>sales.filter(s=>s.sellerName===user.name&&s.date?.startsWith(cm)&&isFaturada(s)).reduce((a,s)=>a+saleFinalTotal(s),0),[sales,user.name,cm]);
const pct=meta>0?Math.min(100,(rev/meta)*100):0;
// [BUG-FIX 20260506] Cores mais graduais — feedback continuo conforme avanca rumo a meta
const color=
pct>=100?'#16A34A': // verde forte — META BATIDA
pct>=95 ?'#22C55E': // verde claro — quase la
pct>=80 ?'#2563EB': // azul — bom progresso
pct>=60 ?'#EAB308': // amarelo — ritmo medio
pct>=40 ?'#EA580C': // laranja — atencao
pct>=20 ?'#DC2626': // vermelho — longe
'#991B1B'; // vermelho escuro — comeco do mes
const daysInMonth=new Date(now.getFullYear(),now.getMonth()+1,0).getDate();
const daysLeft=daysInMonth-now.getDate();
const faltando=Math.max(0,meta-rev);
const carPos=Math.max(0,Math.min(pct,96));
if(meta===0)return(
🎯Meta mensal não definida — fale com o admin para configurar
);
return(
{/* Label */}
Meta Mensal{fmt(meta)}
{/* Race track */}
{/* Track base — checkered-ish pattern */}
{/* Lane dividers */}
{[25,50,75].map(p=>(
))}
{/* Colored fill with shimmer */}
{/* Bright tip glow */}
{/* [BUG-FIX 20260506-v60] Triangulo agudo apontando direita. Animation carBounce CSS atualizada em
index.html pra so translateY (sem scaleX) — nao mais sobrescreve transform do SVG. */}
{/* Finish flag */}
🏁
{/* % label on track */}
{pct>12&&(
{pct.toFixed(0)}%
)}
{/* Big % */}
{pct.toFixed(1)}%
{/* Rev / Meta */}
{fmt(rev)}de {fmt(meta)}
{/* Right info: meta batida or faltando */}
{pct>=100?(
🎉 META BATIDA!
):(
falta {fmt(faltando)}
{daysLeft>0&&{daysLeft} dias · {fmt(faltando/daysLeft)}/dia}