@techsee/techsee-media-service-client 999.1.1-jaber-PinIssue → 999.1.1-revert-debug

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EndMeetingButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACT,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAWF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
+{"version":3,"file":"EndMeetingButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACT,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAOjD,CAAC"}

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js

@@ -1,15 +1,11 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EndMeetingButtonPanel = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
 var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
-var endMeetingButtonPanel = function (_a) {
+var EndMeetingButtonPanel = function (_a) {
     var onEndMeetingRequested = _a.onEndMeetingRequested;
     return (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: MultipartyButton_1.MultipartyButtonType.Mobile, onClick: onEndMeetingRequested, iconName: 'slim-x', isBackgroundVisible: true }, void 0));
 };
-exports.EndMeetingButtonPanel = react_1.default.memo(endMeetingButtonPanel);
+exports.EndMeetingButtonPanel = EndMeetingButtonPanel;
 //# sourceMappingURL=EndMeetingButtonPanel.js.map

package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"EndMeetingButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA0B;AAC1B,yEAA4F;AAM5F,IAAM,qBAAqB,GAAG,UAAC,EAA8B;QAA7B,qBAAqB,2BAAA;IAA0B,OAAA,CAC3E,kBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,MAAM,EACjC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAC,QAAQ,EACjB,mBAAmB,iBACrB,CACL;AAP8E,CAO9E,CAAC;AAEW,QAAA,qBAAqB,GAAoB,eAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"EndMeetingButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":";;;;AACA,yEAA4F;AAMrF,IAAM,qBAAqB,GAAoB,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IAAmB,OAAA,CAC5F,kBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,MAAM,EACjC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAC,QAAQ,EACjB,mBAAmB,iBACrB,CACL;AAP+F,CAO/F,CAAC;AAPW,QAAA,qBAAqB,yBAOhC"}

package/lib/components/Multiparty.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
-import { VideoLayoutType } from '@techsee/techsee-common/lib/constants/media.constants';
+import { VideoLayoutType } from '@techsee/techsee-media-service/lib/MultiParty';
 import { IMultipartyController } from '../services/MultipartyController';
-import { OnPinnedVideoChangedCb } from '../services/types';
+import { OnPinnedUserChangedCb } from '../services/types';
 import { MultipartyTranslationStrings, OnEndMeetingRequestedCb, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb } from './Multiparty.types';
 import '@techsee/techsee-ui-common/lib/_shared/icons.css';
 import './Multiparty.scss';
@@ -11,7 +11,7 @@ declare type MultipartyProps = {
     selectedLayoutType: VideoLayoutType;
     isPeerMediaPermissionRejected?: boolean;
     onPermissionsModalVisibilityChanged?: OnPermissionsModalVisibilityChangedCb;
-    onPinnedVideoChanged?: OnPinnedVideoChangedCb;
+    onPinnedUserChanged?: OnPinnedUserChangedCb;
     onSnapshotRequested?: OnSnapshotRequestedCb;
     onEndMeetingRequested?: OnEndMeetingRequestedCb;
     videoOverlay?: (props: {

package/lib/components/Multiparty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Multiparty.d.ts","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmC,MAAM,OAAO,CAAC;AAGlE,OAAO,EAAC,eAAe,EAAC,MAAM,uDAAuD,CAAC;AACtF,OAAO,EAAC,qBAAqB,EAA2B,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAGH,sBAAsB,EAGzB,MAAM,mBAAmB,CAAC;AAI3B,OAAO,EACH,4BAA4B,EAC5B,uBAAuB,EACvB,qCAAqC,EACrC,qBAAqB,EAExB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,kDAAkD,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAE3B,aAAK,eAAe,GAAG;IACnB,UAAU,EAAE,qBAAqB,CAAC;IAClC,YAAY,EAAE,4BAA4B,CAAC;IAC3C,kBAAkB,EAAE,eAAe,CAAC;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,mCAAmC,CAAC,EAAE,qCAAqC,CAAC;IAC5E,oBAAoB,CAAC,EAAE,sBAAsB,CAAC;IAC9C,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAwMhD,CAAC"}
+{"version":3,"file":"Multiparty.d.ts","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAmC,MAAM,OAAO,CAAC;AAElE,OAAO,EAA2B,eAAe,EAAC,MAAM,+CAA+C,CAAC;AACxG,OAAO,EAAC,qBAAqB,EAA2B,MAAM,kCAAkC,CAAC;AACjG,OAAO,EAAoB,qBAAqB,EAAsC,MAAM,mBAAmB,CAAC;AAIhH,OAAO,EACH,4BAA4B,EAC5B,uBAAuB,EACvB,qCAAqC,EACrC,qBAAqB,EAExB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,kDAAkD,CAAC;AAC1D,OAAO,mBAAmB,CAAC;AAE3B,aAAK,eAAe,GAAG;IACnB,UAAU,EAAE,qBAAqB,CAAC;IAClC,YAAY,EAAE,4BAA4B,CAAC;IAC3C,kBAAkB,EAAE,eAAe,CAAC;IACpC,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC,mCAAmC,CAAC,EAAE,qCAAqC,CAAC;IAC5E,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CACvF,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgLhD,CAAC"}

package/lib/components/Multiparty.js

@@ -52,7 +52,6 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
 var MultiParty_1 = require("@techsee/techsee-media-service/lib/MultiParty");
-var media_constants_1 = require("@techsee/techsee-common/lib/constants/media.constants");
 var MultipartyController_1 = require("../services/MultipartyController");
 var types_1 = require("../services/types");
 var utils_1 = require("../utils");
@@ -63,22 +62,17 @@ var VideoLayouts_1 = require("./VideoLayouts");
 require("@techsee/techsee-ui-common/lib/_shared/icons.css");
 require("./Multiparty.scss");
 var Multiparty = function (_a) {
-    var controller = _a.controller, translations = _a.translations, isPeerMediaPermissionRejected = _a.isPeerMediaPermissionRejected, selectedLayoutType = _a.selectedLayoutType, onPermissionsModalVisibilityChanged = _a.onPermissionsModalVisibilityChanged, onPinnedVideoChanged = _a.onPinnedVideoChanged, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay;
+    var controller = _a.controller, translations = _a.translations, isPeerMediaPermissionRejected = _a.isPeerMediaPermissionRejected, selectedLayoutType = _a.selectedLayoutType, onPermissionsModalVisibilityChanged = _a.onPermissionsModalVisibilityChanged, onPinnedUserChanged = _a.onPinnedUserChanged, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay;
     var _b = react_1.useState(false), firstPeerDidConnect = _b[0], setFirstPeerDidConnect = _b[1];
     var _c = react_1.useState(true), wasMediaPermissionsModalClosed = _c[0], setWasMediaPermissionsModalClosed = _c[1];
     var _d = react_1.useState(false), isOwnMediaPermissionsRejected = _d[0], setOwnMediaPermissionsRejected = _d[1];
     var _e = react_1.useState(controller.userRole), userRole = _e[0], setUserRole = _e[1];
-    var _f = react_1.useState({
-        pinnedUserRole: controller.getPinnedVideo().pinnedUserRole,
-        videoType: controller.getPinnedVideo().videoType
-    }), pinnedVideo = _f[0], setPinnedVideo = _f[1];
+    var _f = react_1.useState(controller.pinnedUser), pinnedUser = _f[0], setPinnedUser = _f[1];
     var _g = react_1.useState(controller.isAudioDisabled), isAudioDisabled = _g[0], setIsAudioDisabled = _g[1];
     var _h = react_1.useState(false), isAudioMuted = _h[0], setIsAudioMuted = _h[1];
     var _j = react_1.useState(false), isVideoTurnedOff = _j[0], setIsVideoTurnedOff = _j[1];
     var _k = react_1.useState(false), isSwitchCameraSupported = _k[0], setIsSwitchCameraSupported = _k[1];
-    var _l = react_1.useState(true), isLoading = _l[0], setIsLoading = _l[1];
-    var _m = react_1.useState(false), isScreenSharingEnabled = _m[0], setIsScreenSharingEnabled = _m[1];
-    var _o = react_1.useState([]), connections = _o[0], setConnections = _o[1];
+    var _l = react_1.useState([]), connections = _l[0], setConnections = _l[1];
     var toggleMute = react_1.useCallback(function () { return controller.toggleAudio(isAudioMuted); }, [controller, isAudioMuted]);
     var switchCamera = react_1.useCallback(function () { return controller.switchCamera(); }, [controller]);
     var toggleVideo = react_1.useCallback(function () { return controller.toggleVideo(isVideoTurnedOff); }, [controller, isVideoTurnedOff]);
@@ -108,29 +102,7 @@ var Multiparty = function (_a) {
     react_1.useEffect(function () {
         setIsAudioDisabled(controller.isAudioDisabled);
     }, [controller.isAudioDisabled]);
-    react_1.useEffect(function () {
-        var checkScreenSharing = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var isSharingEnabled;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!(selectedLayoutType !== media_constants_1.VideoLayoutType.AgentPinnedLayout)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, controller.isScreenSharingEnabled()];
-                    case 1:
-                        isSharingEnabled = _a.sent();
-                        setIsScreenSharingEnabled(isSharingEnabled);
-                        _a.label = 2;
-                    case 2:
-                        setIsLoading(false);
-                        return [2 /*return*/];
-                }
-            });
-        }); };
-        checkScreenSharing();
-    }, []);
-    utils_1.useEvent(controller, MultipartyController_1.MultipartyEventsInternal.setPinnedVideo, function (newPinnedVideo) {
-        setPinnedVideo({ pinnedUserRole: newPinnedVideo.pinnedUserRole, videoType: newPinnedVideo.videoType });
-    }, []);
+    utils_1.useEvent(controller, MultipartyController_1.MultipartyEventsInternal.setPinnedUser, function (userType) { return setPinnedUser(userType); }, []);
     utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionCreated, function () {
         var updatedConnections = controller.connections.get();
         setConnections(updatedConnections);
@@ -185,10 +157,7 @@ var Multiparty = function (_a) {
         }
         return null;
     };
