[Stripe] Plaid Link

HTML

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<h2>
Credit Card
</h2>
<form action="/charge_card" method="POST">
<script
  src="https://checkout.stripe.com/checkout.js" class="stripe-button"
  data-key="pk_test_6pRNASCoBOKtIshFeQd4XMUh"
  data-amount="2000"
  data-name="Stripe.com"
  data-description="2 widgets"
  data-image="https://stripe.com/img/documentation/checkout/marketplace.png"
  data-locale="auto"
  data-zip-code="true">
</script>
</form>
<h2>
Bank Account
</h2>
<button id="linkButton">Open Plaid Link</button>
<script src="https://cdn.plaid.com/link/stable/link-initialize.js"></script>

JavaScript

var linkHandler = Plaid.create({
  env: 'tartan',
  clientName: 'Stripe / Plaid Test',
  key: '450c7daa54b8024434f8030bedf49c',
  product: 'auth',
  selectAccount: true,
  onSuccess: function(public_token, metadata) {
    console.log('public_token: ' + public_token);
    console.log('account ID: ' + metadata.account_id);

    // Send the public_token and account ID to your app server.
    var form = $('<form>', {
      'action': '/charge_bank',
      'method': 'POST'
    }).append($('<input>', {
      'name': 'public_token',
      'value': public_token,
      'type': 'hidden'
    })).append($('<input>', {
      'name': 'account_id',
      'value': metadata.account_id,
      'type': 'hidden'
    }));
    form.submit();
  },
});

// Trigger the Link UI
document.getElementById('linkButton').onclick = function() {
  linkHandler.open();
};