Ir al contenido

Eventos y aplicación

El elemento se comunica enteramente a través de CustomEvents del DOM — suscríbete a tantos como necesites.

Evento Se dispara cuando detail incluye
import-ready Licencia verificada, widget montado tenantId
import-ingested Un archivo se decodifica en un registro recordId, deduplicated
import-mapped Las columnas se emparejan con tu esquema mapping
import-step El asistente avanza un paso step
import-applied La importación se entrega rowCount, action, mapping
import-error Algo falla code, message
import-cancel El usuario descarta la importación
const el = document.querySelector('mildport-import')!;
el.addEventListener('import-applied', e => {
const { rowCount, mapping } = (e as CustomEvent).detail;
console.log(`${rowCount} rows delivered`, mapping);
});

Modo navegador (applyMode = 'browser') — las filas se devuelven en la página vía onResults o el evento import-applied. Bueno para demos y flujos pequeños del lado del cliente.

Modo webhook (applyMode = 'webhook') — el motor envía las filas aplicadas a tu backend por POST como una entrega firmada con HMAC, con reintentos duraderos y un registro de auditoría. Este es el camino de producción. Consulta la referencia de webhooks para la firma y los encabezados.