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

package/lib/utils/MergingStore.js

@@ -15,12 +15,8 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MergingStore = void 0;
-var isEqual_1 = __importDefault(require("lodash/isEqual"));
 /*
  * Array wrapper that enables:
  *   - typesafe search for objects using any property
@@ -74,29 +70,6 @@ var MergingStore = /** @class */ (function () {
             }
             return null;
         };
-        this.findByObject = function (o) {
-            var keys = Object.keys(o);
-            var item = _this.array.find(function (connection) {
-                for (var i = 0; i < keys.length; i++) {
-                    var key = keys[i];
-                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                    // @ts-ignore
-                    if (o[key] !== connection[key]) {
-                        return false;
-                    }
-                }
-                return true;
-            });
-            return item;
-        };
-        this.findAndUpdateByObject = function (o, data) {
-            var item = _this.findByObject(o);
-            if (item) {
-                _this.array = __spreadArray(__spreadArray([], _this.array.filter(function (entry) { return !isEqual_1.default(item, entry); })), [__assign(__assign({}, item), data)]);
-                return _this.array;
-            }
-            return [];
-        };
         /*
          * Returns all elements
          */

package/lib/utils/MergingStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"MergingStore.js","sourceRoot":"","sources":["../../src/utils/MergingStore.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"MergingStore.js","sourceRoot":"","sources":["../../src/utils/MergingStore.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;GAKG;AACH;IAAA;QAAA,iBA2DC;QA1DW,UAAK,GAAiB,EAAE,CAAC;QAEjC;;WAEG;QACI,QAAG,GAAG;YAAC,cAAqB;iBAArB,UAAqB,EAArB,qBAAqB,EAArB,IAAqB;gBAArB,yBAAqB;;YAC/B,KAAI,CAAC,KAAK,mCAAO,KAAI,CAAC,KAAK,GAAK,IAAI,CAAC,CAAC;YAEtC,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;QAEF;;WAEG;QACI,WAAM,GAAG,UAA6B,MAAS,EAAE,OAAsB;YAC1E,IAAM,YAAY,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO,EAAxB,CAAwB,CAAC,CAAC;YAE3E,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO,EAAxB,CAAwB,CAAC,CAAC;YAEnE,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC;QAEF;;WAEG;QACI,WAAM,GAAG,UACZ,MAAS,EACT,OAAsB,EACtB,IAAyB;YAEzB,IAAM,YAAY,GAAG,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO,EAAxB,CAAwB,CAAC,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAK,IAAI,GAAK,IAAI,EAAE,EAApB,CAAoB,CAAC,CAAC;YAE/G,KAAI,CAAC,KAAK,mCAAO,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,OAAO,EAAzB,CAAyB,CAAC,GAAK,YAAY,CAAC,CAAC;YAE3F,OAAO,YAAY,CAAC;QACxB,CAAC,CAAC;QAEF;;;;;WAKG;QACI,SAAI,GAAG,UAA6B,MAAS,EAAE,OAAsB;YACxE,gDAAgD;YAChD,KAAmB,UAAU,EAAV,KAAA,KAAI,CAAC,KAAK,EAAV,cAAU,EAAV,IAAU,EAAE;gBAA1B,IAAM,IAAI,SAAA;gBACX,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,OAAO,EAAE;oBAC1B,OAAO,IAAI,IAAI,IAAI,CAAC;iBACvB;aACJ;YAED,OAAO,IAAI,CAAC;QAChB,CAAC,CAAC;QAEF;;WAEG;QACI,QAAG,GAAG,cAA8B,OAAA,KAAI,CAAC,KAAK,EAAV,CAAU,CAAC;IAC1D,CAAC;IAAD,mBAAC;AAAD,CAAC,AA3DD,IA2DC;AA3DY,oCAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@techsee/techsee-media-service-client",
-  "version": "999.1.1-jaber-PinIssue",
+  "version": "999.1.1-revert-debug",
   "description": "TechSee media service client",
   "repository": {
     "type": "git",
@@ -42,7 +42,7 @@
     "@techsee/techsee-client-infra": "^9.0.0",
     "@techsee/techsee-client-services": "^9.0.0",
     "@techsee/techsee-common": "^5.0.0",
-    "@techsee/techsee-media-service": "^14.0.0",
+    "@techsee/techsee-media-service": "^999.1.1-revert",
     "@techsee/techsee-ui-common": "^7.0.0",
     "moment": "2.24.0"
   },
@@ -57,7 +57,6 @@
     "@storybook/react": "^6.3.8",
     "@types/events": "~3.0.0",
     "@types/jest": "~26.0.24",
-    "@types/lodash": "^4.14.179",
     "@types/react": "~17.0.0",
     "@types/react-bootstrap": "~0.32.25",
     "@types/react-dom": "~17.0.0",
@@ -85,7 +84,6 @@
     "husky": "~6.0.0",
     "jest": "~27.5.1",
     "lint-staged": "~11.1.2",
-    "lodash": "^4.17.21",
     "npm-run-all": "~4.1.5",
     "pinst": "~2.1.6",
     "prettier": "~2.4.0",
@@ -102,7 +100,6 @@
     "webpack": "^5.52.1"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
     "react": "^17.0.0",
     "react-bootstrap": "^0.32.4",
     "react-dom": "^17.0.0"

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SessionClientRole, VideoTypesEnum } from '@techsee/techsee-media-service/lib/MediaConstants';
-import { ConnectionDetails, OnPinnedVideoChangedCb } from '../../../services/types';
-import './BigAreaLandscapeLayout.scss';
-import './BigAreaLayout.scss';
-import { IBigMainAreaProps } from './BigAreaLayout';
-interface IProps extends IBigMainAreaProps {
-    peerConnection?: ConnectionDetails;
-    pinnedVideo?: {
-        pinnedUserRole?: SessionClientRole;
-        videoType: VideoTypesEnum;
-    };
-    onVideoPinned?: OnPinnedVideoChangedCb;
-}
-export declare const BigAreaLandscapeLayout: React.FC<IProps>;
-export {};
-//# sourceMappingURL=BigAreaLandscapeLayout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BigAreaLandscapeLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAmC,MAAM,yBAAyB,CAAC;AAIpH,OAAO,+BAA+B,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAK9B,OAAO,EAAoC,iBAAiB,EAAyB,MAAM,iBAAiB,CAAC;AAE7G,UAAU,MAAO,SAAQ,iBAAiB;IACtC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,WAAW,CAAC,EAAE;QAAC,cAAc,CAAC,EAAE,iBAAiB,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAC,CAAC;IAC9E,aAAa,CAAC,EAAE,sBAAsB,CAAC;CAC1C;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoKnD,CAAC"}

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

