1
import { prepareApplePay, isApplePayPrepared, clearPreparedApplePay } from '@payment-kit-js/vanilla/payment-methods/apple-pay';
2
3
const result = await prepareApplePay(
4
  'https://app.paymentkit.com',  // API base URL
5
  'your_secure_token',
6
  {
7
    processorId: 'proc_abc123',
8
    processorType: 'airwallex',  // Required for Airwallex processors
9
    customerInfo: {
10
      first_name: 'Jane',
11
      last_name: 'Smith'
12
    },
13
    country: 'US'
14
  },
15
  'production'  // environment
16
);
17
18
if (result.success) {
19
  // Show Apple Pay button
20
}

1
document.getElementById('apple-pay-button').addEventListener('click', () => {
2
  paymentKit.submit({
3
    fields: {
4
      customer_name: 'Jane Smith',
5
      customer_email: 'jane@example.com',
6
      customer_country: 'US',
7
      customer_zip_code: '94102'
8
    },
9
    paymentMethod: 'apple_pay',
10
    options: {
11
      processorId: 'proc_abc123',
12
      processorType: 'airwallex',  // Required for Airwallex processors
13
      customerInfo: {
14
        first_name: 'Jane',
15
        last_name: 'Smith'
16
      },
17
      country: 'US'
18
    },
19
    onSuccess: (result) => {
20
      console.log('Transaction ID:', result.transaction_id);
21
      console.log('Checkout Session:', result.checkout_session_id);
22
      window.location.href = '/success';
23
    },
24
    onError: (errors) => {
25
      if (errors.apple_pay === 'Apple Pay not available') {
26
        // Hide button, show card form instead
27
      }
28
    }
29
  });
30
});

1
clearPreparedApplePay();