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

machine.js

const videoMachine = Machine({
  id: 'video',
  initial: 'disconnected',
  context: {},
  states: {
    disconnected: {
      on: {
        JOIN: 'initialize'
      }
    },
    initialize: {
      invoke: {
        id: 'initSessionAndToke',
        onDone: 'connected',
        onError: '#video.error'
      }
    },
    connected: {
      type: 'paralell',
      states: {
        subscribed: {
          invoke: {
            id: 'observeStreams',
            onError: '#video.error'
          },
        },
        published: {
          invoke: {
            id: 'connectAndPublish',
            onError: '#video.error'
          }
        }
      },
      on: {
        LEAVE: '#video.disconnected'
      }
    },
    error: {}
  }
});