Checkout-lite
¿Qué es?
El CheckoutLite de pay es la pieza final necesaria para que puedas crear un checkout completamente personalizado. Equivale a la sección de agregar método de pago del checkout standar pero sin el branding.
Implementación
El Checkout Lite funciona sobre el mismo dominio de pay ya sea de sandbox o de producción y se conforma de la siguiente manera:
https://pay-sandbox.increase.app/checkout-lite/${accountId}/?subscription_id=${subscriptionId}
Y se debe embeber en un iframe (en entorno sandbox):
<iframe
id="checkoutLiteIframe"
width="100%"
height="700px"
src="https://pay-sandbox.increase.app/checkout-lite/${accountId}/?subscription_id=${subscriptionId}">
</iframe>
El iframe va a postear a su parent window mensajes sobre el estado de la carga de datos y del pago de la suscripción.
Cada mensaje va tener un type y un payload. El payload siempre es un objeto, pero dependiendo del tipo de mensaje, el mismo podria estar vacío.
| Type | Payload | Descripción |
|---|---|---|
| LOAD_SUCCESS | Objeto vacío | Se despacha cuando la suscripción y la cuenta se cargaron correctamente |
| LOAD_ERROR | Objeto de error | Se despacha en caso de error de carga de la suscripción o cuenta |
| PAYMENT_IN_PROCESS | Objeto vacío | Se despacha cuando el cliente completó el formulario de pago e hizo click en continuar, iniciando así la creación del payment method en la suscripción |
| PAYMENT_SUCCESS | Suscripción modificada | Se despacha cuando el medio de pago se pudo agregar exitosamente a la suscripción |
| PAYMENT_ERROR | Objeto de error | Se despacha en caso de que la creación del payment method o de su agregado a la suscripción hayan fallado |