fcr-ui-scene 3.2.0 → 3.3.1

package/lib/modules/share-screen/store.js

@@ -94,7 +94,7 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _types = require("agora-edu-core/lib/room-control/whiteboard-control/types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ShareScreenStore;
-var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init__localUser, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_showConfirm, _init_shareControlBarActive, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _init_title, _init_localMicrophoneMute, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _sendLocalAudioStateEventDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _setWaitingRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _setShareWithAudioDecs, _setWithAudioStateDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _ref;
+var _initProto, _init__shareSelectionDialogId, _init__controlBarDialogId, _init__videoWindowDialogId, _init__isHost, _init__shareLocked, _init__screenTrack, _init__shareAudioTrack, _init__localUser, _init_screenSharingState, _init_applicationCaptureSources, _init_screenCaptureSources, _init_hasScreenCapturePermission, _init_showConfirm, _init_shareControlBarActive, _init_withAudio, _init_currentShareAudioProcessingChannel, _init_currentShareId, _init_sharerId, _init_currentShareType, _init_currentSelection, _init_currentSelectionType, _init_shareWithAudio, _init_boardOwnerUser, _init_localUser, _init_localUserRole, _init_title, _init_localMicrophoneMute, _handleChooseScreenDecs, _init_handleChooseScreen, _setShareWithAudioStateDecs, _setShareAudioProcessingChannelDecs, _sendLocalAudioStateEventDecs, _handleCheckScreenCapturePermissionDecs, _handleToSettingDecs, _muteLocalAudioDecs, _muteLocalVideoDecs, _handleShareStartWithAudioDecs, _handleShareStopWithAudioDecs, _startPreviewDecs, _setShareControlBarActiveDecs, _setCurrentCameraIdDecs, _setCurrentSpeakerIdDecs, _setCurrentMicrophoneIdDecs, _setAllowChangeSelfNameDecs, _setAllowChatDecs, _setAllowJoinWithMuteAudioDecs, _setAllowShareScreenDecs, _setAllowUnmuteSelfVideoDecs, _setAllowUnmuteSelfAudioDecs, _setLockRoomEnabledDecs, _openDialogDecs, _closeShareScreenSelectionDecs, _openControlBarDecs, _setControlBarWindowIdDecs, _openVideoWindowDialogDecs, _closeControlBarDecs, _closeVideoWindowDialogDecs, _setShareWithAudioDecs, _setWithAudioStateDecs, _handleShareScreenResourceDecs, _handleStartShareDecs, _handleReplaceScreenDecs, _handleStopShareDecs, _handleScreenCaptureStateUpdatedDecs, _updateCameraListDecs, _updateMicrophoneListDecs, _updateSpeakerListDecs, _handleLiveStreamingStateUpdatedDecs, _setShareLockDecs, _refreshLocalUserDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -132,7 +132,7 @@ var _X = /*#__PURE__*/new WeakMap();
 var _Y = /*#__PURE__*/new WeakMap();
 var _Z = /*#__PURE__*/new WeakMap();
 var _a = /*#__PURE__*/new WeakMap();
-_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _sendLocalAudioStateEventDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _setShareControlBarActiveDecs = [_mobx.action, _mobx.action.bound], _setCurrentCameraIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setAllowChangeSelfNameDecs = [_mobx.action, _mobx.action.bound], _setAllowChatDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _setAllowShareScreenDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfVideoDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfAudioDecs = [_mobx.action, _mobx.action.bound], _setLockRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _setWaitingRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openControlBarDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateCameraListDecs = [_mobx.action, _mobx.action.bound], _updateMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _updateSpeakerListDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _refreshLocalUserDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_handleChooseScreenDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _setShareAudioProcessingChannelDecs = [_mobx.action, _mobx.action.bound], _sendLocalAudioStateEventDecs = [_mobx.action, _mobx.action.bound], _handleCheckScreenCapturePermissionDecs = [_mobx.action, _mobx.action.bound], _handleToSettingDecs = [_mobx.action, _mobx.action.bound], _muteLocalAudioDecs = [_mobx.action, _mobx.action.bound], _muteLocalVideoDecs = [_mobx.action, _mobx.action.bound], _handleShareStartWithAudioDecs = [_mobx.action, _mobx.action.bound], _handleShareStopWithAudioDecs = [_mobx.action, _mobx.action.bound], _startPreviewDecs = [_mobx.action, _mobx.action.bound], _setShareControlBarActiveDecs = [_mobx.action, _mobx.action.bound], _setCurrentCameraIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setAllowChangeSelfNameDecs = [_mobx.action, _mobx.action.bound], _setAllowChatDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _setAllowShareScreenDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfVideoDecs = [_mobx.action, _mobx.action.bound], _setAllowUnmuteSelfAudioDecs = [_mobx.action, _mobx.action.bound], _setLockRoomEnabledDecs = [_mobx.action, _mobx.action.bound], _openDialogDecs = [_mobx.action, _mobx.action.bound], _closeShareScreenSelectionDecs = [_mobx.action, _mobx.action.bound], _openControlBarDecs = [_mobx.action, _mobx.action.bound], _setControlBarWindowIdDecs = [_mobx.action, _mobx.action.bound], _openVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _closeControlBarDecs = [_mobx.action, _mobx.action.bound], _closeVideoWindowDialogDecs = [_mobx.action, _mobx.action.bound], _setShareWithAudioDecs = [_mobx.action, _mobx.action.bound], _setWithAudioStateDecs = [_mobx.action, _mobx.action.bound], _handleShareScreenResourceDecs = [_mobx.action, _mobx.action.bound], _handleStartShareDecs = [_mobx.action, _mobx.action.bound], _handleReplaceScreenDecs = [_mobx.action, _mobx.action.bound], _handleStopShareDecs = [_mobx.action, _mobx.action.bound], _handleScreenCaptureStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateCameraListDecs = [_mobx.action, _mobx.action.bound], _updateMicrophoneListDecs = [_mobx.action, _mobx.action.bound], _updateSpeakerListDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _setShareLockDecs = [_mobx.action, _mobx.action.bound], _refreshLocalUserDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
   function ShareScreenStore(_ref2) {
     var _this = this,
@@ -143,7 +143,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       securityStore = _ref2.securityStore,
       uiEventStore = _ref2.uiEventStore,
       deviceStore = _ref2.deviceStore,
-      deviceStreamStore = _ref2.deviceStreamStore;
+      deviceStreamStore = _ref2.deviceStreamStore,
+      config = _ref2.config;
     (0, _classCallCheck2["default"])(this, ShareScreenStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
@@ -204,6 +205,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       _this.currentSelection = id;
       _this.currentSelectionType = type;
     }));
