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 globalStates = {
  initial: 'loggedOut',
  states: {
    loggedIn: {
      
    },
    loggedOut: {
      
    }
  }
}

const welcomeStates = {
  initial: 'idle',
  states: {
    idle: {
      
    }
  }
}

  
  const questionaireStates = {
    initial: 'simpleOrComplex',
    context: {
      retries: 0
    },
    states: {
      simpleOrComplex:{
        on: {
          SIMPLE: 'tutorial',
          COMPLEX: 'tutorial',
        }
      },
      tutorial: {
        on: {
          SKIP: 'progressOverview',
          FINISH: 'progressOverview',
        }
      },
      progressOverview:{
        on: {
          START: 'categoryOverview'
        }
      },
      categoryOverview:{
        on: {
          SKIP: 'categoryOverview',
          BACK: 'progressOverview',
          CONTINUE: 'questionIsImportant',
        }
      },
      questionIsImportant:{
        on: {
          YES: 'form',
          NO: 'questionIsImportant',
        }
      },
      form: {
        on: {
          ISNOTIMPORTANT: 'questionIsImportant',
          COMPLETE: 'questionIsImportant'
        },
      }
    }
  };
  const resultsStates = {
    initial: 'loading',
    context: {
      
    },
    states: {
      loading: {
        on: {
          SUCCESS: 'loaded'
        }
      },
      loaded: {
        
      }
    }
  }
  
  const appMachine = Machine({
    id: 'app',
    initial: 'welcomePage',
    context: {
      
    },
    states: {
      welcomePage:{
        ...welcomeStates
      },
      questionaire: {
        ...questionaireStates
      },
      results: {
        ...resultsStates
      }
    }
    
  })