discourse-subscriptions/assets/javascripts/discourse/components/donation-row.js.es6

import { ajax } from "discourse/lib/ajax";
import { popupAjaxError } from "discourse/lib/ajax-error";
import { formatAnchor, formatAmount } from "../lib/donation-utilities";
import { default as computed } from "ember-addons/ember-computed-decorators";
import showModal from "discourse/lib/show-modal";

export default Ember.Component.extend({
  classNameBindings: [":donation-row", "canceled", "updating"],
  includePrefix: Ember.computed.or("invoice", "charge"),
  canceled: Ember.computed.equal("subscription.status", "canceled"),

  @computed("subscription", "invoice", "charge", "customer")
  data(subscription, invoice, charge, customer) {
    if (subscription) {
      return $.extend({}, subscription.plan, {
        anchor: subscription.billing_cycle_anchor
      });
    } else if (invoice) {
      let receiptSent = false;

      if (invoice.receipt_number && customer.email) {
        receiptSent = true;
      }

      return $.extend({}, invoice.lines.data[0], {
        anchor: invoice.date,
        invoiceLink: invoice.invoice_pdf,
        receiptSent
      });
    } else if (charge) {
      let receiptSent = false;

      if (charge.receipt_number && charge.receipt_email) {
        receiptSent = true;
      }

      return $.extend({}, charge, {
        anchor: charge.created,
        receiptSent
      });
    }
  },

  @computed("data.currency")
  currency(currency) {
    return currency ? currency.toUpperCase() : null;
  },

  @computed("data.amount", "currency")
  amount(amount, currency) {
    return formatAmount(amount, currency);
  },

  @computed("data.interval")
  interval(interval) {
    return interval || "once";
  },

  @computed("data.anchor", "interval")
  period(anchor, interval) {
    return I18n.t(`discourse_donations.period.${interval}`, {
      anchor: formatAnchor(interval, moment.unix(anchor))
    });
  },

  cancelSubscription() {
    const subscriptionId = this.get("subscription.id");
    this.set("updating", true);

    ajax("/donate/charges/cancel-subscription", {
      data: {
        subscription_id: subscriptionId
      },
      method: "put"
    })
      .then(result => {
        if (result.success) {
          this.set("subscription", result.subscription);
        }
      })
      .catch(popupAjaxError)
      .finally(() => {
        this.set("updating", false);
      });
  },

  actions: {
    cancelSubscription() {
      showModal("cancel-subscription", {
        model: {
          currency: this.get("currency"),
          amount: this.get("amount"),
          period: this.get("period"),
          confirm: () => this.cancelSubscription()
        }
      });
    }
  }
});