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

machine.js

const door = Machine({
  id: 'door',
  initial: 'locked',
  states: {
    locked: {
      id: 'locked',
      on: { UNLOCK: 'unlocked' }
    },
    unlocked: {
      initial: 'closed',
      states: {
        closed: {
          on: {
            LOCK: '#locked',
            OPEN: 'opened'
          }
        },
        opened: {
          on: { CLOSE: 'closed' }
        }
      }
    }
  }
})