discourse-subscriptions/assets/javascripts/discourse/controllers/patrons-subscribe.js.es6

import { ajax } from "discourse/lib/ajax";

export default Ember.Controller.extend({
  init() {
    this._super(...arguments);
    this.set(
      "stripe",
      Stripe(Discourse.SiteSettings.discourse_patrons_public_key)
    );
    const elements = this.get("stripe").elements();
    this.set("cardElement", elements.create("card", { hidePostalCode: true }));
  },

  actions: {
    stripePaymentHandler() {
      this.stripe.createToken(this.get("cardElement")).then(result => {
        if (result.error) {
          bootbox.alert(result.error.message);
        } else {
          const customerData = {
            source: result.token.id
          };

          return ajax("/patrons/customers", {
            method: "post",
            data: customerData
          }).then(customer => {
            const subscription = this.get("model.subscription");

            subscription.set("customer", customer.id);

            if (subscription.get("plan") === undefined) {
              subscription.set("plan", this.get("model.plans.firstObject.id"));
            }

            subscription.save().then(() => {
              bootbox.alert("ok payment good... some kind of message");
              this.transitionToRoute(
                "user.billing",
                Discourse.User.current().username.toLowerCase()
              );
            });
          });
        }
      });
    }
  }
});