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

machine.js

const loginMachine = Machine(
  {
    initial: 'howToLogin',
    context: {
      ssoUrl: undefined,
      email: '',
      password: '',
      error: undefined,
      client: undefined,
    },
    states: {
      validateSso: {
        on: {
          "": [{
           target: 'howToLogin' 
          }
          ]
        }
      },
      howToLogin: {
        on: {
          WITH_SSO: {
            target: 'loadingSso',
            actions: ['setSessionSsoInfo'],
          },
          WITH_EMAIL_PASS: 'loggedOut'
        }
      },
      loggedOut: {
        on: {
          CLICK_LOGIN: {
            target: 'loading',
          },
          CHANGE_EMAIL: {
            actions: 'setEmail',
          },
          CHANGE_PASSWORD: {
            actions: 'setPassword',
          },
        },
      },
      loadingSso: {
        type: 'final',
        onEntry: 'redirectHome',
      },
      loading: {
        invoke: {
          src: 'tryLogin',
          onDone: [
            {
              target: 'loggedIn',
              cond: 'isLoginSuccessful',
              actions: ['setSessionInfo'],
            },
            { target: 'errorOnLogin', actions: ['setErrors'] },
          ],
          onError: {
            target: 'errorOnLogin',
            actions: ['setErrors'],
          },
        },
      },
      errorOnLogin: {
        on: {
          CLICK_LOGIN: {
            target: 'loading',
          },
          CHANGE_EMAIL: {
            actions: 'setEmail',
          },
          CHANGE_PASSWORD: {
            actions: 'setPassword',
          },
        },
      },
      loggedIn: {
        type: 'final',
        onEntry: 'redirectHome',
      },
    },
  },
)