import { login, register } from "@/api/auth";
import { LOGIN, LOGOUT, REGISTER } from "@/store/type/actions.type";
import {
  SET_AUTH,
  SET_LOGIN_ERROR,
  REMOVE_AUTH,
  SET_REGISTER_ERROR,
  SET_PROFILE
} from "@/store/type/mutations.type";
import { getToken, destroyToken, saveToken } from "@/util/tokenStorage";

const state = {
  isAuthenticated: !!getToken(),
  isLoginError: false,
  isRegisterError: false
};

const actions = {
  async [LOGIN](context, credentials) {
    try {
      const { token, user } = await login(credentials);
      context.commit(SET_PROFILE, user);
      context.commit(SET_AUTH, { token, profile: user });
      context.commit(SET_LOGIN_ERROR, false);
    } catch (e) {
      context.commit(SET_LOGIN_ERROR, true);
    }
  },
  [LOGOUT](context) {
    context.commit(REMOVE_AUTH);
  },
  async [REGISTER](context, credentials) {
    try {
      await register(credentials);
    } catch (e) {
      context.commit(SET_REGISTER_ERROR, true);
    }
  }
};

const mutations = {
  [SET_LOGIN_ERROR](state, error) {
    state.isLoginError = error;
  },
  [SET_REGISTER_ERROR](state, error) {
    state.isRegisterError = error;
  },
  [SET_AUTH](state, { token, profile }) {
    state.isAuthenticated = true;
    saveToken(token, profile);
  },
  [REMOVE_AUTH](state) {
    state.isAuthenticated = false;
    destroyToken();
  }
};

export default {
  state,
  actions,
  mutations
};