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.
Files changed (48) hide show
  1. package/lib/electron/bootstrap-sdk.js +15 -6
  2. package/lib/global.css +23 -5
  3. package/lib/modules/action-bar/components/board/index.js +0 -2
  4. package/lib/modules/action-bar/components/breakout-room/index.js +0 -2
  5. package/lib/modules/action-bar/components/leave/index.js +1 -12
  6. package/lib/modules/action-bar/components/more/poppover-content.js +6 -9
  7. package/lib/modules/action-bar/components/participants/index.js +1 -9
  8. package/lib/modules/action-bar/components/screen-share/index.js +0 -4
  9. package/lib/modules/action-bar/store.d.ts +0 -2
  10. package/lib/modules/action-bar/store.js +4 -10
  11. package/lib/modules/action-bar/view.js +1 -1
  12. package/lib/modules/audio-stream/index.js +4 -4
  13. package/lib/modules/chat/chat-room-store.js +3 -4
  14. package/lib/modules/components/member-window/components/member-actions/components/icon-buttons/index.js +0 -1
  15. package/lib/modules/components/member-window/components/member-actions/index.js +0 -2
  16. package/lib/modules/components/member-window/components/member-actions/libs/index.js +0 -1
  17. package/lib/modules/components/member-window/components/video-player/components/remote-video-player.d.ts +1 -1
  18. package/lib/modules/components/member-window/components/video-player/components/remote-video-player.js +1 -2
  19. package/lib/modules/components/member-window/index.css +1 -0
  20. package/lib/modules/components/member-window/index.js +0 -1
  21. package/lib/modules/connection-gateway/components/phone/index.js +1 -1
  22. package/lib/modules/control-bar/store.d.ts +1 -1
  23. package/lib/modules/control-bar/store.js +4 -4
  24. package/lib/modules/dialog/components/dialog-container/index.css +16 -0
  25. package/lib/modules/dialog/components/share-screen-selection/index.js +1 -2
  26. package/lib/modules/dialog/hooks/useElectron.js +11 -88
  27. package/lib/modules/dialog/index.js +0 -1
  28. package/lib/modules/event-confirm/store.js +23 -17
  29. package/lib/modules/event-toast/store.js +5 -2
  30. package/lib/modules/invite/components/pstn-invite.js +0 -17
  31. package/lib/modules/layout/components/Aside.js +0 -1
  32. package/lib/modules/layout/store.js +7 -1
  33. package/lib/modules/participant/components/participants/components/footer/components/footer/index.js +0 -2
  34. package/lib/modules/pc-audio-connect/store.js +2 -1
  35. package/lib/modules/state-bar/meeting-details.js +3 -9
  36. package/lib/modules/whiteboard/components/control-bar/index.js +0 -2
  37. package/lib/modules/whiteboard/components/scene-pagination.js +0 -2
  38. package/lib/modules/whiteboard/components/toolbar/components/color-picker/components/color.js +1 -2
  39. package/lib/modules/widget/sdk.js +0 -1
  40. package/lib/providers/device-provider.js +4 -20
  41. package/lib/shared-data-source/meeting-time.js +2 -2
  42. package/lib/shared-data-source/video-window.d.ts +0 -1
  43. package/lib/shared-data-source/video-window.js +3 -10
  44. package/lib/ui-scene.js +2 -4
  45. package/lib/utilities/tools.d.ts +25 -2
  46. package/lib/utilities/tools.js +33 -15
  47. package/lib/waiting-room-control-manager.js +1 -1
  48. 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
- mainWindow.moveTop();
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 = JSON.parse(message.data);
79
- if (!data['appUserModelId']) return;
80
- var appUserModelId = data['appUserModelId'].appUserModelId;
81
- if (appUserModelId) {
82
- _electron.app.setAppUserModelId(appUserModelId);
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
- .fcr-scene-scope::before,
9
- .fcr-scene-scope::after,
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
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
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 (props) {
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 (props) {
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 (props) {
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 (props) {
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 (props) {
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 (props) {
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
- if (dialogTooltipVisible) {
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(roomId, events) {
1244
+ value: function _handleRemoteUsersJoined(_roomId, _events) {
1247
1245
  this.hasOfflineUserExistence = this.getOfflineUserExistenceState();
1248
1246
  }
1249
1247
  }, {
1250
1248
  key: "_handleRemoteUsersLeft",
1251
- value: function _handleRemoteUsersLeft(roomId, events) {
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(roomId, state) {
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, role) {
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 (props) {
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(roomId, events) {
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(roomId, events) {
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(roomId, events) {
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, key) {
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(roomId, events) {
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(roomId, event) {
490
+ value: function _onUserPropertiesUpdated(_roomId, _event) {
492
491
  this._refreshUserList();
493
492
  }
494
493
  }, {
495
494
  key: "_onUserInfoUpdated",
496
- value: function _onUserInfoUpdated(roomId, event) {
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, hasScreenSharing, }: {
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)();
@@ -247,6 +247,7 @@
247
247
  .fcr-member-window-gallery .fcr-user-window-actions-bottom {
248
248
  height: 24px;
249
249
  font-size: 12px;
250
+ backdrop-filter: none;
250
251
  }
251
252
 
252
253
  .fcr-user-window-actions-tag {
@@ -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(e) {
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, browserWindow: Electron.BrowserWindow): void;
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, params) {
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(roomId, state, url) {
207
+ onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(_roomId, state, url) {
208
208
  _this.liveStreamingState = state;
209
209
  _this.playUrl = url;
210
210
  },
211
- onCloudRecordingStateUpdated: function onCloudRecordingStateUpdated(roomId, state) {
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, browserWindow) {
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,