fcr-ui-scene 3.4.1 → 3.4.2

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

@@ -8,6 +8,7 @@ require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.number.constructor.js");
@@ -38,7 +39,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.DeviceControlStoreContext = exports.DeviceControlStore = void 0;
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
@@ -55,11 +55,10 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _react = require("react");
 var _fcrCore = require("fcr-core");
 var _mobx = require("mobx");
-var _constant = require("../../../utilities/constant");
 var _type = require("agora-rte-sdk/lib/core/scene/type");
-var _type2 = require("fcr-core/lib/room-control/type");
 var _env = require("agora-foundation/lib/utilities/env");
 var _decorator = require("agora-foundation/lib/decorator");
+var _constant = require("../../../utilities/constant");
 var _DeviceControlStore;
 var _initProto, _init_isPstnUser, _init_phoneMicEnabled, _openDeviceSettingDialogDecs, _openConnectionDecs, _closeConnectionDecs, _checkMediaPermissionDecs, _enableCameraDecs, _enableMicrophoneDecs, _setSpeakerIdDecs, _setMicrophoneIdDecs, _setCameraIdDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -76,22 +75,20 @@ var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 _ref = (_openDeviceSettingDialogDecs = [_mobx.action, _mobx.action.bound], _openConnectionDecs = [_mobx.action, _mobx.action.bound], _closeConnectionDecs = [_mobx.action, _mobx.action.bound], _checkMediaPermissionDecs = [_mobx.action, _mobx.action.bound], _enableCameraDecs = [_mobx.action, _mobx.action.bound], _enableMicrophoneDecs = [_mobx.action, _mobx.action.bound], _setSpeakerIdDecs = [_mobx.action, _mobx.action.bound], _setMicrophoneIdDecs = [_mobx.action, _mobx.action.bound], _setCameraIdDecs = [_mobx.action, _mobx.action.bound], "_connectionWindowId");
 var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
-  function DeviceControlStore(_mediaControl, _roomControl, _userControl, _streamControl, _deviceStreamStore, _uiEventStore, _deviceStore) {
+  function DeviceControlStore(_roomControl, _deviceProvider, _eventProvider, _deviceStreamProvider, _sharedDevicePrivilegeDataSource) {
     (0, _classCallCheck2["default"])(this, DeviceControlStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), ''));
     _classPrivateFieldInitSpec(this, _A, _init_isPstnUser(this, false));
     _classPrivateFieldInitSpec(this, _B, _init_phoneMicEnabled(this, false));
-    this._mediaControl = _mediaControl;
     this._roomControl = _roomControl;
