cssd-back/resources/js/vue/services/auth/user.service.js

import { ApiService } from "../global/api.service";
import { TokenService } from "./storage.service";
import { urls } from "@/config/urls";
import toast from "../global/toast.service";

class AuthenticationError extends Error {
    constructor(errorCode, message) {
        super(message);
        this.name = this.constructor.name;
        this.message = message;
        this.errorCode = errorCode;
    }
}

const UserService = {
    /**
     * Login the user and store the access token to TokenService.
     *
     * @returns access_token
     * @throws AuthenticationError
     **/
    login: async function(cell_number, password) {
        const requestData = {
            method: "post",
            url: urls.login,
            data: {
                cell_number,
                password,
                grant_type: "password"
            },
            auth: {
                username: process.env.MIX_APP_CLIENT_ID,
                password: process.env.MIX_APP_CLIENT_SECRET
            }
        };

        try {
            const response = await ApiService.customRequest(requestData);
            TokenService.saveToken(response.data.access_token);
            TokenService.saveRefreshToken(response.data.refresh_token);
            ApiService.setAuthHeader();

            // NOTE: We haven't covered this yet in our ApiService
            //       but don't worry about this just yet - I'll come back to it later
            ApiService.mount401Interceptor();
            return response;
        } catch (error) {
            toast.error('Username Or Password Is Incorrect', 'Error');
            throw new AuthenticationError(
                error.response.status,
                error.response.data.detail
            );
        }
    },
    /**
     * Refresh the access token.
     **/
    refreshToken: async function() {
        const refreshToken = TokenService.getRefreshToken();

        const requestData = {
            method: "post",
            url: urls.login,
            data: {
                grant_type: "refresh_token",
                refresh_token: refreshToken
            },
            auth: {
                username: process.env.MIX_APP_CLIENT_ID,
                password: process.env.MIX_APP_CLIENT_SECRET
            }
        };

        try {
            const response = await ApiService.customRequest(requestData);

            TokenService.saveToken(response.data.access_token);
            TokenService.saveRefreshToken(response.data.refresh_token);
            // Update the header in ApiService
            ApiService.setAuthHeader();

            return response.data.access_token;
        } catch (error) {
            throw new AuthenticationError(
                error.response.status,
                error.response.data.detail
            );
        }
    },

    /**
     * Logout the current user by removing the token from storage.
     *
     * Will also remove `Authorization Bearer <token>` header from future requests.
     **/
    logout: async function() {
        try {
            await ApiService.post(urls.logout);
            // Remove the token and remove Authorization header from Api Service as well
            TokenService.removeToken();
            TokenService.removeRefreshToken();
            TokenService.removeInfo();
            ApiService.removeAuthHeader();

            // NOTE: Again, we'll cover the 401 Interceptor a bit later.
            ApiService.unmount401Interceptor();

            return true;
        } catch (error) {
            return true
        }
    },
    /**
     * Get Information the current user ;
     *
     * Will also Register in Store;
     **/
    getInfo: async function() {
        const response = await ApiService.get(urls.getInfo);
        TokenService.saveInfo(response.data.data);
        return response.data.data;
    }
};

export default UserService;

export { UserService, AuthenticationError };