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 flowMachine = Machine({
  id: 'flow',
  initial: 'step1',
  states: {
    // educational
    step1: {
      on: { NEXT: 'step2' },
    },
    // educational
    step2: {
      on: { NEXT: 'step3', PREV: 'step1' },
    },
    // question
    step3: {
      on: { NEXT: 'step4', PREV: 'step2' },
    },
    // congrats
    step4: {
      type: 'final',
    },
  },
});