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)
  
  const quizMachine = Machine({
    id: 'question',
    initial: 'answering',
    context: {
      currentQuestion: 0,
      showAnswer: false,
      answer: null
    },
    states: {
      answering: {
        on: {
          SUBMIT: 'answer',
        }
      },
      answer: {
        invoke: {
          id: "submitAnswer",
          onDone: {
            target: "answered",
            actions: assign({
              answer: (context, event) => context,
              showAnswer: true
            })
          },
          onError: {
            target: 'failure'
          }
        },
      },
      answered: {
        type: "final",
        on: {
          CONTINUE: 'answering'
        }
      },
      failure: {
        on: {
          RETRY: 'answer',
          START_OVER: 'answering',
        }
      }
    }
  });