Kutt/client/actions/auth.js

import Router from "next/router";
import axios from "axios";
import cookie from "js-cookie";
import decodeJwt from "jwt-decode";
import {
  SET_DOMAIN,
  SHOW_PAGE_LOADING,
  HIDE_PAGE_LOADING,
  AUTH_USER,
  UNAUTH_USER,
  SENT_VERIFICATION,
  AUTH_ERROR,
  LOGIN_LOADING,
  SIGNUP_LOADING,
  AUTH_RENEW
} from "./actionTypes";

const setDomain = payload => ({ type: SET_DOMAIN, payload });

export const showPageLoading = () => ({ type: SHOW_PAGE_LOADING });
export const hidePageLoading = () => ({ type: HIDE_PAGE_LOADING });
export const authUser = payload => ({ type: AUTH_USER, payload });
export const unauthUser = () => ({ type: UNAUTH_USER });
export const sentVerification = payload => ({
  type: SENT_VERIFICATION,
  payload
});
export const showAuthError = payload => ({ type: AUTH_ERROR, payload });
export const showLoginLoading = () => ({ type: LOGIN_LOADING });
export const showSignupLoading = () => ({ type: SIGNUP_LOADING });
export const authRenew = () => ({ type: AUTH_RENEW });

export const signupUser = payload => async dispatch => {
  dispatch(showSignupLoading());
  try {
    const {
      data: { email }
    } = await axios.post("/api/auth/signup", payload);
    dispatch(sentVerification(email));
  } catch ({ response }) {
    dispatch(showAuthError(response.data.error));
  }
};

export const loginUser = payload => async dispatch => {
  dispatch(showLoginLoading());
  try {
    const {
      data: { token }
    } = await axios.post("/api/auth/login", payload);
    cookie.set("token", token, { expires: 7 });
    dispatch(authRenew());
    dispatch(authUser(decodeJwt(token)));
    dispatch(setDomain({ customDomain: decodeJwt(token).domain }));
    dispatch(showPageLoading());
    Router.push("/");
  } catch ({ response }) {
    dispatch(showAuthError(response.data.error));
  }
};

export const logoutUser = () => dispatch => {
  dispatch(showPageLoading());
  cookie.remove("token");
  dispatch(unauthUser());
  Router.push("/login");
};

export const renewAuthUser = () => async (dispatch, getState) => {
  if (getState().auth.renew) {
    return;
  }

  const options = {
    method: "POST",
    headers: { Authorization: cookie.get("token") },
    url: "/api/auth/renew"
  };

  try {
    const {
      data: { token }
    } = await axios(options);
    cookie.set("token", token, { expires: 7 });
    dispatch(authRenew());
    dispatch(authUser(decodeJwt(token)));
    dispatch(setDomain({ customDomain: decodeJwt(token).domain }));
  } catch (error) {
    cookie.remove("token");
    dispatch(unauthUser());
  }
};