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

import DiscourseURL from "discourse/lib/url";
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() {
      // https://stripe.com/docs/billing/subscriptions/payment#signup-flow

      this.stripe.createToken(this.get("cardElement")).then(result => {
        if (result.error) {
          // Inform the customer that there was an error.
          // var errorElement = document.getElementById('card-errors');
          // errorElement.textContent = result.error.message;
        } else {
          const customerData = {
            source: result.token.id
          };

          return ajax("/patrons/customers", { method: "post", data: customerData }).then(
            customer => {
              // TODO move default plan into settings
              if(this.get('model.selectedPlan') === undefined) {
                this.set('model.selectedPlan', this.get('model.plans.firstObject'));
              }

              const subscriptionData = {
                customer: customer.id,
                plan: this.get('model.selectedPlan')
              };

              return ajax("/patrons/subscriptions", { method: "post", data: subscriptionData }).then(
                () => {
                  return DiscourseURL.redirectTo(Discourse.SiteSettings.discourse_patrons_subscription_group_landing_page);
                }
              );
            }
          );
        }
      });
    }
  }
});