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

machine.js

  const machine = Machine({
    id: 'some-id',
    initial: 'compact',
    states: {
      compact: {
        on: {
          PULL_UP: 'expanded',
          PULL_DOWN: 'closed'
        }
      },
      closed: {
        type: 'final'
      },
      expanded: {
        on: {
          PULL_DOWN_HARD: 'closed',
          PULL_DOWN_SOFT: 'compact',
        }
      }
    }
  });