paymentRequest

Uses production stripe.js

by Atty Eleti

HTML

<script src="https://edge-js.stripe.com/v3/"></script>
<div id="payment-request"></div>

JavaScript

const stripe = Stripe('pk_test_XakUmadAhww1gsag7dfdmnD9');
const elements = stripe.elements({locale: 'auto'});

const paymentRequest = stripe.paymentRequest({
  country: 'US',
  currency: 'usd',
  total: {
    label: 'Demo total',
    amount: 1000,
  },
});

console.log(paymentRequest);

paymentRequest.on('token', (response) => {
	console.log(response);
  response.complete('success');
});

paymentRequest.on('error', (e) => {
	console.log('had an error!', e)
})

paymentRequest.canMakePayment().then((result) => {
  if (result) {
    const prButton = elements.create('paymentRequestButton', {
      paymentRequest,
    });
    prButton.mount('#payment-request');
  } else {
    document.querySelector('#payment-request').style.display = 'none';
  }
});