Recibir los datos del método de pago

Para recibir datos del método de pago que se mostrarán al usuario en la interfaz de pago, puede usar componentes predefinidos o métodos SDK.

Utilizar componentes

1. Agregue el componente psdk-payment-methods al marcado HTML de la interfaz de pago para mostrar la lista de métodos de pago disponibles.

<psdk-payment-methods country="US"></psdk-payment-methods>

2. Agregue el control del evento selectionChange enviado cuando el usuario selecciona un método de pago concreto.

const paymentMethods = document.querySelector('psdk-payment-methods');
paymentMethods?.addEventListener('selectionChange', (event) => {
  console.log(event.detail);
});

Utilizar métodos del SDK

const methods = await headlessCheckout.getRegularMethods();