> ## Documentation Index
> Fetch the complete documentation index at: https://docs.compago.com/llms.txt
> Use this file to discover all available pages before exploring further.
# Qué hacer si no hay conexión
> Qué significan los avisos de conexión de la terminal y cómo recuperar el internet para volver a cobrar.
export const SupportBox = () => ;
export const GuideImage = ({src, preview, alt, width, height, caption, variant = 'screen'}) => {
const [open, setOpen] = useState(false);
const [view, setView] = useState(null);
const opener = useRef(null);
const dialog = useRef(null);
const viewport = useRef(null);
const closeButton = useRef(null);
const fitScale = useRef(1);
const drag = useRef(null);
const long = height / width > 1.6;
const icon = (d, size = 18) => ;
const ZOOM_IN = 'M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM21 21l-4.35-4.35M11 8v6M8 11h6';
const ZOOM_OUT = 'M11 3a8 8 0 1 0 0 16 8 8 0 0 0 0-16zM21 21l-4.35-4.35M8 11h6';
const FIT = 'M3 7V5a2 2 0 0 1 2-2h2M17 3h2a2 2 0 0 1 2 2v2M21 17v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2';
const DOWNLOAD = 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3';
const CLOSE = 'M18 6 6 18M6 6l12 12';
const clampView = next => {
const el = viewport.current;
if (!el) return next;
const w = width * next.scale;
const h = height * next.scale;
const keep = 96;
const x = w <= el.clientWidth ? (el.clientWidth - w) / 2 : Math.min(keep, Math.max(el.clientWidth - w - keep, next.x));
const y = h <= el.clientHeight ? (el.clientHeight - h) / 2 : Math.min(keep, Math.max(el.clientHeight - h - keep, next.y));
return {
scale: next.scale,
x,
y
};
};
const fit = () => {
const el = viewport.current;
if (!el) return;
const scale = long ? Math.min(1, el.clientWidth * 0.94 / width) : Math.min(1, el.clientWidth * 0.94 / width, el.clientHeight * 0.88 / height);
fitScale.current = scale;
setView(clampView({
scale,
x: (el.clientWidth - width * scale) / 2,
y: long ? 72 : (el.clientHeight - height * scale) / 2
}));
};
const zoomAt = (factor, cx, cy) => {
setView(current => {
const el = viewport.current;
if (!current || !el) return current;
const px = cx ?? el.clientWidth / 2;
const py = cy ?? el.clientHeight / 2;
const scale = Math.min(Math.max(fitScale.current * 0.5, current.scale * factor), Math.max(1.5, fitScale.current * 6));
const ratio = scale / current.scale;
return clampView({
scale,
x: px - (px - current.x) * ratio,
y: py - (py - current.y) * ratio
});
});
};
const panBy = (dx, dy) => setView(current => current && clampView({
...current,
x: current.x + dx,
y: current.y + dy
}));
const close = () => {
setOpen(false);
setView(null);
opener.current?.focus();
};
const show = event => {
opener.current = event.currentTarget;
setOpen(true);
};
const actions = useRef({});
actions.current = {
fit,
zoomAt,
panBy,
close
};
useEffect(() => {
const modal = dialog.current;
if (!open || !modal) return undefined;
if (!modal.open) modal.showModal();
const el = viewport.current;
actions.current.fit();
closeButton.current?.focus();
const onResize = () => actions.current.fit();
const onKey = event => {
const {zoomAt: zoom, panBy: pan} = actions.current;
if (event.key === '+' || event.key === '=') zoom(1.25); else if (event.key === '-' || event.key === '_') zoom(0.8); else if (event.key === '0') actions.current.fit(); else if (event.key === 'ArrowUp') pan(0, 120); else if (event.key === 'ArrowDown') pan(0, -120); else if (event.key === 'ArrowLeft') pan(120, 0); else if (event.key === 'ArrowRight') pan(-120, 0); else return;
event.preventDefault();
};
const onWheel = event => {
event.preventDefault();
const rect = el.getBoundingClientRect();
if (event.ctrlKey || event.metaKey) actions.current.zoomAt(Math.exp(-event.deltaY * 0.0022), event.clientX - rect.left, event.clientY - rect.top); else actions.current.panBy(-event.deltaX, -event.deltaY);
};
const root = document.documentElement;
const overflow = root.style.overflow;
root.style.overflow = 'hidden';
window.addEventListener('resize', onResize);
document.addEventListener('keydown', onKey);
el?.addEventListener('wheel', onWheel, {
passive: false
});
return () => {
root.style.overflow = overflow;
window.removeEventListener('resize', onResize);
document.removeEventListener('keydown', onKey);
el?.removeEventListener('wheel', onWheel);
if (modal.open) modal.close();
};
}, [open]);
const onPointerDown = event => {
if (event.button !== 0) return;
drag.current = {
x: event.clientX,
y: event.clientY,
travel: 0
};
event.currentTarget.setPointerCapture(event.pointerId);
};
const onPointerMove = event => {
const start = drag.current;
if (!start) return;
const dx = event.clientX - start.x;
const dy = event.clientY - start.y;
start.travel += Math.abs(dx) + Math.abs(dy);
start.x = event.clientX;
start.y = event.clientY;
panBy(dx, dy);
};
const onPointerUp = event => {
const start = drag.current;
drag.current = null;
if (!start || start.travel > 6 || !view) return;
const rect = viewport.current.getBoundingClientRect();
const x = event.clientX - rect.left;
const y = event.clientY - rect.top;
const inside = x >= view.x && x <= view.x + width * view.scale && y >= view.y && y <= view.y + height * view.scale;
if (!inside) close();
};
const onDoubleClick = event => {
const rect = viewport.current.getBoundingClientRect();
if (view && view.scale > fitScale.current * 1.4) fit(); else zoomAt(2.2, event.clientX - rect.left, event.clientY - rect.top);
};
const percent = view ? Math.round(view.scale / fitScale.current * 100) : 100;
const viewer = open && ;
if (variant === 'guide') {
return
{caption && {caption}}
{viewer}
;
}
return
{caption && {caption}}
{viewer}
;
};
export const GuideVideo = ({src, poster, title, duration, caption}) => {
const dialog = useRef(null);
const player = useRef(null);
const opener = useRef(null);
const resumeAt = useRef(0);
const pageOverflow = useRef('');
const icon = (d, size = 18, fill = false) => ;
const PLAY = 'M9 6.5 18.5 12 9 17.5z';
const MAXIMIZE = 'M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3';
const CLOSE = 'M18 6 6 18M6 6l12 12';
const open = event => {
const modal = dialog.current;
const video = player.current;
if (!modal || !video || modal.open) return;
opener.current = event.currentTarget;
pageOverflow.current = document.documentElement.style.overflow;
document.documentElement.style.overflow = 'hidden';
modal.showModal();
video.currentTime = resumeAt.current;
video.play().catch(() => {});
video.focus();
};
const onClose = () => {
const video = player.current;
if (video) {
resumeAt.current = video.ended ? 0 : video.currentTime;
video.pause();
}
document.documentElement.style.overflow = pageOverflow.current;
opener.current?.focus();
};
const close = () => {
if (dialog.current?.open) dialog.current.close();
};
const fullscreen = () => {
const video = player.current;
if (!video) return;
video.play().catch(() => {});
if (video.requestFullscreen) video.requestFullscreen().catch(() => {}); else if (video.webkitEnterFullscreen) video.webkitEnterFullscreen();
};
return
{caption && {caption}}
;
};
La terminal necesita internet para cobrar. Cuando lo pierde, cubre la pantalla con un aviso que no se puede cerrar hasta que la conexión vuelve. Esta guía explica los dos avisos de conexión y qué hacer con cada uno.
## Dónde está en la app
Los avisos no están en ningún menú: aparecen solos, al pie de la pantalla en la que estés.
* **Sin conexión**, con el texto **Revisa el Wi-Fi o los datos de la terminal.** Sale cuando la terminal no tiene red.
* **No pudimos validar tu sesión**, con el texto **No pudimos comunicarnos con el servidor. Verifica tu conexión a internet e intenta nuevamente.** Sale cuando la terminal tiene red, pero no logra comunicarse con Compago.
Los dos tienen un solo botón: **Comprobar conexión**.
## Antes de empezar
* La app de Compago avisa que no hay conexión, pero no cambia la red de la terminal. El Wi-Fi y los datos se revisan en la propia terminal.
* No hace falta cerrar sesión ni apagar la terminal: tu sesión sigue abierta mientras el aviso está en la pantalla.
* Cualquier vendedor puede tocar **Comprobar conexión**. No pide PIN.
## Paso a paso
El aviso **Sin conexión** cubre cualquier pantalla cuando la terminal se queda sin internet, y no se puede cerrar. Tu sesión sigue abierta.
Mientras el aviso está en la pantalla, la terminal no puede cobrar.
Revisa el Wi-Fi o los datos de la terminal. Cuando la conexión vuelve, el aviso se quita solo. Si sigue ahí, toca **Comprobar conexión**.
Mientras la terminal revisa, el botón dice **Comprobando…**. Si todavía no hay conexión, el aviso se queda.
Si ves **No pudimos validar tu sesión**, la terminal no logró comunicarse con Compago. Tu sesión se conserva: revisa la conexión y toca **Comprobar conexión**.
Puede salir aunque la terminal esté conectada a una red, si esa red no tiene salida a internet.
El aviso se quita y la terminal sigue en la pantalla en la que estabas, con tu sesión abierta. Ya puedes cobrar otra vez.
Si en lugar de esto ves la pantalla para iniciar sesión, entra de nuevo con tu usuario.
## Qué pasa después
* La terminal sigue donde la dejaste: no tienes que volver a entrar ni buscar la pantalla en la que estabas.
* Al volver el internet, la terminal comprueba tu sesión por su cuenta si antes no había podido.
* Si la conexión se fue a mitad de un cobro, revisa en [Transacciones](/manual/terminal/ver-tus-transacciones) si quedó registrado antes de cobrarlo otra vez.
* Si la terminal muestra la pantalla para iniciar sesión, tu sesión ya no era válida. No sale ningún aviso: solo entra de nuevo, como en [Iniciar sesión en la terminal](/manual/terminal/iniciar-sesion).
## Preguntas frecuentes
No. La terminal necesita conexión para aprobar cada pago, y mientras el aviso está en la pantalla no deja tocar nada más.
No. Tu sesión sigue abierta y los cobros que ya se aprobaron están en tu cuenta de Compago. Cuando la conexión vuelve, los ves de nuevo en la terminal.
**Sin conexión** quiere decir que la terminal no tiene red: ni Wi-Fi ni datos. **No pudimos validar tu sesión** quiere decir que sí tiene red, pero no logró comunicarse con Compago. En los dos casos se revisa la conexión y se toca **Comprobar conexión**.
**Sin conexión** se quita solo en cuanto la terminal recupera la red. El botón sirve para no esperar: hace que la terminal revise en ese momento.
El botón solo vuelve a revisar: no conecta la terminal. Si el aviso sigue, la terminal todavía no tiene internet. Revisa el Wi-Fi o los datos de la terminal y, si no logras conectarla, escríbenos.
## Errores comunes
### «No hay conexión a internet»
Sale en la pantalla de la tarjeta, con el texto **Por favor, verifica tu conexión a internet y vuelve a intentarlo.**, cuando la conexión falla a mitad de un cobro. Revisa la conexión y toca **Volver a intentar**, o **Cancelar pago** para dejar el cobro.
### «Sin conexión a internet»
Sale al iniciar sesión, con el texto **Por favor, verifica tu conexión a internet e inténtalo de nuevo.** Revisa el Wi-Fi o los datos de la terminal y toca **Iniciar sesión** otra vez.
### El aviso no se quita
Si **Sin conexión** o **No pudimos validar tu sesión** siguen en la pantalla después de tocar **Comprobar conexión**, la terminal todavía no llega a internet. Revisa otra vez el Wi-Fi o los datos de la terminal y vuelve a tocar el botón. Si sigue igual, escríbenos.
### La terminal pide iniciar sesión
Después de **Comprobar conexión** puedes ver la pantalla para entrar con tu usuario, sin ningún aviso. Tu sesión ya no era válida: entra de nuevo con tu usuario y tu contraseña.
## Guía en una imagen
Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.
## Guías relacionadas
Entra de nuevo con tu usuario si la terminal te lo pide.
Confirma si un cobro quedó registrado.
Los demás avisos de la pantalla de la tarjeta.
El cobro completo, ya con la terminal conectada.
## ¿Necesitas ayuda?
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.