fcr-ui-scene 3.6.0 → 3.6.1
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/electron/bootstrap-sdk.js +15 -6
- package/lib/global.css +23 -5
- package/lib/modules/action-bar/components/board/index.js +0 -2
- package/lib/modules/action-bar/components/breakout-room/index.js +0 -2
- package/lib/modules/action-bar/components/leave/index.js +1 -12
- package/lib/modules/action-bar/components/more/poppover-content.js +6 -9
- package/lib/modules/action-bar/components/participants/index.js +1 -9
- package/lib/modules/action-bar/components/screen-share/index.js +0 -4
- package/lib/modules/action-bar/store.d.ts +0 -2
- package/lib/modules/action-bar/store.js +4 -10
- package/lib/modules/action-bar/view.js +1 -1
- package/lib/modules/audio-stream/index.js +4 -4
- package/lib/modules/chat/chat-room-store.js +3 -4
- package/lib/modules/components/member-window/components/member-actions/components/icon-buttons/index.js +0 -1
- package/lib/modules/components/member-window/components/member-actions/index.js +0 -2
- package/lib/modules/components/member-window/components/member-actions/libs/index.js +0 -1
- package/lib/modules/components/member-window/components/video-player/components/remote-video-player.d.ts +1 -1
- package/lib/modules/components/member-window/components/video-player/components/remote-video-player.js +1 -2
- package/lib/modules/components/member-window/index.css +1 -0
- package/lib/modules/components/member-window/index.js +0 -1
- package/lib/modules/connection-gateway/components/phone/index.js +1 -1
- package/lib/modules/control-bar/store.d.ts +1 -1
- package/lib/modules/control-bar/store.js +4 -4
- package/lib/modules/dialog/components/dialog-container/index.css +16 -0
- package/lib/modules/dialog/components/share-screen-selection/index.js +1 -2
- package/lib/modules/dialog/hooks/useElectron.js +11 -88
- package/lib/modules/dialog/index.js +0 -1
- package/lib/modules/event-confirm/store.js +23 -17
- package/lib/modules/event-toast/store.js +5 -2
- package/lib/modules/invite/components/pstn-invite.js +0 -17
- package/lib/modules/layout/components/Aside.js +0 -1
- package/lib/modules/layout/store.js +7 -1
- package/lib/modules/participant/components/participants/components/footer/components/footer/index.js +0 -2
- package/lib/modules/pc-audio-connect/store.js +2 -1
- package/lib/modules/state-bar/meeting-details.js +3 -9
- package/lib/modules/whiteboard/components/control-bar/index.js +0 -2
- package/lib/modules/whiteboard/components/scene-pagination.js +0 -2
- package/lib/modules/whiteboard/components/toolbar/components/color-picker/components/color.js +1 -2
- package/lib/modules/widget/sdk.js +0 -1
- package/lib/providers/device-provider.js +4 -20
- package/lib/shared-data-source/meeting-time.js +2 -2
- package/lib/shared-data-source/video-window.d.ts +0 -1
- package/lib/shared-data-source/video-window.js +3 -10
- package/lib/ui-scene.js +2 -4
- package/lib/utilities/tools.d.ts +25 -2
- package/lib/utilities/tools.js +33 -15
- package/lib/waiting-room-control-manager.js +1 -1
- package/package.json +7 -7
|
@@ -27,6 +27,7 @@ require("core-js/modules/esnext.async-iterator.find.js");
|
|
|
27
27
|
require("core-js/modules/esnext.iterator.constructor.js");
|
|
28
28
|
require("core-js/modules/esnext.iterator.find.js");
|
|
29
29
|
require("core-js/modules/esnext.json.parse.js");
|
|
30
|
+
require("core-js/modules/web.timers.js");
|
|
30
31
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
32
|
var _electron = require("electron");
|
|
32
33
|
var _main = require("@electron/remote/main");
|
|
@@ -34,6 +35,7 @@ var _2 = require(".");
|
|
|
34
35
|
var _defaultOptions = require("./default-options");
|
|
35
36
|
var _env = require("./env");
|
|
36
37
|
var _path = _interopRequireDefault(require("path"));
|
|
38
|
+
var _os = _interopRequireDefault(require("os"));
|
|
37
39
|
var _logger = require("./logger");
|
|
38
40
|
var _devtoolShortcut = require("./plugins/devtool-shortcut");
|
|
39
41
|
var _ipc = require("./ipc/ipc");
|
|
@@ -69,17 +71,24 @@ ipcClient.addObserver({
|
|
|
69
71
|
mainWindow.webContents.send(_type.IPCMessageCMD.LaunchMeeting, message.data);
|
|
70
72
|
mainWindow.show();
|
|
71
73
|
mainWindow.focus();
|
|
72
|
-
|
|
74
|
+
var platform = _os["default"].platform();
|
|
75
|
+
if (platform === 'win32') {
|
|
76
|
+
mainWindow.setAlwaysOnTop(true);
|
|
77
|
+
setTimeout(function () {
|
|
78
|
+
mainWindow.setAlwaysOnTop(false);
|
|
79
|
+
}, 100);
|
|
80
|
+
}
|
|
73
81
|
}
|
|
74
82
|
break;
|
|
75
83
|
case _type.IPCMessageCMD.InitCreator:
|
|
76
84
|
(0, _logger.getLogger)().info("InitCreator: ".concat(JSON.stringify(message.data)));
|
|
77
85
|
try {
|
|
78
|
-
var data =
|
|
79
|
-
if (
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
86
|
+
var data = message.data;
|
|
87
|
+
if (typeof message.data == 'string') {
|
|
88
|
+
data = JSON.parse(message.data);
|
|
89
|
+
}
|
|
90
|
+
if (data['appUserModelId']) {
|
|
91
|
+
_electron.app.setAppUserModelId(data['appUserModelId']);
|
|
83
92
|
}
|
|
84
93
|
} catch (e) {
|
|
85
94
|
(0, _logger.getLogger)().error("InitCreator: ".concat(e));
|
package/lib/global.css
CHANGED
|
@@ -4,15 +4,33 @@ body {
|
|
|
4
4
|
background: transparent;
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.fcr-scene-scope
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
.fcr-scene-scope {
|
|
8
|
+
font-family:
|
|
9
|
+
ui-sans-serif,
|
|
10
|
+
system-ui,
|
|
11
|
+
-apple-system,
|
|
12
|
+
BlinkMacSystemFont,
|
|
13
|
+
'Segoe UI',
|
|
14
|
+
Roboto,
|
|
15
|
+
'Helvetica Neue',
|
|
16
|
+
Arial,
|
|
17
|
+
'Noto Sans',
|
|
18
|
+
sans-serif,
|
|
19
|
+
'Apple Color Emoji',
|
|
20
|
+
'Segoe UI Emoji',
|
|
21
|
+
'Segoe UI Symbol',
|
|
22
|
+
'Noto Color Emoji';
|
|
23
|
+
font-size: 14px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.fcr-scene-scope * {
|
|
27
|
+
pointer-events: initial;
|
|
28
|
+
}
|
|
29
|
+
|
|
10
30
|
.fcr-scene-scope *::before,
|
|
11
31
|
.fcr-scene-scope *::after {
|
|
12
32
|
/* border: transparent; */
|
|
13
33
|
margin: 0px;
|
|
14
|
-
/* padding: 0px; */
|
|
15
|
-
pointer-events: initial;
|
|
16
34
|
}
|
|
17
35
|
|
|
18
36
|
.fcr-connecting-loading {
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.Board = void 0;
|
|
8
|
-
var _i18n = require("agora-ui-foundation/lib/i18n");
|
|
9
8
|
var _type = require("agora-ui-foundation/lib/components/icon/type");
|
|
10
9
|
var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
|
|
11
10
|
var _item = require("../item");
|
|
@@ -13,7 +12,6 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
12
|
var Board = exports.Board = function Board(_ref) {
|
|
14
13
|
var id = _ref.id,
|
|
15
14
|
order = _ref.order;
|
|
16
|
-
var transI18n = (0, _i18n.useI18n)();
|
|
17
15
|
var handleClick = function handleClick() {};
|
|
18
16
|
var icon = true ? _type.FcrIconType.FCR_WHITEBOARD_ON : _type.FcrIconType.FCR_WHITEBOARD;
|
|
19
17
|
var title = 'Board';
|
|
@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
7
|
exports.BreakoutRoom = void 0;
|
|
8
|
-
var _i18n = require("agora-ui-foundation/lib/i18n");
|
|
9
8
|
var _type = require("agora-ui-foundation/lib/components/icon/type");
|
|
10
9
|
var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
|
|
11
10
|
var _item = require("../item");
|
|
@@ -13,7 +12,6 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
12
|
var BreakoutRoom = exports.BreakoutRoom = function BreakoutRoom(_ref) {
|
|
14
13
|
var id = _ref.id,
|
|
15
14
|
order = _ref.order;
|
|
16
|
-
var transI18n = (0, _i18n.useI18n)();
|
|
17
15
|
var title = 'BreakoutRoom';
|
|
18
16
|
var tooltip = 'BreakoutRoom';
|
|
19
17
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
|
|
@@ -21,9 +21,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
21
21
|
value: true
|
|
22
22
|
});
|
|
23
23
|
exports.End = void 0;
|
|
24
|
-
require("core-js/modules/web.timers.js");
|
|
25
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
26
|
-
|
|
25
|
+
require("core-js/modules/web.timers.js");
|
|
27
26
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
28
27
|
var _i18n = require("agora-ui-foundation/lib/i18n");
|
|
29
28
|
var _button = require("agora-ui-foundation/lib/components/button");
|
|
@@ -47,18 +46,8 @@ var End = exports.End = (0, _mobxReact.observer)(function (props) {
|
|
|
47
46
|
_setPopoverOpened = _useContext.setPopoverOpened,
|
|
48
47
|
stateBarLeaveMeeting = _useContext.stateBarLeaveMeeting,
|
|
49
48
|
setStateBarLeaveMeeting = _useContext.setStateBarLeaveMeeting;
|
|
50
|
-
var _useState = (0, _react.useState)(false),
|
|
51
|
-
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
52
|
-
tooltipOpened = _useState2[0],
|
|
53
|
-
setTooltipOpened = _useState2[1];
|
|
54
49
|
var popOverRef = (0, _react.useRef)(false);
|
|
55
|
-
var onTooltipChanged = function onTooltipChanged(v) {
|
|
56
|
-
if (!popoverOpened) {
|
|
57
|
-
setTooltipOpened(v);
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
50
|
var onPopoverChanged = function onPopoverChanged(v) {
|
|
61
|
-
setTooltipOpened(false);
|
|
62
51
|
_setPopoverOpened(v);
|
|
63
52
|
toggleLayoutBarLock(v);
|
|
64
53
|
popOverRef.current = v;
|
|
@@ -128,7 +128,7 @@ var Chat = (0, _mobxReact.observer)(function (props) {
|
|
|
128
128
|
});
|
|
129
129
|
|
|
130
130
|
// See ../record/index.tsx.
|
|
131
|
-
var Record = (0, _mobxReact.observer)(function (
|
|
131
|
+
var Record = (0, _mobxReact.observer)(function () {
|
|
132
132
|
var t = (0, _i18n.useI18n)();
|
|
133
133
|
var _useContext5 = (0, _react.useContext)(_store2.ActionBarContext),
|
|
134
134
|
hasStartCloudRecordingPermission = _useContext5.hasStartCloudRecordingPermission,
|
|
@@ -208,7 +208,7 @@ var Record = (0, _mobxReact.observer)(function (props) {
|
|
|
208
208
|
})]
|
|
209
209
|
});
|
|
210
210
|
});
|
|
211
|
-
var Board = (0, _mobxReact.observer)(function (
|
|
211
|
+
var Board = (0, _mobxReact.observer)(function () {
|
|
212
212
|
var t = (0, _i18n.useI18n)();
|
|
213
213
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
214
214
|
className: "fcr-more-popover-content__group-item contain-icon",
|
|
@@ -220,8 +220,7 @@ var Board = (0, _mobxReact.observer)(function (props) {
|
|
|
220
220
|
})]
|
|
221
221
|
});
|
|
222
222
|
});
|
|
223
|
-
var BreakoutRoom = (0, _mobxReact.observer)(function (
|
|
224
|
-
var t = (0, _i18n.useI18n)();
|
|
223
|
+
var BreakoutRoom = (0, _mobxReact.observer)(function () {
|
|
225
224
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
226
225
|
className: "fcr-more-popover-content__group-item contain-icon",
|
|
227
226
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
|
|
@@ -232,8 +231,7 @@ var BreakoutRoom = (0, _mobxReact.observer)(function (props) {
|
|
|
232
231
|
})]
|
|
233
232
|
});
|
|
234
233
|
});
|
|
235
|
-
var Respond = (0, _mobxReact.observer)(function (
|
|
236
|
-
var t = (0, _i18n.useI18n)();
|
|
234
|
+
var Respond = (0, _mobxReact.observer)(function () {
|
|
237
235
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
238
236
|
className: "fcr-more-popover-content__group-item contain-icon",
|
|
239
237
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
|
|
@@ -264,10 +262,9 @@ var LiveStreaming = (0, _mobxReact.observer)(function (props) {
|
|
|
264
262
|
})]
|
|
265
263
|
});
|
|
266
264
|
});
|
|
267
|
-
var Apps = (0, _mobxReact.observer)(function (
|
|
265
|
+
var Apps = (0, _mobxReact.observer)(function () {
|
|
268
266
|
var _useContext7 = (0, _react.useContext)(_store2.ActionBarContext),
|
|
269
267
|
switchMenu = _useContext7.switchMenu;
|
|
270
|
-
var transI18n = (0, _i18n.useI18n)();
|
|
271
268
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
|
272
269
|
className: "fcr-more-popover-content__group-item contain-icon",
|
|
273
270
|
onClick: function onClick() {
|
|
@@ -281,7 +278,7 @@ var Apps = (0, _mobxReact.observer)(function (props) {
|
|
|
281
278
|
})]
|
|
282
279
|
});
|
|
283
280
|
});
|
|
284
|
-
var TriggerSubscribeLanguage = (0, _mobxReact.observer)(function (
|
|
281
|
+
var TriggerSubscribeLanguage = (0, _mobxReact.observer)(function () {
|
|
285
282
|
var _useContext8 = (0, _react.useContext)(_store2.ActionBarContext),
|
|
286
283
|
switchMenu = _useContext8.switchMenu;
|
|
287
284
|
var transI18n = (0, _i18n.useI18n)();
|
|
@@ -35,21 +35,13 @@ var Participants = exports.Participants = (0, _mobxReact.observer)(function (_re
|
|
|
35
35
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
36
36
|
tooltipVisible = _useState2[0],
|
|
37
37
|
setTooltipVisible = _useState2[1];
|
|
38
|
-
var _useState3 = (0, _react.useState)(false),
|
|
39
|
-
_useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
|
|
40
|
-
dialogTooltipVisible = _useState4[0],
|
|
41
|
-
setDialogTooltipVisible = _useState4[1];
|
|
42
38
|
var title = transI18n('fmt_screenshare_controlbar_button_participant');
|
|
43
39
|
var tooltip = transI18n('fmt_screenshare_controlbar_button_participant');
|
|
44
40
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
|
|
45
41
|
mouseEnterDelay: 0,
|
|
46
42
|
visible: tooltipVisible,
|
|
47
43
|
onVisibleChange: function onVisibleChange(visible) {
|
|
48
|
-
|
|
49
|
-
setTooltipVisible(false);
|
|
50
|
-
} else {
|
|
51
|
-
setTooltipVisible(visible);
|
|
52
|
-
}
|
|
44
|
+
setTooltipVisible(visible);
|
|
53
45
|
},
|
|
54
46
|
content: tooltip,
|
|
55
47
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -43,10 +43,6 @@ var ScreenShare = exports.ScreenShare = (0, _mobxReact.observer)(function (_ref)
|
|
|
43
43
|
setMenuVisible(false);
|
|
44
44
|
setTooltipVisible(false);
|
|
45
45
|
}, [hasStartScreenSharePermission]);
|
|
46
|
-
function hanldeSubMenuClick() {
|
|
47
|
-
setMenuVisible(false);
|
|
48
|
-
setTooltipVisible(false);
|
|
49
|
-
}
|
|
50
46
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
|
|
51
47
|
mouseEnterDelay: 0,
|
|
52
48
|
onVisibleChange: function onVisibleChange() {
|
|
@@ -66,8 +66,6 @@ export default class ActionBarStore {
|
|
|
66
66
|
private _openedDialogIdMap;
|
|
67
67
|
private _newMessageTooltipTimer;
|
|
68
68
|
private _hideBarArrowTimer;
|
|
69
|
-
private _sharingOwnerUser;
|
|
70
|
-
private _participantTab;
|
|
71
69
|
private _streamObserver;
|
|
72
70
|
private _interpreterProviderObserver;
|
|
73
71
|
accessor newMessageTooltipVisible: boolean;
|
|
@@ -156,8 +156,6 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
156
156
|
(0, _defineProperty2["default"])(this, "_openedDialogIdMap", new Map());
|
|
157
157
|
(0, _defineProperty2["default"])(this, "_newMessageTooltipTimer", null);
|
|
158
158
|
(0, _defineProperty2["default"])(this, "_hideBarArrowTimer", null);
|
|
159
|
-
(0, _defineProperty2["default"])(this, "_sharingOwnerUser", undefined);
|
|
160
|
-
(0, _defineProperty2["default"])(this, "_participantTab", _type6.FcrRoomType.Mainroom);
|
|
161
159
|
(0, _defineProperty2["default"])(this, "_streamObserver", {
|
|
162
160
|
onStreamsAdded: this._handleStreamsAddedOrUpdated,
|
|
163
161
|
onStreamsUpdated: this._handleStreamsAddedOrUpdated,
|
|
@@ -1243,12 +1241,12 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
1243
1241
|
}
|
|
1244
1242
|
}, {
|
|
1245
1243
|
key: "_handleRemoteUsersJoined",
|
|
1246
|
-
value: function _handleRemoteUsersJoined(
|
|
1244
|
+
value: function _handleRemoteUsersJoined(_roomId, _events) {
|
|
1247
1245
|
this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
|
|
1248
1246
|
}
|
|
1249
1247
|
}, {
|
|
1250
1248
|
key: "_handleRemoteUsersLeft",
|
|
1251
|
-
value: function _handleRemoteUsersLeft(
|
|
1249
|
+
value: function _handleRemoteUsersLeft(_roomId, _events) {
|
|
1252
1250
|
this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
|
|
1253
1251
|
}
|
|
1254
1252
|
}, {
|
|
@@ -1440,19 +1438,15 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
1440
1438
|
}()
|
|
1441
1439
|
}, {
|
|
1442
1440
|
key: "_handleCloudRecordingStateUpdated",
|
|
1443
|
-
value: function _handleCloudRecordingStateUpdated(
|
|
1441
|
+
value: function _handleCloudRecordingStateUpdated(_roomId, state) {
|
|
1444
1442
|
this.cloudRecordingState = state;
|
|
1445
1443
|
}
|
|
1446
1444
|
}, {
|
|
1447
1445
|
key: "_handleStreamsAddedOrUpdated",
|
|
1448
1446
|
value: function _handleStreamsAddedOrUpdated() {
|
|
1449
|
-
var _this$_streamControl$;
|
|
1450
1447
|
this.hasScreenShare = this._streamControl.getStreamList().some(function (stream) {
|
|
1451
1448
|
return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
|
|
1452
1449
|
});
|
|
1453
|
-
this._sharingOwnerUser = (_this$_streamControl$ = this._streamControl.getStreamList().find(function (stream) {
|
|
1454
|
-
return stream.videoSourceType === _type5.AgoraRteVideoSourceType.SCREEN;
|
|
1455
|
-
})) === null || _this$_streamControl$ === void 0 ? void 0 : _this$_streamControl$.owner;
|
|
1456
1450
|
}
|
|
1457
1451
|
}, {
|
|
1458
1452
|
key: "setOutputLanguage",
|
|
@@ -1548,7 +1542,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
1548
1542
|
}
|
|
1549
1543
|
}, {
|
|
1550
1544
|
key: "_checkIsWidgetSupportedRole",
|
|
1551
|
-
value: function _checkIsWidgetSupportedRole(widgetConfig,
|
|
1545
|
+
value: function _checkIsWidgetSupportedRole(widgetConfig, _role) {
|
|
1552
1546
|
var _widgetConfig$support;
|
|
1553
1547
|
if (!widgetConfig.supportedRoles || widgetConfig.supportedRoles.length === 0 || (_widgetConfig$support = widgetConfig.supportedRoles) !== null && _widgetConfig$support !== void 0 && _widgetConfig$support.includes(this.localUserRole)) {
|
|
1554
1548
|
return true;
|
|
@@ -57,7 +57,7 @@ var ToggleToolbarBtn = function ToggleToolbarBtn(_ref) {
|
|
|
57
57
|
})
|
|
58
58
|
});
|
|
59
59
|
};
|
|
60
|
-
var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function (
|
|
60
|
+
var FcrActionBar = exports.FcrActionBar = (0, _mobxReact.observer)(function () {
|
|
61
61
|
var _useState = (0, _react.useState)(false),
|
|
62
62
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
63
63
|
opened = _useState2[0],
|
|
@@ -200,7 +200,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
|
|
|
200
200
|
}
|
|
201
201
|
});
|
|
202
202
|
(0, _defineProperty2["default"])(_this, "_createStreamObserver", function (streamControl) {
|
|
203
|
-
var onStreamsAdded = function onStreamsAdded(
|
|
203
|
+
var onStreamsAdded = function onStreamsAdded(_roomId, events) {
|
|
204
204
|
var streams = events.map(function (event) {
|
|
205
205
|
return event.modifiedStream;
|
|
206
206
|
});
|
|
@@ -216,7 +216,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
|
|
|
216
216
|
_this._handleRemoteAudio(streamControl, streams);
|
|
217
217
|
}
|
|
218
218
|
};
|
|
219
|
-
var onStreamsUpdated = function onStreamsUpdated(
|
|
219
|
+
var onStreamsUpdated = function onStreamsUpdated(_roomId, events) {
|
|
220
220
|
var streams = events.map(function (event) {
|
|
221
221
|
return event.modifiedStream;
|
|
222
222
|
});
|
|
@@ -236,7 +236,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
|
|
|
236
236
|
);
|
|
237
237
|
}
|
|
238
238
|
};
|
|
239
|
-
var onStreamsRemoved = function onStreamsRemoved(
|
|
239
|
+
var onStreamsRemoved = function onStreamsRemoved(_roomId, events) {
|
|
240
240
|
var streams = events.map(function (event) {
|
|
241
241
|
return event.modifiedStream;
|
|
242
242
|
});
|
|
@@ -357,7 +357,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
|
|
|
357
357
|
this._interpreterProvider.removeObserver(this._interpreterObserver);
|
|
358
358
|
this._streamControl.removeObserver(this._streamObserver);
|
|
359
359
|
this._deviceProvider.removeObserver(this._deviceObserver);
|
|
360
|
-
this._streamControlObserverMap.forEach(function (_ref3
|
|
360
|
+
this._streamControlObserverMap.forEach(function (_ref3) {
|
|
361
361
|
var roomStreamControl = _ref3.roomStreamControl,
|
|
362
362
|
streamObserver = _ref3.streamObserver;
|
|
363
363
|
roomStreamControl.removeObserver(streamObserver);
|
|
@@ -181,7 +181,6 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
|
|
|
181
181
|
onRemoteUsersJoined: this._onRemoteUserUpdate.bind(this),
|
|
182
182
|
onRemoteUsersLeft: this._onRemoteUserUpdate.bind(this),
|
|
183
183
|
onUserPropertiesUpdated: this._onUserPropertiesUpdated.bind(this),
|
|
184
|
-
onUserPropertiesDeleted: function onUserPropertiesDeleted(roomId, event) {},
|
|
185
184
|
onUserInfoUpdated: this._onUserInfoUpdated.bind(this)
|
|
186
185
|
});
|
|
187
186
|
this._type = type;
|
|
@@ -480,7 +479,7 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
|
|
|
480
479
|
}
|
|
481
480
|
}, {
|
|
482
481
|
key: "_onRemoteUserUpdate",
|
|
483
|
-
value: function _onRemoteUserUpdate(
|
|
482
|
+
value: function _onRemoteUserUpdate(_roomId, _events) {
|
|
484
483
|
if (this._type === _type3.FcrUIRoomType.WAITING_ROOM) {
|
|
485
484
|
this.userCount = this.getUserCount();
|
|
486
485
|
}
|
|
@@ -488,12 +487,12 @@ var ChatRoomStore = exports.ChatRoomStore = /*#__PURE__*/function () {
|
|
|
488
487
|
}
|
|
489
488
|
}, {
|
|
490
489
|
key: "_onUserPropertiesUpdated",
|
|
491
|
-
value: function _onUserPropertiesUpdated(
|
|
490
|
+
value: function _onUserPropertiesUpdated(_roomId, _event) {
|
|
492
491
|
this._refreshUserList();
|
|
493
492
|
}
|
|
494
493
|
}, {
|
|
495
494
|
key: "_onUserInfoUpdated",
|
|
496
|
-
value: function _onUserInfoUpdated(
|
|
495
|
+
value: function _onUserInfoUpdated(_roomId, event) {
|
|
497
496
|
var targetUser = event.modifiedUser;
|
|
498
497
|
this.currentUserMap.set(targetUser.userId, targetUser);
|
|
499
498
|
this._refreshUserList();
|
|
@@ -34,7 +34,6 @@ var SipDeviceIconButton = exports.SipDeviceIconButton = function SipDeviceIconBu
|
|
|
34
34
|
var PhoneCallSilenceIconButton = exports.PhoneCallSilenceIconButton = function PhoneCallSilenceIconButton(props) {
|
|
35
35
|
var iconSize = props.iconSize,
|
|
36
36
|
tooltip = props.tooltip;
|
|
37
|
-
var t = (0, _i18n.useI18n)();
|
|
38
37
|
var button = /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
|
|
39
38
|
className: "fcr-user-window-actions-microphone",
|
|
40
39
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
require("core-js/modules/es.object.define-property.js");
|
|
4
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -38,7 +37,6 @@ require("core-js/modules/esnext.set.symmetric-difference.js");
|
|
|
38
37
|
require("core-js/modules/esnext.set.union.v2.js");
|
|
39
38
|
require("core-js/modules/esnext.set.union.js");
|
|
40
39
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
41
|
-
var _react = _interopRequireDefault(require("react"));
|
|
42
40
|
var _fcrCore = require("fcr-core");
|
|
43
41
|
var _provider = require("./provider");
|
|
44
42
|
var _index = require("./components/layout/index");
|
|
@@ -11,7 +11,6 @@ var _type = require("../../../../../video-window/type");
|
|
|
11
11
|
var handleVideoWindowVisibleChange = exports.handleVideoWindowVisibleChange = function handleVideoWindowVisibleChange(width, height, setResizable, videoWindowPreviewType) {
|
|
12
12
|
var videoWindow = _dialogs.dialogWindows.get(_constant.FcrUIDialogKey.VIDEO_WINDOW);
|
|
13
13
|
if (!videoWindow) return;
|
|
14
|
-
var nearDispaly = window.runtime.screen.getDisplayNearestPoint(videoWindow.getBounds());
|
|
15
14
|
videoWindow.setBounds({
|
|
16
15
|
width: width,
|
|
17
16
|
height: height
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AgoraRtcRenderMode, AgoraRtcVideoStreamType } from 'fcr-core/lib/imports';
|
|
2
|
-
export declare const FcrUIRemoteVideoPlayer: ({ streamId, hasVideoStream, videoStreamType, renderMode,
|
|
2
|
+
export declare const FcrUIRemoteVideoPlayer: ({ streamId, hasVideoStream, videoStreamType, renderMode, }: {
|
|
3
3
|
streamId: string;
|
|
4
4
|
hasVideoStream: boolean;
|
|
5
5
|
videoStreamType: AgoraRtcVideoStreamType;
|
|
@@ -17,8 +17,7 @@ var FcrUIRemoteVideoPlayer = exports.FcrUIRemoteVideoPlayer = (0, _mobxReact.obs
|
|
|
17
17
|
var streamId = _ref.streamId,
|
|
18
18
|
hasVideoStream = _ref.hasVideoStream,
|
|
19
19
|
videoStreamType = _ref.videoStreamType,
|
|
20
|
-
renderMode = _ref.renderMode
|
|
21
|
-
hasScreenSharing = _ref.hasScreenSharing;
|
|
20
|
+
renderMode = _ref.renderMode;
|
|
22
21
|
var divRef = (0, _react.useRef)(null);
|
|
23
22
|
var context = (0, _react.useContext)(_videoTrackRenderContext.FcrVideoTrackRenderContext);
|
|
24
23
|
var t = (0, _i18n.useI18n)();
|
|
@@ -69,7 +69,6 @@ var MemberWindow = exports.MemberWindow = (0, _mobxReact.observer)(function (_re
|
|
|
69
69
|
isVideoSuspended = _ref.isVideoSuspended;
|
|
70
70
|
var userName = windowData.userName,
|
|
71
71
|
videoStreamId = windowData.videoStreamId,
|
|
72
|
-
audioStreamId = windowData.audioStreamId,
|
|
73
72
|
userId = windowData.userId,
|
|
74
73
|
isMySelf = windowData.isMySelf,
|
|
75
74
|
hasMicrophoneAudioStream = windowData.hasMicrophoneAudioStream,
|
|
@@ -123,7 +123,7 @@ var ConnectFromPhone = (0, _mobxReact.observer)(function () {
|
|
|
123
123
|
phone: phone
|
|
124
124
|
});
|
|
125
125
|
},
|
|
126
|
-
onInputBlur: function onInputBlur(
|
|
126
|
+
onInputBlur: function onInputBlur() {
|
|
127
127
|
return validateNumberHandler(currentCallInfo.phone);
|
|
128
128
|
}
|
|
129
129
|
}), errorMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
@@ -114,7 +114,7 @@ export default class ControlBarStore {
|
|
|
114
114
|
});
|
|
115
115
|
get checkedStateMap(): FcrSecurityCheckedStateType;
|
|
116
116
|
setCheckedStateMap(val: FcrSecurityCheckedStateType): void;
|
|
117
|
-
initControlBar(payload: any,
|
|
117
|
+
initControlBar(payload: any, _browserWindow: Electron.BrowserWindow): void;
|
|
118
118
|
updateCurrentShareContent(payload: CurrentShareScreenTypes): void;
|
|
119
119
|
setShareWithAudioState(withAudio: boolean): void;
|
|
120
120
|
showLockedRoomToast(enable: boolean): void;
|
|
@@ -142,7 +142,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
142
142
|
(0, _defineProperty2["default"])(this, "_disposers", []);
|
|
143
143
|
(0, _defineProperty2["default"])(this, "_liveStreamingDialogKey", null);
|
|
144
144
|
(0, _defineProperty2["default"])(this, "_dialogObsever", {
|
|
145
|
-
onDialogOpened: function onDialogOpened(dialogKey, dialogId
|
|
145
|
+
onDialogOpened: function onDialogOpened(dialogKey, dialogId) {
|
|
146
146
|
if (dialogKey === _constant.FcrUIDialogKey.PARTICIPANT) {
|
|
147
147
|
_this._participantDialogId = dialogId;
|
|
148
148
|
}
|
|
@@ -204,11 +204,11 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
204
204
|
this._dialogProvider = dialogProvider;
|
|
205
205
|
this._dialogProvider.addObserver(this._dialogObsever);
|
|
206
206
|
this._roomObserver = {
|
|
207
|
-
onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(
|
|
207
|
+
onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(_roomId, state, url) {
|
|
208
208
|
_this.liveStreamingState = state;
|
|
209
209
|
_this.playUrl = url;
|
|
210
210
|
},
|
|
211
|
-
onCloudRecordingStateUpdated: function onCloudRecordingStateUpdated(
|
|
211
|
+
onCloudRecordingStateUpdated: function onCloudRecordingStateUpdated(_roomId, state) {
|
|
212
212
|
return _this.cloudRecordingState = state;
|
|
213
213
|
}
|
|
214
214
|
};
|
|
@@ -515,7 +515,7 @@ var ControlBarStore = exports["default"] = /*#__PURE__*/function () {
|
|
|
515
515
|
}
|
|
516
516
|
}, {
|
|
517
517
|
key: "initControlBar",
|
|
518
|
-
value: function initControlBar(payload,
|
|
518
|
+
value: function initControlBar(payload, _browserWindow) {
|
|
519
519
|
// this._screenShareDataSource.setCurrentShareAudioProcessingChannel(
|
|
520
520
|
// payload.currentShareAudioProcessingChannel,
|
|
521
521
|
// );
|
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
position: relative;
|
|
4
4
|
flex: 1;
|
|
5
5
|
width: 100%;
|
|
6
|
+
font-family:
|
|
7
|
+
ui-sans-serif,
|
|
8
|
+
system-ui,
|
|
9
|
+
-apple-system,
|
|
10
|
+
BlinkMacSystemFont,
|
|
11
|
+
'Segoe UI',
|
|
12
|
+
Roboto,
|
|
13
|
+
'Helvetica Neue',
|
|
14
|
+
Arial,
|
|
15
|
+
'Noto Sans',
|
|
16
|
+
sans-serif,
|
|
17
|
+
'Apple Color Emoji',
|
|
18
|
+
'Segoe UI Emoji',
|
|
19
|
+
'Segoe UI Symbol',
|
|
20
|
+
'Noto Color Emoji';
|
|
21
|
+
font-size: 14px;
|
|
6
22
|
}
|
|
7
23
|
|
|
8
24
|
.fcr-dialog-container_shadow {
|
|
@@ -12,8 +12,7 @@ var _useElectron = require("../../hooks/useElectron");
|
|
|
12
12
|
var _dialogContainer = _interopRequireDefault(require("../dialog-container"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
var ShareScreenSelectronDialog = exports.ShareScreenSelectronDialog = function ShareScreenSelectronDialog(props) {
|
|
15
|
-
var children = props.children
|
|
16
|
-
config = props.params;
|
|
15
|
+
var children = props.children;
|
|
17
16
|
var transI18n = (0, _i18n.useI18n)();
|
|
18
17
|
(0, _useElectron.useElectronDialog)({
|
|
19
18
|
dialogKey: _constant.FcrUIDialogKey.SHARE_SCREEN,
|