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 machine = Machine({
  id: 'auth',
  initial: 'loading',
  context: {
    email: undefined,
  },
  states: {
    loading: {
      // TODO: Check auth state and redirect
      after: {
        1000: 'loggedOut',
      },
    },
    loggedOut: {
      on: {
        START_LOGIN: {
          target: 'enterEmail',
          actions: 'navigateEnterEmail',
        },
        BACK: undefined,
      },
    },
    enterEmail: {
      on: {
        SET_EMAIL: {
          target: 'enterPassword',
          actions: ['setEmail', 'navigateEnterPassword'],
        },
        BACK: 'loggedOut',
      },
    },
    enterPassword: {
      entry: assign({
        password: {
          attempting: false,
          errors: undefined,
        },
      }),
      initial: 'idle',
      states: {
        idle: {
          on: { SET_PASSWORD: 'attempting' },
        },
        attempting: {
          entry: assign({
            password: {
              attempting: true,
              errors: undefined,
            },
          }),
          invoke: {
            id: 'login',
            src: 'login',
            onDone: 'success',
            onError: {
              target: 'idle',
              actions: 'setLoginError',
            },
          },
        },
        success: {
          type: 'final',
          entry: assign({
            password: {
              attempting: false,
              errors: undefined,
            },
          }),
        },
      },
      on: {
        BACK: 'enterEmail',
      },
      onDone: {
        target: 'loggedIn',
        actions: 'navigateLoggedIn',
      },
    },
    loggedIn: {
      on: {
        LOG_OUT: {
          target: 'loggedOut',
          actions: 'navigateLoggedOut',
        },
      },
    },
  },
});