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 fetchMachine = Machine({
    id: 'login',
    initial: 'iddle',
    context: {
      appMode: false,
      learner_can_login_without_password: false,
      passwordMissing: false,
      multipleFacilities: false,
      facilities: [],
      facilityUsers: [],
      needsToCreatePassword: false,
      username:'',
      password: '',
    },
    states: {
      iddle: {
        on: {
          FETCH: 'loading'
        }
      },
      loading: {
        on: {
          APPMODE: 'listFacilityUsers',
          NOT_APPMODE:'checkUsername',
          
          APPMODE_NO_NETWORK: 'notAuthorized',
          
        }
      },
      listFacilityUsers: {
        on: {
          CLICK: 'signedIn'
        }
        
      },
      getFacilityUsers:{
        on: {
          SUCCESSS_LOWER_THAN_15:'listFacilityUsers',
          SUCCESSS_MORE_THAN_15: 'checkUsername',
        }
      },
      checkUsername:{
        on:{
          PASSWORD_LESS:'justEnterUsername',
          PASSWORD_REQUIRED:'enterUsername'
        }
      },
      enterUsername: {
        on:{
          CLICK: 'enterPassword'
        }
        
      },
      justEnterUsername:{
        on:{
          CLICK: 'signedIn'
        }
      },
      enterPassword:  {
        on: {
          CLICK: 'checkPassword'
        }
        
      },
      checkPassword: {
        on: {
          SUCCESS:'signedIn',
          FAILURE:'enterPassword'
        }
      },
      signedIn: {
        type: 'final'
      },
      notAuthorized: {
        type: 'final'
      },
      
      
    }
  });