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

machine.js

const login = (context, event) => new Promise((resolve, reject)=>{
  const { email, password } = event;

  if(email !== '[email protected]' || password !== 'azerty'){
    return reject({ error: 'Le mot de passe ou l\'email est incorrect !' })
  }

  return resolve({ email, password });

});

const authMachine = Machine({
  id: 'signIn',
  initial: 'disconnected',
  context:{
    user: null,
    error: ''
  },
  on: {
    LOGIN: {
      target: 'authentication.started'
    }
  },
  states: {
    authentication:{
      states:{
        started: {
          invoke: {
            id: 'login',
            src: login,
            onDone: {
              target: 'success',
              actions: assign({ user: (_, event) => event.data })
            },
            onError: {
              target: 'failure',
              actions: assign({ error: (_, event) => event.data.error })
            }
          }
        },
        success: {},
        failure: {}
      }
    },
    disconnected: {}
  }
});