Recebimento de dados do método de pagamento

Para receber dados de métodos de pagamento para exibir ao usuário na interface de pagamento, você pode usar os componentes de uso pronto ou os métodos SDK.

Componentes de uso

1. Adicione o componente psdk-payment-methods à marcação HTML da interface de pagamento para exibir a lista de métodos de pagamento disponíveis.

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

2. Adicione a manipulação do evento selectionChange eveniado qunado o usuário selecione um método de pagamento em particular.

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

Usando os métodos SDK

const methods = await headlessCheckout.getRegularMethods();