@prabink/react-node-cli/templates/react_mui_mobx/src/stores/session/session.store.js

React Node Application Generator & Helpers To Serve React Build, Push to github & Export industry level react project structure

import {
  observable,
  action,
  computed,
  toJS,
  makeObservable,
} from "mobx";

const initialSession = {
  loading: false,
  user: null,
  token: null,
};

class SessionStore {
  loading = false;
  user = null;
  token = null;

  constructor() {
    makeObservable(this, {
      user: observable,
      token: observable,
      loading: observable,
      getUser: computed,
      getAccessToken: computed,
      isLoggedIn: computed,
      setSession: action,
      logOutSession: action,
      resetState: action,
    });
  }

  get getUser() {
    return toJS(this.user);
  }

  get getAccessToken() {
    return toJS(this.token);
  }

  /**
   * Return the state of user loggedin
   */
  get isLoggedIn() {
    if (this.user && this.token) {
      return true;
    } else {
      return false;
    }
  }

  /**
   * Set user session to the store
   * @typedef {Object} Session
   * @property {boolean} loading whethe session is in loading state.
   * @property {any} user currently logged in user
   * @property {string} token currently logged in user's access token
   * @param {Session} session
   */
  setSession(session) {
    for (const property in session) {
      if (Object.hasOwnProperty.call(session, property)) {
        const value = session[property];
        if (this.hasOwnProperty(property)) {
          this[property] = value;
        }
      }
    }
  }

  /**
   * Logout user from session
   */
  logOutSession() {
    this.resetState();
  }

  resetState() {
    for (const property in initialSession) {
      if (Object.hasOwnProperty.call(initialSession, property)) {
        const value = initialSession[property];
        if (this.hasOwnProperty(property)) {
          this[property] = value;
        }
      }
    }
  }
}

export const sessionStore = new SessionStore();