discourse-subscriptions/assets/javascripts/discourse/components/stripe-card.js.es6

import { ajax } from 'discourse/lib/ajax';
import { getRegister } from 'discourse-common/lib/get-owner';

export default Ember.Component.extend({
  donateAmounts: [
    { value: 1, name: '$1.00'},
    { value: 2, name: '$2.00'},
    { value: 5, name: '$5.00'},
    { value: 10, name: '$10.00'},
    { value: 20, name: '$20.00'},
    { value: 50, name: '$50.00'}
  ],
  result: null,
  amount: null,
  stripe: null,
  transactionInProgress: null,
  settings: null,

  init() {
    this._super();
    this.set('anon', (Discourse.User.current() == null));
    this.set('settings', getRegister(this).lookup('site-settings:main'));
    this.set('create_accounts', this.get('anon') && this.get('settings').discourse_donations_enable_create_accounts);
    this.set('stripe', Stripe(this.get('settings').discourse_donations_public_key));
  },

  card: function() {
    let elements = this.get('stripe').elements();
    return elements.create('card', {
      hidePostalCode: this.get('settings').discourse_donations_hide_zip_code
    });
  }.property('stripe'),

  didInsertElement() {
    this._super();
    this.get('card').mount('#card-element');
  },

  actions: {
    submitStripeCard() {
      let self = this;

      this.get('stripe').createToken(this.get('card')).then(data => {

        self.set('result', null);
        self.set('success', false);

        if (data.error) {
          self.set('result', data.error.message);
        }
        else {
          self.set('transactionInProgress', true);

          let params = {
            stripeToken: data.token.id,
            amount: self.get('amount') * 100,
            email: self.get('email'),
          };

          ajax('/charges', { data: params, method: 'post' }).then(data => {
            self.set('result', data.outcome.seller_message);

            if(!this.get('create_accounts')) {
              if(data.status == 'succeeded') { self.set('success', true) };
              self.set('transactionInProgress', false);
            }
            else {

              let params = {
                email: self.get('email'),
                username: self.get('username'),
                name: self.get('name'),
                password: self.get('password')
              };

              ajax('/users', { data: params, method: 'post' }).then(data => {
                self.set('success', data.success);
                self.set('transactionInProgress', false);
                self.set('result', self.get('result') + data.message);
              });
            }
          });
        }
      });
    }
  }
});