@@ -1,75 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BigAreaLandscapeLayout = 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 types_1 = require("../../../services/types");
-var ButtonPanels_1 = require("../../ButtonPanels");
-var Video_1 = require("../../Video/Video");
-var MediaButtonsPanel_1 = require("../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel");
-require("./BigAreaLandscapeLayout.scss");
-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 BigAreaLayout_1 = require("./BigAreaLayout");
-var BigAreaLandscapeLayout = 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(BigAreaLayout_1.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) {
-        return BigAreaLayout_1.getMediaButtons({
-            userRole: userRole,
-            isAudioMuted: isAudioMuted,
-            isVideoTurnedOff: isVideoTurnedOff,
-            mediaButtonsPanelRef: mediaButtonsPanelRef,
-            props: props,
-            onToggleMute: onToggleMute,
-            onToggleVideo: onToggleVideo,
-            onSwitchCamera: onSwitchCamera
-        });
-    }, [onToggleMute, onToggleVideo, onSwitchCamera, userRole, isAudioMuted, isVideoTurnedOff, mediaButtonsPanelRef]);
-    var getPinnedCallback = react_1.useCallback(function (videoType, role) {
-        var differentVideo = role !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) || videoType !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType);
-        var newVideo = differentVideo
-            ? { pinnedUserRole: types_1.toPinnedUserType(role), videoType: videoType }
-            : { pinnedUserRole: types_1.PinnedUserType.NONE, videoType: videoType };
-        return role && onVideoPinned && newVideo ? function () { return onVideoPinned(newVideo); } : undefined;
-    }, [onVideoPinned, pinnedVideo]);
-    var onMouseEnter = react_1.useCallback(function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.BIG); }, []);
-    var onMouseLeave = react_1.useCallback(function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.NONE); }, []);
-    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 landscape use-common-styles' }, { children: [jsx_runtime_1.jsxs("div", __assign({ className: 'big-area', onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && (mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.userRole) === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Sparse, isHover: focusedVideoArea === BigAreaLayout_1.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 &&
-                                mainConnectionRole === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
-                                (mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.videoType) === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType), isVideoHover: focusedVideoArea === BigAreaLayout_1.FocusedVideoArea.BIG, onTogglePin: mainConnection && getPinnedCallback(mainConnection.videoType, 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: onMouseEnter, onMouseLeave: onMouseLeave }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && peerConnectionRole === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Dense, isHover: focusedVideoArea === BigAreaLayout_1.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: !!((peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole) &&
-                                (peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole) === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
-                                (peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.videoType) === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType)), isVideoHover: focusedVideoArea === BigAreaLayout_1.FocusedVideoArea.SMALL, onTogglePin: getPinnedCallback((peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.videoType) || MediaConstants_1.VideoTypesEnum.CAMERA, peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole) }, 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.BigAreaLandscapeLayout = BigAreaLandscapeLayout;
-//# sourceMappingURL=BigAreaLandscapeLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BigAreaLandscapeLayout.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.tsx"],"names":[],"mappings":"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"}

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

