> ## 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.
# Cómo cambiar el PIN de bloqueo
> Pon un PIN nuevo en tu terminal para los cobros y las devoluciones, y deja sin efecto el anterior.
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}}
;
};
Cuando cambia quién cobra en tu negocio, o cuando el PIN ya lo conoce más gente de la que debería, conviene poner uno nuevo. Se cambia en la misma terminal, con el PIN actual a la mano, y el anterior deja de servir en ese momento.
## Dónde está en la app
* En el inicio, toca el engrane, arriba a la derecha, para abrir **Configuración**. Si tu terminal abre en **Nuevo cobro**, toca antes la **X** de arriba a la izquierda.
* En **Configuración**, bajo **Esta terminal**, toca **Bloqueo con PIN** y escribe el PIN actual.
* En **Bloqueo con PIN**, toca la fila **PIN de bloqueo**.
## Antes de empezar
* La terminal ya debe tener un PIN de bloqueo. Si todavía no lo tiene, créalo con la guía [Bloqueo con PIN](/manual/terminal/bloqueo-con-pin).
* Necesitas saber el PIN actual: sin él, la terminal no abre **Bloqueo con PIN**.
* Ten la sesión iniciada. La app no tiene roles: cualquier vendedor con la sesión iniciada que conozca el PIN actual puede cambiarlo.
* Piensa antes el PIN nuevo, de 6 dígitos, y a quién se lo vas a dar.
## Paso a paso
El PIN se cambia en **Configuración**, que abres con el engrane del inicio. Si tu terminal abre en **Nuevo cobro**, toca antes la **X**. Ahí, en el grupo **Esta terminal**, toca **Bloqueo con PIN**.
Antes de abrir estos ajustes, la terminal pide el PIN que tiene ahora. Escríbelo y toca **Continuar**.
Con otro PIN, la terminal avisa **PIN incorrecto** y te deja intentarlo de nuevo.
Ya estás en **Bloqueo con PIN**. Debajo de los interruptores, la fila **PIN de bloqueo** dice **Configurado**: tócala para elegir uno nuevo.
La terminal pide el PIN que va a reemplazar al anterior. Escribe 6 dígitos y toca **Continuar**.
El mismo PIN sirve para **Cobros manuales** y para **Devoluciones**.
La terminal lo pide una vez más antes de guardarlo. Escribe otra vez el PIN nuevo y toca **Guardar PIN**.
¿Prefieres otro? La flecha de arriba a la izquierda te regresa a elegirlo.
El aviso **PIN configurado** confirma que el PIN nuevo quedó guardado. Desde ahora la terminal pide ese, y el anterior deja de servir. Tus bloqueos siguen como estaban.
Avisa a quien cobra en esta terminal: el PIN anterior ya no funciona.
## Qué pasa después
* El PIN anterior deja de servir en cuanto tocas **Guardar PIN**. No hay un periodo en el que funcionen los dos.
* Cambiar el PIN no enciende ni apaga nada: **Cobros manuales** y **Devoluciones** se quedan como los tenías.
* La terminal pide el PIN nuevo en los mismos momentos que antes: al tocar **Cobrar** si **Cobros manuales** está encendido, al tocar **Devolver cobro** si **Devoluciones** está encendido, y cada vez que entras a **Bloqueo con PIN**.
* El cambio es de esta terminal. Si tu negocio tiene varias, las demás conservan su propio PIN.
* Si sales con **Cancelar** antes de tocar **Guardar PIN**, la terminal conserva el PIN anterior.
## Preguntas frecuentes
La app no tiene una opción para recuperar el PIN ni para cambiarlo sin escribir el actual, y la terminal nunca lo muestra. Pregunta primero en tu equipo si alguien lo recuerda. Si nadie lo sabe, escríbenos por los medios que están al final de esta página.
No. El PIN se cambia con los bloqueos encendidos, y al terminar siguen igual.
No hay una opción para borrarlo. Si apagas **Cobros manuales** y **Devoluciones**, la terminal deja de pedirlo al cobrar y al devolver, pero lo sigue pidiendo para entrar a **Bloqueo con PIN**.
No. El modo kiosko tiene su propio **PIN de salida**, que se configura en **Modo kiosko**. Cambiar el PIN de bloqueo no lo modifica.
No. El PIN se queda guardado en la terminal y aplica para cualquier vendedor que inicie sesión en ella.
## Errores comunes
### «PIN incorrecto»
Aparece al entrar a **Bloqueo con PIN** cuando el PIN que escribiste no es el que tiene la terminal. Los puntos se vacían: escríbelo otra vez, sin prisa. Si tienes varias terminales, confirma que es el PIN de esta.
### «Demasiados intentos fallidos»
Después de cinco intentos con un PIN incorrecto, la terminal deja de aceptar intentos hasta por un minuto. El aviso completo dice **Demasiados intentos fallidos. Espera 60 segundos.** y va contando los segundos que faltan. Aprovecha la pausa para confirmar el PIN con tu equipo antes de volver a intentarlo.
### «El PIN debe tener 6 dígitos»
Tocaste **Continuar** antes de completar los seis puntos. Escribe los dígitos que faltan y vuelve a tocarlo.
### «Los PINs no coinciden»
Al repetir el PIN nuevo escribiste algo distinto de lo que elegiste. La terminal vacía la repetición para que la escribas otra vez. Si ya no estás seguro de lo que elegiste, toca la flecha de arriba a la izquierda y elige el PIN de nuevo.
## Guía en una imagen
Todos los pasos en una sola imagen, para tenerla a mano o compartirla con tu equipo.
## Guías relacionadas
Pide un PIN antes de cobrar o de devolver un cobro.
Regresa el dinero completo a la tarjeta de tu cliente.
Sal de la terminal para que entre el siguiente vendedor.
El inicio, la configuración y cómo moverte entre pantallas.
## ¿Necesitas ayuda?
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.