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: "#door.locked",
            OPEN: "opened",
          },
        },
        opened: {
          on: {
            CLOSE: "closed",
          },
        },
      },
    },
  },
});