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

machine.js

  const current = Machine({
    id: 'video-player',
    initial: 'playing_controlsHidden',
    context: {
      retries: 0
    },
    states: {
      playing_controlsHidden: {
        on: {
          PRESS_STOP: 'playing_controlsVisible'
        }
      },
      playing_controlsVisible: {
        on: {
          PRESS_STOP: 'paused_controlsVisible',
        }
      },
      paused_controlsVisible: {
        on: {
          PRESS_STOP: 'playing_controlsHidden',
        }
      }
    }
  });