@videosdk.live/react-sdk 0.4.3 → 0.4.5

package/dist/index.modern.js

@@ -1,2501 +0,0 @@
-import React, { createContext, useEffect, useContext, useState, useRef, useMemo, forwardRef } from 'react';
-import EventEmitter from 'events';
-import { VideoSDK } from '@videosdk.live/js-sdk';
-export { CameraDeviceInfo, DeviceInfo, ExternalE2EEKeyProvider, MicrophoneDeviceInfo } from '@videosdk.live/js-sdk';
-
-function _arrayLikeToArray(r, a) {
-  (null == a || a > r.length) && (a = r.length);
-  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
-  return n;
-}
-function _createForOfIteratorHelperLoose(r, e) {
-  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (t) return (t = t.call(r)).next.bind(t);
-  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
-    t && (r = t);
-    var o = 0;
-    return function () {
-      return o >= r.length ? {
-        done: !0
-      } : {
-        done: !1,
-        value: r[o++]
-      };
-    };
-  }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function _objectWithoutPropertiesLoose(r, e) {
-  if (null == r) return {};
-  var t = {};
-  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
-    if (-1 !== e.indexOf(n)) continue;
-    t[n] = r[n];
-  }
-  return t;
-}
-function _unsupportedIterableToArray(r, a) {
-  if (r) {
-    if ("string" == typeof r) return _arrayLikeToArray(r, a);
-    var t = {}.toString.call(r).slice(8, -1);
-    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
-  }
-}
-
-var eventPrifix = 'videosdk-live-react-sdk';
-var events = {
-  'participant-joined': eventPrifix + "-participant-joined",
-  'participant-left': eventPrifix + "-participant-left",
-  'speaker-changed': eventPrifix + "-speaker-changed",
-  'presenter-changed': eventPrifix + "-presenter-changed",
-  'main-participant-changed': eventPrifix + "-main-participant-changed",
-  'entry-requested': eventPrifix + "-entry-requested",
-  'entry-responded': eventPrifix + "-entry-responded",
-  'recording-started': eventPrifix + "-recording-started",
-  'recording-stopped': eventPrifix + "-recording-stopped",
-  data: eventPrifix + "-data",
-  'meeting-joined': eventPrifix + "-meeting-joined",
-  'meeting-left': eventPrifix + "-meeting-left",
-  'live-stream-started': eventPrifix + "-live-stream-started",
-  'live-stream-stopped': eventPrifix + "-live-stream-stopped",
-  'video-state-changed': eventPrifix + "-video-state-changed",
-  'video-seeked': eventPrifix + "-video-seeked",
-  'webcam-requested': eventPrifix + "-webcam-requested",
-  'mic-requested': eventPrifix + "-mic-requested",
-  'pin-state-changed': eventPrifix + "-pin-state-changed",
-  'connection-open': eventPrifix + "-connection-open",
-  'connection-close': eventPrifix + "-connection-close",
-  'switch-meeting': eventPrifix + "-switch-meeting",
-  error: eventPrifix + "-error",
-  'hls-started': eventPrifix + "-hls-started",
-  'hls-stopped': eventPrifix + "-hls-stopped",
-  'hls-state-changed': eventPrifix + "-hls-state-changed",
-  'hls-playable-state-changed': eventPrifix + "-hls-playable-state-changed",
-  'recording-state-changed': eventPrifix + "-recording-state-changed",
-  'livestream-state-changed': eventPrifix + "-livestream-state-changed",
-  'meeting-state-changed': eventPrifix + "-meeting-state-changed",
-  'participant-mode-changed': eventPrifix + "-participant-mode-changed",
-  'transcription-state-changed': eventPrifix + "-transcription-state-changed",
-  'transcription-text': eventPrifix + "-transcription-text",
-  'character-joined': eventPrifix + "-character-joined",
-  'character-left': eventPrifix + "-character-left",
-  'whiteboard-started': eventPrifix + "-whiteboard-started",
-  'whiteboard-stopped': eventPrifix + "-whiteboard-stopped",
-  'paused-all-streams': eventPrifix + "-paused-all-streams",
-  'resumed-all-streams': eventPrifix + "-resumed-all-streams",
-  'media-relay-started': eventPrifix + "-media-relay-started",
-  'media-relay-stopped': eventPrifix + "-media-relay-stopped",
-  'media-relay-error': eventPrifix + "-media-relay-error",
-  'media-relay-request-response': eventPrifix + "-media-relay-request-response",
-  'media-relay-request-received': eventPrifix + "-media-relay-request-received"
-};
-var eventEmitter = new EventEmitter();
-eventEmitter.setMaxListeners(9999);
-function debounce(func, delay) {
-  var timeout;
-  return function () {
-    var _this = this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    clearTimeout(timeout);
-    timeout = setTimeout(function () {
-      return func.apply(_this, args);
-    }, delay);
-  };
-}
-
-var MeetingProviderContex = createContext();
-var useMeeting = function useMeeting(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$onParticipantJoi = _ref.onParticipantJoined,
-    onParticipantJoined = _ref$onParticipantJoi === void 0 ? function () {} : _ref$onParticipantJoi,
-    _ref$onParticipantLef = _ref.onParticipantLeft,
-    onParticipantLeft = _ref$onParticipantLef === void 0 ? function () {} : _ref$onParticipantLef,
-    _ref$onSpeakerChanged = _ref.onSpeakerChanged,
-    onSpeakerChanged = _ref$onSpeakerChanged === void 0 ? function () {} : _ref$onSpeakerChanged,
-    _ref$onPresenterChang = _ref.onPresenterChanged,
-    onPresenterChanged = _ref$onPresenterChang === void 0 ? function () {} : _ref$onPresenterChang,
-    _ref$onMainParticipan = _ref.onMainParticipantChanged,
-    onMainParticipantChanged = _ref$onMainParticipan === void 0 ? function () {} : _ref$onMainParticipan,
-    _ref$onEntryRequested = _ref.onEntryRequested,
-    onEntryRequested = _ref$onEntryRequested === void 0 ? function () {} : _ref$onEntryRequested,
-    _ref$onEntryResponded = _ref.onEntryResponded,
-    onEntryResponded = _ref$onEntryResponded === void 0 ? function () {} : _ref$onEntryResponded,
-    _ref$onPausedAllStrea = _ref.onPausedAllStreams,
-    onPausedAllStreams = _ref$onPausedAllStrea === void 0 ? function () {} : _ref$onPausedAllStrea,
-    _ref$onResumedAllStre = _ref.onResumedAllStreams,
-    onResumedAllStreams = _ref$onResumedAllStre === void 0 ? function () {} : _ref$onResumedAllStre,
-    _ref$onRecordingStart = _ref.onRecordingStarted,
-    onRecordingStarted = _ref$onRecordingStart === void 0 ? function () {} : _ref$onRecordingStart,
-    _ref$onRecordingStopp = _ref.onRecordingStopped,
-    onRecordingStopped = _ref$onRecordingStopp === void 0 ? function () {} : _ref$onRecordingStopp,
-    _ref$onData = _ref.onData,
-    onData = _ref$onData === void 0 ? function () {} : _ref$onData,
-    _ref$onMeetingJoined = _ref.onMeetingJoined,
-    onMeetingJoined = _ref$onMeetingJoined === void 0 ? function () {} : _ref$onMeetingJoined,
-    _ref$onMeetingLeft = _ref.onMeetingLeft,
-    onMeetingLeft = _ref$onMeetingLeft === void 0 ? function () {} : _ref$onMeetingLeft,
-    _ref$onLiveStreamStar = _ref.onLiveStreamStarted,
-    onLiveStreamStarted = _ref$onLiveStreamStar === void 0 ? function () {} : _ref$onLiveStreamStar,
-    _ref$onLiveStreamStop = _ref.onLiveStreamStopped,
-    onLiveStreamStopped = _ref$onLiveStreamStop === void 0 ? function () {} : _ref$onLiveStreamStop,
-    _ref$onVideoStateChan = _ref.onVideoStateChanged,
-    onVideoStateChanged = _ref$onVideoStateChan === void 0 ? function () {} : _ref$onVideoStateChan,
-    _ref$onVideoSeeked = _ref.onVideoSeeked,
-    onVideoSeeked = _ref$onVideoSeeked === void 0 ? function () {} : _ref$onVideoSeeked,
-    _ref$onWebcamRequeste = _ref.onWebcamRequested,
-    onWebcamRequested = _ref$onWebcamRequeste === void 0 ? function () {} : _ref$onWebcamRequeste,
-    _ref$onMicRequested = _ref.onMicRequested,
-    onMicRequested = _ref$onMicRequested === void 0 ? function () {} : _ref$onMicRequested,
-    _ref$onPinStateChange = _ref.onPinStateChanged,
-    onPinStateChanged = _ref$onPinStateChange === void 0 ? function () {} : _ref$onPinStateChange,
-    _ref$onConnectionOpen = _ref.onConnectionOpen,
-    onConnectionOpen = _ref$onConnectionOpen === void 0 ? function () {} : _ref$onConnectionOpen,
-    _ref$onConnetionClose = _ref.onConnetionClose,
-    onConnetionClose = _ref$onConnetionClose === void 0 ? function () {} : _ref$onConnetionClose,
-    _ref$onSwitchMeeting = _ref.onSwitchMeeting,
-    onSwitchMeeting = _ref$onSwitchMeeting === void 0 ? function () {} : _ref$onSwitchMeeting,
-    _ref$onError = _ref.onError,
-    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
-    _ref$onHlsStarted = _ref.onHlsStarted,
-    onHlsStarted = _ref$onHlsStarted === void 0 ? function () {} : _ref$onHlsStarted,
-    _ref$onHlsStopped = _ref.onHlsStopped,
-    onHlsStopped = _ref$onHlsStopped === void 0 ? function () {} : _ref$onHlsStopped,
-    _ref$onHlsStateChange = _ref.onHlsStateChanged,
-    onHlsStateChanged = _ref$onHlsStateChange === void 0 ? function () {} : _ref$onHlsStateChange,
-    _ref$onRecordingState = _ref.onRecordingStateChanged,
-    onRecordingStateChanged = _ref$onRecordingState === void 0 ? function () {} : _ref$onRecordingState,
-    _ref$onLivestreamStat = _ref.onLivestreamStateChanged,
-    onLivestreamStateChanged = _ref$onLivestreamStat === void 0 ? function () {} : _ref$onLivestreamStat,
-    _ref$onMeetingStateCh = _ref.onMeetingStateChanged,
-    onMeetingStateChanged = _ref$onMeetingStateCh === void 0 ? function () {} : _ref$onMeetingStateCh,
-    _ref$onParticipantMod = _ref.onParticipantModeChanged,
-    onParticipantModeChanged = _ref$onParticipantMod === void 0 ? function () {} : _ref$onParticipantMod,
-    _ref$onCharacterJoine = _ref.onCharacterJoined,
-    onCharacterJoined = _ref$onCharacterJoine === void 0 ? function () {} : _ref$onCharacterJoine,
-    _ref$onCharacterLeft = _ref.onCharacterLeft,
-    onCharacterLeft = _ref$onCharacterLeft === void 0 ? function () {} : _ref$onCharacterLeft,
-    _ref$onMediaRelayStar = _ref.onMediaRelayStarted,
-    onMediaRelayStarted = _ref$onMediaRelayStar === void 0 ? function () {} : _ref$onMediaRelayStar,
-    _ref$onMediaRelayStop = _ref.onMediaRelayStopped,
-    onMediaRelayStopped = _ref$onMediaRelayStop === void 0 ? function () {} : _ref$onMediaRelayStop,
-    _ref$onMediaRelayErro = _ref.onMediaRelayError,
-    onMediaRelayError = _ref$onMediaRelayErro === void 0 ? function () {} : _ref$onMediaRelayErro,
-    _ref$onMediaRelayRequ = _ref.onMediaRelayRequestResponse,
-    onMediaRelayRequestResponse = _ref$onMediaRelayRequ === void 0 ? function () {} : _ref$onMediaRelayRequ,
-    _ref$onMediaRelayRequ2 = _ref.onMediaRelayRequestReceived,
-    onMediaRelayRequestReceived = _ref$onMediaRelayRequ2 === void 0 ? function () {} : _ref$onMediaRelayRequ2;
-  useEffect(function () {
-    eventEmitter.on(events['participant-joined'], onParticipantJoined);
-    eventEmitter.on(events['participant-left'], onParticipantLeft);
-    eventEmitter.on(events['speaker-changed'], onSpeakerChanged);
-    eventEmitter.on(events['presenter-changed'], onPresenterChanged);
-    eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
-    eventEmitter.on(events['entry-requested'], onEntryRequested);
-    eventEmitter.on(events['entry-responded'], onEntryResponded);
-    eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
-    eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
-    eventEmitter.on(events['recording-started'], onRecordingStarted);
-    eventEmitter.on(events['recording-stopped'], onRecordingStopped);
-    eventEmitter.on(events['data'], onData);
-    eventEmitter.on(events['meeting-joined'], onMeetingJoined);
-    eventEmitter.on(events['meeting-left'], onMeetingLeft);
-    eventEmitter.on(events['live-stream-started'], onLiveStreamStarted);
-    eventEmitter.on(events['live-stream-stopped'], onLiveStreamStopped);
-    eventEmitter.on(events['video-state-changed'], onVideoStateChanged);
-    eventEmitter.on(events['video-seeked'], onVideoSeeked);
-    eventEmitter.on(events['webcam-requested'], onWebcamRequested);
-    eventEmitter.on(events['mic-requested'], onMicRequested);
-    eventEmitter.on(events['pin-state-changed'], onPinStateChanged);
-    eventEmitter.on(events['connection-open'], onConnectionOpen);
-    eventEmitter.on(events['connection-close'], onConnetionClose);
-    eventEmitter.on(events['switch-meeting'], onSwitchMeeting);
-    eventEmitter.on(events['error'], onError);
-    eventEmitter.on(events['hls-started'], onHlsStarted);
-    eventEmitter.on(events['hls-stopped'], onHlsStopped);
-    eventEmitter.on(events['hls-state-changed'], onHlsStateChanged);
-    eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
-    eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
-    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
-    eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
-    eventEmitter.on(events['character-joined'], onCharacterJoined);
-    eventEmitter.on(events['character-left'], onCharacterLeft);
-    eventEmitter.on(events['media-relay-started'], onMediaRelayStarted);
-    eventEmitter.on(events['media-relay-stopped'], onMediaRelayStopped);
-    eventEmitter.on(events['media-relay-error'], onMediaRelayError);
-    eventEmitter.on(events['media-relay-request-response'], onMediaRelayRequestResponse);
-    eventEmitter.on(events['media-relay-request-received'], onMediaRelayRequestReceived);
-    return function () {
-      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
-      eventEmitter.off(events['participant-joined'], onParticipantJoined);
-      eventEmitter.off(events['participant-left'], onParticipantLeft);
-      eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
-      eventEmitter.off(events['presenter-changed'], onPresenterChanged);
-      eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
-      eventEmitter.off(events['entry-requested'], onEntryRequested);
-      eventEmitter.off(events['entry-responded'], onEntryResponded);
-      eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
-      eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
-      eventEmitter.off(events['recording-started'], onRecordingStarted);
-      eventEmitter.off(events['recording-stopped'], onRecordingStopped);
-      eventEmitter.off(events['data'], onData);
-      eventEmitter.off(events['meeting-joined'], onMeetingJoined);
-      eventEmitter.off(events['meeting-left'], onMeetingLeft);
-      eventEmitter.off(events['live-stream-started'], onLiveStreamStarted);
-      eventEmitter.off(events['live-stream-stopped'], onLiveStreamStopped);
-      eventEmitter.off(events['video-state-changed'], onVideoStateChanged);
-      eventEmitter.off(events['video-seeked'], onVideoSeeked);
-      eventEmitter.off(events['webcam-requested'], onWebcamRequested);
-      eventEmitter.off(events['mic-requested'], onMicRequested);
-      eventEmitter.off(events['pin-state-changed'], onPinStateChanged);
-      eventEmitter.off(events['connection-open'], onConnectionOpen);
-      eventEmitter.off(events['connection-close'], onConnetionClose);
-      eventEmitter.off(events['switch-meeting'], onSwitchMeeting);
-      eventEmitter.off(events['error'], onError);
-      eventEmitter.off(events['hls-started'], onHlsStarted);
-      eventEmitter.off(events['hls-stopped'], onHlsStopped);
-      eventEmitter.off(events['hls-state-changed'], onHlsStateChanged);
-      eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
-      eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
-      eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
-      eventEmitter.off(events['character-joined'], onCharacterJoined);
-      eventEmitter.off(events['character-left'], onCharacterLeft);
-      eventEmitter.off(events['media-relay-started'], onMediaRelayStarted);
-      eventEmitter.off(events['media-relay-stopped'], onMediaRelayStopped);
-      eventEmitter.off(events['media-relay-error'], onMediaRelayError);
-      eventEmitter.off(events['media-relay-request-response'], onMediaRelayRequestResponse);
-      eventEmitter.off(events['media-relay-request-received'], onMediaRelayRequestReceived);
-    };
-  }, []);
-  return useContext(MeetingProviderContex);
-};
-var MeetingConsumer = function MeetingConsumer(_ref2) {
-  var children = _ref2.children,
-    _ref2$onParticipantJo = _ref2.onParticipantJoined,
-    onParticipantJoined = _ref2$onParticipantJo === void 0 ? function () {} : _ref2$onParticipantJo,
-    _ref2$onParticipantLe = _ref2.onParticipantLeft,
-    onParticipantLeft = _ref2$onParticipantLe === void 0 ? function () {} : _ref2$onParticipantLe,
-    _ref2$onSpeakerChange = _ref2.onSpeakerChanged,
-    onSpeakerChanged = _ref2$onSpeakerChange === void 0 ? function () {} : _ref2$onSpeakerChange,
-    _ref2$onPresenterChan = _ref2.onPresenterChanged,
-    onPresenterChanged = _ref2$onPresenterChan === void 0 ? function () {} : _ref2$onPresenterChan,
-    _ref2$onMainParticipa = _ref2.onMainParticipantChanged,
-    onMainParticipantChanged = _ref2$onMainParticipa === void 0 ? function () {} : _ref2$onMainParticipa,
-    _ref2$onEntryRequeste = _ref2.onEntryRequested,
-    onEntryRequested = _ref2$onEntryRequeste === void 0 ? function () {} : _ref2$onEntryRequeste,
-    _ref2$onEntryResponde = _ref2.onEntryResponded,
-    onEntryResponded = _ref2$onEntryResponde === void 0 ? function () {} : _ref2$onEntryResponde,
-    _ref2$onPausedAllStre = _ref2.onPausedAllStreams,
-    onPausedAllStreams = _ref2$onPausedAllStre === void 0 ? function () {} : _ref2$onPausedAllStre,
-    _ref2$onResumedAllStr = _ref2.onResumedAllStreams,
-    onResumedAllStreams = _ref2$onResumedAllStr === void 0 ? function () {} : _ref2$onResumedAllStr,
-    _ref2$onRecordingStar = _ref2.onRecordingStarted,
-    onRecordingStarted = _ref2$onRecordingStar === void 0 ? function () {} : _ref2$onRecordingStar,
-    _ref2$onRecordingStop = _ref2.onRecordingStopped,
-    onRecordingStopped = _ref2$onRecordingStop === void 0 ? function () {} : _ref2$onRecordingStop,
-    _ref2$onData = _ref2.onData,
-    onData = _ref2$onData === void 0 ? function () {} : _ref2$onData,
-    _ref2$onMeetingJoined = _ref2.onMeetingJoined,
-    onMeetingJoined = _ref2$onMeetingJoined === void 0 ? function () {} : _ref2$onMeetingJoined,
-    _ref2$onMeetingLeft = _ref2.onMeetingLeft,
-    onMeetingLeft = _ref2$onMeetingLeft === void 0 ? function () {} : _ref2$onMeetingLeft,
-    _ref2$onLiveStreamSta = _ref2.onLiveStreamStarted,
-    onLiveStreamStarted = _ref2$onLiveStreamSta === void 0 ? function () {} : _ref2$onLiveStreamSta,
-    _ref2$onLiveStreamSto = _ref2.onLiveStreamStopped,
-    onLiveStreamStopped = _ref2$onLiveStreamSto === void 0 ? function () {} : _ref2$onLiveStreamSto,
-    _ref2$onVideoStateCha = _ref2.onVideoStateChanged,
-    onVideoStateChanged = _ref2$onVideoStateCha === void 0 ? function () {} : _ref2$onVideoStateCha,
-    _ref2$onVideoSeeked = _ref2.onVideoSeeked,
-    onVideoSeeked = _ref2$onVideoSeeked === void 0 ? function () {} : _ref2$onVideoSeeked,
-    _ref2$onWebcamRequest = _ref2.onWebcamRequested,
-    onWebcamRequested = _ref2$onWebcamRequest === void 0 ? function () {} : _ref2$onWebcamRequest,
-    _ref2$onMicRequested = _ref2.onMicRequested,
-    onMicRequested = _ref2$onMicRequested === void 0 ? function () {} : _ref2$onMicRequested,
-    _ref2$onPinStateChang = _ref2.onPinStateChanged,
-    onPinStateChanged = _ref2$onPinStateChang === void 0 ? function () {} : _ref2$onPinStateChang,
-    _ref2$onConnectionOpe = _ref2.onConnectionOpen,
-    onConnectionOpen = _ref2$onConnectionOpe === void 0 ? function () {} : _ref2$onConnectionOpe,
-    _ref2$onConnetionClos = _ref2.onConnetionClose,
-    onConnetionClose = _ref2$onConnetionClos === void 0 ? function () {} : _ref2$onConnetionClos,
-    _ref2$onSwitchMeeting = _ref2.onSwitchMeeting,
-    onSwitchMeeting = _ref2$onSwitchMeeting === void 0 ? function () {} : _ref2$onSwitchMeeting,
-    _ref2$onError = _ref2.onError,
-    onError = _ref2$onError === void 0 ? function () {} : _ref2$onError,
-    _ref2$onHlsStarted = _ref2.onHlsStarted,
-    onHlsStarted = _ref2$onHlsStarted === void 0 ? function () {} : _ref2$onHlsStarted,
-    _ref2$onHlsStopped = _ref2.onHlsStopped,
-    onHlsStopped = _ref2$onHlsStopped === void 0 ? function () {} : _ref2$onHlsStopped,
-    _ref2$onHlsStateChang = _ref2.onHlsStateChanged,
-    onHlsStateChanged = _ref2$onHlsStateChang === void 0 ? function () {} : _ref2$onHlsStateChang,
-    _ref2$onRecordingStat = _ref2.onRecordingStateChanged,
-    onRecordingStateChanged = _ref2$onRecordingStat === void 0 ? function () {} : _ref2$onRecordingStat,
-    _ref2$onLivestreamSta = _ref2.onLivestreamStateChanged,
-    onLivestreamStateChanged = _ref2$onLivestreamSta === void 0 ? function () {} : _ref2$onLivestreamSta,
-    _ref2$onMeetingStateC = _ref2.onMeetingStateChanged,
-    onMeetingStateChanged = _ref2$onMeetingStateC === void 0 ? function () {} : _ref2$onMeetingStateC,
-    _ref2$onParticipantMo = _ref2.onParticipantModeChanged,
-    onParticipantModeChanged = _ref2$onParticipantMo === void 0 ? function () {} : _ref2$onParticipantMo,
-    _ref2$onCharacterJoin = _ref2.onCharacterJoined,
-    onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
-    _ref2$onCharacterLeft = _ref2.onCharacterLeft,
-    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft,
-    _ref2$onMediaRelaySta = _ref2.onMediaRelayStarted,
-    onMediaRelayStarted = _ref2$onMediaRelaySta === void 0 ? function () {} : _ref2$onMediaRelaySta,
-    _ref2$onMediaRelaySto = _ref2.onMediaRelayStopped,
-    onMediaRelayStopped = _ref2$onMediaRelaySto === void 0 ? function () {} : _ref2$onMediaRelaySto,
-    _ref2$onMediaRelayErr = _ref2.onMediaRelayError,
-    onMediaRelayError = _ref2$onMediaRelayErr === void 0 ? function () {} : _ref2$onMediaRelayErr,
-    _ref2$onMediaRelayReq = _ref2.onMediaRelayRequestResponse,
-    onMediaRelayRequestResponse = _ref2$onMediaRelayReq === void 0 ? function () {} : _ref2$onMediaRelayReq,
-    _ref2$onMediaRelayReq2 = _ref2.onMediaRelayRequestReceived,
-    onMediaRelayRequestReceived = _ref2$onMediaRelayReq2 === void 0 ? function () {} : _ref2$onMediaRelayReq2;
-  useEffect(function () {
-    eventEmitter.on(events['meeting-state-changed'], onMeetingStateChanged);
-    eventEmitter.on(events['participant-joined'], onParticipantJoined);
-    eventEmitter.on(events['participant-left'], onParticipantLeft);
-    eventEmitter.on(events['speaker-changed'], onSpeakerChanged);
-    eventEmitter.on(events['presenter-changed'], onPresenterChanged);
-    eventEmitter.on(events['main-participant-changed'], onMainParticipantChanged);
-    eventEmitter.on(events['entry-requested'], onEntryRequested);
-    eventEmitter.on(events['entry-responded'], onEntryResponded);
-    eventEmitter.on(events['paused-all-streams'], onPausedAllStreams);
-    eventEmitter.on(events['resumed-all-streams'], onResumedAllStreams);
-    eventEmitter.on(events['recording-started'], onRecordingStarted);
-    eventEmitter.on(events['recording-stopped'], onRecordingStopped);
-    eventEmitter.on(events['data'], onData);
-    eventEmitter.on(events['meeting-joined'], onMeetingJoined);
-    eventEmitter.on(events['meeting-left'], onMeetingLeft);
-    eventEmitter.on(events['live-stream-enabled'], onLiveStreamStarted);
-    eventEmitter.on(events['live-stream-disabled'], onLiveStreamStopped);
-    eventEmitter.on(events['video-state-changed'], onVideoStateChanged);
-    eventEmitter.on(events['video-seeked'], onVideoSeeked);
-    eventEmitter.on(events['webcam-requested'], onWebcamRequested);
-    eventEmitter.on(events['mic-requested'], onMicRequested);
-    eventEmitter.on(events['pin-state-changed'], onPinStateChanged);
-    eventEmitter.on(events['connection-open'], onConnectionOpen);
-    eventEmitter.on(events['connection-close'], onConnetionClose);
-    eventEmitter.on(events['switch-meeting'], onSwitchMeeting);
-    eventEmitter.on(events['error'], onError);
-    eventEmitter.on(events['hls-started'], onHlsStarted);
-    eventEmitter.on(events['hls-stopped'], onHlsStopped);
-    eventEmitter.on(events['hls-state-changed'], onHlsStateChanged);
-    eventEmitter.on(events['recording-state-changed'], onRecordingStateChanged);
-    eventEmitter.on(events['livestream-state-changed'], onLivestreamStateChanged);
-    eventEmitter.on(events['participant-mode-changed'], onParticipantModeChanged);
-    eventEmitter.on(events['character-joined'], onCharacterJoined);
-    eventEmitter.on(events['character-left'], onCharacterLeft);
-    eventEmitter.on(events['media-relay-started'], onMediaRelayStarted);
-    eventEmitter.on(events['media-relay-stopped'], onMediaRelayStopped);
-    eventEmitter.on(events['media-relay-error'], onMediaRelayError);
-    eventEmitter.on(events['media-relay-request-response'], onMediaRelayRequestResponse);
-    eventEmitter.on(events['media-relay-request-received'], onMediaRelayRequestReceived);
-    return function () {
-      eventEmitter.off(events['meeting-state-changed'], onMeetingStateChanged);
-      eventEmitter.off(events['participant-joined'], onParticipantJoined);
-      eventEmitter.off(events['participant-left'], onParticipantLeft);
-      eventEmitter.off(events['speaker-changed'], onSpeakerChanged);
-      eventEmitter.off(events['presenter-changed'], onPresenterChanged);
-      eventEmitter.off(events['main-participant-changed'], onMainParticipantChanged);
-      eventEmitter.off(events['entry-requested'], onEntryRequested);
-      eventEmitter.off(events['entry-responded'], onEntryResponded);
-      eventEmitter.off(events['paused-all-streams'], onPausedAllStreams);
-      eventEmitter.off(events['resumed-all-streams'], onResumedAllStreams);
-      eventEmitter.off(events['recording-started'], onRecordingStarted);
-      eventEmitter.off(events['recording-stopped'], onRecordingStopped);
-      eventEmitter.off(events['data'], onData);
-      eventEmitter.off(events['meeting-joined'], onMeetingJoined);
-      eventEmitter.off(events['meeting-left'], onMeetingLeft);
-      eventEmitter.off(events['live-stream-enabled'], onLiveStreamStarted);
-      eventEmitter.off(events['live-stream-disabled'], onLiveStreamStopped);
-      eventEmitter.off(events['video-state-changed'], onVideoStateChanged);
-      eventEmitter.off(events['video-seeked'], onVideoSeeked);
-      eventEmitter.off(events['webcam-requested'], onWebcamRequested);
-      eventEmitter.off(events['mic-requested'], onMicRequested);
-      eventEmitter.off(events['pin-state-changed'], onPinStateChanged);
-      eventEmitter.off(events['connection-open'], onConnectionOpen);
-      eventEmitter.off(events['connection-close'], onConnetionClose);
-      eventEmitter.off(events['switch-meeting'], onSwitchMeeting);
-      eventEmitter.off(events['error'], onError);
-      eventEmitter.off(events['hls-started'], onHlsStarted);
-      eventEmitter.off(events['hls-stopped'], onHlsStopped);
-      eventEmitter.off(events['hls-state-changed'], onHlsStateChanged);
-      eventEmitter.off(events['recording-state-changed'], onRecordingStateChanged);
-      eventEmitter.off(events['livestream-state-changed'], onLivestreamStateChanged);
-      eventEmitter.off(events['participant-mode-changed'], onParticipantModeChanged);
-      eventEmitter.off(events['character-joined'], onCharacterJoined);
-      eventEmitter.off(events['character-left'], onCharacterLeft);
-      eventEmitter.off(events['media-relay-started'], onMediaRelayStarted);
-      eventEmitter.off(events['media-relay-stopped'], onMediaRelayStopped);
-      eventEmitter.off(events['media-relay-error'], onMediaRelayError);
-      eventEmitter.off(events['media-relay-request-response'], onMediaRelayRequestResponse);
-      eventEmitter.off(events['media-relay-request-received'], onMediaRelayRequestReceived);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MeetingProviderContex.Consumer, null, children));
-};
-
-var version = "0.4.3";
-
-var MeetingProvider = function MeetingProvider(_ref) {
-  var children = _ref.children,
-    config = _ref.config,
-    token = _ref.token,
-    joinWithoutUserInteraction = _ref.joinWithoutUserInteraction,
-    _reinitialiseMeetingOnConfigChange = _ref.reinitialiseMeetingOnConfigChange,
-    deviceInfo = _ref.deviceInfo,
-    keyProvider = _ref.keyProvider;
-  var _useState = useState(null),
-    meeting = _useState[0],
-    setMeeting = _useState[1];
-  var _useState2 = useState(null),
-    localParticipant = _useState2[0],
-    setLocalParticipant = _useState2[1];
-  var _useState3 = useState(null),
-    mainParticipant = _useState3[0],
-    setMainParticipant = _useState3[1];
-  var _useState4 = useState(null),
-    activeSpeakerId = _useState4[0],
-    setActiveSpeakerId = _useState4[1];
-  var _useState5 = useState(null),
-    presenterId = _useState5[0],
-    setPresenterId = _useState5[1];
-  var _useState6 = useState(false),
-    localMicOn = _useState6[0],
-    setLocalMicOn = _useState6[1];
-  var _useState7 = useState(false),
-    localWebcamOn = _useState7[0],
-    setLocalWebcamOn = _useState7[1];
-  var _useState8 = useState(false),
-    localScreenShareOn = _useState8[0],
-    setLocalScreenShareOn = _useState8[1];
-  var _useState9 = useState(false),
-    isRecording = _useState9[0],
-    setIsRecording = _useState9[1];
-  var _useState0 = useState([]),
-    messages = _useState0[0],
-    setMessages = _useState0[1];
-  var _useState1 = useState(new Map()),
-    participants = _useState1[0],
-    setParticipants = _useState1[1];
-  var _useState10 = useState(new Map()),
-    characters = _useState10[0],
-    setCharacters = _useState10[1];
-  var _useState11 = useState(new Map()),
-    pinnedParticipants = _useState11[0],
-    setPinnedParticipants = _useState11[1];
-  var _useState12 = useState(false),
-    isLiveStreaming = _useState12[0],
-    setIsLiveStreaming = _useState12[1];
-  var _useState13 = useState(new Map()),
-    connections = _useState13[0],
-    setConnections = _useState13[1];
-  var _useState14 = useState(false),
-    isMeetingJoined = _useState14[0],
-    setIsMeetingJoined = _useState14[1];
-  var _useState15 = useState(false),
-    isHls = _useState15[0],
-    setIsHls = _useState15[1];
-  var _useState16 = useState('RECORDING_STOPPED'),
-    recordingState = _useState16[0],
-    setRecordingState = _useState16[1];
-  var _useState17 = useState('LIVESTREAM_STOPPED'),
-    livestreamState = _useState17[0],
-    setLivestreamState = _useState17[1];
-  var _useState18 = useState('HLS_STOPPED'),
-    hlsState = _useState18[0],
-    setHlsState = _useState18[1];
-  var _useState19 = useState({
-      downstreamUrl: null,
-      playbackHlsUrl: null,
-      livestreamUrl: null
-    }),
-    hlsUrls = _useState19[0],
-    setHlsUrls = _useState19[1];
-  var _useState20 = useState('TRANSCRIPTION_STOPPED'),
-    transcriptionState = _useState20[0],
-    setTranscriptionState = _useState20[1];
-  var meetingRef = useRef();
-  var localMicOnRef = useRef();
-  var localWebcamOnRef = useRef();
-  var localScreenShareOnRef = useRef();
-  var isRecordingRef = useRef();
-  var keyProviderRef = useRef(keyProvider);
-  var configRef = useRef(config);
-  var tokenRef = useRef(token);
-  var joinedOnFirstRender = useRef(false);
-  var isHlsRef = useRef();
-  var reinitialiseMeetingOnConfigChange = useMemo(function () {
-    return _reinitialiseMeetingOnConfigChange;
-  }, []);
-  useEffect(function () {
-    meetingRef.current = meeting;
-  }, [meeting]);
-  useEffect(function () {
-    localMicOnRef.current = localMicOn;
-  }, [localMicOn]);
-  useEffect(function () {
-    localWebcamOnRef.current = localWebcamOn;
-  }, [localWebcamOn]);
-  useEffect(function () {
-    localScreenShareOnRef.current = localScreenShareOn;
-  }, [localScreenShareOn]);
-  useEffect(function () {
-    isRecordingRef.current = isRecording;
-  }, [isRecording]);
-  useEffect(function () {
-    configRef.current = config;
-  }, [config]);
-  useEffect(function () {
-    tokenRef.current = token;
-  }, [token]);
-  useEffect(function () {
-    isHlsRef.current = isHls;
-  }, [isHls]);
-  var resetStates = function resetStates() {
-    setMeeting(null);
-    setLocalParticipant(null);
-    setMainParticipant(null);
-    setActiveSpeakerId(null);
-    setPresenterId(null);
-    setLocalMicOn(false);
-    setLocalWebcamOn(false);
-    setLocalScreenShareOn(false);
-    setIsRecording(false);
-    setMessages([]);
-    setIsLiveStreaming(false);
-    setParticipants(new Map());
-    setCharacters(new Map());
-    setPinnedParticipants(new Map());
-    setConnections(new Map());
-    setIsMeetingJoined(false);
-    setIsHls(false);
-    setRecordingState('RECORDING_STOPPED');
-    setLivestreamState('LIVESTREAM_STOPPED');
-    setHlsState('HLS_STOPPED');
-    setTranscriptionState('TRANSCRIPTION_STOPPED');
-    setHlsUrls({
-      downstreamUrl: null,
-      playbackHlsUrl: null,
-      livestreamUrl: null
-    });
-  };
-  var _handle_participant_joined = function _handle_participant_joined(participant) {
-    setParticipants(function (participants) {
-      participants.set(participant.id, participant);
-      var participantsToSet = new Map(participants);
-      return participantsToSet;
-    });
-    eventEmitter.emit(events['participant-joined'], participant);
-  };
-  var _handle_participant_left = function _handle_participant_left(participant) {
-    setParticipants(function (participants) {
-      participants["delete"](participant.id);
-      var newParticipants = new Map(participants);
-      return newParticipants;
-    });
-    eventEmitter.emit(events['participant-left'], participant);
-  };
-  var _handle_presenter_changed = function _handle_presenter_changed(presenterId) {
-    var _meetingRef$current, _meetingRef$current$l;
-    setPresenterId(presenterId);
-    setLocalScreenShareOn(presenterId === (meetingRef === null || meetingRef === void 0 ? void 0 : (_meetingRef$current = meetingRef.current) === null || _meetingRef$current === void 0 ? void 0 : (_meetingRef$current$l = _meetingRef$current.localParticipant) === null || _meetingRef$current$l === void 0 ? void 0 : _meetingRef$current$l.id));
-    eventEmitter.emit(events['presenter-changed'], presenterId);
-  };
-  var _handle_main_participant_changed = function _handle_main_participant_changed(participant) {
-    setMainParticipant(participant);
-    eventEmitter.emit(events['main-participant-changed'], participant);
-  };
-  var _handle_speaker_changed = function _handle_speaker_changed(activeSpeakerId) {
-    setActiveSpeakerId(activeSpeakerId);
-    eventEmitter.emit(events['speaker-changed'], activeSpeakerId);
-  };
-  var _handle_chat_message = function _handle_chat_message(data) {
-    setMessages(function (s) {
-      return [].concat(s, [data]);
-    });
-    eventEmitter.emit(events['data'], data);
-  };
-  var _handle_entry_requested = function _handle_entry_requested(data) {
-    eventEmitter.emit(events['entry-requested'], data);
-  };
-  var _handle_entry_responded = function _handle_entry_responded(participantId, decision) {
-    eventEmitter.emit(events['entry-responded'], participantId, decision);
-  };
-  var _handle_recording_started = function _handle_recording_started() {
-    setIsRecording(true);
-    eventEmitter.emit(events['recording-started']);
-  };
-  var _handle_recording_stopped = function _handle_recording_stopped() {
-    setIsRecording(false);
-    eventEmitter.emit(events['recording-stopped']);
-  };
-  var _handle_localParticipant_stream_enabled = function _handle_localParticipant_stream_enabled(stream) {
-    if (stream.track.readyState === 'live') {
-      if (stream.kind === 'video') {
-        setLocalWebcamOn(true);
-      } else if (stream.kind === 'audio') {
-        setLocalMicOn(true);
-      }
-    }
-  };
-  var _handle_localParticipant_stream_disabled = function _handle_localParticipant_stream_disabled(stream) {
-    if (stream.kind === 'video') {
-      setLocalWebcamOn(false);
-    } else if (stream.kind === 'audio') {
-      setLocalMicOn(false);
-    }
-  };
-  var _handle_live_stream_started = function _handle_live_stream_started(data) {
-    setIsLiveStreaming(true);
-    eventEmitter.emit(events['live-stream-started'], data);
-  };
-  var _handle_live_stream_stopped = function _handle_live_stream_stopped() {
-    setIsLiveStreaming(false);
-    eventEmitter.emit(events['live-stream-stopped']);
-  };
-  var _handle_hls_started = function _handle_hls_started(data) {
-    setIsHls(true);
-    eventEmitter.emit(events['hls-started'], data);
-  };
-  var _handle_hls_stopped = function _handle_hls_stopped() {
-    setIsHls(false);
-    eventEmitter.emit(events['hls-stopped']);
-  };
-  var _handle_video_state_changed = function _handle_video_state_changed(data) {
-    eventEmitter.emit(events['video-state-changed'], data);
-  };
-  var _handle_video_seeked = function _handle_video_seeked(data) {
-    eventEmitter.emit(events['video-seeked'], data);
-  };
-  var _handle_webcam_requested = function _handle_webcam_requested(data) {
-    eventEmitter.emit(events['webcam-requested'], data);
-  };
-  var _handle_mic_requested = function _handle_mic_requested(data) {
-    eventEmitter.emit(events['mic-requested'], data);
-  };
-  var _handle_meeting_joined = function _handle_meeting_joined(data) {
-    if (data.switchRoomId) {
-      setMessages(function (s) {
-        return [].concat(s, data.messages);
-      });
-      eventEmitter.emit(events['meeting-joined'], data);
-    } else {
-      joinedOnFirstRender.current = true;
-      setMessages(function (s) {
-        return [].concat(s, data.messages);
-      });
-      eventEmitter.emit(events['meeting-joined'], data);
-      setIsMeetingJoined(true);
-    }
-  };
-  var _handle_meeting_left2 = function _handle_meeting_left() {
-    eventEmitter.emit(events['meeting-left']);
-    var meeting = meetingRef.current;
-    if (meeting) {
-      var _meeting$localPartici;
-      if (typeof (meeting === null || meeting === void 0 ? void 0 : meeting.off) === 'function') {
-        meeting.off('meeting-state-changed', _handle_meeting_state_changed);
-        meeting.off('participant-joined', _handle_participant_joined);
-        meeting.off('participant-left', _handle_participant_left);
-        meeting.off('presenter-changed', _handle_presenter_changed);
-        meeting.off('main-participant-changed', _handle_main_participant_changed);
-        meeting.off('speaker-changed', _handle_speaker_changed);
-        meeting.off('entry-requested', _handle_entry_requested);
-        meeting.off('entry-responded', _handle_entry_responded);
-        meeting.off('data', _handle_chat_message);
-        meeting.off('recording-started', _handle_recording_started);
-        meeting.off('recording-stopped', _handle_recording_stopped);
-        meeting.off('meeting-joined', _handle_meeting_joined);
-        meeting.off('meeting-left', _handle_meeting_left2);
-        meeting.off('livestream-started', _handle_live_stream_started);
-        meeting.off('livestream-stopped', _handle_live_stream_stopped);
-        meeting.off('video-state-changed', _handle_video_state_changed);
-        meeting.off('video-seeked', _handle_video_seeked);
-        meeting.off('webcam-requested', _handle_webcam_requested);
-        meeting.off('mic-requested', _handle_mic_requested);
-        meeting.off('pin-state-changed', _handle_pin_state_changed);
-        meeting.off('paused-all-streams', _handle_streams_paused);
-        meeting.off('resumed-all-streams', _handle_streams_resumed);
-        meeting.off('connection-open', _handle_connection_open);
-        meeting.off('connection-close', _handle_connection_close);
-        meeting.off('switch-meeting', _handle_switch_meeting);
-        meeting.off('error', _handle_error);
-        meeting.off('hls-started', _handle_hls_started);
-        meeting.off('hls-stopped', _handle_hls_stopped);
-        meeting.off('recording-state-changed', _handle_recording_state_changed);
-        meeting.off('livestream-state-changed', _handle_livestream_state_changed);
-        meeting.off('hls-state-changed', _handle_hls_state_changed);
-        meeting.off('participant-mode-changed', _handel_participant_mode_changed);
-        meeting.off('whiteboard-stopped', _handle_whiteboard_stopped);
-        meeting.off('whiteboard-started', _handle_whiteboard_started);
-        meeting.off('transcription-state-changed', _handle_transcription_state_changed);
-        meeting.off('transcription-text', _handle_transcription_text);
-        meeting.off('character-joined', _handle_character_joined);
-        meeting.off('character-left', _handle_character_left);
-        meeting.off('media-relay-started', _handle_media_relay_started);
-        meeting.off('media-relay-stopped', _handle_media_relay_stopped);
-        meeting.off('media-relay-error', _handle_media_relay_error);
-        meeting.off('media-relay-request-response', _handle_media_relay_request_response);
-        meeting.off('media-relay-request-received', _handle_media_relay_request_received);
-      }
-      if (typeof (meeting === null || meeting === void 0 ? void 0 : (_meeting$localPartici = meeting.localParticipant) === null || _meeting$localPartici === void 0 ? void 0 : _meeting$localPartici.off) === 'function') {
-        meeting.localParticipant.off('stream-enabled', _handle_localParticipant_stream_enabled);
-        meeting.localParticipant.off('stream-disabled', _handle_localParticipant_stream_disabled);
-      }
-      resetStates();
-    }
-  };
-  var _handle_pin_state_changed = function _handle_pin_state_changed(_ref2) {
-    var participantId = _ref2.participantId,
-      state = _ref2.state,
-      pinnedBy = _ref2.pinnedBy;
-    setPinnedParticipants(function (pinnedParticipants) {
-      if (!state.cam && !state.share) {
-        pinnedParticipants["delete"](participantId);
-      } else {
-        pinnedParticipants.set(participantId, state);
-      }
-      var pinnedParticipantsToSet = new Map(pinnedParticipants);
-      return pinnedParticipantsToSet;
-    });
-    eventEmitter.emit(events['pin-state-changed'], {
-      participantId: participantId,
-      state: state,
-      pinnedBy: pinnedBy
-    });
-  };
-  var _handle_streams_paused = function _handle_streams_paused(_ref3) {
-    var kind = _ref3.kind;
-    eventEmitter.emit(events['paused-all-streams'], {
-      kind: kind
-    });
-  };
-  var _handle_streams_resumed = function _handle_streams_resumed(_ref4) {
-    var kind = _ref4.kind;
-    eventEmitter.emit(events['resumed-all-streams'], {
-      kind: kind
-    });
-  };
-  var _handle_connection_open = function _handle_connection_open(connection) {
-    setConnections(function (s) {
-      s.set(connection.id, connection);
-      var connectionsToSet = new Map(s);
-      return connectionsToSet;
-    });
-    eventEmitter.emit(events['connection-open'], connection);
-  };
-  var _handle_connection_close = function _handle_connection_close(connectionId) {
-    setConnections(function (s) {
-      s["delete"](connectionId);
-      var newConnections = new Map(s);
-      return newConnections;
-    });
-    eventEmitter.emit(events['connection-close'], connectionId);
-  };
-  var _handle_switch_meeting = function _handle_switch_meeting(d) {
-    eventEmitter.emit(events['switch-meeting'], d);
-  };
-  var _handle_error = function _handle_error(data) {
-    eventEmitter.emit(events['error'], data);
-  };
-  var _handle_recording_state_changed = function _handle_recording_state_changed(data) {
-    setRecordingState(data === null || data === void 0 ? void 0 : data.status);
-    eventEmitter.emit(events['recording-state-changed'], data);
-  };
-  var _handle_livestream_state_changed = function _handle_livestream_state_changed(data) {
-    setLivestreamState(data === null || data === void 0 ? void 0 : data.status);
-    eventEmitter.emit(events['livestream-state-changed'], data);
-  };
-  var _handle_hls_state_changed = function _handle_hls_state_changed(data) {
-    setHlsState(data === null || data === void 0 ? void 0 : data.status);
-    if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_PLAYABLE') {
-      setHlsUrls({
-        downstreamUrl: data === null || data === void 0 ? void 0 : data.downstreamUrl,
-        playbackHlsUrl: data === null || data === void 0 ? void 0 : data.playbackHlsUrl,
-        livestreamUrl: data === null || data === void 0 ? void 0 : data.livestreamUrl
-      });
-    } else if ((data === null || data === void 0 ? void 0 : data.status) == 'HLS_STOPPED') {
-      setHlsUrls({
-        downstreamUrl: null,
-        playbackHlsUrl: null,
-        livestreamUrl: null
-      });
-    }
-    eventEmitter.emit(events['hls-state-changed'], data);
-  };
-  var _handle_meeting_state_changed = function _handle_meeting_state_changed(data) {
-    eventEmitter.emit(events['meeting-state-changed'], data);
-  };
-  var _handle_transcription_state_changed = function _handle_transcription_state_changed(data) {
-    setTranscriptionState(data === null || data === void 0 ? void 0 : data.status);
-    eventEmitter.emit(events['transcription-state-changed'], data);
-  };
-  var _handle_transcription_text = function _handle_transcription_text(data) {
-    eventEmitter.emit(events['transcription-text'], data);
-  };
-  var _handle_whiteboard_started = function _handle_whiteboard_started(data) {
-    eventEmitter.emit(events['whiteboard-started'], data);
-  };
-  var _handle_whiteboard_stopped = function _handle_whiteboard_stopped(data) {
-    eventEmitter.emit(events['whiteboard-stopped'], data);
-  };
-  var _handle_character_joined = function _handle_character_joined(character) {
-    setCharacters(function (characters) {
-      characters.set(character.id, character);
-      var charactersToSet = new Map(characters);
-      return charactersToSet;
-    });
-    eventEmitter.emit(events['character-joined'], character);
-  };
-  var _handle_character_left = function _handle_character_left(character) {
-    setCharacters(function (characters) {
-      characters["delete"](character.id);
-      var newCharacters = new Map(characters);
-      return newCharacters;
-    });
-    eventEmitter.emit(events['character-left'], character);
-  };
-  var _handel_participant_mode_changed = function _handel_participant_mode_changed(data) {
-    var _meetingRef$current2, _meetingRef$current2$;
-    setParticipants(function (participants) {
-      var part = participants.get(data.participantId);
-      part.mode = data.mode;
-      participants.set(part.id, part);
-      var participantsToSet = new Map(participants);
-      return participantsToSet;
-    });
-    if (data.participantId === (meetingRef === null || meetingRef === void 0 ? void 0 : (_meetingRef$current2 = meetingRef.current) === null || _meetingRef$current2 === void 0 ? void 0 : (_meetingRef$current2$ = _meetingRef$current2.localParticipant) === null || _meetingRef$current2$ === void 0 ? void 0 : _meetingRef$current2$.id)) {
-      setLocalParticipant(function (participant) {
-        participant.mode = data.mode;
-        return participant;
-      });
-    }
-    eventEmitter.emit(events['participant-mode-changed'], data);
-  };
-  var _handle_media_relay_started = function _handle_media_relay_started(data) {
-    eventEmitter.emit(events['media-relay-started'], data);
-  };
-  var _handle_media_relay_stopped = function _handle_media_relay_stopped(data) {
-    eventEmitter.emit(events['media-relay-stopped'], data);
-  };
-  var _handle_media_relay_error = function _handle_media_relay_error(data) {
-    eventEmitter.emit(events['media-relay-error'], data);
-  };
-  var _handle_media_relay_request_response = function _handle_media_relay_request_response(data) {
-    eventEmitter.emit(events['media-relay-request-response'], data);
-  };
-  var _handle_media_relay_request_received = function _handle_media_relay_request_received(data) {
-    eventEmitter.emit(events['media-relay-request-received'], data);
-  };
-  var join = function join() {
-    var meeting = VideoSDK && VideoSDK.initMeeting(configRef.current);
-    setMeeting(meeting);
-    var localParticipant = meeting.localParticipant,
-      participants = meeting.participants,
-      characters = meeting.characters;
-    participants.set(localParticipant.id, localParticipant);
-    setParticipants(participants);
-    setCharacters(characters);
-    setLocalParticipant(localParticipant);
-    meeting.on('meeting-state-changed', _handle_meeting_state_changed);
-    meeting.on('participant-joined', _handle_participant_joined);
-    meeting.on('participant-left', _handle_participant_left);
-    meeting.on('presenter-changed', _handle_presenter_changed);
-    meeting.on('main-participant-changed', _handle_main_participant_changed);
-    meeting.on('speaker-changed', _handle_speaker_changed);
-    meeting.on('entry-requested', _handle_entry_requested);
-    meeting.on('entry-responded', _handle_entry_responded);
-    meeting.on('data', _handle_chat_message);
-    meeting.on('recording-started', _handle_recording_started);
-    meeting.on('recording-stopped', _handle_recording_stopped);
-    meeting.on('meeting-joined', _handle_meeting_joined);
-    meeting.on('meeting-left', _handle_meeting_left2);
-    meeting.on('livestream-started', _handle_live_stream_started);
-    meeting.on('livestream-stopped', _handle_live_stream_stopped);
-    meeting.on('video-state-changed', _handle_video_state_changed);
-    meeting.on('video-seeked', _handle_video_seeked);
-    meeting.on('webcam-requested', _handle_webcam_requested);
-    meeting.on('mic-requested', _handle_mic_requested);
-    meeting.on('pin-state-changed', _handle_pin_state_changed);
-    meeting.on('paused-all-streams', _handle_streams_paused);
-    meeting.on('resumed-all-streams', _handle_streams_resumed);
-    meeting.on('connection-open', _handle_connection_open);
-    meeting.on('connection-close', _handle_connection_close);
-    meeting.on('switch-meeting', _handle_switch_meeting);
-    meeting.on('error', _handle_error);
-    meeting.on('hls-started', _handle_hls_started);
-    meeting.on('hls-stopped', _handle_hls_stopped);
-    meeting.on('recording-state-changed', _handle_recording_state_changed);
-    meeting.on('livestream-state-changed', _handle_livestream_state_changed);
-    meeting.on('hls-state-changed', _handle_hls_state_changed);
-    meeting.on('participant-mode-changed', _handel_participant_mode_changed);
-    meeting.on('transcription-state-changed', _handle_transcription_state_changed);
-    meeting.on('transcription-text', _handle_transcription_text);
-    meeting.on('whiteboard-started', _handle_whiteboard_started);
-    meeting.on('whiteboard-stopped', _handle_whiteboard_stopped);
-    meeting.on('character-joined', _handle_character_joined);
-    meeting.on('character-left', _handle_character_left);
-    meeting.on('media-relay-started', _handle_media_relay_started);
-    meeting.on('media-relay-stopped', _handle_media_relay_stopped);
-    meeting.on('media-relay-error', _handle_media_relay_error);
-    meeting.on('media-relay-request-response', _handle_media_relay_request_response);
-    meeting.on('media-relay-request-received', _handle_media_relay_request_received);
-    meeting.localParticipant.on('stream-enabled', _handle_localParticipant_stream_enabled);
-    meeting.localParticipant.on('stream-disabled', _handle_localParticipant_stream_disabled);
-    meeting.join();
-  };
-  var leave = function leave() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.leave();
-    }
-  };
-  var end = function end() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.end();
-    }
-  };
-  var pauseAllStreams = function pauseAllStreams(kind) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.pauseAllStreams(kind);
-    }
-  };
-  var resumeAllStreams = function resumeAllStreams(kind) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.resumeAllStreams(kind);
-    }
-  };
-  var startRecording = function startRecording(webhookUrl, awsDirPath, config, transcription) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.startRecording(webhookUrl, awsDirPath, config, transcription);
-    }
-  };
-  var stopRecording = function stopRecording() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      var _isRecording = isRecordingRef.current;
-      if (_isRecording) {
-        meeting.stopRecording();
-      }
-    }
-  };
-  var unmuteMic = function unmuteMic(customAudioTrack) {
-    if (customAudioTrack === void 0) {
-      customAudioTrack = undefined;
-    }
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.unmuteMic(customAudioTrack);
-    }
-  };
-  var muteMic = function muteMic() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.muteMic();
-    }
-  };
-  var toggleMic = function toggleMic(customAudioTrack) {
-    if (customAudioTrack === void 0) {
-      customAudioTrack = undefined;
-    }
-    var localMicOn = localMicOnRef.current;
-    if (localMicOn) {
-      muteMic();
-    } else {
-      unmuteMic(customAudioTrack);
-    }
-  };
-  var disableWebcam = function disableWebcam() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.disableWebcam();
-    }
-  };
-  var enableWebcam = function enableWebcam(customVideoTrack) {
-    if (customVideoTrack === void 0) {
-      customVideoTrack = undefined;
-    }
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.enableWebcam(customVideoTrack);
-    }
-  };
-  var toggleWebcam = function toggleWebcam(customVideoTrack) {
-    if (customVideoTrack === void 0) {
-      customVideoTrack = undefined;
-    }
-    var localWebcamOn = localWebcamOnRef.current;
-    if (localWebcamOn) {
-      disableWebcam();
-    } else {
-      enableWebcam(customVideoTrack);
-    }
-  };
-  var switchTo = function switchTo(_ref5) {
-    var meetingId = _ref5.meetingId,
-      token = _ref5.token;
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.switchTo({
-        meetingId: meetingId,
-        token: token
-      });
-    }
-  };
-  var disableScreenShare = function disableScreenShare() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.disableScreenShare();
-    }
-  };
-  var enableScreenShare = function enableScreenShare(customScreenShareTrack) {
-    if (customScreenShareTrack === void 0) {
-      customScreenShareTrack = undefined;
-    }
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.enableScreenShare(customScreenShareTrack);
-    }
-  };
-  var toggleScreenShare = function toggleScreenShare(customScreenShareTrack) {
-    if (customScreenShareTrack === void 0) {
-      customScreenShareTrack = undefined;
-    }
-    var localScreenShareOn = localScreenShareOnRef.current;
-    if (localScreenShareOn) {
-      disableScreenShare();
-    } else {
-      enableScreenShare(customScreenShareTrack);
-    }
-  };
-  var changeMode = function changeMode(mode) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.changeMode(mode);
-    }
-  };
-  var send = function send(payload, options) {
-    if (options === void 0) {
-      options = {
-        reliability: 'RELIABLE'
-      };
-    }
-    try {
-      var _meeting = meetingRef.current;
-      return Promise.resolve(function () {
-        if (_meeting) {
-          return Promise.resolve(_meeting.send(payload, options));
-        }
-      }());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var respondEntry = function respondEntry(participantId, decision) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.respondEntry(participantId, decision);
-    }
-  };
-  var getMics = function getMics() {
-    try {
-      var _meeting2 = meetingRef.current;
-      return Promise.resolve(function () {
-        if (_meeting2) {
-          return Promise.resolve(_meeting2.getMics());
-        }
-      }());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var getWebcams = function getWebcams() {
-    try {
-      var _meeting3 = meetingRef.current;
-      return Promise.resolve(function () {
-        if (_meeting3) {
-          return Promise.resolve(_meeting3.getWebcams());
-        }
-      }());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var changeWebcam = function changeWebcam(obj) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.changeWebcam(obj);
-    }
-  };
-  var replaceWebcamStream = function replaceWebcamStream(stream) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.replaceWebcamStream(stream);
-    }
-  };
-  var changeMic = function changeMic(obj) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.changeMic(obj);
-    }
-  };
-  var startVideo = function startVideo(_ref6) {
-    var link = _ref6.link;
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.startVideo({
-        link: link
-      });
-    }
-  };
-  var stopVideo = function stopVideo() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.stopVideo();
-    }
-  };
-  var resumeVideo = function resumeVideo() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.resumeVideo();
-    }
-  };
-  var pauseVideo = function pauseVideo(_ref7) {
-    var currentTime = _ref7.currentTime;
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.pauseVideo({
-        currentTime: currentTime
-      });
-    }
-  };
-  var enableAdaptiveSubscription = function enableAdaptiveSubscription() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.enableAdaptiveSubscription();
-    }
-  };
-  var disableAdaptiveSubscription = function disableAdaptiveSubscription() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.disableAdaptiveSubscription();
-    }
-  };
-  var requestMediaRelay = function requestMediaRelay(_ref8) {
-    var destinationMeetingId = _ref8.destinationMeetingId,
-      token = _ref8.token,
-      kinds = _ref8.kinds;
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.requestMediaRelay({
-        destinationMeetingId: destinationMeetingId,
-        token: token,
-        kinds: kinds
-      });
-    }
-  };
-  var stopMediaRelay = function stopMediaRelay(destinationMeetingId) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.stopMediaRelay(destinationMeetingId);
-    }
-  };
-  var seekVideo = function seekVideo(_ref9) {
-    var currentTime = _ref9.currentTime;
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.seekVideo({
-        currentTime: currentTime
-      });
-    }
-  };
-  var startLivestream = function startLivestream(streamInfo, config) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.startLivestream(streamInfo, config);
-    }
-  };
-  var stopLivestream = function stopLivestream() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.stopLivestream();
-    }
-  };
-  var connectTo = function connectTo(_ref0) {
-    var meetingId = _ref0.meetingId,
-      payload = _ref0.payload;
-    try {
-      var _meeting4 = meetingRef.current;
-      var _temp = function () {
-        if (_meeting4) {
-          return Promise.resolve(_meeting4.connectTo({
-            meetingId: meetingId,
-            payload: payload
-          })).then(function () {});
-        }
-      }();
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var startHls = function startHls(config, transcription) {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.startHls(config, transcription);
-    }
-  };
-  var stopHls = function stopHls() {
-    var meeting = meetingRef.current;
-    if (meeting) {
-      meeting.stopHls();
-    }
-  };
-  var initSDK = function initSDK() {
-    VideoSDK.config(tokenRef.current);
-    keyProviderRef.current && VideoSDK.setKeyProvider(keyProviderRef.current);
-    if (deviceInfo) {
-      VideoSDK.analytics(deviceInfo);
-    } else {
-      VideoSDK.analytics({
-        sdkType: 'react-web',
-        sdkVersion: version
-      });
-    }
-    if (joinWithoutUserInteraction) {
-      join();
-    }
-  };
-  useEffect(function () {
-    initSDK();
-  }, []);
-  useEffect(function () {
-    if (reinitialiseMeetingOnConfigChange && joinedOnFirstRender.current) {
-      leave();
-      initSDK();
-      !joinWithoutUserInteraction && join();
-    }
-  }, [config.meetingId, token, reinitialiseMeetingOnConfigChange]);
-  return /*#__PURE__*/React.createElement(MeetingProviderContex.Provider, {
-    value: {
-      meetingId: meeting === null || meeting === void 0 ? void 0 : meeting.id,
-      meeting: meeting,
-      baseUrl: meeting === null || meeting === void 0 ? void 0 : meeting.baseUrl,
-      localParticipant: localParticipant,
-      mainParticipant: mainParticipant,
-      activeSpeakerId: activeSpeakerId,
-      participants: participants,
-      characters: characters,
-      presenterId: presenterId,
-      localMicOn: localMicOn,
-      localWebcamOn: localWebcamOn,
-      localScreenShareOn: localScreenShareOn,
-      messages: messages,
-      isRecording: isRecording,
-      isLiveStreaming: isLiveStreaming,
-      pinnedParticipants: pinnedParticipants,
-      connections: connections,
-      isHls: isHls,
-      recordingState: recordingState,
-      livestreamState: livestreamState,
-      hlsState: hlsState,
-      hlsUrls: hlsUrls,
-      transcriptionState: transcriptionState,
-      isMeetingJoined: isMeetingJoined,
-      selectedCameraDevice: meeting === null || meeting === void 0 ? void 0 : meeting.selectedCameraDevice,
-      selectedMicrophoneDevice: meeting === null || meeting === void 0 ? void 0 : meeting.selectedMicrophoneDevice,
-      join: join,
-      leave: leave,
-      end: end,
-      pauseAllStreams: pauseAllStreams,
-      resumeAllStreams: resumeAllStreams,
-      startRecording: startRecording,
-      stopRecording: stopRecording,
-      send: send,
-      respondEntry: respondEntry,
-      muteMic: muteMic,
-      unmuteMic: unmuteMic,
-      toggleMic: toggleMic,
-      disableWebcam: disableWebcam,
-      enableWebcam: enableWebcam,
-      toggleWebcam: toggleWebcam,
-      disableScreenShare: disableScreenShare,
-      enableScreenShare: enableScreenShare,
-      toggleScreenShare: toggleScreenShare,
-      switchTo: switchTo,
-      getMics: getMics,
-      getWebcams: getWebcams,
-      changeWebcam: changeWebcam,
-      replaceWebcamStream: replaceWebcamStream,
-      changeMic: changeMic,
-      changeMode: changeMode,
-      startVideo: startVideo,
-      stopVideo: stopVideo,
-      resumeVideo: resumeVideo,
-      pauseVideo: pauseVideo,
-      seekVideo: seekVideo,
-      startLivestream: startLivestream,
-      stopLivestream: stopLivestream,
-      connectTo: connectTo,
-      startHls: startHls,
-      stopHls: stopHls,
-      enableAdaptiveSubscription: enableAdaptiveSubscription,
-      disableAdaptiveSubscription: disableAdaptiveSubscription,
-      requestMediaRelay: requestMediaRelay,
-      stopMediaRelay: stopMediaRelay
-    }
-  }, children);
-};
-
-var useParticipant = function useParticipant(participantId, _temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$onStreamEnabled = _ref.onStreamEnabled,
-    onStreamEnabled = _ref$onStreamEnabled === void 0 ? function () {} : _ref$onStreamEnabled,
-    _ref$onStreamDisabled = _ref.onStreamDisabled,
-    onStreamDisabled = _ref$onStreamDisabled === void 0 ? function () {} : _ref$onStreamDisabled,
-    _ref$onMediaStatusCha = _ref.onMediaStatusChanged,
-    onMediaStatusChanged = _ref$onMediaStatusCha === void 0 ? function () {} : _ref$onMediaStatusCha,
-    _ref$onVideoQualityCh = _ref.onVideoQualityChanged,
-    onVideoQualityChanged = _ref$onVideoQualityCh === void 0 ? function () {} : _ref$onVideoQualityCh,
-    _ref$onStreamPaused = _ref.onStreamPaused,
-    onStreamPaused = _ref$onStreamPaused === void 0 ? function () {} : _ref$onStreamPaused,
-    _ref$onStreamResumed = _ref.onStreamResumed,
-    onStreamResumed = _ref$onStreamResumed === void 0 ? function () {} : _ref$onStreamResumed,
-    _ref$onProducerAdded = _ref.onProducerAdded,
-    onProducerAdded = _ref$onProducerAdded === void 0 ? function () {} : _ref$onProducerAdded,
-    _ref$onProducerRemove = _ref.onProducerRemoved,
-    onProducerRemoved = _ref$onProducerRemove === void 0 ? function () {} : _ref$onProducerRemove,
-    _ref$onConsumerAdded = _ref.onConsumerAdded,
-    onConsumerAdded = _ref$onConsumerAdded === void 0 ? function () {} : _ref$onConsumerAdded,
-    _ref$onConsumerRemove = _ref.onConsumerRemoved,
-    onConsumerRemoved = _ref$onConsumerRemove === void 0 ? function () {} : _ref$onConsumerRemove;
-  var _useState = useState(null),
-    webcamStream = _useState[0],
-    setwebcamStream = _useState[1];
-  var _useState2 = useState(null),
-    micStream = _useState2[0],
-    setMicStream = _useState2[1];
-  var _useState3 = useState(null),
-    screenShareStream = _useState3[0],
-    setScreenShareStream = _useState3[1];
-  var _useState4 = useState(null),
-    screenShareAudioStream = _useState4[0],
-    setScreenShareAudioStream = _useState4[1];
-  var meeting = useMeeting();
-  var _useMemo = useMemo(function () {
-      var _meeting$pinnedPartic;
-      var participants = meeting === null || meeting === void 0 ? void 0 : meeting.participants;
-      var localParticipant = meeting === null || meeting === void 0 ? void 0 : meeting.localParticipant;
-      var activeSpeakerId = meeting === null || meeting === void 0 ? void 0 : meeting.activeSpeakerId;
-      var mainParticipant = meeting === null || meeting === void 0 ? void 0 : meeting.mainParticipant;
-      var pinState = (meeting === null || meeting === void 0 ? void 0 : (_meeting$pinnedPartic = meeting.pinnedParticipants) === null || _meeting$pinnedPartic === void 0 ? void 0 : _meeting$pinnedPartic.get(participantId)) || {
-        cam: false,
-        share: false
-      };
-      return {
-        participants: participants,
-        localParticipant: localParticipant,
-        activeSpeakerId: activeSpeakerId,
-        mainParticipant: mainParticipant,
-        pinState: pinState
-      };
-    }, [meeting]),
-    participants = _useMemo.participants,
-    localParticipant = _useMemo.localParticipant,
-    activeSpeakerId = _useMemo.activeSpeakerId,
-    mainParticipant = _useMemo.mainParticipant,
-    pinState = _useMemo.pinState;
-  var participant = participants === null || participants === void 0 ? void 0 : participants.get(participantId);
-  var _useState5 = useState(participant === null || participant === void 0 ? void 0 : participant.webcamOn),
-    webcamOn = _useState5[0],
-    setWebcamOn = _useState5[1];
-  var _useState6 = useState(participant === null || participant === void 0 ? void 0 : participant.micOn),
-    micOn = _useState6[0],
-    setMicOn = _useState6[1];
-  var _useState7 = useState(participant === null || participant === void 0 ? void 0 : participant.mode),
-    mode = _useState7[0],
-    setMode = _useState7[1];
-  var setTrack = function setTrack(stream) {
-    if (stream.track.readyState === 'live') {
-      switch (stream.kind) {
-        case 'video':
-          if (webcamStream != null) {
-            setwebcamStream(null);
-          }
-          setwebcamStream(stream);
-          break;
-        case 'audio':
-          if (micStream != null) {
-            setMicStream(null);
-          }
-          setMicStream(stream);
-          break;
-        case 'share':
-          if (screenShareStream != null) {
-            setScreenShareStream(null);
-          }
-          setScreenShareStream(stream);
-          break;
-        case 'shareAudio':
-          if (screenShareAudioStream != null) {
-            setScreenShareAudioStream(null);
-          }
-          setScreenShareAudioStream(stream);
-          break;
-      }
-    }
-  };
-  var unSetTrack = function unSetTrack(stream) {
-    switch (stream.kind) {
-      case 'video':
-        setwebcamStream(null);
-        break;
-      case 'audio':
-        setMicStream(null);
-        break;
-      case 'share':
-        setScreenShareStream(null);
-        break;
-      case 'shareAudio':
-        setScreenShareAudioStream(null);
-        break;
-    }
-  };
-  var _handleStreamEnabled = function _handleStreamEnabled(stream) {
-    setTrack(stream);
-    onStreamEnabled(stream);
-  };
-  var _handleStreamPaused = function _handleStreamPaused(data) {
-    onStreamPaused(data);
-  };
-  var _handleStreamResumed = function _handleStreamResumed(data) {
-    onStreamResumed(data);
-  };
-  var _handleParticipantModeChanged = function _handleParticipantModeChanged(data) {
-    if (participantId === data.participantId) {
-      setMode(data.mode);
-    }
-  };
-  var _handleStreamDisabled = function _handleStreamDisabled(stream) {
-    unSetTrack(stream);
-    onStreamDisabled(stream);
-  };
-  var _handleVideoQualityChanged = function _handleVideoQualityChanged(data) {
-    var peerId = data.peerId,
-      prevQuality = data.prevQuality,
-      currentQuality = data.currentQuality;
-    onVideoQualityChanged({
-      peerId: peerId,
-      prevQuality: prevQuality,
-      currentQuality: currentQuality
-    });
-  };
-  var _handleMediaStatusChanged = function _handleMediaStatusChanged(data) {
-    var kind = data.kind,
-      peerId = data.peerId,
-      newStatus = data.newStatus;
-    if (kind == 'audio') {
-      setMicOn(newStatus);
-    } else if (kind == 'video') {
-      setWebcamOn(newStatus);
-    }
-    onMediaStatusChanged({
-      kind: kind,
-      peerId: peerId,
-      newStatus: newStatus
-    });
-  };
-  var _handleProducerAdded = function _handleProducerAdded(data) {
-    onProducerAdded(data);
-  };
-  var _handleProducerRemoved = function _handleProducerRemoved(data) {
-    onProducerRemoved(data);
-  };
-  var _handleConsumerAdded = function _handleConsumerAdded(data) {
-    onConsumerAdded(data);
-  };
-  var _handleConsumerRemoved = function _handleConsumerRemoved(data) {
-    onConsumerRemoved(data);
-  };
-  var setQuality = function setQuality(quality) {
-    participant === null || participant === void 0 ? void 0 : participant.setQuality(quality);
-  };
-  var setViewPort = function setViewPort(width, height) {
-    participant === null || participant === void 0 ? void 0 : participant.setViewPort(width, height);
-  };
-  var setScreenShareQuality = function setScreenShareQuality(quality) {
-    participant === null || participant === void 0 ? void 0 : participant.setScreenShareQuality(quality);
-  };
-  var enableMic = function enableMic() {
-    participant === null || participant === void 0 ? void 0 : participant.enableMic();
-  };
-  var disableMic = function disableMic() {
-    participant === null || participant === void 0 ? void 0 : participant.disableMic();
-  };
-  var enableWebcam = function enableWebcam() {
-    participant === null || participant === void 0 ? void 0 : participant.enableWebcam();
-  };
-  var disableWebcam = function disableWebcam() {
-    participant === null || participant === void 0 ? void 0 : participant.disableWebcam();
-  };
-  var pin = function pin(data) {
-    participant === null || participant === void 0 ? void 0 : participant.pin(data);
-  };
-  var unpin = function unpin(data) {
-    participant === null || participant === void 0 ? void 0 : participant.unpin(data);
-  };
-  var remove = function remove() {
-    participant === null || participant === void 0 ? void 0 : participant.remove();
-  };
-  var captureImage = function captureImage(_temp2) {
-    var _ref2 = _temp2 === void 0 ? {} : _temp2,
-      height = _ref2.height,
-      width = _ref2.width;
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.captureImage({
-      height: height,
-      width: width
-    }));
-  };
-  var getAudioStats = function getAudioStats() {
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getAudioStats());
-  };
-  var getVideoStats = function getVideoStats() {
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getVideoStats());
-  };
-  var getShareStats = function getShareStats() {
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getShareStats());
-  };
-  var getShareAudioStats = function getShareAudioStats() {
-    return Promise.resolve(participant === null || participant === void 0 ? void 0 : participant.getShareAudioStats());
-  };
-  var consumeWebcamStreams = function consumeWebcamStreams() {
-    participant === null || participant === void 0 ? void 0 : participant.consumeWebcamStreams();
-  };
-  var consumeMicStreams = function consumeMicStreams() {
-    participant === null || participant === void 0 ? void 0 : participant.consumeMicStreams();
-  };
-  var stopConsumingWebcamStreams = function stopConsumingWebcamStreams() {
-    participant === null || participant === void 0 ? void 0 : participant.stopConsumingWebcamStreams();
-  };
-  var stopConsumingMicStreams = function stopConsumingMicStreams() {
-    participant === null || participant === void 0 ? void 0 : participant.stopConsumingMicStreams();
-  };
-  useEffect(function () {
-    var streams = participant === null || participant === void 0 ? void 0 : participant.streams;
-    if (streams) {
-      streams.forEach(function (stream) {
-        setTrack(stream);
-      });
-    }
-    if (participant !== null && participant !== void 0 && participant.micOn) {
-      setMicOn(micOn);
-    }
-    if (participant !== null && participant !== void 0 && participant.webcamOn) {
-      setWebcamOn(webcamOn);
-    }
-    participant === null || participant === void 0 ? void 0 : participant.on('stream-enabled', _handleStreamEnabled);
-    participant === null || participant === void 0 ? void 0 : participant.on('stream-disabled', _handleStreamDisabled);
-    participant === null || participant === void 0 ? void 0 : participant.on('stream-paused', _handleStreamPaused);
-    participant === null || participant === void 0 ? void 0 : participant.on('stream-resumed', _handleStreamResumed);
-    participant === null || participant === void 0 ? void 0 : participant.on('media-status-changed', _handleMediaStatusChanged);
-    participant === null || participant === void 0 ? void 0 : participant.on('video-quality-changed', _handleVideoQualityChanged);
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-added', _handleProducerAdded);
-    participant === null || participant === void 0 ? void 0 : participant.on('producer-removed', _handleProducerRemoved);
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-added', _handleConsumerAdded);
-    participant === null || participant === void 0 ? void 0 : participant.on('consumer-removed', _handleConsumerRemoved);
-    eventEmitter.on(events['participant-mode-changed'], _handleParticipantModeChanged);
-    return function () {
-      participant === null || participant === void 0 ? void 0 : participant.off('stream-enabled', _handleStreamEnabled);
-      participant === null || participant === void 0 ? void 0 : participant.off('stream-disabled', _handleStreamDisabled);
-      participant === null || participant === void 0 ? void 0 : participant.off('stream-paused', _handleStreamPaused);
-      participant === null || participant === void 0 ? void 0 : participant.off('stream-resumed', _handleStreamResumed);
-      participant === null || participant === void 0 ? void 0 : participant.off('media-status-changed', _handleMediaStatusChanged);
-      participant === null || participant === void 0 ? void 0 : participant.off('video-quality-changed', _handleVideoQualityChanged);
-      participant === null || participant === void 0 ? void 0 : participant.off('producer-added', _handleProducerAdded);
-      participant === null || participant === void 0 ? void 0 : participant.off('producer-removed', _handleProducerRemoved);
-      participant === null || participant === void 0 ? void 0 : participant.off('consumer-added', _handleConsumerAdded);
-      participant === null || participant === void 0 ? void 0 : participant.off('consumer-removed', _handleConsumerRemoved);
-      eventEmitter.off(events['participant-mode-changed'], _handleParticipantModeChanged);
-    };
-  }, [participant]);
-  return {
-    displayName: participant === null || participant === void 0 ? void 0 : participant.displayName,
-    participant: participant,
-    webcamStream: webcamStream,
-    micStream: micStream,
-    screenShareStream: screenShareStream,
-    screenShareAudioStream: screenShareAudioStream,
-    webcamOn: webcamOn || !!webcamStream,
-    micOn: micOn || !!micStream,
-    mode: mode,
-    metaData: participant === null || participant === void 0 ? void 0 : participant.metaData,
-    screenShareOn: !!screenShareStream,
-    isLocal: (localParticipant === null || localParticipant === void 0 ? void 0 : localParticipant.id) === participantId,
-    isActiveSpeaker: activeSpeakerId === participantId,
-    isMainParticipant: (mainParticipant === null || mainParticipant === void 0 ? void 0 : mainParticipant.id) === participantId,
-    pinState: pinState,
-    consumeMicStreams: consumeMicStreams,
-    consumeWebcamStreams: consumeWebcamStreams,
-    stopConsumingMicStreams: stopConsumingMicStreams,
-    stopConsumingWebcamStreams: stopConsumingWebcamStreams,
-    setQuality: setQuality,
-    setScreenShareQuality: setScreenShareQuality,
-    setViewPort: setViewPort,
-    enableMic: enableMic,
-    disableMic: disableMic,
-    enableWebcam: enableWebcam,
-    disableWebcam: disableWebcam,
-    captureImage: captureImage,
-    pin: pin,
-    unpin: unpin,
-    remove: remove,
-    getAudioStats: getAudioStats,
-    getVideoStats: getVideoStats,
-    getShareStats: getShareStats,
-    getShareAudioStats: getShareAudioStats
-  };
-};
-
-var useConnection = function useConnection(connectionId, _temp) {
-  var _ref = _temp === void 0 ? {
-      onMeeting: {
-        onParticipantJoined: function onParticipantJoined() {},
-        onParticipantLeft: function onParticipantLeft() {},
-        onData: function onData() {}
-      }
-    } : _temp,
-    onMeeting = _ref.onMeeting;
-  var onParticipantJoined = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantJoined;
-  var onParticipantLeft = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onParticipantLeft;
-  var onData = onMeeting === null || onMeeting === void 0 ? void 0 : onMeeting.onData;
-  var meeting = useMeeting();
-  var _useMemo = useMemo(function () {
-      var connection = meeting === null || meeting === void 0 ? void 0 : meeting.connections.get(connectionId);
-      if (!connection) {
-        throw new Error('connectionId not found');
-      }
-      var connectionParticipants = new Map(connection.meeting.participants);
-      return {
-        connection: connection,
-        connectionParticipants: connectionParticipants
-      };
-    }, [meeting]),
-    connection = _useMemo.connection,
-    connectionParticipants = _useMemo.connectionParticipants;
-  var _useState = useState(new Map(connectionParticipants)),
-    _connectionParticipants = _useState[0],
-    setConnectionParticipants = _useState[1];
-  var _handleParticipantJoined = function _handleParticipantJoined(participant) {
-    setConnectionParticipants(function (s) {
-      s.set(participant.id, participant);
-      var participantsToSet = new Map(s);
-      return participantsToSet;
-    });
-    onParticipantJoined(participant);
-  };
-  var _handleParticipantLeft = function _handleParticipantLeft(participantId) {
-    setConnectionParticipants(function (s) {
-      s["delete"](participantId);
-      var newParticipants = new Map(s);
-      return newParticipants;
-    });
-    onParticipantLeft(participantId);
-  };
-  var _handleChatMessage = function _handleChatMessage(data) {
-    onData(data);
-  };
-  useEffect(function () {
-    connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-joined', _handleParticipantJoined);
-    connection === null || connection === void 0 ? void 0 : connection.meeting.on('participant-left', _handleParticipantLeft);
-    connection === null || connection === void 0 ? void 0 : connection.meeting.on('data', _handleChatMessage);
-    return function () {
-      connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-joined', _handleParticipantJoined);
-      connection === null || connection === void 0 ? void 0 : connection.meeting.off('participant-left', _handleParticipantLeft);
-      connection === null || connection === void 0 ? void 0 : connection.meeting.off('data', _handleChatMessage);
-    };
-  }, [connection]);
-  return {
-    connection: {
-      id: connection.id,
-      close: connection.close,
-      payload: connection.payload,
-      meeting: {
-        id: connection.meeting.id,
-        sendChatMessage: connection.meeting.sendChatMessage,
-        end: connection.meeting.end,
-        participants: _connectionParticipants
-      }
-    }
-  };
-};
-
-var usePubSub = function usePubSub(topic, _temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$onMessageReceive = _ref.onMessageReceived,
-    onMessageReceived = _ref$onMessageReceive === void 0 ? function () {} : _ref$onMessageReceive,
-    _ref$onOldMessagesRec = _ref.onOldMessagesReceived,
-    onOldMessagesReceived = _ref$onOldMessagesRec === void 0 ? function () {} : _ref$onOldMessagesRec;
-  var _useMeeting = useMeeting(),
-    meeting = _useMeeting.meeting,
-    isMeetingJoined = _useMeeting.isMeetingJoined;
-  var _useState = useState([]),
-    messages = _useState[0],
-    setMessages = _useState[1];
-  var isSubscribed = useRef(false);
-  var publish = function publish(message, options, payload) {
-    if (meeting) {
-      return meeting.pubSub.publish(topic, message, options, payload);
-    }
-  };
-  var _handlePubSub = function _handlePubSub(data) {
-    setMessages(function (s) {
-      return [].concat(s, [data]);
-    });
-    onMessageReceived(data);
-  };
-  var subscribeToPubsub = function subscribeToPubsub(meeting) {
-    try {
-      var _meeting$pubSub;
-      return Promise.resolve(meeting === null || meeting === void 0 ? void 0 : (_meeting$pubSub = meeting.pubSub) === null || _meeting$pubSub === void 0 ? void 0 : _meeting$pubSub.subscribe(topic, _handlePubSub)).then(function (data) {
-        if (data) {
-          onOldMessagesReceived(data.messages);
-          setMessages(data.messages);
-        }
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  useEffect(function () {
-    if (meeting && !isSubscribed.current && isMeetingJoined) {
-      isSubscribed.current = true;
-      subscribeToPubsub(meeting);
-      return function () {
-        var _meeting$pubSub2;
-        meeting === null || meeting === void 0 ? void 0 : (_meeting$pubSub2 = meeting.pubSub) === null || _meeting$pubSub2 === void 0 ? void 0 : _meeting$pubSub2.unsubscribe(topic, _handlePubSub);
-      };
-    }
-  }, [meeting, isMeetingJoined]);
-  return {
-    publish: publish,
-    messages: messages
-  };
-};
-
-var useFile = function useFile() {
-  var mMeeting = useMeeting();
-  var uploadBase64File = function uploadBase64File(_ref) {
-    var base64Data = _ref.base64Data,
-      token = _ref.token,
-      fileName = _ref.fileName;
-    try {
-      return Promise.resolve(mMeeting.meeting.uploadBase64File({
-        base64Data: base64Data,
-        token: token,
-        fileName: fileName
-      }));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var fetchBase64File = function fetchBase64File(_ref2) {
-    var url = _ref2.url,
-      token = _ref2.token;
-    try {
-      return Promise.resolve(mMeeting.meeting.fetchBase64File({
-        url: url,
-        token: token
-      }));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  return {
-    uploadBase64File: uploadBase64File,
-    fetchBase64File: fetchBase64File
-  };
-};
-
-var useMediaDevice = function useMediaDevice(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$onDeviceChanged = _ref.onDeviceChanged,
-    onDeviceChanged = _ref$onDeviceChanged === void 0 ? function () {} : _ref$onDeviceChanged;
-  var getDevices = function getDevices() {
-    try {
-      return Promise.resolve(VideoSDK.getDevices());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var getCameras = function getCameras() {
-    try {
-      return Promise.resolve(VideoSDK.getCameras());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var getMicrophones = function getMicrophones() {
-    try {
-      return Promise.resolve(VideoSDK.getMicrophones());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var getPlaybackDevices = function getPlaybackDevices() {
-    try {
-      return Promise.resolve(VideoSDK.getPlaybackDevices());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var checkPermissions = function checkPermissions(permissions) {
-    if (permissions === void 0) {
-      permissions = undefined;
-    }
-    try {
-      return Promise.resolve(VideoSDK.checkPermissions(permissions));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var requestPermission = function requestPermission(permissions) {
-    if (permissions === void 0) {
-      permissions = undefined;
-    }
-    try {
-      return Promise.resolve(VideoSDK.requestPermission(permissions));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  useEffect(function () {
-    VideoSDK.on('device-changed', onDeviceChanged);
-    return function () {
-      VideoSDK.off('device-changed', onDeviceChanged);
-    };
-  }, []);
-  return {
-    getDevices: getDevices,
-    getCameras: getCameras,
-    getMicrophones: getMicrophones,
-    getPlaybackDevices: getPlaybackDevices,
-    requestPermission: requestPermission,
-    checkPermissions: checkPermissions
-  };
-};
-
-var useTranscription = function useTranscription(_temp) {
-  var _ref = _temp === void 0 ? {} : _temp,
-    _ref$onTranscriptionS = _ref.onTranscriptionStateChanged,
-    onTranscriptionStateChanged = _ref$onTranscriptionS === void 0 ? function () {} : _ref$onTranscriptionS,
-    _ref$onTranscriptionT = _ref.onTranscriptionText,
-    onTranscriptionText = _ref$onTranscriptionT === void 0 ? function () {} : _ref$onTranscriptionT;
-  var mMeeting = useMeeting();
-  useEffect(function () {
-    eventEmitter.on(events['transcription-state-changed'], onTranscriptionStateChanged);
-    eventEmitter.on(events['transcription-text'], onTranscriptionText);
-    return function () {
-      eventEmitter.off(events['transcription-state-changed'], onTranscriptionStateChanged);
-      eventEmitter.off(events['transcription-text'], onTranscriptionText);
-    };
-  }, []);
-  var startTranscription = function startTranscription(config) {
-    try {
-      return Promise.resolve(mMeeting.meeting.startTranscription(config));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var stopTranscription = function stopTranscription() {
-    try {
-      return Promise.resolve(mMeeting.meeting.stopTranscription());
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  return {
-    startTranscription: startTranscription,
-    stopTranscription: stopTranscription
-  };
-};
-
-var useCharacter = function useCharacter(_ref, _temp) {
-  var interactionId = _ref.interactionId,
-    id = _ref.id,
-    characterMode = _ref.characterMode,
-    displayName = _ref.displayName,
-    characterRole = _ref.characterRole,
-    knowledgeBases = _ref.knowledgeBases,
-    language = _ref.language,
-    metaData = _ref.metaData;
-  var _ref2 = _temp === void 0 ? {} : _temp,
-    _ref2$onCharacterStat = _ref2.onCharacterStateChanged,
-    onCharacterStateChanged = _ref2$onCharacterStat === void 0 ? function () {} : _ref2$onCharacterStat,
-    _ref2$onCharacterMess = _ref2.onCharacterMessage,
-    onCharacterMessage = _ref2$onCharacterMess === void 0 ? function () {} : _ref2$onCharacterMess,
-    _ref2$onUserMessage = _ref2.onUserMessage,
-    onUserMessage = _ref2$onUserMessage === void 0 ? function () {} : _ref2$onUserMessage,
-    _ref2$onData = _ref2.onData,
-    onData = _ref2$onData === void 0 ? function () {} : _ref2$onData,
-    _ref2$onError = _ref2.onError,
-    onError = _ref2$onError === void 0 ? function () {} : _ref2$onError,
-    _ref2$onCharacterJoin = _ref2.onCharacterJoined,
-    onCharacterJoined = _ref2$onCharacterJoin === void 0 ? function () {} : _ref2$onCharacterJoin,
-    _ref2$onCharacterLeft = _ref2.onCharacterLeft,
-    onCharacterLeft = _ref2$onCharacterLeft === void 0 ? function () {} : _ref2$onCharacterLeft,
-    _ref2$onStreamEnabled = _ref2.onStreamEnabled,
-    onStreamEnabled = _ref2$onStreamEnabled === void 0 ? function () {} : _ref2$onStreamEnabled,
-    _ref2$onStreamDisable = _ref2.onStreamDisabled,
-    onStreamDisabled = _ref2$onStreamDisable === void 0 ? function () {} : _ref2$onStreamDisable,
-    _ref2$onMediaStatusCh = _ref2.onMediaStatusChanged,
-    onMediaStatusChanged = _ref2$onMediaStatusCh === void 0 ? function () {} : _ref2$onMediaStatusCh,
-    _ref2$onVideoQualityC = _ref2.onVideoQualityChanged,
-    onVideoQualityChanged = _ref2$onVideoQualityC === void 0 ? function () {} : _ref2$onVideoQualityC;
-  var _useState = useState(null),
-    webcamStream = _useState[0],
-    setwebcamStream = _useState[1];
-  var _useState2 = useState(null),
-    micStream = _useState2[0],
-    setMicStream = _useState2[1];
-  var mMeeting = useMeeting();
-  var _useMemo = useMemo(function () {
-      var chars = Array.from(mMeeting.characters.values());
-      var activeSpeakerId = mMeeting === null || mMeeting === void 0 ? void 0 : mMeeting.activeSpeakerId;
-      return {
-        character: chars.find(function (chars) {
-          return chars.interactionId == interactionId;
-        }) || mMeeting.characters.get(id) || mMeeting.meeting.createCharacter({
-          interactionId: interactionId,
-          displayName: displayName,
-          id: id,
-          characterRole: characterRole,
-          characterMode: characterMode,
-          knowledgeBases: knowledgeBases,
-          language: language,
-          metaData: metaData
-        }),
-        activeSpeakerId: activeSpeakerId
-      };
-    }, [mMeeting.characters, interactionId, id, characterMode, displayName, characterRole, knowledgeBases, language, metaData]),
-    character = _useMemo.character,
-    activeSpeakerId = _useMemo.activeSpeakerId;
-  var _useState3 = useState(character === null || character === void 0 ? void 0 : character.webcamOn),
-    webcamOn = _useState3[0],
-    setWebcamOn = _useState3[1];
-  var _useState4 = useState(character === null || character === void 0 ? void 0 : character.micOn),
-    micOn = _useState4[0],
-    setMicOn = _useState4[1];
-  var _useState5 = useState(null),
-    characterState = _useState5[0],
-    setCharacterState = _useState5[1];
-  var setTrack = function setTrack(stream) {
-    if (stream.track.readyState === 'live') {
-      switch (stream.kind) {
-        case 'video':
-          if (webcamStream != null) {
-            setwebcamStream(null);
-          }
-          setwebcamStream(stream);
-          break;
-        case 'audio':
-          if (micStream != null) {
-            setMicStream(null);
-          }
-          setMicStream(stream);
-          break;
-      }
-    }
-  };
-  var unSetTrack = function unSetTrack(stream) {
-    switch (stream.kind) {
-      case 'video':
-        setwebcamStream(null);
-        break;
-      case 'audio':
-        setMicStream(null);
-        break;
-    }
-  };
-  var _handleCharacterStateChanged = function _handleCharacterStateChanged(d) {
-    var status = d.status;
-    setCharacterState(status);
-    onCharacterStateChanged(d);
-  };
-  var _handleCharacterMessage = function _handleCharacterMessage(d) {
-    onCharacterMessage(d);
-  };
-  var _handleUserMessage = function _handleUserMessage(d) {
-    onUserMessage(d);
-  };
-  var _handleOnData = function _handleOnData(topic, d) {
-    onData(topic, d);
-  };
-  var _handleOnError = function _handleOnError(d) {
-    onError(d);
-  };
-  var _handleCharacterJoined = function _handleCharacterJoined() {
-    onCharacterJoined();
-  };
-  var _handleCharacterLeft = function _handleCharacterLeft() {
-    onCharacterLeft();
-  };
-  var _handleStreamEnabled = function _handleStreamEnabled(stream) {
-    setTrack(stream);
-    onStreamEnabled(stream);
-  };
-  var _handleStreamDisabled = function _handleStreamDisabled(stream) {
-    unSetTrack(stream);
-    onStreamDisabled(stream);
-  };
-  var _handleVideoQualityChanged = function _handleVideoQualityChanged(data) {
-    var peerId = data.peerId,
-      prevQuality = data.prevQuality,
-      currentQuality = data.currentQuality;
-    onVideoQualityChanged({
-      peerId: peerId,
-      prevQuality: prevQuality,
-      currentQuality: currentQuality
-    });
-  };
-  var _handleMediaStatusChanged = function _handleMediaStatusChanged(data) {
-    var kind = data.kind,
-      peerId = data.peerId,
-      newStatus = data.newStatus;
-    if (kind == 'audio') {
-      setMicOn(newStatus);
-    } else if (kind == 'video') {
-      setWebcamOn(newStatus);
-    }
-    onMediaStatusChanged({
-      kind: kind,
-      peerId: peerId,
-      newStatus: newStatus
-    });
-  };
-  var enableMic = function enableMic() {
-    character === null || character === void 0 ? void 0 : character.enableMic();
-  };
-  var disableMic = function disableMic() {
-    character === null || character === void 0 ? void 0 : character.disableMic();
-  };
-  var enableWebcam = function enableWebcam() {
-    character === null || character === void 0 ? void 0 : character.enableWebcam();
-  };
-  var disableWebcam = function disableWebcam() {
-    character === null || character === void 0 ? void 0 : character.disableWebcam();
-  };
-  var join = function join() {
-    return Promise.resolve(character === null || character === void 0 ? void 0 : character.join()).then(function () {});
-  };
-  var sendMessage = function sendMessage(d) {
-    return Promise.resolve(character === null || character === void 0 ? void 0 : character.sendMessage(d)).then(function () {});
-  };
-  var interrupt = function interrupt() {
-    return Promise.resolve(character === null || character === void 0 ? void 0 : character.interrupt()).then(function () {});
-  };
-  var leave = function leave() {
-    return Promise.resolve(character === null || character === void 0 ? void 0 : character.leave()).then(function () {});
-  };
-  useEffect(function () {
-    var streams = character === null || character === void 0 ? void 0 : character.streams;
-    if (streams) {
-      streams.forEach(function (stream) {
-        setTrack(stream);
-      });
-    }
-    if (character !== null && character !== void 0 && character.micOn) {
-      setMicOn(micOn);
-    }
-    if (character !== null && character !== void 0 && character.webcamOn) {
-      setWebcamOn(webcamOn);
-    }
-    character === null || character === void 0 ? void 0 : character.on('character-state-changed', _handleCharacterStateChanged);
-    character === null || character === void 0 ? void 0 : character.on('character-message', _handleCharacterMessage);
-    character === null || character === void 0 ? void 0 : character.on('user-message', _handleUserMessage);
-    character === null || character === void 0 ? void 0 : character.on('data', _handleOnData);
-    character === null || character === void 0 ? void 0 : character.on('error', _handleOnError);
-    character === null || character === void 0 ? void 0 : character.on('stream-enabled', _handleStreamEnabled);
-    character === null || character === void 0 ? void 0 : character.on('stream-disabled', _handleStreamDisabled);
-    character === null || character === void 0 ? void 0 : character.on('media-status-changed', _handleMediaStatusChanged);
-    character === null || character === void 0 ? void 0 : character.on('video-quality-changed', _handleVideoQualityChanged);
-    character === null || character === void 0 ? void 0 : character.on('character-joined', _handleCharacterJoined);
-    character === null || character === void 0 ? void 0 : character.on('character-left', _handleCharacterLeft);
-    return function () {
-      character === null || character === void 0 ? void 0 : character.off('character-state-changed', _handleCharacterStateChanged);
-      character === null || character === void 0 ? void 0 : character.off('character-message', _handleCharacterMessage);
-      character === null || character === void 0 ? void 0 : character.off('user-message', _handleUserMessage);
-      character === null || character === void 0 ? void 0 : character.off('data', _handleOnData);
-      character === null || character === void 0 ? void 0 : character.off('error', _handleOnError);
-      character === null || character === void 0 ? void 0 : character.off('stream-enabled', _handleStreamEnabled);
-      character === null || character === void 0 ? void 0 : character.off('stream-disabled', _handleStreamDisabled);
-      character === null || character === void 0 ? void 0 : character.off('media-status-changed', _handleMediaStatusChanged);
-      character === null || character === void 0 ? void 0 : character.off('video-quality-changed', _handleVideoQualityChanged);
-      character === null || character === void 0 ? void 0 : character.off('character-joined', _handleCharacterJoined);
-      character === null || character === void 0 ? void 0 : character.off('character-left', _handleCharacterLeft);
-    };
-  }, [character]);
-  return {
-    displayName: character === null || character === void 0 ? void 0 : character.displayName,
-    webcamStream: webcamStream,
-    micStream: micStream,
-    webcamOn: webcamOn || !!webcamStream,
-    micOn: micOn || !!micStream,
-    isActiveSpeaker: activeSpeakerId === id,
-    interactionId: character === null || character === void 0 ? void 0 : character.interactionId,
-    id: character === null || character === void 0 ? void 0 : character.id,
-    characterMode: character === null || character === void 0 ? void 0 : character.characterMode,
-    characterState: characterState || (character === null || character === void 0 ? void 0 : character.characterState),
-    knowledgeBases: character === null || character === void 0 ? void 0 : character.knowledgeBases,
-    language: character === null || character === void 0 ? void 0 : character.language,
-    enableMic: enableMic,
-    disableMic: disableMic,
-    enableWebcam: enableWebcam,
-    disableWebcam: disableWebcam,
-    join: join,
-    leave: leave,
-    sendMessage: sendMessage,
-    interrupt: interrupt
-  };
-};
-
-// A type of promise-like that resolves synchronously and supports only one observer
-
-const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
-
-const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-var useWhiteboard = function useWhiteboard() {
-  var _useMeeting = useMeeting(),
-    meeting = _useMeeting.meeting,
-    isMeetingJoined = _useMeeting.isMeetingJoined;
-  var _useState = useState(null),
-    whiteboardUrl = _useState[0],
-    setWhiteboardUrl = _useState[1];
-  useEffect(function () {
-    if (!isMeetingJoined || !meeting) return;
-    var handleWhiteboardStarted = function handleWhiteboardStarted(data) {
-      if (data !== null && data !== void 0 && data.url) {
-        setWhiteboardUrl(data.url);
-      }
-    };
-    var handleWhiteboardStopped = function handleWhiteboardStopped() {
-      return setWhiteboardUrl(null);
-    };
-    eventEmitter.on(events['whiteboard-started'], handleWhiteboardStarted);
-    eventEmitter.on(events['whiteboard-stopped'], handleWhiteboardStopped);
-    return function () {
-      eventEmitter.off(events['whiteboard-started'], handleWhiteboardStarted);
-      eventEmitter.off(events['whiteboard-stopped'], handleWhiteboardStopped);
-    };
-  }, [meeting, isMeetingJoined]);
-  var startWhiteboard = function startWhiteboard() {
-    try {
-      if (!isMeetingJoined || !meeting) {
-        return Promise.resolve();
-      }
-      var _temp = _catch(function () {
-        return Promise.resolve(meeting.startWhiteboard()).then(function () {});
-      }, function (error) {
-        console.error('Error starting whiteboard:', error);
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var stopWhiteboard = function stopWhiteboard() {
-    try {
-      if (!isMeetingJoined || !meeting) {
-        return Promise.resolve();
-      }
-      var _temp2 = _catch(function () {
-        return Promise.resolve(meeting.stopWhiteboard()).then(function () {});
-      }, function (error) {
-        console.error('Error stopping whiteboard:', error);
-      });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  return {
-    whiteboardUrl: whiteboardUrl,
-    startWhiteboard: startWhiteboard,
-    stopWhiteboard: stopWhiteboard
-  };
-};
-
-var _excluded = ["participantId", "type"];
-var Constants = VideoSDK.Constants;
-var createCameraVideoTrack = function createCameraVideoTrack(_ref) {
-  var _ref$cameraId = _ref.cameraId,
-    cameraId = _ref$cameraId === void 0 ? undefined : _ref$cameraId,
-    _ref$encoderConfig = _ref.encoderConfig,
-    encoderConfig = _ref$encoderConfig === void 0 ? undefined : _ref$encoderConfig,
-    _ref$facingMode = _ref.facingMode,
-    facingMode = _ref$facingMode === void 0 ? undefined : _ref$facingMode,
-    _ref$optimizationMode = _ref.optimizationMode,
-    optimizationMode = _ref$optimizationMode === void 0 ? undefined : _ref$optimizationMode,
-    _ref$multiStream = _ref.multiStream,
-    multiStream = _ref$multiStream === void 0 ? true : _ref$multiStream;
-  try {
-    return Promise.resolve(VideoSDK.createCameraVideoTrack({
-      cameraId: cameraId,
-      encoderConfig: encoderConfig,
-      facingMode: facingMode,
-      optimizationMode: optimizationMode,
-      multiStream: multiStream
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var createScreenShareVideoTrack = function createScreenShareVideoTrack(_ref2) {
-  var _ref2$encoderConfig = _ref2.encoderConfig,
-    encoderConfig = _ref2$encoderConfig === void 0 ? undefined : _ref2$encoderConfig,
-    _ref2$optimizationMod = _ref2.optimizationMode,
-    optimizationMode = _ref2$optimizationMod === void 0 ? undefined : _ref2$optimizationMod,
-    _ref2$withAudio = _ref2.withAudio,
-    withAudio = _ref2$withAudio === void 0 ? 'enable' : _ref2$withAudio,
-    _ref2$multiStream = _ref2.multiStream,
-    multiStream = _ref2$multiStream === void 0 ? false : _ref2$multiStream;
-  try {
-    return Promise.resolve(VideoSDK.createScreenShareVideoTrack({
-      encoderConfig: encoderConfig,
-      optimizationMode: optimizationMode,
-      withAudio: withAudio,
-      multiStream: multiStream
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var createMicrophoneAudioTrack = function createMicrophoneAudioTrack(_ref3) {
-  var _ref3$noiseConfig = _ref3.noiseConfig,
-    noiseConfig = _ref3$noiseConfig === void 0 ? undefined : _ref3$noiseConfig,
-    _ref3$encoderConfig = _ref3.encoderConfig,
-    encoderConfig = _ref3$encoderConfig === void 0 ? undefined : _ref3$encoderConfig,
-    _ref3$microphoneId = _ref3.microphoneId,
-    microphoneId = _ref3$microphoneId === void 0 ? undefined : _ref3$microphoneId;
-  try {
-    return Promise.resolve(VideoSDK.createMicrophoneAudioTrack({
-      noiseConfig: noiseConfig,
-      encoderConfig: encoderConfig,
-      microphoneId: microphoneId
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var getNetworkStats = function getNetworkStats(_temp) {
-  var _ref4 = _temp === void 0 ? {} : _temp,
-    timeoutDuration = _ref4.timeoutDuration,
-    baseUrl = _ref4.baseUrl;
-  try {
-    return Promise.resolve(VideoSDK.getNetworkStats({
-      timeoutDuration: timeoutDuration,
-      baseUrl: baseUrl
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var withAdaptiveObservers = function withAdaptiveObservers(VideoPlayerComponent) {
-  var intersectionObserverOptions = {
-    root: null,
-    rootMargin: '0px',
-    threshold: 0
-  };
-  var debounceDelay = 400;
-  return function (props) {
-    var participantId = props.participantId,
-      type = props.type;
-    var ref = useRef(null);
-    var observerRef = useRef(null);
-    var resizeObserverRef = useRef(null);
-    var _useParticipant = useParticipant(participantId),
-      participant = _useParticipant.participant;
-    var _useMeeting = useMeeting(),
-      localParticipant = _useMeeting.localParticipant;
-    useEffect(function () {
-      if (type === 'share' || !ref.current || !participant || participantId === localParticipant.id) return;
-      var element = ref.current;
-      if (!element || !participant) return;
-      if (observerRef.current) observerRef.current.disconnect();
-      var handleIntersectionChange = debounce(function (entries) {
-        if (!Array.isArray(entries) || entries.length === 0) return;
-        var entry = entries[entries.length - 1];
-        if (entry.intersectionRatio > 0) {
-          for (var _iterator = _createForOfIteratorHelperLoose(participant.streams.values()), _step; !(_step = _iterator()).done;) {
-            var stream = _step.value;
-            if (stream.kind === 'video' && stream.pausedBy !== 'SUB_MANAGER') {
-              stream.resume();
-            }
-          }
-        } else {
-          for (var _iterator2 = _createForOfIteratorHelperLoose(participant.streams.values()), _step2; !(_step2 = _iterator2()).done;) {
-            var _stream = _step2.value;
-            if (_stream.kind === 'video') {
-              _stream.pause();
-            }
-          }
-        }
-      }, debounceDelay);
-      observerRef.current = new IntersectionObserver(handleIntersectionChange, intersectionObserverOptions);
-      var processResize = function processResize(width, height) {
-        if (width > 0 && height > 0) {
-          participant.setViewPort(width, height);
-        }
-      };
-      var handleResize = debounce(function (entries) {
-        var _entries$0$contentRec = entries[0].contentRect,
-          width = _entries$0$contentRec.width,
-          height = _entries$0$contentRec.height;
-        processResize(width, height);
-      }, debounceDelay);
-      resizeObserverRef.current = new ResizeObserver(handleResize);
-      resizeObserverRef.current.observe(element);
-      observerRef.current.observe(element);
-      return function () {
-        if (observerRef.current) {
-          observerRef.current.disconnect();
-        }
-        if (resizeObserverRef.current) {
-          resizeObserverRef.current.disconnect();
-        }
-      };
-    }, []);
-    return /*#__PURE__*/React.createElement(VideoPlayerComponent, _extends({
-      ref: ref
-    }, props));
-  };
-};
-var VideoSDKPlayer = forwardRef(function (_ref5, ref) {
-  var participantId = _ref5.participantId,
-    _ref5$type = _ref5.type,
-    type = _ref5$type === void 0 ? 'video' : _ref5$type,
-    _ref5$containerStyle = _ref5.containerStyle,
-    containerStyle = _ref5$containerStyle === void 0 ? {} : _ref5$containerStyle,
-    _ref5$className = _ref5.className,
-    className = _ref5$className === void 0 ? '' : _ref5$className,
-    _ref5$classNameVideo = _ref5.classNameVideo,
-    classNameVideo = _ref5$classNameVideo === void 0 ? '' : _ref5$classNameVideo,
-    _ref5$videoStyle = _ref5.videoStyle,
-    videoStyle = _ref5$videoStyle === void 0 ? {} : _ref5$videoStyle;
-  var _useParticipant2 = useParticipant(participantId),
-    webcamOn = _useParticipant2.webcamOn,
-    webcamStream = _useParticipant2.webcamStream,
-    isLocal = _useParticipant2.isLocal,
-    screenShareStream = _useParticipant2.screenShareStream,
-    screenShareOn = _useParticipant2.screenShareOn;
-  var videoRef = useRef(null);
-  useEffect(function () {
-    var stream = type === 'share' ? screenShareStream : webcamStream;
-    var isOn = type === 'share' ? screenShareOn : webcamOn;
-    if (videoRef.current) {
-      if (isOn && stream) {
-        var mediaStream = new MediaStream();
-        mediaStream.addTrack(stream.track);
-        videoRef.current.srcObject = mediaStream;
-        videoRef.current.setAttribute('playsinline', '');
-        videoRef.current.setAttribute('x5-playsinline', '');
-        videoRef.current.setAttribute('webkit-playsinline', '');
-        videoRef.current.play()["catch"](function (error) {
-          return console.error('videoRef.current.play() failed', error);
-        });
-      } else {
-        videoRef.current.srcObject = null;
-      }
-    }
-  }, [type].concat(type === 'share' ? [screenShareOn, screenShareStream] : type === 'video' ? [webcamOn, webcamStream] : []));
-  return /*#__PURE__*/React.createElement("div", {
-    ref: ref,
-    className: "video-container participant-video-" + participantId + " " + (className || ''),
-    style: _extends({
-      objectFit: type === 'share' ? 'contain' : 'none',
-      height: '100%'
-    }, containerStyle)
-  }, /*#__PURE__*/React.createElement("video", {
-    width: "100%",
-    height: "100%",
-    ref: videoRef,
-    autoPlay: true,
-    className: classNameVideo,
-    style: isLocal && type !== 'share' ? _extends({
-      transform: 'scaleX(-1)',
-      WebkitTransform: 'scaleX(-1)'
-    }, videoStyle) : videoStyle
-  }));
-});
-var VideoPlayer = function VideoPlayer(_ref6) {
-  var participantId = _ref6.participantId,
-    type = _ref6.type,
-    props = _objectWithoutPropertiesLoose(_ref6, _excluded);
-  var VideoPlayerComponent = useMemo(function () {
-    return type === 'share' ? VideoSDKPlayer : withAdaptiveObservers(VideoSDKPlayer);
-  }, [type, participantId]);
-  return /*#__PURE__*/React.createElement(VideoPlayerComponent, _extends({
-    participantId: participantId,
-    type: type
-  }, props));
-};
-var AudioPlayer = function AudioPlayer(_ref7) {
-  var participantId = _ref7.participantId,
-    type = _ref7.type;
-  var _useParticipant3 = useParticipant(participantId),
-    micStream = _useParticipant3.micStream,
-    isLocal = _useParticipant3.isLocal,
-    screenShareAudioStream = _useParticipant3.screenShareAudioStream;
-  var micRef = useRef(null);
-  useEffect(function () {
-    if (micRef.current) {
-      var audioStream = type === 'shareAudio' ? screenShareAudioStream : micStream;
-      if (audioStream) {
-        var mediaStream = new MediaStream();
-        mediaStream.addTrack(audioStream.track);
-        micRef.current.srcObject = mediaStream;
-        micRef.current.play()["catch"](function (error) {
-          return console.error('micRef.current.play() failed', error);
-        });
-      } else {
-        micRef.current.srcObject = null;
-      }
-    }
-  }, [micStream, screenShareAudioStream, type]);
-  return /*#__PURE__*/React.createElement("audio", {
-    ref: micRef,
-    autoPlay: true,
-    playsInline: true,
-    muted: isLocal
-  });
-};
-
-export { AudioPlayer, Constants, MeetingConsumer, MeetingProvider, VideoPlayer, createCameraVideoTrack, createMicrophoneAudioTrack, createScreenShareVideoTrack, getNetworkStats, useCharacter, useConnection, useFile, useMediaDevice, useMeeting, useParticipant, usePubSub, useTranscription, useWhiteboard, withAdaptiveObservers };
-//# sourceMappingURL=index.modern.js.map