Generated by XState Viz: https://xstate.js.org/viz

machine.js

const authMachine = Machine({
  id: "authentication",
  initial: "unauthorized",
  context: {
    user: undefined,
    message: undefined,
  },
  states: {
    unauthorized: {
      entry: "resetUser",
      on: {
        LOGIN: "loading",
        SIGNUP: "signup",
      },
    },
    signup: {
      invoke: {
        src: "performSignup",
        onDone: { target: "unauthorized", actions: "onSuccess" },
        onError: { target: "unauthorized", actions: "onError" },
      },
    },
    loading: {
      invoke: {
        src: "performLogin",
        onDone: { target: "authorized", actions: "onSuccess" },
        onError: { target: "unauthorized", actions: "onError" },
      },
    },
    updating: {
      invoke: {
        src: "updateProfile",
        onDone: { target: "refreshing" },
        onError: { target: "unauthorized", actions: "onError" },
      },
    },
    refreshing: {
      invoke: {
        src: "getUserProfile",
        onDone: { target: "authorized", actions: "setUserProfile" },
        onError: { target: "unauthorized", actions: "onError" },
      },
      on: {
        LOGOUT: "logout",
      },
    },
    logout: {
      invoke: {
        src: "performLogout",
        onDone: { target: "unauthorized" },
        onError: { target: "unauthorized", actions: "onError" },
      },
    },
    authorized: {
      entry: "redirectHomeAfterLogin",
      on: {
        UPDATE: "updating",
        REFRESH: "refreshing",
        LOGOUT: "logout",
      },
    },
  },
});