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

machine.js

  const nestMachine = Machine({
    id: 'nest',
    initial: 'initial',
    context: {
      user: null,
    },
    states: {
      initial: {
        on: { SIGN_IN: { target: 'dashboard', actions: ['signIn'] } },
      },
      dashboard: {
        on: { SIGN_OUT: 'initial' },
      },
    },
  },
  {
    actions: {
      signIn: assign((context, event) => {
        if (event.type !== 'SIGN_IN') return context;

        const name =
          event.email.split('@')[0]?.split('.').join(' ') ?? event.email;
        return {
          user: { name, email: event.email },
        };
      }),
    },
  },);