Stripe Elements and Turbolinks

stripe_handler.js

function doStripe() {
  if (!document.getElementById('card-element')) {
    return;
  }
  var stripe = Stripe(window.stripe_key);
  var elements = stripe.elements();

  var style = {};

  var card = elements.create('card', {style: style});
  card.mount('#card-element');

  card.addEventListener('change', function(event) {
    var displayError = document.getElementById('card-errors');
    if (event.error) {
      displayError.textContent = event.error.message;
    } else {
      displayError.textContent = '';
    }
  });

  window.has_token = false;
  var form = document.getElementById('stripe-form');
  document.addEventListener('ajax:before', function(event) {
  /*form.addEventListener('submit', function(event) {*/
    console.log("ajax:before");
    if (window.has_token == false) {
      console.log("has_token is false")
      console.log(window.has_token);
      event.preventDefault();
    
      stripe.createToken(card).then(function(result) {
        if (result.error) {
          var errorElement = document.getElementById('card-errors');
          errorElement.textContent = result.error.message;
        } else {
          stripeTokenHandler(result.token);
        }
      });
    }
  });

  function stripeTokenHandler(token) {
    var form = document.getElementById('stripe-form');
    var hiddenInput = document.createElement('input');
    hiddenInput.setAttribute('type', 'hidden');
    hiddenInput.setAttribute('name', 'stripeToken');
    hiddenInput.setAttribute('value', token.id);
    form.appendChild(hiddenInput);
    window.has_token = true;
    console.log("setting has_token=true")
    console.log(window.has_token);
    
    Rails.fire(form, 'submit');
  };
};

document.addEventListener('turbolinks:load', doStripe);

Thank you. This worked perfectly for me in a Rails v5.2.2, non-iOS environment, too.