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 fetchUser = () => {
    return new Promise().resolve();
  }
  
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    context: {
      form: {
        email: '',
        password: ''
      }
    },
    states: {
      idle: { 
        on: {
          SUBMIT: 'loading',
          GO_BACK: {
            target: '',
            actions: ['goBack']
          },
          GO_ACCOUNT: {
            target: '',
            actions: ['goAccount']
          }
        }
      },
      loading: {
        invoke: {
          id: 'loginUser',
          src: (context, event) => fetchUser(context.userId),
          onDone: {
            target: 'success_login',
            actions: ['saveDataUser']
          },
          onError: {
            target: 'failure_login',
            actions: ['showError']
          }
        }
      },
      success_login: {},
      failure_login: {
        on: {
          RETRY: 'loading'
        }
      }
    }
  },
  {
    actions: {
      goBack: () =>  {
        console.log('go back');
      },
      goAccount: () => {
        console.log('go accont');
      },
      saveDataUser: () => {
        console.log('saveDataUser');
      },
      showError: () => {
        console.log('showError');
      }
     }
  }
);