-    return isLoading ? null : (jsx_runtime_1.jsxs("div", __assign({ className: 'mutltiparty-container' }, { children: [jsx_runtime_1.jsx(MediaRejectedModalWithProps, {}, void 0), jsx_runtime_1.jsx(VideoLayouts_1.VideoLayoutManager, { connections: connections, selectedLayoutType: selectedLayoutType, userRole: userRole, pinnedVideo: {
-                    pinnedUserRole: types_1.toSessionClientRole(pinnedVideo.pinnedUserRole),
-                    videoType: pinnedVideo.videoType
-                }, translations: translations, firstPeerConnected: firstPeerDidConnect, onModalOpen: onModalOpen, onToggleMute: !isAudioDisabled ? toggleMute : undefined, isAudioMuted: isAudioMuted, onToggleVideo: toggleVideo, isVideoTurnedOff: isVideoTurnedOff, onVideoPinned: onPinnedVideoChanged, onSwitchCamera: isSwitchCameraSupported ? switchCamera : undefined, onSnapshotRequested: onSnapshotRequested, onEndMeetingRequested: onEndMeetingRequested, videoOverlay: videoOverlay, isScreenSharingEnabled: isScreenSharingEnabled }, void 0)] }), void 0));
+    return (jsx_runtime_1.jsxs("div", __assign({ className: 'mutltiparty-container' }, { children: [jsx_runtime_1.jsx(MediaRejectedModalWithProps, {}, void 0), jsx_runtime_1.jsx(VideoLayouts_1.VideoLayoutManager, { connections: connections, selectedLayoutType: selectedLayoutType, userRole: userRole, pinnedVideo: types_1.toSessionClientRole(pinnedUser), translations: translations, firstPeerConnected: firstPeerDidConnect, onModalOpen: onModalOpen, onToggleMute: !isAudioDisabled ? toggleMute : undefined, isAudioMuted: isAudioMuted, onToggleVideo: toggleVideo, isVideoTurnedOff: isVideoTurnedOff, onVideoPinned: onPinnedUserChanged, onSwitchCamera: isSwitchCameraSupported ? switchCamera : undefined, onSnapshotRequested: onSnapshotRequested, onEndMeetingRequested: onEndMeetingRequested, videoOverlay: videoOverlay }, void 0)] }), void 0));
 };
 exports.Multiparty = Multiparty;
 //# sourceMappingURL=Multiparty.js.map

package/lib/components/Multiparty.js.map