@@ -1,46 +0,0 @@
-.big-main-video-layout.landscape {
-    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 {
-        /**
- * @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%;
-        }
-    }
-
-    .big-area {
-        grid-area: big-area;
-    }
-
-    .small-area {
-        grid-area: small-area;
-    }
-}

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

@@ -1,17 +0,0 @@
-import React from 'react';
-import { SessionClientRole, VideoTypesEnum } from '@techsee/techsee-media-service/lib/MediaConstants';
-import { ConnectionDetails, OnPinnedVideoChangedCb } from '../../../services/types';
-import './BigAreaPortraitLayout.scss';
-import './BigAreaLayout.scss';
-import { IBigMainAreaProps } from './BigAreaLayout';
-interface IProps extends IBigMainAreaProps {
-    secondaryConnections?: ConnectionDetails[];
-    pinnedVideo?: {
-        pinnedUserRole?: SessionClientRole;
-        videoType: VideoTypesEnum;
-    };
-    onVideoPinned?: OnPinnedVideoChangedCb;
-}
-export declare const BigAreaLayoutPortrait: React.FC<IProps>;
-export {};
-//# sourceMappingURL=BigAreaLayoutPortrait.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BigAreaLayoutPortrait.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAC,iBAAiB,EAAE,sBAAsB,EAAmC,MAAM,yBAAyB,CAAC;AAIpH,OAAO,8BAA8B,CAAC;AACtC,OAAO,sBAAsB,CAAC;AAK9B,OAAO,EAAoC,iBAAiB,EAAyB,MAAM,iBAAiB,CAAC;AAE7G,UAAU,MAAO,SAAQ,iBAAiB;IACtC,oBAAoB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE;QAAC,cAAc,CAAC,EAAE,iBAAiB,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAC,CAAC;IAC9E,aAAa,CAAC,EAAE,sBAAsB,CAAC;CAC1C;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA+KlD,CAAC"}

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

@@ -1,75 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BigAreaLayoutPortrait = 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 types_1 = require("../../../services/types");
-var ButtonPanels_1 = require("../../ButtonPanels");
-var Video_1 = require("../../Video/Video");
-var MediaButtonsPanel_1 = require("../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel");
-require("./BigAreaPortraitLayout.scss");
-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 BigAreaLayout_1 = require("./BigAreaLayout");
-var BigAreaLayoutPortrait = function (_a) {
-    var mainConnection = _a.mainConnection, secondaryConnections = _a.secondaryConnections, 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(BigAreaLayout_1.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) {
-        return BigAreaLayout_1.getMediaButtons({
-            userRole: userRole,
-            isAudioMuted: isAudioMuted,
-            isVideoTurnedOff: isVideoTurnedOff,
-            mediaButtonsPanelRef: mediaButtonsPanelRef,
-            props: props,
-            onToggleMute: onToggleMute,
-            onToggleVideo: onToggleVideo,
-            onSwitchCamera: onSwitchCamera
-        });
-    }, [onToggleMute, onToggleVideo, onSwitchCamera, userRole, isAudioMuted, isVideoTurnedOff, mediaButtonsPanelRef]);
-    var getPinnedCallback = react_1.useCallback(function (videoType, role) {
-        var differentVideo = role !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) || videoType !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType);
-        var newVideo = differentVideo
-            ? { pinnedUserRole: types_1.toPinnedUserType(role), videoType: videoType }
-            : { pinnedUserRole: types_1.PinnedUserType.NONE, videoType: videoType };
-        return role && onVideoPinned && newVideo ? function () { return onVideoPinned(newVideo); } : undefined;
-    }, [onVideoPinned, pinnedVideo]);
-    var mainConnectionRole = mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.userRole;
-    return (jsx_runtime_1.jsxs("div", __assign({ className: 'big-main-video-layout portrait use-common-styles' }, { children: [jsx_runtime_1.jsxs("div", __assign({ className: 'big-area', onMouseEnter: function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.BIG); }, onMouseLeave: function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.NONE); } }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && mainConnectionRole === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Sparse, isHover: focusedVideoArea === BigAreaLayout_1.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 &&
-                                mainConnectionRole === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
-                                (mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.videoType) === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType), isVideoHover: focusedVideoArea === BigAreaLayout_1.FocusedVideoArea.BIG, onTogglePin: mainConnection && getPinnedCallback(mainConnection.videoType, 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), secondaryConnections === null || secondaryConnections === void 0 ? void 0 : secondaryConnections.map(function (secondaryConnection, index) {
-                var secondaryConnectionRole = secondaryConnection === null || secondaryConnection === void 0 ? void 0 : secondaryConnection.userRole;
-                return (jsx_runtime_1.jsxs("div", __assign({ className: "small-area-" + index + " " + (secondaryConnection.isActive ? 'visible-block' : 'hidden-block'), onMouseEnter: function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.SMALL); }, onMouseLeave: function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.NONE); } }, { children: [userRole === MediaConstants_1.SessionClientRole.AGENT && secondaryConnectionRole === userRole && (jsx_runtime_1.jsx(MediaButtons, { buttonsSpacing: MediaButtonsPanel_1.ButtonsSpacing.Dense, isHover: focusedVideoArea === BigAreaLayout_1.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: secondaryConnectionRole &&
-                                    secondaryConnectionRole === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
-                                    secondaryConnection.videoType === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType), isVideoHover: focusedVideoArea === BigAreaLayout_1.FocusedVideoArea.SMALL, onTogglePin: getPinnedCallback(secondaryConnection.videoType, secondaryConnectionRole) }, void 0) }), void 0)), jsx_runtime_1.jsx(Video_1.Video, __assign({ connectionDetails: secondaryConnection }, { children: jsx_runtime_1.jsx(VideoPlaceholder_1.VideoPlaceholder, __assign({ translations: translations, firstPeerConnected: firstPeerConnected, connectionDetails: secondaryConnection }, { children: (secondaryConnection === null || secondaryConnection === void 0 ? void 0 : secondaryConnection.isMediaPermissionsRejected) ? (jsx_runtime_1.jsx(SmallAreaMediaPermissionDeniedPlaceholder_1.default, { translations: translations, onModalOpen: (secondaryConnection === null || secondaryConnection === void 0 ? void 0 : secondaryConnection.isOwnConnection) ? onModalOpen : undefined, connectionDetails: secondaryConnection }, void 0)) : (jsx_runtime_1.jsx(Avatar_1.Avatar, {}, void 0)) }), void 0) }), void 0)] }), Math.pow(2, index)));
-            }), 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.BigAreaLayoutPortrait = BigAreaLayoutPortrait;
-//# sourceMappingURL=BigAreaLayoutPortrait.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BigAreaLayoutPortrait.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.tsx"],"names":[],"mappings":"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"}

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

@@ -1,61 +0,0 @@
-.visible-block {
-    display: block;
-}
-
-.hidden-block {
-    display: none;
-}
-
-.big-main-video-layout.portrait {
-    grid-template-columns: [first] 158px [second] 158px [third] 158px [fourth] 1fr;
-    grid-template-rows: [row-1-start] 102px [row-2-start] 10px [row-3-start] 1fr;
-    grid-template-areas:
-        'small-area-0 small-area-1 small-area-2 .'
-        'big-area big-area big-area';
-
-    .big-area {
-        .participant {
-            background: none;
-        }
-    }
-    .small-area-0,
-    .small-area-1,
-    .small-area-2,
-    .big-area {
-        .participant video {
-            max-width: 100%;
-            max-height: 100%;
-        }
-    }
-
-    .big-area {
-        grid-area: big-area;
-        grid-column-start: first;
-        grid-column-end: end;
-        grid-row-start: row-3-start;
-        grid-row-end: row-3-end;
-
-        .OT_video-element {
-            width: unset;
-        }
-    }
-
-    .small-area-0 {
-        grid-area: small-area-0;
-        grid-column-start: 1;
-        grid-column-end: 2;
-        grid-row: 1;
-    }
-
-    .small-area-1 {
-        grid-area: small-area-1;
-        grid-column: 2;
-        grid-row: 1;
-    }
-
-    .small-area-2 {
-        grid-area: small-area-2;
-        grid-column: 3;
-        grid-row: 1;
-    }
-}