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

machine.js

 const STATES = {
  AUTHENTICATING: 'AUTHENTICATING',
  AUTHORIZED: 'AUTHORIZED',
  UNAUTHORIZED: 'UNAUTHORIZED',
  STORAGE_FULL: 'STORAGE_FULL',
  ERROR: 'ERROR'
};

 const EVENTS = {
  AUTHENTICATED: 'AUTHENTICATED',
  REJECTED: 'REJECTED',
  STORAGE_FULL: 'STORAGE_FULL',
  ERROR: 'ERROR',
  RESET: 'RESET'
};

 const STATE_MACHINE = {
  initial: STATES.AUTHENTICATING,
  states: {
    [STATES.AUTHENTICATING]: {
      on: {
        [EVENTS.AUTHENTICATED]: STATES.AUTHORIZED,
        [EVENTS.REJECTED]: STATES.UNAUTHORIZED
      }
    },
    [STATES.AUTHORIZED]: {
      on: {
        [EVENTS.STORAGE_FULL]: STATES.STORAGE_FULL,
        [EVENTS.ERROR]: STATES.ERROR
      }
    },
    [STATES.ERROR]: {
      on: {
        [EVENTS.RESET]: STATES.AUTHORIZED
      }
    },
    [STATES.STORAGE_FULL]: {
      on: {
        [EVENTS.RESET]: STATES.AUTHORIZED
      }
    },
    [STATES.UNAUTHORIZED]: {}
  }
};


  const { state, transition } = Machine(STATE_MACHINE);