Keep in mind:

• Payment via Apple Pay is only available on supported devices.
• The SDK only verifies that a payment can be made on the user’‎s device and sends all required data. The payment is then processed in an external tab: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• For convenience, the psdk-apple-pay component is integrated into the psdk-submit-button component.

To use Headless checkout to accept payments via Apple Pay:

1. Add the handling of the show_fields event for displaying additional fields.

Example:

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

2. Add the psdk-payment-form component to the HTML markup of the payment UI to display additional fields.

Example:

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