@webex/plugin-meetings 3.0.0-beta.13 → 3.0.0-beta.131

package/dist/locus-info/index.js

@@ -1,65 +1,38 @@
 "use strict";
 
 var _Reflect$construct = require("@babel/runtime-corejs2/core-js/reflect/construct");
-
 var _Object$defineProperty = require("@babel/runtime-corejs2/core-js/object/define-property");
-
 var _interopRequireDefault = require("@babel/runtime-corejs2/helpers/interopRequireDefault");
-
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-
 exports.default = void 0;
-
 var _keys = _interopRequireDefault(require("@babel/runtime-corejs2/core-js/object/keys"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs2/helpers/defineProperty"));
-
+var _cloneDeep2 = _interopRequireDefault(require("lodash/cloneDeep"));
+var _assignWith2 = _interopRequireDefault(require("lodash/assignWith"));
 var _isEqual2 = _interopRequireDefault(require("lodash/isEqual"));
-
 var _loggerProxy = _interopRequireDefault(require("../common/logs/logger-proxy"));
-
 var _eventsScope = _interopRequireDefault(require("../common/events/events-scope"));
-
 var _constants = require("../constants");
-
 var _metrics = _interopRequireDefault(require("../metrics"));
-
 var _config = require("../metrics/config");
-
-var _infoUtils = _interopRequireDefault(require("../locus-info/infoUtils"));
-
-var _fullState = _interopRequireDefault(require("../locus-info/fullState"));
-
-var _selfUtils = _interopRequireDefault(require("../locus-info/selfUtils"));
-
-var _hostUtils = _interopRequireDefault(require("../locus-info/hostUtils"));
-
-var _controlsUtils = _interopRequireDefault(require("../locus-info/controlsUtils"));
-
-var _embeddedAppsUtils = _interopRequireDefault(require("../locus-info/embeddedAppsUtils"));
-
-var _mediaSharesUtils = _interopRequireDefault(require("../locus-info/mediaSharesUtils"));
-
-var _parser = _interopRequireDefault(require("../locus-info/parser"));
-
+var _infoUtils = _interopRequireDefault(require("./infoUtils"));
+var _fullState = _interopRequireDefault(require("./fullState"));
+var _selfUtils = _interopRequireDefault(require("./selfUtils"));
+var _hostUtils = _interopRequireDefault(require("./hostUtils"));
+var _controlsUtils = _interopRequireDefault(require("./controlsUtils"));
+var _embeddedAppsUtils = _interopRequireDefault(require("./embeddedAppsUtils"));
+var _mediaSharesUtils = _interopRequireDefault(require("./mediaSharesUtils"));
+var _parser = _interopRequireDefault(require("./parser"));
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 /**
  * @description LocusInfo extends ChildEmitter to convert locusInfo info a private emitter to parent object
  * @export
@@ -68,12 +41,16 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_R
  */
 var LocusInfo = /*#__PURE__*/function (_EventsScope) {
   (0, _inherits2.default)(LocusInfo, _EventsScope);
-
   var _super = _createSuper(LocusInfo);
-
+  /**
+   * Constructor
+   * @param {boolean} updateMeeting true if the meeting should be updated
+   * @param {object} webex
+   * @param {string} meetingId
+   * @returns {undefined}
+   */
   function LocusInfo(updateMeeting, webex, meetingId) {
     var _this;
-
     (0, _classCallCheck2.default)(this, LocusInfo);
     _this = _super.call(this);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "compareAndUpdateFlags", void 0);
@@ -100,9 +77,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fullState", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "host", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "info", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "roles", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mediaShares", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "replace", void 0);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "url", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "services", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "mainSessionLocusCache", void 0);
     _this.parsedLocus = {
       states: []
     };
@@ -114,6 +94,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
     _this.locusParser = new _parser.default();
     return _this;
   }
+
   /**
    * Apply locus delta data to meeting
    * @param {string} action Locus delta action
@@ -121,45 +102,38 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
    * @param {Meeting} meeting
    * @returns {undefined}
    */
