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

machine.js

  const fetchMachine = Machine({
    id: "dailyChallenge",
    initial: "not_started",
    context: {
      remainingPrompts: 2
    },
    states: {
      not_started: {
        on: {
          START: "playing"
        }
      },
      playing: {
        initial: "waiting",
        states: {
          waiting: {
            after: {
              2000: "prompt_displayed"
            },
            // on: {
            //   DISPLAY_PROMPT: "prompt_displayed"
            // }
          },
          prompt_displayed: {
            initial: "waiting_answer",
            states: {
              waiting_answer: {
                on: {
                  ANSWER: "answered",
                  EXPIRES: "completed"
                }
              },
              answered: {
                on: {
                  ANSWER: {
                    target: "answered",
                    actions: assign({
                      id: (context, event) => event.id
                    })
                    
                  },
                  NEXT: "completed",
                  EXPIRES: "completed"
                }
              },
              completed: { type: "final" }
            },
            onDone: "waiting"
          }
        },
        onDone: "completed"
      },
      completed: { type: "final" }
    }
  });