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

machine.js

const video = Machine({
  id: 'video',
  initial: 'disconnected',
  states: {
    disconnected: {
      id: 'disconnected',
      initial: 'idle',
      states: {
        'idle': {
          id: 'idle',
          on: {
            'START': 'init'
          }
        },
        'init': {
          id: 'init',
          on: {
            'VIDEO_ELEMENT_CREATED': {
              target: 'ready',
              cond: 'checkToken'
            }
          }
        },
        'ready': {
          id: 'ready',
          on: {
            'CONNECT': '#connected'
          }
        }
      }
    },
    connected: {
      id: 'connected',
      type: 'parallel',
      states: {
        'session': {
          id: 'session',
        },
        'subscriber': {
          id: 'subscriber',
        },
        'publisher': {
          id: 'publisher',
        }
      },
      on: {
        'DISCONNECT': '#disconnected'
      }
    }
  }
},{
  guards: {
    checkToken: () => true
  }
});