overleaf/services/web/frontend/js/main/subscription-dashboard.js

/* global recurly */

/* eslint-disable
    camelcase,
    max-len,
    no-return-assign,
    no-unused-vars,
*/
// TODO: This file was created by bulk-decaffeinate.
// Fix any style issues and re-enable lint.
/*
 * decaffeinate suggestions:
 * DS102: Remove unnecessary code created because of implicit returns
 * DS104: Avoid inline assignments
 * DS204: Change includes calls to have a more natural evaluation order
 * DS207: Consider shorter variations of null checks
 * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
 */
define(['../base'], function(App) {
  const SUBSCRIPTION_URL = '/user/subscription/update'

  const ensureRecurlyIsSetup = _.once(() => {
    if (typeof recurly === 'undefined' || !recurly) {
      return false
    }
    recurly.configure(window.recurlyApiKey)
    return true
  })

  App.controller('MetricsEmailController', function($scope, $http) {
    $scope.institutionEmailSubscription = function(institutionId) {
      var inst = _.find(window.managedInstitutions, function(institution) {
        return institution.v1Id === parseInt(institutionId)
      })
      if (inst.metricsEmail.optedOutUserIds.includes(window.user_id)) {
        return 'Subscribe'
      } else {
        return 'Unsubscribe'
      }
    }

    $scope.changeInstitutionalEmailSubscription = function(institutionId) {
      $scope.subscriptionChanging = true
      return $http({
        method: 'POST',
        url: `/institutions/${institutionId}/emailSubscription`,
        headers: {
          'X-CSRF-Token': window.csrfToken
        }
      }).then(function successCallback(response) {
        window.managedInstitutions = _.map(window.managedInstitutions, function(
          institution
        ) {
          if (institution.v1Id === parseInt(institutionId)) {
            institution.metricsEmail.optedOutUserIds = response.data
          }
          return institution
        })
        $scope.subscriptionChanging = false
      })
    }
  })

  App.factory('RecurlyPricing', function($q, MultiCurrencyPricing) {
    return {
      loadDisplayPriceWithTax: function(planCode, currency, taxRate) {
        if (!ensureRecurlyIsSetup()) return
        const currencySymbol = MultiCurrencyPricing.plans[currency].symbol
        const pricing = recurly.Pricing()
        return $q(function(resolve, reject) {
          pricing
            .plan(planCode, { quantity: 1 })
            .currency(currency)
            .done(function(price) {
              const totalPriceExTax = parseFloat(price.next.total)
              let taxAmmount = totalPriceExTax * taxRate
              if (isNaN(taxAmmount)) {
                taxAmmount = 0
              }
              let total = totalPriceExTax + taxAmmount
              if (total % 1 !== 0) {
                total = total.toFixed(2)
              }
              resolve(`${currencySymbol}${total}`)
            })
        })
      }
    }
  })

  App.controller('ChangePlanFormController', function(
    $scope,
    $modal,
    RecurlyPricing
  ) {
    if (!ensureRecurlyIsSetup()) return

    $scope.changePlan = () =>
      $modal.open({
        templateUrl: 'confirmChangePlanModalTemplate',
        controller: 'ConfirmChangePlanController',
        scope: $scope
      })

    $scope.$watch('plan', function(plan) {
      if (!plan) return
      const planCode = plan.planCode
      const { currency, taxRate } = window.subscription.recurly
      $scope.price = '...' // Placeholder while we talk to recurly
      RecurlyPricing.loadDisplayPriceWithTax(planCode, currency, taxRate).then(
        price => {
          $scope.price = price
        }
      )
    })
  })

  App.controller('ConfirmChangePlanController', function(
    $scope,
    $modalInstance,
    $http
  ) {
    $scope.confirmChangePlan = function() {
      const body = {
        plan_code: $scope.plan.planCode,
        _csrf: window.csrfToken
      }

      $scope.inflight = true

      return $http
        .post(`${SUBSCRIPTION_URL}?origin=confirmChangePlan`, body)
        .then(() => location.reload())
        .catch(() => console.log('something went wrong changing plan'))
    }

    return ($scope.cancel = () => $modalInstance.dismiss('cancel'))
  })

  App.controller('LeaveGroupModalController', function(
    $scope,
    $modalInstance,
    $http
  ) {
    $scope.confirmLeaveGroup = function() {
      $scope.inflight = true
      return $http({
        url: '/subscription/group/user',
        method: 'DELETE',
        params: { admin_user_id: $scope.admin_id, _csrf: window.csrfToken }
      })
        .then(() => location.reload())
        .catch(() => console.log('something went wrong changing plan'))
    }

    return ($scope.cancel = () => $modalInstance.dismiss('cancel'))
  })

  App.controller('GroupMembershipController', function($scope, $modal) {
    $scope.removeSelfFromGroup = function(admin_id) {
      $scope.admin_id = admin_id
      return $modal.open({
        templateUrl: 'LeaveGroupModalTemplate',
        controller: 'LeaveGroupModalController',
        scope: $scope
      })
    }
  })

  App.controller('RecurlySubscriptionController', function($scope) {
    const recurlyIsSetup = ensureRecurlyIsSetup()
    $scope.showChangePlanButton =
      recurlyIsSetup && !window.subscription.groupPlan
    $scope.recurlyLoadError = !recurlyIsSetup

    $scope.switchToDefaultView = () => {
      $scope.showCancellation = false
      $scope.showChangePlan = false
    }
    $scope.switchToDefaultView()

    $scope.switchToCancellationView = () => {
      $scope.showCancellation = true
      $scope.showChangePlan = false
    }

    $scope.switchToChangePlanView = () => {
      $scope.showCancellation = false
      $scope.showChangePlan = true
    }
  })

  App.controller('RecurlyCancellationController', function(
    $scope,
    RecurlyPricing,
    $http
  ) {
    if (!ensureRecurlyIsSetup()) return
    const subscription = window.subscription
    const sevenDaysTime = new Date()
    sevenDaysTime.setDate(sevenDaysTime.getDate() + 7)
    const freeTrialEndDate = new Date(subscription.recurly.trial_ends_at)
    const freeTrialInFuture = freeTrialEndDate > new Date()
    const freeTrialExpiresUnderSevenDays = freeTrialEndDate < sevenDaysTime

    const isMonthlyCollab =
      subscription.plan.planCode.indexOf('collaborator') !== -1 &&
      subscription.plan.planCode.indexOf('ann') === -1 &&
      !subscription.groupPlan
    const stillInFreeTrial = freeTrialInFuture && freeTrialExpiresUnderSevenDays

    if (isMonthlyCollab && stillInFreeTrial) {
      $scope.showExtendFreeTrial = true
    } else if (isMonthlyCollab && !stillInFreeTrial) {
      $scope.showDowngradeToStudent = true
    } else {
      $scope.showBasicCancel = true
    }

    const { currency, taxRate } = window.subscription.recurly
    $scope.studentPrice = '...' // Placeholder while we talk to recurly
    RecurlyPricing.loadDisplayPriceWithTax('student', currency, taxRate).then(
      price => {
        $scope.studentPrice = price
      }
    )

    $scope.downgradeToStudent = function() {
      const body = {
        plan_code: 'student',
        _csrf: window.csrfToken
      }
      $scope.inflight = true
      return $http
        .post(`${SUBSCRIPTION_URL}?origin=downgradeToStudent`, body)
        .then(() => location.reload())
        .catch(() => console.log('something went wrong changing plan'))
    }

    $scope.cancelSubscription = function() {
      const body = { _csrf: window.csrfToken }

      $scope.inflight = true
      return $http
        .post('/user/subscription/cancel', body)
        .then(() => (location.href = '/user/subscription/canceled'))
        .catch(() => console.log('something went wrong changing plan'))
    }

    $scope.extendTrial = function() {
      const body = { _csrf: window.csrfToken }
      $scope.inflight = true
      return $http
        .put('/user/subscription/extend', body)
        .then(() => location.reload())
        .catch(() => console.log('something went wrong changing plan'))
    }
  })
})