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')
  }
)