// === Escena 04 — "Quién construye el cuadro" [CLÍMAX] ===
// Se abre el SEGUNDO documento: el que la factura incluye («Factura JSON», carpeta API,
// clase FacturaJSON__2C — DOCD\API\Factura JSON.vb:246). Barra de título «Editor documento
// dinámico» (rama de edición, TERM\FuncionAPIF.vb:420), pestaña «Código», leyenda literal del
// pie en :431. El patrón que se dibuja es el de :226-228 — el que rellena el campo que la
// escena 3 dejó vacío. NO se dibuja el de Factura - Dinaup (:453-464): ese escribe la imagen en
// el HTML y nunca toca resumen.VerifactuQR, así que desconectaría el clímax de su valle.
// Los cuatro argumentos reales NO son recuperables del repo (volcado roto): se pintan como
// marcadores con el nombre del PARÁMETRO, que sí está anclado (nif, numserie, fecha, importe —
// FN-ES\Funciones nombre ingles.vb:4530-4538). La URL es la de ValidarQR de la sede, con esos
// cuatro y ninguno más (FN-VB\c_Funciones_VB.vb:1283-1285); dos destinos, pruebas y producción
// (:1273-1287). «hash» y «firma» se rotulan «no van dentro del cuadro» — nunca «no existen»:
// existen fuera, en el servidor (VSRV\VerifactuService.vb:297, 310-314, 345-348).
function EscenaPL04({ t }){
const T = {
abrimos:0.1, // "Abrimos ese otro documento"
sube:2.6, // "Sube el código"
lineaFalta:3.9, // "aparece la línea que faltaba"
condicion:6.4, // "Primero, una condición"
cumplimiento:8.6, // "el sistema de cumplimiento"
unaLinea:13.1, // "una sola línea"
cuatroDatos:15.3, // "cuatro datos, ni uno más"
d1:17.9, // "La identificación fiscal"
d2:21.0, // "El número de serie"
d3:23.7, // "La fecha."
d4:25.2, // "Y el importe."
enlace:27.8, // "se monta un enlace a la sede"
dibuja:30.7, // "el enlace se dibuja como cuadro"
sello:33.8, // "no hay ningún sello"
firma:35.8, // "No hay ninguna firma"
entornos:39.7, // "una para pruebas, otra para producción"
ejecuta:42.8, // "Se ejecuta."
momento:44.6, // "el cuadro aparece en la esquina"
escribes:49.6, // "La escribes tú."
unica1:51.5, // "El documento es una plantilla tuya"
unica2:56.1, // "no sale impreso"
salida:60.5, // "Ahora, en el navegador"
urlSpeed:34, // caracteres por segundo del enlace que se escribe
};
// ── Geometría ──
const WX=60, WY=120, WW=1360, WH=920;
const CX=96, CY=236, CW=1288, CH=404; // visor del bloque de código
const DY=656; // fila de los cuatro datos
const PY=776, PH=224; // panel del enlace
const RX=1460, RW=400; // la factura, en pequeño, a la derecha
// ── Progresos ──
const abP = clamp((t-T.abrimos)/0.8,0,1), abE = Easing.easeOutCubic(abP);
const suP = clamp((t-T.sube)/0.9,0,1), suE = Easing.easeOutCubic(suP);
const lfP = clamp((t-T.lineaFalta)/0.6,0,1);
const cdOn = t >= T.condicion;
const cuOn = t >= T.cumplimiento;
const ulOn = t >= T.unaLinea;
const c4P = clamp((t-T.cuatroDatos)/0.5,0,1), c4E = Easing.easeOutBack(c4P);
const DATOS = [
{ t:T.d1, n:'nif' }, { t:T.d2, n:'numserie' }, { t:T.d3, n:'fecha' }, { t:T.d4, n:'importe' },
];
const puestos = DATOS.filter(d => t >= d.t).length;
const enP = clamp((t-T.enlace)/0.5,0,1), enE = Easing.easeOutCubic(enP);
const diGlow = t >= T.dibuja && t < T.dibuja+1.4 ? Math.sin((t-T.dibuja)/1.4*Math.PI) : 0;
const seP = clamp((t-T.sello)/0.5,0,1);
const fiP = clamp((t-T.firma)/0.5,0,1);
const etP = clamp((t-T.entornos)/0.55,0,1), etE = Easing.easeOutBack(etP);
const prod = t >= T.entornos + 1.35; // se enciende la de producción
// La factura vuelve en pequeño durante la calma, y el cuadro aterriza en su esquina
const mfP = clamp((t-T.ejecuta)/0.6,0,1), mfE = Easing.easeOutCubic(mfP);
const qrP = clamp((t-T.momento)/0.7,0,1), qrE = Easing.easeOutBack(qrP);
const qrGlow = t >= T.momento && t < T.momento+1.6 ? Math.sin((t-T.momento)/1.6*Math.PI) : 0;
// «La escribes tú»: la línea se queda encendida en azul y todo lo demás baja al 0,45
const esP = clamp((t-T.escribes)/0.6,0,1);
const atenuaEs = 1 - esP*0.55;
// La Única Cosa · PRUEBA
const veloIn = clamp((t-T.unica1)/0.7,0,1);
const veloOut = clamp((t-(T.salida-0.7))/0.5,0,1);
const veloOp = veloIn*(1-veloOut)*0.93;
const u1E = Easing.easeOutCubic(clamp((t-T.unica1)/0.6,0,1));
const u2E = Easing.easeOutCubic(clamp((t-T.unica2)/0.6,0,1));
// Cortinilla Terminal → play (parametrizada: se reutiliza en las demás piezas del área)
const coP = clamp((t-T.salida)/1.1,0,1), coE = Easing.easeInOutCubic(coP);
const URL_BASE = 'https://prewww2.aeat.es/wlpl/TIKE-CONT/ValidarQR';
const URL_QUERY = '?nif=…&numserie=…&fecha=…&importe=…';
// ── El bloque de código ──
const Bar = ({ y, w })=>(
);
// Marcador de argumento: el volcado del repo no trae el argumento real, así que
// el hueco se queda numerado y el nombre del parámetro (que sí está anclado) va debajo.
const Slot = ({ i })=>{
const on = t >= DATOS[i].t;
const p = clamp((t-DATOS[i].t)/0.4,0,1), e = Easing.easeOutBack(p);
return (
{'‹'+(i+1)+'›'}
);
};
return (
{/* Eyebrow + de qué documento hablamos */}
QUIÉN CONSTRUYE EL CUADRO
el documento que la factura incluye
Factura JSON
{/* ─────────── El segundo editor ─────────── */}
{abP > 0 && (
)}
{/* ─────────── El panel del enlace ─────────── */}
{seP > 0 || enP > 0 ? (
{/* los dos sellos que NO viajan dentro del cuadro */}
{seP > 0 && (
{['hash','firma'].map((s,i)=>{
const p = i === 0 ? seP : fiP;
const tacha = Easing.easeInOutCubic(clamp((t-(i===0?T.sello:T.firma)-0.1)/0.5,0,1));
if (p <= 0) return null;
return (
{s}
);
})}
no van dentro del cuadro
)}
{/* el enlace, escrito carácter a carácter */}
{enP > 0 && (