Flujo del Widget
El paso de tarjeta se ejecuta dentro del widget alojado, después de la selfie, en la misma sesión. Usted entrega el mismo widgetUrl — vea Entrega del Widget — y no escribe código de captura para la tarjeta.
Qué Ve el Titular
| Pantalla | Solo verificación | Tokenización |
|---|---|---|
| Introducción | Por qué se pide la tarjeta, y que el número se oculta salvo sus últimos cuatro dígitos, junto con el código de seguridad, antes de guardar una foto | Igual |
| Frente | Un marco con forma de tarjeta y guía en vivo — más cerca, más lejos, plana, dentro del marco. En un navegador que no puede leer la tarjeta en vivo, el widget toma una foto en su lugar | Igual |
| Reverso | Una indicación para dar vuelta la tarjeta, y luego el mismo marco para el reverso | Igual |
| Confirmación | — | Los datos de la tarjeta, leídos en el dispositivo, para revisar y confirmar — vea La pantalla de confirmación |
| Verificando | "Comprobando tu tarjeta de pago…" mientras Inyo360 termina las verificaciones de la tarjeta | Igual |
| Listo | La pantalla de cierre del widget, o su redirectUrl en modo redirección | Igual |
Cuando una foto muestra una pantalla, o la tarjeta no puede leerse, el titular vuelve a tomarla con un mensaje que dice por qué — vea Qué hace una fila que falla.
La Pantalla de Confirmación
Solo en el modo de tokenización. La pantalla se abre en cuanto se envía el reverso, con los cuatro campos que el dispositivo leyó de la tarjeta: número, fecha de vencimiento, nombre del titular y código de seguridad.
| Elemento | Comportamiento |
|---|---|
| Un campo leído con confianza | Se muestra con una marca de verificación |
| Un campo sobre el que la lectura no estaba segura, o que no leyó | Resaltado. El titular lo compara con la tarjeta, lo corrige o lo completa, y toca Confirmar en ese campo |
| Número y código de seguridad | Enmascarados: el código por completo, el número salvo sus últimos cuatro dígitos. Uno resaltado se muestra para que pueda revisarse, y Mostrar todo revela ambos |
| Continuar | Se habilita cuando todos los campos están completos y son válidos: un número de tarjeta válido, una fecha de vencimiento que no ha pasado, un nombre, y un código de seguridad de tres dígitos, o cuatro en una tarjeta que imprime cuatro |
| Escanear de nuevo | Vuelve al frente de la tarjeta, sin conservar nada de lo leído o escrito. Se ofrece mientras la sesión todavía acepte nuevas fotos de la tarjeta |
Al tocar Continuar, el widget entrega el número, el vencimiento y el código de seguridad al tokenizador del gateway, y luego entrega a Inyo360 el token y el nombre confirmado.
Las fotos de la tarjeta siguen siendo las de la sesión hasta que se conserva un nuevo frente, así que un Escanear de nuevo que el titular abandona deja la primera tarjeta en su lugar. Una sesión registra un solo token: una vez registrado, la tarjeta no puede escanearse de nuevo.
Detrás de las Pantallas
La secuencia de principio a fin, desde la creación de la sesión hasta el cobro del token, está en Verificación de Tarjeta de Pago. Lo que ocurre en el camino:
- Cada foto de la tarjeta se enmascara en el dispositivo del titular cuando el navegador puede hacerlo, y luego se lee y se enmascara de nuevo en el servidor de Inyo360 — vea Tratamiento de Datos.
- Los campos de la pantalla de confirmación se leen en el dispositivo del titular; el servidor de Inyo360 no devuelve ningún campo de la tarjeta al widget.
- Mientras el titular confirma, Inyo360 verifica la escena y que la tarjeta sea legible.
- Inyo360 recibe el token con los últimos cuatro dígitos, el vencimiento y el nombre confirmado, nunca el número de la tarjeta ni el código de seguridad.
- La revisión forense, la coincidencia de nombre y la coincidencia del token se ejecutan después de que llega el token, y la sesión termina entonces una vez, con un único resultado.
En el modo de solo verificación el flujo se detiene después de las fotos de la tarjeta: no hay pantalla de confirmación ni tokenizador, y el resultado no lleva bloque paymentCard.
Próximos Pasos
- Tratamiento de Datos — qué lleva cada flecha, y qué se conserva
- Verificaciones de la Tarjeta — las filas que agrega el paso de tarjeta
- Resultados de la Tarjeta — el bloque
paymentCard