import axios from 'axios';
import cookie from 'js-cookie';
import {
  ADD_URL,
  LIST_URLS,
  UPDATE_URL_LIST,
  DELETE_URL,
  SHORTENER_LOADING,
  TABLE_LOADING,
  SHORTENER_ERROR,
} from './actionTypes';

const addUrl = payload => ({ type: ADD_URL, payload });
const listUrls = payload => ({ type: LIST_URLS, payload });
const updateUrlList = payload => ({ type: UPDATE_URL_LIST, payload });
const deleteUrl = payload => ({ type: DELETE_URL, payload });
const showTableLoading = () => ({ type: TABLE_LOADING });

export const setShortenerFormError = payload => ({
  type: SHORTENER_ERROR,
  payload,
});

export const showShortenerLoading = () => ({ type: SHORTENER_LOADING });

export const createShortUrl = params => async dispatch => {
  try {
    const { data } = await axios.post('/api/url/submit', params, {
      headers: { Authorization: cookie.get('token') },
    });
    dispatch(addUrl(data));
  } catch ({ response }) {
    dispatch(setShortenerFormError(response.data.error));
  }
};

export const getUrlsList = params => async (dispatch, getState) => {
  if (params) {
    dispatch(updateUrlList(params));
  }

  dispatch(showTableLoading());

  const { url } = getState();
  const { list, ...queryParams } = url;
  const query = Object.keys(queryParams).reduce(
    (string, item) => `${string + item}=${queryParams[item]}&`,
    '?'
  );

  try {
    const { data } = await axios.get(`/api/url/geturls${query}`, {
      headers: { Authorization: cookie.get('token') },
    });
    dispatch(listUrls(data));
  } catch (error) {
    //
  }
};

export const deleteShortUrl = params => async dispatch => {
  dispatch(showTableLoading());
  try {
    await axios.post('/api/url/deleteurl', params, {
      headers: { Authorization: cookie.get('token') },
    });
    dispatch(deleteUrl(params.id));
  } catch ({ response }) {
    dispatch(setShortenerFormError(response.data.error));
  }
};