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 loginMachine = Machine({
    id: 'login',
    initial: 'ready',
    context: {
      email: null,
      password: null,
      rememberMe: false
    },
    states: {
      ready: {},
      waiting: {},
      loggedIn: {
        type: 'final',
        data: {
          session: (_, e) => e.session
        }
      },
      error: {}
    }
  })
  
  const appMachine = Machine({
    id: 'app',
    initial: 'anonymous',
    context: {
      session: null
    },
    states: {
      anonymous: {
        on: {
          CLICK_LOGIN: 'loggingIn',
          CLICK_JOIN: 'signingUp',
          AUTHENTICATED: {
            target: 'loggedIn',
            actions: 'cacheSession'
          }
        }
      },
      loggingIn: {
        invoke: {
          id: 'login-machine',
          src: loginMachine,
          onDone: {
            target: 'loggedIn',
            actions: 'cacheSession'
          }
        }
      },
      loggedIn: {},
      signingUp: {
        invoke: {
          id: 'signup-machine',
          src: 'signupMacine',
          onDone: {
            target: 'loggedIn',
            actions: 'cacheSession'        
          }
        }
      }
    },
    actions: {
      cacheSession: 
        assign({session: (_ , e) => e.session || e.data.session})
    }
  })