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

machine.js

const form = Machine({
  initial: 'noSelection',
  states: {
    noSelection: {
      on: {
        FIRST_SELECTED: 'firstSelected'
      }
    },
    firstSelected: {
      initial: 'awaitingSelection',
      on: {
        FIRST_SELECTED: '.awaitingSelection'
      },
      states: {
        awaitingSelection: {
          on: {
            SECOND_SELECTED: 'secondSelected'
          }
        },
        secondSelected: {
          initial: 'awaitingSelection',
          states: {
            awaitingSelection: {
              on: {
                THIRD_SELECTED: 'thirdSelected'
              }
            },
            thirdSelected: {}
          },
          on: {
            SECOND_SELECTED: '.awaitingSelection',
            
          }
        }
      }
    }
  }
})