// Reembolso → Calendário de Reembolso (spec 2026-07-30).
// Compara duas janelas — dia único ou período canônico — por produto, funil de
// marketing (B3/B4), etapa do funil e motivo. Escopo buygoods.
//
// PREFIXO `rc` em TODOS os identificadores de topo (escopo Babel compartilhado).
// Os gráficos vivem em RefundCharts.jsx (prefixo `rcc`), que carrega ANTES deste.
//
// SEM mock: comparação inventada é dado falso (mesmo critério do Teste A/B e do
// Leads). Offline mostra card honesto; com dado velho na tela, notice âmbar.
const RC_BLANK_A = { period: '7d', customRange: null };
const RC_BLANK_B = { period: 'ontem', customRange: null };
// Barra DIVERGENTE ancorada no zero: Δ é dado de polaridade (piorou/melhorou) e pede
// duas matizes com neutro no meio, não um número solto. Vermelho à direita = refund
// subiu; verde à esquerda = caiu.
const RcDeltaBar = ({ delta, max }) => {
const w = Math.min(100, (Math.abs(delta) / (max || 1)) * 100);
const sobe = delta > 0;
return (
{!sobe && delta !== 0 && (
)}
{sobe && (
)}
);
};
const rcDeltaTexto = (d) =>
(d > 0 ? '+' : d < 0 ? '−' : '') + Math.abs(d).toFixed(2).replace('.', ',');
const rcQuebra = (item, detalhe) => (detalhe === 'etapa' ? item.porEtapa : item.porFunil) || [];
// Uma linha da tabela (produto ou sub-linha de funil/etapa).
const RcLinha = ({ r, max, sub, aberto, onToggle }) => (
{/* Taxa de cancelamento PARALELA (rodada 2): cancel ÷ (vendas+cancel) — não entra
na métrica Reemb+CGBK da página, só é exibida ao lado dela. */}
{PCT(r.taxaCancelA)} → {PCT(r.taxaCancelB)}
{r.conf.ruido
? ruído
: ✓}
);
const RefundCalendarView = ({ onKpiSelect } = {}) => {
const [regua, setRegua] = React.useState('pedido');
const [ladoA, setLadoA] = React.useState(RC_BLANK_A);
const [ladoB, setLadoB] = React.useState(RC_BLANK_B);
const [products, setProducts] = React.useState([]);
const [funnelTag, setFunnelTag] = React.useState('todos');
// Um estado `detalhe` POR bloco — um estado compartilhado fazia o toggle de um
// bloco trocar os outros (bug reportado 30/jul).
const [detTab, setDetTab] = React.useState('funil');
const [detFeUp, setDetFeUp] = React.useState('funil');
const [detMot, setDetMot] = React.useState('funil');
const [abertos, setAbertos] = React.useState(() => new Set());
const [data, setData] = React.useState(null);
const [err, setErr] = React.useState(false);
const fullLoading = useFullLoading();
const withLoad = (fn) => (...a) => { fullLoading.mark(); fn(...a); };
const retry = useAutoRetry(err); // falhou → tenta de novo a cada 15s, sozinho
React.useEffect(() => {
const began = fullLoading.begin();
let cancelled = false;
fetchRefundCalendarAPI({ regua, a: ladoA, b: ladoB, products, funnelTag })
.then(d => { if (!cancelled) { setData(d); setErr(false); } })
.catch(() => { if (!cancelled) setErr(true); })
.finally(() => { if (!cancelled) fullLoading.end(began); });
return () => { cancelled = true; };
}, [regua, ladoA, ladoB, products, funnelTag, retry]);
const toggle = (k) => setAbertos(prev => {
const n = new Set(prev); if (n.has(k)) n.delete(k); else n.add(k); return n;
});
// Só a tabela do bloco 2 usa `abertos`; blocos 3/4 viraram donuts com clique.
const todosAbertos = () => setAbertos(prev => {
const chaves = data ? data.produtos.map(p => p.key) : [];
return prev.size ? new Set() : new Set(chaves);
});
// 1º load falhou: LoadingScreen offline + retry automático (useAutoRetry acima) —
// nunca um card estático sem retry (requisito ui-fenix, spec 2026-07-30-reconexao).
if (err && !data) return (
<>
Esta tela é uma comparação e não tem versão de demonstração — um Δ inventado
é pior que tela vazia. Reconectando sozinho a cada 15s.
);
if (!data) return ;
const L = data.lados;
const maxDelta = data.produtos.reduce((m, p) => Math.max(m, Math.abs(p.deltaPp)), 1);
const kp = data.kpis;
// ATENÇÃO: os dois setters TÊM que ser funcionais. Ao escolher um período fixo, o
// PeriodSelector chama setPeriod(k) e LOGO EM SEGUIDA setCustomRange(null), no
// mesmo tick. Com `{...val}` (o objeto capturado no render), a segunda chamada
// usaria o `val` velho e desfaria o período que a primeira acabou de setar.
const lado = (k, set, val) => (
Ordenado por quanto mudou, não por quem vende mais. ruído = menos
de 10 na base de algum lado ou diferença dentro do ruído a 95% (teste z de duas
proporções). Taxa = (refunds + chargebacks) ÷ (vendas + refunds + chargebacks) —
cancelamentos ficam fora (decisão 30/jul). Cancel % é a métrica paralela:
cancelamentos ÷ (vendas + cancelamentos), fora do Reemb+CGBK. Escopo buygoods.