import axios from 'axios'

// This functions returns an axios instance, the token is added to the
// configuration if found in the localStorage
export function configureAxios(headers = {}) {
  // Get the token from the localStorate
  const token = localStorage.getItem('token');
  if (token) {
      headers = { 'Authorization': `Bearer ${token}` };
  }

  return axios.create({
    headers
  })
}

// This function takes en event prefix to dispatch evens during the life of the
// request, it also take a promise (axios request)
export function request(eventPrefix, promise, callbackEvents = null, mainPayload = null) {
  // Events
  const pending = `${eventPrefix}_PENDING`;
  const fulfilled = `${eventPrefix}_FULFILLED`;

  return function(dispatch) {
    dispatch({
      type: pending,
      payload: {
        main: mainPayload,
      }
    })
    promise
    .then(response => {
      if (response.data.status === 'error')
      {
        dispatch({
          type: 'ADD_ALERT_ERROR',
          payload: {
            message: response.data.message,
            main: mainPayload,
          }
        })
      }
      dispatch({
        type: fulfilled,
        payload: {
          response: response.data,
          main: mainPayload,
        },
      })
      if (callbackEvents) {
        for (let event of callbackEvents) {
          dispatch(event);
        }
      }
    })
    .catch(error => {
      // Unauthorized
      if (error.response && error.response.status == 401) {
        dispatch({
          type: 'USER_LOGOUT',
        })
      }
      dispatch({
        type: 'ADD_ALERT_ERROR',
        payload: {
          message: error.response.data,
          main: mainPayload,
        }
      })
    })
  }
}