fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib-es/modules/components/device-control/components/video-menu/index.js

@@ -19,7 +19,9 @@ var VideoMenu = observer(function (_ref) {
     openDeviceSettingDialog = _useContext.openDeviceSettingDialog,
     cameraList = _useContext.cameraList,
     cameraId = _useContext.cameraId,
-    setCameraId = _useContext.setCameraId;
+    setCameraId = _useContext.setCameraId,
+    isBeautyModeAbilitySupported = _useContext.isBeautyModeAbilitySupported,
+    isVirtualBackgroundSupported = _useContext.isVirtualBackgroundSupported;
   var cameraOptions = cameraList.map(function (device) {
     return {
       text: device.deviceName,
@@ -72,13 +74,13 @@ var VideoMenu = observer(function (_ref) {
       })
     }), /*#__PURE__*/_jsxs("div", {
       className: "fcr-device-popover-content-more",
-      children: [/*#__PURE__*/_jsx("div", {
+      children: [isVirtualBackgroundSupported && /*#__PURE__*/_jsx("div", {
         className: "fcr-device-popover-content-more-item",
         onClick: function onClick() {
           return openDeviceSetting('virtual-background');
         },
         children: transI18n('fmt_device_label_video_list_selectVirtualBackground')
-      }), /*#__PURE__*/_jsx("div", {
+      }), isBeautyModeAbilitySupported && /*#__PURE__*/_jsx("div", {
         className: "fcr-device-popover-content-more-item",
         onClick: function onClick() {
           return openDeviceSetting('beauty-filter');

package/lib-es/modules/components/device-control/store.base.js

@@ -80,6 +80,7 @@ export var DeviceControlStoreBase = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _B, _init_phoneMicEnabled(this, false));
     this._dialogProvider = objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
     this._deviceProvider = objectManager.getObject(FcrUIObjectKeys.P_DEVICE_PROVIDER);
+    this._abilityProvider = objectManager.getObject(FcrUIObjectKeys.P_ABILITY_PROVIDER);
     this._facilityProvider = objectManager.getObject(FcrUIObjectKeys.P_FACILITY_PROVIDER);
     var currentRoomProvider = objectManager.getObject(FcrUIObjectKeys.P_CURRENT_ROOM_CONTROL_PROVIDER);
     this._sharedSettingDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
@@ -117,6 +118,21 @@ export var DeviceControlStoreBase = /*#__PURE__*/function () {
     get: function get() {
       return this._deviceProvider.speakerList;
     }
+  }, {
+    key: "isCallOutAbilitySupported",
+    get: function get() {
+      return this._abilityProvider.isCallOutAbilitySupported();
+    }
+  }, {
+    key: "isVirtualBackgroundSupported",
+    get: function get() {
+      return this._abilityProvider.isVirtualBackgroundSupported();
+    }
+  }, {
+    key: "isBeautyModeAbilitySupported",
+    get: function get() {
+      return this._abilityProvider.isBeautyModeAbilitySupported();
+    }
   }, {
     key: "microphoneEnabled",
     get: function get() {
@@ -235,7 +251,7 @@ export var DeviceControlStoreBase = /*#__PURE__*/function () {
   }]);
 }();
 _DeviceControlStoreBase = DeviceControlStoreBase;
-var _applyDecs$e = _slicedToArray(_applyDecs(_DeviceControlStoreBase, [[observable, 1, "isPstnUser"], [observable, 1, "phoneMicEnabled"], [computed, 3, "microphoneId"], [computed, 3, "speakerId"], [computed, 3, "speakerList"], [computed, 3, "microphoneEnabled"], [computed, 3, "microphoneState"], [computed, 3, "microphoneDetecting"], [computed, 3, "cameraId"], [computed, 3, "cameraEnabled"], [computed, 3, "microphoneVolumeLevel"], [computed, 3, "microphoneList"], [computed, 3, "cameraList"], [computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [bound, 2, "stopAudioByComputer"], [bound, 2, "release"], [bound, 2, "_handleStreamUpdate"]], []).e, 3);
+var _applyDecs$e = _slicedToArray(_applyDecs(_DeviceControlStoreBase, [[observable, 1, "isPstnUser"], [observable, 1, "phoneMicEnabled"], [computed, 3, "microphoneId"], [computed, 3, "speakerId"], [computed, 3, "speakerList"], [computed, 3, "isCallOutAbilitySupported"], [computed, 3, "isVirtualBackgroundSupported"], [computed, 3, "isBeautyModeAbilitySupported"], [computed, 3, "microphoneEnabled"], [computed, 3, "microphoneState"], [computed, 3, "microphoneDetecting"], [computed, 3, "cameraId"], [computed, 3, "cameraEnabled"], [computed, 3, "microphoneVolumeLevel"], [computed, 3, "microphoneList"], [computed, 3, "cameraList"], [computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [bound, 2, "stopAudioByComputer"], [bound, 2, "release"], [bound, 2, "_handleStreamUpdate"]], []).e, 3);
 _init_isPstnUser = _applyDecs$e[0];
 _init_phoneMicEnabled = _applyDecs$e[1];
 _initProto = _applyDecs$e[2];

package/lib-es/modules/components/leave-meeting/index.css

@@ -0,0 +1,21 @@
+.fcr-end-meeting-container {
+  position: relative;
+  padding: 8px 20px 20px;
+  max-height: 368px;
+}
+
+.fcr-end-meeting-title {
+  width: 100%;
+  height: 39px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-family: Verdana;
+  font-size: 14px;
+  font-weight: 700;
+  line-height: 18.2px;
+  text-align: center;
+
+  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
+}

package/lib-es/modules/components/leave-meeting/index.js

@@ -1,18 +1,14 @@
 import { FcrUserRole } from 'fcr-core';
 import { AssignHost } from './components/assign-host';
-import { FcrCheckbox } from 'agora-ui-foundation/lib/components/checkbox';
-import classNames from 'classnames';
 import { observer } from 'mobx-react';
 import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { useContext, useEffect } from 'react';
 import { LeaveMeetingStoreContext } from './store.base';
-import { FcrButton } from 'agora-ui-foundation/lib/components/button';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ConfirmWrapper } from '../confirm-wrapper';
+import { jsx as _jsx } from "react/jsx-runtime";
 export var LeaveMeeting = observer(function (props) {
   var t = useI18n();
-  var _setPopoverOpened = props.setPopoverOpened,
-    onAssigned = props.onAssigned,
-    onLeave = props.onLeave;
+  var setPopoverOpened = props.setPopoverOpened;
   var _useContext = useContext(LeaveMeetingStoreContext),
     canAssign = _useContext.canAssign,
     keepConnect = _useContext.keepConnect,
@@ -22,16 +18,18 @@ export var LeaveMeeting = observer(function (props) {
     hasEndRoomPermission = _useContext.hasEndRoomPermission,
     isPstnUser = _useContext.isPstnUser,
     loading = _useContext.loading,
-    leave = _useContext.leave,
-    _assignHost = _useContext.assignHost,
+    exitMeeting = _useContext.exitMeeting,
+    assignHost = _useContext.assignHost,
     setCanAssign = _useContext.setCanAssign,
     setKeepConnect = _useContext.setKeepConnect,
     isAssignHostAvailable = _useContext.isAssignHostAvailable,
     showEndConfirmDialog = _useContext.showEndConfirmDialog;
-
+  var closePopover = function closePopover() {
+    setPopoverOpened === null || setPopoverOpened === void 0 || setPopoverOpened(false);
+  };
   // 结束会议
   var handleEnd = function handleEnd() {
-    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
+    closePopover();
     showEndConfirmDialog();
   };
 
@@ -40,109 +38,72 @@ export var LeaveMeeting = observer(function (props) {
     if (hostAvailibleRemoteUsers.length > 0 && isAssignHostAvailable) {
       setCanAssign(true);
     } else {
-      leave();
-      _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
-      onLeave === null || onLeave === void 0 || onLeave();
+      leaveMeeting();
     }
   };
-  var handleConfirm = function handleConfirm() {
-    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
-    leave();
-    onLeave === null || onLeave === void 0 || onLeave();
+  var leaveMeeting = function leaveMeeting() {
+    closePopover();
+    exitMeeting();
   };
   var handleCancel = function handleCancel() {
-    _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
+    closePopover();
   };
   useEffect(function () {
     return setCanAssign(false);
   }, []);
   if (localUserRole === FcrUserRole.HOST) {
-    return /*#__PURE__*/_jsx("div", {
-      children: canAssign ? /*#__PURE__*/_jsx(AssignHost, {
-        setPopoverOpened: function setPopoverOpened() {
-          return _setPopoverOpened === null || _setPopoverOpened === void 0 ? void 0 : _setPopoverOpened(false);
-        },
-        setCanAssign: setCanAssign,
-        remoteUsers: hostAvailibleRemoteUsers,
-        assignHost: function assignHost(user) {
-          _assignHost(user);
-          onAssigned === null || onAssigned === void 0 || onAssigned();
+    return canAssign ? /*#__PURE__*/_jsx(AssignHost, {
+      setPopoverOpened: closePopover,
+      setCanAssign: setCanAssign,
+      remoteUsers: hostAvailibleRemoteUsers,
+      assignHost: assignHost,
+      loading: loading
+    }) : /*#__PURE__*/_jsx(ConfirmWrapper, {
+      title: t('fmt_actionbar_labels_endmeeting'),
+      checkboxProps: {
+        label: t('fmt_pstn_status_maitain'),
+        checked: keepConnect,
+        onChange: function onChange(checked) {
+          return setKeepConnect(checked);
         },
-        loading: loading
-      }) : /*#__PURE__*/_jsxs("div", {
-        className: "leave-container",
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "leave-title",
-          children: t('fmt_actionbar_labels_endmeeting')
-        }), isPstnUser && /*#__PURE__*/_jsx("div", {
-          className: "leave-connect-check",
-          children: /*#__PURE__*/_jsx(FcrCheckbox, {
-            label: t('fmt_pstn_status_maitain'),
-            checked: keepConnect,
-            onChange: function onChange(checked) {
-              return setKeepConnect(checked);
-            }
-          })
-        }), hasEndRoomPermission && /*#__PURE__*/_jsx(FcrButton, {
-          styleType: "danger",
-          size: "S",
-          shape: "rounded",
-          className: classNames('leave-confirm', {
-            'leave-confirm-disabled': keepConnect
-          }),
-          onClick: !keepConnect ? handleEnd : undefined,
-          children: t('fmt_popup_button_endmeeting')
-        }), /*#__PURE__*/_jsx("div", {
-          className: "leave-cancel",
-          onClick: function onClick(e) {
-            e.stopPropagation();
-            handleLeave();
-          },
-          children: t('fmt_popup_button_leavemeeting')
-        })]
-      })
+        isHidden: !isPstnUser
+      },
+      confirmBtnProps: {
+        text: t('fmt_popup_button_endmeeting'),
+        onClick: !keepConnect ? handleEnd : undefined,
+        disabled: keepConnect,
+        isHidden: !hasEndRoomPermission
+      },
+      secondaryConfirmBtnProps: {
+        text: t('fmt_popup_button_leavemeeting'),
+        onClick: function onClick(e) {
+          e === null || e === void 0 || e.stopPropagation();
+          handleLeave();
+        }
+      }
     });
   }
-  return /*#__PURE__*/_jsx("div", {
-    children: /*#__PURE__*/_jsxs("div", {
-      className: "leave-container"
-      // TODO: 是否需要
-      // onMouseEnter={() => {
-      //   window.runtime?.browserWindow?.setIgnoreMouseEvents(false);
-      // }}
-      ,
-      onBlur: function onBlur() {
-        _setPopoverOpened === null || _setPopoverOpened === void 0 || _setPopoverOpened(false);
+  return /*#__PURE__*/_jsx(ConfirmWrapper, {
+    onBlur: function onBlur() {
+      setPopoverOpened === null || setPopoverOpened === void 0 || setPopoverOpened(false);
+    },
+    title: isLocked ? t('fmt_actionbar_tips_locked') : t('fmt_actionbar_tips_leavemeeting'),
+    description: isLocked ? t('fmt_actionbar_tips_recheckleave') : undefined,
+    checkboxProps: {
+      label: t('fmt_pstn_status_maitain'),
+      checked: keepConnect,
+      onChange: function onChange(checked) {
+        return setKeepConnect(checked);
       },
-      children: [isLocked ? /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "assistant-leave-lock-info",
-          children: t('fmt_actionbar_tips_locked')
-        }), /*#__PURE__*/_jsx("div", {
-          className: "assistant-lock-leave-title",
-          children: t('fmt_actionbar_tips_recheckleave')
-        })]
-      }) : /*#__PURE__*/_jsx("div", {
-        className: "leave-title",
-        children: t('fmt_actionbar_tips_leavemeeting')
-      }), isPstnUser && /*#__PURE__*/_jsx("div", {
-        className: "leave-connect-check",
-        children: /*#__PURE__*/_jsx(FcrCheckbox, {
-          label: t('fmt_pstn_status_maitain'),
-          checked: keepConnect,
-          onChange: function onChange(checked) {
-            return setKeepConnect(checked);
-          }
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: "leave-confirm",
-        onClick: handleConfirm,
-        children: t('fmt_actionbar__button_leaveyes')
-      }), /*#__PURE__*/_jsx("div", {
-        className: "leave-cancel",
-        onClick: handleCancel,
-        children: t('fmt_actionbar__button_leaveno')
-      })]
-    })
+      isHidden: !isPstnUser
+    },
+    confirmBtnProps: {
+      text: t('fmt_actionbar__button_leaveyes'),
+      onClick: leaveMeeting
+    },
+    cancelBtnProps: {
+      text: t('fmt_actionbar__button_leaveno'),
+      onClick: handleCancel
+    }
   });
 });

package/lib-es/modules/components/leave-meeting/portal.js

@@ -1,11 +1,10 @@
 import { LeaveMeeting } from '.';
-import { isWindows } from '../../../utilities/platform';
+import { isWindows } from 'agora-foundation/lib/utilities/env';
 import './style.css';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var LeaveMeetingPortal = function LeaveMeetingPortal(props) {
   var setPopoverOpened = props.setPopoverOpened,
-    children = props.children,
-    onLeave = props.onLeave;
+    children = props.children;
   return /*#__PURE__*/_jsx("div", {
     className: "fcr-action-bar--leave-meeting-portal",
     id: "fcr-action-bar--leave-meeting-portal",
@@ -15,8 +14,7 @@ export var LeaveMeetingPortal = function LeaveMeetingPortal(props) {
       left: '10px'
     },
     children: children || /*#__PURE__*/_jsx(LeaveMeeting, {
-      setPopoverOpened: setPopoverOpened,
-      onLeave: onLeave
+      setPopoverOpened: setPopoverOpened
     })
   });
 };

package/lib-es/modules/components/leave-meeting/store.base.js

@@ -36,7 +36,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _LeaveMeetingStoreBase;
-var _initProto, _init_keepConnect, _init_canAssign, _init_loading, _showEndConfirmDialogDecs, _assignHostDecs, _setIsSelfEndMeetingDecs, _leaveDecs, _keepPhoneAudioConnectionDecs, _setCanAssignDecs, _setKeepConnectDecs, _endDecs, _ref;
+var _initProto, _init_keepConnect, _init_canAssign, _init_loading, _showEndConfirmDialogDecs, _assignHostDecs, _endMeetingDecs, _exitMeetingDecs, _keepPhoneAudioConnectionDecs, _setCanAssignDecs, _setKeepConnectDecs, _ref;
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.array.some.js";
@@ -68,7 +68,7 @@ import { sleep } from 'fcr-core/lib/imports';
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-_ref = (_showEndConfirmDialogDecs = [action, action.bound], _assignHostDecs = [action, action.bound], _setIsSelfEndMeetingDecs = [action, action.bound], _leaveDecs = [action, action.bound], _keepPhoneAudioConnectionDecs = [action, action.bound], _setCanAssignDecs = [action, action.bound], _setKeepConnectDecs = [action, action.bound], _endDecs = [action, action.bound], "_roomControl");
+_ref = (_showEndConfirmDialogDecs = [action, action.bound], _assignHostDecs = [action, action.bound], _endMeetingDecs = [action, action.bound], _exitMeetingDecs = [action, action.bound], _keepPhoneAudioConnectionDecs = [action, action.bound], _setCanAssignDecs = [action, action.bound], _setKeepConnectDecs = [action, action.bound], "_roomControl");
 export var LeaveMeetingStoreBase = /*#__PURE__*/function () {
   function LeaveMeetingStoreBase(_ref2) {
     var objectManager = _ref2.objectManager;
@@ -136,52 +136,70 @@ export var LeaveMeetingStoreBase = /*#__PURE__*/function () {
   }, {
     key: "showEndConfirmDialog",
     value: function showEndConfirmDialog() {
-      this._dialogProvider.openDialog(FcrUIDialogKey.LEAVE_MEETING);
+      this._dialogProvider.openDialog(FcrUIDialogKey.CONFIRM_END_MEETING);
     }
   }, {
     key: "assignHost",
     value: function assignHost(user) {
       this._userControl.updateRemoteUserRole(user.userId, FcrUserRole.HOST);
-      this.leave();
+      this.exitMeeting();
     }
   }, {
-    key: "setIsSelfEndMeeting",
-    value: function setIsSelfEndMeeting(value) {
-      this._roomProvider.setIsSelfEndMeeting(value);
-    }
-  }, {
-    key: "leave",
+    key: "endMeeting",
     value: function () {
-      var _leave = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _t;
+      var _endMeeting = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.next = 1;
               return this._checkIfQuitFullScreen();
+            case 1:
+              this._roomProvider.closeRoom();
+              this.resetPreventClose();
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function endMeeting() {
+        return _endMeeting.apply(this, arguments);
+      }
+      return endMeeting;
+    }()
+  }, {
+    key: "exitMeeting",
+    value: function () {
+      var _exitMeeting = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+        var _t;
+        return _regeneratorRuntime.wrap(function (_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 1;
+              return this._checkIfQuitFullScreen();
             case 1:
               this.loading = true;
               _t = this.keepConnect && this.isPstnUser;
               if (!_t) {
-                _context.next = 2;
+                _context2.next = 2;
                 break;
               }
-              _context.next = 2;
-              return this.keepPhoneAudioConnection();
+              _context2.next = 2;
+              return this._keepPhoneAudioConnection();
             case 2:
               this.loading = false;
               this._roomProvider.exitRoom();
               this.resetPreventClose();
             case 3:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
-      function leave() {
-        return _leave.apply(this, arguments);
+      function exitMeeting() {
+        return _exitMeeting.apply(this, arguments);
       }
-      return leave;
+      return exitMeeting;
     }() // TODO 等候室和主窗口的scene不需要有父store
     // 并且这里的base命名会和现在base/Electron/Browser 冲突，会让人以为是解决平台的逻辑
   }, {
@@ -199,23 +217,23 @@ export var LeaveMeetingStoreBase = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "keepPhoneAudioConnection",
+    key: "_keepPhoneAudioConnection",
     value: function () {
-      var _keepPhoneAudioConnection = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _keepPhoneAudioConnection2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+        return _regeneratorRuntime.wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              return _context2.abrupt("return", this._streamControl.splitAudioStream(this.localUserId));
+              return _context3.abrupt("return", this._streamControl.splitAudioStream(this.localUserId));
             case 1:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
-      function keepPhoneAudioConnection() {
-        return _keepPhoneAudioConnection.apply(this, arguments);
+      function _keepPhoneAudioConnection() {
+        return _keepPhoneAudioConnection2.apply(this, arguments);
       }
-      return keepPhoneAudioConnection;
+      return _keepPhoneAudioConnection;
     }()
   }, {
     key: "setCanAssign",
@@ -227,30 +245,6 @@ export var LeaveMeetingStoreBase = /*#__PURE__*/function () {
     value: function setKeepConnect(value) {
       this.keepConnect = value;
     }
-  }, {
-    key: "end",
-    value: function () {
-      var _end = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
-        return _regeneratorRuntime.wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 1;
-              return this._checkIfQuitFullScreen();
-            case 1:
-              this._roomControl.close();
-              this._roomProvider.exitRoom();
-              this.resetPreventClose();
-            case 2:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3, this);
-      }));
-      function end() {
-        return _end.apply(this, arguments);
-      }
-      return end;
-    }()
   }, {
     key: "release",
     value: function release() {}
@@ -291,7 +285,7 @@ export var LeaveMeetingStoreBase = /*#__PURE__*/function () {
   }]);
 }();
 _LeaveMeetingStoreBase = LeaveMeetingStoreBase;
-var _applyDecs$e = _slicedToArray(_applyDecs(_LeaveMeetingStoreBase, [[observable, 1, "keepConnect"], [observable, 1, "canAssign"], [observable, 1, "loading"], [computed, 3, "isAssignHostAvailable"], [_showEndConfirmDialogDecs, 18, "showEndConfirmDialog"], [_assignHostDecs, 18, "assignHost"], [_setIsSelfEndMeetingDecs, 18, "setIsSelfEndMeeting"], [_leaveDecs, 18, "leave"], [_keepPhoneAudioConnectionDecs, 18, "keepPhoneAudioConnection"], [_setCanAssignDecs, 18, "setCanAssign"], [_setKeepConnectDecs, 18, "setKeepConnect"], [_endDecs, 18, "end"]], []).e, 4);
+var _applyDecs$e = _slicedToArray(_applyDecs(_LeaveMeetingStoreBase, [[observable, 1, "keepConnect"], [observable, 1, "canAssign"], [observable, 1, "loading"], [computed, 3, "isAssignHostAvailable"], [_showEndConfirmDialogDecs, 18, "showEndConfirmDialog"], [_assignHostDecs, 18, "assignHost"], [_endMeetingDecs, 18, "endMeeting"], [_exitMeetingDecs, 18, "exitMeeting"], [_keepPhoneAudioConnectionDecs, 18, "_keepPhoneAudioConnection"], [_setCanAssignDecs, 18, "setCanAssign"], [_setKeepConnectDecs, 18, "setKeepConnect"]], []).e, 4);
 _init_keepConnect = _applyDecs$e[0];
 _init_canAssign = _applyDecs$e[1];
 _init_loading = _applyDecs$e[2];

package/lib-es/modules/components/leave-meeting/style.css

@@ -1,5 +1,4 @@
 .fcr-action-bar--leave-meeting-portal {
-  width: 280px;
   position: absolute;
   top: 2px;
   z-index: 999;

package/lib-es/modules/components/member-window/components/member-actions/components/more-actions.js

@@ -9,7 +9,7 @@ import { FcrParticipantsMoreActions } from 'agora-ui-foundation/lib/components/p
 import { FcrRoomConnectorType, FcrPrivilegeUserRole, FcrUserRole } from 'fcr-core';
 import { useMemberWindowActionsStore } from '../provider';
 import { observer } from 'mobx-react';
-import { actionMute } from '../../../../../../utilities/mute-action';
+import { actionMute } from 'agora-ui-foundation/lib/utilities/mute-action';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var EMPTY_HIDE_ACTIONS = [];
 export var MoreActions = observer(function (_ref) {
@@ -71,6 +71,7 @@ export var MoreActions = observer(function (_ref) {
     store.muteAudio(store.hasMicrophoneAudioStream, store.userId);
   };
   var onParticipantsButtonClick = useCallback(function (action, userId) {
+    onVisibleChange(false);
     store.sendParticipantEvent({
       action: action,
       userId: userId

package/lib-es/modules/components/member-window/components/member-actions/provider.js

@@ -4,7 +4,7 @@ import "core-js/modules/es.error.to-string.js";
 import "core-js/modules/web.timers.js";
 import React, { useEffect, useState, useContext, useMemo } from 'react';
 import { MemberWindowActionsStore, MemberWindowActionsStoreContext } from './store';
-import { useWindowFocus } from '../../../../../utilities/hooks';
+import { useWindowFocus } from 'agora-ui-foundation/lib/utilities/hooks';
 import { jsx as _jsx } from "react/jsx-runtime";
 var HideControlsTimeout = 3000;
 export var MemberWindowActionsProvider = function MemberWindowActionsProvider(_ref) {

package/lib-es/modules/components/member-window/index.js

@@ -26,16 +26,16 @@ import "core-js/modules/esnext.set.symmetric-difference.js";
 import "core-js/modules/esnext.set.union.v2.js";
 import "core-js/modules/esnext.set.union.js";
 import "core-js/modules/web.dom-collections.iterator.js";
-import classNames from 'classnames';
-import { observer } from 'mobx-react';
 import { FcrAvatar } from 'agora-ui-foundation/lib/components/avatar';
 import { FcrIcon } from 'agora-ui-foundation/lib/components/icon';
 import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
 import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
 import { useI18n } from 'agora-ui-foundation/lib/i18n';
-import './index.css';
+import classNames from 'classnames';
 import { FcrRoomConnectorType, FcrVideoSourceType } from 'fcr-core';
+import { observer } from 'mobx-react';
 import { FcrUIVideoPlayer } from './components/video-player';
+import './index.css';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var MinAvatarSize = 53;
 export var MaxAvatarSize = 175;

package/lib-es/modules/components/security-menu/store.js

@@ -63,6 +63,7 @@ import { FcrUIObjectKeys } from '../../../object-manager';
 import { transI18n } from 'agora-ui-foundation/lib/i18n';
 import { createContext } from 'react';
 import { FcrUIAction } from '../../../utilities/constant';
+import { FcrUIToastKey } from '../../toast-manager/type';
 _ref = (_showLockedRoomToastDecs = [action, action.bound], _setCheckedStateMapDecs = [action, action.bound], _setAllowAnnotationDecs = [action, action.bound], _setLockRoomEnabledDecs = [action, action.bound], _setAllowChatDecs = [action, action.bound], _setAllowUnmuteSelfAudioDecs = [action, action.bound], _setAllowUnmuteSelfVideoDecs = [action, action.bound], _setAllowShareScreenDecs = [action, action.bound], _setAllowWriteBoardDecs = [action, action.bound], _hasLockRoomPermissionDecs = [action, action.bound], _hasEnableStartAudioPermissionDecs = [action, action.bound], _hasEnableStartVideoPermissionDecs = [action, action.bound], _hasAllowWriteBoardPermissionDecs = [action, action.bound], _hasWaitingRoomPermissionDecs = [action, action.bound], _hasJoinWithPromptSoundPermissionDecs = [action, action.bound], _isWaterMarkEnabledDecs = [action, action.bound], _setAllowWaterMarkLineDecs = [action, action.bound], _setAllowWaterMarkDecs = [action, action.bound], _hasWatermarkEnablePermissionDecs = [action, action.bound], _hasWatermarkDisablePermissionDecs = [action, action.bound], _hasEnableStartScreenSharePermissionDecs = [action, action.bound], _hasPermissionToControlAllowSendAllDecs = [action, action.bound], _hasAllowChangeNamePermissionDecs = [action, action.bound], _hasDisallowChangeNamePermissionDecs = [action, action.bound], _setAllowChangeSelfNameDecs = [action, action.bound], _hasEnableJoinWithAudioPermissionDecs = [action, action.bound], _hasEnableJoinWithVideoPermissionDecs = [action, action.bound], _setAllowJoinWithMuteAudioDecs = [action, action.bound], _setAllowJoinWithMutedVideoDecs = [action, action.bound], _hasEnableTranscribePermissionDecs = [action, action.bound], _isTranscribeSupportedDecs = [action, action.bound], _isCaptionSupportedDecs = [action, action.bound], _isSourceLanguageSupportedDecs = [action, action.bound], _allowStartTranscribeDecs = [action, action.bound], _hasEnableCaptionPermissionDecs = [action, action.bound], _allowStartCaptionDecs = [action, action.bound], _hasEnableSourceLanguagePermissionDecs = [action, action.bound], _allowSetSourceLanguageDecs = [action, action.bound], _setEnableWaitingRoomDecs = [action, action.bound], _setAllowJoinWithPromptSoundDecs = [action, action.bound], "_abilityProvider");
 var SecurityMenuStore = /*#__PURE__*/function () {
   function SecurityMenuStore(_ref2) {
@@ -82,9 +83,8 @@ var SecurityMenuStore = /*#__PURE__*/function () {
   return _createClass(SecurityMenuStore, [{
     key: "showLockedRoomToast",
     value: function showLockedRoomToast(enable) {
-      this._messageProvider.showToast({
-        type: 'info',
-        message: enable ? transI18n('fmt_security_tips_lock_meeting_on') : transI18n('fmt_uimanager_tips_meetingunlocked')
+      this._messageProvider.showToastByKey({
+        key: enable ? FcrUIToastKey.FMT_SECURITY_TIPS_LOCK_MEETING_ON : FcrUIToastKey.FMT_UIMANAGER_TIPS_MEETINGUNLOCKED
       });
     }
   }, {
@@ -345,9 +345,8 @@ var SecurityMenuStore = /*#__PURE__*/function () {
               _context.next = 2;
               return this._mainRoomControl.enableWaitingRoom(enable);
             case 2:
-              this._messageProvider.showToast({
-                type: 'normal',
-                message: transI18n('fmt_waitingroom_mobile_setting_tips_disable')
+              this._messageProvider.showToastByKey({
+                key: FcrUIToastKey.FMT_WAITINGROOM_MOBILE_SETTING_TIPS_DISABLE
               });
             case 3:
               _context.next = 6;
@@ -356,9 +355,8 @@ var SecurityMenuStore = /*#__PURE__*/function () {
               _context.next = 5;
               return this._mainRoomControl.enableWaitingRoom(enable);
             case 5:
-              this._messageProvider.showToast({
-                type: 'normal',
-                message: transI18n('fmt_waitingroom_setting_tips_enable')
+              this._messageProvider.showToastByKey({
+                key: FcrUIToastKey.FMT_WAITINGROOM_SETTING_TIPS_ENABLE
               });
             case 6:
             case "end":

package/lib-es/modules/components/tab-frame/index.css

@@ -1,8 +1,8 @@
 .fcr-tabs-frame {
   display: flex;
   flex-direction: column;
-  /* height: 100%; */
-  width: 100%;
+  height: 100%;
+  width: 400px;
 }
 
 .fcr-tabs-frame-tabs {

package/lib-es/modules/connection-gateway/components/phone/index.js

@@ -7,6 +7,7 @@ import "core-js/modules/esnext.iterator.map.js";
 import { FcrButton } from 'agora-ui-foundation/lib/components/button';
 import FcrDivider from 'agora-ui-foundation/lib/components/divider';
 import { FcrZonePhone } from 'agora-ui-foundation/lib/components/zone-phone';
+import { isPhoneNumber } from 'agora-foundation/lib/utilities/regex';
 import { CallingPhone } from './components/calling';
 import ConnectionInfo from './components/callinfo';
 import { observer } from 'mobx-react';
@@ -15,7 +16,6 @@ import { ConnectionRemember } from './components/remeber';
 import { useContext, useEffect, useState } from 'react';
 import { StoreContext } from '../../store';
 import { FcrRoomConnectorSessionReason, FcrRoomConnectorSessionState } from 'fcr-core/lib/room-control/room-connector-control/type';
-import { isPhoneNumber } from '../../../../utilities/regex';
 import './index.css';
 import { useI18n } from 'agora-ui-foundation/lib/i18n';
 import { FcrUIConnectType } from '../../../../type';