-
-
   (0, _createClass2.default)(LocusInfo, [{
     key: "applyLocusDeltaData",
     value: function applyLocusDeltaData(action, locus, meeting) {
       var _this2 = this;
-
       var _LocusDeltaParser$loc = _parser.default.loci,
-          DESYNC = _LocusDeltaParser$loc.DESYNC,
-          USE_CURRENT = _LocusDeltaParser$loc.USE_CURRENT,
-          USE_INCOMING = _LocusDeltaParser$loc.USE_INCOMING;
-
+        DESYNC = _LocusDeltaParser$loc.DESYNC,
+        USE_CURRENT = _LocusDeltaParser$loc.USE_CURRENT,
+        USE_INCOMING = _LocusDeltaParser$loc.USE_INCOMING;
       switch (action) {
         case USE_INCOMING:
           meeting.locusInfo.onDeltaLocus(locus);
           break;
-
         case USE_CURRENT:
           meeting.locusDesync = false;
           meeting.needToGetFullLocus = false;
           break;
-
         case DESYNC:
           meeting.meetingRequest.getFullLocus({
             desync: true,
-            locusUrl: meeting.locusUrl
+            locusUrl: locus.url ? locus.url : meeting.locusUrl
           }).then(function (res) {
-            meeting.locusInfo.onFullLocus(res.body); // Notify parser to resume processing delta events
+            meeting.locusInfo.onFullLocus(res.body);
+            // Notify parser to resume processing delta events
             // now that we have full locus from DESYNC.
-
             _this2.locusParser.resume();
           });
           break;
-
         default:
           _loggerProxy.default.logger.info("Locus-info:index#applyLocusDeltaData --> Unknown locus delta action: ".concat(action));
-
       }
     }
+
     /**
      * Adds locus delta to parser's queue
      * and registers a function handler
@@ -168,12 +142,10 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @param {Meeting} meeting
      * @returns {undefined}
      */
-
   }, {
     key: "handleLocusDelta",
     value: function handleLocusDelta(locus, meeting) {
       var _this3 = this;
-
       // register a function to process delta actions
       if (!this.locusParser.onDeltaAction) {
         // delta action, along with associated loci
@@ -181,20 +153,20 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.locusParser.onDeltaAction = function (action, parsedLoci) {
           _this3.applyLocusDeltaData(action, parsedLoci, meeting);
         };
-      } // queue delta event with parser
-
-
+      }
+      // queue delta event with parser
       this.locusParser.onDeltaEvent(locus);
     }
+
     /**
      * @param {Locus} locus
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "init",
     value: function init() {
+      var _locus$links;
       var locus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       this.created = locus.created || null;
       this.scheduledMeeting = locus.meeting || null;
@@ -206,6 +178,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
       this.membership = locus.membership || null;
       this.identities = locus.identities || null;
       this.participants = locus.participants || null;
+
       /**
        * Stores the delta values for a changed participant.
        *
@@ -223,50 +196,53 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
        * @private
        * @member LocusInfo
        */
-
-      this.deltaParticipants = []; // above section only updates the locusInfo object
+      this.deltaParticipants = [];
+      this.updateLocusCache(locus);
+      // above section only updates the locusInfo object
       // The below section makes sure it updates the locusInfo as well as updates the meeting object
-
-      this.updateParticipants(locus.participants); // For 1:1 space meeting the conversation Url does not exist in locus.conversation
-
+      this.updateParticipants(locus.participants);
+      // For 1:1 space meeting the conversation Url does not exist in locus.conversation
       this.updateConversationUrl(locus.conversationUrl, locus.info);
-      this.updateControls(locus.controls);
+      this.updateControls(locus.controls, locus.self);
       this.updateLocusUrl(locus.url);
       this.updateFullState(locus.fullState);
       this.updateMeetingInfo(locus.info);
-      this.updateEmbeddedApps(locus.embeddedApps); // self and participants generate sipUrl for 1:1 meeting
-
+      this.updateEmbeddedApps(locus.embeddedApps);
+      // self and participants generate sipUrl for 1:1 meeting
       this.updateSelf(locus.self, locus.participants);
       this.updateHostInfo(locus.host);
       this.updateMediaShares(locus.mediaShares);
+      this.updateServices((_locus$links = locus.links) === null || _locus$links === void 0 ? void 0 : _locus$links.services);
     }
+
     /**
      * @param {Object} locus
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "initialSetup",
     value: function initialSetup(locus) {
-      this.onFullLocus(locus); // Change it to true after it receives it first locus object
+      this.updateLocusCache(locus);
+      this.onFullLocus(locus);
 
+      // Change it to true after it receives it first locus object
       this.emitChange = true;
     }
+
     /**
      * @param {Meeting} meeting
      * @param {Object} data
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "parse",
     value: function parse(meeting, data) {
+      // eslint-disable-next-line @typescript-eslint/no-shadow
       var eventType = data.eventType;
-
+      var locus = this.getTheLocusToUpdate(data.locus);
       _loggerProxy.default.logger.info("Locus-info:index#parse --> received locus data: ".concat(eventType));
-
       switch (eventType) {
         case _constants.LOCUSEVENT.PARTICIPANT_JOIN:
         case _constants.LOCUSEVENT.PARTICIPANT_LEFT:
@@ -282,19 +258,18 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         case _constants.LOCUSEVENT.PARTICIPANT_DECLINED:
         case _constants.LOCUSEVENT.FLOOR_GRANTED:
         case _constants.LOCUSEVENT.FLOOR_RELEASED:
-          this.onFullLocus(data.locus, eventType);
+          this.onFullLocus(locus, eventType);
           break;
-
         case _constants.LOCUSEVENT.DIFFERENCE:
-          this.handleLocusDelta(data.locus, meeting);
+          this.handleLocusDelta(locus, meeting);
           break;
-
         default:
           // Why will there be a event with no eventType ????
           // we may not need this, we can get full locus
-          this.handleLocusDelta(data.locus, meeting);
+          this.handleLocusDelta(locus, meeting);
       }
     }
+
     /**
      * @param {String} scope
      * @param {String} eventName
@@ -302,12 +277,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "emitScoped",
     value: function emitScoped(scope, eventName, args) {
       return this.emit(scope, eventName, args);
     }
+
     /**
      * updates the locus with full locus object
      * @param {object} locus locus object
@@ -315,32 +290,33 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @returns {object} null
      * @memberof LocusInfo
      */
-
+    // eslint-disable-next-line @typescript-eslint/no-shadow
   }, {
     key: "onFullLocus",
     value: function onFullLocus(locus, eventType) {
       if (!locus) {
         _loggerProxy.default.logger.error('Locus-info:index#onFullLocus --> object passed as argument was invalid, continuing.');
       }
-
       this.updateParticipantDeltas(locus.participants);
       this.scheduledMeeting = locus.meeting || null;
       this.participants = locus.participants;
+      var isReplaceMembers = _controlsUtils.default.isNeedReplaceMembers(this.controls, locus.controls);
       this.updateLocusInfo(locus);
-      this.updateParticipants(locus.participants);
+      this.updateParticipants(locus.participants, isReplaceMembers);
       this.isMeetingActive();
       this.handleOneOnOneEvent(eventType);
-      this.updateEmbeddedApps(locus.embeddedApps); // set current (working copy) for parser
-
+      this.updateEmbeddedApps(locus.embeddedApps);
+      // set current (working copy) for parser
       this.locusParser.workingCopy = locus;
-    } // used for ringing stops on one on one
+    }
 
