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

machine.js

  const authMachine = Machine({
    id: 'auth',
    context: {
      email: '',
      password: '',
      loginModal: false
    },
    initial: 'unauthorized',
    states: {
      unauthorized: {
        type: 'compound',
        inital: `loginModal`,
        states: {
          loginModal:{
            on: {
              ENTER_EMAIL: {},
              ENTER_PASSWORD: {},
              EMAIL_BLUR: {},
              PASSWORD_BLUR: {},
              SUBMIT: {
                target: '.authPending'
              }
            }
          },
          noLoginModal:{},
          googleAuth:{
            on: {
              GOOGLE_AUTH: {
                target: '.authPending'
              }
            } 
          },
          email_err:{
            on: {
              ENTER_EMAIL: {
                target: 'dataEntry',
              }
            }
          },
          password_err:{}
        }
      },
      authError: {},
      authPending: {},
      authorized: {}
    }
  });