Stripe PRAPI

by Atty Eleti

HTML

<script src="https://js.stripe.com/v3/"></script>
<div id="payment-request-button">
  <!-- A Stripe Element will be inserted here. -->
</div>

Babel + JSX

const stripe = Stripe('pk_test_ozjVjOVezSxwrwsoF4BnqtII');

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

const elements = stripe.elements();
const prButton = elements.create('paymentRequestButton', {
  paymentRequest,
});

paymentRequest.canMakePayment().then((result) => {
  if (result) {
    prButton.mount('#payment-request-button');
  } else {
    document.getElementById('payment-request-button').style.display = 'none';
  }
});

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