+    // used for ringing stops on one on one
     /**
      * @param {String} eventType
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
+    // eslint-disable-next-line @typescript-eslint/no-shadow
   }, {
     key: "handleOneOnOneEvent",
     value: function handleOneOnOneEvent(eventType) {
@@ -355,9 +331,8 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             remoteDeclined: true,
             remoteAnswered: false
           });
-        } // for 1:1 bob calls alice and alice answers, notify the meeting state
-
-
+        }
+        // for 1:1 bob calls alice and alice answers, notify the meeting state
         if (eventType === _constants.LOCUSEVENT.PARTICIPANT_JOIN) {
           // trigger the event for stop ringing
           this.emitScoped({
@@ -370,29 +345,37 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         }
       }
     }
+
     /**
      * @param {Object} locus
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "onDeltaLocus",
     value: function onDeltaLocus(locus) {
+      var isReplaceMembers = _controlsUtils.default.isNeedReplaceMembers(this.controls, locus.controls);
       this.updateLocusInfo(locus);
-      this.updateParticipants(locus.participants);
+      this.updateParticipants(locus.participants, isReplaceMembers);
       this.isMeetingActive();
     }
+
     /**
      * @param {Object} locus
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateLocusInfo",
     value: function updateLocusInfo(locus) {
-      this.updateControls(locus.controls);
+      var _locus$self, _locus$self2, _locus$links2;
+      if (((_locus$self = locus.self) === null || _locus$self === void 0 ? void 0 : _locus$self.reason) === 'MOVED' && ((_locus$self2 = locus.self) === null || _locus$self2 === void 0 ? void 0 : _locus$self2.state) === 'LEFT') {
+        // When moved to a breakout session locus sends a message for the previous locus
+        // indicating that we have been moved. It isn't helpful to continue parsing this
+        // as it gets interpreted as if we have left the call
+        return;
+      }
+      this.updateControls(locus.controls, locus.self);
       this.updateConversationUrl(locus.conversationUrl, locus.info);
       this.updateCreated(locus.created);
       this.updateFullState(locus.fullState);
@@ -409,33 +392,35 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
       this.updateMemberShip(locus.membership);
       this.updateIdentifiers(locus.identities);
       this.updateEmbeddedApps(locus.embeddedApps);
-      this.compareAndUpdate(); // update which required to compare different objects from locus
+      this.updateServices((_locus$links2 = locus.links) === null || _locus$links2 === void 0 ? void 0 : _locus$links2.services);
+      this.compareAndUpdate();
+      // update which required to compare different objects from locus
     }
+
     /**
      * @param {Array} participants
      * @param {Object} self
      * @returns {Array}
      * @memberof LocusInfo
      */
-
   }, {
     key: "getLocusPartner",
     value: function getLocusPartner(participants, self) {
       if (!participants || participants.length === 0) {
         return null;
       }
-
       return participants.find(function (participant) {
         return self && participant.identity !== self.identity && (participants.length <= 2 || participant.type === _constants._USER_ && !participant.removed);
-      } // @ts-ignore
+      }
+      // @ts-ignore
       ) || this.partner;
-    } // TODO: all the leave states need to be checked
+    }
 
+    // TODO: all the leave states need to be checked
     /**
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "isMeetingActive",
     value: function isMeetingActive() {
@@ -444,20 +429,22 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         var partner = this.getLocusPartner(this.participants, this.self);
         this.updateMeeting({
           partner: partner
-        }); // Check if guest user needs to be checked here
+        });
+
+        // Check if guest user needs to be checked here
+
         // 1) when bob declines call from bob, (bob='DECLINED')
         // 2) When alice rejects call to bob , (bob='NOTIFIED')
+
         // When we dont add MEDIA for condition 2. The state of bob='IDLE'
 
         if (this.fullState && this.fullState.state === _constants.LOCUS.STATE.INACTIVE) {
           // TODO: update the meeting state
           _loggerProxy.default.logger.warn('Locus-info:index#isMeetingActive --> Call Ended, locus state is inactive.');
-
           _metrics.default.postEvent({
             event: _config.eventType.REMOTE_ENDED,
             meetingId: this.meetingId
           });
-
           this.emitScoped({
             file: 'locus-info',
             function: 'isMeetingActive'
@@ -470,7 +457,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             event: _config.eventType.REMOTE_ENDED,
             meetingId: this.meetingId
           });
-
           this.emitScoped({
             file: 'locus-info',
             function: 'isMeetingActive'
@@ -484,7 +470,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             event: _config.eventType.REMOTE_ENDED,
             meetingId: this.meetingId
           });
-
           this.emitScoped({
             file: 'locus-info',
             function: 'isMeetingActive'
@@ -494,15 +479,14 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           });
         }
       } else if (this.parsedLocus.fullState.type === _constants._MEETING_) {
-        if (this.fullState && (this.fullState.state === _constants.LOCUS.STATE.INACTIVE || // @ts-ignore
+        if (this.fullState && (this.fullState.state === _constants.LOCUS.STATE.INACTIVE ||
+        // @ts-ignore
         this.fullState.state === _constants.LOCUS.STATE.TERMINATING)) {
           _loggerProxy.default.logger.warn('Locus-info:index#isMeetingActive --> Meeting is ending due to inactive or terminating');
-
           _metrics.default.postEvent({
             event: _config.eventType.REMOTE_ENDED,
             meetingId: this.meetingId
           });
-
           this.emitScoped({
             file: 'locus-info',
             function: 'isMeetingActive'
@@ -516,7 +500,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             event: _config.eventType.REMOTE_ENDED,
             meetingId: this.meetingId
           });
-
           this.emitScoped({
             file: 'locus-info',
             function: 'isMeetingActive'
@@ -524,7 +507,8 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             reason: _constants.MEETING_REMOVED_REASON.FULLSTATE_REMOVED,
             shouldLeave: false
           });
-        } // If you are  guest and you are removed from the meeting
+        }
+        // If you are  guest and you are removed from the meeting
         // You wont get any further events
         else if (this.parsedLocus.self && this.parsedLocus.self.removed) {
           // Check if we need to send an event
@@ -540,13 +524,13 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         _loggerProxy.default.logger.warn('Locus-info:index#isMeetingActive --> Meeting Type is unknown.');
       }
     }
+
     /**
      * checks if the host permissions have changed while in the meeting
      * This would be the case if your role as host or moderator has been updated
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "compareAndUpdate",
     value: function compareAndUpdate() {
@@ -556,17 +540,16 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.compareSelfAndHost();
       }
     }
+
     /**
      * compared the self object to check if the user has host permissions
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "compareSelfAndHost",
     value: function compareSelfAndHost() {
       var _this$parsedLocus$hos;
-
       // In some cases the host info is not present but the moderator values changes from null to false so it triggers an update
       if (this.parsedLocus.self.selfIdentity === ((_this$parsedLocus$hos = this.parsedLocus.host) === null || _this$parsedLocus$hos === void 0 ? void 0 : _this$parsedLocus$hos.hostId) && this.parsedLocus.self.moderator) {
         this.emitScoped({
@@ -584,6 +567,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         });
       }
     }
+
     /**
      * Update the deltaParticipants property of this object based on a list of
      * provided participants.
@@ -591,22 +575,19 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @param {Array} [participants] - The participants to update against.
      * @returns {void}
      */
