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

machine.js

const doorMachine = Machine({
  id: "door",
  initial: "locked",
  states: {
    unlocked: {
      initial: "closed",
      states: {
        open: {
          on: {
            CLOSED: "closed",
            LOCKED: "#locked"
          }
        },
        closed: {
          on: { OPEN: "open" }
        }
      }
    },
    locked: {
      id: 'locked',
      on: { UNLOCKED: "unlocked" }
    }
  }
});