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 signIn = (email) => {
  new Promise((resolve, reject) => {
    setTimeout(() => {
      if (email === '[email protected]') {
        resolve({ code: 2 })
      }
      
      reject({ code: 3 })
    }, 1000)
  })
}
  
  const loginMachine = Machine({
    id: 'login',
    initial: 'email',
    context: {
      email: ''
    },
    states: {
      email: {
        on: {
          SUBMIT: 'auth'
        },
        initial: 'noError',
        states: {
          noError: {},
          error: {},
        }
      },
      code: {
        on: {
          SUBMIT: 'auth'
        }
      },
      auth: {
        invoke: {
          src: 'emailAuth',
          onDone: 'code',
          onError: [{
            cond: 'isNoAccount',
            target: 'email.error'
          }]
        }
      },
    }
  }, {
    guards: {
      isNoAccount: (context, evt) => evt.data.code === 3
    },
    services: {
      emailAuth: (context) => signIn(context.email)
    }
  });