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

machine.js

const surveyMachine = Machine({
  id: 'survey',

  initial: 'index',

  states: {
    index: {
      on: {
        VERIFICATION_ACTIVE: 'verification',
        VERIFICATION_INACTIVE: 'start',
      }
    },
    verification: {
      type: 'compound',
      initial: 'page1',
      states: {
        page1: {
          on: {
            NEXT: 'page2',
          }
        },
        page2: {
          on: {
            AGREE: 'page3',
            DISAGREE: '#abnormalEnd',
          }
        },
        page3: {
          on: {
            AGREE: '#start',
            DISAGREE: '#abnormalEnd',
          }
        },
      }
    },
    start: {
      id: 'start',
      on: {
        SKIP_WELCOME: 'answer',
        WELCOME: 'welcome',
      }
    },
    welcome: {
      id: 'welcome',
      on: {
        NEXT: 'answer'
      }
    },
    answer: {
      on: {
        NON_RECOVERABLE: 'abnormalEnd',
        RECOVERABLE: 'end'
      }
    },
    end: {
      type: 'final'
    },
    abnormalEnd: {
      id: 'abnormalEnd',
      type: 'final'
    },
  }
});