create-bar-project/dist/Resources/Clients/Next-Mobx/react-mobx-index/AuthStore.ts

This module helps create a base for web application projects.

import API from 'Api';
import { alertMessage, alertStrings, hideAfterTimeSec } from 'Common/AlertMessage';
import { LoginFormValues, RegisterFormValues } from 'Common/FormValuesTypes';
import { User } from 'Common/Models';
import { isBrowser } from 'Common/Utils';
import { getToken, removeToken, saveToken } from 'Common/Utils/Cookies';
import { action, computed, observable } from 'mobx';
import { NextPageContext } from 'next';
import { GenericStore } from './Stores';

export default class AuthStore {
	@observable
	private currentUser?: User;

	private genericStore: GenericStore;

	constructor(genericStore: GenericStore, initialData?: { currentUser: User }) {
		this.genericStore = genericStore;
		if (initialData) {
			this.currentUser = initialData.currentUser;
		}
	}

	@computed
	public get getCurrentUser(): User | undefined {
		return this.currentUser;
	}

	@action
	public async logIn(loginData: LoginFormValues): Promise<void> {
		try {
			const { token, ...rest } = (await API.post('/auth/login', loginData)) as any;
			saveToken(token);
			this.currentUser = { ...rest };
			await this.genericStore?.fetch('Role');
			alertMessage.success(alertStrings.logInSuccess, { hideAfter: hideAfterTimeSec });
		} catch (err) {
			alertMessage.error(err.message, { hideAfter: hideAfterTimeSec });
		}
	}

	@action
	public logout(): void {
		this.currentUser = undefined;
		removeToken();
		alertMessage.success(alertStrings.logOutSuccess, { hideAfter: hideAfterTimeSec });
	}

	@action
	public async register(registerData: RegisterFormValues): Promise<void> {
		try {
			const { token, ...rest } = (await API.post('/auth/register', registerData)) as any;
			saveToken(token);
			this.currentUser = { ...rest };
			await this.genericStore?.fetch('Role');
			alertMessage.success(alertStrings.logInSuccess, { hideAfter: hideAfterTimeSec });
		} catch (err) {
			alertMessage.error(err.message, { hideAfter: hideAfterTimeSec });
		}
	}

	@action
	public async fetchCurrentUser(ctx?: NextPageContext): Promise<User | undefined> {
		try {
			const token = getToken(ctx);
			this.currentUser = await API.post('/auth/login', null, { headers: { Authorization: `Bearer ${token}` } });
			if (isBrowser()) {
				alertMessage.error(alertStrings.logInSuccess, { hideAfter: hideAfterTimeSec });
			}
			return this.currentUser;
		} catch (err) {
			if (isBrowser()) {
				alertMessage.error(err.message, { hideAfter: hideAfterTimeSec });
			}
		}
	}
}