loginMachine.js

  
  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const loginMachine = Machine({
  id: 'login',
  context: {},
  initial: 'boot',
  states: {
    boot: {
      on: {
        '': [
          { target: 'loggedOut', cond: 'isLoggedOut' },
          { target: 'loggedIn' }
        ]
      }
    },
    loggedOut: {
      on: {
        SUBMIT: [
          {
            target: 'loading'
          }
        ]
      }
    },
    loggedIn: {
      type: 'final'
    },
    requestErr: {
      on: {
        SUBMIT: 'loading'
      }
    },
    loading: {
      invoke: {
        id: 'login',
        src: 'requestLogin'
      },
      on: {
        SUCCESS: {
          target: 'loggedIn',
          actions: ['assignUser', 'loginSuccess']
        },
        FAILURE: {
          target: 'requestErr',
          actions: ['assignErrors']
        }
      }
    }
  }
});