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 isFormValid = ()=>true

const loginMachine = Machine({
  id: 'login',
  initial: 'awaitingCredentials',
  context: {
    emailAddress: null,
    password: null,
    rememberMe: false,
    emailError: null,
    passwordError: null,
    formError: null,
    shouldValidateEmail: false,
    shouldValidatePassword: false,
  },
  states: {
    awaitingCredentials: {
      on: {
        EMAIL_CHANGED: {
          actions: 'validateEmail'
        },
        EMAIL_BLURRED: {
          actions: 'allowEmailValidation'
        },
        PASSWORD_BLURRED: {
          actions: 'allowPasswordValidation'
        },
        PASSWORD_CHANGED: {
          actions: 'validatePassword'
        },
        REMEMBER_ME_TOGGLED: {
          actions: 'toggleRememberMe'
        },
        SUBMIT: [{
          actions: ['allowEmailValidation','allowPasswordValidation','validateEmail', 'validatePassword'],
          cond: isFormValid,
          target: 'validatingCredentials'
        }]
      }
    },
    validatingCredentials: {
      invoke: {
        id: 'authenticate',
        src: (context, event) => async () => true,
        onDone: 'credentialsValid',
        onError: 'credentialsInvalid'
      }
    },
    credentialsValid: {
      type: 'final'
    },
    credentialsInvalid: {
      on: {
        RESET: {
          actions: 'resetForm',
          target:'awaitingCredentials'}
      }
    }
  }
})