Zur Erinnerung:

• Die Bezahlung über Apple Pay ist nur auf unterstützten Geräten verfügbar.
• Das SDK überprüft lediglich, ob eine Bezahlung auf dem Gerät des Nutzers möglich ist, und sendet alle erforderlichen Daten. Die Bezahlung wird dann in einem externen Tab abgewickelt: https://secure.xsolla.com/paystation4/payment/external-pages/apple-pay.
• Der Einfachheit halber ist die Komponente psdk-apple-pay in die Komponente psdk-submit-button integriert.

So können Sie mittels Headless Checkout und Apple Pay Zahlungen entgegennehmen:

1. Fügen Sie die Verarbeitung des Ereignisses show_fields für die Anzeige zusätzlicher Felder hinzu.

Beispiel:

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

2. Fügen Sie die Komponente psdk-payment-form dem HTML-Markup des Zahlungsportals hinzu, um zusätzliche Felder anzuzeigen.

Beispiel:

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