@@ -1 +1 @@
-{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAClE,oFAAoF;AACpF,4EAAwG;AACxG,yEAAiG;AACjG,2CAAgH;AAChH,kCAAgD;AAChD,yEAAkE;AAClE,8EAA2E;AAC3E,uDAM4B;AAC5B,+CAAkD;AAElD,4DAA0D;AAC1D,6BAA2B;AAcpB,IAAM,UAAU,GAA8B,UAAC,EAUrD;QATG,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,6BAA6B,mCAAA,EAC7B,kBAAkB,wBAAA,EAClB,mCAAmC,yCAAA,EACnC,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA;IAEN,IAAA,KAAgD,gBAAQ,CAAC,KAAK,CAAC,EAA9D,mBAAmB,QAAA,EAAE,sBAAsB,QAAmB,CAAC;IAChE,IAAA,KAAsE,gBAAQ,CAAC,IAAI,CAAC,EAAnF,8BAA8B,QAAA,EAAE,iCAAiC,QAAkB,CAAC;IACrF,IAAA,KAAkE,gBAAQ,CAAC,KAAK,CAAC,EAAhF,6BAA6B,QAAA,EAAE,8BAA8B,QAAmB,CAAC;IAElF,IAAA,KAA0B,gBAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAtD,QAAQ,QAAA,EAAE,WAAW,QAAiC,CAAC;IACxD,IAAA,KAA8B,gBAAQ,CAAiB,UAAU,CAAC,UAAU,CAAC,EAA5E,UAAU,QAAA,EAAE,aAAa,QAAmD,CAAC;IAC9E,IAAA,KAAwC,gBAAQ,CAAC,UAAU,CAAC,eAAe,CAAC,EAA3E,eAAe,QAAA,EAAE,kBAAkB,QAAwC,CAAC;IAE7E,IAAA,KAAkC,gBAAQ,CAAC,KAAK,CAAC,EAAhD,YAAY,QAAA,EAAE,eAAe,QAAmB,CAAC;IAClD,IAAA,KAA0C,gBAAQ,CAAC,KAAK,CAAC,EAAxD,gBAAgB,QAAA,EAAE,mBAAmB,QAAmB,CAAC;IAC1D,IAAA,KAAwD,gBAAQ,CAAC,KAAK,CAAC,EAAtE,uBAAuB,QAAA,EAAE,0BAA0B,QAAmB,CAAC;IAExE,IAAA,KAAgC,gBAAQ,CAA2B,EAAE,CAAC,EAArE,WAAW,QAAA,EAAE,cAAc,QAA0C,CAAC;IAE7E,IAAM,UAAU,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,WAAW,CAAC,YAAY,CAAC,EAApC,CAAoC,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;IACvG,IAAM,YAAY,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,YAAY,EAAE,EAAzB,CAAyB,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAChF,IAAM,WAAW,GAAG,mBAAW,CAAC,cAAM,OAAA,UAAU,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAxC,CAAwC,EAAE,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAChH,IAAM,aAAa,GAAG,mBAAW,CAAC,cAAM,OAAA,iCAAiC,CAAC,KAAK,CAAC,EAAxC,CAAwC,EAAE,EAAE,CAAC,CAAC;IACtF,IAAM,WAAW,GAAG,mBAAW,CAAC,cAAM,OAAA,iCAAiC,CAAC,IAAI,CAAC,EAAvC,CAAuC,EAAE,EAAE,CAAC,CAAC;IAEnF,iBAAS,CAAC;QACN,UAAU,CAAC,OAAO,EAAE,CAAC;QACrB,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,OAAO,cAAM,OAAA,UAAU,CAAC,UAAU,EAAE,EAAvB,CAAuB,CAAC;IACzC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,iBAAS,CAAC;QACN,mCAAmC,aAAnC,mCAAmC,uBAAnC,mCAAmC,CAC/B,6BAA6B,IAAI,8BAA8B;YAC3D,CAAC,CAAC,yDAAsC,CAAC,UAAU;YACnD,CAAC,CAAC,yDAAsC,CAAC,YAAY,CAC5D,CAAC;IACN,CAAC,EAAE,CAAC,6BAA6B,EAAE,8BAA8B,EAAE,mCAAmC,CAAC,CAAC,CAAC;IAEzG,iBAAS,CAAC;QACN,UAAU,CAAC,WAAW,CAAC,8BAA8B,CAAC,6BAA6B,CAAC,CAAC;QAErF,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,iBAAS,CAAC;QACN,UAAU,CAAC,WAAW,CAAC,+BAA+B,CAAC,6BAA6B,IAAI,KAAK,CAAC,CAAC;QAE/F,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,UAAU,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,iBAAS,CAAC;QACN,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE1B,iBAAS,CAAC;QACN,kBAAkB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACnD,CAAC,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC;IAEjC,gBAAQ,CACJ,UAAU,EACV,+CAAwB,CAAC,aAAa,EACtC,UAAC,QAAwB,IAAK,OAAA,aAAa,CAAC,QAAQ,CAAC,EAAvB,CAAuB,EACrD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,iBAAiB,EAClC;QACI,IAAM,kBAAkB,GAAG,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC;QAExD,cAAc,CAAC,kBAAkB,CAAC,CAAC;QAEnC,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE;YAC/B,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAChC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,mBAAmB,EACpC;QACI,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;IACjD,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,aAAa,EAC9B,UAAO,EAAqC;YAApC,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;;;;;;wBACvC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;6BAEzC,eAAe,EAAf,wBAAe;wBACc,qBAAM,qCAAwB,EAAE,EAAA;;wBAAvD,oBAAoB,GAAG,SAAgC;wBAE7D,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;wBACjD,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;wBAC3B,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;;;;;;KAEtC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,qBAAqB,EACtC,UAAC,EAAqC;YAApC,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;QACjC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,IAAI,eAAe,EAAE;YACjB,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC;YAC3B,mBAAmB,CAAC,CAAC,QAAQ,CAAC,CAAC;SAClC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,gBAAQ,CACJ,UAAU,EACV,uCAAgB,CAAC,uBAAuB,EACxC,UAAC,EAAiB;YAAhB,eAAe,qBAAA;QACb,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,CAAC;QAE7C,IAAI,eAAe,EAAE;YACjB,8BAA8B,CAAC,IAAI,CAAC,CAAC;SACxC;IACL,CAAC,EACD,EAAE,CACL,CAAC;IAEF,IAAM,2BAA2B,GAAG;QAChC,IACI,UAAU,CAAC,QAAQ,KAAK,kCAAiB,CAAC,IAAI;YAC9C,6BAA6B;YAC7B,8BAA8B,EAChC;YACE,OAAO,kBAAC,uCAAkB,IAAC,MAAM,EAAE,oBAAY,EAAE,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,WAAI,CAAC;SAC7G;QAED,OAAO,IAAI,CAAC;IAChB,CAAC,CAAC;IAEF,OAAO,CACH,qCAAK,SAAS,EAAC,uBAAuB,iBAClC,kBAAC,2BAA2B,aAAG,EAC/B,kBAAC,iCAAkB,IACf,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,2BAAmB,CAAC,UAAU,CAAC,EAC5C,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,mBAAmB,EACvC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACvD,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,WAAW,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,mBAAmB,EAClC,cAAc,EAAE,uBAAuB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAClE,mBAAmB,EAAE,mBAAmB,EACxC,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,WAC5B,aACA,CACT,CAAC;AACN,CAAC,CAAC;AAhLW,QAAA,UAAU,cAgLrB"}

package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts

@@ -1,18 +1,21 @@
-import { SessionClientRole } from '@techsee/techsee-media-service/lib/MediaConstants';
 import React, { RefObject } from 'react';
-import { ConnectionDetails } from '../../../services/types';
-import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
+import { SessionClientRole } from '@techsee/techsee-media-service/lib/MediaConstants';
+import { ConnectionDetails, OnPinnedUserChangedCb } from '../../../services/types';
 import { OnEndMeetingRequestedCb, OnSnapshotRequestedCb } from '../../Multiparty.types';
-import { ButtonsSpacing } from '../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel';
-export interface IBigMainAreaProps {
+import './BigAreaLayout.scss';
+import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
+declare type Props = {
     mainConnection?: ConnectionDetails;
+    peerConnection?: ConnectionDetails;
+    pinnedVideo?: SessionClientRole;
     userRole: SessionClientRole;
     firstPeerConnected: boolean;
+    onVideoPinned?: OnPinnedUserChangedCb;
+    onModalOpen?: () => void;
     translations: VideoTranslationStrings;
     onToggleMute?: () => void;
     onToggleVideo?: () => void;
     onSwitchCamera?: () => void;
-    onModalOpen?: () => void;
     isAudioMuted: boolean;
     isVideoTurnedOff: boolean;
     onSnapshotRequested?: OnSnapshotRequestedCb;
@@ -20,27 +23,12 @@ export interface IBigMainAreaProps {
     videoOverlay?: (props: {
         floatingElements: RefObject<HTMLElement>[];
     }) => JSX.Element;
-}
-export declare type MediaButtonsPanelProps = {
-    buttonsSpacing: ButtonsSpacing;
-    isHover?: boolean;
 };
 export declare enum FocusedVideoArea {
     NONE = 0,
     SMALL = 1,
     BIG = 2
 }
-declare type IProps = {
-    userRole: SessionClientRole;
-    isAudioMuted: boolean;
-    isVideoTurnedOff: boolean;
-    mediaButtonsPanelRef: React.RefObject<HTMLDivElement>;
-    props: MediaButtonsPanelProps;
-    onToggleMute?: () => void;
-    onToggleVideo?: () => void;
-    onSwitchCamera?: () => void;
-};
-export declare const MediaButtons: ({ userRole, isAudioMuted, isVideoTurnedOff, mediaButtonsPanelRef, props, onToggleMute, onToggleVideo, onSwitchCamera }: IProps) => JSX.Element;
-export declare const getMediaButtons: React.FC<IProps>;
+export declare const BigAreaLayout: React.FC<Props>;
 export {};
 //# sourceMappingURL=BigAreaLayout.d.ts.map

package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BigAreaLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC;AACtF,OAAO,EAAC,cAAc,EAAoB,MAAM,wDAAwD,CAAC;AAGzG,MAAM,WAAW,iBAAiB;IAC9B,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,YAAY,EAAE,uBAAuB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CACvF;AAED,oBAAY,sBAAsB,GAAG;IACjC,cAAc,EAAE,cAAc,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,oBAAY,gBAAgB;IACxB,IAAI,IAAA;IACJ,KAAK,IAAA;IACL,GAAG,IAAA;CACN;AAED,aAAK,MAAM,GAAG;IACV,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACtD,KAAK,EAAE,sBAAsB,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,YAAY,2HAStB,MAAM,KAAG,WAsBX,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAA4B,CAAC"}
+{"version":3,"file":"BigAreaLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAgC,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAmC,MAAM,yBAAyB,CAAC;AACnH,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC;AAUtF,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAmB,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AAKvF,aAAK,KAAK,GAAG;IACT,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,uBAAuB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;CACvF,CAAC;AAOF,oBAAY,gBAAgB;IACxB,IAAI,IAAA;IACJ,KAAK,IAAA;IACL,GAAG,IAAA;CACN;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgKzC,CAAC"}

package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js

@@ -14,27 +14,52 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMediaButtons = exports.MediaButtons = exports.FocusedVideoArea = void 0;
+exports.BigAreaLayout = exports.FocusedVideoArea = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
-var react_1 = __importDefault(require("react"));
-var MediaButtonsPanel_1 = require("../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel");
+var types_1 = require("../../../services/types");
 var ButtonPanels_1 = require("../../ButtonPanels");
+var Video_1 = require("../../Video/Video");
+var MediaButtonsPanel_1 = require("../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel");
+require("./BigAreaLayout.scss");
+var VideoPlaceholder_1 = require("../../Video/VideoPlaceholder");
+var BigAreaMediaPermissionDeniedPlaceholder_1 = __importDefault(require("../../VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder"));
+var SmallAreaMediaPermissionDeniedPlaceholder_1 = __importDefault(require("../../VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder"));
+var Avatar_1 = require("../../Avatar/Avatar");
 var FocusedVideoArea;
 (function (FocusedVideoArea) {
     FocusedVideoArea[FocusedVideoArea["NONE"] = 0] = "NONE";
     FocusedVideoArea[FocusedVideoArea["SMALL"] = 1] = "SMALL";
     FocusedVideoArea[FocusedVideoArea["BIG"] = 2] = "BIG";
 })(FocusedVideoArea = exports.FocusedVideoArea || (exports.FocusedVideoArea = {}));
-var MediaButtons = function (_a) {
-    var userRole = _a.userRole, isAudioMuted = _a.isAudioMuted, isVideoTurnedOff = _a.isVideoTurnedOff, mediaButtonsPanelRef = _a.mediaButtonsPanelRef, props = _a.props, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera;
-    // eslint-disable-next-line no-console
-    console.log('mediaButtons rendering');
-    var buttonsSpacing = props.buttonsSpacing, isHover = props.isHover;
-    var isAgent = userRole === MediaConstants_1.SessionClientRole.AGENT;
-    var cssClass = isAgent ? 'media-buttons-panel-agent' : 'media-buttons-panel-user';
-    return (jsx_runtime_1.jsx("div", __assign({ className: cssClass, ref: mediaButtonsPanelRef }, { children: jsx_runtime_1.jsx(MediaButtonsPanel_1.MediaButtonsPanel, { onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, buttonsType: isAgent ? ButtonPanels_1.MultipartyButtonType.Desktop : ButtonPanels_1.MultipartyButtonType.Mobile, buttonsSpacing: buttonsSpacing, isMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, isBackgroundVisible: !isAgent || isHover, isIconTransparencyEnabled: isAgent }, void 0) }), void 0));
+var BigAreaLayout = function (_a) {
+    var mainConnection = _a.mainConnection, peerConnection = _a.peerConnection, pinnedVideo = _a.pinnedVideo, userRole = _a.userRole, firstPeerConnected = _a.firstPeerConnected, onVideoPinned = _a.onVideoPinned, onModalOpen = _a.onModalOpen, translations = _a.translations, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isAudioMuted = _a.isAudioMuted, isVideoTurnedOff = _a.isVideoTurnedOff, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, VideoOverlay = _a.videoOverlay;
+    var _b = react_1.useState(FocusedVideoArea.NONE), focusedVideoArea = _b[0], setFocusedVideoArea = _b[1];
+    var snapshotButtonPanelRef = react_1.useRef(null);
+    var pinButtonPanelRef = react_1.useRef(null);
+    var mediaButtonsPanelRef = react_1.useRef(null);
+    var endMeetingButtonPanelRef = react_1.useRef(null);
+    var floatingElements = [
+        pinButtonPanelRef,
+        snapshotButtonPanelRef,
+        mediaButtonsPanelRef,
+        endMeetingButtonPanelRef
+    ];
+    var MediaButtons = react_1.useCallback(function (props) {
+        var buttonsSpacing = props.buttonsSpacing, isHover = props.isHover;
+        var isAgent = userRole === MediaConstants_1.SessionClientRole.AGENT;
+        var cssClass = isAgent ? 'media-buttons-panel-agent' : 'media-buttons-panel-user';
+        return (jsx_runtime_1.jsx("div", __assign({ className: cssClass, ref: mediaButtonsPanelRef }, { children: jsx_runtime_1.jsx(ButtonPanels_1.MediaButtonsPanel, { onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, buttonsType: isAgent ? ButtonPanels_1.MultipartyButtonType.Desktop : ButtonPanels_1.MultipartyButtonType.Mobile, buttonsSpacing: buttonsSpacing, isMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, isBackgroundVisible: !isAgent || isHover, isIconTransparencyEnabled: isAgent }, void 0) }), void 0));
+    }, [onToggleMute, onToggleVideo, onSwitchCamera, userRole, isAudioMuted, isVideoTurnedOff, mediaButtonsPanelRef]);
+    var getPinnedCallback = react_1.useCallback(function (role) {
+        return role && onVideoPinned
+            ? function () { return onVideoPinned(role !== pinnedVideo ? types_1.toPinnedUserType(role) : types_1.PinnedUserType.NONE); }
+            : undefined;
+    }, [onVideoPinned, pinnedVideo]);
+    var mainConnectionRole = mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.userRole;
+    var peerConnectionRole = peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole;
+    return (jsx_runtime_1.jsxs("div", __assign({ className: 'big-main-video-layout use-common-styles' }, { children: [jsx_runtime_1.jsxs("div", __assign({ className: 'big-area', onMouseEnter: function () { return setFocusedVideoArea(FocusedVideoArea.BIG); }, onMouseLeave: function () { return setFocusedVideoArea(FocusedVideoArea.NONE); } }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && mainConnectionRole === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Sparse, isHover: focusedVideoArea === FocusedVideoArea.BIG }, void 0)), userRole === MediaConstants_1.SessionClientRole.AGENT && onVideoPinned && (jsx_runtime_1.jsx("div", __assign({ className: 'pin-button-panel', ref: pinButtonPanelRef }, { children: jsx_runtime_1.jsx(ButtonPanels_1.PinButtonPanel, { isPinned: mainConnectionRole !== undefined && mainConnectionRole === pinnedVideo, isVideoHover: focusedVideoArea === FocusedVideoArea.BIG, onTogglePin: getPinnedCallback(mainConnectionRole) }, void 0) }), void 0)), userRole === MediaConstants_1.SessionClientRole.AGENT && onSnapshotRequested && (jsx_runtime_1.jsx("div", __assign({ className: 'snapshot-button-panel', ref: snapshotButtonPanelRef }, { children: jsx_runtime_1.jsx(ButtonPanels_1.SnapshotButtonPanel, { onSnapshot: onSnapshotRequested }, void 0) }), void 0)), jsx_runtime_1.jsx(Video_1.Video, __assign({ connectionDetails: mainConnection }, { children: jsx_runtime_1.jsx(VideoPlaceholder_1.VideoPlaceholder, __assign({ translations: translations, firstPeerConnected: firstPeerConnected, connectionDetails: mainConnection }, { children: (mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.isMediaPermissionsRejected) ? (jsx_runtime_1.jsx(BigAreaMediaPermissionDeniedPlaceholder_1.default, { connectionDetails: mainConnection, onModalOpen: (mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.isOwnConnection) ? onModalOpen : undefined, translations: translations }, void 0)) : (jsx_runtime_1.jsx(Avatar_1.Avatar, {}, void 0)) }), void 0) }), void 0), VideoOverlay && (jsx_runtime_1.jsx("div", __assign({ className: 'video-overlay' }, { children: jsx_runtime_1.jsx(VideoOverlay, { floatingElements: floatingElements }, void 0) }), void 0))] }), void 0), jsx_runtime_1.jsxs("div", __assign({ className: 'small-area', onMouseEnter: function () { return setFocusedVideoArea(FocusedVideoArea.SMALL); }, onMouseLeave: function () { return setFocusedVideoArea(FocusedVideoArea.NONE); } }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && peerConnectionRole === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Dense, isHover: focusedVideoArea === FocusedVideoArea.SMALL }, void 0)), userRole === MediaConstants_1.SessionClientRole.AGENT && onVideoPinned && (jsx_runtime_1.jsx("div", __assign({ className: 'pin-button-panel' }, { children: jsx_runtime_1.jsx(ButtonPanels_1.PinButtonPanel, { isPinned: peerConnectionRole !== undefined && peerConnectionRole === pinnedVideo, isVideoHover: focusedVideoArea === FocusedVideoArea.SMALL, onTogglePin: getPinnedCallback(peerConnectionRole) }, void 0) }), void 0)), jsx_runtime_1.jsx(Video_1.Video, __assign({ connectionDetails: peerConnection }, { children: jsx_runtime_1.jsx(VideoPlaceholder_1.VideoPlaceholder, __assign({ translations: translations, firstPeerConnected: firstPeerConnected, connectionDetails: peerConnection }, { children: (peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.isMediaPermissionsRejected) ? (jsx_runtime_1.jsx(SmallAreaMediaPermissionDeniedPlaceholder_1.default, { translations: translations, onModalOpen: (peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.isOwnConnection) ? onModalOpen : undefined, connectionDetails: peerConnection }, void 0)) : (jsx_runtime_1.jsx(Avatar_1.Avatar, {}, void 0)) }), void 0) }), void 0)] }), void 0), userRole !== MediaConstants_1.SessionClientRole.AGENT && jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Sparse }, void 0), userRole === MediaConstants_1.SessionClientRole.USER && (jsx_runtime_1.jsx("div", __assign({ className: 'end-meeting-button-panel', ref: endMeetingButtonPanelRef }, { children: jsx_runtime_1.jsx(ButtonPanels_1.EndMeetingButtonPanel, { onEndMeetingRequested: onEndMeetingRequested }, void 0) }), void 0))] }), void 0));
 };
