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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
const rtsMachine = Machine({
  id: 'rts',
  initial: 'idle',
  states: {
    idle: {
      on: {
        OPEN: 'ready'
      }
    },
    ready: {
      on: {
        REQUEST: 'loading',
        CANCEL: 'loading'
      }
    },
    loading: {
      on: {
        RESOLVE: 'success',
        ERROR: 'failure'
      }
    },
    cancelled: {
      // show cancelled success
      on: {
        CLOSE: 'idle',
        REQUEST: 'loading'
      }
    },
    requested: {
      initial: 'open',
      // show requested success
      // CLOSE -> still stay in requested
      // but remove menu message
      states: {
        open: {
          on: {
            CLOSE: 'closed',
            CANCEL: '#rts.loading'
          }
        },
        closed: {
          on: {
            OPEN: 'open'
          }
        }
      }
    },
    success: {
      // here you have to decide if you are going to
      // cancelled or requested
      on: {
        // null event '' always occurs once state is entered
        '': [
          { target: 'cancelled', cond: () => false },
          { target: 'requested', cond: () => true }
        ]
      }
    },
    failure: {
      on: {
        REQUEST: 'loading',
        CANCEL: 'loading'
      }
    }
  }
});