-
   }, {
     key: "updateParticipantDeltas",
     value: function updateParticipantDeltas() {
       var _this4 = this;
-
       var participants = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
       // Used to find a participant within a participants collection.
       var findParticipant = function findParticipant(participant, collection) {
         return collection.find(function (item) {
           return item.person.id === participant.person.id;
         });
-      }; // Generates an object that indicates which state properties have changed.
-
+      };
 
+      // Generates an object that indicates which state properties have changed.
       var generateDelta = function generateDelta() {
         var prevState = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
         var newState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -615,8 +596,9 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           audioStatus: prevState.audioStatus !== newState.audioStatus,
           videoSlidesStatus: prevState.videoSlidesStatus !== newState.videoSlidesStatus,
           videoStatus: prevState.videoStatus !== newState.videoStatus
-        }; // Clean the object
+        };
 
+        // Clean the object
         (0, _keys.default)(deltas).forEach(function (key) {
           if (deltas[key] !== true) {
             delete deltas[key];
@@ -624,35 +606,31 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         });
         return deltas;
       };
-
       this.deltaParticipants = participants.reduce(function (collection, participant) {
         var existingParticipant = findParticipant(participant, _this4.participants || []) || {};
         var delta = generateDelta(existingParticipant.status, participant.status);
         var changed = (0, _keys.default)(delta).length > 0;
-
         if (changed) {
           collection.push({
             person: participant.person,
             delta: delta
           });
         }
-
         return collection;
       }, []);
     }
