discourse-subscriptions/assets/javascripts/discourse/controllers/subscriptions.js

import Controller from "@ember/controller";
import { computed } from "@ember/object";
import { htmlSafe } from "@ember/template";
import { i18n } from "discourse-i18n";

export default class SubscriptionsController extends Controller {
  init() {
    super.init(...arguments);
    if (this.currentUser) {
      this.currentUser
        .checkEmail()
        .then(() => this.set("email", this.currentUser.email));
    }
  }

  @computed("email")
  get pricingTable() {
    try {
      const pricingTableId =
        this.siteSettings.discourse_subscriptions_pricing_table_id;
      const publishableKey =
        this.siteSettings.discourse_subscriptions_public_key;
      const pricingTableEnabled =
        this.siteSettings.discourse_subscriptions_pricing_table_enabled;

      if (!pricingTableEnabled || !pricingTableId || !publishableKey) {
        throw new Error("Pricing table not configured");
      }

      if (this.currentUser) {
        return htmlSafe(`<stripe-pricing-table
                pricing-table-id="${pricingTableId}"
                publishable-key="${publishableKey}"
                customer-email="${this.email}"></stripe-pricing-table>`);
      } else {
        return htmlSafe(`<stripe-pricing-table
                pricing-table-id="${pricingTableId}"
                publishable-key="${publishableKey}"
                ></stripe-pricing-table>`);
      }
    } catch {
      return i18n("discourse_subscriptions.subscribe.no_products");
    }
  }
}