SCM-Manager/scm-ui/src/modules/login.js

//@flow

import { apiClient, NOT_AUTHENTICATED_ERROR } from "../apiclient";

const LOGIN_URL = "/auth/access_token";
const AUTHENTICATION_INFO_URL = "/me";

export const LOGIN = "scm/auth/login";
export const LOGIN_REQUEST = "scm/auth/login_request";
export const LOGIN_SUCCESSFUL = "scm/auth/login_successful";
export const LOGIN_FAILED = "scm/auth/login_failed";
export const GET_IS_AUTHENTICATED_REQUEST = "scm/auth/is_authenticated_request";
export const GET_IS_AUTHENTICATED = "scm/auth/get_is_authenticated";
export const IS_AUTHENTICATED = "scm/auth/is_authenticated";
export const IS_NOT_AUTHENTICATED = "scm/auth/is_not_authenticated";

export function getIsAuthenticatedRequest() {
  return {
    type: GET_IS_AUTHENTICATED_REQUEST
  };
}

export function getIsAuthenticated() {
  return function(dispatch: any => void) {
    dispatch(getIsAuthenticatedRequest());
    return apiClient
      .get(AUTHENTICATION_INFO_URL)
      .then(response => {
        return response.json();
      })
      .then(data => {
        if (data) {
          dispatch(isAuthenticated(data.username));
        }
      })
      .catch((error: Error) => {
        if (error === NOT_AUTHENTICATED_ERROR) {
          dispatch(isNotAuthenticated());
        } else {
          // TODO: Handle errors other than not_authenticated
        }
      });
  };
}

export function isAuthenticated(username: string) {
  return {
    type: IS_AUTHENTICATED,
    username
  };
}

export function isNotAuthenticated() {
  return {
    type: IS_NOT_AUTHENTICATED
  };
}

export function loginRequest() {
  return {
    type: LOGIN_REQUEST
  };
}

export function login(username: string, password: string) {
  var login_data = {
    cookie: true,
    grant_type: "password",
    username,
    password
  };
  return function(dispatch: any => void) {
    dispatch(loginRequest());
    return apiClient.post(LOGIN_URL, login_data).then(response => {
      if (response.ok) {
        dispatch(getIsAuthenticated());
        dispatch(loginSuccessful());
      }
    });
  };
}

export function loginSuccessful() {
  return {
    type: LOGIN_SUCCESSFUL
  };
}

export default function reducer(
  state: any = { loading: true },
  action: any = {}
) {
  switch (action.type) {
    case LOGIN:
      return {
        ...state,
        loading: true,
        login: false,
        error: null
      };
    case LOGIN_SUCCESSFUL:
      return {
        ...state,
        loading: false,
        login: true,
        error: null
      };
    case LOGIN_FAILED:
      return {
        ...state,
        loading: false,
        login: false,
        error: action.payload
      };
    case IS_AUTHENTICATED:
      return {
        ...state,
        login: true,
        loading: false,
        username: action.username
      };
    case IS_NOT_AUTHENTICATED:
      return {
        ...state,
        login: false,
        loading: false,
        username: null,
        error: null
      };

    default:
      return state;
  }
}