Overleaf/services/web/frontend/js/main/account-settings.js

import App from '../base'
App.controller(
  'AccountSettingsController',
  function (
    $scope,
    $http,
    $modal,
    // eslint-disable-next-line camelcase
    eventTracking,
    UserAffiliationsDataService
  ) {
    $scope.subscribed = true

    $scope.unsubscribe = function () {
      $scope.unsubscribing = true
      return $http({
        method: 'DELETE',
        url: '/user/newsletter/unsubscribe',
        headers: {
          'X-CSRF-Token': window.csrfToken,
        },
      })
        .then(function () {
          $scope.unsubscribing = false
          $scope.subscribed = false
        })
        .catch(() => ($scope.unsubscribing = true))
    }

    $scope.deleteAccount = function () {
      $modal.open({
        templateUrl: 'deleteAccountModalTemplate',
        controller: 'DeleteAccountModalController',
        resolve: {
          userDefaultEmail() {
            return UserAffiliationsDataService.getUserDefaultEmail()
              .then(
                defaultEmailDetails =>
                  (defaultEmailDetails != null
                    ? defaultEmailDetails.email
                    : undefined) || null
              )
              .catch(() => null)
          },
        },
      })
    }

    $scope.upgradeIntegration = service =>
      eventTracking.send('subscription-funnel', 'settings-page', service)
  }
)

App.controller(
  'DeleteAccountModalController',
  function ($scope, $modalInstance, $timeout, $http, userDefaultEmail) {
    $scope.state = {
      isValid: false,
      deleteText: '',
      password: '',
      confirmSharelatexDelete: false,
      inflight: false,
      error: null,
    }

    $scope.userDefaultEmail = userDefaultEmail

    $modalInstance.opened.then(() =>
      $timeout(() => $scope.$broadcast('open'), 700)
    )

    $scope.checkValidation = () =>
      ($scope.state.isValid =
        userDefaultEmail != null &&
        $scope.state.deleteText.toLowerCase() ===
          userDefaultEmail.toLowerCase() &&
        $scope.state.password.length > 0 &&
        $scope.state.confirmSharelatexDelete)

    $scope.delete = function () {
      $scope.state.inflight = true
      $scope.state.error = null
      return $http({
        method: 'POST',
        url: '/user/delete',
        headers: {
          'X-CSRF-Token': window.csrfToken,
          'Content-Type': 'application/json',
        },
        data: {
          password: $scope.state.password,
        },
        disableAutoLoginRedirect: true, // we want to handle errors ourselves
      })
        .then(function () {
          $modalInstance.close()
          $scope.state.inflight = false
          $scope.state.error = null
          setTimeout(() => (window.location = '/login'), 1000)
        })
        .catch(function (response) {
          const { data, status } = response
          $scope.state.inflight = false
          if (status === 403) {
            $scope.state.error = { code: 'InvalidCredentialsError' }
          } else if (data.error) {
            $scope.state.error = { code: data.error }
          } else {
            $scope.state.error = { code: 'UserDeletionError' }
          }
        })
    }

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