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

machine.js

const viewMachine = Machine({
  id: 'view',
  initial: 'read',
  states: {
    read: {
      initial: 'tab1',
      on: {
        EDIT: 'edit'
      },
      states: {
        tab1: {
          on: {
            NEXT: 'tab2'
          }
        },
        tab2: {
          on: {
            NEXT: 'tab3'
          }
        },
        tab3: {
          on: {
            NEXT: 'tab1'
          }
        },
        hist: {
          type: 'history'
        }
      }
    },
    edit: {
      on: {
        CANCEL: 'read.hist'
      }
    }
  }
})