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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  // Following example originally created by Isaac Mann

  
  const fetchMachine = Machine(
    {
    id: 'matching',
    initial: 'answering',
    context: {
      topSelectedItem: undefined,
      bottomSelectedItem: undefined
    },
    states: {
      answering: {
        type: 'parallel',
        onDone: 'submitted',
        states: {
          topList: {
            initial: 'unselected',
            states: {
              unselected: {
                on: {
                  SELECT_TOP: {
                    target: 'selected',
                    actions: ['setTopSelectedItem']
                  }
                }
              },
              selected: {
                type: 'final'
              }
            }
          },
          bottomList: {
            initial: 'unselected',
            states: {
              unselected: {
                on: {
                  SELECT_BOTTOM: {
                    target: 'selected',
                    actions: ['setBottomSelectedItem']
                  }
                }
              },
              selected: {
                type: 'final'
              }
            }
          }
        }
      },
      submitted: {
        initial: 'evaluating',
        states: {
          evaluating: {
            on: {
              '': [
                { target: 'correct', cond: 'isCorrect' },
                { target: 'incorrect' }
              ]
            }
          },
          correct: {},
          incorrect: {}
        }
      }
    }
  },
  {
    actions: {
      setTopSelectedItem: assign((ctx, event) => ({
        topSelectedItem: event.selectedItem
      })),
      setBottomSelectedItem: assign((ctx, event) => ({
        bottomSelectedItem: event.selectedItem
      }))
    }
  }
  );