@techsee/techsee-media-service-client 999.0.0-sapi → 999.0.0-ts-19992
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/Avatar/Avatar.d.ts +1 -1
- package/lib/components/Avatar/Avatar.d.ts.map +1 -1
- package/lib/components/Avatar/Avatar.js.map +1 -1
- package/lib/components/Avatar/Avatar.scss +40 -41
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts +1 -8
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts.map +1 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js +5 -28
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js.map +1 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.scss +20 -52
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts +0 -1
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts.map +1 -1
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js +13 -15
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js.map +1 -1
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts.map +1 -1
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js.map +1 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.d.ts.map +1 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.js.map +1 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.scss +3 -3
- package/lib/components/ButtonPanels/index.d.ts +0 -1
- package/lib/components/ButtonPanels/index.d.ts.map +1 -1
- package/lib/components/ButtonPanels/index.js +1 -3
- package/lib/components/ButtonPanels/index.js.map +1 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.d.ts.map +1 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.js.map +1 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.scss +52 -53
- package/lib/components/MagicMarker/CanvasDrawer.d.ts +57 -0
- package/lib/components/MagicMarker/CanvasDrawer.d.ts.map +1 -0
- package/lib/components/MagicMarker/CanvasDrawer.js +172 -0
- package/lib/components/MagicMarker/CanvasDrawer.js.map +1 -0
- package/lib/components/MagicMarker/MagicMarkerComponent.d.ts +3 -32
- package/lib/components/MagicMarker/MagicMarkerComponent.d.ts.map +1 -1
- package/lib/components/MagicMarker/MagicMarkerComponent.js +34 -80
- package/lib/components/MagicMarker/MagicMarkerComponent.js.map +1 -1
- package/lib/components/MagicMarker/MagicMarkerController.d.ts +32 -0
- package/lib/components/MagicMarker/MagicMarkerController.d.ts.map +1 -0
- package/lib/components/MagicMarker/MagicMarkerController.js +99 -0
- package/lib/components/MagicMarker/MagicMarkerController.js.map +1 -0
- package/lib/components/MagicMarker/index.d.ts +2 -1
- package/lib/components/MagicMarker/index.d.ts.map +1 -1
- package/lib/components/MagicMarker/index.js +3 -1
- package/lib/components/MagicMarker/index.js.map +1 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.d.ts.map +1 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.js.map +1 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.scss +58 -58
- package/lib/components/Multiparty.d.ts +7 -12
- package/lib/components/Multiparty.d.ts.map +1 -1
- package/lib/components/Multiparty.js +40 -119
- package/lib/components/Multiparty.js.map +1 -1
- package/lib/components/Multiparty.scss +3 -3
- package/lib/components/Multiparty.types.d.ts +0 -1
- package/lib/components/Multiparty.types.d.ts.map +1 -1
- package/lib/components/Multiparty.types.js.map +1 -1
- package/lib/components/Video/Video.d.ts +4 -12
- package/lib/components/Video/Video.d.ts.map +1 -1
- package/lib/components/Video/Video.js +41 -4
- package/lib/components/Video/Video.js.map +1 -1
- package/lib/components/Video/Video.scss +7 -8
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts +3 -5
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts.map +1 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js +4 -8
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js.map +1 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.scss +31 -38
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts +31 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.d.ts.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js +56 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.js.map +1 -0
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.scss +103 -77
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts +10 -22
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts.map +1 -1
- package/lib/components/VideoLayouts/VideoLayoutManager.js +10 -17
- package/lib/components/VideoLayouts/VideoLayoutManager.js.map +1 -1
- package/lib/components/VideoLayouts/index.d.ts.map +1 -1
- package/lib/components/VideoLayouts/index.js.map +1 -1
- package/lib/index.d.ts +4 -5
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +5 -14
- package/lib/index.js.map +1 -1
- package/lib/services/ConnectionManager.d.ts +28 -33
- package/lib/services/ConnectionManager.d.ts.map +1 -1
- package/lib/services/ConnectionManager.js +70 -188
- package/lib/services/ConnectionManager.js.map +1 -1
- package/lib/services/MediaStateService.d.ts.map +1 -1
- package/lib/services/MediaStateService.js +3 -3
- package/lib/services/MediaStateService.js.map +1 -1
- package/lib/services/MultipartyController.d.ts +21 -15
- package/lib/services/MultipartyController.d.ts.map +1 -1
- package/lib/services/MultipartyController.js +75 -262
- package/lib/services/MultipartyController.js.map +1 -1
- package/lib/services/trafficLogManager.d.ts.map +1 -1
- package/lib/services/trafficLogManager.js +2 -2
- package/lib/services/trafficLogManager.js.map +1 -1
- package/lib/services/types.d.ts +3 -26
- package/lib/services/types.d.ts.map +1 -1
- package/lib/services/types.js.map +1 -1
- package/lib/utils/ClientConstants.d.ts +1 -3
- package/lib/utils/ClientConstants.d.ts.map +1 -1
- package/lib/utils/ClientConstants.js +2 -4
- package/lib/utils/ClientConstants.js.map +1 -1
- package/lib/utils/MergingStore.d.ts +1 -3
- package/lib/utils/MergingStore.d.ts.map +1 -1
- package/lib/utils/MergingStore.js +11 -26
- package/lib/utils/MergingStore.js.map +1 -1
- package/lib/utils/detectOsType.d.ts.map +1 -1
- package/lib/utils/detectOsType.js.map +1 -1
- package/lib/utils/index.d.ts.map +1 -1
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/useEvent.d.ts +2 -2
- package/lib/utils/useEvent.d.ts.map +1 -1
- package/lib/utils/useEvent.js.map +1 -1
- package/package.json +32 -39
- package/lib/assets/img/exclamation-mark.png +0 -0
- package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts +0 -7
- package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.d.ts.map +0 -1
- package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js +0 -15
- package/lib/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.js.map +0 -1
- package/lib/components/MagicMarker/MagicMarker.scss +0 -18
- package/lib/components/Video/VideoPlaceholder.d.ts +0 -24
- package/lib/components/Video/VideoPlaceholder.d.ts.map +0 -1
- package/lib/components/Video/VideoPlaceholder.js +0 -30
- package/lib/components/Video/VideoPlaceholder.js.map +0 -1
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.scss +0 -46
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaPortraitLayout.scss +0 -66
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts +0 -44
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts.map +0 -1
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js +0 -120
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js.map +0 -1
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.d.ts +0 -12
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.d.ts.map +0 -1
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.js +0 -36
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.js.map +0 -1
- package/lib/components/VideoPlaceholders/BigAreaMediaPermissionDeniedPlaceholder.scss +0 -34
- package/lib/components/VideoPlaceholders/CameraOffButton.d.ts +0 -4
- package/lib/components/VideoPlaceholders/CameraOffButton.d.ts.map +0 -1
- package/lib/components/VideoPlaceholders/CameraOffButton.js +0 -9
- package/lib/components/VideoPlaceholders/CameraOffButton.js.map +0 -1
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.d.ts +0 -12
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.d.ts.map +0 -1
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.js +0 -40
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.js.map +0 -1
- package/lib/components/VideoPlaceholders/SmallAreaMediaPermissionDeniedPlaceholder.scss +0 -15
- package/lib/components/VideoPlaceholders/Tooltip.scss +0 -67
- package/lib/services/MultipartyEventTypes.d.ts +0 -122
- package/lib/services/MultipartyEventTypes.d.ts.map +0 -1
- package/lib/services/MultipartyEventTypes.js +0 -23
- package/lib/services/MultipartyEventTypes.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,EAAiB;QAAf,IAAI,UAAA,EAAE,OAAO,aAAA;IAAO,OAAA,CAClE,oCAAK,SAAS,EAAC,kBAAkB,gBAC/B,qCAAK,SAAS,EAAC,YAAY,iBACzB,2BAAK,GAAG,EAAE,oBAAgB,EAAE,SAAS,EAAC,YAAY,WAAG,EACpD,IAAI,IAAI,CACP,oCAAK,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,gBAC5C,qCAAM,SAAS,EAAC,mBAAmB,gBAAE,IAAI,YAAQ,YAC7C,CACP,aACG,YACF,CACP;AAXmE,CAWnE,CAAC;AAXW,QAAA,MAAM,UAWjB"}
|
|
@@ -1,45 +1,44 @@
|
|
|
1
1
|
.avatar-container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
position: absolute;
|
|
3
|
+
z-index: 2;
|
|
4
|
+
background: #706e6b;
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
7
|
+
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
|
|
13
|
+
.avatar-box {
|
|
14
|
+
position: relative;
|
|
5
15
|
width: 100%;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
.avatar-toast-text {
|
|
33
|
-
color: #ffffff;
|
|
34
|
-
font-style: normal;
|
|
35
|
-
font-weight: 700;
|
|
36
|
-
font-size: 16px;
|
|
37
|
-
line-height: 22px;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
&:hover {
|
|
41
|
-
cursor: pointer;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
16
|
+
text-align: center;
|
|
17
|
+
|
|
18
|
+
.avatar-toast {
|
|
19
|
+
background-color: rgba(60, 60, 60, 0.5);
|
|
20
|
+
padding: 10px;
|
|
21
|
+
z-index: 3;
|
|
22
|
+
|
|
23
|
+
position: absolute;
|
|
24
|
+
bottom: -15px;
|
|
25
|
+
left: 50%;
|
|
26
|
+
|
|
27
|
+
transform: translate(-50%, 100%);
|
|
28
|
+
|
|
29
|
+
border-radius: 4px;
|
|
30
|
+
|
|
31
|
+
.avatar-toast-text {
|
|
32
|
+
color: #ffffff;
|
|
33
|
+
font-style: normal;
|
|
34
|
+
font-weight: 700;
|
|
35
|
+
font-size: 16px;
|
|
36
|
+
line-height: 22px;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&:hover {
|
|
40
|
+
cursor: pointer;
|
|
41
|
+
}
|
|
44
42
|
}
|
|
43
|
+
}
|
|
45
44
|
}
|
|
@@ -1,23 +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
|
-
import { IRemoteController } from '../../../services/types';
|
|
6
4
|
interface Props {
|
|
7
5
|
buttonsType: MultipartyButtonType;
|
|
8
6
|
isMuted: boolean;
|
|
9
7
|
isVideoTurnedOff: boolean;
|
|
10
8
|
isBackgroundVisible?: boolean;
|
|
11
9
|
isIconTransparencyEnabled?: boolean;
|
|
12
|
-
isClientSharingScreen?: boolean;
|
|
13
|
-
disabledDesktopSharingButton?: boolean;
|
|
14
|
-
translations: VideoTranslationStrings;
|
|
15
10
|
buttonsSpacing?: ButtonsSpacing;
|
|
16
11
|
onToggleMute?: () => void;
|
|
17
12
|
onToggleVideo?: () => void;
|
|
18
13
|
onSwitchCamera?: () => void;
|
|
19
|
-
toggleScreenShare?: () => void;
|
|
20
|
-
remoteController?: IRemoteController;
|
|
21
14
|
}
|
|
22
15
|
export declare enum ButtonsSpacing {
|
|
23
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,EAAoB,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAE9F,UAAU,KAAK;IACb,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;CAC7B;AAED,oBAAY,cAAc;IACxB,KAAK,IAAA;IACL,MAAM,IAAA;CACP;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgD7C,CAAC"}
|
|
@@ -13,45 +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, remoteController = _a.remoteController;
|
|
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
|
-
return (jsx_runtime_1.jsxs("div", __assign({ className: "media-buttons-panel " + platformClass }, { children: [isClientSharingScreen && remoteController && (jsx_runtime_1.jsxs("button", __assign({ className: 'btn-rectangle btn-medium btn-primary btn', onClick: remoteController.downloadLivePointer }, { children: [remoteController.guid, jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'download' }, void 0)] }), void 0)), 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' }, { children: jsx_runtime_1.jsx(simple_icon_1.Icon, { iconName: 'end-sharing' }, 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 }, void 0))] }), void 0));
|
|
55
32
|
};
|
|
56
33
|
exports.MediaButtonsPanel = MediaButtonsPanel;
|
|
57
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,yEAA8F;AAc9F,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qDAAK,CAAA;IACL,uDAAM,CAAA;AACR,CAAC,EAHW,cAAc,GAAd,sBAAc,KAAd,sBAAc,QAGzB;AAEM,IAAM,iBAAiB,GAAoB,UAAC,EAUlD;QATC,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,CACL,qCAAK,SAAS,EAAE,yBAAuB,aAAe,iBACnD,YAAY,IAAI,CACf,kBAAC,mCAAgB,IACf,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,WACxC,CACH,EACA,aAAa,IAAI,CAChB,kBAAC,mCAAgB,IACf,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,WACxC,CACH,EACA,cAAc,IAAI,CACjB,kBAAC,mCAAgB,IACf,IAAI,EAAE,WAAW,EACjB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAC,eAAe,EACxB,mBAAmB,EAAE,mBAAmB,WACxC,CACH,aACG,CACP,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,iBAAiB,qBAgD5B"}
|
|
@@ -1,63 +1,31 @@
|
|
|
1
1
|
.media-buttons-panel {
|
|
2
|
-
|
|
2
|
+
display: flex;
|
|
3
3
|
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
&.desktop.sparse > * {
|
|
9
|
-
margin: 10px 10px 10px 0;
|
|
10
|
-
|
|
11
|
-
&:last-child {
|
|
12
|
-
margin-right: 0;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
4
|
+
&.mobile > * {
|
|
5
|
+
margin: 15px 15px 15px 0;
|
|
6
|
+
}
|
|
15
7
|
|
|
16
|
-
|
|
17
|
-
|
|
8
|
+
&.desktop.sparse > * {
|
|
9
|
+
margin: 10px 10px 10px 0;
|
|
18
10
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
11
|
+
&:last-child {
|
|
12
|
+
margin-right: 0;
|
|
22
13
|
}
|
|
14
|
+
}
|
|
23
15
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
}
|
|
16
|
+
&.desktop.dense > * {
|
|
17
|
+
margin: 10px 3px 10px 0;
|
|
27
18
|
|
|
28
|
-
|
|
29
|
-
|
|
19
|
+
&:last-child {
|
|
20
|
+
margin-right: 0;
|
|
30
21
|
}
|
|
22
|
+
}
|
|
31
23
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
.share-screen-mobile {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
align-items: flex-end;
|
|
24
|
+
&.button-desktop-obsolete > * {
|
|
25
|
+
margin: 10px 5px 10px 0;
|
|
26
|
+
}
|
|
39
27
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
-
}
|
|
28
|
+
& > *:last-child {
|
|
29
|
+
margin-right: 0;
|
|
30
|
+
}
|
|
63
31
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipartyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,oBAAoB;
|
|
1
|
+
{"version":3,"file":"MultipartyButton.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,oBAAY,oBAAoB;IAC9B,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,eAAe,qBAAqB;IACpC,cAAc,oBAAoB;CACnC;AAED,UAAU,KAAK;IACb,IAAI,EAAE,oBAAoB,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgC5C,CAAC"}
|
|
@@ -12,24 +12,22 @@ var MultipartyButtonType;
|
|
|
12
12
|
MultipartyButtonType["DesktopObsolete"] = "desktop-obsolete";
|
|
13
13
|
MultipartyButtonType["MobileObsolete"] = "mobile-obsolete";
|
|
14
14
|
})(MultipartyButtonType = exports.MultipartyButtonType || (exports.MultipartyButtonType = {}));
|
|
15
|
-
function buttonTypeToIconSize(buttonType) {
|
|
16
|
-
switch (buttonType) {
|
|
17
|
-
case MultipartyButtonType.DesktopObsolete:
|
|
18
|
-
return large_rounded_icon_1.IconSizes.LargeObsolete;
|
|
19
|
-
case MultipartyButtonType.Mobile:
|
|
20
|
-
return large_rounded_icon_1.IconSizes.MobileLarge;
|
|
21
|
-
case MultipartyButtonType.MobileObsolete:
|
|
22
|
-
return large_rounded_icon_1.IconSizes.MobileLargeObsolete;
|
|
23
|
-
default:
|
|
24
|
-
return large_rounded_icon_1.IconSizes.Large;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
15
|
var MultipartyButton = function (_a) {
|
|
28
|
-
var type = _a.type, iconName = _a.iconName, _b = _a.isSwitchedOn, isSwitchedOn = _b === void 0 ? true : _b, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c,
|
|
16
|
+
var type = _a.type, iconName = _a.iconName, _b = _a.isSwitchedOn, isSwitchedOn = _b === void 0 ? true : _b, _c = _a.isBackgroundVisible, isBackgroundVisible = _c === void 0 ? true : _c, onClick = _a.onClick;
|
|
29
17
|
var IconButton = type === MultipartyButtonType.Mobile ? border_rounded_icon_1.BorderRoundedIconButton : square_rounded_icon_1.SquareRoundedIconButton;
|
|
30
|
-
var
|
|
18
|
+
var iconSizeName = large_rounded_icon_1.IconSizes.Large;
|
|
19
|
+
var backgroundTransparency = isBackgroundVisible
|
|
20
|
+
? large_rounded_icon_1.BackgroundTransparencies.HALF
|
|
21
|
+
: large_rounded_icon_1.BackgroundTransparencies.FULL;
|
|
31
22
|
var iconTransparency = isSwitchedOn || isBackgroundVisible ? large_rounded_icon_1.IconTransparencies.NONE : large_rounded_icon_1.IconTransparencies.HALF;
|
|
32
|
-
|
|
23
|
+
if (type === MultipartyButtonType.DesktopObsolete)
|
|
24
|
+
iconSizeName = large_rounded_icon_1.IconSizes.LargeObsolete;
|
|
25
|
+
else if (type === MultipartyButtonType.Mobile)
|
|
26
|
+
iconSizeName = large_rounded_icon_1.IconSizes.MobileLarge;
|
|
27
|
+
else if (type === MultipartyButtonType.MobileObsolete) {
|
|
28
|
+
iconSizeName = large_rounded_icon_1.IconSizes.MobileLargeObsolete;
|
|
29
|
+
}
|
|
30
|
+
return (jsx_runtime_1.jsx(IconButton, { onClick: onClick, sizeName: iconSizeName, colorName: large_rounded_icon_1.IconColors.Black, iconName: iconName, iconTransparency: iconTransparency, noBorder: true, reverseColor: true, backgroundTransparency: backgroundTransparency }, void 0));
|
|
33
31
|
};
|
|
34
32
|
exports.MultipartyButton = MultipartyButton;
|
|
35
33
|
//# sourceMappingURL=MultipartyButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipartyButton.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"MultipartyButton.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MultipartyButton/MultipartyButton.tsx"],"names":[],"mappings":";;;;AACA,wGAA2G;AAC3G,wGAA2G;AAC3G,8FAKiE;AAEjE,IAAY,oBAKX;AALD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;IACjB,2CAAmB,CAAA;IACnB,4DAAoC,CAAA;IACpC,0DAAkC,CAAA;AACpC,CAAC,EALW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAK/B;AAUM,IAAM,gBAAgB,GAAoB,UAAC,EAMjD;QALC,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,2BAA0B,EAA1B,mBAAmB,mBAAG,IAAI,KAAA,EAC1B,OAAO,aAAA;IAEP,IAAM,UAAU,GACd,IAAI,KAAK,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,6CAAuB,CAAC,CAAC,CAAC,6CAAuB,CAAC;IAC3F,IAAI,YAAY,GAAG,8BAAS,CAAC,KAAK,CAAC;IACnC,IAAM,sBAAsB,GAAG,mBAAmB;QAChD,CAAC,CAAC,6CAAwB,CAAC,IAAI;QAC/B,CAAC,CAAC,6CAAwB,CAAC,IAAI,CAAC;IAClC,IAAM,gBAAgB,GACpB,YAAY,IAAI,mBAAmB,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAkB,CAAC,IAAI,CAAC;IAE1F,IAAI,IAAI,KAAK,oBAAoB,CAAC,eAAe;QAAE,YAAY,GAAG,8BAAS,CAAC,aAAa,CAAC;SACrF,IAAI,IAAI,KAAK,oBAAoB,CAAC,MAAM;QAAE,YAAY,GAAG,8BAAS,CAAC,WAAW,CAAC;SAC/E,IAAI,IAAI,KAAK,oBAAoB,CAAC,cAAc,EAAE;QAAE,YAAY,GAAG,8BAAS,CAAC,mBAAmB,CAAC;KAAE;IAExG,OAAO,CACL,kBAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,+BAAU,CAAC,KAAK,EAC3B,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,QACR,YAAY,QACZ,sBAAsB,EAAE,sBAAsB,WAC9C,CACH,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,gBAAgB,oBAgC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PinButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAK,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"PinButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,WAAW,GAAG,CAAC,MAAM,IAAI,CAAC,GAAG,KAAK,CAAC;AACxC,aAAK,KAAK,GAAG;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAgB1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PinButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,
|
|
1
|
+
{"version":3,"file":"PinButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/PinButtonPanel/PinButtonPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,yEAA8F;AASvF,IAAM,cAAc,GAAoB,UAAC,EAI/C;QAHC,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,YAAY,kBAAA;IACK,OAAA,CACjB,oCAAK,SAAS,EAAC,mBAAmB,gBAC/B,WAAW,IAAI,CACd,kBAAC,mCAAgB,IACf,IAAI,EAAE,uCAAoB,CAAC,OAAO,EAClC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAC,KAAK,EACd,YAAY,EAAE,QAAQ,EACtB,mBAAmB,EAAE,YAAY,WACjC,CACH,YACG,CACP;AAZkB,CAYlB,CAAC;AAhBW,QAAA,cAAc,kBAgBzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnapshotButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,4BAA4B,CAAC;AAEpC,aAAK,gBAAgB,GAAG,MAAM,IAAI,CAAC;AACnC,aAAK,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"SnapshotButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,4BAA4B,CAAC;AAEpC,aAAK,gBAAgB,GAAG,MAAM,IAAI,CAAC;AACnC,aAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE/C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SnapshotButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAA8D;AAC9D,sCAAoC;AAO7B,IAAM,mBAAmB,GAAoB,UAAC,
|
|
1
|
+
{"version":3,"file":"SnapshotButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AACA,4FAA8D;AAC9D,sCAAoC;AAO7B,IAAM,mBAAmB,GAAoB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IAAoB,OAAA,CACnF,2BAAK,GAAG,EAAE,2BAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAC,2BAA2B,WAAG,CACnF;AAFoF,CAEpF,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}
|
|
@@ -2,5 +2,4 @@ export { PinButtonPanel } from './PinButtonPanel/PinButtonPanel';
|
|
|
2
2
|
export { MediaButtonsPanel } from './MediaButtonsPanel/MediaButtonsPanel';
|
|
3
3
|
export { MultipartyButtonType } from './MultipartyButton/MultipartyButton';
|
|
4
4
|
export { SnapshotButtonPanel } from './SnapshotButtonPanel/SnapshotButtonPanel';
|
|
5
|
-
export { EndMeetingButtonPanel } from './EndMeetingButtonPanel/EndMeetingButtonPanel';
|
|
6
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.SnapshotButtonPanel = exports.MultipartyButtonType = exports.MediaButtonsPanel = exports.PinButtonPanel = void 0;
|
|
4
4
|
var PinButtonPanel_1 = require("./PinButtonPanel/PinButtonPanel");
|
|
5
5
|
Object.defineProperty(exports, "PinButtonPanel", { enumerable: true, get: function () { return PinButtonPanel_1.PinButtonPanel; } });
|
|
6
6
|
var MediaButtonsPanel_1 = require("./MediaButtonsPanel/MediaButtonsPanel");
|
|
@@ -9,6 +9,4 @@ var MultipartyButton_1 = require("./MultipartyButton/MultipartyButton");
|
|
|
9
9
|
Object.defineProperty(exports, "MultipartyButtonType", { enumerable: true, get: function () { return MultipartyButton_1.MultipartyButtonType; } });
|
|
10
10
|
var SnapshotButtonPanel_1 = require("./SnapshotButtonPanel/SnapshotButtonPanel");
|
|
11
11
|
Object.defineProperty(exports, "SnapshotButtonPanel", { enumerable: true, get: function () { return SnapshotButtonPanel_1.SnapshotButtonPanel; } });
|
|
12
|
-
var EndMeetingButtonPanel_1 = require("./EndMeetingButtonPanel/EndMeetingButtonPanel");
|
|
13
|
-
Object.defineProperty(exports, "EndMeetingButtonPanel", { enumerable: true, get: function () { return EndMeetingButtonPanel_1.EndMeetingButtonPanel; } });
|
|
14
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ButtonPanels/index.ts"],"names":[],"mappings":";;;AAAA,kEAAiE;AAAxD,gHAAA,cAAc,OAAA;AACvB,2EAA0E;AAAjE,sHAAA,iBAAiB,OAAA;AAC1B,wEAA2E;AAAlE,wHAAA,oBAAoB,OAAA;AAC7B,iFAAgF;AAAvE,0HAAA,mBAAmB,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoaderSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,aAAK,kBAAkB,GAAG;
|
|
1
|
+
{"version":3,"file":"LoaderSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAC;AAE9B,aAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAkEtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAMvB,IAAM,aAAa,GAAiC,UAAC,
|
|
1
|
+
{"version":3,"file":"LoaderSpinner.js","sourceRoot":"","sources":["../../../src/components/LoaderSpinner/LoaderSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAMvB,IAAM,aAAa,GAAiC,UAAC,EAAW;QAAT,OAAO,aAAA;IAAO,OAAA,CAC1E,qCAAK,SAAS,EAAC,0BAA0B,iBACvC,qCACE,SAAS,EAAC,SAAS,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,iBAElC,8BAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,WAAG,EAChE,mCAAG,QAAQ,EAAC,aAAa,iBACvB,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mIAAmI,EACrI,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,gNAAgN,EAClN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,kNAAkN,EACpN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,mNAAmN,EACrN,IAAI,EAAC,OAAO,WACZ,EACF,4BACE,SAAS,EAAC,iBAAiB,EAC3B,CAAC,EAAC,+MAA+M,EACjN,IAAI,EAAC,OAAO,WACZ,aACA,EACJ,sCACE,yCAAU,EAAE,EAAC,OAAO,gBAClB,4BAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,kBAAkB,WAAG,YAChE,WACN,aACH,EACN,oCAAK,SAAS,EAAC,wBAAwB,gBAAE,OAAO,YAAO,aACnD,CACP;AAlE2E,CAkE3E,CAAC;AAlEW,QAAA,aAAa,iBAkExB"}
|
|
@@ -1,69 +1,68 @@
|
|
|
1
1
|
.loader-spinner-container {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
border-radius: inherit;
|
|
2
|
+
position: absolute;
|
|
3
|
+
z-index: 2;
|
|
4
|
+
background: #706e6b;
|
|
5
|
+
width: 100%;
|
|
6
|
+
height: 100%;
|
|
8
7
|
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
display: flex;
|
|
9
|
+
flex-direction: column;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
.loader-spinner-caption {
|
|
14
|
+
font-family: 'Open Sans';
|
|
15
|
+
font-size: 14px;
|
|
16
|
+
color: white;
|
|
18
17
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
text-align: center;
|
|
19
|
+
padding-top: 20px;
|
|
20
|
+
margin: 0px 15px;
|
|
21
|
+
}
|
|
23
22
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
.circle {
|
|
24
|
+
animation: loading-spinner 1.8s infinite;
|
|
25
|
+
}
|
|
27
26
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
.circle-2 {
|
|
28
|
+
animation-delay: 0.2s;
|
|
29
|
+
}
|
|
31
30
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
31
|
+
.circle-3 {
|
|
32
|
+
animation-delay: 0.4s;
|
|
33
|
+
}
|
|
35
34
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
.circle-4 {
|
|
36
|
+
animation-delay: 0.6s;
|
|
37
|
+
}
|
|
39
38
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
.circle-5 {
|
|
40
|
+
animation-delay: 0.8s;
|
|
41
|
+
}
|
|
43
42
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
43
|
+
.circle-6 {
|
|
44
|
+
animation-delay: 1s;
|
|
45
|
+
}
|
|
47
46
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
47
|
+
.circle-7 {
|
|
48
|
+
animation-delay: 1.2s;
|
|
49
|
+
}
|
|
51
50
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
51
|
+
.circle-8 {
|
|
52
|
+
animation-delay: 1.4s;
|
|
53
|
+
}
|
|
55
54
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
55
|
+
.circle-9 {
|
|
56
|
+
animation-delay: 1.6s;
|
|
57
|
+
}
|
|
59
58
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
}
|
|
59
|
+
@keyframes loading-spinner {
|
|
60
|
+
0%,
|
|
61
|
+
100% {
|
|
62
|
+
opacity: 100%;
|
|
63
|
+
}
|
|
64
|
+
50% {
|
|
65
|
+
opacity: 0%;
|
|
68
66
|
}
|
|
67
|
+
}
|
|
69
68
|
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
export interface IResolution {
|
|
2
|
+
width: number;
|
|
3
|
+
height: number;
|
|
4
|
+
}
|
|
5
|
+
interface IDrawingOptions {
|
|
6
|
+
lineWidth: number;
|
|
7
|
+
strokeColorRGB: string;
|
|
8
|
+
lineWidthRefResolution: IResolution;
|
|
9
|
+
}
|
|
10
|
+
interface IContainerPoint {
|
|
11
|
+
x: number;
|
|
12
|
+
y: number;
|
|
13
|
+
container: IResolution;
|
|
14
|
+
}
|
|
15
|
+
export interface ICanvasDrawer {
|
|
16
|
+
startDrawing(x: number, y: number): void;
|
|
17
|
+
addToDrawing(x: number, y: number, container: IResolution): void;
|
|
18
|
+
endDrawing(): void;
|
|
19
|
+
drawPaintedCoordinates(localContainer: IResolution): void;
|
|
20
|
+
getDrawings(): IContainerPoint[];
|
|
21
|
+
setDrawings(paintedPoints: IContainerPoint[]): void;
|
|
22
|
+
updateBoundaries(): void;
|
|
23
|
+
destroy(): void;
|
|
24
|
+
}
|
|
25
|
+
export declare class CanvasDrawer implements ICanvasDrawer {
|
|
26
|
+
private canvas;
|
|
27
|
+
private ctx;
|
|
28
|
+
private canvasBoundaries;
|
|
29
|
+
private _isPainting;
|
|
30
|
+
private lastY;
|
|
31
|
+
private lastX;
|
|
32
|
+
private fadeOutTime;
|
|
33
|
+
private timeUntilDrawingStartFading;
|
|
34
|
+
private timeUntilPaintedPointsCleanup;
|
|
35
|
+
private paintedPoints;
|
|
36
|
+
private drawingCanvasFadeTimeoutFunction;
|
|
37
|
+
private drawingOptions;
|
|
38
|
+
private isFading;
|
|
39
|
+
private lastLocalDrawingTimeEnd;
|
|
40
|
+
constructor(canvas: HTMLCanvasElement, drawingOptions: IDrawingOptions, fadeOutTime?: number, timeUntilDrawingStartFading?: number);
|
|
41
|
+
private draw;
|
|
42
|
+
private calcLineWidth;
|
|
43
|
+
private clearFading;
|
|
44
|
+
private fadeOut;
|
|
45
|
+
startDrawing(x: number, y: number): void;
|
|
46
|
+
addToDrawing(x: number, y: number, container: IResolution): void;
|
|
47
|
+
endDrawing(): void;
|
|
48
|
+
drawPaintedCoordinates(localContainer: IResolution): void;
|
|
49
|
+
getDrawings(): IContainerPoint[];
|
|
50
|
+
get isPainting(): boolean;
|
|
51
|
+
setDrawings(paintedPoints: IContainerPoint[]): void;
|
|
52
|
+
updateBoundaries(): void;
|
|
53
|
+
destroy(): void;
|
|
54
|
+
private transformPointToLocalContainer;
|
|
55
|
+
}
|
|
56
|
+
export {};
|
|
57
|
+
//# sourceMappingURL=CanvasDrawer.d.ts.map
|