braintree.slim

script src="https://js.braintreegateway.com/web/dropin/1.9.4/js/dropin.min.js"

            javascript:
              var form = document.querySelector('.payment');
              var client_token = "#{component.client_token}";

              braintree.dropin.create({
                authorization: client_token,
                container: '#bt-dropin',
                paypal: {
                  flow: 'vault'
                }
              }, function (createErr, instance) {
                if (createErr) {
                  console.log('Error', createErr);
                  return;
                }
                form.addEventListener('submit', function (event) {
                  event.preventDefault();

                  instance.requestPaymentMethod(function (err, payload) {
                    if (err) {
                      console.log('Error', err);
                      return;
                    }

                    // Add the nonce to the form and submit
                    document.querySelector('#nonce').value = payload.nonce;
                    form.submit();
                  });
                });
              });