-    this._userControl = _userControl;
-    this._streamControl = _streamControl;
-    this._deviceStreamStore = _deviceStreamStore;
-    this._uiEventStore = _uiEventStore;
-    this._deviceStore = _deviceStore;
-    this._streamControl.addObserver({
-      onStreamsAdded: this._handleStreamUpdate.bind(this),
-      onStreamsRemoved: this._handleStreamUpdate.bind(this),
-      onStreamsUpdated: this._handleStreamUpdate.bind(this)
+    this._deviceProvider = _deviceProvider;
+    this._eventProvider = _eventProvider;
+    this._deviceStreamProvider = _deviceStreamProvider;
+    this._sharedDevicePrivilegeDataSource = _sharedDevicePrivilegeDataSource;
+    this._roomControl.getStreamControl().addObserver({
+      onStreamsAdded: this._handleStreamUpdate,
+      onStreamsRemoved: this._handleStreamUpdate,
+      onStreamsUpdated: this._handleStreamUpdate
     });
   }
   return (0, _createClass2["default"])(DeviceControlStore, [{
@@ -113,69 +110,69 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
   }, {
     key: "microphoneId",
     get: function get() {
-      return this._deviceStore.microphoneId;
+      return this._deviceProvider.microphoneId;
     }
   }, {
     key: "speakerId",
     get: function get() {
-      return this._deviceStore.speakerId;
+      return this._deviceProvider.speakerId;
     }
   }, {
     key: "speakerList",
     get: function get() {
-      return this._deviceStore.speakerList;
+      return this._deviceProvider.speakerList;
     }
   }, {
     key: "microphoneEnabled",
     get: function get() {
-      return this._deviceStore.microphoneEnabled;
+      return this._deviceProvider.microphoneEnabled;
     }
   }, {
     key: "cameraId",
     get: function get() {
-      return this._deviceStore.cameraId;
+      return this._deviceProvider.cameraId;
     }
   }, {
     key: "cameraEnabled",
     get: function get() {
-      return this._deviceStore.cameraEnabled;
+      return this._deviceProvider.cameraEnabled;
     }
   }, {
     key: "microphoneVolumeLevel",
     get: function get() {
-      return this._deviceStore.microphoneVolumeLevel;
+      return this._deviceProvider.microphoneVolumeLevel;
     }
   }, {
     key: "microphoneList",
     get: function get() {
-      return this._deviceStore.microphoneList;
+      return this._deviceProvider.microphoneList;
     }
   }, {
     key: "cameraList",
     get: function get() {
-      return this._deviceStore.cameraList;
+      return this._deviceProvider.cameraList;
     }
   }, {
     key: "connectType",
     get: function get() {
-      return this._deviceStore.connectType;
+      return this._deviceProvider.connectType;
     }
   }, {
     key: "openDeviceSettingDialog",
     value: function openDeviceSettingDialog(arg) {
-      this._uiEventStore.openDeviceSettingDialog(arg);
+      this._eventProvider.openDeviceSettingDialog(arg);
     }
   }, {
     key: "openConnection",
     value: function openConnection(type) {
-      this._connectionWindowId = this._uiEventStore.openDialog(_constant.DialogKey.CONNECTION_GATEWAY, '', {
+      this._connectionWindowId = this._eventProvider.openDialog(_constant.FcrUIDialogKey.CONNECTION_GATEWAY, '', {
         type: type
       });
     }
   }, {
     key: "closeConnection",
     value: function closeConnection() {
-      this._uiEventStore.closeDialog(this._connectionWindowId);
+      this._eventProvider.closeDialog(this._connectionWindowId);
     }
   }, {
     key: "checkMediaPermission",
@@ -184,7 +181,7 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
       if ((0, _env.isElectron)()) {
         window.runtime.checkMediaPermission(mediaType).then(function (hasPermission) {
           if (!hasPermission) {
-            _this._uiEventStore.openDialog(_constant.DialogKey.SYSTEM_PREFERENCE, '', mediaType);
+            _this._eventProvider.openDialog(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE, '', mediaType);
           }
         });
       }
@@ -192,50 +189,50 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
   }, {
     key: "enableCamera",
     value: function enableCamera(enable) {
-      var _this$_roomControl$ge;
-      if (((_this$_roomControl$ge = this._roomControl.getRoomInfo()) === null || _this$_roomControl$ge === void 0 ? void 0 : _this$_roomControl$ge.roomType) === _type2.FcrRoomType.Mainroom) {
-        this._deviceStreamStore.enableCameraWithStream(enable);
-      } else {
-        this._deviceStore.setCameraEnabled(enable);
-      }
+      this._deviceStreamProvider.enableCameraWithPreCheck(enable);
     }
   }, {
     key: "enableMicrophone",
     value: function enableMicrophone(enable) {
-      var _this$_roomControl$ge2;
-      if (((_this$_roomControl$ge2 = this._roomControl.getRoomInfo()) === null || _this$_roomControl$ge2 === void 0 ? void 0 : _this$_roomControl$ge2.roomType) === _type2.FcrRoomType.Mainroom) {
-        this._deviceStreamStore.enableMicrophoneWithStream(enable);
-      } else {
-        this._deviceStore.setMicrophoneEnabled(enable);
-      }
+      this._deviceStreamProvider.enableMicrophoneWithPreCheck(enable);
+      this._sharedDevicePrivilegeDataSource.setShouldIncludeMicrophone(true);
     }
   }, {
     key: "setSpeakerId",
     value: function setSpeakerId(speakerId) {
-      this._deviceStore.setSpeakerId(speakerId);
+      this._deviceProvider.setSpeakerId(speakerId);
     }
   }, {
     key: "setMicrophoneId",
     value: function setMicrophoneId(microphoneId) {
-      this._deviceStore.setMicrophoneId(microphoneId);
+      this._deviceProvider.setMicrophoneId(microphoneId);
     }
   }, {
     key: "setCameraId",
     value: function setCameraId(cameraId) {
-      this._deviceStore.setCameraId(cameraId);
+      this._deviceProvider.setCameraId(cameraId);
     }
   }, {
     key: "stopAudioByComputer",
     value: function stopAudioByComputer() {
-      this._deviceStore.stopAudioByComputer();
+      this._deviceProvider.disconnectAudio();
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this._roomControl.getStreamControl().removeObserver({
+        onStreamsAdded: this._handleStreamUpdate,
+        onStreamsRemoved: this._handleStreamUpdate,
+        onStreamsUpdated: this._handleStreamUpdate
+      });
     }
   }, {
     key: "_handleStreamUpdate",
     value: function _handleStreamUpdate() {
-      var _this$_userControl;
-      var _this$_userControl$ge = (_this$_userControl = this._userControl) === null || _this$_userControl === void 0 ? void 0 : _this$_userControl.getLocalUser(),
-        userId = _this$_userControl$ge.userId;
-      var streams = this._streamControl.getStreamsByUserId(userId);
+      var _this$_roomControl$ge2;
+      var _this$_roomControl$ge = (_this$_roomControl$ge2 = this._roomControl.getUserControl()) === null || _this$_roomControl$ge2 === void 0 ? void 0 : _this$_roomControl$ge2.getLocalUser(),
+        userId = _this$_roomControl$ge.userId;
+      var streams = this._roomControl.getStreamControl().getStreamsByUserId(userId);
       var pstnStream = streams.find(function (_ref2) {
         var connectorType = _ref2.connectorType;
         return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
@@ -249,7 +246,7 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
   }]);
 }();
 _DeviceControlStore = DeviceControlStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DeviceControlStore, [[_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_enableCameraDecs, 18, "enableCamera"], [_enableMicrophoneDecs, 18, "enableMicrophone"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [_decorator.bound, 2, "stopAudioByComputer"]], []).e, 3);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_DeviceControlStore, [[_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "connectType"], [_openDeviceSettingDialogDecs, 18, "openDeviceSettingDialog"], [_openConnectionDecs, 18, "openConnection"], [_closeConnectionDecs, 18, "closeConnection"], [_checkMediaPermissionDecs, 18, "checkMediaPermission"], [_enableCameraDecs, 18, "enableCamera"], [_enableMicrophoneDecs, 18, "enableMicrophone"], [_setSpeakerIdDecs, 18, "setSpeakerId"], [_setMicrophoneIdDecs, 18, "setMicrophoneId"], [_setCameraIdDecs, 18, "setCameraId"], [_decorator.bound, 2, "stopAudioByComputer"], [_decorator.bound, 2, "release"], [_decorator.bound, 2, "_handleStreamUpdate"]], []).e, 3);
 _init_isPstnUser = _applyDecs$e[0];
 _init_phoneMicEnabled = _applyDecs$e[1];
 _initProto = _applyDecs$e[2];

package/lib/modules/components/dialog-container/component/body.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DialogContainerBody = DialogContainerBody;
 require("../index.css");
+var _env = require("agora-foundation/lib/utilities/env");
 var _jsxRuntime = require("react/jsx-runtime");
 function DialogContainerBody(props) {
   var actions = props.actions,
@@ -32,7 +33,7 @@ function DialogContainerBody(props) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("section", {
       className: "fcr-dialog-container-content",
       style: title || actions ? {
-        height: 'calc(100vh - 76px)' /* 76px 包含 46px 的 title 高度，和 30px 的阴影 */
+        height: !(0, _env.isElectron)() ? 'calc(100% - 46px)' /* 浏览器不需要减去阴影，高度需要100% */ : 'calc(100vh - 76px)' /* 76px 包含 46px 的 title 高度，和 30px 的阴影 */
       } : {},
       children: children
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {

package/lib/modules/components/dialog-container/index.d.ts

@@ -1,9 +1,9 @@
 import { PropsWithChildren } from 'react';
-import { DialogKey } from '../../../utilities/constant';
+import { FcrUIDialogKey } from '../../../utilities/constant';
 declare const DialogContainer: (props: PropsWithChildren<{
     width?: number;
     height?: number;
-    dialogKey: DialogKey;
+    dialogKey: FcrUIDialogKey;
     title?: string;
     onClose?: () => void;
     actions?: React.ReactNode;

package/lib/modules/components/leave-meeting/components/assign-host.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+import { AssignHostProps } from '../../../action-bar/types';
+export declare const AssignHost: (props: AssignHostProps) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/components/leave-meeting/components/assign-host.js

@@ -0,0 +1,70 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AssignHost = void 0;
+require("core-js/modules/es.array.index-of.js");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+require("./index.css");
+var _chatSelect = require("../../../chat/components/chat-select");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _jsxRuntime = require("react/jsx-runtime");
+var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props) {
+  var remoteUsers = props.remoteUsers,
+    assignHost = props.assignHost,
+    loading = props.loading;
+  var _useState = (0, _react.useState)(0),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var t = (0, _i18n.useI18n)();
+  var handleLeave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var user;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            user = remoteUsers[selected];
+            assignHost(user);
+            props.setPopoverOpened(false);
+          case 3:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleLeave() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatSelect.ChatSelect, {
+    type: "assign-host",
+    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "assign-host-title",
+      children: t('fmt_toolbar_button_assignnewhost')
+    }),
+    bottomBar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+      styleType: "danger",
+      shape: "rounded",
+      size: "S",
+      block: true,
+      loading: loading,
+      className: "assign-host-bottom",
+      onClick: handleLeave,
+      children: t('fmt_toolbar_button_assignleave')
+    }),
+    candidateUsers: remoteUsers,
+    selectedUid: remoteUsers[selected].userId,
+    onSelect: function onSelect(user) {
+      setSelected(remoteUsers.indexOf(user));
+    }
+  });
+});

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

@@ -0,0 +1,125 @@
+.leave-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));
+}
+
+.fcr-action-bar--leave-popover {
+  max-width: 272px;
+}
+
+.fcr-action-bar--leave-popover .fcr-tooltip-inner {
+  margin: 0;
+}
+
+.assistant-leave-lock-info {
+  width: 100%;
+  height: 16px;
+
+  font-family: Helvetica Neue;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 16px;
+  text-align: center;
+  color: var(--fcr_ui_scene_icontext1, rgba(55, 60, 66, 1));
+}
+
+.assistant-lock-leave-title {
+  width: 100%;
+  margin-top: 15px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  font-family: Verdana;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 18.2px;
+  text-align: center;
+
+  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
+}
+
+.leave-cancel {
+  width: 100%;
+  height: 36px;
+  margin-top: 15px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--fcr_ui_scene_ramp_red6, rgba(251, 88, 78, 1));
+  border-radius: var(--fcr_cornerradius_l);
+  border: 1px solid var(--fcr_ui_scene_ramp_red6);
+
+  font-family: Verdana;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 24px;
+  text-align: center;
+
+  cursor: pointer;
+}
+
+.assign-host-title {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 20px;
+  padding-left: 5px;
+
+  font-family: Verdana;
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 12px;
+  text-align: left;
+  color: var(--fcr_ui_scene_icontext1, rgba(255, 255, 255, 1));
+}
+
+.assign-host-bottom {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  width: 100%;
+  height: 32px;
+  margin-top: 20px;
+  border-radius: var(--fcr_cornerradius_l);
+
+  font-family: Helvetica Neue;
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 24px;
+
+  color: var(--fcr_ui_scene_white10);
+  background: var(--fcr_ui_scene_ramp_red6);
+  cursor: pointer;
+}
+.leave-connect-check {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.leave-container .leave-confirm-disabled {
+  background-color: var(--fcr_web_ui_scene_fill3);
+  color: var(--fcr_ui_scene_icontext3);
+  cursor: not-allowed;
+}
+.fcr-action-bar--leave-meeting-portal {
+  width: 280px;
+  position: absolute;
+  top: 2px;
+  z-index: 999;
+  background-color: var(--fcr_ui_scene_white10);
+  border-radius: var(--fcr_cornerradius_l);
+  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
+}

package/lib/modules/components/leave-meeting/index.d.ts

@@ -0,0 +1,4 @@
+export declare const LeaveMeeting: (props: {
+    setPopoverOpened: React.Dispatch<React.SetStateAction<boolean>>;
+    onAssigned?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,147 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LeaveMeeting = void 0;
+var _fcrCore = require("fcr-core");
+var _assignHost2 = require("./components/assign-host");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _mobxReact = require("mobx-react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _react = require("react");
+var _store = require("./store");
+var _button = require("agora-ui-foundation/lib/components/button");
+var _jsxRuntime = require("react/jsx-runtime");
+var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (props) {
+  var t = (0, _i18n.useI18n)();
+  var setPopoverOpened = props.setPopoverOpened,
+    onAssigned = props.onAssigned;
+  var _useContext = (0, _react.useContext)(_store.LeaveMeetingStoreContext),
+    canAssign = _useContext.canAssign,
+    keepConnect = _useContext.keepConnect,
+    localUserRole = _useContext.localUserRole,
+    remoteUsers = _useContext.remoteUsers,
+    isLocked = _useContext.isLocked,
+    hasAssignHostBeforeLeavingPermission = _useContext.hasAssignHostBeforeLeavingPermission,
+    hasEndRoomPermission = _useContext.hasEndRoomPermission,
+    isPstnUser = _useContext.isPstnUser,
+    loading = _useContext.loading,
+    end = _useContext.end,
+    leave = _useContext.leave,
+    _assignHost = _useContext.assignHost,
+    setCanAssign = _useContext.setCanAssign,
+    setKeepConnect = _useContext.setKeepConnect;
+
+  // 结束会议
+  var handleEnd = function handleEnd() {
+    setPopoverOpened(false);
+    end();
+  };
+
+  // 离开会议
+  var handleLeave = function handleLeave() {
+    if (remoteUsers.length > 0 && hasAssignHostBeforeLeavingPermission) {
+      setCanAssign(true);
+    } else {
+      leave();
+      setPopoverOpened(false);
+    }
+  };
+  var handleConfirm = function handleConfirm() {
+    setPopoverOpened(false);
+    leave();
+  };
+  var handleCancel = function handleCancel() {
+    setPopoverOpened(false);
+  };
+  (0, _react.useEffect)(function () {
+    return setCanAssign(false);
+  }, []);
+  if (localUserRole === _fcrCore.FcrUserRole.HOST) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      onMouseEnter: function onMouseEnter() {
+        var _window$runtime;
+        (_window$runtime = window.runtime) === null || _window$runtime === void 0 || (_window$runtime = _window$runtime.browserWindow) === null || _window$runtime === void 0 || _window$runtime.setIgnoreMouseEvents(false);
+      },
+      children: canAssign ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_assignHost2.AssignHost, {
+        setPopoverOpened: setPopoverOpened,
+        remoteUsers: remoteUsers,
+        assignHost: function assignHost(user) {
+          _assignHost(user);
+          onAssigned === null || onAssigned === void 0 || onAssigned();
+        },
+        loading: loading
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "leave-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "leave-title",
+          children: t('fmt_actionbar_labels_endmeeting')
+        }), isPstnUser && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "leave-connect-check",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+            label: t('fmt_pstn_status_maitain'),
+            checked: keepConnect,
+            onChange: function onChange(checked) {
+              return setKeepConnect(checked);
+            }
+          })
+        }), hasEndRoomPermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
+          styleType: "danger",
+          size: "S",
+          shape: "rounded",
+          className: (0, _classnames["default"])('leave-confirm', {
+            'leave-confirm-disabled': keepConnect
+          }),
+          onClick: !keepConnect ? handleEnd : undefined,
+          children: t('fmt_actionbar_button_plenarysession')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "leave-cancel",
+          onClick: handleLeave,
+          children: t('fmt_popup_button_leavemeeting')
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "leave-container",
+      onMouseEnter: function onMouseEnter() {
+        var _window$runtime2;
+        (_window$runtime2 = window.runtime) === null || _window$runtime2 === void 0 || (_window$runtime2 = _window$runtime2.browserWindow) === null || _window$runtime2 === void 0 || _window$runtime2.setIgnoreMouseEvents(false);
+      },
+      children: [isLocked ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "assistant-leave-lock-info",
+          children: t('fmt_actionbar_tips_locked')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "assistant-lock-leave-title",
+          children: t('fmt_actionbar_tips_recheckleave')
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "leave-title",
+        children: t('fmt_actionbar_tips_leavemeeting')
+      }), isPstnUser && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "leave-connect-check",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+          label: t('fmt_pstn_status_maitain'),
+          checked: keepConnect,
+          onChange: function onChange(checked) {
+            return setKeepConnect(checked);
+          }
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "leave-confirm",
+        onClick: handleConfirm,
+        children: t('fmt_actionbar__button_leaveyes')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "leave-cancel",
+        onClick: handleCancel,
+        children: t('fmt_actionbar__button_leaveno')
+      })]
+    })
+  });
+});