-exports.MediaButtons = MediaButtons;
-exports.getMediaButtons = react_1.default.memo(exports.MediaButtons);
+exports.BigAreaLayout = BigAreaLayout;
 //# sourceMappingURL=BigAreaLayout.js.map

package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigAreaLayout.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oFAAoF;AACpF,gDAAuC;AAIvC,4FAAyG;AACzG,mDAAwD;AAuBxD,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IACxB,uDAAI,CAAA;IACJ,yDAAK,CAAA;IACL,qDAAG,CAAA;AACP,CAAC,EAJW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAI3B;AAaM,IAAM,YAAY,GAAG,UAAC,EASpB;QARL,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,oBAAoB,0BAAA,EACpB,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,cAAc,oBAAA;IAEd,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC;IAC/B,IAAA,cAAc,GAAa,KAAK,eAAlB,EAAE,OAAO,GAAI,KAAK,QAAT,CAAU;IACxC,IAAM,OAAO,GAAG,QAAQ,KAAK,kCAAiB,CAAC,KAAK,CAAC;IACrD,IAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,0BAA0B,CAAC;IAEpF,OAAO,CACH,oCAAK,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,oBAAoB,gBAC/C,kBAAC,qCAAiB,IACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mCAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,mCAAoB,CAAC,MAAM,EACjF,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,YAAY,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,CAAC,OAAO,IAAI,OAAO,EACxC,yBAAyB,EAAE,OAAO,WACpC,YACA,CACT,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,YAAY,gBA+BvB;AAEW,QAAA,eAAe,GAAqB,eAAK,CAAC,IAAI,CAAC,oBAAY,CAAC,CAAC"}
+{"version":3,"file":"BigAreaLayout.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.tsx"],"names":[],"mappings":"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"}

