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

quiz-machine.js

const context =  {
  questions: ["Q1", "Q2", "Q3"],
  current: -1,
  answers: new Map()
}

const machine = Machine(
  {
    id: "quiz",
    initial: "quizzing",
    context,
    states: {
      quizzing: {
        after: { 15000: "done" },
        initial: "questioning",
        states: {
          questioning: {
            after: { 5000: "timeout" },
            on: {
              '': { 
                target: "#quiz.done",
                cond: "noMoreQuestions"
              },
              ANSWER: { 
                target: "questioning", 
                internal: false,
                actions: "increment"
              }
            }
          },
          timeout: {
            entry: ["increment"],
            after: { 2500: "questioning" }
          }
        }
      },
      done: {}
    }
  },
  {
    actions: {
      increment: assign({
        current: ctx => ctx.current + 1,
        answers: (ctx, e) => {
          ctx.answers.set(ctx.current, "answer") // e.answer
          return ctx.answers
        }
      })
    },
    guards: {
      noMoreQuestions: ctx => ctx.current === ctx.questions.length - 1
    }
  }
);