Tenha em mente:

• O pagamento via Apple Pay só está disponível nos dispositivos suportados.
• O SDK somente verifica que o pagamento pode ser feito no dispositivo do usuário e envia os dados necessários. O pagamento é processado então em uma aba externa: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Para conveniência, o componente psdk-apple-pay é integrado no componente psdk-submit-button.

Para usar a Headless checkout para aceitar pagamentos via Apple Pay:

1. Adicione a manipulação do evento show_fields para a exibição de campos adicionais.

Exemplo:

headlessCheckout.form.onNextAction((nextAction) => {
  switch (nextAction.type) {
    case 'show_fields':
      this.handleShowFieldsAction(nextAction);
  }
});

2. Adicione o componente psdk-payment-form à marcação HTML da interface de pagamento para exibir campos adicionais.

Exemplo:

@if (showAdditionalFields) {
  <psdk-payment-form></psdk-payment-form>
  <psdk-submit-button text="Pay" />
}