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

machine.js

  const fetchMachine = Machine({
    id: 'a101',
    initial: 'm_1',
    states: {
      m_1: {
        on: {
          OKAY: 'm_2',
        }
      },
      m_2: {
        on: {
          SAY_YES: 'm_3',
          SAY_NO: 'm_4',
          DO_NOT_RESPOND: 'm_2',
        }
      },
      m_3: {
        after: {
        // after 2 seconds, transition
        2000: { target: 'm_4' }
      }
      },
      m_4: {
         on: {
          QUESTION_WHY: 'm_5',
          YELL_AT_THEM: 'm_6',
        }
      },
      m_5: {
        type: 'final',
      },
      m_6: {
        type: 'final',
      },
    }
  });