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

machine.js

const LoginMachine = Machine({
  id: 'loginMachine',
  initial: 'credentialsForm',
  states: {
    credentialsForm: {
      initial: 'iddle',
      states: {
        iddle: {
          entry: ['parseAuthParamsFromQueryString', 'checkValidityOfAuthParams'],
          on: {
            SUBMIT_CREDENTIALS: {
              target: 'submittingCredentials',
              actions: ['storeCredentials'],
            },
          },
        },
        submittingCredentials: {
          invoke: {
            src: 'logIn',
            onDone: '#loginMachine.secondFactorForm',
            onError: 'error',
          },
        },
        error: {},
      },
    },
    secondFactorForm: {
      states: {
        initialize: {
          invoke: {
            src: 'initializeSecondFactor',
            onDone: {
              target: 'iddle',
              actions: ['storeSecondFactorInitData'],
            },
            onError: 'error',
          },
        },
        iddle: {
          on: {
            SUBMIT_SECOND_FACTOR: {
              target: 'submittingSecondFactor',
              actions: ['storeSecondFactorCode'],
            },
          },
        },
        submittingSecondFactor: {
          invoke: {
            src: 'secondFactor',
            onDone: '#loginMachine.userAuthorized',
            onError: 'error',
          },
        },
        error: {},
      },
    },
    userAuthorized: {
      invoke: {
        src: 'proceedToApplication',
      },
      type: 'final',
    },
  },
})