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

machine.js

const fetchMachine = Machine({
  id: 'fetch',

  // Initial state
  initial: 'idle',

  // States
  states: {
    idle: {
      on: {
        INITIALISE: 'ready'
      }
    },
    ready: {
      // Initial child state
      initial: 'detailsView',

      // Child states
      states: {
        detailsView: {
          on: {
            'CLICK_ITEM': 'specificDetailView'
          }
        },
        specificDetailView: {
          on: {
            BACK: 'detailsView'
          }
        }
      }
    },
  }
});