@techsee/techsee-media-service-client 999.1.2-eli-alpha1 → 999.1.2-jaber-PinIssue
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts +1 -6
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts.map +1 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js +5 -32
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js.map +1 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.scss +0 -32
- package/lib/components/MagicMarker/MagicMarkerComponent.d.ts.map +1 -1
- package/lib/components/MagicMarker/MagicMarkerComponent.js +1 -2
- package/lib/components/MagicMarker/MagicMarkerComponent.js.map +1 -1
- package/lib/components/Multiparty.d.ts.map +1 -1
- package/lib/components/Multiparty.js +13 -59
- package/lib/components/Multiparty.js.map +1 -1
- package/lib/components/Video/Video.d.ts +1 -5
- package/lib/components/Video/Video.d.ts.map +1 -1
- package/lib/components/Video/Video.js +2 -2
- package/lib/components/Video/Video.js.map +1 -1
- package/lib/components/Video/VideoPlaceholder.d.ts +0 -1
- package/lib/components/Video/VideoPlaceholder.d.ts.map +1 -1
- package/lib/components/Video/VideoPlaceholder.js.map +1 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts +1 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts.map +1 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js +2 -2
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js.map +1 -1
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.d.ts +17 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.d.ts.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.js +75 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.js.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.scss +5 -5
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts +46 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js +41 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.scss +7 -9
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.d.ts +17 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.d.ts.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.js +75 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayoutPortrait.js.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaPortraitLayout.scss +11 -12
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts +1 -4
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts.map +1 -1
- package/lib/components/VideoLayouts/VideoLayoutManager.js +29 -6
- package/lib/components/VideoLayouts/VideoLayoutManager.js.map +1 -1
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.js +3 -3
- package/lib/components/VideoPlaceholders/CameraOffButton.d.ts +1 -1
- package/lib/components/VideoPlaceholders/CameraOffButton.js +3 -3
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.js +3 -3
- package/lib/services/ConnectionManager.d.ts +3 -17
- package/lib/services/ConnectionManager.d.ts.map +1 -1
- package/lib/services/ConnectionManager.js +38 -114
- package/lib/services/ConnectionManager.js.map +1 -1
- package/lib/services/MultipartyController.d.ts +1 -4
- package/lib/services/MultipartyController.d.ts.map +1 -1
- package/lib/services/MultipartyController.js +46 -140
- package/lib/services/MultipartyController.js.map +1 -1
- package/lib/services/MultipartyEventTypes.d.ts +2 -25
- package/lib/services/MultipartyEventTypes.d.ts.map +1 -1
- package/lib/services/MultipartyEventTypes.js +0 -4
- package/lib/services/MultipartyEventTypes.js.map +1 -1
- package/lib/services/types.d.ts +1 -3
- package/lib/services/types.d.ts.map +1 -1
- package/lib/services/types.js.map +1 -1
- package/lib/utils/MergingStore.d.ts +1 -1
- package/lib/utils/MergingStore.d.ts.map +1 -1
- package/lib/utils/MergingStore.js +16 -6
- package/lib/utils/MergingStore.js.map +1 -1
- package/package.json +26 -27
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts +0 -42
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts.map +0 -1
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js +0 -109
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js.map +0 -1
|
@@ -1,21 +1,16 @@
|
|
|
1
|
+
import './MediaButtonsPanel.scss';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { MultipartyButtonType } from '../MultipartyButton/MultipartyButton';
|
|
3
|
-
import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
|
|
4
|
-
import './MediaButtonsPanel.scss';
|
|
5
4
|
interface Props {
|
|
6
5
|
buttonsType: MultipartyButtonType;
|
|
7
6
|
isMuted: boolean;
|
|
8
7
|
isVideoTurnedOff: boolean;
|
|
9
8
|
isBackgroundVisible?: boolean;
|
|
10
9
|
isIconTransparencyEnabled?: boolean;
|
|
11
|
-
isClientSharingScreen?: boolean;
|
|
12
|
-
disabledDesktopSharingButton?: boolean;
|
|
13
|
-
translations: VideoTranslationStrings;
|
|
14
10
|
buttonsSpacing?: ButtonsSpacing;
|
|
15
11
|
onToggleMute?: () => void;
|
|
16
12
|
onToggleVideo?: () => void;
|
|
17
13
|
onSwitchCamera?: () => void;
|
|
18
|
-
toggleScreenShare?: () => void;
|
|
19
14
|
}
|
|
20
15
|
export declare enum ButtonsSpacing {
|
|
21
16
|
Dense = 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAmB,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAE5F,UAAU,KAAK;IACX,WAAW,EAAE,oBAAoB,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,oBAAY,cAAc;IACtB,KAAK,IAAA;IACL,MAAM,IAAA;CACT;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiD7C,CAAC"}
|
|
@@ -13,49 +13,22 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.MediaButtonsPanel = exports.ButtonsSpacing = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var react_1 = require("react");
|
|
17
|
-
var simple_icon_1 = require("@techsee/techsee-ui-common/lib/icons/simple-icon");
|
|
18
|
-
var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
|
|
19
16
|
require("./MediaButtonsPanel.scss");
|
|
17
|
+
var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
|
|
20
18
|
var ButtonsSpacing;
|
|
21
19
|
(function (ButtonsSpacing) {
|
|
22
20
|
ButtonsSpacing[ButtonsSpacing["Dense"] = 0] = "Dense";
|
|
23
21
|
ButtonsSpacing[ButtonsSpacing["Sparse"] = 1] = "Sparse";
|
|
24
22
|
})(ButtonsSpacing = exports.ButtonsSpacing || (exports.ButtonsSpacing = {}));
|
|
25
23
|
var MediaButtonsPanel = function (_a) {
|
|
26
|
-
var _b;
|
|
27
|
-
var buttonsType = _a.buttonsType, isMuted = _a.isMuted, isVideoTurnedOff = _a.isVideoTurnedOff, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, _d = _a.isIconTransparencyEnabled, isIconTransparencyEnabled = _d === void 0 ? true : _d, _e = _a.buttonsSpacing, buttonsSpacing = _e === void 0 ? ButtonsSpacing.Sparse : _e, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, isClientSharingScreen = _a.isClientSharingScreen, toggleScreenShare = _a.toggleScreenShare, disabledDesktopSharingButton = _a.disabledDesktopSharingButton, translations = _a.translations;
|
|
24
|
+
var buttonsType = _a.buttonsType, isMuted = _a.isMuted, isVideoTurnedOff = _a.isVideoTurnedOff, _b = _a.isBackgroundVisible, isBackgroundVisible = _b === void 0 ? true : _b, _c = _a.isIconTransparencyEnabled, isIconTransparencyEnabled = _c === void 0 ? true : _c, _d = _a.buttonsSpacing, buttonsSpacing = _d === void 0 ? ButtonsSpacing.Sparse : _d, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera;
|
|
28
25
|
var platformClass = 'mobile';
|
|
29
|
-
if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop)
|
|
26
|
+
if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop)
|
|
30
27
|
platformClass = 'desktop';
|
|
31
|
-
|
|
32
|
-
else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete) {
|
|
28
|
+
else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete)
|
|
33
29
|
platformClass = 'desktop-obsolete';
|
|
34
|
-
}
|
|
35
30
|
platformClass += ' ' + (buttonsSpacing === ButtonsSpacing.Dense ? 'dense' : 'sparse');
|
|
36
|
-
|
|
37
|
-
var onClickScreenShare = react_1.useCallback(function () {
|
|
38
|
-
if (isClientSharingScreen && !displayStopSharingButton) {
|
|
39
|
-
setDisplayStopSharingButton(true);
|
|
40
|
-
}
|
|
41
|
-
if (isClientSharingScreen && displayStopSharingButton) {
|
|
42
|
-
setDisplayStopSharingButton(false);
|
|
43
|
-
}
|
|
44
|
-
if (!isClientSharingScreen && toggleScreenShare) {
|
|
45
|
-
toggleScreenShare();
|
|
46
|
-
}
|
|
47
|
-
}, [toggleScreenShare, isClientSharingScreen, displayStopSharingButton]);
|
|
48
|
-
var onClickStopSharingButton = react_1.useCallback(function () {
|
|
49
|
-
setDisplayStopSharingButton(false);
|
|
50
|
-
if (toggleScreenShare) {
|
|
51
|
-
toggleScreenShare();
|
|
52
|
-
}
|
|
53
|
-
}, [toggleScreenShare, setDisplayStopSharingButton]);
|
|
54
|
-
var onCloseStopSharingButton = function (event) {
|
|
55
|
-
event.stopPropagation();
|
|
56
|
-
setDisplayStopSharingButton(false);
|
|
57
|
-
};
|
|
58
|
-
return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [toggleScreenShare && (jsx_runtime_1.jsxs("div", __assign({ className: 'share-screen-mobile' }, { children: [jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onClickScreenShare, iconName: 'Screen-Share', isBackgroundVisible: isBackgroundVisible, disabled: disabledDesktopSharingButton }, void 0), displayStopSharingButton && (jsx_runtime_1.jsxs("div", __assign({ className: 'stop-desktop-sharing', onClick: onClickStopSharingButton }, { children: [jsx_runtime_1.jsx("button", __assign({ type: 'button', onClick: onCloseStopSharingButton }, { children: jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'exit' }, void 0) }), void 0), jsx_runtime_1.jsx("span", { children: (_b = translations.stopSharing) !== null && _b !== void 0 ? _b : 'Stop Sharing' }, void 0)] }), void 0))] }), void 0)), onToggleMute && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }, void 0)), onToggleVideo && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible }, void 0)), onSwitchCamera && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible, disabled: isVideoTurnedOff }, void 0))] }), void 0));
|
|
31
|
+
return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [onToggleMute && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }, void 0)), onToggleVideo && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible }, void 0)), onSwitchCamera && (jsx_runtime_1.jsx(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible, disabled: isVideoTurnedOff }, void 0))] }), void 0));
|
|
59
32
|
};
|
|
60
33
|
exports.MediaButtonsPanel = MediaButtonsPanel;
|
|
61
34
|
//# sourceMappingURL=MediaButtonsPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oCAAkC;AAGlC,yEAA4F;AAc5F,IAAY,cAGX;AAHD,WAAY,cAAc;IACtB,qDAAK,CAAA;IACL,uDAAM,CAAA;AACV,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAEM,IAAM,iBAAiB,GAAoB,UAAC,EAUlD;QATG,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,iCAAgC,EAAhC,yBAAyB,mBAAG,IAAI,KAAA,EAChC,sBAAsC,EAAtC,cAAc,mBAAG,cAAc,CAAC,MAAM,KAAA,EACtC,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,cAAc,oBAAA;IAEd,IAAI,aAAa,GAAG,QAAQ,CAAC;IAE7B,IAAI,WAAW,KAAK,uCAAoB,CAAC,OAAO;QAAE,aAAa,GAAG,SAAS,CAAC;SACvE,IAAI,WAAW,KAAK,uCAAoB,CAAC,eAAe;QAAE,aAAa,GAAG,kBAAkB,CAAC;IAElG,aAAa,IAAI,GAAG,GAAG,CAAC,cAAc,KAAK,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAEtF,OAAO,CACH,qCAAK,SAAS,EAAE,yBAAuB,aAAe,iBACjD,YAAY,IAAI,CACb,kBAAC,mCAAgB,IACb,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EACxC,YAAY,EAAE,CAAC,yBAAyB,IAAI,CAAC,OAAO,EACpD,mBAAmB,EAAE,mBAAmB,WAC1C,CACL,EACA,aAAa,IAAI,CACd,kBAAC,mCAAgB,IACb,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EACvD,YAAY,EAAE,CAAC,yBAAyB,IAAI,CAAC,gBAAgB,EAC7D,mBAAmB,EAAE,mBAAmB,WAC1C,CACL,EACA,cAAc,IAAI,CACf,kBAAC,mCAAgB,IACb,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAC,eAAe,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,gBAAgB,WAC5B,CACL,aACC,CACT,CAAC;AACN,CAAC,CAAC;AAjDW,QAAA,iBAAiB,qBAiD5B"}
|
|
@@ -28,36 +28,4 @@
|
|
|
28
28
|
& > *:last-child {
|
|
29
29
|
margin-right: 0;
|
|
30
30
|
}
|
|
31
|
-
|
|
32
|
-
&.mobile {
|
|
33
|
-
display: flex;
|
|
34
|
-
|
|
35
|
-
.share-screen-mobile {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: flex-end;
|
|
39
|
-
|
|
40
|
-
.stop-desktop-sharing {
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: row;
|
|
44
|
-
align-items: center;
|
|
45
|
-
padding: 4px;
|
|
46
|
-
width: 161px;
|
|
47
|
-
height: 56px;
|
|
48
|
-
background: #f9fafb;
|
|
49
|
-
box-shadow: 0 0 70px rgba(0, 0, 0, 45%);
|
|
50
|
-
border-radius: 10px;
|
|
51
|
-
top: 64px;
|
|
52
|
-
position: absolute;
|
|
53
|
-
|
|
54
|
-
button {
|
|
55
|
-
border: none;
|
|
56
|
-
background: no-repeat;
|
|
57
|
-
margin: 8px;
|
|
58
|
-
margin-top: 10px;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagicMarkerComponent.d.ts","sourceRoot":"","sources":["../../../src/components/MagicMarker/MagicMarkerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA8B,MAAM,OAAO,CAAC;AAG7D,OAAO,oBAAoB,CAAC;AAS5B,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,WAAW,CAAC;CACvC;AAED,MAAM,WAAW,MAAM;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC3C,SAAS,EAAE,WAAW,CAAC;CAC1B;AAED,oBAAY,kBAAkB,GAAG;IAC7B,cAAc,EAAE,eAAe,CAAC;IAChC,oBAAoB,EAAE,eAAe,CAAC;IACtC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"MagicMarkerComponent.d.ts","sourceRoot":"","sources":["../../../src/components/MagicMarker/MagicMarkerComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAA8B,MAAM,OAAO,CAAC;AAG7D,OAAO,oBAAoB,CAAC;AAS5B,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,WAAW,CAAC;CACvC;AAED,MAAM,WAAW,MAAM;IACnB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AACD,MAAM,WAAW,eAAgB,SAAQ,MAAM;IAC3C,SAAS,EAAE,WAAW,CAAC;CAC1B;AAED,oBAAY,kBAAkB,GAAG;IAC7B,cAAc,EAAE,eAAe,CAAC;IAChC,oBAAoB,EAAE,eAAe,CAAC;IACtC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iCAAiC,EAAE,MAAM,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,eAAe,EAAE,CAAC;IAClC,0BAA0B,CAAC,EAAE,MAAM,IAAI,CAAC;IACxC,gBAAgB,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAoJpE,CAAC"}
|
|
@@ -98,9 +98,8 @@ var MagicMarkerComponent = function (_a) {
|
|
|
98
98
|
setCanvasDrawerRemote(new CanvasDrawerService_1.CanvasDrawer(canvasRefRemote.current, drawingOptionsRemote, undefined, timeUntilDrawingStartFadingRemote, onRemoteDrawingsDisplayEnd));
|
|
99
99
|
}, [canvasRefRemote, drawingOptionsRemote, timeUntilDrawingStartFadingRemote, onRemoteDrawingsDisplayEnd]);
|
|
100
100
|
react_1.useEffect(function () {
|
|
101
|
-
if (!canvasDrawerRemote)
|
|
101
|
+
if (!canvasDrawerRemote)
|
|
102
102
|
return;
|
|
103
|
-
}
|
|
104
103
|
var drawingsWithMirroring = isMirrored
|
|
105
104
|
? remoteDrawings.map(function (point) { return (__assign(__assign({}, point), { x: point.container.width - point.x })); })
|
|
106
105
|
: remoteDrawings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MagicMarkerComponent.js","sourceRoot":"","sources":["../../../src/components/MagicMarker/MagicMarkerComponent.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"MagicMarkerComponent.js","sourceRoot":"","sources":["../../../src/components/MagicMarker/MagicMarkerComponent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +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,
|
|
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"}
|
|
@@ -46,11 +46,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
46
46
|
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
50
|
-
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
51
|
-
to[j] = from[i];
|
|
52
|
-
return to;
|
|
53
|
-
};
|
|
54
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
55
50
|
exports.Multiparty = void 0;
|
|
56
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
@@ -58,6 +53,7 @@ var react_1 = require("react");
|
|
|
58
53
|
var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
|
|
59
54
|
var MultiParty_1 = require("@techsee/techsee-media-service/lib/MultiParty");
|
|
60
55
|
var media_constants_1 = require("@techsee/techsee-common/lib/constants/media.constants");
|
|
56
|
+
var MultipartyController_1 = require("../services/MultipartyController");
|
|
61
57
|
var types_1 = require("../services/types");
|
|
62
58
|
var utils_1 = require("../utils");
|
|
63
59
|
var MultipartyEventTypes_1 = require("../services/MultipartyEventTypes");
|
|
@@ -71,53 +67,23 @@ var Multiparty = function (_a) {
|
|
|
71
67
|
var _b = react_1.useState(false), firstPeerDidConnect = _b[0], setFirstPeerDidConnect = _b[1];
|
|
72
68
|
var _c = react_1.useState(true), wasMediaPermissionsModalClosed = _c[0], setWasMediaPermissionsModalClosed = _c[1];
|
|
73
69
|
var _d = react_1.useState(false), isOwnMediaPermissionsRejected = _d[0], setOwnMediaPermissionsRejected = _d[1];
|
|
74
|
-
var _e = react_1.useState(
|
|
75
|
-
var _f = react_1.useState(
|
|
70
|
+
var _e = react_1.useState(controller.userRole), userRole = _e[0], setUserRole = _e[1];
|
|
71
|
+
var _f = react_1.useState({
|
|
72
|
+
pinnedUserRole: controller.getPinnedVideo().pinnedUserRole,
|
|
73
|
+
videoType: controller.getPinnedVideo().videoType
|
|
74
|
+
}), pinnedVideo = _f[0], setPinnedVideo = _f[1];
|
|
76
75
|
var _g = react_1.useState(controller.isAudioDisabled), isAudioDisabled = _g[0], setIsAudioDisabled = _g[1];
|
|
77
76
|
var _h = react_1.useState(false), isAudioMuted = _h[0], setIsAudioMuted = _h[1];
|
|
78
77
|
var _j = react_1.useState(false), isVideoTurnedOff = _j[0], setIsVideoTurnedOff = _j[1];
|
|
79
78
|
var _k = react_1.useState(false), isSwitchCameraSupported = _k[0], setIsSwitchCameraSupported = _k[1];
|
|
80
79
|
var _l = react_1.useState(true), isLoading = _l[0], setIsLoading = _l[1];
|
|
81
80
|
var _m = react_1.useState(false), isScreenSharingEnabled = _m[0], setIsScreenSharingEnabled = _m[1];
|
|
82
|
-
var _o = react_1.useState(
|
|
83
|
-
var _p = react_1.useState(false), isScreenShared = _p[0], setIsScreenShared = _p[1];
|
|
84
|
-
var _q = react_1.useState(controller.getPinnedVideo()), pinnedVideo = _q[0], setPinnedVideo = _q[1];
|
|
85
|
-
var _r = react_1.useState([]), connections = _r[0], setConnections = _r[1];
|
|
81
|
+
var _o = react_1.useState([]), connections = _o[0], setConnections = _o[1];
|
|
86
82
|
var toggleMute = react_1.useCallback(function () { return controller.toggleAudio(isAudioMuted); }, [controller, isAudioMuted]);
|
|
87
83
|
var switchCamera = react_1.useCallback(function () { return controller.switchCamera(); }, [controller]);
|
|
88
84
|
var toggleVideo = react_1.useCallback(function () { return controller.toggleVideo(isVideoTurnedOff); }, [controller, isVideoTurnedOff]);
|
|
89
|
-
var toggleScreenShare = react_1.useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
90
|
-
var e_1;
|
|
91
|
-
return __generator(this, function (_a) {
|
|
92
|
-
switch (_a.label) {
|
|
93
|
-
case 0:
|
|
94
|
-
if (!isScreenSharingEnabled) {
|
|
95
|
-
return [2 /*return*/];
|
|
96
|
-
}
|
|
97
|
-
if (!isClientSharingScreen) return [3 /*break*/, 1];
|
|
98
|
-
setIsClientSharingScreen(false);
|
|
99
|
-
controller.stopShareScreen();
|
|
100
|
-
return [3 /*break*/, 5];
|
|
101
|
-
case 1:
|
|
102
|
-
setIsClientSharingScreen(true);
|
|
103
|
-
_a.label = 2;
|
|
104
|
-
case 2:
|
|
105
|
-
_a.trys.push([2, 4, , 5]);
|
|
106
|
-
return [4 /*yield*/, controller.shareScreen()];
|
|
107
|
-
case 3:
|
|
108
|
-
_a.sent();
|
|
109
|
-
return [3 /*break*/, 5];
|
|
110
|
-
case 4:
|
|
111
|
-
e_1 = _a.sent();
|
|
112
|
-
setIsClientSharingScreen(false);
|
|
113
|
-
return [3 /*break*/, 5];
|
|
114
|
-
case 5: return [2 /*return*/];
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
}); }, [controller, isClientSharingScreen, isScreenSharingEnabled]);
|
|
118
85
|
var onModalClosed = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(false); }, []);
|
|
119
86
|
var onModalOpen = react_1.useCallback(function () { return setWasMediaPermissionsModalClosed(true); }, []);
|
|
120
|
-
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.pinnedVideoChanged, function () { return setPinnedVideo(controller.getPinnedVideo()); }, []);
|
|
121
87
|
react_1.useEffect(function () {
|
|
122
88
|
controller.connect();
|
|
123
89
|
setConnections(controller.connections.get());
|
|
@@ -160,11 +126,11 @@ var Multiparty = function (_a) {
|
|
|
160
126
|
}
|
|
161
127
|
});
|
|
162
128
|
}); };
|
|
163
|
-
checkScreenSharing()
|
|
129
|
+
checkScreenSharing();
|
|
130
|
+
}, []);
|
|
131
|
+
utils_1.useEvent(controller, MultipartyController_1.MultipartyEventsInternal.setPinnedVideo, function (newPinnedVideo) {
|
|
132
|
+
setPinnedVideo({ pinnedUserRole: newPinnedVideo.pinnedUserRole, videoType: newPinnedVideo.videoType });
|
|
164
133
|
}, []);
|
|
165
|
-
react_1.useEffect(function () {
|
|
166
|
-
setTranslationsCopy(translations);
|
|
167
|
-
}, __spreadArray([], Object.values(translations)));
|
|
168
134
|
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionCreated, function () {
|
|
169
135
|
var updatedConnections = controller.connections.get();
|
|
170
136
|
setConnections(updatedConnections);
|
|
@@ -175,12 +141,6 @@ var Multiparty = function (_a) {
|
|
|
175
141
|
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.connectionDestroyed, function () {
|
|
176
142
|
setConnections(controller.connections.get());
|
|
177
143
|
}, []);
|
|
178
|
-
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamDestroyed, function (e) {
|
|
179
|
-
if (e.videoType === MediaConstants_1.VideoTypesEnum.SCREEN && isClientSharingScreen) {
|
|
180
|
-
setIsClientSharingScreen(false);
|
|
181
|
-
}
|
|
182
|
-
setConnections(controller.connections.get());
|
|
183
|
-
}, []);
|
|
184
144
|
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.streamCreated, function (_a) {
|
|
185
145
|
var isOwnConnection = _a.isOwnConnection, hasAudio = _a.hasAudio, hasVideo = _a.hasVideo;
|
|
186
146
|
return __awaiter(void 0, void 0, void 0, function () {
|
|
@@ -217,24 +177,18 @@ var Multiparty = function (_a) {
|
|
|
217
177
|
setOwnMediaPermissionsRejected(true);
|
|
218
178
|
}
|
|
219
179
|
}, []);
|
|
220
|
-
utils_1.useEvent(controller, MultipartyEventTypes_1.MultipartyEvents.desktopSharing, function (_a) {
|
|
221
|
-
var desktopSharing = _a.desktopSharing;
|
|
222
|
-
if (desktopSharing !== isScreenShared) {
|
|
223
|
-
setIsScreenShared(!!desktopSharing);
|
|
224
|
-
}
|
|
225
|
-
}, []);
|
|
226
180
|
var MediaRejectedModalWithProps = function () {
|
|
227
181
|
if (controller.userRole === MediaConstants_1.SessionClientRole.USER &&
|
|
228
182
|
isOwnMediaPermissionsRejected &&
|
|
229
183
|
wasMediaPermissionsModalClosed) {
|
|
230
|
-
return
|
|
184
|
+
return jsx_runtime_1.jsx(MediaRejectedModal_1.MediaRejectedModal, { osType: utils_1.detectOSType(), translations: translations, onClose: onModalClosed }, void 0);
|
|
231
185
|
}
|
|
232
186
|
return null;
|
|
233
187
|
};
|
|
234
188
|
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: {
|
|
235
189
|
pinnedUserRole: types_1.toSessionClientRole(pinnedVideo.pinnedUserRole),
|
|
236
190
|
videoType: pinnedVideo.videoType
|
|
237
|
-
}, translations:
|
|
191
|
+
}, 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));
|
|
238
192
|
};
|
|
239
193
|
exports.Multiparty = Multiparty;
|
|
240
194
|
//# sourceMappingURL=Multiparty.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Multiparty.js","sourceRoot":"","sources":["../../src/components/Multiparty.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,11 +15,7 @@ export declare type VideoTranslationStrings = Partial<{
|
|
|
15
15
|
}>;
|
|
16
16
|
declare type VideoProps = {
|
|
17
17
|
connectionDetails?: ConnectionDetails;
|
|
18
|
-
children: JSX.Element
|
|
19
|
-
className?: string;
|
|
20
|
-
onMouseEnter?: () => void;
|
|
21
|
-
onMouseLeave?: () => void;
|
|
22
|
-
onDoubleClick?: () => void;
|
|
18
|
+
children: JSX.Element;
|
|
23
19
|
};
|
|
24
20
|
export declare const Video: React.FC<VideoProps>;
|
|
25
21
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,oBAAY,uBAAuB,GAAG,OAAO,CAAC;IAC1C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gCAAgC,EAAE,MAAM,CAAC;IACzC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,MAAM,CAAC;CACtC,CAAC,CAAC;AAEH,aAAK,UAAU,GAAG;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Video.d.ts","sourceRoot":"","sources":["../../../src/components/Video/Video.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAC,MAAM,sBAAsB,CAAC;AAEvD,oBAAY,uBAAuB,GAAG,OAAO,CAAC;IAC1C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gCAAgC,EAAE,MAAM,CAAC;IACzC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,MAAM,CAAC;CACtC,CAAC,CAAC;AAEH,aAAK,UAAU,GAAG;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAItC,CAAC"}
|
|
@@ -16,8 +16,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
16
16
|
require("./Video.scss");
|
|
17
17
|
var Video = function (_a) {
|
|
18
18
|
var _b;
|
|
19
|
-
var connectionDetails = _a.connectionDetails, children = _a.children
|
|
20
|
-
return (jsx_runtime_1.jsx("div", __assign({ id: (_b = connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.videoStreamId) !== null && _b !== void 0 ? _b : '', className:
|
|
19
|
+
var connectionDetails = _a.connectionDetails, children = _a.children;
|
|
20
|
+
return (jsx_runtime_1.jsx("div", __assign({ id: (_b = connectionDetails === null || connectionDetails === void 0 ? void 0 : connectionDetails.videoStreamId) !== null && _b !== void 0 ? _b : '', className: 'participant' }, { children: children }), void 0));
|
|
21
21
|
};
|
|
22
22
|
exports.Video = Video;
|
|
23
23
|
//# sourceMappingURL=Video.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/components/Video/Video.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wBAAsB;
|
|
1
|
+
{"version":3,"file":"Video.js","sourceRoot":"","sources":["../../../src/components/Video/Video.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,wBAAsB;AAuBf,IAAM,KAAK,GAAyB,UAAC,EAA6B;;QAA5B,iBAAiB,uBAAA,EAAE,QAAQ,cAAA;IAA0B,OAAA,CAC9F,oCAAK,EAAE,EAAE,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,aAAa,mCAAI,EAAE,EAAE,SAAS,EAAC,aAAa,gBACnE,QAAQ,YACP,CACT,CAAA;CAAA,CAAC;AAJW,QAAA,KAAK,SAIhB"}
|
|
@@ -11,7 +11,6 @@ export declare type VideoTranslationStrings = Partial<{
|
|
|
11
11
|
allPeersDisconnectedCaption: string;
|
|
12
12
|
connectingCaption: string;
|
|
13
13
|
waitingForFirstPeerCaption: string;
|
|
14
|
-
stopSharing: string;
|
|
15
14
|
}>;
|
|
16
15
|
declare type VideoPlaceholderProps = {
|
|
17
16
|
connectionDetails?: ConnectionDetails;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/Video/VideoPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAkB,MAAM,sBAAsB,CAAC;AAGxE,oBAAY,uBAAuB,GAAG,OAAO,CAAC;IAC1C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gCAAgC,EAAE,MAAM,CAAC;IACzC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"VideoPlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/Video/VideoPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,iBAAiB,EAAkB,MAAM,sBAAsB,CAAC;AAGxE,oBAAY,uBAAuB,GAAG,OAAO,CAAC;IAC1C,kCAAkC,EAAE,MAAM,CAAC;IAC3C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,iCAAiC,EAAE,MAAM,CAAC;IAC1C,qBAAqB,EAAE,MAAM,CAAC;IAC9B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,gCAAgC,EAAE,MAAM,CAAC;IACzC,yBAAyB,EAAE,MAAM,CAAC;IAClC,2BAA2B,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,0BAA0B,EAAE,MAAM,CAAC;CACtC,CAAC,CAAC;AAEH,aAAK,qBAAqB,GAAG;IACzB,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC,YAAY,EAAE,uBAAuB,CAAC;IACtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA0B5D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoPlaceholder.js","sourceRoot":"","sources":["../../../src/components/Video/VideoPlaceholder.tsx"],"names":[],"mappings":";;;;AACA,8CAAwE;AACxE,gEAA6D;
|
|
1
|
+
{"version":3,"file":"VideoPlaceholder.js","sourceRoot":"","sources":["../../../src/components/Video/VideoPlaceholder.tsx"],"names":[],"mappings":";;;;AACA,8CAAwE;AACxE,gEAA6D;AAsBtD,IAAM,gBAAgB,GAAoC,UAAC,KAAK;IAC5D,IAAA,iBAAiB,GAAgD,KAAK,kBAArD,EAAE,YAAY,GAAkC,KAAK,aAAvC,EAAE,kBAAkB,GAAc,KAAK,mBAAnB,EAAE,QAAQ,GAAI,KAAK,SAAT,CAAU;IAEvE,IAAA,iBAAiB,GAA6D,YAAY,kBAAzE,EAAE,0BAA0B,GAAiC,YAAY,2BAA7C,EAAE,2BAA2B,GAAI,YAAY,4BAAhB,CAAiB;IAElG,IAAM,8BAA8B,GAAG,kBAAkB;QACrD,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,0BAA0B,CAAC;IACjC,IAAM,OAAO,GAAG,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,EAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,8BAA8B,CAAC;IACxG,IAAM,eAAe,GAAG,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,eAAe,CAAC;IAE3D,QAAQ,eAAe,EAAE;QACrB,KAAK,uBAAe,CAAC,oBAAoB,CAAC;QAC1C,KAAK,uBAAe,CAAC,UAAU;YAC3B,OAAO,kBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,IAAI,eAAe,WAAI,CAAC;QAElE,KAAK,uBAAe,CAAC,gBAAgB,CAAC,CAAC;YACnC,OAAO,QAAQ,CAAC;SACnB;QAED,KAAK,uBAAe,CAAC,wBAAwB;YACzC,OAAO,IAAI,CAAC;QAEhB;YACI,OAAO,kBAAC,6BAAa,IAAC,OAAO,EAAE,OAAO,IAAI,eAAe,WAAI,CAAC;KACrE;AACL,CAAC,CAAC;AA1BW,QAAA,gBAAgB,oBA0B3B;AAEF,kBAAe,wBAAgB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
import './AgentPinnedLayout.scss';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { SessionClientRole } from '@techsee/techsee-media-service/lib/MediaConstants';
|
|
3
4
|
import { ConnectionDetails } from '../../../services/types';
|
|
4
5
|
import { OnEndMeetingRequestedCb } from '../../Multiparty.types';
|
|
5
6
|
import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
|
|
6
|
-
import './AgentPinnedLayout.scss';
|
|
7
7
|
declare type Props = {
|
|
8
8
|
agentConnection?: ConnectionDetails;
|
|
9
9
|
userConnection?: ConnectionDetails;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentPinnedLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAmB,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AAGvF,
|
|
1
|
+
{"version":3,"file":"AgentPinnedLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC;AAElC,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAC,iBAAiB,EAAC,MAAM,mDAAmD,CAAC;AACpF,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAG1D,OAAO,EAAC,uBAAuB,EAAC,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAmB,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AAGvF,aAAK,KAAK,GAAG;IACT,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,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,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuE7C,CAAC"}
|
|
@@ -13,19 +13,19 @@ var __assign = (this && this.__assign) || function () {
|
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
exports.AgentPinnedLayout = void 0;
|
|
15
15
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
require("./AgentPinnedLayout.scss");
|
|
16
17
|
var react_1 = require("react");
|
|
17
18
|
var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
|
|
18
19
|
var Video_1 = require("../../Video/Video");
|
|
19
20
|
var ButtonPanels_1 = require("../../ButtonPanels");
|
|
20
21
|
var VideoPlaceholder_1 = require("../../Video/VideoPlaceholder");
|
|
21
22
|
var Avatar_1 = require("../../Avatar/Avatar");
|
|
22
|
-
require("./AgentPinnedLayout.scss");
|
|
23
23
|
var AgentPinnedLayout = function (_a) {
|
|
24
24
|
var agentConnection = _a.agentConnection, userConnection = _a.userConnection, userRole = _a.userRole, firstPeerConnected = _a.firstPeerConnected, onModalOpen = _a.onModalOpen, translations = _a.translations, onToggleMute = _a.onToggleMute, onToggleVideo = _a.onToggleVideo, onSwitchCamera = _a.onSwitchCamera, onEndMeetingRequested = _a.onEndMeetingRequested, isAudioMuted = _a.isAudioMuted, isVideoTurnedOff = _a.isVideoTurnedOff;
|
|
25
25
|
var MediaButtonsPanelWithProps = react_1.useCallback(function () {
|
|
26
26
|
var isAgent = userRole === MediaConstants_1.SessionClientRole.AGENT;
|
|
27
27
|
var cssClass = isAgent ? 'media-buttons-panel-left' : 'media-buttons-panel-right';
|
|
28
|
-
return (jsx_runtime_1.jsx("div", __assign({ className: cssClass }, { children: jsx_runtime_1.jsx(ButtonPanels_1.MediaButtonsPanel, { onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, buttonsType: isAgent ? ButtonPanels_1.MultipartyButtonType.DesktopObsolete : ButtonPanels_1.MultipartyButtonType.MobileObsolete, isMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, isBackgroundVisible: true, isIconTransparencyEnabled: false
|
|
28
|
+
return (jsx_runtime_1.jsx("div", __assign({ className: cssClass }, { children: jsx_runtime_1.jsx(ButtonPanels_1.MediaButtonsPanel, { onToggleMute: onToggleMute, onToggleVideo: onToggleVideo, onSwitchCamera: onSwitchCamera, buttonsType: isAgent ? ButtonPanels_1.MultipartyButtonType.DesktopObsolete : ButtonPanels_1.MultipartyButtonType.MobileObsolete, isMuted: isAudioMuted, isVideoTurnedOff: isVideoTurnedOff, isBackgroundVisible: true, isIconTransparencyEnabled: false }, void 0) }), void 0));
|
|
29
29
|
}, [onToggleMute, onToggleVideo, onSwitchCamera, userRole, isAudioMuted, isVideoTurnedOff]);
|
|
30
30
|
return (jsx_runtime_1.jsxs("div", __assign({ className: 'agent-pinned-layout use-common-styles' }, { children: [jsx_runtime_1.jsx(MediaButtonsPanelWithProps, {}, void 0), userRole === MediaConstants_1.SessionClientRole.USER && (jsx_runtime_1.jsx("div", __assign({ className: 'end-meeting-button-panel' }, { children: jsx_runtime_1.jsx(ButtonPanels_1.EndMeetingButtonPanel, { onEndMeetingRequested: onEndMeetingRequested }, void 0) }), void 0)), jsx_runtime_1.jsx("div", __assign({ className: 'agent-area' }, { children: jsx_runtime_1.jsx(Video_1.Video, __assign({ connectionDetails: agentConnection }, { children: jsx_runtime_1.jsx(VideoPlaceholder_1.VideoPlaceholder, __assign({ translations: translations, firstPeerConnected: firstPeerConnected, connectionDetails: agentConnection }, { children: jsx_runtime_1.jsx(Avatar_1.Avatar, {}, void 0) }), void 0) }), void 0) }), void 0), jsx_runtime_1.jsx("div", __assign({ className: 'peer-area' }, { children: jsx_runtime_1.jsx(Video_1.Video, __assign({ connectionDetails: userConnection }, { children: jsx_runtime_1.jsx(VideoPlaceholder_1.VideoPlaceholder, __assign({ translations: translations, firstPeerConnected: firstPeerConnected, connectionDetails: userConnection }, { children: jsx_runtime_1.jsx(Avatar_1.Avatar, { text: userRole === MediaConstants_1.SessionClientRole.USER &&
|
|
31
31
|
(userConnection === null || userConnection === void 0 ? void 0 : userConnection.isMediaPermissionsRejected) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AgentPinnedLayout.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAyC;AACzC,oFAAoF;AAEpF,2CAAwC;AACxC,mDAAkG;AAElG,iEAAuF;AACvF,8CAA2C;
|
|
1
|
+
{"version":3,"file":"AgentPinnedLayout.js","sourceRoot":"","sources":["../../../../src/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,oCAAkC;AAElC,+BAAyC;AACzC,oFAAoF;AAEpF,2CAAwC;AACxC,mDAAkG;AAElG,iEAAuF;AACvF,8CAA2C;AAiBpC,IAAM,iBAAiB,GAAoB,UAAC,EAa3C;QAZJ,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,gBAAgB,sBAAA;IAEhB,IAAM,0BAA0B,GAAG,mBAAW,CAAC;QAC3C,IAAM,OAAO,GAAG,QAAQ,KAAK,kCAAiB,CAAC,KAAK,CAAC;QACrD,IAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,2BAA2B,CAAC;QAEpF,OAAO,CACH,oCAAK,SAAS,EAAE,QAAQ,gBACpB,kBAAC,gCAAiB,IACd,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC,mCAAoB,CAAC,eAAe,CAAC,CAAC,CAAC,mCAAoB,CAAC,cAAc,EACjG,OAAO,EAAE,YAAY,EACrB,gBAAgB,EAAE,gBAAgB,EAClC,mBAAmB,QACnB,yBAAyB,EAAE,KAAK,WAClC,YACA,CACT,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE5F,OAAO,CACH,qCAAK,SAAS,EAAC,uCAAuC,iBAClD,kBAAC,0BAA0B,aAAG,EAC7B,QAAQ,KAAK,kCAAiB,CAAC,IAAI,IAAI,CACpC,oCAAK,SAAS,EAAC,0BAA0B,gBACrC,kBAAC,oCAAqB,IAAC,qBAAqB,EAAE,qBAAqB,WAAI,YACrE,CACT,EACD,oCAAK,SAAS,EAAC,YAAY,gBACvB,kBAAC,aAAK,aAAC,iBAAiB,EAAE,eAAe,gBACrC,kBAAC,mCAAgB,aACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,eAAe,gBAClC,kBAAC,eAAM,aAAG,YACK,YACf,YACN,EACN,oCAAK,SAAS,EAAC,WAAW,gBACtB,kBAAC,aAAK,aAAC,iBAAiB,EAAE,cAAc,gBACpC,kBAAC,mCAAgB,aACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EAAE,cAAc,gBACjC,kBAAC,eAAM,IACH,IAAI,EACA,QAAQ,KAAK,kCAAiB,CAAC,IAAI;iCACnC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,0BAA0B,CAAA;gCAC1C,YAAY,CAAC,yBAAyB,EAE1C,OAAO,EAAE,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,0BAA0B,EAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,WAC/E,YACa,YACf,YACN,aACJ,CACT,CAAC;AACN,CAAC,CAAC;AAvEW,QAAA,iBAAiB,qBAuE5B"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SessionClientRole, VideoTypesEnum } from '@techsee/techsee-media-service/lib/MediaConstants';
|
|
3
|
+
import { ConnectionDetails, OnPinnedVideoChangedCb } from '../../../services/types';
|
|
4
|
+
import './BigAreaLandscapeLayout.scss';
|
|
5
|
+
import './BigAreaLayout.scss';
|
|
6
|
+
import { IBigMainAreaProps } from './BigAreaLayout';
|
|
7
|
+
interface IProps extends IBigMainAreaProps {
|
|
8
|
+
peerConnection?: ConnectionDetails;
|
|
9
|
+
pinnedVideo?: {
|
|
10
|
+
pinnedUserRole?: SessionClientRole;
|
|
11
|
+
videoType: VideoTypesEnum;
|
|
12
|
+
};
|
|
13
|
+
onVideoPinned?: OnPinnedVideoChangedCb;
|
|
14
|
+
}
|
|
15
|
+
export declare const BigAreaLandscapeLayout: React.FC<IProps>;
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=BigAreaLandscapeLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.BigAreaLandscapeLayout = void 0;
|
|
18
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
+
var react_1 = require("react");
|
|
20
|
+
var MediaConstants_1 = require("@techsee/techsee-media-service/lib/MediaConstants");
|
|
21
|
+
var types_1 = require("../../../services/types");
|
|
22
|
+
var ButtonPanels_1 = require("../../ButtonPanels");
|
|
23
|
+
var Video_1 = require("../../Video/Video");
|
|
24
|
+
var MediaButtonsPanel_1 = require("../../ButtonPanels/MediaButtonsPanel/MediaButtonsPanel");
|
|
25
|
+
require("./BigAreaLandscapeLayout.scss");
|
|
26
|
+
require("./BigAreaLayout.scss");
|
|
27
|
+
var VideoPlaceholder_1 = require("../../Video/VideoPlaceholder");
|
|
28
|
+
var BigAreaMediaPermissionDeniedPlaceholder_1 = __importDefault(require("../../VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder"));
|
|
29
|
+
var SmallAreaMediaPermissionDeniedPlaceholder_1 = __importDefault(require("../../VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder"));
|
|
30
|
+
var Avatar_1 = require("../../Avatar/Avatar");
|
|
31
|
+
var BigAreaLayout_1 = require("./BigAreaLayout");
|
|
32
|
+
var BigAreaLandscapeLayout = function (_a) {
|
|
33
|
+
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;
|
|
34
|
+
var _b = react_1.useState(BigAreaLayout_1.FocusedVideoArea.NONE), focusedVideoArea = _b[0], setFocusedVideoArea = _b[1];
|
|
35
|
+
var snapshotButtonPanelRef = react_1.useRef(null);
|
|
36
|
+
var pinButtonPanelRef = react_1.useRef(null);
|
|
37
|
+
var mediaButtonsPanelRef = react_1.useRef(null);
|
|
38
|
+
var endMeetingButtonPanelRef = react_1.useRef(null);
|
|
39
|
+
var floatingElements = [
|
|
40
|
+
pinButtonPanelRef,
|
|
41
|
+
snapshotButtonPanelRef,
|
|
42
|
+
mediaButtonsPanelRef,
|
|
43
|
+
endMeetingButtonPanelRef
|
|
44
|
+
];
|
|
45
|
+
var MediaButtons = react_1.useCallback(function (panelProps) {
|
|
46
|
+
return BigAreaLayout_1.getMediaButtons({
|
|
47
|
+
userRole: userRole,
|
|
48
|
+
isAudioMuted: isAudioMuted,
|
|
49
|
+
isVideoTurnedOff: isVideoTurnedOff,
|
|
50
|
+
mediaButtonsPanelRef: mediaButtonsPanelRef,
|
|
51
|
+
panelProps: panelProps,
|
|
52
|
+
onToggleMute: onToggleMute,
|
|
53
|
+
onToggleVideo: onToggleVideo,
|
|
54
|
+
onSwitchCamera: onSwitchCamera
|
|
55
|
+
});
|
|
56
|
+
}, [onToggleMute, onToggleVideo, onSwitchCamera, userRole, isAudioMuted, isVideoTurnedOff, mediaButtonsPanelRef]);
|
|
57
|
+
var getPinnedCallback = react_1.useCallback(function (videoType, role) {
|
|
58
|
+
var differentVideo = role !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) || videoType !== (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.videoType);
|
|
59
|
+
var newVideo = differentVideo
|
|
60
|
+
? { pinnedUserRole: types_1.toPinnedUserType(role), videoType: videoType }
|
|
61
|
+
: { pinnedUserRole: types_1.PinnedUserType.NONE, videoType: videoType };
|
|
62
|
+
return role && onVideoPinned && newVideo ? function () { return onVideoPinned(newVideo); } : undefined;
|
|
63
|
+
}, [onVideoPinned, pinnedVideo]);
|
|
64
|
+
var onMouseEnter = react_1.useCallback(function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.BIG); }, []);
|
|
65
|
+
var onMouseLeave = react_1.useCallback(function () { return setFocusedVideoArea(BigAreaLayout_1.FocusedVideoArea.NONE); }, []);
|
|
66
|
+
var mainConnectionRole = mainConnection === null || mainConnection === void 0 ? void 0 : mainConnection.userRole;
|
|
67
|
+
var peerConnectionRole = peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole;
|
|
68
|
+
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 &&
|
|
69
|
+
mainConnectionRole === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
|
|
70
|
+
(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) &&
|
|
71
|
+
(peerConnection === null || peerConnection === void 0 ? void 0 : peerConnection.userRole) === (pinnedVideo === null || pinnedVideo === void 0 ? void 0 : pinnedVideo.pinnedUserRole) &&
|
|
72
|
+
(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));
|
|
73
|
+
};
|
|
74
|
+
exports.BigAreaLandscapeLayout = BigAreaLandscapeLayout;
|
|
75
|
+
//# sourceMappingURL=BigAreaLandscapeLayout.js.map
|