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

modalMachine.js

const modalMachine = Machine({
  id: 'modal-machine',
  initial: 'logIn',
  states: {
    logIn: {
      initial: 'idle',
      states: {
        idle: {}
      },
      on: {
        CHANGE: '.idle',
        SIGN_UP: 'signUpModal',
        LOG_IN: 'verifyLogIn'
      }
    },
    verifyLogIn: {
      on: {
        RESOLVE: 'mainPage',
        REJECT: 'error'
      }
    },
    signUpModal: {
      initial: 'idle',
      states: {
        idle: {}
      },
      on: {
        CHANGE: '.idle',
        MODAL_SIGN_UP: 'mainPage'
      }
    },
    logInModal: {
      on: {
        CLOSE: 'logIn'
      }
    },
    mainPage: {
      on: {
        LOG_OUT: 'logIn'
      }
    },
    error: {
      on: {
        CLOSE: 'logIn'
      }
    }
  }
});