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: 'enterEmail',
    context: {
      email: '',
      code: '',
    },
    states: {
      enterEmail: {
        on: {
          REGISTER: 'register',
          SUBMIT: 'enterCode',
        }
      },
      register: {
        on: {
          SUBMIT: 'doRegister'
        }
      },
      emailError: {
        on: {
          ENTER_EMAIL: 'enterEmail',
        }
      },
      enterCode: {
        on: {
          SUBMIT: 'doAuthenticate',
        }
      },
      codeError: {
        on: {
          ENTER_CODE: 'enterCode',
        }
      },
      doRegister: {
        invoke: {
          src: 'register',
          onDone: 'enterCode',
          onError: 'registerError'
        }
      },
      registerError: {
        on: {
          SUBMIT: 'doRegister'
        }
      },
      doAuthenticate: {
        invoke: {
          src: 'authenticate',
          onDone: 'signedIn',
          onError: 'authenticateError',
        }
      },
      authenticateError: {
        on: {
          SUBMIT: 'doAuthenticate',
        }
      },
      signedIn: {
        type: 'final',
      }
    }
  }, {
    guards: {},
    services: {
      register: _ => {
        return new Promise( (resolve, reject) => {
            // setTimeout(_ => resolve(true), 10)
            setTimeout(_ => reject({code: 1}), 10)
          }
        )
      },
      authenticate: _ => {
        return new Promise( (resolve, reject) => {
            // setTimeout(_ => resolve(true), 10)
            setTimeout(_ => reject({code: 1}), 10)
          }
        )
      }
    },
    actions: {},
  });