+    this._config = config;
     this._roomControl = roomControl;
     this._mediaControl = mediaControl;
     this._streamControl = roomControl.getStreamControl();
@@ -655,11 +657,11 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
     value: function setLockRoomEnabled(lock) {
       this._securityStore.setLockRoomEnabled(lock);
     }
-  }, {
-    key: "setWaitingRoomEnabled",
-    value: function setWaitingRoomEnabled(allow) {
-      this._securityStore.setWaitingRoomEnabled();
-    }
+
+    // @action.bound
+    // setWaitingRoomEnabled(allow: boolean) {
+    //   this._securityStore.setWaitingRoomEnabled();
+    // }
   }, {
     key: "openDialog",
     value: function openDialog(item) {
@@ -723,6 +725,11 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         onOk: function onOk() {
           _this2._deviceStore.setMicrophoneEnabled(true);
           _this2._setWithAudioState(withAudio);
+          if (withAudio) {
+            _this2.handleShareStartWithAudio();
+          } else {
+            _this2.handleShareStopWithAudio();
+          }
           dialogKey && _this2._uiEventStore.closeDialog(dialogKey);
         },
         onCancel: function onCancel() {
@@ -732,6 +739,11 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       });
       if (dialogKey) return;
       this._setWithAudioState(withAudio);
+      if (withAudio) {
+        this.handleShareStartWithAudio();
+      } else {
+        this.handleShareStopWithAudio();
+      }
     }
   }, {
     key: "_setWithAudioState",
@@ -796,7 +808,8 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 height: shareSelectionHeight,
                 x: mainWidowX + Math.floor(mainWidth / 2) - Math.floor(NORMAL_WIDTH / 2),
                 y: mainWindowY + Math.floor(mainHeight / 2) - Math.floor(shareSelectionHeight / 2) + offsetForToast,
-                controlBarDialogId: this._controlBarDialogId
+                controlBarDialogId: this._controlBarDialogId,
+                transparent: true
               });
               return _context3.abrupt("return");
             case 20:
@@ -952,9 +965,10 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                 while (1) switch (_context5.prev = _context5.next) {
                   case 0:
                     if (!(state === _agoraEduCore.FcrMediaSourceState.STOPPED)) {
-                      _context5.next = 17;
+                      _context5.next = 18;
                       break;
                     }
+                    _this3._initToolbar();
                     screenTrack.removeObserver(_this3._observer);
                     screenTrack.removeObserver(observer);
                     newScreenTrack = _this3._mediaControl.getScreenTrack(id);
@@ -964,14 +978,14 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                     _this3._screenTrack = newScreenTrack;
                     excludeWindows = [];
                     if (!(0, _env.isElectron)()) {
-                      _context5.next = 11;
+                      _context5.next = 12;
                       break;
                     }
-                    _context5.next = 10;
+                    _context5.next = 11;
                     return _this3._getExcludeWindows();
-                  case 10:
-                    excludeWindows = _context5.sent;
                   case 11:
+                    excludeWindows = _context5.sent;
+                  case 12:
                     newScreenTrack.addObserver(_this3._observer);
                     newScreenTrack.start(type, {
                       // preview: true,
@@ -995,7 +1009,7 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
                         withAudio: withAudio
                       }
                     });
