@webex/plugin-meetings 3.0.0-beta.17 → 3.0.0-beta.18

package/src/meeting/index.ts

@@ -2,7 +2,15 @@ import uuid from 'uuid';
 import {cloneDeep, isEqual, pick, isString, defer} from 'lodash';
 // @ts-ignore - Fix this
 import {StatelessWebexPlugin} from '@webex/webex-core';
-import {Media as WebRTCMedia, MediaConnection as MC} from '@webex/internal-media-core';
+import {
+  ConnectionState,
+  Errors,
+  ErrorType,
+  Event,
+  Media as WebRTCMedia,
+  MediaType,
+  RemoteTrackType,
+} from '@webex/internal-media-core';
 
 import {
   MeetingNotActiveError,
@@ -28,8 +36,10 @@ import ReconnectionManager from '../reconnection-manager';
 import MeetingRequest from './request';
 import Members from '../members/index';
 import MeetingUtil from './util';
+import RecordingUtil from '../recording-controller/util';
 import MediaUtil from '../media/util';
 import Transcription from '../transcription';
+import {Reactions, SkinTones} from '../reactions/reactions';
 import PasswordError from '../common/errors/password-error';
 import CaptchaError from '../common/errors/captcha-error';
 import ReconnectionError from '../common/errors/reconnection';
@@ -44,6 +54,7 @@ import {
   EVENT_TRIGGERS,
   EVENT_TYPES,
   EVENTS,
+  BREAKOUTS,
   FLOOR_ACTION,
   FULL_STATE,
   LAYOUT_TYPES,
@@ -84,10 +95,18 @@ import {
   Event as RemoteMediaManagerEvent,
 } from '../multistream/remoteMediaManager';
 import {MultistreamMedia} from '../multistream/multistreamMedia';
-import {SkinTones, Reactions} from '../reactions/reactions';
-import {Reaction, ReactionType, SkinToneType} from '../reactions/reactions.type';
+import {
+  Reaction,
+  ReactionType,
+  SkinToneType,
+  ProcessedReaction,
+  RelayEvent,
+} from '../reactions/reactions.type';
+import Breakouts from '../breakouts';
 
 import InMeetingActions from './in-meeting-actions';
+import {REACTION_RELAY_TYPES} from '../reactions/constants';
+import RecordingController from '../recording-controller';
 
 const {isBrowser} = BrowserDetection();
 
@@ -403,6 +422,7 @@ export const MEDIA_UPDATE_TYPE = {
 export default class Meeting extends StatelessWebexPlugin {
   attrs: any;
   audio: any;
+  breakouts: any;
   conversationUrl: string;
   correlationId: string;
   destination: string;
@@ -454,6 +474,8 @@ export default class Meeting extends StatelessWebexPlugin {
   mediaRequestManagers: {
     audio: MediaRequestManager;
     video: MediaRequestManager;
+    screenShareAudio: MediaRequestManager;
+    screenShareVideo: MediaRequestManager;
   };
 
   meetingInfoFailureReason: string;
@@ -463,6 +485,7 @@ export default class Meeting extends StatelessWebexPlugin {
   queuedMediaUpdates: any[];
   recording: any;
   remoteMediaManager: RemoteMediaManager | null;
+  recordingController: RecordingController;
   requiredCaptcha: any;
   receiveSlotManager: ReceiveSlotManager;
   shareStatus: string;
@@ -573,16 +596,25 @@ export default class Meeting extends StatelessWebexPlugin {
      */
     // TODO: needs to be defined as a class
     this.meetingInfo = {};
+    /**
+     * @instance
+     * @type {Breakouts}
+     * @public
+     * @memberof Meeting
+     */
+    // @ts-ignore
+    this.breakouts = new Breakouts({}, {parent: this.webex});
     /**
      * helper class for managing receive slots (for multistream media connections)
      */
     this.receiveSlotManager = new ReceiveSlotManager(this);
     /**
-     * Helper class for managing media requests for main video (for multistream media connections)
-     * All media requests sent out for main video for this meeting have to go through it.
+     * Object containing helper classes for managing media requests for audio/video/screenshare (for multistream media connections)
+     * All multistream media requests sent out for this meeting have to go through them.
      */
     this.mediaRequestManagers = {
-      audio: new MediaRequestManager((mediaRequests) => {
+      // @ts-ignore - config coming from registerPlugin
+      audio: new MediaRequestManager(this.config.degradationPreferences, (mediaRequests) => {
         if (!this.mediaProperties.webrtcMediaConnection) {
           LoggerProxy.logger.warn(
             'Meeting:index#mediaRequestManager --> trying to send audio media request before media connection was created'
@@ -590,12 +622,10 @@ export default class Meeting extends StatelessWebexPlugin {
 
           return;
         }
-        this.mediaProperties.webrtcMediaConnection.requestMedia(
-          MC.MediaType.AudioMain,
-          mediaRequests
-        );
+        this.mediaProperties.webrtcMediaConnection.requestMedia(MediaType.AudioMain, mediaRequests);
       }),
-      video: new MediaRequestManager((mediaRequests) => {
+      // @ts-ignore - config coming from registerPlugin
+      video: new MediaRequestManager(this.config.degradationPreferences, (mediaRequests) => {
         if (!this.mediaProperties.webrtcMediaConnection) {
           LoggerProxy.logger.warn(
             'Meeting:index#mediaRequestManager --> trying to send video media request before media connection was created'
@@ -603,11 +633,42 @@ export default class Meeting extends StatelessWebexPlugin {
 
           return;
         }
-        this.mediaProperties.webrtcMediaConnection.requestMedia(
-          MC.MediaType.VideoMain,
-          mediaRequests
-        );
+        this.mediaProperties.webrtcMediaConnection.requestMedia(MediaType.VideoMain, mediaRequests);
       }),
+      screenShareAudio: new MediaRequestManager(
+        // @ts-ignore - config coming from registerPlugin
+        this.config.degradationPreferences,
+        (mediaRequests) => {
+          if (!this.mediaProperties.webrtcMediaConnection) {
+            LoggerProxy.logger.warn(
+              'Meeting:index#mediaRequestManager --> trying to send screenshare audio media request before media connection was created'
+            );
+
+            return;
+          }
+          this.mediaProperties.webrtcMediaConnection.requestMedia(
+            MediaType.AudioSlides,
+            mediaRequests
+          );
+        }
+      ),
+      screenShareVideo: new MediaRequestManager(
+        // @ts-ignore - config coming from registerPlugin
+        this.config.degradationPreferences,
+        (mediaRequests) => {
+          if (!this.mediaProperties.webrtcMediaConnection) {
+            LoggerProxy.logger.warn(
+              'Meeting:index#mediaRequestManager --> trying to send screenshare video media request before media connection was created'
+            );
+
+            return;
+          }
+          this.mediaProperties.webrtcMediaConnection.requestMedia(
+            MediaType.VideoSlides,
+            mediaRequests
+          );
+        }
+      ),
     };
     /**
      * @instance
@@ -620,8 +681,8 @@ export default class Meeting extends StatelessWebexPlugin {
         locusUrl: attrs.locus && attrs.locus.url,
         receiveSlotManager: this.receiveSlotManager,
         mediaRequestManagers: this.mediaRequestManagers,
-        // @ts-ignore - Fix type
       },
+      // @ts-ignore - Fix type
       {parent: this.webex}
     );
     /**
@@ -924,6 +985,7 @@ export default class Meeting extends StatelessWebexPlugin {
      */
     // @ts-ignore - Fix type
     this.locusInfo = new LocusInfo(this.updateMeetingObject.bind(this), this.webex, this.id);
+
     // We had to add listeners first before setting up the locus instance
     /**
      * @instance
@@ -1023,6 +1085,20 @@ export default class Meeting extends StatelessWebexPlugin {
      */
     this.keepAliveTimerId = null;
 
+    /**
+     * The class that helps to control recording functions: start, stop, pause, resume, etc
+     * @instance
+     * @type {RecordingController}
+     * @public
+     * @memberof Meeting
+     */
+    this.recordingController = new RecordingController(this.meetingRequest, {
+      serviceUrl: this.locusInfo?.links?.services?.record?.url,
+      sessionId: this.locusInfo?.fullState?.sessionId,
+      locusUrl: this.locusInfo?.url,
+      displayHints: [],
+    });
+
     this.setUpLocusInfoListeners();
     this.locusInfo.init(attrs.locus ? attrs.locus : {});
     this.hasJoinedOnce = false;
@@ -1108,8 +1184,8 @@ export default class Meeting extends StatelessWebexPlugin {
       return Promise.resolve();
     } catch (err) {
       if (err instanceof MeetingInfoV2PasswordError) {
-        // @ts-ignore
         LoggerProxy.logger.info(
+          // @ts-ignore
           `Meeting:index#fetchMeetingInfo --> Info Unable to fetch meeting info for ${this.destination} - password required (code=${err?.body?.code}).`
         );
 
@@ -1128,8 +1204,8 @@ export default class Meeting extends StatelessWebexPlugin {
 
         throw new PasswordError();
       } else if (err instanceof MeetingInfoV2CaptchaError) {
-        // @ts-ignore
         LoggerProxy.logger.info(
+          // @ts-ignore
           `Meeting:index#fetchMeetingInfo --> Info Unable to fetch meeting info for ${this.destination} - captcha required (code=${err?.body?.code}).`
         );
 
@@ -1201,22 +1277,25 @@ export default class Meeting extends StatelessWebexPlugin {
     // we have to pass the wbxappapi hostname as the siteFullName parameter
     const {hostname} = new URL(this.requiredCaptcha.refreshURL);
 
-    return this.meetingRequest
-      .refreshCaptcha({
-        captchaRefreshUrl: `${this.requiredCaptcha.refreshURL}&siteFullName=${hostname}`,
-        captchaId: this.requiredCaptcha.captchaId,
-      })
-      .then((response) => {
-        this.requiredCaptcha.captchaId = response.body.captchaID;
-        this.requiredCaptcha.verificationImageURL = response.body.verificationImageURL;
-        this.requiredCaptcha.verificationAudioURL = response.body.verificationAudioURL;
-      })
-      .catch((error) => {
-        LoggerProxy.logger.error(
-          `Meeting:index#refreshCaptcha --> Error Unable to refresh captcha for ${this.destination} - ${error}`
-        );
-        throw error;
-      });
+    return (
+      this.meetingRequest
+        // @ts-ignore
+        .refreshCaptcha({
+          captchaRefreshUrl: `${this.requiredCaptcha.refreshURL}&siteFullName=${hostname}`,
+          captchaId: this.requiredCaptcha.captchaId,
+        })
+        .then((response) => {
+          this.requiredCaptcha.captchaId = response.body.captchaID;
+          this.requiredCaptcha.verificationImageURL = response.body.verificationImageURL;
+          this.requiredCaptcha.verificationAudioURL = response.body.verificationAudioURL;
+        })
+        .catch((error) => {
+          LoggerProxy.logger.error(
+            `Meeting:index#refreshCaptcha --> Error Unable to refresh captcha for ${this.destination} - ${error}`
+          );
+          throw error;
+        })
+    );
   }
 
   /**
@@ -1229,6 +1308,7 @@ export default class Meeting extends StatelessWebexPlugin {
     // meeting update listeners
     this.setUpLocusInfoSelfListener();
     this.setUpLocusInfoMeetingListener();
+    this.setUpLocusServicesListener();
     // members update listeners
     this.setUpLocusFullStateListener();
     this.setUpLocusUrlListener();
@@ -1241,6 +1321,49 @@ export default class Meeting extends StatelessWebexPlugin {
     this.setUpLocusInfoMeetingInfoListener();
     this.setUpLocusInfoAssignHostListener();
     this.setUpLocusInfoMediaInactiveListener();
+    this.setUpBreakoutsListener();
+  }
+
+  /**
+   * Set up the listeners for breakouts
+   * @returns {undefined}
+   * @private
+   * @memberof Meeting
+   */
+  setUpBreakoutsListener() {
+    this.breakouts.on(BREAKOUTS.EVENTS.BREAKOUTS_CLOSING, () => {
+      Trigger.trigger(
+        this,
+        {
+          file: 'meeting/index',
+          function: 'setUpBreakoutsListener',
+        },
+        EVENT_TRIGGERS.MEETING_BREAKOUTS_CLOSING
+      );
+    });
+
+    this.breakouts.on(BREAKOUTS.EVENTS.MESSAGE, (messageEvent) => {
+      Trigger.trigger(
+        this,
+        {
+          file: 'meeting/index',
+          function: 'setUpBreakoutsListener',
+        },
+        EVENT_TRIGGERS.MEETING_BREAKOUTS_MESSAGE,
+        messageEvent
+      );
+    });
+
+    this.breakouts.on(BREAKOUTS.EVENTS.MEMBERS_UPDATE, () => {
+      Trigger.trigger(
+        this,
+        {
+          file: 'meeting/index',
+          function: 'setUpBreakoutsListener',
+        },
+        EVENT_TRIGGERS.MEETING_BREAKOUTS_UPDATE
+      );
+    });
   }
 
   /**
@@ -1786,6 +1909,18 @@ export default class Meeting extends StatelessWebexPlugin {
       }
     );
 
+    this.locusInfo.on(LOCUSINFO.EVENTS.CONTROLS_MEETING_BREAKOUT_UPDATED, ({breakout}) => {
+      this.breakouts.updateBreakout(breakout);
+      Trigger.trigger(
+        this,
+        {
+          file: 'meeting/index',
+          function: 'setupLocusControlsListener',
+        },
+        EVENT_TRIGGERS.MEETING_BREAKOUTS_UPDATE
+      );
+    });
+
     this.locusInfo.on(LOCUSINFO.EVENTS.CONTROLS_ENTRY_EXIT_TONE_UPDATED, ({entryExitTone}) => {
       Trigger.trigger(
         this,
@@ -2041,8 +2176,26 @@ export default class Meeting extends StatelessWebexPlugin {
   private setUpLocusUrlListener() {
     this.locusInfo.on(EVENTS.LOCUS_INFO_UPDATE_URL, (payload) => {
       this.members.locusUrlUpdate(payload);
+      this.breakouts.locusUrlUpdate(payload);
       this.locusUrl = payload;
       this.locusId = this.locusUrl?.split('/').pop();
+      this.recordingController.setLocusUrl(this.locusUrl);
+    });
+  }
+
+  /**
+   * Set up the locus info service link listener
+   * update the locusInfo for recording controller
+   * does not currently re-emit the event as it's internal only
+   * payload is unused
+   * @returns {undefined}
+   * @private
+   * @memberof Meeting
+   */
+  private setUpLocusServicesListener() {
+    this.locusInfo.on(LOCUSINFO.EVENTS.LINKS_SERVICES, (payload) => {
+      this.recordingController.setServiceUrl(payload?.services?.record?.url);
+      this.recordingController.setSessionId(this.locusInfo?.fullState?.sessionId);
     });
   }
 
@@ -2092,10 +2245,10 @@ export default class Meeting extends StatelessWebexPlugin {
           canAdmitParticipant: MeetingUtil.canAdmitParticipant(payload.info.userDisplayHints),
           canLock: MeetingUtil.canUserLock(payload.info.userDisplayHints),
           canUnlock: MeetingUtil.canUserUnlock(payload.info.userDisplayHints),
-          canStartRecording: MeetingUtil.canUserRecord(payload.info.userDisplayHints),
-          canStopRecording: MeetingUtil.canUserStop(payload.info.userDisplayHints),
-          canPauseRecording: MeetingUtil.canUserPause(payload.info.userDisplayHints),
-          canResumeRecording: MeetingUtil.canUserResume(payload.info.userDisplayHints),
+          canStartRecording: RecordingUtil.canUserStart(payload.info.userDisplayHints),
+          canStopRecording: RecordingUtil.canUserStop(payload.info.userDisplayHints),
+          canPauseRecording: RecordingUtil.canUserPause(payload.info.userDisplayHints),
+          canResumeRecording: RecordingUtil.canUserResume(payload.info.userDisplayHints),
           canRaiseHand: MeetingUtil.canUserRaiseHand(payload.info.userDisplayHints),
           canLowerAllHands: MeetingUtil.canUserLowerAllHands(payload.info.userDisplayHints),
           canLowerSomeoneElsesHand: MeetingUtil.canUserLowerSomeoneElsesHand(
@@ -2127,6 +2280,8 @@ export default class Meeting extends StatelessWebexPlugin {
           ),
         });
 
+        this.recordingController.setDisplayHints(payload.info.userDisplayHints);
+
         if (changed) {
           Trigger.trigger(
             this,
@@ -2150,6 +2305,7 @@ export default class Meeting extends StatelessWebexPlugin {
    * @returns {void}
    */
   handleDataChannelUrlChange(datachannelUrl) {
+    // @ts-ignore - config coming from registerPlugin
     if (datachannelUrl && this.config.enableAutomaticLLM) {
       // Defer this as updateLLMConnection relies upon this.locusInfo.url which is only set
       // after the MEETING_INFO_UPDATED callback finishes
@@ -2330,6 +2486,18 @@ export default class Meeting extends StatelessWebexPlugin {
       );
     });
 
+    this.locusInfo.on(LOCUSINFO.EVENTS.SELF_MEETING_BREAKOUTS_CHANGED, (payload) => {
+      this.breakouts.updateBreakoutSessions(payload);
+      Trigger.trigger(
+        this,
+        {
+          file: 'meeting/index',
+          function: 'setUpLocusInfoSelfListener',
+        },
+        EVENT_TRIGGERS.MEETING_BREAKOUTS_UPDATE
+      );
+    });
+
     this.locusInfo.on(LOCUSINFO.EVENTS.SELF_IS_SHARING_BLOCKED_CHANGE, (payload) => {
       Trigger.trigger(
         this,
@@ -2365,7 +2533,7 @@ export default class Meeting extends StatelessWebexPlugin {
           .catch((error) => {
             // @ts-ignore
             LoggerProxy.logger.error(
-              `Meeting:index#setUpLocusInfoMeetingListener --> REMOTE_RESPONSE. Issue with leave for meeting, meeting still in collection: ${this.meeting}, error: ${error}`
+              `Meeting:index#setUpLocusInfoMeetingListener --> REMOTE_RESPONSE. Issue with leave for meeting, meeting still in collection: ${this}, error: ${error}`
             );
           });
       }
@@ -2400,7 +2568,7 @@ export default class Meeting extends StatelessWebexPlugin {
           .catch((error) => {
             // @ts-ignore
             LoggerProxy.logger.error(
-              `Meeting:index#setUpLocusInfoMeetingListener --> DESTROY_MEETING. Issue with leave for meeting, meeting still in collection: ${this.meeting}, error: ${error}`
+              `Meeting:index#setUpLocusInfoMeetingListener --> DESTROY_MEETING. Issue with leave for meeting, meeting still in collection: ${this}, error: ${error}`
             );
           });
       } else {
@@ -2642,6 +2810,7 @@ export default class Meeting extends StatelessWebexPlugin {
       this.locusUrl = locusMeetingObject?.url || webexMeetingInfo?.locusUrl || this.locusUrl;
       // @ts-ignore - config coming from registerPlugin
       this.setSipUri(
+        // @ts-ignore
         this.config.experimental.enableUnifiedMeetings
           ? locusMeetingObject?.info.sipUri || webexMeetingInfo?.sipUrl
           : locusMeetingObject?.info.sipUri || webexMeetingInfo?.sipMeetingUri || this.sipUri
@@ -3590,6 +3759,20 @@ export default class Meeting extends StatelessWebexPlugin {
     return false;
   }
 
+  /**
+   * Check if the meeting supports the Reactions
+   * @returns {boolean}
+   */
+  isReactionsSupported() {
+    if (this.locusInfo?.controls?.reactions.enabled) {
+      return true;
+    }
+
+    LoggerProxy.logger.error('Meeting:index#isReactionsSupported --> Reactions is not supported');
+
+    return false;
+  }
+
   /**
    * Monitor the Low-Latency Mercury (LLM) web socket connection on `onError` and `onClose` states
    * @private
@@ -3641,6 +3824,7 @@ export default class Meeting extends StatelessWebexPlugin {
       // @ts-ignore - fix type
       const {
         body: {webSocketUrl},
+        // @ts-ignore
       } = await this.request({
         method: HTTP_VERBS.POST,
         uri: datachannelUrl,
@@ -3690,6 +3874,44 @@ export default class Meeting extends StatelessWebexPlugin {
     }
   }
 
+  /**
+   * Callback called when a relay event is received from meeting LLM Connection
+   * @param {RelayEvent} e Event object coming from LLM Connection
+   * @private
+   * @returns {void}
+   */
+  private processRelayEvent = (e: RelayEvent): void => {
+    switch (e.data.relayType) {
+      case REACTION_RELAY_TYPES.REACTION:
+        if (
+          // @ts-ignore - config coming from registerPlugin
+          (this.config.receiveReactions || options.receiveReactions) &&
+          this.isReactionsSupported()
+        ) {
+          const {name} = this.members.membersCollection.get(e.data.sender.participantId);
+          const processedReaction: ProcessedReaction = {
+            reaction: e.data.reaction,
+            sender: {
+              id: e.data.sender.participantId,
+              name,
+            },
+          };
+          Trigger.trigger(
+            this,
+            {
+              file: 'meeting/index',
+              function: 'join',
+            },
+            EVENT_TRIGGERS.MEETING_RECEIVE_REACTIONS,
+            processedReaction
+          );
+        }
+        break;
+      default:
+        break;
+    }
+  };
+
   /**
    * stop recieving Transcription by closing
    * the web socket connection properly
@@ -3863,8 +4085,12 @@ export default class Meeting extends StatelessWebexPlugin {
         return join;
       })
       .then(async (join) => {
+        // @ts-ignore - config coming from registerPlugin
         if (this.config.enableAutomaticLLM) {
           await this.updateLLMConnection();
+          // @ts-ignore - Fix type
+          this.webex.internal.llm.on('event:relay.event', this.processRelayEvent);
+          LoggerProxy.logger.info('Meeting:index#join --> enabled to receive relay events!');
         }
 
         return join;
@@ -3931,21 +4157,28 @@ export default class Meeting extends StatelessWebexPlugin {
    * @returns {Promise}
    */
   async updateLLMConnection() {
+    // @ts-ignore - Fix type
     const {url, info: {datachannelUrl} = {}} = this.locusInfo;
 
     const isJoined = this.joinedWith && this.joinedWith.state === 'JOINED';
 
+    // @ts-ignore - Fix type
     if (this.webex.internal.llm.isConnected()) {
+      // @ts-ignore - Fix type
       if (url === this.webex.internal.llm.getLocusUrl() && isJoined) {
         return undefined;
       }
+      // @ts-ignore - Fix type
       await this.webex.internal.llm.disconnectLLM();
+      // @ts-ignore - Fix type
+      this.webex.internal.llm.off('event:relay.event', this.processRelayEvent);
     }
 
     if (!isJoined) {
       return undefined;
     }
 
+    // @ts-ignore - Fix type
     return this.webex.internal.llm.registerAndConnect(url, datachannelUrl);
   }
 
@@ -3988,28 +4221,31 @@ export default class Meeting extends StatelessWebexPlugin {
 
     if (!this.dialInUrl) this.dialInUrl = `dialin:///${uuid.v4()}`;
 
-    return this.meetingRequest
-      .dialIn({
-        correlationId,
-        dialInUrl: this.dialInUrl,
-        locusUrl,
-        clientUrl: this.deviceUrl,
-      })
-      .then((res) => {
-        this.locusInfo.onFullLocus(res.body.locus);
-      })
-      .catch((error) => {
-        Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.ADD_DIAL_IN_FAILURE, {
-          correlation_id: this.correlationId,
-          dial_in_url: this.dialInUrl,
-          locus_id: locusUrl.split('/').pop(),
-          client_url: this.deviceUrl,
-          reason: error.error?.message,
-          stack: error.stack,
-        });
+    return (
+      this.meetingRequest
+        // @ts-ignore
+        .dialIn({
+          correlationId,
+          dialInUrl: this.dialInUrl,
+          locusUrl,
+          clientUrl: this.deviceUrl,
+        })
+        .then((res) => {
+          this.locusInfo.onFullLocus(res.body.locus);
+        })
+        .catch((error) => {
+          Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.ADD_DIAL_IN_FAILURE, {
+            correlation_id: this.correlationId,
+            dial_in_url: this.dialInUrl,
+            locus_id: locusUrl.split('/').pop(),
+            client_url: this.deviceUrl,
+            reason: error.error?.message,
+            stack: error.stack,
+          });
 
-        return Promise.reject(error);
-      });
+          return Promise.reject(error);
+        })
+    );
   }
 
   /**
@@ -4026,29 +4262,32 @@ export default class Meeting extends StatelessWebexPlugin {
 
     if (!this.dialOutUrl) this.dialOutUrl = `dialout:///${uuid.v4()}`;
 
-    return this.meetingRequest
-      .dialOut({
-        correlationId,
-        dialOutUrl: this.dialOutUrl,
-        phoneNumber,
-        locusUrl,
-        clientUrl: this.deviceUrl,
-      })
-      .then((res) => {
-        this.locusInfo.onFullLocus(res.body.locus);
-      })
-      .catch((error) => {
-        Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.ADD_DIAL_OUT_FAILURE, {
-          correlation_id: this.correlationId,
-          dial_out_url: this.dialOutUrl,
-          locus_id: locusUrl.split('/').pop(),
-          client_url: this.deviceUrl,
-          reason: error.error?.message,
-          stack: error.stack,
-        });
+    return (
+      this.meetingRequest
+        // @ts-ignore
+        .dialOut({
+          correlationId,
+          dialOutUrl: this.dialOutUrl,
+          phoneNumber,
+          locusUrl,
+          clientUrl: this.deviceUrl,
+        })
+        .then((res) => {
+          this.locusInfo.onFullLocus(res.body.locus);
+        })
+        .catch((error) => {
+          Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.ADD_DIAL_OUT_FAILURE, {
+            correlation_id: this.correlationId,
+            dial_out_url: this.dialOutUrl,
+            locus_id: locusUrl.split('/').pop(),
+            client_url: this.deviceUrl,
+            reason: error.error?.message,
+            stack: error.stack,
+          });
 
-        return Promise.reject(error);
-      });
+          return Promise.reject(error);
+        })
+    );
   }
 
   /**
@@ -4395,7 +4634,7 @@ export default class Meeting extends StatelessWebexPlugin {
       Metrics.sendBehavioralMetric(metricName, data, metadata);
     };
 
-    if (error instanceof MC.Errors.SdpOfferCreationError) {
+    if (error instanceof Errors.SdpOfferCreationError) {
       sendBehavioralMetric(BEHAVIORAL_METRICS.PEERCONNECTION_FAILURE, error, this.id);
 
       Metrics.postEvent({
@@ -4409,8 +4648,8 @@ export default class Meeting extends StatelessWebexPlugin {
         },
       });
     } else if (
-      error instanceof MC.Errors.SdpOfferHandlingError ||
-      error instanceof MC.Errors.SdpAnswerHandlingError
+      error instanceof Errors.SdpOfferHandlingError ||
+      error instanceof Errors.SdpAnswerHandlingError
     ) {
       sendBehavioralMetric(BEHAVIORAL_METRICS.PEERCONNECTION_FAILURE, error, this.id);
 
@@ -4424,8 +4663,8 @@ export default class Meeting extends StatelessWebexPlugin {
           ],
         },
       });
-    } else if (error instanceof MC.Errors.SdpError) {
-      // this covers also the case of MC.Errors.IceGatheringError which extends MC.Errors.SdpError
+    } else if (error instanceof Errors.SdpError) {
+      // this covers also the case of Errors.IceGatheringError which extends Errors.SdpError
       sendBehavioralMetric(BEHAVIORAL_METRICS.INVALID_ICE_CANDIDATE, error, this.id);
 
       Metrics.postEvent({
@@ -4442,19 +4681,19 @@ export default class Meeting extends StatelessWebexPlugin {
   };
 
   setupMediaConnectionListeners = () => {
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.ROAP_STARTED, () => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.ROAP_STARTED, () => {
       this.isRoapInProgress = true;
     });
 
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.ROAP_DONE, () => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.ROAP_DONE, () => {
       this.mediaNegotiatedEvent();
       this.isRoapInProgress = false;
       this.processNextQueuedMediaUpdate();
     });
 
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.ROAP_FAILURE, this.handleRoapFailure);
+    this.mediaProperties.webrtcMediaConnection.on(Event.ROAP_FAILURE, this.handleRoapFailure);
 
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.ROAP_MESSAGE_TO_SEND, (event) => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.ROAP_MESSAGE_TO_SEND, (event) => {
       const LOG_HEADER = 'Meeting:index#setupMediaConnectionListeners.ROAP_MESSAGE_TO_SEND -->';
 
       switch (event.roapMessage.messageType) {
@@ -4536,8 +4775,8 @@ export default class Meeting extends StatelessWebexPlugin {
 
         case 'ERROR':
           if (
-            event.roapMessage.errorType === MC.ErrorType.CONFLICT ||
-            event.roapMessage.errorType === MC.ErrorType.DOUBLECONFLICT
+            event.roapMessage.errorType === ErrorType.CONFLICT ||
+            event.roapMessage.errorType === ErrorType.DOUBLECONFLICT
           ) {
             Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.ROAP_GLARE_CONDITION, {
               correlation_id: this.correlationId,
@@ -4569,7 +4808,7 @@ export default class Meeting extends StatelessWebexPlugin {
     });
 
     // eslint-disable-next-line no-param-reassign
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.REMOTE_TRACK_ADDED, (event) => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.REMOTE_TRACK_ADDED, (event) => {
       LoggerProxy.logger.log(
         `Meeting:index#setupMediaConnectionListeners --> REMOTE_TRACK_ADDED event received for webrtcMediaConnection: ${JSON.stringify(
           event
@@ -4582,15 +4821,15 @@ export default class Meeting extends StatelessWebexPlugin {
       let eventType;
 
       switch (event.type) {
-        case MC.RemoteTrackType.AUDIO:
+        case RemoteTrackType.AUDIO:
           eventType = EVENT_TYPES.REMOTE_AUDIO;
           this.mediaProperties.setRemoteAudioTrack(event.track);
           break;
-        case MC.RemoteTrackType.VIDEO:
+        case RemoteTrackType.VIDEO:
           eventType = EVENT_TYPES.REMOTE_VIDEO;
           this.mediaProperties.setRemoteVideoTrack(event.track);
           break;
-        case MC.RemoteTrackType.SCREENSHARE_VIDEO:
+        case RemoteTrackType.SCREENSHARE_VIDEO:
           if (event.track) {
             eventType = EVENT_TYPES.REMOTE_SHARE;
             this.mediaProperties.setRemoteShare(event.track);
@@ -4623,7 +4862,7 @@ export default class Meeting extends StatelessWebexPlugin {
       }
     });
 
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.CONNECTION_STATE_CHANGED, (event) => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.CONNECTION_STATE_CHANGED, (event) => {
       const connectionFailed = () => {
         // we know the media connection failed and browser will not attempt to recover it any more
         // so reset the timer as it's not needed anymore, we want to reconnect immediately
@@ -4656,10 +4895,10 @@ export default class Meeting extends StatelessWebexPlugin {
         `Meeting:index#setupMediaConnectionListeners --> connection state changed to ${event.state}`
       );
       switch (event.state) {
-        case MC.ConnectionState.Connecting:
+        case ConnectionState.Connecting:
           Metrics.postEvent({event: eventType.ICE_START, meeting: this});
           break;
-        case MC.ConnectionState.Connected:
+        case ConnectionState.Connected:
           Metrics.postEvent({event: eventType.ICE_END, meeting: this});
           Metrics.sendBehavioralMetric(BEHAVIORAL_METRICS.CONNECTION_SUCCESS, {
             correlation_id: this.correlationId,
@@ -4668,7 +4907,7 @@ export default class Meeting extends StatelessWebexPlugin {
           this.setNetworkStatus(NETWORK_STATUS.CONNECTED);
           this.reconnectionManager.iceReconnected();
           break;
-        case MC.ConnectionState.Disconnected:
+        case ConnectionState.Disconnected:
           this.setNetworkStatus(NETWORK_STATUS.DISCONNECTED);
           this.reconnectionManager.waitForIceReconnect().catch(() => {
             LoggerProxy.logger.info(
@@ -4678,7 +4917,7 @@ export default class Meeting extends StatelessWebexPlugin {
             connectionFailed();
           });
           break;
-        case MC.ConnectionState.Failed:
+        case ConnectionState.Failed:
           connectionFailed();
           break;
         default:
@@ -4686,7 +4925,7 @@ export default class Meeting extends StatelessWebexPlugin {
       }
     });
 
-    this.mediaProperties.webrtcMediaConnection.on(MC.Event.ACTIVE_SPEAKERS_CHANGED, (msg) => {
+    this.mediaProperties.webrtcMediaConnection.on(Event.ACTIVE_SPEAKERS_CHANGED, (msg) => {
       Trigger.trigger(
         this,
         {
@@ -4697,6 +4936,7 @@ export default class Meeting extends StatelessWebexPlugin {
         {
           seqNum: msg.seqNum,
           memberIds: msg.csis
+            // @ts-ignore
             .map((csi) => this.members.findMemberByCsi(csi)?.id)
             .filter((item) => item !== undefined),
         }
@@ -4704,7 +4944,7 @@ export default class Meeting extends StatelessWebexPlugin {
     });
 
     this.mediaProperties.webrtcMediaConnection.on(
-      MC.Event.VIDEO_SOURCES_COUNT_CHANGED,
+      Event.VIDEO_SOURCES_COUNT_CHANGED,
       (numTotalSources, numLiveSources) => {
         Trigger.trigger(
           this,
@@ -4722,7 +4962,7 @@ export default class Meeting extends StatelessWebexPlugin {
     );
 
     this.mediaProperties.webrtcMediaConnection.on(
-      MC.Event.AUDIO_SOURCES_COUNT_CHANGED,
+      Event.AUDIO_SOURCES_COUNT_CHANGED,
       (numTotalSources, numLiveSources) => {
         Trigger.trigger(
           this,
@@ -4752,6 +4992,7 @@ export default class Meeting extends StatelessWebexPlugin {
       // Add ip address info if geo hint is present
       // @ts-ignore fix type
       options.data.intervalMetadata.peerReflexiveIP =
+        // @ts-ignore
         this.webex.meetings.geoHintInfo?.clientAddress ||
         options.data.intervalMetadata.peerReflexiveIP ||
         MQA_STATS.DEFAULT_IP;
@@ -5082,7 +5323,7 @@ export default class Meeting extends StatelessWebexPlugin {
             this
           );
 
-          if (error instanceof MC.Errors.SdpError) {
+          if (error instanceof Errors.SdpError) {
             this.leave({reason: MEETING_REMOVED_REASON.MEETING_CONNECTION_FAILED});
           }
 
@@ -5852,7 +6093,7 @@ export default class Meeting extends StatelessWebexPlugin {
    * @memberof Meeting
    */
   public startRecording() {
-    return MeetingUtil.startRecording(this.meetingRequest, this.locusUrl, this.locusInfo);
+    return this.recordingController.startRecording();
   }
 
   /**
@@ -5862,7 +6103,7 @@ export default class Meeting extends StatelessWebexPlugin {
    * @memberof Meeting
    */
   public stopRecording() {
-    return MeetingUtil.stopRecording(this.meetingRequest, this.locusUrl, this.locusInfo);
+    return this.recordingController.stopRecording();
   }
 
   /**
@@ -5872,7 +6113,7 @@ export default class Meeting extends StatelessWebexPlugin {
    * @memberof Meeting
    */
   public pauseRecording() {
-    return MeetingUtil.pauseRecording(this.meetingRequest, this.locusUrl, this.locusInfo);
+    return this.recordingController.pauseRecording();
   }
 
   /**
@@ -5882,7 +6123,7 @@ export default class Meeting extends StatelessWebexPlugin {
    * @memberof Meeting
    */
   public resumeRecording() {
-    return MeetingUtil.resumeRecording(this.meetingRequest, this.locusUrl, this.locusInfo);
+    return this.recordingController.resumeRecording();
   }
 
   /**