);
}
// ── Helpers compartidos de datos/estado (usados por todas las vistas) ──
window.useAsync = function (fn, deps) {
const [data, setData] = React.useState(null);
const [loading, setLoading] = React.useState(true);
const [error, setError] = React.useState(null);
const [n, setN] = React.useState(0);
React.useEffect(() => {
let alive = true; setLoading(true); setError(null);
Promise.resolve(fn())
.then((d) => { if (alive) { setData(d); setLoading(false); } })
.catch((e) => { if (alive) { setError(e); setLoading(false); } });
return () => { alive = false; };
// eslint-disable-next-line
}, (deps || []).concat(n));
return { data, loading, error, reload: () => setN((x) => x + 1) };
};
function Spinner({ size = 22 }) {
const t = window.WC;
return (
);
}
window.Loading = function ({ label }) {
const t = window.WC;
return (
{label || 'Cargando…'}
);
};
window.EmptyState = function ({ icon, title, sub }) {
const t = window.WC; const I = window.WI; const Icn = I[icon || 'Book'];
return (
{title || 'Sin datos todavía'}
{sub &&
{sub}
}
);
};
window.ErrState = function ({ error, onRetry }) {
const t = window.WC;
const offline = error && (error.status === 0 || error.message === 'Failed to fetch');
return (
{offline ? 'Sin conexión con el servidor' : 'No se pudieron cargar los datos'}
{offline ? 'La API no responde. Verifica que el backend esté corriendo.' : (error && error.message) || ''}
{onRetry && }
);
};
// Placeholder para gráficas cuando aún no hay datos suficientes.
window.ChartEmpty = function ({ h = 200, label }) {
const t = window.WC;
return (
{label || 'Se llena con la operación'}
);
};
// Pruebas funcionales — embebidas dentro de la consola (no abre pestaña nueva).
window.PruebasView = function () {
const t = window.WC;
return (
);
};
window.WI = WI;
window.ConsoleApp = ConsoleApp;