-                  case 17:
+                  case 18:
                   case "end":
                     return _context5.stop();
                 }
@@ -1330,123 +1344,15 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
         return _this6.shareControlBarActive;
       }, /*#__PURE__*/function () {
         var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10(active) {
-          var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
           return _regenerator["default"].wrap(function _callee10$(_context10) {
             while (1) switch (_context10.prev = _context10.next) {
               case 0:
-                if (!active) {
-                  _context10.next = 60;
-                  break;
+                if (active) {
+                  _this6._initToolbar();
+                } else {
+                  _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
                 }
-                _this6._deviceStore.addObserver(_this6._deviceStoreObserver);
-                cameraList = _this6._deviceStore.cameraList;
-                microphoneList = _this6._deviceStore.microphoneList;
-                speakerList = _this6._deviceStore.speakerList;
-                localUser = _this6._roomControl.getUserControl().getLocalUser();
-                scheduleInfo = _this6._roomControl.getRoomSchedule();
-                liveStreamingConfig = _this6._roomControl.getLiveStreamingConfig();
-                _context10.t0 = _rendererEvent.sendEvent;
-                _context10.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
-                _context10.t2 = _shareAudio.AudioProcessingChannel.MONO;
-                _context10.t3 = _this6.currentShareId;
-                _context10.t4 = _this6.currentShareType;
-                _context10.t5 = _this6.withAudio;
-                _context10.t6 = cameraList;
-                _context10.t7 = _this6._deviceStore.cameraId;
-                _context10.t8 = !_this6.localVideoState;
-                _context10.t9 = microphoneList;
-                _context10.t10 = speakerList;
-                _context10.t11 = _this6._deviceStore.microphoneId;
-                _context10.t12 = _this6._deviceStore.speakerId;
-                _context10.t13 = !_this6.localAudioState;
-                _context10.t14 = _this6._deviceStore.microphoneVolumeLevel;
-                _context10.t15 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
-                _context10.t16 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
-                _context10.t17 = localUser.userRole === _type.FcrUserRole.HOST;
-                _context10.t18 = localUser.userRole === _type.FcrUserRole.HOST;
-                _context10.t19 = _this6._securityStore.allowChangeSelfName();
-                _context10.t20 = _this6._securityStore.allowChat();
-                _context10.t21 = _this6._securityStore.allowJoinWithMuteAudio();
-                _context10.t22 = _this6._securityStore.allowScreenShareAndBoard();
-                _context10.t23 = _this6._securityStore.allowUnmuteSelfVideo();
-                _context10.t24 = _this6._securityStore.allowUnmuteSelfAudio();
-                _context10.t25 = _this6._securityStore.isLockRoomEnabled();
-                _context10.t26 = _this6._securityStore.isWaitingRoomEnabled();
-                _context10.t27 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
-                _context10.t28 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
-                _context10.t29 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl;
-                _context10.t30 = _this6._roomControl.getLiveStreamingState();
-                _context10.t31 = _this6._securityStore.hasStartCloudRecordingPermission();
-                _context10.t32 = _this6._securityStore.hasStartLiveStreamingPermission();
-                _context10.t33 = _this6._securityStore.hasStopLiveStreamingPermission();
-                _context10.t34 = _this6._securityStore.hasGetLiveStreamingLinkPermission();
-                _context10.next = 45;
-                return _this6._mediaControl.getWindowList();
-              case 45:
-                _context10.t35 = _context10.sent;
-                _context10.t36 = _this6._connectType;
-                _context10.t37 = _this6._securityStore.hasEnableStartScreenSharePermission();
-                _context10.t38 = _this6._securityStore.hasPermissionToControlAllowSendAll();
-                _context10.t39 = _this6._securityStore.hasEnableStartAudioPermission();
-                _context10.t40 = _this6._securityStore.hasEnableChangeNamePermission();
-                _context10.t41 = _this6._securityStore.hasEnableStartVideoPermission();
-                _context10.t42 = _this6._securityStore.hasLockRoomPermission();
-                _context10.t43 = {
-                  currentShareAudioProcessingChannel: _context10.t2,
-                  currentShareId: _context10.t3,
-                  currentShareType: _context10.t4,
-                  shareWithAudio: _context10.t5,
-                  cameraList: _context10.t6,
-                  currentCameraId: _context10.t7,
-                  isMuteVideo: _context10.t8,
-                  microphoneList: _context10.t9,
-                  speakerList: _context10.t10,
-                  currentMicrophoneId: _context10.t11,
-                  currentSpeakerId: _context10.t12,
-                  isMuteAudio: _context10.t13,
-                  localAudioVolume: _context10.t14,
-                  duration: _context10.t15,
-                  startTime: _context10.t16,
-                  isHost: _context10.t17,
-                  showSecurity: _context10.t18,
-                  allowChangeSelfName: _context10.t19,
-                  allowChat: _context10.t20,
-                  allowJoinWithMuteAudio: _context10.t21,
-                  allowShareScreen: _context10.t22,
-                  allowUnmuteSelfVideo: _context10.t23,
-                  allowUnmuteSelfAudio: _context10.t24,
-                  isLockRoomEnabled: _context10.t25,
-                  isWaitingRoomEnabled: _context10.t26,
-                  videoSteamingUrl: _context10.t27,
-                  videoStreamingKey: _context10.t28,
-                  playUrl: _context10.t29,
-                  liveStreamingState: _context10.t30,
-                  isStartError: false,
-                  hasStartCloudRecordingPermission: _context10.t31,
-                  hasStartLiveStreamingPermission: _context10.t32,
-                  hasStopLiveStreamingPermission: _context10.t33,
-                  hasGetLiveStreamingLinkPermission: _context10.t34,
-                  allApplicationWindows: _context10.t35,
-                  connectType: _context10.t36,
-                  hasEnableStartScreenSharePermission: _context10.t37,
-                  hasPermissionToControlAllowSendAll: _context10.t38,
-                  hasEnableStartAudioPermission: _context10.t39,
-                  hasEnableChangeNamePermission: _context10.t40,
-                  hasEnableStartVideoPermission: _context10.t41,
-                  hasLockRoomPermission: _context10.t42
-                };
-                _context10.t44 = {
-                  action: _context10.t1,
-                  payload: _context10.t43
-                };
-                (0, _context10.t0)(_context10.t44);
-                window.runtime.browserWindow.setFullScreen(false);
-                window.runtime.browserWindow.hide();
-                _context10.next = 61;
-                break;
-              case 60:
-                _this6._deviceStore.removeObserver(_this6._deviceStoreObserver);
-              case 61:
+              case 1:
               case "end":
                 return _context10.stop();
             }
@@ -1764,10 +1670,145 @@ var ShareScreenStore = exports["default"] = /*#__PURE__*/function () {
       }
       return _getExcludeWindows;
     }()
+  }, {
+    key: "_initToolbar",
+    value: function () {
+      var _initToolbar2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee16() {
+        var cameraList, microphoneList, speakerList, localUser, scheduleInfo, liveStreamingConfig;
+        return _regenerator["default"].wrap(function _callee16$(_context16) {
+          while (1) switch (_context16.prev = _context16.next) {
+            case 0:
+              this._deviceStore.addObserver(this._deviceStoreObserver);
+              cameraList = this._deviceStore.cameraList;
+              microphoneList = this._deviceStore.microphoneList;
+              speakerList = this._deviceStore.speakerList;
+              localUser = this._roomControl.getUserControl().getLocalUser();
+              scheduleInfo = this._roomControl.getRoomSchedule();
+              liveStreamingConfig = this._roomControl.getLiveStreamingConfig();
+              _context16.t0 = _rendererEvent.sendEvent;
+              _context16.t1 = _constant.RendererEventAction.INIT_CONTROL_BAR;
+              _context16.t2 = _shareAudio.AudioProcessingChannel.MONO;
+              _context16.t3 = this.currentShareId;
+              _context16.t4 = this.currentShareType;
+              _context16.t5 = this.withAudio;
+              _context16.t6 = cameraList;
+              _context16.t7 = this._deviceStore.cameraId;
+              _context16.t8 = !this.localVideoState;
+              _context16.t9 = microphoneList;
+              _context16.t10 = speakerList;
+              _context16.t11 = this._deviceStore.microphoneId;
+              _context16.t12 = this._deviceStore.speakerId;
+              _context16.t13 = !this.localAudioState;
+              _context16.t14 = this._deviceStore.microphoneVolumeLevel;
+              _context16.t15 = localUser.userName;
+              _context16.t16 = this._config.inviteLink;
+              _context16.t17 = this._roomControl.getRoomInfo();
+              _context16.t18 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
+              _context16.t19 = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || new Date().getTime();
+              _context16.t20 = localUser.userRole === _type.FcrUserRole.HOST;
+              _context16.t21 = localUser.userRole === _type.FcrUserRole.HOST;
+              _context16.t22 = this._securityStore.allowChangeSelfName();
+              _context16.t23 = this._securityStore.allowChat();
+              _context16.t24 = this._securityStore.allowJoinWithMuteAudio();
+              _context16.t25 = this._securityStore.allowScreenShareAndBoard();
+              _context16.t26 = this._securityStore.allowBoardWrite();
+              _context16.t27 = this._securityStore.allowUnmuteSelfVideo();
+              _context16.t28 = this._securityStore.allowUnmuteSelfAudio();
+              _context16.t29 = this._securityStore.isLockRoomEnabled();
+              _context16.t30 = this._securityStore.isWaitingRoomEnabled();
+              _context16.t31 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
+              _context16.t32 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pushStreamingUrl;
+              _context16.t33 = liveStreamingConfig === null || liveStreamingConfig === void 0 ? void 0 : liveStreamingConfig.pullStreamingUrl;
+              _context16.t34 = this._roomControl.getLiveStreamingState();
+              _context16.t35 = this._securityStore.hasStartCloudRecordingPermission();
+              _context16.t36 = this._securityStore.hasStartLiveStreamingPermission();
+              _context16.t37 = this._securityStore.hasStopLiveStreamingPermission();
+              _context16.t38 = this._securityStore.hasGetLiveStreamingLinkPermission();
+              _context16.next = 48;
+              return this._mediaControl.getWindowList();
+            case 48:
+              _context16.t39 = _context16.sent;
+              _context16.t40 = this._connectType;
+              _context16.t41 = this._securityStore.hasEnableStartScreenSharePermission();
+              _context16.t42 = this._securityStore.hasPermissionToControlAllowSendAll();
+              _context16.t43 = this._securityStore.hasEnableStartAudioPermission();
+              _context16.t44 = this._securityStore.hasEnableChangeNamePermission();
+              _context16.t45 = this._securityStore.hasEnableStartVideoPermission();
+              _context16.t46 = this._securityStore.hasLockRoomPermission();
+              _context16.t47 = this._securityStore.hasAllowWriteBoardPermission();
+              _context16.t48 = this._securityStore.hasWaitingRoomPermission();
+              _context16.t49 = {
+                currentShareAudioProcessingChannel: _context16.t2,
+                currentShareId: _context16.t3,
+                currentShareType: _context16.t4,
+                shareWithAudio: _context16.t5,
+                cameraList: _context16.t6,
+                currentCameraId: _context16.t7,
+                isMuteVideo: _context16.t8,
+                microphoneList: _context16.t9,
+                speakerList: _context16.t10,
+                currentMicrophoneId: _context16.t11,
+                currentSpeakerId: _context16.t12,
+                isMuteAudio: _context16.t13,
+                localAudioVolume: _context16.t14,
+                userName: _context16.t15,
+                inviteLink: _context16.t16,
+                roomInfo: _context16.t17,
+                duration: _context16.t18,
+                startTime: _context16.t19,
+                isHost: _context16.t20,
+                showSecurity: _context16.t21,
+                allowChangeSelfName: _context16.t22,
+                allowChat: _context16.t23,
+                allowJoinWithMuteAudio: _context16.t24,
+                allowShareScreen: _context16.t25,
+                allowBoardWrite: _context16.t26,
+                allowUnmuteSelfVideo: _context16.t27,
+                allowUnmuteSelfAudio: _context16.t28,
+                isLockRoomEnabled: _context16.t29,
+                isWaitingRoomEnabled: _context16.t30,
+                videoSteamingUrl: _context16.t31,
+                videoStreamingKey: _context16.t32,
+                playUrl: _context16.t33,
+                liveStreamingState: _context16.t34,
+                isStartError: false,
+                hasStartCloudRecordingPermission: _context16.t35,
+                hasStartLiveStreamingPermission: _context16.t36,
+                hasStopLiveStreamingPermission: _context16.t37,
+                hasGetLiveStreamingLinkPermission: _context16.t38,
+                allApplicationWindows: _context16.t39,
+                connectType: _context16.t40,
+                hasEnableStartScreenSharePermission: _context16.t41,
+                hasPermissionToControlAllowSendAll: _context16.t42,
+                hasEnableStartAudioPermission: _context16.t43,
+                hasEnableChangeNamePermission: _context16.t44,
+                hasEnableStartVideoPermission: _context16.t45,
+                hasLockRoomPermission: _context16.t46,
+                hasAllowWriteBoardPermission: _context16.t47,
+                hasWaitingRoomPermission: _context16.t48
+              };
+              _context16.t50 = {
+                action: _context16.t1,
+                payload: _context16.t49
+              };
+              (0, _context16.t0)(_context16.t50);
+              window.runtime.browserWindow.setFullScreen(false);
+              window.runtime.browserWindow.hide();
+            case 63:
+            case "end":
+              return _context16.stop();
+          }
+        }, _callee16, this);
+      }));
+      function _initToolbar() {
+        return _initToolbar2.apply(this, arguments);
+      }
+      return _initToolbar;
+    }()
   }]);
 }();
 _ShareScreenStore = ShareScreenStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "showConfirm"], [_mobx.observable, 1, "shareControlBarActive"], [_mobx.observable, 1, "withAudio"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "title"], [_mobx.observable, 1, "localMicrophoneMute"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_sendLocalAudioStateEventDecs, 18, "sendLocalAudioStateEvent"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_startPreviewDecs, 18, "startPreview"], [_setShareControlBarActiveDecs, 18, "setShareControlBarActive"], [_setCurrentCameraIdDecs, 18, "setCurrentCameraId"], [_setCurrentSpeakerIdDecs, 18, "setCurrentSpeakerId"], [_setCurrentMicrophoneIdDecs, 18, "setCurrentMicrophoneId"], [_setAllowChangeSelfNameDecs, 18, "setAllowChangeSelfName"], [_setAllowChatDecs, 18, "setAllowChat"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_setAllowShareScreenDecs, 18, "setAllowShareScreen"], [_setAllowUnmuteSelfVideoDecs, 18, "setAllowUnmuteSelfVideo"], [_setAllowUnmuteSelfAudioDecs, 18, "setAllowUnmuteSelfAudio"], [_setLockRoomEnabledDecs, 18, "setLockRoomEnabled"], [_setWaitingRoomEnabledDecs, 18, "setWaitingRoomEnabled"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_openControlBarDecs, 18, "openControlBar"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_updateCameraListDecs, 18, "_updateCameraList"], [_updateMicrophoneListDecs, 18, "_updateMicrophoneList"], [_updateSpeakerListDecs, 18, "_updateSpeakerList"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_refreshLocalUserDecs, 18, "_refreshLocalUser"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 29);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ShareScreenStore, [[_mobx.observable, 1, "_shareSelectionDialogId"], [_mobx.observable, 1, "_controlBarDialogId"], [_mobx.observable, 1, "_videoWindowDialogId"], [_mobx.observable, 1, "_isHost"], [_mobx.observable, 1, "_shareLocked"], [_mobx.observable, 1, "_screenTrack"], [_mobx.observable, 1, "_shareAudioTrack"], [_mobx.observable, 1, "_localUser"], [_mobx.observable, 1, "screenSharingState"], [_mobx.observable, 1, "applicationCaptureSources"], [_mobx.observable, 1, "screenCaptureSources"], [_mobx.observable, 1, "hasScreenCapturePermission"], [_mobx.observable, 1, "showConfirm"], [_mobx.observable, 1, "shareControlBarActive"], [_mobx.observable, 1, "withAudio"], [_mobx.observable, 1, "currentShareAudioProcessingChannel"], [_mobx.observable, 1, "currentShareId"], [_mobx.observable, 1, "sharerId"], [_mobx.observable, 1, "currentShareType"], [_mobx.observable, 1, "currentSelection"], [_mobx.observable, 1, "currentSelectionType"], [_mobx.observable, 1, "shareWithAudio"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "title"], [_mobx.observable, 1, "localMicrophoneMute"], [_mobx.computed, 3, "localVideoState"], [_mobx.computed, 3, "localAudioState"], [_mobx.computed, 3, "localAudioVolume"], [_setShareWithAudioStateDecs, 18, "setShareWithAudioState"], [_setShareAudioProcessingChannelDecs, 18, "setShareAudioProcessingChannel"], [_decorator.bound, 2, "handlerBoardShareStop"], [_sendLocalAudioStateEventDecs, 18, "sendLocalAudioStateEvent"], [_decorator.bound, 2, "release"], [_handleCheckScreenCapturePermissionDecs, 18, "handleCheckScreenCapturePermission"], [_handleToSettingDecs, 18, "handleToSetting"], [_muteLocalAudioDecs, 18, "muteLocalAudio"], [_muteLocalVideoDecs, 18, "muteLocalVideo"], [_handleShareStartWithAudioDecs, 18, "handleShareStartWithAudio"], [_handleShareStopWithAudioDecs, 18, "handleShareStopWithAudio"], [_startPreviewDecs, 18, "startPreview"], [_setShareControlBarActiveDecs, 18, "setShareControlBarActive"], [_setCurrentCameraIdDecs, 18, "setCurrentCameraId"], [_setCurrentSpeakerIdDecs, 18, "setCurrentSpeakerId"], [_setCurrentMicrophoneIdDecs, 18, "setCurrentMicrophoneId"], [_setAllowChangeSelfNameDecs, 18, "setAllowChangeSelfName"], [_setAllowChatDecs, 18, "setAllowChat"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_setAllowShareScreenDecs, 18, "setAllowShareScreen"], [_setAllowUnmuteSelfVideoDecs, 18, "setAllowUnmuteSelfVideo"], [_setAllowUnmuteSelfAudioDecs, 18, "setAllowUnmuteSelfAudio"], [_setLockRoomEnabledDecs, 18, "setLockRoomEnabled"], [_openDialogDecs, 18, "openDialog"], [_decorator.bound, 2, "closeDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_closeShareScreenSelectionDecs, 18, "closeShareScreenSelection"], [_openControlBarDecs, 18, "openControlBar"], [_setControlBarWindowIdDecs, 18, "setControlBarWindowId"], [_openVideoWindowDialogDecs, 18, "openVideoWindowDialog"], [_closeControlBarDecs, 18, "closeControlBar"], [_closeVideoWindowDialogDecs, 18, "closeVideoWindowDialog"], [_setShareWithAudioDecs, 18, "setShareWithAudio"], [_setWithAudioStateDecs, 18, "_setWithAudioState"], [_handleShareScreenResourceDecs, 18, "handleShareScreenResource"], [_handleStartShareDecs, 18, "handleStartShare"], [_handleReplaceScreenDecs, 18, "handleReplaceScreen"], [_handleStopShareDecs, 18, "handleStopShare"], [_decorator.bound, 2, "_handleWebScreenCaptureStateUpdated"], [_handleScreenCaptureStateUpdatedDecs, 18, "_handleScreenCaptureStateUpdated"], [_updateCameraListDecs, 18, "_updateCameraList"], [_updateMicrophoneListDecs, 18, "_updateMicrophoneList"], [_updateSpeakerListDecs, 18, "_updateSpeakerList"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_setShareLockDecs, 18, "_setShareLock"], [_decorator.bound, 2, "_syncShareStreamState"], [_refreshLocalUserDecs, 18, "_refreshLocalUser"], [_handleChooseScreenDecs, 16, "handleChooseScreen"]], []).e, 29);
 _init__shareSelectionDialogId = _applyDecs$e[0];
 _init__controlBarDialogId = _applyDecs$e[1];
 _init__videoWindowDialogId = _applyDecs$e[2];

package/lib/modules/state-bar/index.css

@@ -486,7 +486,7 @@
 .fcr-state-bar__meeting-info-drop .fcr-drop-menu {
   width: 100%;
   border: 1px solid var(--fcr_ui_scene_line1);
-  box-shadow: 0 0 15px 0 var(--fcr_web_light_dropup_m);
+  box-shadow: var(--fcr_web_light_dropup_m);
 }
 .fcr-state-bar__meeting-info-drop .fcr-drop-menu-option-text {
   overflow: hidden;
@@ -527,7 +527,7 @@
 .fcr-state-bar__meeting-info-drop .fcr-drop-menu {
   width: 100%;
   border: 1px solid var(--fcr_ui_scene_line1);
-  box-shadow: 0 0 15px 0 var(--fcr_web_light_dropup_m);
+  box-shadow: var(--fcr_web_light_dropup_m);
 }
 .fcr-state-bar__meeting-info-drop .fcr-drop-menu-option-text {
   overflow: hidden;

package/lib/modules/state-bar/index.d.ts

@@ -3,11 +3,11 @@ import './index.css';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
 import { FcrUISceneConfig } from '../../type';
-import { FcrMainRoomControl } from 'agora-edu-core/lib/room-control/type';
+import { FcrMainRoomControl, FcrWaitingRoomControl } from 'agora-edu-core/lib/room-control/type';
 export declare class StateBarUIModule extends UIModule {
     private _store;
     constructor({ roomControl, uiEventStore, securityStore, config, }: {
-        roomControl: FcrMainRoomControl;
+        roomControl: FcrMainRoomControl | FcrWaitingRoomControl;
         uiEventStore: FcrUIEventStore;
         securityStore: FcrSecurityStore;
         config: FcrUISceneConfig;

package/lib/modules/state-bar/index.dev.js

@@ -37,7 +37,7 @@ window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default
         _context.next = 5;
         return engine.login();
       case 5:
-        roomControl = engine.createRoomControl(roomId);
+        roomControl = engine.createMainRoomControl(roomId);
         _context.next = 8;
         return roomControl.join({
           userRole: _type.FcrUserRole.HOST,

package/lib/modules/state-bar/meeting-detail.css

@@ -18,15 +18,17 @@
 }
 
 .meeting-details__content {
-  margin-top: 10px;
+  margin-top: 12px;
 }
 
 .meeting-details__content-meeting-subject {
   font-size: 12px;
-  font-weight: 500;
+  font-weight: 600;
   color: var(--fcr_ui_scene_icontext1, #ffffff);
   word-break: break-all;
   text-align: left;
+  min-height: 32px;
+  line-height: 32px;
 }
 
 .meeting-details__content-meeting-id,
@@ -78,8 +80,8 @@
 .meeting-details__content-meeting-id > div > svg:hover,
 .meeting-details__content-code > div > svg:hover,
 .meeting-details__content-share-link > div > svg:hover {
-  background-color: var(--fcr_web_ui_scene_hover, #c9cfe04d);
-  fill: var(--fcr_web_ui_scene_hover, #c9cfe04d);
+  background-color: var(--fcr_web_ui_scene_hover);
+  fill: var(--fcr_web_ui_scene_mainicon2);
 }
 
 .meeting-details__footer {

package/lib/modules/state-bar/meeting-details.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MeetingDetails = void 0;
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.replace.js");
 var _button = require("agora-ui-foundation/lib/components/button");
@@ -27,17 +28,21 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
     localUser = _useContext.localUser,
     roomInfo = _useContext.roomInfo,
     scheduleInfo = _useContext.scheduleInfo,
-    getShareLink = _useContext.getShareLink;
+    getShareLink = _useContext.getShareLink,
+    password = _useContext.password,
+    toastCopyInfo = _useContext.toastCopyInfo,
+    meetingId = _useContext.meetingId;
   var shareLink = (0, _react.useMemo)(function () {
     return getShareLink();
   }, []);
   if (!roomInfo || !localUser) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-  var displayMeetingId = roomInfo.roomId.replace(/(.{3})/g, '$1 ');
-  var detailText = t('fmt_sharing_label_invitationdetailed', {
+  var displayMeetingId = meetingId ? meetingId : roomInfo.roomId.replace(/(.{3})/g, '$1 ');
+  var detailText = t('fmt_link_invitation', {
     reason1: localUser.userName,
     reason2: roomInfo === null || roomInfo === void 0 ? void 0 : roomInfo.roomName,
     reason3: (0, _dayjs["default"])((_scheduleInfo$startTi = scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) !== null && _scheduleInfo$startTi !== void 0 ? _scheduleInfo$startTi : 0).format('YYYY-MM-DD HH:mm:ss'),
-    reason4: shareLink
+    reason4: shareLink,
+    reason5: !!password ? "".concat(t('fmt_meeting_creatpage_label_password'), ": ").concat(password) : ''
   });
   function handleCopyMeetingId(meetingId) {
     (0, _copyText.copyText)(meetingId).then(function () {
@@ -56,6 +61,13 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
       });
     });
   }
+  function handleCopyMeetingPassword(password) {
+    (0, _copyText.copyText)(password).then(function () {
+      toastCopyInfo('info', t('fmt_uimanager_tips_passwordcopied'));
+    })["catch"](function () {
+      toastCopyInfo('warn', t('fmt_settings_tips_passwordcopyfailed'));
+    });
+  }
   function handlerCopyMeetingShareLink(shareLink) {
     (0, _copyText.copyText)(shareLink).then(function () {
       _toast.FcrToastApi.open({
@@ -108,7 +120,7 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
           children: displayMeetingId
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           onClick: function onClick() {
-            return handleCopyMeetingId(roomInfo.roomId);
+            return handleCopyMeetingId(meetingId !== null && meetingId !== void 0 ? meetingId : roomInfo.roomId);
           },
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
             type: _type.FcrIconType.FCR_COPY,
@@ -130,6 +142,21 @@ var MeetingDetails = exports.MeetingDetails = (0, _mobxReact.observer)(function
             size: 22
           })
         })]
+      }), !!password && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "meeting-details__content-share-link",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+          children: t('fmt_meeting_creatpage_label_password')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: password
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          onClick: function onClick() {
+            return handleCopyMeetingPassword(password !== null && password !== void 0 ? password : '');
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+            type: _type.FcrIconType.FCR_COPY,
+            size: 22
+          })
+        })]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "meeting-details__footer",

package/lib/modules/state-bar/meeting-network-state.css

@@ -11,18 +11,28 @@
 .meeting-network-state__connection {
   display: flex;
   flex-direction: column;
+  align-items: start;
   border-radius: var(--fcr_cornerradius_l, 8px);
-  padding: 18px 15px;
+  padding: 18px 15px 20px 15px;
   background-color: var(--fcr_web_ui_scene_fill4_popup, #43434e);
 }
 
 .meeting-network-state__connection > label {
   font-size: 14px;
+  height: 30px;
+  line-height: 30px;
+  font-weight: 600;
+}
+
+.meeting-network-state__connection .meeting-network-state_text {
+  vertical-align: middle;
 }
 
 .meeting-network-state__connection > span {
-  margin-top: 8px;
+  margin-top: 6px;
   font-size: 22px;
+  font-weight: 600;
+  height: 24px;
 }
 
 .meeting-network-state__connection > span.excellent {
@@ -47,7 +57,7 @@
 }
 
 .meeting-network-state__loss-rate {
-  margin-bottom: 10px;
+  /* margin-bottom: 10px; */
 }
 
 .meeting-network-state__delay,
@@ -87,6 +97,7 @@
 .meeting-network-state__loss-rate__value > div {
   display: flex;
   line-height: 32px;
+  text-align: left;
 }
 
 .meeting-network-state__loss-rate__value > div > span:first-child {