package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.scss

@@ -3,15 +3,46 @@
     width: 100%;
 
     padding: 10px;
+
     display: grid;
+    grid-template-columns: 102px 75vh;
+    grid-template-rows: 158px 1fr;
+    grid-template-areas: 'small-area big-area' 'empty big-area';
     grid-column-gap: 10px;
     justify-content: center;
 
-    & > * {
+    @media screen and (max-width: 900px) and (max-height: 600px) and (min-device-aspect-ratio: 1/1) {
+        grid-template-columns: 77px 75vh;
+        grid-template-rows: 119px 1fr;
+    }
+
+    // Portrait view:
+    @media screen and (max-aspect-ratio: 1/1) {
+        grid-template-columns: 102px 1fr;
+        grid-template-rows: 1fr 158px;
+        grid-template-areas: 'big-area big-area' 'small-area empty';
+        grid-row-gap: 10px;
+    }
+
+    @media screen and (max-width: 900px) and (max-height: 600px) and (max-aspect-ratio: 1/1) {
+        grid-template-columns: 77px 1fr;
+        grid-template-rows: 1fr 119px;
+    }
+
+    .small-area,
+    .big-area {
         position: relative;
         border-radius: 4px;
 
+        /**
+     * @FIXME:
+     * - move 'object-fit' to media-service (as fit param for OT)
+     * - remove participant class as it does not belong to this Layout
+     */
         .participant video {
+            width: 100%;
+            height: 100%;
+
             object-fit: contain;
         }
 
@@ -32,7 +63,9 @@
         }
     }
 
