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

machine.js

const initialContext = {
  displayName: '',
  email: ''
}
const userMachine = Machine(
  {
    id: 'user',
    initial: 'unchecked',
    context: initialContext,
    on: {
      LOGOUT: 'loggedOut',
      LOGIN: 'loggedIn'
    },
    states: {
      unchecked: {},
      loggedOut: {
        entry: 'clearUserData'
      },
      loggedIn: {
        entry: 'addUserData'
      }
    }
  },
  {
    actions: {
      clearUserData: assign(initialContext),
      addUserData: assign((context, event) => ({
        displayName: event.displayName,
        email: event.email
      }))
    }
  }
)