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

machine.js

  
    const fetchMachine2 = Machine({
    id: 'fetch2',
    initial: 'closed',
    context: {
      retries: 0
    },
    states: {
      closed: {
        on: {
          OPEN: 'opened'
        }
      },
      opened: {
        on: {
          CLOSE: 'closed'
        },
        initial: 'page1',
        states: {
          page1: {
            on: {
              NEXT: 'page2'
            }
          },
          page2: {
            on: {
              BACK: 'page1',
              NEXT: 'page3'
            }
          },
          page3: {
            on: {
              BACK: 'page2',
              DONE: '#fetch2.closed'
            }
          }
        }
      }
    }
  });