+
     /**
-     *
+     * update meeting's members
      * @param {Object} participants new participants object
-     * @param {boolen} deltaParticpantFlag  delta event
+     * @param {Boolean} isReplace is replace the whole members
      * @returns {Array} updatedParticipants
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateParticipants",
-    value: function updateParticipants(participants) {
+    value: function updateParticipants(participants, isReplace) {
       var _this$parsedLocus$con;
-
       this.emitScoped({
         file: 'locus-info',
         function: 'updateParticipants'
@@ -661,33 +639,98 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         recordingId: this.parsedLocus.controls && ((_this$parsedLocus$con = this.parsedLocus.controls.record) === null || _this$parsedLocus$con === void 0 ? void 0 : _this$parsedLocus$con.modifiedBy),
         selfIdentity: this.parsedLocus.self && this.parsedLocus.self.selfIdentity,
         selfId: this.parsedLocus.self && this.parsedLocus.self.selfId,
-        hostId: this.parsedLocus.host && this.parsedLocus.host.hostId
+        hostId: this.parsedLocus.host && this.parsedLocus.host.hostId,
+        isReplace: isReplace
       });
     }
+
     /**
      * @param {Object} controls
+     * @param {Object} self
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateControls",
-    value: function updateControls(controls) {
+    value: function updateControls(controls, self) {
       if (controls && !(0, _isEqual2.default)(this.controls, controls)) {
         this.parsedLocus.controls = _controlsUtils.default.parse(controls);
-
         var _ControlsUtils$getCon = _controlsUtils.default.getControls(this.controls, controls),
-            _ControlsUtils$getCon2 = _ControlsUtils$getCon.updates,
-            hasRecordingChanged = _ControlsUtils$getCon2.hasRecordingChanged,
-            hasRecordingPausedChanged = _ControlsUtils$getCon2.hasRecordingPausedChanged,
-            hasMeetingContainerChanged = _ControlsUtils$getCon2.hasMeetingContainerChanged,
-            hasTranscribeChanged = _ControlsUtils$getCon2.hasTranscribeChanged,
-            hasEntryExitToneChanged = _ControlsUtils$getCon2.hasEntryExitToneChanged,
-            current = _ControlsUtils$getCon.current;
-
+          _ControlsUtils$getCon2 = _ControlsUtils$getCon.updates,
+          hasRecordingChanged = _ControlsUtils$getCon2.hasRecordingChanged,
+          hasRecordingPausedChanged = _ControlsUtils$getCon2.hasRecordingPausedChanged,
+          hasMeetingContainerChanged = _ControlsUtils$getCon2.hasMeetingContainerChanged,
+          hasTranscribeChanged = _ControlsUtils$getCon2.hasTranscribeChanged,
+          hasEntryExitToneChanged = _ControlsUtils$getCon2.hasEntryExitToneChanged,
+          hasBreakoutChanged = _ControlsUtils$getCon2.hasBreakoutChanged,
+          hasVideoEnabledChanged = _ControlsUtils$getCon2.hasVideoEnabledChanged,
+          hasMuteOnEntryChanged = _ControlsUtils$getCon2.hasMuteOnEntryChanged,
+          hasShareControlChanged = _ControlsUtils$getCon2.hasShareControlChanged,
+          hasDisallowUnmuteChanged = _ControlsUtils$getCon2.hasDisallowUnmuteChanged,
+          hasReactionsChanged = _ControlsUtils$getCon2.hasReactionsChanged,
+          hasReactionDisplayNamesChanged = _ControlsUtils$getCon2.hasReactionDisplayNamesChanged,
+          hasViewTheParticipantListChanged = _ControlsUtils$getCon2.hasViewTheParticipantListChanged,
+          hasRaiseHandChanged = _ControlsUtils$getCon2.hasRaiseHandChanged,
+          hasVideoChanged = _ControlsUtils$getCon2.hasVideoChanged,
+          current = _ControlsUtils$getCon.current;
+        if (hasMuteOnEntryChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_MUTE_ON_ENTRY_CHANGED, {
+            state: current.muteOnEntry
+          });
+        }
+        if (hasShareControlChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_SHARE_CONTROL_CHANGED, {
+            state: current.shareControl
+          });
+        }
+        if (hasDisallowUnmuteChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_DISALLOW_UNMUTE_CHANGED, {
+            state: current.disallowUnmute
+          });
+        }
+        if (hasReactionsChanged || hasReactionDisplayNamesChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_REACTIONS_CHANGED, {
+            state: current.reactions
+          });
+        }
+        if (hasViewTheParticipantListChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_VIEW_THE_PARTICIPANTS_LIST_CHANGED, {
+            state: current.viewTheParticipantList
+          });
+        }
+        if (hasRaiseHandChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_RAISE_HAND_CHANGED, {
+            state: current.raiseHand
+          });
+        }
+        if (hasVideoChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_VIDEO_CHANGED, {
+            state: current.video
+          });
+        }
         if (hasRecordingChanged || hasRecordingPausedChanged) {
           var state = null;
-
           if (hasRecordingPausedChanged) {
             if (current.record.paused) {
               state = _constants.RECORDING_STATE.PAUSED;
@@ -698,7 +741,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           } else if (hasRecordingChanged) {
             state = current.record.recording ? _constants.RECORDING_STATE.RECORDING : _constants.RECORDING_STATE.IDLE;
           }
-
           this.emitScoped({
             file: 'locus-info',
             function: 'updateControls'
@@ -708,7 +750,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             lastModified: current.record.lastModified
           });
         }
-
         if (hasMeetingContainerChanged) {
           var meetingContainerUrl = current.meetingContainer.meetingContainerUrl;
           this.emitScoped({
@@ -718,11 +759,10 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             meetingContainerUrl: meetingContainerUrl
           });
         }
-
         if (hasTranscribeChanged) {
           var _current$transcribe = current.transcribe,
-              transcribing = _current$transcribe.transcribing,
-              caption = _current$transcribe.caption;
+            transcribing = _current$transcribe.transcribing,
+            caption = _current$transcribe.caption;
           this.emitScoped({
             file: 'locus-info',
             function: 'updateControls'
@@ -731,30 +771,54 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             caption: caption
           });
         }
-
+        if (hasBreakoutChanged) {
+          var breakout = current.breakout;
+          breakout.breakoutMoveId = _selfUtils.default.getReplacedBreakoutMoveId(self, this.webex.internal.device.url);
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.CONTROLS_MEETING_BREAKOUT_UPDATED, {
+            breakout: breakout
+          });
+        }
         if (hasEntryExitToneChanged) {
           var entryExitTone = current.entryExitTone;
+          this.updateMeeting({
+            entryExitTone: entryExitTone
+          });
           this.emitScoped({
             file: 'locus-info',
             function: 'updateControls'
           }, _constants.LOCUSINFO.EVENTS.CONTROLS_ENTRY_EXIT_TONE_UPDATED, {
             entryExitTone: entryExitTone
           });
+        }
+
+        // videoEnabled is handled differently than other controls,
+        // to fit with audio mute status logic
+        if (hasVideoEnabledChanged) {
+          var videoEnabled = current.videoEnabled;
           this.updateMeeting({
-            entryExitTone: entryExitTone
+            unmuteVideoAllowed: videoEnabled
+          });
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateControls'
+          }, _constants.LOCUSINFO.EVENTS.SELF_REMOTE_VIDEO_MUTE_STATUS_UPDATED, {
+            // muted: not part of locus.controls
+            unmuteAllowed: videoEnabled
           });
         }
-
         this.controls = controls;
       }
     }
+
     /**
      * @param {String} conversationUrl
      * @param {Object} info
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateConversationUrl",
     value: function updateConversationUrl(conversationUrl, info) {
@@ -770,12 +834,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         });
       }
     }
+
     /**
      * @param {Object} created
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateCreated",
     value: function updateCreated(created) {
@@ -783,20 +847,37 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.created = created;
       }
     }
+
     /**
-     * @param {Object} fullState
+     * @param {Object} services
      * @returns {undefined}
      * @memberof LocusInfo
      */
