@techsee/techsee-media-service 8.0.2 → 10.0.0

package/lib/MultiParty/{OpentokMultiPartyService.js → opentok/OpentokMultiPartyService.js}

@@ -204,41 +204,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.OpentokMultiPartyService = void 0;
 
-var MediaConstants_1 = require("../MediaConstants");
+var __1 = require("..");
 
-var MediaUtils_1 = require("../MediaUtils");
+var MediaUtils_1 = require("../../MediaUtils");
 
-var MediaCapabilitiesService_1 = require("./MediaCapabilitiesService");
+var MediaCapabilitiesService_1 = require("../MediaCapabilitiesService");
 
-var MediaCapabilitiesUtils_1 = require("./MediaCapabilitiesUtils");
+var MediaCapabilitiesUtils_1 = require("../MediaCapabilitiesUtils");
 
-var MultiPartyService_1 = require("./MultiPartyService");
+var MultiPartyService_1 = require("../MultiPartyService");
 
-var MultipartyServiceEventTypes_1 = require("./MultipartyServiceEventTypes");
+var MultipartyServiceEventTypes_1 = require("../MultipartyServiceEventTypes");
 
-var trace = MediaUtils_1.getMediaTracer('Multiparty');
-var OPENTOK_MIRRORED_CSS_CLASS = 'OT_mirrored'; // The preferred camera position to use for the video source
+var OpentokPublisher_1 = require("./OpentokPublisher");
+
+var OpentokSubscriber_1 = require("./OpentokSubscriber");
+
+var OpentokUtils_1 = require("./OpentokUtils");
 
-var OpentokFacingMode;
+var trace_1 = require("./trace");
 
-(function (OpentokFacingMode) {
-  OpentokFacingMode["USER"] = "user";
-  OpentokFacingMode["ENVIRONMENT"] = "environment";
-})(OpentokFacingMode || (OpentokFacingMode = {}));
+var trace = MediaUtils_1.getMediaTracer('Multiparty');
 
 var OpentokMultiPartyService =
 /** @class */
 function (_super) {
   __extends(OpentokMultiPartyService, _super);
 
-  function OpentokMultiPartyService(settings, getParticipantId) {
-    var _this = _super.call(this, settings) || this;
+  function OpentokMultiPartyService(getParticipantId) {
+    var _this = _super.call(this) || this;
 
     _this.getParticipantId = getParticipantId;
+    _this.backgroundImageURI = __1.DEFAULT_AVATAR_URI;
     _this.subscriberList = [];
-    _this.mirror = true;
 
-    _this.connect = function (credentials) {
+    _this.setBackgroundImageURI = function (uri) {
+      _this.backgroundImageURI = uri || __1.DEFAULT_AVATAR_URI;
+    };
+
+    _this.connect = function (settings, credentials) {
       try {
         _this.session = OT.initSession(credentials.apiKey, credentials.sessionId);
 
@@ -260,31 +264,27 @@ function (_super) {
           if (error) {
             (_a = _this.session) === null || _a === void 0 ? void 0 : _a.off();
             _this.session = undefined;
+            trace_1.traceError(error);
 
-            _this.traceErrorCallback(error);
-
-            var e = {
+            _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectFailed, {
               meta: {
                 err: JSON.stringify(error)
               }
-            };
-
-            _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectFailed, e);
+            });
 
             return;
           }
 
-          _this.createPublisher(_this.settings);
+          _this.initPublisher(settings);
         });
       } catch (err) {
         trace.error(JSON.stringify(err));
-        var e = {
+
+        _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectFailed, {
           meta: {
             err: JSON.stringify(err)
           }
-        };
-
-        _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectFailed, e);
+        });
       }
     };
 
