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 wfdlMachine = Machine({
  id: 'wfdl',
  initial: 'checkCredentials',
  states: {
    checkCredentials: {
      on: {
        CREDENTIALS_VALID: {
          target: 'fetchSkus'
        },
        CREDENTIALS_INVALID: {
          target: 'loginForm'
        }
      }
    },
    fetchSkus: {
      on: {
        SKUS_REQUESTED: {
          target: 'loading'
        }
      }
    },
    loginForm: {
      initial: 'idle',
      on: {
        SUBMIT: {
          target: 'validateForm'
        }
      },
      states: {
        idle: {},
        emailInvalid: {}
      }
    },
    validateForm: {
      on: {
        EMAIL_VALID: {
          target: 'requestAuthentication'
        },
        EMAIL_INVALID: {
          target: 'loginForm.emailInvalid'
        }
      }
    },
    requestAuthentication: {
      on: {
        AUTH_REQUESTED: 'loading',
      }
    },
    loading: {
      on: {
        CREDENTIALS_INVALID: {
          target: 'loginForm'
        },
        SKU_REQUEST_FULFILLED: {
          target: 'skus'
        },
        AUTH_REQUEST_FULFILLED: {
          target: 'authSuccess'
        },
        REQUEST_REJECTED: {
          target: 'serverError'
        }
      }
    },
    skus: {
      type: 'final'
    },
    authSuccess: {
      type: 'final'
    },
    serverError: {
      type: 'final'
    }
  }
});