@techsee/techsee-media-service-client 999.0.2-alphagb357 → 999.0.2-bundlecleanup
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/README.md +1 -1
- package/lib/components/Multiparty.d.ts +9 -25
- package/lib/index.d.ts +1 -6
- package/lib/index.js +3 -30
- package/lib/index.js.LICENSE.txt +57 -0
- package/lib/services/LayoutManager.d.ts +0 -0
- package/lib/services/WebRTCClient.d.ts +19 -0
- package/lib/stories/Multiparty.stories.d.ts +3 -12
- package/package.json +51 -89
- package/lib/assets/img/avatar.png +0 -0
- package/lib/assets/img/camera-button.png +0 -0
- package/lib/assets/img/collapse.png +0 -0
- package/lib/assets/img/exclamation-mark.png +0 -0
- package/lib/assets/img/expand.png +0 -0
- package/lib/assets/img/media-rejected/chrome1.png +0 -0
- package/lib/assets/img/media-rejected/chrome2.png +0 -0
- package/lib/assets/img/media-rejected/chrome3.png +0 -0
- package/lib/assets/img/media-rejected/chrome4.png +0 -0
- package/lib/assets/img/media-rejected/close_button.png +0 -0
- package/lib/assets/img/media-rejected/ios1.png +0 -0
- package/lib/assets/img/media-rejected/ios2.png +0 -0
- package/lib/components/Avatar/Avatar.d.ts +0 -8
- package/lib/components/Avatar/Avatar.d.ts.map +0 -1
- package/lib/components/Avatar/Avatar.js +0 -26
- package/lib/components/Avatar/Avatar.js.map +0 -1
- package/lib/components/Avatar/Avatar.scss +0 -45
- 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/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.d.ts +0 -10
- package/lib/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.d.ts.map +0 -1
- package/lib/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.js +0 -16
- package/lib/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.js.map +0 -1
- package/lib/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.scss +0 -6
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts +0 -28
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.d.ts.map +0 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js +0 -59
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.js.map +0 -1
- package/lib/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.scss +0 -83
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts +0 -18
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.d.ts.map +0 -1
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js +0 -35
- package/lib/components/ButtonPanels/MultipartyButton/MultipartyButton.js.map +0 -1
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts +0 -10
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.d.ts.map +0 -1
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js +0 -22
- package/lib/components/ButtonPanels/PinButtonPanel/PinButtonPanel.js.map +0 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.d.ts +0 -9
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.d.ts.map +0 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.js +0 -15
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.js.map +0 -1
- package/lib/components/ButtonPanels/SnapshotButtonPanel/SnapshotButtonPanel.scss +0 -6
- package/lib/components/ButtonPanels/index.d.ts +0 -6
- package/lib/components/ButtonPanels/index.d.ts.map +0 -1
- package/lib/components/ButtonPanels/index.js +0 -14
- package/lib/components/ButtonPanels/index.js.map +0 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.d.ts +0 -8
- package/lib/components/LoaderSpinner/LoaderSpinner.d.ts.map +0 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.js +0 -22
- package/lib/components/LoaderSpinner/LoaderSpinner.js.map +0 -1
- package/lib/components/LoaderSpinner/LoaderSpinner.scss +0 -69
- package/lib/components/MagicMarker/MagicMarker.scss +0 -18
- package/lib/components/MagicMarker/MagicMarkerComponent.d.ts +0 -36
- package/lib/components/MagicMarker/MagicMarkerComponent.d.ts.map +0 -1
- package/lib/components/MagicMarker/MagicMarkerComponent.js +0 -120
- package/lib/components/MagicMarker/MagicMarkerComponent.js.map +0 -1
- package/lib/components/MagicMarker/index.d.ts +0 -2
- package/lib/components/MagicMarker/index.d.ts.map +0 -1
- package/lib/components/MagicMarker/index.js +0 -6
- package/lib/components/MagicMarker/index.js.map +0 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.d.ts +0 -24
- package/lib/components/MediaRejectedModal/MediaRejectedModal.d.ts.map +0 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.js +0 -45
- package/lib/components/MediaRejectedModal/MediaRejectedModal.js.map +0 -1
- package/lib/components/MediaRejectedModal/MediaRejectedModal.scss +0 -75
- package/lib/components/Multiparty.d.ts.map +0 -1
- package/lib/components/Multiparty.js +0 -244
- package/lib/components/Multiparty.js.map +0 -1
- package/lib/components/Multiparty.scss +0 -8
- package/lib/components/Multiparty.types.d.ts +0 -11
- package/lib/components/Multiparty.types.d.ts.map +0 -1
- package/lib/components/Multiparty.types.js +0 -9
- package/lib/components/Multiparty.types.js.map +0 -1
- package/lib/components/Video/Video.d.ts +0 -25
- package/lib/components/Video/Video.d.ts.map +0 -1
- package/lib/components/Video/Video.js +0 -23
- package/lib/components/Video/Video.js.map +0 -1
- package/lib/components/Video/Video.scss +0 -10
- 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/AgentPinnedLayout/AgentPinnedLayout.d.ts +0 -23
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.d.ts.map +0 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js +0 -35
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.js.map +0 -1
- package/lib/components/VideoLayouts/AgentPinnedLayout/AgentPinnedLayout.scss +0 -49
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLandscapeLayout.scss +0 -62
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaLayout.scss +0 -153
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigAreaPortraitLayout.scss +0 -72
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts +0 -46
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts.map +0 -1
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js +0 -184
- package/lib/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.js.map +0 -1
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts +0 -40
- package/lib/components/VideoLayouts/VideoLayoutManager.d.ts.map +0 -1
- package/lib/components/VideoLayouts/VideoLayoutManager.js +0 -30
- package/lib/components/VideoLayouts/VideoLayoutManager.js.map +0 -1
- package/lib/components/VideoLayouts/index.d.ts +0 -2
- package/lib/components/VideoLayouts/index.d.ts.map +0 -1
- package/lib/components/VideoLayouts/index.js +0 -6
- package/lib/components/VideoLayouts/index.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/index.d.ts.map +0 -1
- package/lib/index.js.map +0 -1
- package/lib/services/ConnectionManager.d.ts +0 -43
- package/lib/services/ConnectionManager.d.ts.map +0 -1
- package/lib/services/ConnectionManager.js +0 -225
- package/lib/services/ConnectionManager.js.map +0 -1
- package/lib/services/MediaStateService.d.ts +0 -26
- package/lib/services/MediaStateService.d.ts.map +0 -1
- package/lib/services/MediaStateService.js +0 -87
- package/lib/services/MediaStateService.js.map +0 -1
- package/lib/services/MultipartyController.d.ts +0 -34
- package/lib/services/MultipartyController.d.ts.map +0 -1
- package/lib/services/MultipartyController.js +0 -474
- package/lib/services/MultipartyController.js.map +0 -1
- 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
- package/lib/services/trafficLogManager.d.ts +0 -21
- package/lib/services/trafficLogManager.d.ts.map +0 -1
- package/lib/services/trafficLogManager.js +0 -130
- package/lib/services/trafficLogManager.js.map +0 -1
- package/lib/services/types.d.ts +0 -63
- package/lib/services/types.d.ts.map +0 -1
- package/lib/services/types.js +0 -47
- package/lib/services/types.js.map +0 -1
- package/lib/src/components/Multiparty.d.ts +0 -26
- package/lib/src/components/Multiparty.d.ts.map +0 -1
- package/lib/src/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts +0 -46
- package/lib/src/components/VideoLayouts/BigMainVideoLayout/BigMainAreaLayout.d.ts.map +0 -1
- package/lib/src/components/VideoLayouts/VideoLayoutManager.d.ts +0 -40
- package/lib/src/components/VideoLayouts/VideoLayoutManager.d.ts.map +0 -1
- package/lib/src/components/VideoLayouts/index.d.ts +0 -2
- package/lib/src/components/VideoLayouts/index.d.ts.map +0 -1
- package/lib/src/index.d.ts +0 -7
- package/lib/src/index.d.ts.map +0 -1
- package/lib/stories/Layouts.stories.d.ts +0 -8
- package/lib/stories/Layouts.stories.d.ts.map +0 -1
- package/lib/stories/Multiparty.stories.d.ts.map +0 -1
- package/lib/utils/ClientConstants.d.ts +0 -5
- package/lib/utils/ClientConstants.d.ts.map +0 -1
- package/lib/utils/ClientConstants.js +0 -8
- package/lib/utils/ClientConstants.js.map +0 -1
- package/lib/utils/MergingStore.d.ts +0 -11
- package/lib/utils/MergingStore.d.ts.map +0 -1
- package/lib/utils/MergingStore.js +0 -102
- package/lib/utils/MergingStore.js.map +0 -1
- package/lib/utils/detectOsType.d.ts +0 -8
- package/lib/utils/detectOsType.d.ts.map +0 -1
- package/lib/utils/detectOsType.js +0 -23
- package/lib/utils/detectOsType.js.map +0 -1
- package/lib/utils/index.d.ts +0 -5
- package/lib/utils/index.d.ts.map +0 -1
- package/lib/utils/index.js +0 -14
- package/lib/utils/index.js.map +0 -1
- package/lib/utils/useEvent.d.ts +0 -4
- package/lib/utils/useEvent.d.ts.map +0 -1
- package/lib/utils/useEvent.js +0 -27
- package/lib/utils/useEvent.js.map +0 -1
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/*
|
|
2
|
+
object-assign
|
|
3
|
+
(c) Sindre Sorhus
|
|
4
|
+
@license MIT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
/*!
|
|
8
|
+
* @overview es6-promise - a tiny implementation of Promises/A+.
|
|
9
|
+
* @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
|
|
10
|
+
* @license Licensed under MIT license
|
|
11
|
+
* See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
|
|
12
|
+
* @version v4.2.8+1e68dce6
|
|
13
|
+
*/
|
|
14
|
+
|
|
15
|
+
/*!
|
|
16
|
+
* Determine if an object is a Buffer
|
|
17
|
+
*
|
|
18
|
+
* @author Feross Aboukhadijeh <https://feross.org>
|
|
19
|
+
* @license MIT
|
|
20
|
+
*/
|
|
21
|
+
|
|
22
|
+
/*!
|
|
23
|
+
* The buffer module from node.js, for the browser.
|
|
24
|
+
*
|
|
25
|
+
* @author Feross Aboukhadijeh <feross@feross.org> <http://feross.org>
|
|
26
|
+
* @license MIT
|
|
27
|
+
*/
|
|
28
|
+
|
|
29
|
+
/*! https://mths.be/punycode v1.4.1 by @mathias */
|
|
30
|
+
|
|
31
|
+
/*!@license
|
|
32
|
+
* UAParser.js v0.7.27
|
|
33
|
+
* Lightweight JavaScript-based User-Agent string parser
|
|
34
|
+
* https://github.com/faisalman/ua-parser-js
|
|
35
|
+
*
|
|
36
|
+
* Copyright © 2012-2021 Faisal Salman <f@faisalman.com>
|
|
37
|
+
* Licensed under MIT License
|
|
38
|
+
*/
|
|
39
|
+
|
|
40
|
+
/**
|
|
41
|
+
* @license OpenTok.js 2.19.3 28e9760e4
|
|
42
|
+
*
|
|
43
|
+
* Copyright (c) 2010-2021 TokBox, Inc.
|
|
44
|
+
* Subject to the applicable Software Development Kit (SDK) License Agreement:
|
|
45
|
+
* https://tokbox.com/support/sdk_license
|
|
46
|
+
*
|
|
47
|
+
* Date: Sun, 04 Apr 2021 04:58:10 GMT
|
|
48
|
+
*/
|
|
49
|
+
|
|
50
|
+
/** @license React v17.0.1
|
|
51
|
+
* react.production.min.js
|
|
52
|
+
*
|
|
53
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
54
|
+
*
|
|
55
|
+
* This source code is licensed under the MIT license found in the
|
|
56
|
+
* LICENSE file in the root directory of this source tree.
|
|
57
|
+
*/
|
|
File without changes
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="node" />
|
|
2
|
+
import { ICredentials, ISessionSettings } from '@techsee/techsee-media-service/lib/MultiParty/Contracts';
|
|
3
|
+
import { EventEmitter } from 'events';
|
|
4
|
+
export declare enum WebRtcClientEvents {
|
|
5
|
+
mediaCapabilitiesSupport = "mediaCapabilitiesSupport",
|
|
6
|
+
connectFailed = "connectFailed",
|
|
7
|
+
streamDestroyed = "streamDestroyed",
|
|
8
|
+
connectionCreated = "connectionCreated",
|
|
9
|
+
connectionDestroyed = "connectionDestroyed",
|
|
10
|
+
streamCreated = "streamCreated"
|
|
11
|
+
}
|
|
12
|
+
export declare class WebRtcClient extends EventEmitter {
|
|
13
|
+
private readonly credentials;
|
|
14
|
+
private readonly settings;
|
|
15
|
+
private multiParty;
|
|
16
|
+
constructor(credentials: ICredentials, settings: ISessionSettings);
|
|
17
|
+
init(): Promise<any>;
|
|
18
|
+
initHandlers(): void;
|
|
19
|
+
}
|
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
import { Story } from '@storybook/react/types-6-0';
|
|
2
|
-
import
|
|
3
|
-
declare const _default: {
|
|
4
|
-
title: string;
|
|
5
|
-
};
|
|
1
|
+
import { Story, Meta } from '@storybook/react/types-6-0';
|
|
2
|
+
declare const _default: Meta<import("@storybook/react/types-6-0").Args>;
|
|
6
3
|
export default _default;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const agentPinnedUser: Story;
|
|
9
|
-
export declare const bigMainAreaAgent: Story;
|
|
10
|
-
export declare const bigMainAreaClient: Story;
|
|
11
|
-
export declare const bigMainAreaWithDesktopSharingAgentView: Story;
|
|
12
|
-
export declare const bigMainAreaWithDesktopSharingClientView: Story;
|
|
13
|
-
//# sourceMappingURL=Multiparty.stories.d.ts.map
|
|
4
|
+
export declare const multiparty: Story<import("@storybook/react/types-6-0").Args>;
|
package/package.json
CHANGED
|
@@ -1,115 +1,77 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@techsee/techsee-media-service-client",
|
|
3
|
-
"version": "999.0.2-
|
|
3
|
+
"version": "999.0.2-bundlecleanup",
|
|
4
4
|
"description": "TechSee media service client",
|
|
5
|
-
"main": "lib/
|
|
5
|
+
"main": "lib/bundle.js",
|
|
6
6
|
"types": "lib/index.d.ts",
|
|
7
|
-
"repository": {
|
|
8
|
-
"type": "git",
|
|
9
|
-
"url": "git+https://github.com/TechSeeDev/techsee-media-service-client.git"
|
|
10
|
-
},
|
|
11
7
|
"scripts": {
|
|
12
|
-
"preinstall": "npm update @techsee/techsee-common @techsee/techsee-media-service
|
|
8
|
+
"preinstall": "npm update @techsee/techsee-common @techsee/techsee-media-service",
|
|
13
9
|
"prepublishOnly": "npm run build && npm run tag",
|
|
10
|
+
"build": "npm run lint-fix && npm run test && webpack",
|
|
11
|
+
"clean": "rm -rf lib dist",
|
|
14
12
|
"postpublish": "npm run clean",
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"copy:styles": "copyfiles -u 1 \"./src/**/*.scss\" \"lib\"",
|
|
18
|
-
"copy:assets": "cp -r ./src/assets lib/",
|
|
19
|
-
"clean": "rimraf lib dist",
|
|
20
|
-
"lint": "run-s lint:*",
|
|
21
|
-
"lint:prettier": "prettier --check \"./**/*.{js?(x),ts?(x),json,scss,md}\"",
|
|
22
|
-
"lint:eslint": "eslint \"./**/*.{js?(x),ts?(x)}\"",
|
|
23
|
-
"lint-staged": "lint-staged",
|
|
24
|
-
"lint-fix": "run-s lint-fix:*",
|
|
25
|
-
"lint-fix:prettier": "prettier --write \"./**/*.{js?(x),ts?(x),json,scss,md}\"",
|
|
26
|
-
"lint-fix:eslint": "eslint --fix --color \"./**/*.{js?(x),ts?(x)}\"",
|
|
13
|
+
"lint": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src ",
|
|
14
|
+
"lint-fix": "./node_modules/.bin/eslint --ext .js --ext .jsx --ext .ts --ext .tsx ./src --fix",
|
|
27
15
|
"test": "jest --config=./jest.config.js",
|
|
28
16
|
"tag": "git tag v$npm_package_version -f | git push -f --tags",
|
|
29
17
|
"sb": "start-storybook -p 6006",
|
|
30
18
|
"build-sb": "build-storybook"
|
|
31
19
|
},
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
20
|
+
"repository": {
|
|
21
|
+
"type": "git",
|
|
22
|
+
"url": "git+https://github.com/TechSeeDev/techsee-media-service-client.git"
|
|
35
23
|
},
|
|
36
24
|
"dependencies": {
|
|
37
|
-
"@techsee/techsee-
|
|
38
|
-
"@techsee/techsee-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
41
|
-
"
|
|
42
|
-
"moment": "2.24.0",
|
|
43
|
-
"react-zoom-pan-pinch": "2.1.3"
|
|
25
|
+
"@techsee/techsee-common": "~0.24.0",
|
|
26
|
+
"@techsee/techsee-media-service": "~0.20.2",
|
|
27
|
+
"lodash": "4.17.21",
|
|
28
|
+
"react": "17.0.1",
|
|
29
|
+
"react-dom": "17.0.1"
|
|
44
30
|
},
|
|
45
31
|
"devDependencies": {
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@storybook/addon-
|
|
49
|
-
"@storybook/
|
|
50
|
-
"@storybook/addon-links": "~6.5.12",
|
|
51
|
-
"@storybook/builder-webpack5": "~6.5.12",
|
|
52
|
-
"@storybook/manager-webpack5": "~6.5.12",
|
|
53
|
-
"@storybook/react": "~6.5.12",
|
|
32
|
+
"@storybook/addon-actions": "~6.1.21",
|
|
33
|
+
"@storybook/addon-essentials": "~6.1.21",
|
|
34
|
+
"@storybook/addon-links": "~6.1.21",
|
|
35
|
+
"@storybook/react": "~6.1.21",
|
|
54
36
|
"@types/events": "~3.0.0",
|
|
55
|
-
"@types/jest": "~
|
|
56
|
-
"@types/lodash": "~4.14.
|
|
57
|
-
"@types/react": "~17.0.
|
|
58
|
-
"@
|
|
59
|
-
"@
|
|
60
|
-
"
|
|
61
|
-
"
|
|
62
|
-
"babel-loader": "~
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
67
|
-
"
|
|
68
|
-
"
|
|
69
|
-
"eslint
|
|
70
|
-
"eslint-config-semistandard": "~
|
|
71
|
-
"eslint-config-standard": "~
|
|
72
|
-
"eslint-
|
|
73
|
-
"eslint-plugin-
|
|
74
|
-
"eslint-plugin-
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
78
|
-
"
|
|
79
|
-
"
|
|
80
|
-
"
|
|
81
|
-
"
|
|
82
|
-
"
|
|
83
|
-
"
|
|
84
|
-
"lint-staged": "~13.0.3",
|
|
85
|
-
"lodash": "~4.17.21",
|
|
86
|
-
"npm-run-all": "~4.1.5",
|
|
87
|
-
"prettier": "~2.7.1",
|
|
88
|
-
"react": "17.0.1",
|
|
89
|
-
"react-bootstrap": "0.32.4",
|
|
90
|
-
"react-dom": "17.0.1",
|
|
91
|
-
"rimraf": "~3.0.2",
|
|
92
|
-
"sass": "~1.54.9",
|
|
93
|
-
"sass-loader": "~13.0.2",
|
|
94
|
-
"style-loader": "~3.3.1",
|
|
95
|
-
"ts-jest": "~29.0.1",
|
|
96
|
-
"ts-loader": "^9.4.0",
|
|
97
|
-
"typescript": "~4.8.3",
|
|
98
|
-
"webpack": "~5.74.0"
|
|
99
|
-
},
|
|
100
|
-
"peerDependencies": {
|
|
101
|
-
"lodash": "^4.17.20",
|
|
102
|
-
"react": "^17.0.0",
|
|
103
|
-
"react-bootstrap": "^0.32.4",
|
|
104
|
-
"react-dom": "^17.0.0"
|
|
37
|
+
"@types/jest": "~26.0.20",
|
|
38
|
+
"@types/lodash": "~4.14.168",
|
|
39
|
+
"@types/react": "~17.0.0",
|
|
40
|
+
"@typescript-eslint/eslint-plugin": "~4.14.0",
|
|
41
|
+
"@typescript-eslint/parser": "~4.14.0",
|
|
42
|
+
"babel-cli": "~6.26.0",
|
|
43
|
+
"babel-core": "~6.26.3",
|
|
44
|
+
"babel-loader": "~7.1.4",
|
|
45
|
+
"babel-plugin-transform-decorators-legacy": "~1.3.5",
|
|
46
|
+
"babel-preset-env": "~1.7.0",
|
|
47
|
+
"babel-preset-es2015": "~6.24.1",
|
|
48
|
+
"babel-preset-stage-3": "~6.24.1",
|
|
49
|
+
"core-js": "~3.9.1",
|
|
50
|
+
"del": "~4.1.1",
|
|
51
|
+
"eslint": "~7.18.0",
|
|
52
|
+
"eslint-config-semistandard": "~15.0.1",
|
|
53
|
+
"eslint-config-standard": "~16.0.2",
|
|
54
|
+
"eslint-plugin-import": "~2.22.1",
|
|
55
|
+
"eslint-plugin-jest": "~24.1.3",
|
|
56
|
+
"eslint-plugin-promise": "~4.2.1",
|
|
57
|
+
"html-webpack-plugin": "~5.3.1",
|
|
58
|
+
"husky": "~4.3.8",
|
|
59
|
+
"jest": "~26.6.3",
|
|
60
|
+
"merge-stream": "~1.0.1",
|
|
61
|
+
"ts-jest": "~26.4.4",
|
|
62
|
+
"ts-loader": "~8.1.0",
|
|
63
|
+
"typescript": "~4.2.3",
|
|
64
|
+
"webpack": "~5.28.0",
|
|
65
|
+
"webpack-cli": "~4.6.0"
|
|
105
66
|
},
|
|
106
67
|
"husky": {
|
|
107
68
|
"hooks": {
|
|
108
|
-
"pre-commit": "npm run lint
|
|
69
|
+
"pre-commit": "npm run lint && npm test",
|
|
109
70
|
"pre-push": "npm run lint && npm test"
|
|
110
71
|
}
|
|
111
72
|
},
|
|
73
|
+
"license": "ISC",
|
|
112
74
|
"files": [
|
|
113
|
-
"lib
|
|
75
|
+
"lib"
|
|
114
76
|
]
|
|
115
77
|
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAWxC,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
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.Avatar = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var avatar_png_1 = __importDefault(require("../../assets/img/avatar.png"));
|
|
20
|
-
require("./Avatar.scss");
|
|
21
|
-
var Avatar = function (_a) {
|
|
22
|
-
var text = _a.text, onClick = _a.onClick;
|
|
23
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'avatar-container' }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: 'avatar-box' }, { children: [(0, jsx_runtime_1.jsx)("img", { src: avatar_png_1.default, className: 'avatar-img' }), text && ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'avatar-toast', onClick: onClick }, { children: (0, jsx_runtime_1.jsx)("span", __assign({ className: 'avatar-toast-text' }, { children: text })) })))] })) })));
|
|
24
|
-
};
|
|
25
|
-
exports.Avatar = Avatar;
|
|
26
|
-
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,2EAA2D;AAC3D,yBAAuB;AAOhB,IAAM,MAAM,GAA0B,UAAC,EAAe;QAAd,IAAI,UAAA,EAAE,OAAO,aAAA;IAAM,OAAA,CAC9D,yCAAK,SAAS,EAAC,kBAAkB,gBAC7B,0CAAK,SAAS,EAAC,YAAY,iBACvB,gCAAK,GAAG,EAAE,oBAAgB,EAAE,SAAS,EAAC,YAAY,GAAG,EACpD,IAAI,IAAI,CACL,yCAAK,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,OAAO,gBAC1C,0CAAM,SAAS,EAAC,mBAAmB,gBAAE,IAAI,IAAQ,IAC/C,CACT,KACC,IACJ,CACT;AAXiE,CAWjE,CAAC;AAXW,QAAA,MAAM,UAWjB"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
.avatar-container {
|
|
2
|
-
position: absolute;
|
|
3
|
-
z-index: 2;
|
|
4
|
-
background: #3a3a3a;
|
|
5
|
-
width: 100%;
|
|
6
|
-
height: 100%;
|
|
7
|
-
border-radius: inherit;
|
|
8
|
-
|
|
9
|
-
display: flex;
|
|
10
|
-
flex-direction: column;
|
|
11
|
-
align-items: center;
|
|
12
|
-
justify-content: center;
|
|
13
|
-
|
|
14
|
-
.avatar-box {
|
|
15
|
-
position: relative;
|
|
16
|
-
width: 100%;
|
|
17
|
-
text-align: center;
|
|
18
|
-
|
|
19
|
-
.avatar-toast {
|
|
20
|
-
background-color: rgba(255, 255, 255, 0.2);
|
|
21
|
-
padding: 10px;
|
|
22
|
-
z-index: 3;
|
|
23
|
-
|
|
24
|
-
position: absolute;
|
|
25
|
-
bottom: -15px;
|
|
26
|
-
left: 50%;
|
|
27
|
-
|
|
28
|
-
transform: translate(-50%, 100%);
|
|
29
|
-
|
|
30
|
-
border-radius: 4px;
|
|
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
|
-
}
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EndMeetingButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACT,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAWF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAqC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.EndMeetingButtonPanel = void 0;
|
|
7
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var react_1 = __importDefault(require("react"));
|
|
9
|
-
var MultipartyButton_1 = require("../MultipartyButton/MultipartyButton");
|
|
10
|
-
var endMeetingButtonPanel = function (_a) {
|
|
11
|
-
var onEndMeetingRequested = _a.onEndMeetingRequested;
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(MultipartyButton_1.MultipartyButton, { type: MultipartyButton_1.MultipartyButtonType.Mobile, onClick: onEndMeetingRequested, iconName: 'slim-x', isBackgroundVisible: true }));
|
|
13
|
-
};
|
|
14
|
-
exports.EndMeetingButtonPanel = react_1.default.memo(endMeetingButtonPanel);
|
|
15
|
-
//# sourceMappingURL=EndMeetingButtonPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EndMeetingButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/EndMeetingButtonPanel/EndMeetingButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAA0B;AAC1B,yEAA4F;AAM5F,IAAM,qBAAqB,GAAG,UAAC,EAA8B;QAA7B,qBAAqB,2BAAA;IAA0B,OAAA,CAC3E,uBAAC,mCAAgB,IACb,IAAI,EAAE,uCAAoB,CAAC,MAAM,EACjC,OAAO,EAAE,qBAAqB,EAC9B,QAAQ,EAAC,QAAQ,EACjB,mBAAmB,SACrB,CACL;AAP8E,CAO9E,CAAC;AAEW,QAAA,qBAAqB,GAAoB,eAAK,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './FullScreenButtonPanel.scss';
|
|
3
|
-
declare type Props = {
|
|
4
|
-
onToggleFullScreen: () => void;
|
|
5
|
-
isFullScreen: boolean;
|
|
6
|
-
classes?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const FullScreenButtonPanel: React.FC<Props>;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=FullScreenButtonPanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenButtonPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,8BAA8B,CAAC;AAEtC,aAAK,KAAK,GAAG;IACT,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMjD,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.FullScreenButtonPanel = void 0;
|
|
7
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
var collapse_png_1 = __importDefault(require("../../../assets/img/collapse.png"));
|
|
9
|
-
var expand_png_1 = __importDefault(require("../../../assets/img/expand.png"));
|
|
10
|
-
require("./FullScreenButtonPanel.scss");
|
|
11
|
-
var FullScreenButtonPanel = function (_a) {
|
|
12
|
-
var onToggleFullScreen = _a.onToggleFullScreen, isFullScreen = _a.isFullScreen, classes = _a.classes;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)("img", { src: isFullScreen ? collapse_png_1.default : expand_png_1.default, onClick: onToggleFullScreen, className: "full-screen-button-panel-img ".concat(classes) }));
|
|
14
|
-
};
|
|
15
|
-
exports.FullScreenButtonPanel = FullScreenButtonPanel;
|
|
16
|
-
//# sourceMappingURL=FullScreenButtonPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FullScreenButtonPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/FullScreenButtonPanel/FullScreenButtonPanel.tsx"],"names":[],"mappings":";;;;;;;AACA,kFAAwD;AACxD,8EAAoD;AACpD,wCAAsC;AAQ/B,IAAM,qBAAqB,GAAoB,UAAC,EAA2C;QAA1C,kBAAkB,wBAAA,EAAE,YAAY,kBAAA,EAAE,OAAO,aAAA;IAAmB,OAAA,CAChH,gCACI,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC,sBAAQ,CAAC,CAAC,CAAC,oBAAM,EACrC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,uCAAgC,OAAO,CAAE,GACtD,CACL;AANmH,CAMnH,CAAC;AANW,QAAA,qBAAqB,yBAMhC"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { MultipartyButtonType } from '../MultipartyButton/MultipartyButton';
|
|
3
|
-
import { VideoTranslationStrings } from '../../Video/VideoPlaceholder';
|
|
4
|
-
import { IRemoteController } from '../../../services/types';
|
|
5
|
-
import './MediaButtonsPanel.scss';
|
|
6
|
-
interface Props {
|
|
7
|
-
buttonsType: MultipartyButtonType;
|
|
8
|
-
isMuted: boolean;
|
|
9
|
-
isVideoTurnedOff: boolean;
|
|
10
|
-
isBackgroundVisible?: boolean;
|
|
11
|
-
isIconTransparencyEnabled?: boolean;
|
|
12
|
-
isClientSharingScreen?: boolean;
|
|
13
|
-
disabledDesktopSharingButton?: boolean;
|
|
14
|
-
translations: VideoTranslationStrings;
|
|
15
|
-
buttonsSpacing?: ButtonsSpacing;
|
|
16
|
-
onToggleMute?: () => void;
|
|
17
|
-
onToggleVideo?: () => void;
|
|
18
|
-
onSwitchCamera?: () => void;
|
|
19
|
-
toggleScreenShare?: () => void;
|
|
20
|
-
remoteController?: IRemoteController;
|
|
21
|
-
}
|
|
22
|
-
export declare enum ButtonsSpacing {
|
|
23
|
-
Dense = 0,
|
|
24
|
-
Sparse = 1
|
|
25
|
-
}
|
|
26
|
-
export declare const MediaButtonsPanel: React.FC<Props>;
|
|
27
|
-
export {};
|
|
28
|
-
//# sourceMappingURL=MediaButtonsPanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButtonsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAmB,oBAAoB,EAAC,MAAM,sCAAsC,CAAC;AAC5F,OAAO,EAAC,uBAAuB,EAAC,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,yBAAyB,CAAC;AAE1D,OAAO,0BAA0B,CAAC;AAIlC,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,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,YAAY,EAAE,uBAAuB,CAAC;IACtC,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;IAC5B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;CACxC;AAED,oBAAY,cAAc;IACtB,KAAK,IAAA;IACL,MAAM,IAAA;CACT;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA4G7C,CAAC"}
|
|
@@ -1,59 +0,0 @@
|
|
|
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
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
-
exports.MediaButtonsPanel = exports.ButtonsSpacing = void 0;
|
|
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
|
-
require("./MediaButtonsPanel.scss");
|
|
20
|
-
var window_utils_1 = require("@techsee/techsee-common/lib/utils/window-utils");
|
|
21
|
-
var icon_1 = require("@techsee/techsee-ui-common/lib/forms/buttons/icon");
|
|
22
|
-
var ButtonsSpacing;
|
|
23
|
-
(function (ButtonsSpacing) {
|
|
24
|
-
ButtonsSpacing[ButtonsSpacing["Dense"] = 0] = "Dense";
|
|
25
|
-
ButtonsSpacing[ButtonsSpacing["Sparse"] = 1] = "Sparse";
|
|
26
|
-
})(ButtonsSpacing = exports.ButtonsSpacing || (exports.ButtonsSpacing = {}));
|
|
27
|
-
var MediaButtonsPanel = function (_a) {
|
|
28
|
-
var _b;
|
|
29
|
-
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;
|
|
30
|
-
var platformClass = 'mobile';
|
|
31
|
-
if (buttonsType === MultipartyButton_1.MultipartyButtonType.Desktop) {
|
|
32
|
-
platformClass = 'desktop';
|
|
33
|
-
}
|
|
34
|
-
else if (buttonsType === MultipartyButton_1.MultipartyButtonType.DesktopObsolete) {
|
|
35
|
-
platformClass = 'desktop-obsolete';
|
|
36
|
-
}
|
|
37
|
-
platformClass += ' ' + (buttonsSpacing === ButtonsSpacing.Dense ? 'dense' : 'sparse');
|
|
38
|
-
var _f = (0, react_1.useState)(false), displayStopSharingButton = _f[0], setDisplayStopSharingButton = _f[1];
|
|
39
|
-
var onClickScreenShare = (0, react_1.useCallback)(function () {
|
|
40
|
-
if (isClientSharingScreen && !displayStopSharingButton) {
|
|
41
|
-
setDisplayStopSharingButton(true);
|
|
42
|
-
}
|
|
43
|
-
if (isClientSharingScreen && displayStopSharingButton) {
|
|
44
|
-
setDisplayStopSharingButton(false);
|
|
45
|
-
}
|
|
46
|
-
if (!isClientSharingScreen && toggleScreenShare) {
|
|
47
|
-
toggleScreenShare();
|
|
48
|
-
}
|
|
49
|
-
}, [toggleScreenShare, isClientSharingScreen, displayStopSharingButton]);
|
|
50
|
-
var onClickStopSharingButton = (0, react_1.useCallback)(function () {
|
|
51
|
-
setDisplayStopSharingButton(false);
|
|
52
|
-
if (toggleScreenShare) {
|
|
53
|
-
toggleScreenShare();
|
|
54
|
-
}
|
|
55
|
-
}, [toggleScreenShare, setDisplayStopSharingButton]);
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "media-buttons-panel ".concat(platformClass) }, { children: [isClientSharingScreen && remoteController && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'remote-controller-live-pointer-download' }, { children: [(0, jsx_runtime_1.jsx)("text", { children: remoteController.guid }), (0, jsx_runtime_1.jsx)(icon_1.IconButton, { iconName: 'copytoclipboard', onClick: function () { return (0, window_utils_1.onCopyClick)(remoteController.guid); } }), (0, jsx_runtime_1.jsx)(icon_1.IconButton, { iconName: 'download', onClick: remoteController.downloadLivePointer })] }))), toggleScreenShare && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'share-screen-mobile' }, { children: [(0, jsx_runtime_1.jsx)(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onClickScreenShare, iconName: 'Screen-Share', isBackgroundVisible: isBackgroundVisible, disabled: disabledDesktopSharingButton }), displayStopSharingButton && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'stop-desktop-sharing', onClick: onClickStopSharingButton }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ type: 'button' }, { children: (0, jsx_runtime_1.jsx)(simple_icon_1.Icon, { iconName: 'end-sharing' }) })), (0, jsx_runtime_1.jsx)("span", { children: (_b = translations.stopSharing) !== null && _b !== void 0 ? _b : 'Stop Sharing' })] })))] }))), onToggleVideo && ((0, jsx_runtime_1.jsx)(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleVideo, iconName: isVideoTurnedOff ? 'camera-off' : 'camera-on', isSwitchedOn: !isIconTransparencyEnabled || !isVideoTurnedOff, isBackgroundVisible: isBackgroundVisible })), onSwitchCamera && ((0, jsx_runtime_1.jsx)(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onSwitchCamera, iconName: 'switch-camera', isBackgroundVisible: isBackgroundVisible, disabled: isVideoTurnedOff })), onToggleMute && ((0, jsx_runtime_1.jsx)(MultipartyButton_1.MultipartyButton, { type: buttonsType, onClick: onToggleMute, iconName: isMuted ? 'mic-off' : 'mic-on', isSwitchedOn: !isIconTransparencyEnabled || !isMuted, isBackgroundVisible: isBackgroundVisible }))] })));
|
|
57
|
-
};
|
|
58
|
-
exports.MediaButtonsPanel = MediaButtonsPanel;
|
|
59
|
-
//# sourceMappingURL=MediaButtonsPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MediaButtonsPanel.js","sourceRoot":"","sources":["../../../../src/components/ButtonPanels/MediaButtonsPanel/MediaButtonsPanel.tsx"],"names":[],"mappings":"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"}
|