aswi2022code-of-duty-gitlab/frontend/src/features/Auth/userThunks.ts @ 4093c939

import { createAsyncThunk } from '@reduxjs/toolkit'
import axiosInstance from '../../api/api'
import { UserDto } from '../../swagger/data-contracts'
import { setErr, setUserState, UserState } from './userSlice'
import jwt from 'jwt-decode' 
import { RootState } from '../redux/store'

const loginError =
    'Server error occurred while logging in. Please contact help service to resolve this issue or try again later.'

// This is not present in the swagger since spring generates
export interface UserLogin {
    username: string,
    password: string
}

export const logIn = createAsyncThunk(
    'user/login',
    async (userDto: UserLogin, { dispatch, getState }) => {
        try {
            // @ts-ignore
            if (getState().user.isLoggedIn) {
                return Promise.reject(undefined)
            }

            const { data, status } = await axiosInstance.post('/login', userDto)
            const [ accessToken, refreshToken ] = [data.access_token, data.refresh_token]
            if (status !== 200) {
                // TODO read API err
                return Promise.reject(loginError)
            }

            // Strip bearer from access token
            const userInfo = jwt(accessToken.replace('Bearer ', '')) as any
            const { sub, authorities } = userInfo
            if (!sub || !authorities) {
                return Promise.reject(loginError)
            }

            const userState: UserState = {
                accessToken,
                refreshToken,
                username: sub,
                roles: authorities,
                isLoggedIn: true
            }
            
            return userState
        } catch (err: any) {
            console.log(err)
            return Promise.reject(loginError)
        }
    }
)