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: 'signIn',
      initial: 'idle',
      context: {
        error: null,
        signInWaitTiemout: 0,
        role: 'Seller',
        password: '',
        username: '',
        targetURL: null,
        token: null,
      },
      states: {
        idle: {
          on: {
            SUBMIT: {
              target: 'submitting',
              actions: ['clearError', 'setCredentials'],
            },
          },
        },
        submitting: {
          invoke: {
            src: 'authenticate',
            id: 'authenticate',
            onDone: [
              {
                cond: 'isAuthenticated',
                actions: ['setToken', 'setTargetURL'],
                target: 'success',
              },
              {
                cond: 'tooManyLoginAttempts',
                actions: ['setAuthenticationError', 'setSignInWaitTimeout'],
                target: 'signInBlocked',
              },
              {
                actions: 'setAuthenticationError',
                target: 'idle',
              },
            ],
          },
        },
        signInBlocked: {
          invoke: {
            id: 'signInBlockedCountdown',
            src: 'signInBlockedCountdown',
          },
          on: {
            TICK: [
              {
                cond: 'isSignInWaitTimeoutExpired',
                actions: 'clearSignInWaitTimeout',
                target: 'idle',
              },
              {
                actions: 'decrementSignInWaitTimeout',
              },
            ],
          },
        },
        success: {
          type: 'final',
          invoke: [
            {
              id: 'persistToken',
              src: 'persistToken',
            },
            {
              id: 'redirectToTargetRoleURL',
              src: 'redirectToTargetRoleURL',
            },
          ],
        },
      },
    });