-    & > :first-child {
+    .big-area {
+        grid-area: big-area;
+
         .loader-spinner-container svg.spinner,
         .avatar-container .avatar-img {
             width: 80px;
@@ -60,8 +93,9 @@
         }
     }
 
-    //small areas
-    & > :nth-child(n + 2) {
+    .small-area {
+        grid-area: small-area;
+
         .loader-spinner-container svg.spinner,
         .avatar-container .avatar-img {
             width: 50px;

package/lib/components/VideoLayouts/VideoLayoutManager.d.ts

@@ -1,19 +1,16 @@
 import { RefObject } from 'react';
-import { SessionClientRole, VideoTypesEnum } from '@techsee/techsee-media-service/lib/MediaConstants';
-import { VideoLayoutType } from '@techsee/techsee-common/lib/constants/media.constants';
-import { ConnectionDetails, OnPinnedVideoChangedCb } from '../../services/types';
+import { SessionClientRole } from '@techsee/techsee-media-service/lib/MediaConstants';
+import { VideoLayoutType } from '@techsee/techsee-media-service/lib/MultiParty';
+import { ConnectionDetails, OnPinnedUserChangedCb } from '../../services/types';
 import { OnEndMeetingRequestedCb, OnSnapshotRequestedCb } from '../Multiparty.types';
 import { VideoTranslationStrings } from '../Video/VideoPlaceholder';
 declare type VideoLayoutManagerProps = {
     connections: ConnectionDetails[];
-    pinnedVideo?: {
-        pinnedUserRole?: SessionClientRole;
-        videoType: VideoTypesEnum;
-    };
-    selectedLayoutType: VideoLayoutType;
+    pinnedVideo?: SessionClientRole;
+    selectedLayoutType?: VideoLayoutType;
     userRole: SessionClientRole;
     firstPeerConnected: boolean;
-    onVideoPinned?: OnPinnedVideoChangedCb;
+    onVideoPinned?: OnPinnedUserChangedCb;
     onModalOpen?: () => void;
     translations: VideoTranslationStrings;
     onToggleMute?: () => void;
@@ -26,7 +23,6 @@ declare type VideoLayoutManagerProps = {
         floatingElements: RefObject<HTMLElement>[];
     }) => JSX.Element;
     onEndMeetingRequested?: OnEndMeetingRequestedCb;
-    isScreenSharingEnabled?: boolean;
 };
 export declare const VideoLayoutManager: React.FC<VideoLayoutManagerProps>;
 export {};

package/lib/components/VideoLayouts/VideoLayoutManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VideoLayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/VideoLayouts/VideoLayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,mDAAmD,CAAC;AAGpG,OAAO,EAAC,eAAe,EAAC,MAAM,uDAAuD,CAAC;AACtF,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAC,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAKlE,aAAK,uBAAuB,GAAG;IAC3B,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE;QAAC,cAAc,CAAC,EAAE,iBAAiB,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAC,CAAC;IAC9E,kBAAkB,EAAE,eAAe,CAAC;IACpC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,sBAAsB,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,uBAAuB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpF,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmHhE,CAAC"}
+{"version":3,"file":"VideoLayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/VideoLayouts/VideoLayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAChC,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAC,eAAe,EAAC,MAAM,+CAA+C,CAAC;AAC9E,OAAO,EAAC,iBAAiB,EAAE,qBAAqB,EAAC,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAC,uBAAuB,EAAE,qBAAqB,EAAC,MAAM,qBAAqB,CAAC;AACnF,OAAO,EAAC,uBAAuB,EAAC,MAAM,2BAA2B,CAAC;AAIlE,aAAK,uBAAuB,GAAG;IAC3B,WAAW,EAAE,iBAAiB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,kBAAkB,CAAC,EAAE,eAAe,CAAC;IACrC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,qBAAqB,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,uBAAuB,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,qBAAqB,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAA;KAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpF,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;CACnD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAuEhE,CAAC"}

package/lib/components/VideoLayouts/VideoLayoutManager.js

@@ -1,52 +1,30 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VideoLayoutManager = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
-var isEqual_1 = __importDefault(require("lodash/isEqual"));
-var orderBy_1 = __importDefault(require("lodash/orderBy"));
-var media_constants_1 = require("@techsee/techsee-common/lib/constants/media.constants");
+var MultiParty_1 = require("@techsee/techsee-media-service/lib/MultiParty");
 var AgentPinnedLayout_1 = require("./AgentPinnedLayout/AgentPinnedLayout");
-var BigAreaLayoutPortrait_1 = require("./BigMainVideoLayout/BigAreaLayoutPortrait");
-var BigAreaLandscapeLayout_1 = require("./BigMainVideoLayout/BigAreaLandscapeLayout");
+var BigAreaLayout_1 = require("./BigMainVideoLayout/BigAreaLayout");
 var VideoLayoutManager = function (_a) {
-    var connections = _a.connections, pinnedVideo = _a.pinnedVideo, selectedLayoutType = _a.selectedLayoutType, userRole = _a.userRole, firstPeerConnected = _a.firstPeerConnected, onVideoPinned = _a.onVideoPinned, onModalOpen = _a.onModalOpen, translations = _a.translations, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isAudioMuted = _a.isAudioMuted, isVideoTurnedOff = _a.isVideoTurnedOff, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay, isScreenSharingEnabled = _a.isScreenSharingEnabled;
-    var isSameStream = function (connection, video) { return connection.userRole === video.pinnedUserRole && connection.videoType === video.videoType; };
+    var connections = _a.connections, pinnedVideo = _a.pinnedVideo, selectedLayoutType = _a.selectedLayoutType, userRole = _a.userRole, firstPeerConnected = _a.firstPeerConnected, onVideoPinned = _a.onVideoPinned, onModalOpen = _a.onModalOpen, translations = _a.translations, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isAudioMuted = _a.isAudioMuted, isVideoTurnedOff = _a.isVideoTurnedOff, onSnapshotRequested = _a.onSnapshotRequested, onEndMeetingRequested = _a.onEndMeetingRequested, videoOverlay = _a.videoOverlay;
     var mainConnection = connections.find(function (connection) {
-        return (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole)
-            ? isSameStream(connection, pinnedVideo)
-            : !connection.isOwnConnection && connection.isActive;
+        return pinnedVideo ? connection.userRole === pinnedVideo : !connection.isOwnConnection;
+    });
+    var peerConnection = connections.find(function (connection) {
+        return pinnedVideo ? connection.userRole !== pinnedVideo : connection.isOwnConnection;
     });
-    var secondaryConnections = orderBy_1.default(connections.filter(function (connection) {
-        return (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) ? !isSameStream(connection, pinnedVideo) : !isEqual_1.default(mainConnection, connection);
-    }), 'isActive', 'desc');
+    // eslint-disable-next-line no-console
+    console.log('connections', connections);
+    // eslint-disable-next-line no-console
+    console.log('main connection', mainConnection);
+    // eslint-disable-next-line no-console
+    console.log('peer connection', peerConnection);
     switch (selectedLayoutType) {
-        case media_constants_1.VideoLayoutType.BigMainVideoLayout:
-            if (isScreenSharingEnabled) {
-                return (jsx_runtime_1.jsx(BigAreaLayoutPortrait_1.BigAreaLayoutPortrait, { mainConnection: mainConnection, secondaryConnections: secondaryConnections, userRole: userRole, pinnedVideo: pinnedVideo, translations: translations, firstPeerConnected: firstPeerConnected, onModalOpen: onModalOpen, onVideoPinned: onVideoPinned, onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, isAudioMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, onSnapshotRequested: onSnapshotRequested, videoOverlay: videoOverlay, onEndMeetingRequested: onEndMeetingRequested }, void 0));
-            }
-            return (jsx_runtime_1.jsx(BigAreaLandscapeLayout_1.BigAreaLandscapeLayout, { mainConnection: mainConnection, peerConnection: connections
-                    .filter(function (connection) { return connection.videoType === MediaConstants_1.VideoTypesEnum.CAMERA; })
-                    .find(function (connection) {
-                    return (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole)
-                        ? connection.userRole !== pinnedVideo.pinnedUserRole
-                        : connection.isOwnConnection;
-                }), userRole: userRole, onVideoPinned: onVideoPinned, pinnedVideo: pinnedVideo, translations: translations, firstPeerConnected: firstPeerConnected, onModalOpen: onModalOpen, onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, isAudioMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, onSnapshotRequested: onSnapshotRequested, videoOverlay: videoOverlay, onEndMeetingRequested: onEndMeetingRequested }, void 0));
+        case MultiParty_1.VideoLayoutType.BigMainVideoLayout:
+            return (jsx_runtime_1.jsx(BigAreaLayout_1.BigAreaLayout, { mainConnection: mainConnection, peerConnection: peerConnection, userRole: userRole, pinnedVideo: pinnedVideo, translations: translations, firstPeerConnected: firstPeerConnected, onModalOpen: onModalOpen, onVideoPinned: onVideoPinned, onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, isAudioMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, onSnapshotRequested: onSnapshotRequested, videoOverlay: videoOverlay, onEndMeetingRequested: onEndMeetingRequested }, void 0));
         default:
-            return (jsx_runtime_1.jsx(AgentPinnedLayout_1.AgentPinnedLayout, { agentConnection: connections.find(function (connection) {
-                    return isSameStream(connection, {
-                        pinnedUserRole: MediaConstants_1.SessionClientRole.AGENT,
-                        videoType: MediaConstants_1.VideoTypesEnum.CAMERA
-                    });
-                }), userConnection: connections.find(function (connection) {
-                    return isSameStream(connection, {
-                        pinnedUserRole: MediaConstants_1.SessionClientRole.USER,
-                        videoType: MediaConstants_1.VideoTypesEnum.CAMERA
-                    });
-                }), userRole: userRole, translations: translations, firstPeerConnected: firstPeerConnected, onModalOpen: onModalOpen, onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, isAudioMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, onEndMeetingRequested: onEndMeetingRequested }, void 0));
+            return (jsx_runtime_1.jsx(AgentPinnedLayout_1.AgentPinnedLayout, { agentConnection: connections.find(function (connection) { return connection.userRole === MediaConstants_1.SessionClientRole.AGENT; }), userConnection: connections.find(function (connection) { return connection.userRole === MediaConstants_1.SessionClientRole.USER; }), userRole: userRole, translations: translations, firstPeerConnected: firstPeerConnected, onModalOpen: onModalOpen, onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, isAudioMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, onEndMeetingRequested: onEndMeetingRequested }, void 0));
     }
 };
 exports.VideoLayoutManager = VideoLayoutManager;

package/lib/components/VideoLayouts/VideoLayoutManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"VideoLayoutManager.js","sourceRoot":"","sources":["../../../src/components/VideoLayouts/VideoLayoutManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VideoLayoutManager.js","sourceRoot":"","sources":["../../../src/components/VideoLayouts/VideoLayoutManager.tsx"],"names":[],"mappings":";;;;AACA,oFAAoF;AACpF,4EAA8E;AAI9E,2EAAwE;AACxE,oEAAiE;AAqB1D,IAAM,kBAAkB,GAAsC,UAAC,EAiB5C;QAhBtB,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,YAAY,kBAAA,EACZ,gBAAgB,sBAAA,EAChB,mBAAmB,yBAAA,EACnB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA;IAEZ,IAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAC,UAAU;QAC/C,OAAA,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe;IAA/E,CAA+E,CAClF,CAAC;IACF,IAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,UAAC,UAAU;QAC/C,OAAA,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,eAAe;IAA9E,CAA8E,CACjF,CAAC;IAEF,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IACxC,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;IAC/C,sCAAsC;IACtC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;IAC/C,QAAQ,kBAAkB,EAAE;QACxB,KAAK,4BAAe,CAAC,kBAAkB;YACnC,OAAO,CACH,kBAAC,6BAAa,IACV,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,EAAE,mBAAmB,EACxC,YAAY,EAAE,YAAY,EAC1B,qBAAqB,EAAE,qBAAqB,WAC9C,CACL,CAAC;QACN;YACI,OAAO,CACH,kBAAC,qCAAiB,IACd,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,QAAQ,KAAK,kCAAiB,CAAC,KAAK,EAA/C,CAA+C,CAAC,EAClG,cAAc,EAAE,WAAW,CAAC,IAAI,CAAC,UAAC,UAAU,IAAK,OAAA,UAAU,CAAC,QAAQ,KAAK,kCAAiB,CAAC,IAAI,EAA9C,CAA8C,CAAC,EAChG,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,gBAAgB,EAClC,qBAAqB,EAAE,qBAAqB,WAC9C,CACL,CAAC;KACT;AACL,CAAC,CAAC;AAvEW,QAAA,kBAAkB,sBAuE7B"}

package/lib/index.d.ts

@@ -2,6 +2,6 @@ export * from './services/MultipartyEventTypes';
 export { Multiparty } from './components/Multiparty';
 export { MultipartyTranslationStrings, PermissionsModalVisibilityChangedEvent, OnPermissionsModalVisibilityChangedCb, OnSnapshotRequestedCb, OnEndMeetingRequestedCb } from './components/Multiparty.types';
 export { MagicMarkerComponent, MagicMarkerOptions, MagicMarkerComponentProps } from './components/MagicMarker';
-export { MultipartySessionSettings, AudioState, PinnedUserType, OnPinnedVideoChangedCb } from './services/types';
+export { MultipartySessionSettings, AudioState, PinnedUserType, OnPinnedUserChangedCb } from './services/types';
 export { createMultipartyController, IMultipartyController } from './services/MultipartyController';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACH,4BAA4B,EAC5B,sCAAsC,EACtC,qCAAqC,EACrC,qBAAqB,EACrB,uBAAuB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAE,kBAAkB,EAAE,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAC,yBAAyB,EAAE,UAAU,EAAE,cAAc,EAAE,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAC/G,OAAO,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAC,UAAU,EAAC,MAAM,yBAAyB,CAAC;AACnD,OAAO,EACH,4BAA4B,EAC5B,sCAAsC,EACtC,qCAAqC,EACrC,qBAAqB,EACrB,uBAAuB,EAC1B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAC,oBAAoB,EAAE,kBAAkB,EAAE,yBAAyB,EAAC,MAAM,0BAA0B,CAAC;AAC7G,OAAO,EAAC,yBAAyB,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAC,MAAM,kBAAkB,CAAC;AAC9G,OAAO,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,iCAAiC,CAAC"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,kEAAgD;AAChD,sDAAmD;AAA3C,wGAAA,UAAU,OAAA;AAClB,kEAMuC;AAJnC,0IAAA,sCAAsC,OAAA;AAK1C,wDAA6G;AAArG,mHAAA,oBAAoB,OAAA;AAC5B,0CAA+G;AAA5E,mGAAA,UAAU,OAAA;AAAE,uGAAA,cAAc,OAAA;AAC7D,wEAAkG;AAA1F,kIAAA,0BAA0B,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,kEAAgD;AAChD,sDAAmD;AAA3C,wGAAA,UAAU,OAAA;AAClB,kEAMuC;AAJnC,0IAAA,sCAAsC,OAAA;AAK1C,wDAA6G;AAArG,mHAAA,oBAAoB,OAAA;AAC5B,0CAA8G;AAA3E,mGAAA,UAAU,OAAA;AAAE,uGAAA,cAAc,OAAA;AAC7D,wEAAkG;AAA1F,kIAAA,0BAA0B,OAAA"}

package/lib/services/ConnectionManager.d.ts

@@ -22,8 +22,6 @@ export declare class ConnectionManager extends EventEmitter {
     streamDestroyed: (event: MultipartyServiceStreamDestroyedEvent) => void;
     streamPropertyChanged: (event: MultipartyServiceStreamPropertyChangedEvent) => void;
     find: <T extends keyof ConnectionDetails>(findBy: T, equalTo: ConnectionDetails[T]) => Readonly<ConnectionDetails> | null;
-    findByObject: (o: Partial<ConnectionDetails>) => ConnectionDetails | undefined;
     get: () => Readonly<ConnectionDetails>[];
-    private getVideoStreamDomId;
 }
 //# sourceMappingURL=ConnectionManager.d.ts.map

package/lib/services/ConnectionManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConnectionManager.d.ts","sourceRoot":"","sources":["../../src/services/ConnectionManager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAiB,MAAM,mDAAmD,CAAC;AACpG,OAAO,EACH,uCAAuC,EACvC,yCAAyC,EACzC,mCAAmC,EACnC,qCAAqC,EACrC,2CAA2C,EAC9C,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAC,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAQ3D,oBAAY,uBAAuB;IAC/B,uBAAuB,4BAA4B;CACtD;AACD,qBAAa,iBAAkB,SAAQ,YAAY;aAMnB,QAAQ,EAAE,iBAAiB;IALvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;IAE/D,OAAO,CAAC,6BAA6B,CAAS;IAC9C,OAAO,CAAC,6BAA6B,CAAS;gBAElB,QAAQ,EAAE,iBAAiB;IAIvD,OAAO,CAAC,eAAe,CAMrB;IAEK,QAAQ,mBAAoB,MAAM,iBAAiB,CAAC,KAAG,IAAI,CAEhE;IAEK,8BAA8B,eAAgB,OAAO,KAAG,IAAI,CASjE;IAEK,+BAA+B,eAAgB,OAAO,KAAG,IAAI,CAgBlE;IAEK,iBAAiB,UAAW,uCAAuC,KAAG,IAAI,CAwC/E;IAEK,mBAAmB,UAAW,yCAAyC,KAAG,IAAI,CAInF;IAEK,aAAa,UAAW,mCAAmC,KAAG,IAAI,CASvE;IAEK,eAAe,UAAW,qCAAqC,KAAG,IAAI,CAS3E;IAEK,qBAAqB,UAAW,2CAA2C,KAAG,IAAI,CAWvF;IAEK,IAAI,mFAGR,SAAS,iBAAiB,CAAC,GAAG,IAAI,CAAqC;IAEnE,YAAY,MAAO,QAAQ,iBAAiB,CAAC,KAAG,iBAAiB,GAAG,SAAS,CAA+B;IAE5G,GAAG,QAAO,SAAS,iBAAiB,CAAC,EAAE,CAAqB;IAEnE,OAAO,CAAC,mBAAmB,CAiBzB;CACL"}
+{"version":3,"file":"ConnectionManager.d.ts","sourceRoot":"","sources":["../../src/services/ConnectionManager.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,EACH,uCAAuC,EACvC,yCAAyC,EACzC,mCAAmC,EACnC,qCAAqC,EACrC,2CAA2C,EAC9C,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAC,YAAY,EAAC,MAAM,QAAQ,CAAC;AAEpC,OAAO,EAAC,iBAAiB,EAAkB,MAAM,SAAS,CAAC;AAE3D,oBAAY,uBAAuB;IAC/B,uBAAuB,4BAA4B;CACtD;AACD,qBAAa,iBAAkB,SAAQ,YAAY;aAMnB,QAAQ,EAAE,iBAAiB;IALvD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;IAE/D,OAAO,CAAC,6BAA6B,CAAS;IAC9C,OAAO,CAAC,6BAA6B,CAAS;gBAElB,QAAQ,EAAE,iBAAiB;IAIvD,OAAO,CAAC,eAAe,CAMrB;IAEK,QAAQ,mBAAoB,MAAM,iBAAiB,CAAC,KAAG,IAAI,CAEhE;IAEK,8BAA8B,eAAgB,OAAO,KAAG,IAAI,CASjE;IAEK,+BAA+B,eAAgB,OAAO,KAAG,IAAI,CAgBlE;IAEK,iBAAiB,UAAW,uCAAuC,KAAG,IAAI,CA4B/E;IAEK,mBAAmB,UAAW,yCAAyC,KAAG,IAAI,CAMnF;IAEK,aAAa,UAAW,mCAAmC,KAAG,IAAI,CASvE;IAEK,eAAe,UAAW,qCAAqC,KAAG,IAAI,CAQ3E;IAEK,qBAAqB,UAAW,2CAA2C,KAAG,IAAI,CAWvF;IAEK,IAAI,mFAGR,SAAS,iBAAiB,CAAC,GAAG,IAAI,CAAqC;IAEnE,GAAG,QAAO,SAAS,iBAAiB,CAAC,EAAE,CAAqB;CACtE"}