/v1/{card_id}Mostrar la información sensible
Obtener información sensible de tarjeta
La web de data segura te permite mostrar la información sensible sobre una tarjeta en particular.
Deberás embeber esta página web mediante un iFrame html o un WebView enviando los parámetros necesarios.
Estilos
Podrás configurar una hoja de estilos para mostrar la información.
Importante: CORS debe estar habilitado para comunicarse con la dirección de la hoja de estilos.
La página se mostrará por default sin fondo para poder ser renderizada sobre otro componente.
Todos los componentes tienen un class-name único que al momento de recibir una URL de estilos tomarán el diseño que hayas definido.
La disposición de los campos variará según el parámetro layout que podrá ser en formato lista o tarjeta.
A continuación está la lista de los ids:
Card Layout
| CSS NAME | DESCRIPCIÓN |
|---|---|
| .card { ... } | Componente contenedor |
| .card .pan {} | Número de tarjeta |
| .card .pan .copy-icon {} | Botón para copiar |
| .card .name {} | Titular de la tarjeta |
| .card .expiration-date {} | Fecha de expiración |
| .card .security-code {} | Código de seguridad |
| .card .cvv-expiration-time {} | Tiempo de validez para dCVV |
| .card .pin {} | Número de Pin |
List Layout
| CSS NAME | DESCRIPCIÓN |
|---|---|
| .list { ... } | Componente contenedor |
| .list .pan {} | Número de tarjeta |
| .list .pan .label {} | Texto sobre el PAN |
| .list .pan .copy-icon {} | Botón para copiar |
| .list .name {} | Titular de la tarjeta |
| .list .name .label {} | Texto sobre NAME |
| .list .expiration-date {} | Fecha de expiración |
| .list .expiration-date .label {} | Texto sobre Exp Date |
| .list .security-code {} | Código de seguridad |
| .list .security-code .label {} | Texto sobre Código de seguridad |
| .list .cvv-expiration-time {} | Tiempo de validez para dCVV |
| .list .cvv-expiration-time .label {} | Texto sobre Expiracion de tiempo de validez |
| .list .pin {} | Número de Pin |
| .list .pin .label {} | Texto sobre PIN |
Consideraciones para integrar con un iframe
Para que funcione el botón de copiar deberás habilitar la escritura al portapapeles de la siguiente manera:
<iframe allow="clipboard-write" ... ></iframe>
Parámetros disponibles
Detalle de respuestas
curl -X GET "https://api.pomelo.la/v1/example_value?auth=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c&field_list=pan&styles=example_value&layout=list&locale=en" \
-H "Content-Type: application/json" \
-H "Authorization: Bearer YOUR_API_KEY"