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

machine.js

const fetchMachine = Machine({
  id: 'balance',
  initial: 'loading',
  states: {
    loading: {
      on: {
        RESOLVE: 'showList',
        REJECT: 'dataFailure'
      }
    },
    showList: {
      on: {
        SELECT: 'showSingle'
      }
    },
    showSingle: {
      on: {
        BACK: 'showList',
        SPEND: {}
      }
    },
    dataFailure: {
      on: {
        RETRY: 'loading'
      }
    },
  },
  on: {
    COMPLETE_TASK: {}
  }
});