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

machine.js

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'WELCOME SCREEN',
    context: {},
    states: {
      'WELCOME SCREEN': {
        on: {
          'STEP 1': 'STEP ONE SCREEN'
        }
      },
      'STEP ONE SCREEN': {
        on: {
          'STEP 2': 'STEP TWO SCREEN',
        }
      },
      'STEP TWO SCREEN': {
        on: {
          'CHOICE 1': 'CHOICE 1 SCREEN',
          'CHOICE 2': 'CHOICE 2 SCREEN'
        }
      },
      'CHOICE 1 SCREEN': {
        on: {
          'CHOICE A': 'CHOICE A SCREEN',
          'CHOICE B': 'CHOICE B SCREEN',
        }
      },
      'CHOICE A SCREEN': {
        on: {
          'DONE': 'DONE SCREEN'
        }
      },
      'CHOICE B SCREEN': {
        on: {
          'DONE': 'DONE SCREEN'
        }
      },
      'CHOICE 2 SCREEN': {
        on: {
          'DONE': 'DONE SCREEN'
        }
      },
      'DONE SCREEN': {
        type: 'final'
      },
    }
  });