Screen · Onboarding paso 2

Verificación OTP (Paso 2)

Reusa el componente OTP Input ya construido (no se rediseña) dentro del frame de onboarding con stepper. Cubre los 6 dígitos, el countdown de reenvío y el bloqueo tras 3 intentos.

Paso 2 de 6 reusa OTP Input countdown + bloqueo
Layout anotado · esperando ingreso
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

¿No recibiste el código? Reenviar en 0:45

Composición

  1. stepper"Paso 2 de 6 · Verificación". Paso 1 completado, paso 2 en progreso.
  2. Texto explicativoCelular enmascarado +57 •••••• 1438 — solo los últimos 4 dígitos visibles.
  3. OTP Input6 celdas, primera activa con cursor. Auto-avance + paste + autofill SMS. Reusado tal cual del componente.
  4. ReenvíoCountdown 0:45 los primeros 60s; "Reenviar" deshabilitado hasta llegar a 0:00.
  5. CTA"Verificar" deshabilitado hasta completar los 6 dígitos (o validación automática al completar).
Estados
Completo · validando
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

4
8
2
1
0
7
¿No recibiste el código? Reenviar en 0:12
Error · código incorrecto
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

4
8
2
1
0
0
Código incorrecto. Intenta de nuevo.
¿No recibiste el código? Reenviar
Bloqueo · 3 intentos
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

Demasiados intentos
Espera 10 minutos antes de volver a intentar.
09:42

Reglas de estado

  1. ValidaciónAl completar los 6 dígitos se valida automáticamente; el botón pasa a "Verificando…" con spinner inline.
  2. ErrorLas 6 celdas en error + "Código incorrecto. Intenta de nuevo." Se limpian tras el shake (cf. OTP Input).
  3. Reenvío habilitadoAl llegar a 0:00 el countdown se vuelve link "Reenviar" activo.
  4. BloqueoTras 3 intentos fallidos: celdas deshabilitadas + "Demasiados intentos. Espera 10 minutos." con timer regresivo.
  5. HapticlightImpact al completar los 6 dígitos (cf. OTP Input). En error es opcional.
Modo oscuro
Esperando · dark
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

4
8
¿No recibiste el código? Reenviar en 0:31
Error · dark
9:41
Paso 2 de 6Verificación

Verifica tu cuenta

Enviamos un código de 6 dígitos a tu correo y a tu celular +57 •••••• 1438.

4
8
2
1
0
0
Código incorrecto. Intenta de nuevo.
¿No recibiste el código? Reenviar