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

machine.js

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