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

machine.js

// The Door - state machine
const fetchMachine = Machine({
    id: 'TheDoor',
    initial: 'locked',
    context: {},
    states: {
      locked:{
        id:'locked',
        on: { UNLOCK: 'unlocked' }
      },
      unlocked:{
        initial:'closed',
        states:{
          closed:{
            on:{ 
              LOCK: '#locked',
              OPEN: 'opened'
            }
          },
          opened:{
            on:{ CLOSE: 'closed' }
          },
        }
      },
    }
  });