+  }, {
+    key: "updateServices",
+    value: function updateServices(services) {
+      if (services && !(0, _isEqual2.default)(this.services, services)) {
+        this.services = services;
+        this.emitScoped({
+          file: 'locus-info',
+          function: 'updateServices'
+        }, _constants.LOCUSINFO.EVENTS.LINKS_SERVICES, {
+          services: services
+        });
+      }
+    }
 
+    /**
+     * @param {Object} fullState
+     * @returns {undefined}
+     * @memberof LocusInfo
+     */
   }, {
     key: "updateFullState",
     value: function updateFullState(fullState) {
       if (fullState && !(0, _isEqual2.default)(this.fullState, fullState)) {
         var result = _fullState.default.getFullState(this.fullState, fullState);
-
         this.updateMeeting(result.current);
-
         if (result.updates.meetingStateChangedTo) {
           this.emitScoped({
             file: 'locus-info',
@@ -806,7 +887,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             currentState: result.current.meetingState
           });
         }
-
         if (result.updates.meetingTypeChangedTo) {
           this.emitScoped({
             file: 'locus-info',
@@ -815,11 +895,11 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             type: result.current.type
           });
         }
-
         this.parsedLocus.fullState = result.current;
         this.fullState = fullState;
       }
     }
+
     /**
      * handles when the locus.host is updated
      * @param {Object} host the locus.host property
@@ -827,16 +907,13 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @memberof LocusInfo
      * emits internal event locus_info_update_host
      */
-
   }, {
     key: "updateHostInfo",
     value: function updateHostInfo(host) {
       if (host && !(0, _isEqual2.default)(this.host, host)) {
         var parsedHosts = _hostUtils.default.getHosts(this.host, host);
-
         this.updateMeeting(parsedHosts.current);
         this.parsedLocus.host = parsedHosts.current;
-
         if (parsedHosts.updates.isNewHost) {
           this.compareAndUpdateFlags.compareSelfAndHost = true;
           this.emitScoped({
@@ -847,31 +924,26 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             oldHost: parsedHosts.previous
           });
         }
-
         this.host = host;
       } else {
         this.compareAndUpdateFlags.compareSelfAndHost = false;
       }
     }
+
     /**
      * @param {Object} info
      * @param {Object} self
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateMeetingInfo",
     value: function updateMeetingInfo(info, self) {
-      if (info && !(0, _isEqual2.default)(this.info, info)) {
-        var _this$parsedLocus$sel;
-
-        var roles = self ? _selfUtils.default.getRoles(self) : ((_this$parsedLocus$sel = this.parsedLocus.self) === null || _this$parsedLocus$sel === void 0 ? void 0 : _this$parsedLocus$sel.roles) || [];
-
+      var _this$parsedLocus$sel;
+      var roles = self ? _selfUtils.default.getRoles(self) : ((_this$parsedLocus$sel = this.parsedLocus.self) === null || _this$parsedLocus$sel === void 0 ? void 0 : _this$parsedLocus$sel.roles) || [];
+      if (info && !(0, _isEqual2.default)(this.info, info) || roles.length && !(0, _isEqual2.default)(this.roles, roles) && info) {
         var isJoined = _selfUtils.default.isJoined(self || this.parsedLocus.self);
-
         var parsedInfo = _infoUtils.default.getInfos(this.parsedLocus.info, info, roles, isJoined);
-
         this.emitScoped({
           file: 'locus-info',
           function: 'updateMeetingInfo'
@@ -879,33 +951,31 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           info: parsedInfo.current,
           self: self
         });
-
         if (parsedInfo.updates.isLocked) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateMeetingInfo'
           }, _constants.LOCUSINFO.EVENTS.MEETING_LOCKED, info);
         }
-
         if (parsedInfo.updates.isUnlocked) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateMeetingInfo'
           }, _constants.LOCUSINFO.EVENTS.MEETING_UNLOCKED, info);
         }
-
         this.info = info;
-        this.parsedLocus.info = parsedInfo.current; // Parses the info and adds necessary values
-
+        this.parsedLocus.info = parsedInfo.current;
+        // Parses the info and adds necessary values
         this.updateMeeting(parsedInfo.current);
       }
+      this.roles = roles;
     }
+
     /**
      * @param {Object} embeddedApps
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateEmbeddedApps",
     value: function updateEmbeddedApps(embeddedApps) {
@@ -913,9 +983,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
       if (_embeddedAppsUtils.default.areSimilar(this.embeddedApps, embeddedApps)) {
         return;
       }
-
       var parsedEmbeddedApps = _embeddedAppsUtils.default.parse(embeddedApps);
-
       this.updateMeeting({
         embeddedApps: parsedEmbeddedApps
       });
@@ -925,6 +993,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
       }, _constants.LOCUSINFO.EVENTS.EMBEDDED_APPS_UPDATED, parsedEmbeddedApps);
       this.embeddedApps = embeddedApps;
     }
+
     /**
      * handles when the locus.mediaShares is updated
      * @param {Object} mediaShares the locus.mediaShares property
@@ -932,14 +1001,14 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @memberof LocusInfo
      * emits internal event locus_info_update_media_shares
      */
-
   }, {
     key: "updateMediaShares",
     value: function updateMediaShares(mediaShares) {
       if (mediaShares && !(0, _isEqual2.default)(this.mediaShares, mediaShares)) {
         var parsedMediaShares = _mediaSharesUtils.default.getMediaShares(this.mediaShares, mediaShares);
-
         this.updateMeeting(parsedMediaShares.current);
+        this.parsedLocus.mediaShares = parsedMediaShares.current;
+        this.mediaShares = mediaShares;
         this.emitScoped({
           file: 'locus-info',
           function: 'updateMediaShares'
@@ -947,16 +1016,14 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           current: parsedMediaShares.current,
           previous: parsedMediaShares.previous
         });
-        this.parsedLocus.mediaShares = parsedMediaShares.current;
-        this.mediaShares = mediaShares;
       }
     }
+
     /**
      * @param {String} participantsUrl
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateParticipantsUrl",
     value: function updateParticipantsUrl(participantsUrl) {
@@ -964,12 +1031,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.participantsUrl = participantsUrl;
       }
     }
+
     /**
      * @param {Object} replace
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateReplace",
     value: function updateReplace(replace) {
@@ -977,6 +1044,7 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.replace = replace;
       }
     }
+
     /**
      * handles when the locus.self is updated
      * @param {Object} self the locus.mediaShares property
@@ -985,7 +1053,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
      * @memberof LocusInfo
      * emits internal events self_admitted_guest, self_unadmitted_guest, locus_info_update_self
      */
-
   }, {
     key: "updateSelf",
     value: function updateSelf(self, participants) {
@@ -993,29 +1060,24 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
       if (self && !(0, _isEqual2.default)(this.self, self)) {
         // @ts-ignore
         var parsedSelves = _selfUtils.default.getSelves(this.self, self, this.webex.internal.device.url);
-
         this.updateMeeting(parsedSelves.current);
         this.parsedLocus.self = parsedSelves.current;
         var element = this.parsedLocus.states[this.parsedLocus.states.length - 1];
-
         if (element !== parsedSelves.current.state) {
           this.parsedLocus.states.push(parsedSelves.current.state);
-        } // TODO: check if we need to save the sipUri here as well
-        // this.emit(LOCUSINFO.EVENTS.MEETING_UPDATE, SelfUtils.getSipUrl(this.getLocusPartner(participants, self), this.parsedLocus.fullState.type, this.parsedLocus.info.sipUri));
-
+        }
 
+        // TODO: check if we need to save the sipUri here as well
+        // this.emit(LOCUSINFO.EVENTS.MEETING_UPDATE, SelfUtils.getSipUrl(this.getLocusPartner(participants, self), this.parsedLocus.fullState.type, this.parsedLocus.info.sipUri));
         var result = _selfUtils.default.getSipUrl(this.getLocusPartner(participants, self), this.parsedLocus.fullState.type, this.parsedLocus.info.sipUri);
-
         if (result.sipUri) {
           this.updateMeeting(result);
         }
-
         if (parsedSelves.updates.moderatorChanged) {
           this.compareAndUpdateFlags.compareHostAndSelf = true;
         } else {
           this.compareAndUpdateFlags.compareHostAndSelf = false;
         }
-
         if (parsedSelves.updates.layoutChanged) {
           this.emitScoped({
             file: 'locus-info',
@@ -1024,7 +1086,14 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             layout: parsedSelves.current.layout
           });
         }
-
+        if (parsedSelves.updates.breakoutsChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateSelf'
+          }, _constants.LOCUSINFO.EVENTS.SELF_MEETING_BREAKOUTS_CHANGED, {
+            breakoutSessions: parsedSelves.current.breakoutSessions
+          });
+        }
         if (parsedSelves.updates.isMediaInactiveOrReleased) {
           this.emitScoped({
             file: 'locus-info',
@@ -1033,13 +1102,39 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             reason: self.reason
           });
         }
