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

machine.js

// this machine expects an authenticate service to be passed in
// and handles where a user is in the authentication process.
// `logedIn` is marked as final state because once logged in
// the auth-context will be updated by firebase and so the user
// will automatically be navigated away from this component
const authenticationMachine = Machine(
  {
    id: 'authentication',
    initial: 'loggedOut',
    context: {
      errorMessage: ''
    },
    states: {
      loggedOut: {
        on: {
          LOGIN: 'authenticating'
        },
        initial: 'unchecked',
        states: {
          unchecked: {},
          error: {}
        }
      },
      authenticating: {
        entry: 'resetError',
        invoke: {
          src: 'authenticate',
          onDone: {
            target: 'loggedIn',
            internal: false
          },
          onError: {
            target: 'loggedOut.error',
            internal: false,
            actions: 'setError'
          }
        }
      },
      loggedIn: {
        type: 'final'
      }
    }
  },
  {
    actions: {
      setError: assign({
        errorMessage: (context, event) => event.data
      }),
      resetError: assign({ errorMessage: '' })
    },
    services: {
      authenticate: () =>
        Promise.reject('authenticate must be passed in as an option')
    }
  }
)