package/lib/modules/components/leave-meeting/store.d.ts

@@ -0,0 +1,31 @@
+import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
+import { FcrUIPrivilegeProvider } from '../../../providers/privilege-provider';
+import { FcrUIRoomProvider } from '../../../providers/room-provider';
+import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
+export declare class LeaveMeetingStore {
+    private _privilegeProvider;
+    private _roomProvider;
+    private _roomControl;
+    private _userControl;
+    private _streamControl;
+    accessor isPstnUser: boolean;
+    accessor keepConnect: boolean;
+    accessor canAssign: boolean;
+    accessor localUserId: string;
+    accessor loading: boolean;
+    get isLocked(): boolean;
+    get hasAssignHostBeforeLeavingPermission(): boolean;
+    get hasEndRoomPermission(): boolean;
+    get localUserRole(): FcrUserRole;
+    get remoteUsers(): FcrUserInfo[];
+    constructor(_privilegeProvider: FcrUIPrivilegeProvider, _roomProvider: FcrUIRoomProvider, _roomControl: FcrBaseRoomControl);
+    assignHost(user: FcrUserInfo): void;
+    leave(): Promise<void>;
+    keepPhoneAudioConnection(): Promise<void>;
+    setCanAssign(value: boolean): void;
+    setKeepConnect(value: boolean): void;
+    end(): Promise<void>;
+    release(): void;
+    private _handleStreamsAddedOrUpdated;
+}
+export declare const LeaveMeetingStoreContext: import("react").Context<LeaveMeetingStore>;