-
         if (parsedSelves.updates.moderatorChanged) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.SELF_MODERATOR_CHANGED, self);
         }
+        if (parsedSelves.updates.isRolesChanged) {
+          var _parsedSelves$previou, _parsedSelves$current;
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateSelf'
+          }, _constants.LOCUSINFO.EVENTS.SELF_ROLES_CHANGED, {
+            oldRoles: (_parsedSelves$previou = parsedSelves.previous) === null || _parsedSelves$previou === void 0 ? void 0 : _parsedSelves$previou.roles,
+            newRoles: (_parsedSelves$current = parsedSelves.current) === null || _parsedSelves$current === void 0 ? void 0 : _parsedSelves$current.roles
+          });
+        }
+        // When the user upgrades to moderator or cohost
+        if (parsedSelves.updates.isUpgradeToModeratorOrCohost) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateSelf'
+          }, _constants.LOCUSINFO.EVENTS.SELF_MODERATOR_OR_COHOST_UPGRADE, self);
+        }
+        //
+        if (parsedSelves.updates.isVideoMutedByOthersChanged) {
+          this.emitScoped({
+            file: 'locus-info',
+            function: 'updateSelf'
+          }, _constants.LOCUSINFO.EVENTS.SELF_REMOTE_VIDEO_MUTE_STATUS_UPDATED, {
+            muted: parsedSelves.current.remoteVideoMuted
+            // unmuteAllowed: not part of .self
+          });
+        }
 
         if (parsedSelves.updates.localAudioUnmuteRequiredByServer) {
           this.emitScoped({
@@ -1050,7 +1145,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             unmuteAllowed: parsedSelves.current.unmuteAllowed
           });
         }
-
         if (parsedSelves.updates.isMutedByOthersChanged) {
           this.emitScoped({
             file: 'locus-info',
@@ -1060,56 +1154,49 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             unmuteAllowed: parsedSelves.current.unmuteAllowed
           });
         }
-
         if (parsedSelves.updates.localAudioUnmuteRequestedByServer) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.LOCAL_UNMUTE_REQUESTED, {});
         }
-
         if (parsedSelves.updates.isUserUnadmitted) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.SELF_UNADMITTED_GUEST, self);
         }
-
         if (parsedSelves.updates.isUserAdmitted) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.SELF_ADMITTED_GUEST, self);
         }
-
         if (parsedSelves.updates.isMediaInactive) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
-          }, // @ts-ignore
+          },
+          // @ts-ignore
           _constants.LOCUSINFO.EVENTS.MEDIA_INACTIVITY, _selfUtils.default.getMediaStatus(self.mediaSessions));
         }
-
         if (parsedSelves.updates.audioStateChange || parsedSelves.updates.videoStateChange || parsedSelves.updates.shareStateChange) {
-          var _parsedSelves$current, _parsedSelves$current2, _parsedSelves$current3;
-
+          var _parsedSelves$current2, _parsedSelves$current3, _parsedSelves$current4;
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.MEDIA_STATUS_CHANGE, {
-            audioStatus: (_parsedSelves$current = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current === void 0 ? void 0 : _parsedSelves$current.audio,
-            videoStatus: (_parsedSelves$current2 = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current2 === void 0 ? void 0 : _parsedSelves$current2.video,
-            shareStatus: (_parsedSelves$current3 = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current3 === void 0 ? void 0 : _parsedSelves$current3.share
+            audioStatus: (_parsedSelves$current2 = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current2 === void 0 ? void 0 : _parsedSelves$current2.audio,
+            videoStatus: (_parsedSelves$current3 = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current3 === void 0 ? void 0 : _parsedSelves$current3.video,
+            shareStatus: (_parsedSelves$current4 = parsedSelves.current.currentMediaStatus) === null || _parsedSelves$current4 === void 0 ? void 0 : _parsedSelves$current4.share
           });
         }
-
         if (parsedSelves.updates.isUserObserving) {
           this.emitScoped({
             file: 'locus-info',
             function: 'updateSelf'
           }, _constants.LOCUSINFO.EVENTS.SELF_OBSERVING);
         }
-
         if (parsedSelves.updates.canNotViewTheParticipantListChanged) {
           this.emitScoped({
             file: 'locus-info',
@@ -1118,7 +1205,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             canNotViewTheParticipantList: parsedSelves.current.canNotViewTheParticipantList
           });
         }
-
         if (parsedSelves.updates.isSharingBlockedChanged) {
           this.emitScoped({
             file: 'locus-info',
@@ -1127,7 +1213,6 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
             isSharingBlocked: parsedSelves.current.isSharingBlocked
           });
         }
-
         this.emitScoped({
           file: 'locus-info',
           function: 'updateSelf'
@@ -1135,20 +1220,20 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
           oldSelf: parsedSelves.previous,
           newSelf: parsedSelves.current
         });
-        this.parsedLocus.self = parsedSelves.current; // @ts-ignore
-
+        this.parsedLocus.self = parsedSelves.current;
+        // @ts-ignore
         this.self = self;
       } else {
         this.compareAndUpdateFlags.compareHostAndSelf = false;
       }
     }
+
     /**
      * handles when the locus.url is updated
      * @param {String} url
      * @returns {undefined}
      * emits internal event locus_info_update_url
      */
-
   }, {
     key: "updateLocusUrl",
     value: function updateLocusUrl(url) {
@@ -1163,12 +1248,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         }, _constants.EVENTS.LOCUS_INFO_UPDATE_URL, url);
       }
     }
