0 ? `0 0 0 ${4 * realce}px rgba(29,115,226,0.22)` : 'none', transform:`scale(${1 - 0.05 * pulso})` }}>
EMAIL
);
}
function BotonWa({ realce = 0, pulso = 0 }){
return (
0 ? `0 0 0 ${4 * realce}px rgba(37,211,102,0.25)` : 'none', transform:`scale(${1 - 0.05 * pulso})` }}>
);
}
// ── Tarjeta de cliente (PorCobrarItemU): cabecera y, si se pide, su tabla de facturas ──
function Cliente({ c, x, y, w, op = 1, dx = 0, conTabla = false, realceTotal = 0, realceBotones = 0, colsFoco = null, filaFoco = -1, pulsoEmail = 0, pulsoWa = 0, realceEmail = 0, realceWa = 0, alto }){
const tr = TRAMOS[c.tramo];
const altoTabla = conTabla ? 56 + c.facturas.length * 62 : 0;
const H = alto || (88 + (conTabla ? altoTabla + 8 : 0));
return (
{COLS.map((col, i) => f0(col.id) > 0 && (
))}
{COLS.map((col, i) => celda(col, i, col.txt))}
{c.facturas.map((f, n) => {
const fila = kRow(f.dias);
return (
{celda(COLS[0], 0, f.f)}
{celda(COLS[1], 1,
{f.num})}
{celda(COLS[2], 2, f.v)}
{celda(COLS[3], 3, f.dias > 0 ?
: f.dias === 0 ? : )}
{celda(COLS[4], 4, (
{eur(f.cob)}
= 50 ? PC.verde : PC.rojo }}/>
))}
{celda(COLS[5], 5,
{eur(f.pend)})}
);
})}
);
}
// ── Cursor sencillo, que se desliza entre puntos ──
function Cursor({ t, puntos, clicks = [] }){
if (!puntos.length || t < puntos[0].t - 0.4) return null;
let x = puntos[0].x, y = puntos[0].y;
for (let i = 0; i < puntos.length - 1; i++) {
const a = puntos[i], b = puntos[i + 1];
if (t >= a.t && t <= b.t) { const e = Easing.easeInOutCubic((t - a.t) / (b.t - a.t)); x = lerp(a.x, b.x, e); y = lerp(a.y, b.y, e); break; }
if (t > b.t) { x = b.x; y = b.y; }
}
const op = clamp((t - puntos[0].t + 0.4) / 0.4, 0, 1);
const clic = clicks.find(c => t >= c && t < c + 0.5);
const anillo = clic !== undefined ? (t - clic) / 0.5 : -1;
return (
);
}
// Titular de la escena (eyebrow + título), sustituto plano de DemoHeader con entrada suave.
function Cabecera({ t, eyebrow, titulo, t0 = 0 }){
const e = ap(t, t0, 0.8);
return (
);
}
// La Única Cosa, en dos líneas, para las escenas 1, 5 y 6.
function UnicaCosa({ t, t1, t2, y = 420, op = 1 }){
const a = ap(t, t1, 0.8), b = ap(t, t2, 0.8);
return (
Arriba, lo que más tiempo lleva vencido.
Al lado, el botón para reclamarlo.
);
}
function Fondo({ children }){
return
{children};
}
Object.assign(window, { PC, ROBOTO, ap, foco, eur, Ico, WaLogo, EMPRESA, TRAMOS, CLIENTES, CLI, Ventana, TituloPantalla, KPIS, Kpi, Insignia, Tramo,
Avatar, BotonEmail, BotonWa, Cliente, TablaFacturas, Cursor, Cabecera, UnicaCosa, Fondo, kDias });