@@ -295,7 +295,7 @@ function (_super) {
         trace.info('Disconnecting from session');
 
         if (_this.session) {
-          (_a = _this.currentPublisher) === null || _a === void 0 ? void 0 : _a.destroy();
+          (_a = _this.publisher) === null || _a === void 0 ? void 0 : _a.destroy();
 
           _this.session.disconnect();
 
@@ -314,7 +314,7 @@ function (_super) {
       }
 
       if (connectionId === _this.ownConnectionId) {
-        return ((_a = _this.currentPublisher) === null || _a === void 0 ? void 0 : _a.getImgData()) || null;
+        return ((_a = _this.publisher) === null || _a === void 0 ? void 0 : _a.getImgData()) || null;
       }
 
       return ((_b = _this.subscribers.find(function (s) {
@@ -322,14 +322,14 @@ function (_super) {
       })) === null || _b === void 0 ? void 0 : _b.subscriber.getImgData()) || null;
     };
 
-    _this.createPublisher = function (settings) {
+    _this.initPublisher = function (settings) {
       return __awaiter(_this, void 0, void 0, function () {
-        var canStartWithAudio, canStartWithVideo;
+        var canStartWithAudio, canStartWithVideo, capabilitiesService, publisherOptions;
 
-        var _a;
+        var _this = this;
 
-        return __generator(this, function (_b) {
-          switch (_b.label) {
+        return __generator(this, function (_a) {
+          switch (_a.label) {
             case 0:
               if (!this.session) {
                 return [2
@@ -342,43 +342,49 @@ function (_super) {
               , MediaCapabilitiesUtils_1.checkAudioCapabilities()];
 
             case 1:
-              canStartWithAudio = _b.sent();
+              canStartWithAudio = _a.sent();
               return [4
               /*yield*/
               , MediaCapabilitiesUtils_1.checkVideoCapabilities()];
 
             case 2:
-              canStartWithVideo = _b.sent();
-
-              if (!canStartWithAudio && !canStartWithVideo) {
-                // FIXME: use emitter
-                trace.error('Did not create publisher due to lack of media capabilities.');
-                return [2
-                /*return*/
-                ];
-              }
-
-              if (!!this.currentPublisher) return [3
-              /*break*/
-              , 4];
+              canStartWithVideo = _a.sent();
               return [4
               /*yield*/
-              , this.initPublisher(__assign(__assign({}, settings), {
-                cameraEnabled: settings.cameraEnabled && canStartWithVideo,
-                startWithAudioMuted: settings.startWithAudioMuted && canStartWithAudio
-              }))];
+              , MediaCapabilitiesService_1.MediaCapabilitiesService.getInstance()];
 
             case 3:
-              _b.sent();
+              capabilitiesService = _a.sent();
 
-              if (!this.currentPublisher) {
+              if (!canStartWithAudio && !canStartWithVideo) {
                 throw new Error('Creating session requires initialized publisher');
               }
 
-              this.currentPublisher && ((_a = this.session) === null || _a === void 0 ? void 0 : _a.publish(this.currentPublisher, this.traceErrorCallback));
-              _b.label = 4;
-
-            case 4:
+              publisherOptions = {
+                participantId: this.getParticipantId(this.ownConnectionId),
+                backgroundImageURI: this.backgroundImageURI
+              };
+              this.publisher = new OpentokPublisher_1.OpentokPublisher(__assign(__assign({}, settings), {
+                cameraEnabled: settings.cameraEnabled && canStartWithVideo,
+                startWithAudioMuted: settings.startWithAudioMuted && canStartWithAudio
+              }), publisherOptions, capabilitiesService); // forward publisher events
+
+              this.publisher.on('cameraSourceChanged', function (e) {
+                return _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.cameraSourceChanged, e);
+              });
+              this.publisher.on('streamCreated', function (e) {
+                return _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamCreated, e);
+              });
+              this.publisher.on('streamDestroyed', function (e) {
+                return _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamDestroyed, e);
+              });
+              this.publisher.on('mediaDeviceAccessDenied', function (e) {
+                return _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.mediaDeviceAccessDenied, e);
+              });
+              this.publisher.on('videoElementCreated', function () {
+                return _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.videoElementCreated);
+              });
+              this.session.publish(this.publisher.get(), trace_1.traceError);
               return [2
               /*return*/
               ];
@@ -390,15 +396,18 @@ function (_super) {
     _this.publishAudio = function (shouldMute) {
       return __awaiter(_this, void 0, void 0, function () {
         var canPublishAudio;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
+
+        var _a;
+
+        return __generator(this, function (_b) {
+          switch (_b.label) {
             case 0:
               return [4
               /*yield*/
               , MediaCapabilitiesUtils_1.checkAudioCapabilities()];
 
             case 1:
-              canPublishAudio = _a.sent(); // why do we care about audio if 'shouldMute' is true?
+              canPublishAudio = _b.sent();
 
               if (shouldMute && !canPublishAudio) {
                 trace.error('could not publish audio');
@@ -407,28 +416,7 @@ function (_super) {
                 ];
               }
 
-              if (!!this.currentPublisher) return [3
-              /*break*/
-              , 3];
-              return [4
-              /*yield*/
-              , this.createPublisher(__assign(__assign({}, this.settings), {
-                // so if 'shouldMute' is true then we DON't mute?
-                startWithAudioMuted: !shouldMute
-              }))];
-
-            case 2:
-              _a.sent();
-
-              return [3
-              /*break*/
-              , 4];
-
-            case 3:
-              this.currentPublisher.publishAudio(shouldMute);
-              _a.label = 4;
-
-            case 4:
+              (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.publishAudio(shouldMute);
               return [2
               /*return*/
               ];
@@ -440,15 +428,18 @@ function (_super) {
     _this.publishVideo = function (shouldPublishVideo) {
       return __awaiter(_this, void 0, void 0, function () {
         var canPublishVideo;
-        return __generator(this, function (_a) {
-          switch (_a.label) {
+
+        var _a;
+
+        return __generator(this, function (_b) {
+          switch (_b.label) {
             case 0:
               return [4
               /*yield*/
               , MediaCapabilitiesUtils_1.checkVideoCapabilities()];
 
             case 1:
-              canPublishVideo = _a.sent();
+              canPublishVideo = _b.sent();
 
               if (shouldPublishVideo && !canPublishVideo) {
                 trace.error('could not publish video');
@@ -457,27 +448,7 @@ function (_super) {
                 ];
               }
 
-              if (!!this.currentPublisher) return [3
-              /*break*/
-              , 3];
-              return [4
-              /*yield*/
-              , this.createPublisher(__assign(__assign({}, this.settings), {
-                cameraEnabled: shouldPublishVideo
-              }))];
-
-            case 2:
-              _a.sent();
-
-              return [3
-              /*break*/
-              , 4];
-
-            case 3:
-              this.currentPublisher.publishVideo(shouldPublishVideo);
-              _a.label = 4;
-
-            case 4:
+              (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.publishVideo(shouldPublishVideo);
               return [2
               /*return*/
               ];
@@ -488,227 +459,21 @@ function (_super) {
 
     _this.switchCamera = function () {
       return __awaiter(_this, void 0, void 0, function () {
-        var mediaCapabilitiesService, deviceId, cameraSource_1, err_1;
-
-        var _this = this;
-
         var _a;
 
         return __generator(this, function (_b) {
-          switch (_b.label) {
-            case 0:
-              _b.trys.push([0, 3,, 4]);
-
-              return [4
-              /*yield*/
-              , MediaCapabilitiesService_1.MediaCapabilitiesService.getInstance()];
-
-            case 1:
-              mediaCapabilitiesService = _b.sent();
-
-              if (!mediaCapabilitiesService.supportSwitchCamera) {
-                throw new Error('Not Support switch camera');
-              }
-
-              deviceId = '';
-
-              switch (this.settings.selectedCamera) {
-                case MediaConstants_1.MultiPartyCameraTypes.BACK:
-                  cameraSource_1 = MediaConstants_1.MultiPartyCameraTypes.FRONT;
-                  deviceId = mediaCapabilitiesService.frontCameraDeviceId;
-                  this.mirror = true;
-                  break;
-
-                case MediaConstants_1.MultiPartyCameraTypes.FRONT:
-                  cameraSource_1 = MediaConstants_1.MultiPartyCameraTypes.BACK;
-                  deviceId = mediaCapabilitiesService.backCameraDeviceId;
-                  this.mirror = !MediaCapabilitiesUtils_1.checkIsMobile();
-                  break;
-
-                default:
-                  throw new Error("cameraType not valid: " + this.settings.selectedCamera);
-              }
-
-              return [4
-              /*yield*/
-              , (_a = this.currentPublisher) === null || _a === void 0 ? void 0 : _a.setVideoSource(deviceId).then(function () {
-                var _a, _b, _c, _d;
-
-                _this.settings.selectedCamera = cameraSource_1;
-
-                if (_this.mirror) {
-                  (_b = (_a = _this.currentPublisher) === null || _a === void 0 ? void 0 : _a.element) === null || _b === void 0 ? void 0 : _b.classList.add(OPENTOK_MIRRORED_CSS_CLASS);
-                } else {
-                  (_d = (_c = _this.currentPublisher) === null || _c === void 0 ? void 0 : _c.element) === null || _d === void 0 ? void 0 : _d.classList.remove(OPENTOK_MIRRORED_CSS_CLASS);
-                }
-
-                var e = {
-                  cameraSource: cameraSource_1,
-                  mirror: _this.mirror
-                };
-
-                _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.cameraSourceChanged, e);
-
-                trace.info("Success to switch camera to cameraSource: " + cameraSource_1);
-              })];
-
-            case 2:
-              return [2
-              /*return*/
-              , _b.sent()];
-
-            case 3:
-              err_1 = _b.sent();
-              trace.error(JSON.stringify(err_1));
-              throw err_1;
-
-            case 4:
-              return [2
-              /*return*/
-              ];
-          }
-        });
-      });
-    };
-
-    _this.initPublisher = function (settings) {
-      return __awaiter(_this, void 0, void 0, function () {
-        var selectedCamera, isMobile, mediaCapabilitiesService, frontCameraDeviceId, backCameraDeviceId, videoSourceId, mobileCameraType, err_2;
-
-        var _this = this;
-
-        var _a, _b, _c;
-
-        return __generator(this, function (_d) {
-          switch (_d.label) {
-            case 0:
-              _d.trys.push([0, 2,, 3]);
-
-              selectedCamera = settings.selectedCamera;
-              isMobile = MediaCapabilitiesUtils_1.checkIsMobile();
-              return [4
-              /*yield*/
-              , MediaCapabilitiesService_1.MediaCapabilitiesService.getInstance()];
-
-            case 1:
-              mediaCapabilitiesService = _d.sent();
-              frontCameraDeviceId = mediaCapabilitiesService.frontCameraDeviceId, backCameraDeviceId = mediaCapabilitiesService.backCameraDeviceId;
-              videoSourceId = (selectedCamera === MediaConstants_1.MultiPartyCameraTypes.FRONT ? frontCameraDeviceId : backCameraDeviceId) || undefined;
-              mobileCameraType = settings.selectedCamera === MediaConstants_1.MultiPartyCameraTypes.FRONT ? OpentokFacingMode.USER : OpentokFacingMode.ENVIRONMENT;
-              this.mirror = !isMobile || settings.selectedCamera !== MediaConstants_1.MultiPartyCameraTypes.BACK;
-              this.currentPublisher = OT.initPublisher(this.getParticipantId(((_b = (_a = this.session) === null || _a === void 0 ? void 0 : _a.connection) === null || _b === void 0 ? void 0 : _b.connectionId) || ''), {
-                insertMode: 'append',
-                fitMode: 'cover',
-                width: '100%',
-                height: '100%',
-                style: {
-                  buttonDisplayMode: 'off',
-                  archiveStatusDisplayMode: 'off',
-                  audioLevelDisplayMode: 'off',
-                  backgroundImageURI: ((_c = this.branding) === null || _c === void 0 ? void 0 : _c.backgroundImageURI) || MultiPartyService_1.DEFAULT_AVATAR_URI
-                },
-                publishAudio: !settings.startWithAudioMuted,
-                publishVideo: settings.cameraEnabled,
-                videoSource: !isMobile ? videoSourceId : undefined,
-                facingMode: isMobile || !videoSourceId ? mobileCameraType : undefined,
-                mirror: this.mirror
-              }, this.traceErrorCallback);
-
-              if (!this.currentPublisher) {
-                trace.error('failed to init publisher');
-              } else {
-                this.currentPublisher.on('videoElementCreated', function (event) {
-                  trace.info('videoElementCreated', event);
-
-                  _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.videoElementCreated);
-                });
-                this.currentPublisher.on('streamDestroyed', function (event) {
-                  trace.info('Publisher stream destroyed', event);
-                  var connection = event.stream.connection;
-                  var connectionId = connection.connectionId;
-                  var e = {
-                    participantId: _this.getParticipantId(connectionId),
-                    connectionId: connectionId,
-                    isOwnConnection: true,
-                    clientRole: _this.getClientRole(connection)
-                  };
-
-                  _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamDestroyed, e);
-                });
-                this.currentPublisher.on('accessDenied', function () {
-                  trace.info('Publisher denied media permissions');
-                  var e = {
-                    isOwnConnection: true
-                  };
-
-                  _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.mediaDeviceAccessDenied, e);
-                });
-                this.currentPublisher.on('streamCreated', function (event) {
-                  return __awaiter(_this, void 0, void 0, function () {
-                    var _a, hasAudio, hasVideo, connectionId, participantId, clientRole, e;
-
-                    return __generator(this, function (_b) {
-                      switch (_b.label) {
-                        case 0:
-                          return [4
-                          /*yield*/
-                          , MediaCapabilitiesService_1.MediaCapabilitiesService.setDevicesList()];
-
-                        case 1:
-                          _b.sent();
-
-                          _a = event.stream, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
-                          connectionId = event.stream.connection.connectionId;
-                          participantId = this.getParticipantId(connectionId);
-                          clientRole = this.getClientRole(event.stream.connection);
-                          e = {
-                            participantId: participantId,
-                            clientRole: clientRole,
-                            connectionId: connectionId,
-                            hasVideo: hasVideo,
-                            hasAudio: hasAudio,
-                            isOwnConnection: true,
-                            audioEnabled: !this.settings.startWithAudioMuted,
-                            mirror: this.mirror
-                          };
-                          this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamCreated, e);
-                          trace.info('publisher stream created', {
-                            event: event,
-                            hasAudio: hasAudio,
-                            participantId: participantId
-                          });
-                          return [2
-                          /*return*/
-                          ];
-                      }
-                    });
-                  });
-                });
-              }
-
-              return [3
-              /*break*/
-              , 3];
-
-            case 2:
-              err_2 = _d.sent();
-              trace.error(JSON.stringify(err_2));
-              throw err_2;
-
-            case 3:
-              return [2
-              /*return*/
-              ];
-          }
+          return [2
+          /*return*/
+          , (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.switchCamera()];
         });
       });
     };
 
     _this.reinitializeStreams = function (settings) {
       return __awaiter(_this, void 0, void 0, function () {
-        var _a;
+        var _a, _b;
 
-        return __generator(this, function (_b) {
+        return __generator(this, function (_c) {
           if (!this.session) {
             return [2
             /*return*/
@@ -719,32 +484,26 @@ function (_super) {
             return s.subscriber;
           }).forEach((_a = this.session) === null || _a === void 0 ? void 0 : _a.unsubscribe);
           this.subscriberList = [];
-
-          if (this.currentPublisher) {
-            this.currentPublisher.destroy();
-            this.currentPublisher = undefined;
-          }
-
+          (_b = this.publisher) === null || _b === void 0 ? void 0 : _b.destroy();
           return [2
           /*return*/
-          , this.createPublisher(settings)];
+          , this.initPublisher(settings)];
         });
       });
     };
 
     _this.streamCreatedHandler = function (event) {
       return __awaiter(_this, void 0, void 0, function () {
-        var stream, connection, connectionId, hasAudio, hasVideo, participantId, clientRole, subscriber, e;
+        var stream, connection, hasAudio, hasVideo, videoDimensions, connectionId, participantId, clientRole, subscriber;
         return __generator(this, function (_a) {
           switch (_a.label) {
             case 0:
               trace.info('streamCreatedHandler', event.stream);
               stream = event.stream;
-              connection = stream.connection;
+              connection = stream.connection, hasAudio = stream.hasAudio, hasVideo = stream.hasVideo, videoDimensions = stream.videoDimensions;
               connectionId = connection.connectionId;
-              hasAudio = stream.hasAudio, hasVideo = stream.hasVideo;
               participantId = this.getParticipantId(connectionId);
-              clientRole = this.getClientRole(connection);
+              clientRole = OpentokUtils_1.getClientRole(connection);
               return [4
               /*yield*/
               , MediaCapabilitiesService_1.MediaCapabilitiesService.setDevicesList()];
@@ -754,7 +513,7 @@ function (_super) {
 
               if (this.ownConnectionId && stream && connectionId !== this.ownConnectionId) {
                 if (this.subscriberList.length < MultiPartyService_1.maxParticipantsNumber - 1) {
-                  subscriber = this.createSubscriber(stream, connectionId);
+                  subscriber = OpentokSubscriber_1.createSubscriber(this.session, stream, this.getParticipantId(connectionId), this.backgroundImageURI);
                   this.subscriberList.push({
                     subscriber: subscriber,
                     connectionId: connectionId,
@@ -765,17 +524,16 @@ function (_super) {
                 }
               }
 
-              e = {
+              this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamCreated, {
                 participantId: participantId,
                 clientRole: clientRole,
                 connectionId: connectionId,
                 hasVideo: hasVideo,
                 hasAudio: hasAudio,
                 isOwnConnection: false,
-                audioEnabled: !this.settings.startWithAudioMuted,
-                mirror: false
-              };
-              this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamCreated, e);
+                mirror: false,
+                videoDimensions: videoDimensions
+              });
               return [2
               /*return*/
               ];
@@ -788,17 +546,16 @@ function (_super) {
       trace.info('streamDestroyedHandler', event);
       var connection = event.stream.connection;
       var connectionId = connection.connectionId;
-      var e = {
-        participantId: _this.getParticipantId(connectionId),
-        connectionId: connectionId,
-        isOwnConnection: false,
-        clientRole: _this.getClientRole(connection)
-      };
       _this.subscriberList = _this.subscriberList.filter(function (subscriber) {
         return subscriber.connectionId !== connectionId;
       });
 
-      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamDestroyed, e);
+      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamDestroyed, {
+        participantId: _this.getParticipantId(connectionId),
+        connectionId: connectionId,
+        isOwnConnection: false,
+        clientRole: OpentokUtils_1.getClientRole(connection)
+      });
     };
 
     _this.connectionCreatedHandler = function (event) {
@@ -810,28 +567,25 @@ function (_super) {
         return;
       }
 
-      var e = {
-        clientRole: _this.getClientRole(connection),
+      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectionCreated, {
+        clientRole: OpentokUtils_1.getClientRole(connection),
         participantId: _this.getParticipantId(connectionId),
         connectionId: connectionId,
         isOwnConnection: _this.checkOwnConnection(connectionId)
-      };
-
-      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectionCreated, e);
+      });
     };
 
     _this.connectionDestroyedHandler = function (event) {
       var connection = event.connection;
       var connectionId = connection.connectionId;
       trace.info('connectionDestroyedHandler', event);
-      var e = {
-        clientRole: _this.getClientRole(connection),
+
+      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectionDestroyed, {
+        clientRole: OpentokUtils_1.getClientRole(connection),
         participantId: _this.getParticipantId(connectionId),
         connectionId: connectionId,
         isOwnConnection: _this.checkOwnConnection(connectionId)
-      };
-
-      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.connectionDestroyed, e);
+      });
 
       if (connectionId !== _this.ownConnectionId || !_this.ownConnectionId) {
         return;
@@ -845,59 +599,29 @@ function (_super) {
       var _a = event.stream,
           hasVideo = _a.hasVideo,
           hasAudio = _a.hasAudio,
-          connection = _a.connection;
+          connection = _a.connection,
+          videoDimensions = _a.videoDimensions;
       var connectionId = connection.connectionId;
-      var e = {
+
+      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamPropertyChanged, {
         hasVideo: hasVideo,
         hasAudio: hasAudio,
         participantId: _this.getParticipantId(connectionId),
         connectionId: connectionId,
         isOwnConnection: _this.checkOwnConnection(connectionId),
-        clientRole: _this.getClientRole(connection)
-      };
-
-      _this.emit(MultipartyServiceEventTypes_1.MULTI_PARTY_EVENTS.streamPropertyChanged, e);
-    };
-
-    _this.traceErrorCallback = function (error) {
-      trace.error(JSON.stringify(error));
+        clientRole: OpentokUtils_1.getClientRole(connection),
+        videoDimensions: videoDimensions
+      });
     };
 
     _this.sessionDisconnectedHandler = function (event) {
-      trace.info('sessionDisconnectedHandler', event); // ToDo: Below line makes no sense (according to the OT types). This is not how OT signals work.
-      // this?.session?.signal({ retryAfterReconnect: true });
-    };
-
-    _this.createSubscriber = function (stream, connectionId) {
-      var _a; // ToDo: OT session can be undefined. This needs to be fixed.
-
-
-      var subscriber = _this.session.subscribe(stream, _this.getParticipantId(connectionId), {
-        insertMode: 'append',
-        fitMode: 'cover',
-        width: '100%',
-        height: '100%',
-        style: {
-          buttonDisplayMode: 'off',
-          audioLevelDisplayMode: 'off',
-          videoDisabledDisplayMode: 'off',
-          backgroundImageURI: ((_a = _this.branding) === null || _a === void 0 ? void 0 : _a.backgroundImageURI) || MultiPartyService_1.DEFAULT_AVATAR_URI
-        }
-      }, function (err) {
-        _this.traceErrorCallback(err);
-      });
-
-      subscriber.on('videoElementCreated', function (event) {
-        trace.info('videoElementCreated', event);
-      });
-      return subscriber;
+      trace.info('sessionDisconnectedHandler', event);
     };
 
     _this.checkOwnConnection = function (connectionId) {
       return _this.ownConnectionId !== undefined && _this.ownConnectionId === connectionId;
     };
 
-    _this.branding = settings.branding;
     return _this;
   }
 
@@ -917,11 +641,6 @@ function (_super) {
     enumerable: false,
     configurable: true
   });
-
-  OpentokMultiPartyService.prototype.getClientRole = function (connection) {
-    return (connection === null || connection === void 0 ? void 0 : connection.data) && JSON.parse(connection.data).clientRole || MediaConstants_1.SessionClientRole.USER;
-  };
-
   return OpentokMultiPartyService;
 }(MultiPartyService_1.MultiPartyService);