+
     /**
      * @param {String} aclUrl
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateAclUrl",
     value: function updateAclUrl(aclUrl) {
@@ -1176,12 +1261,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.aclUrl = aclUrl;
       }
     }
+
     /**
      * @param {Number} baseSequence
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateBasequence",
     value: function updateBasequence(baseSequence) {
@@ -1189,12 +1274,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.baseSequence = baseSequence;
       }
     }
+
     /**
      * @param {Number} sequence
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateSequence",
     value: function updateSequence(sequence) {
@@ -1202,12 +1287,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.sequence = sequence;
       }
     }
+
     /**
      * @param {Object} membership
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateMemberShip",
     value: function updateMemberShip(membership) {
@@ -1215,12 +1300,12 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.membership = membership;
       }
     }
+
     /**
      * @param {Array} identities
      * @returns {undefined}
      * @memberof LocusInfo
      */
-
   }, {
     key: "updateIdentifiers",
     value: function updateIdentifiers(identities) {
@@ -1228,9 +1313,114 @@ var LocusInfo = /*#__PURE__*/function (_EventsScope) {
         this.identities = identities;
       }
     }
+
+    /**
+     * check the locus is main session's one or not, if is main session's, update main session cache
+     * @param {Object} locus
+     * @returns {undefined}
+     * @memberof LocusInfo
+     */
+  }, {
+    key: "updateLocusCache",
+    value: function updateLocusCache(locus) {
+      var isMainSessionDTO = _controlsUtils.default.isMainSessionDTO(locus);
+      if (isMainSessionDTO) {
+        this.updateMainSessionLocusCache(locus);
+      }
+    }
+
+    /**
+     * if return from breakout to main session, need to use cached main session DTO since locus won't send the full locus (participants)
+     * if join breakout from main session, need to query main locus url (if response with 403 means no privilege, need to clear the cache)
+     * @param {Object} newLocus
+     * @returns {Object}
+     * @memberof LocusInfo
+     */
+  }, {
+    key: "getTheLocusToUpdate",
+    value: function getTheLocusToUpdate(newLocus) {
+      var switchStatus = _controlsUtils.default.getSessionSwitchStatus(this.controls, newLocus.controls);
+      if (switchStatus.isReturnToMain && this.mainSessionLocusCache) {
+        return (0, _cloneDeep2.default)(this.mainSessionLocusCache);
+      }
+      if (switchStatus.isJoinToBreakout) {
+        this.emitScoped({
+          file: 'locus-info',
+          function: 'updateControls'
+        }, _constants.LOCUSINFO.EVENTS.CONTROLS_JOIN_BREAKOUT_FROM_MAIN, {
+          mainLocusUrl: this.url
+        });
+      }
+      return newLocus;
+    }
+
+    /**
+     * merge participants by participant id
+     * @param {Array} participants
+     * @param {Array} sourceParticipants
+     * @returns {Array} merged participants
+     * @memberof LocusInfo
+     */
+    // eslint-disable-next-line class-methods-use-this
+  }, {
+    key: "mergeParticipants",
+    value: function mergeParticipants(participants, sourceParticipants) {
+      if (!sourceParticipants || !sourceParticipants.length) return participants;
+      if (!participants || !participants.length) {
+        return sourceParticipants;
+      }
+      sourceParticipants.forEach(function (participant) {
+        var existIndex = participants.findIndex(function (p) {
+          return p.id === participant.id;
+        });
+        if (existIndex > -1) {
+          participants.splice(existIndex, 1, participant);
+        } else {
+          participants.push(participant);
+        }
+      });
+      return participants;
+    }
+
+    /**
+     * need cache main sessions' participants since locus will not send the full list when cohost/host leave breakout
+     * @param {Object} mainLocus
+     * @returns {undefined}
+     * @memberof LocusInfo
+     */
+  }, {
+    key: "updateMainSessionLocusCache",
+    value: function updateMainSessionLocusCache(mainLocus) {
+      var _this5 = this;
+      if (!mainLocus) {
+        return;
+      }
+      var locusClone = (0, _cloneDeep2.default)(mainLocus);
+      if (this.mainSessionLocusCache) {
+        // shallow merge and do special merge for participants
+        (0, _assignWith2.default)(this.mainSessionLocusCache, locusClone, function (objValue, srcValue, key) {
+          if (key === 'participants') {
+            return _this5.mergeParticipants(objValue, srcValue);
+          }
+          return srcValue || objValue;
+        });
+      } else {
+        this.mainSessionLocusCache = locusClone;
+      }
+    }
+
+    /**
+     * clear main session cache
+     * @returns {undefined}
+     * @memberof LocusInfo
+     */
+  }, {
+    key: "clearMainSessionLocusCache",
+    value: function clearMainSessionLocusCache() {
+      this.mainSessionLocusCache = null;
+    }
   }]);
   return LocusInfo;
 }(_eventsScope.default);
-
 exports.default = LocusInfo;
 //# sourceMappingURL=index.js.map