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

machine.js

const login_activate_signal = 'login.activate';
const login_deactivate_signal = 'login.deactivate';
const register_activate_signal = 'register.activate';
const register_deactivate_signal = 'register.deactivate';

const send_activate_login = () => {
  send({ type: login_activate_signal })
};

const send_deactivate_login = () => {
  send({ type: login_deactivate_signal })
};

const send_activate_register= () => {
  send({ type: register_activate_signal })
};

const send_deactivate_register = () => {
  send({ type: register_deactivate_signal })
};

const auth_machine = Machine({
  id: 'auth',
  initial: 'login',
  context: {},
  states: {
    login: {
      on: {
        register: {
          target: 'register',
        },
      },
      entry: [ 'send_activate_login', ],
      exit: [ 'send_deactivate_login', ],
    },
    register: {
      entry: [ 'send_activate_register', ],
      exit: [ 'send_deactivate_register', ],
      on: {
        login: {
          target: 'login',
        },
      },
    },
  },
}, {
  actions: {
    send_activate_login,
    send_deactivate_login,
    send_activate_register,
    send_deactivate_register,
  }
});