fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -42,7 +42,6 @@ require("core-js/modules/es.array.iterator.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");
-require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -56,7 +55,6 @@ var _react = require("react");
 var _fcrCore = require("fcr-core");
 var _mobx = require("mobx");
 var _type = require("agora-rte-sdk/lib/core/scene/type");
-var _env = require("agora-foundation/lib/utilities/env");
 var _decorator = require("agora-foundation/lib/decorator");
 var _constant = require("../../../utilities/constant");
 var _DeviceControlStore;
@@ -75,21 +73,22 @@ 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(_roomControl, _deviceProvider, _eventProvider, _deviceStreamProvider, _sharedDevicePrivilegeDataSource) {
+  function DeviceControlStore(_roomControl, _deviceProvider, _dialogProvider, _deviceStreamProvider, _sharedDevicePrivilegeDataSource) {
     (0, _classCallCheck2["default"])(this, DeviceControlStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), ''));
+    (0, _defineProperty2["default"])(this, "_streamControlObserver", {
+      onStreamsAdded: this._handleStreamUpdate,
+      onStreamsRemoved: this._handleStreamUpdate,
+      onStreamsUpdated: this._handleStreamUpdate
+    });
     _classPrivateFieldInitSpec(this, _A, _init_isPstnUser(this, false));
     _classPrivateFieldInitSpec(this, _B, _init_phoneMicEnabled(this, false));
     this._roomControl = _roomControl;
     this._deviceProvider = _deviceProvider;
-    this._eventProvider = _eventProvider;
+    this._dialogProvider = _dialogProvider;
     this._deviceStreamProvider = _deviceStreamProvider;
     this._sharedDevicePrivilegeDataSource = _sharedDevicePrivilegeDataSource;
-    this._roomControl.getStreamControl().addObserver({
-      onStreamsAdded: this._handleStreamUpdate,
-      onStreamsRemoved: this._handleStreamUpdate,
-      onStreamsUpdated: this._handleStreamUpdate
-    });
+    this._roomControl.getStreamControl().addObserver(this._streamControlObserver);
   }
   return (0, _createClass2["default"])(DeviceControlStore, [{
     key: "isPstnUser",
@@ -160,31 +159,24 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
   }, {
     key: "openDeviceSettingDialog",
     value: function openDeviceSettingDialog(arg) {
-      this._eventProvider.openDeviceSettingDialog(arg);
+      this._dialogProvider.openDeviceSettingDialog(arg);
     }
   }, {
     key: "openConnection",
     value: function openConnection(type) {
-      this._connectionWindowId = this._eventProvider.openDialog(_constant.FcrUIDialogKey.CONNECTION_GATEWAY, '', {
+      this._connectionWindowId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.CONNECTION_GATEWAY, '', {
         type: type
       });
     }
   }, {
     key: "closeConnection",
     value: function closeConnection() {
-      this._eventProvider.closeDialog(this._connectionWindowId);
+      this._dialogProvider.closeDialog(this._connectionWindowId);
     }
   }, {
     key: "checkMediaPermission",
     value: function checkMediaPermission(mediaType) {
-      var _this = this;
-      if ((0, _env.isElectron)()) {
-        window.runtime.checkMediaPermission(mediaType).then(function (hasPermission) {
-          if (!hasPermission) {
-            _this._eventProvider.openDialog(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE, '', mediaType);
-          }
-        });
-      }
+      this._deviceStreamProvider.checkoutDevicePermission(mediaType);
     }
   }, {
     key: "enableCamera",
@@ -220,11 +212,7 @@ var DeviceControlStore = exports.DeviceControlStore = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      this._roomControl.getStreamControl().removeObserver({
-        onStreamsAdded: this._handleStreamUpdate,
-        onStreamsRemoved: this._handleStreamUpdate,
-        onStreamsUpdated: this._handleStreamUpdate
-      });
+      this._roomControl.getStreamControl().removeObserver(this._streamControlObserver);
     }
   }, {
     key: "_handleStreamUpdate",

package/lib/modules/components/device-control/type.d.ts

@@ -0,0 +1,6 @@
+export declare enum ConnectType {
+    NONE = 0,
+    COMPUTER = 1,
+    PHONE = 2
+}
+export type ConnectionTabType = 'computer' | 'phone';

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

@@ -0,0 +1,13 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectType = void 0;
+var ConnectType = exports.ConnectType = /*#__PURE__*/function (ConnectType) {
+  ConnectType[ConnectType["NONE"] = 0] = "NONE";
+  ConnectType[ConnectType["COMPUTER"] = 1] = "COMPUTER";
+  ConnectType[ConnectType["PHONE"] = 2] = "PHONE";
+  return ConnectType;
+}({});

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

@@ -18,6 +18,7 @@ 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$selected;
   var remoteUsers = props.remoteUsers,
     assignHost = props.assignHost,
     loading = props.loading;
@@ -26,16 +27,30 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
     selected = _useState2[0],
     setSelected = _useState2[1];
   var t = (0, _i18n.useI18n)();
+  (0, _react.useEffect)(function () {
+    if (remoteUsers.length === 0) {
+      setSelected(0);
+    } else if (selected >= remoteUsers.length) {
+      setSelected(remoteUsers.length - 1);
+    }
+  }, [remoteUsers, selected]);
   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:
+            if (!(remoteUsers.length === 0 || !remoteUsers[selected])) {
+              _context.next = 3;
+              break;
+            }
+            props.setPopoverOpened(false);
+            return _context.abrupt("return");
+          case 3:
             user = remoteUsers[selected];
             assignHost(user);
             props.setPopoverOpened(false);
-          case 3:
+          case 6:
           case "end":
             return _context.stop();
         }
@@ -62,7 +77,7 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
       children: t('fmt_toolbar_button_assignleave')
     }),
     candidateUsers: remoteUsers,
-    selectedUid: remoteUsers[selected].userId,
+    selectedUid: (_remoteUsers$selected = remoteUsers[selected]) === null || _remoteUsers$selected === void 0 ? void 0 : _remoteUsers$selected.userId,
     onSelect: function onSelect(user) {
       setSelected(remoteUsers.indexOf(user));
     }

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

@@ -24,9 +24,8 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
     canAssign = _useContext.canAssign,
     keepConnect = _useContext.keepConnect,
     localUserRole = _useContext.localUserRole,
-    remoteUsers = _useContext.remoteUsers,
+    hostAvailibleRemoteUsers = _useContext.hostAvailibleRemoteUsers,
     isLocked = _useContext.isLocked,
-    hasAssignHostBeforeLeavingPermission = _useContext.hasAssignHostBeforeLeavingPermission,
     hasEndRoomPermission = _useContext.hasEndRoomPermission,
     isPstnUser = _useContext.isPstnUser,
     loading = _useContext.loading,
@@ -34,17 +33,19 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
     leave = _useContext.leave,
     _assignHost = _useContext.assignHost,
     setCanAssign = _useContext.setCanAssign,
-    setKeepConnect = _useContext.setKeepConnect;
+    setKeepConnect = _useContext.setKeepConnect,
+    isAssignHostAvailable = _useContext.isAssignHostAvailable,
+    showEndConfirmDialog = _useContext.showEndConfirmDialog;
 
   // 结束会议
   var handleEnd = function handleEnd() {
     setPopoverOpened(false);
-    end();
+    showEndConfirmDialog();
   };
 
   // 离开会议
   var handleLeave = function handleLeave() {
-    if (remoteUsers.length > 0 && hasAssignHostBeforeLeavingPermission) {
+    if (hostAvailibleRemoteUsers.length > 0 && isAssignHostAvailable) {
       setCanAssign(true);
     } else {
       leave();
@@ -69,7 +70,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
       },
       children: canAssign ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_assignHost2.AssignHost, {
         setPopoverOpened: setPopoverOpened,
-        remoteUsers: remoteUsers,
+        remoteUsers: hostAvailibleRemoteUsers,
         assignHost: function assignHost(user) {
           _assignHost(user);
           onAssigned === null || onAssigned === void 0 || onAssigned();
@@ -97,7 +98,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
             'leave-confirm-disabled': keepConnect
           }),
           onClick: !keepConnect ? handleEnd : undefined,
-          children: t('fmt_actionbar_button_plenarysession')
+          children: t('fmt_popup_button_endmeeting')
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "leave-cancel",
           onClick: handleLeave,

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

@@ -1,24 +1,33 @@
-import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
+import { FcrUserInfo, FcrUserRole, FcrPlatform } 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';
+import { FcrUIMemberSharedDataSource } from '../../../shared-data-source/member-data';
+import { FcrUIAbilityProviderImpl } from '../../../providers/ability-provider';
+import { FcrUIDialogProvider } from '../../../providers/dialog-provider';
 export declare class LeaveMeetingStore {
     private _privilegeProvider;
     private _roomProvider;
     private _roomControl;
+    private _sharedMemberDataSource;
+    private _abilityProvider;
+    private _dialogProvder;
     private _userControl;
     private _streamControl;
-    accessor isPstnUser: boolean;
     accessor keepConnect: boolean;
     accessor canAssign: boolean;
-    accessor localUserId: string;
     accessor loading: boolean;
     get isLocked(): boolean;
+    get localUserId(): string;
+    get localUserRole(): FcrUserRole;
     get hasAssignHostBeforeLeavingPermission(): boolean;
     get hasEndRoomPermission(): boolean;
-    get localUserRole(): FcrUserRole;
-    get remoteUsers(): FcrUserInfo[];
-    constructor(_privilegeProvider: FcrUIPrivilegeProvider, _roomProvider: FcrUIRoomProvider, _roomControl: FcrBaseRoomControl);
+    get hostAvailibleRemoteUsers(): FcrUserInfo[];
+    get isPstnUser(): boolean;
+    get isAssignHostAvailable(): boolean;
+    constructor(_privilegeProvider: FcrUIPrivilegeProvider, _roomProvider: FcrUIRoomProvider, _roomControl: FcrBaseRoomControl, _sharedMemberDataSource: FcrUIMemberSharedDataSource, _abilityProvider: FcrUIAbilityProviderImpl, _dialogProvder: FcrUIDialogProvider);
+    showEndConfirmDialog(): void;
+    isHostSupportedByPlatform(platform: FcrPlatform): boolean;
     assignHost(user: FcrUserInfo): void;
     leave(): Promise<void>;
     keepPhoneAudioConnection(): Promise<void>;
@@ -26,6 +35,5 @@ export declare class LeaveMeetingStore {
     setKeepConnect(value: boolean): void;
     end(): Promise<void>;
     release(): void;
-    private _handleStreamsAddedOrUpdated;
 }
 export declare const LeaveMeetingStoreContext: import("react").Context<LeaveMeetingStore>;

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

@@ -39,17 +39,14 @@ Object.defineProperty(exports, "__esModule", {
 exports.LeaveMeetingStoreContext = exports.LeaveMeetingStore = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.find.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
-require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.some.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
@@ -60,10 +57,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _type = require("fcr-core/lib/type");
 var _mobx = require("mobx");
-var _fcrCore = require("fcr-core");
 var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
 var _LeaveMeetingStore;
-var _initProto, _init_isPstnUser, _init_keepConnect, _init_canAssign, _init_localUserId, _init_loading, _assignHostDecs, _leaveDecs, _keepPhoneAudioConnectionDecs, _setCanAssignDecs, _setKeepConnectDecs, _endDecs, _handleStreamsAddedOrUpdatedDecs, _ref;
+var _initProto, _init_keepConnect, _init_canAssign, _init_loading, _showEndConfirmDialogDecs, _isHostSupportedByPlatformDecs, _assignHostDecs, _leaveDecs, _keepPhoneAudioConnectionDecs, _setCanAssignDecs, _setKeepConnectDecs, _endDecs, _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; }
@@ -77,34 +74,25 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-var _D = /*#__PURE__*/new WeakMap();
-var _E = /*#__PURE__*/new WeakMap();
-_ref = (_assignHostDecs = [_mobx.action, _mobx.action.bound], _leaveDecs = [_mobx.action, _mobx.action.bound], _keepPhoneAudioConnectionDecs = [_mobx.action, _mobx.action.bound], _setCanAssignDecs = [_mobx.action, _mobx.action.bound], _setKeepConnectDecs = [_mobx.action, _mobx.action.bound], _endDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedOrUpdatedDecs = [_mobx.action, _mobx.action.bound], "_userControl");
+_ref = (_showEndConfirmDialogDecs = [_mobx.action, _mobx.action.bound], _isHostSupportedByPlatformDecs = [_mobx.action, _mobx.action.bound], _assignHostDecs = [_mobx.action, _mobx.action.bound], _leaveDecs = [_mobx.action, _mobx.action.bound], _keepPhoneAudioConnectionDecs = [_mobx.action, _mobx.action.bound], _setCanAssignDecs = [_mobx.action, _mobx.action.bound], _setKeepConnectDecs = [_mobx.action, _mobx.action.bound], _endDecs = [_mobx.action, _mobx.action.bound], "_userControl");
 var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
-  function LeaveMeetingStore(_privilegeProvider, _roomProvider, _roomControl) {
+  function LeaveMeetingStore(_privilegeProvider, _roomProvider, _roomControl, _sharedMemberDataSource, _abilityProvider, _dialogProvder) {
     (0, _classCallCheck2["default"])(this, LeaveMeetingStore);
     (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
-    _classPrivateFieldInitSpec(this, _A, _init_isPstnUser(this, false));
-    _classPrivateFieldInitSpec(this, _B, _init_keepConnect(this, false));
-    _classPrivateFieldInitSpec(this, _C, _init_canAssign(this, false));
-    _classPrivateFieldInitSpec(this, _D, _init_localUserId(this));
-    _classPrivateFieldInitSpec(this, _E, _init_loading(this, false));
+    _classPrivateFieldInitSpec(this, _A, _init_keepConnect(this, false));
+    _classPrivateFieldInitSpec(this, _B, _init_canAssign(this, false));
+    _classPrivateFieldInitSpec(this, _C, _init_loading(this, false));
     this._privilegeProvider = _privilegeProvider;
     this._roomProvider = _roomProvider;
     this._roomControl = _roomControl;
+    this._sharedMemberDataSource = _sharedMemberDataSource;
+    this._abilityProvider = _abilityProvider;
+    this._dialogProvder = _dialogProvder;
     this._userControl = this._roomControl.getUserControl();
     this._streamControl = this._roomControl.getStreamControl();
-    this._streamControl.addObserver({
-      onStreamsAdded: this._handleStreamsAddedOrUpdated,
-      onStreamsUpdated: this._handleStreamsAddedOrUpdated,
-      onStreamsRemoved: this._handleStreamsAddedOrUpdated
-    });
-    var userControl = this._roomControl.getUserControl();
-    var localUserId = userControl.getLocalUser().userId;
-    this.localUserId = localUserId;
   }
   return (0, _createClass2["default"])(LeaveMeetingStore, [{
-    key: "isPstnUser",
+    key: "keepConnect",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
     },
@@ -112,7 +100,7 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "keepConnect",
+    key: "canAssign",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -120,7 +108,7 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "canAssign",
+    key: "loading",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -128,30 +116,24 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "localUserId",
+    key: "isLocked",
     get: function get() {
-      return _classPrivateFieldGet(_D, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_D, this, v);
+      return this._privilegeProvider.isLockRoomEnabled();
     }
   }, {
-    key: "loading",
+    key: "localUserId",
     get: function get() {
-      return _classPrivateFieldGet(_E, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_E, this, v);
+      return this._sharedMemberDataSource.localUser.userId;
     }
   }, {
-    key: "isLocked",
+    key: "localUserRole",
     get: function get() {
-      return this._privilegeProvider.isLockRoomEnabled();
+      return this._sharedMemberDataSource.localUserRole;
     }
   }, {
     key: "hasAssignHostBeforeLeavingPermission",
     get: function get() {
-      return this._privilegeProvider.hasAssignHostBeforeLeavingPermission(this._userControl.getLocalUser().userRole);
+      return this._privilegeProvider.hasAssignHostBeforeLeavingPermission(this.localUserRole);
     }
   }, {
     key: "hasEndRoomPermission",
@@ -159,18 +141,78 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
       return this._privilegeProvider.hasEndRoomPermission();
     }
   }, {
-    key: "localUserRole",
+    key: "hostAvailibleRemoteUsers",
     get: function get() {
-      return this._userControl.getLocalUser().userRole;
+      var _this = this;
+      return this._sharedMemberDataSource.remoteMembersUserInfosList.filter(function (user) {
+        return user.platform && _this.isHostSupportedByPlatform(user.platform);
+      });
     }
   }, {
-    key: "remoteUsers",
+    key: "isPstnUser",
     get: function get() {
-      var _this = this;
-      return Object.values(this._userControl.getUsers()).filter(function (user) {
-        return user.userId !== _this.localUserId;
+      return this._sharedMemberDataSource.hasOwnPstnStream;
+    }
+  }, {
+    key: "isAssignHostAvailable",
+    get: function get() {
+      var _this2 = this;
+      return this.hasAssignHostBeforeLeavingPermission && this.hostAvailibleRemoteUsers.some(function (item) {
+        return _this2.isHostSupportedByPlatform(item.platform);
+      });
+    }
+  }, {
+    key: "showEndConfirmDialog",
+    value: function showEndConfirmDialog() {
+      var _this3 = this;
+      var dialogKey = this._dialogProvder.openConfirmDialog({
+        title: '',
+        content: (0, _i18n.transI18n)('fmt_actionbar_labels_endmeeting'),
+        cancelText: (0, _i18n.transI18n)('fmt_toolbar_leave_room_end_submit'),
+        okText: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_room_end_cancel'),
+        alignCenter: true,
+        showCancel: true,
+        width: 255,
+        cancelButtonProps: {
+          block: true,
+          type: 'primary',
+          shape: 'rounded',
+          styleType: 'danger'
+        },
+        okButtonProps: {
+          block: true,
+          type: 'secondary',
+          shape: 'rounded'
+        },
+        closable: false,
+        onCancel: function onCancel() {
+          _this3.end();
+          _this3._dialogProvder.closeConfirm(dialogKey);
+        },
+        onOk: function () {
+          var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+            return _regenerator["default"].wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _this3._dialogProvder.closeConfirm(dialogKey);
+                case 1:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onOk() {
+            return _onOk.apply(this, arguments);
+          }
+          return onOk;
+        }()
       });
     }
+  }, {
+    key: "isHostSupportedByPlatform",
+    value: function isHostSupportedByPlatform(platform) {
+      return this._abilityProvider.isHostSupportedByPlatform(platform);
+    }
   }, {
     key: "assignHost",
     value: function assignHost(user) {
@@ -180,26 +222,26 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "leave",
     value: function () {
-      var _leave = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _leave = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               this.loading = true;
-              _context.t0 = this.keepConnect && this.isPstnUser;
-              if (!_context.t0) {
-                _context.next = 5;
+              _context2.t0 = this.keepConnect && this.isPstnUser;
+              if (!_context2.t0) {
+                _context2.next = 5;
                 break;
               }
-              _context.next = 5;
+              _context2.next = 5;
               return this.keepPhoneAudioConnection();
             case 5:
               this.loading = false;
               this._roomProvider.exitRoom();
             case 7:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this);
+        }, _callee2, this);
       }));
       function leave() {
         return _leave.apply(this, arguments);
@@ -209,16 +251,16 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "keepPhoneAudioConnection",
     value: function () {
-      var _keepPhoneAudioConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+      var _keepPhoneAudioConnection = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        return _regenerator["default"].wrap(function _callee3$(_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);
@@ -238,19 +280,17 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "end",
     value: function () {
-      var _end = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _end = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context3.next = 2;
+              _context4.next = 2;
               return this._roomControl.close();
             case 2:
-              this.leave();
-            case 3:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
       function end() {
         return _end.apply(this, arguments);
@@ -259,34 +299,13 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
     }()
   }, {
     key: "release",
-    value: function release() {
-      this._streamControl.removeObserver({
-        onStreamsAdded: this._handleStreamsAddedOrUpdated,
-        onStreamsUpdated: this._handleStreamsAddedOrUpdated,
-        onStreamsRemoved: this._handleStreamsAddedOrUpdated
-      });
-    }
-  }, {
-    key: "_handleStreamsAddedOrUpdated",
-    value: function _handleStreamsAddedOrUpdated() {
-      var _this$_userControl$ge = this._userControl.getLocalUser(),
-        userId = _this$_userControl$ge.userId;
-      var streams = this._streamControl.getStreamsByUserId(userId);
-      var pstnStream = streams.find(function (_ref2) {
-        var connectorType = _ref2.connectorType;
-        return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
-      });
-      var hasPstnStream = !!pstnStream;
-      this.isPstnUser = hasPstnStream;
-    }
+    value: function release() {}
   }]);
 }();
 _LeaveMeetingStore = LeaveMeetingStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStore, [[_mobx.observable, 1, "isPstnUser"], [_mobx.observable, 1, "keepConnect"], [_mobx.observable, 1, "canAssign"], [_mobx.observable, 1, "localUserId"], [_mobx.observable, 1, "loading"], [_assignHostDecs, 18, "assignHost"], [_leaveDecs, 18, "leave"], [_keepPhoneAudioConnectionDecs, 18, "keepPhoneAudioConnection"], [_setCanAssignDecs, 18, "setCanAssign"], [_setKeepConnectDecs, 18, "setKeepConnect"], [_endDecs, 18, "end"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"]], []).e, 6);
-_init_isPstnUser = _applyDecs$e[0];
-_init_keepConnect = _applyDecs$e[1];
-_init_canAssign = _applyDecs$e[2];
-_init_localUserId = _applyDecs$e[3];
-_init_loading = _applyDecs$e[4];
-_initProto = _applyDecs$e[5];
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStore, [[_mobx.observable, 1, "keepConnect"], [_mobx.observable, 1, "canAssign"], [_mobx.observable, 1, "loading"], [_mobx.computed, 3, "localUserId"], [_mobx.computed, 3, "localUserRole"], [_mobx.computed, 3, "hostAvailibleRemoteUsers"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "isAssignHostAvailable"], [_showEndConfirmDialogDecs, 18, "showEndConfirmDialog"], [_isHostSupportedByPlatformDecs, 18, "isHostSupportedByPlatform"], [_assignHostDecs, 18, "assignHost"], [_leaveDecs, 18, "leave"], [_keepPhoneAudioConnectionDecs, 18, "keepPhoneAudioConnection"], [_setCanAssignDecs, 18, "setCanAssign"], [_setKeepConnectDecs, 18, "setKeepConnect"], [_endDecs, 18, "end"]], []).e, 4);
+_init_keepConnect = _applyDecs$e[0];
+_init_canAssign = _applyDecs$e[1];
+_init_loading = _applyDecs$e[2];
+_initProto = _applyDecs$e[3];
 var LeaveMeetingStoreContext = exports.LeaveMeetingStoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/components/member-window/components/member-actions/components/audio-control.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface AudioControlProps {
+    isMeeting: boolean;
+    iconSize: number;
+}
+export declare const AudioControl: React.FC<AudioControlProps>;

package/lib/modules/components/member-window/components/member-actions/components/audio-control.js

@@ -0,0 +1,36 @@
+"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.AudioControl = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _provider = require("../provider");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _iconButtons = require("./icon-buttons");
+var _jsxRuntime = require("react/jsx-runtime");
+var AudioControl = exports.AudioControl = function AudioControl(_ref) {
+  var isMeeting = _ref.isMeeting,
+    iconSize = _ref.iconSize;
+  var store = (0, _provider.useMemberWindowActionsStore)();
+  var t = (0, _i18n.useI18n)();
+  if (!store.hasMicrophoneAudioStream) {
+    return isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.SipDeviceIconButton, {
+      iconSize: iconSize,
+      backgroundColor: ""
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.NoMuteIconButton, {
+      iconSize: iconSize,
+      tooltip: t('fmt_device_label_audio_mute')
+    });
+  }
+  if (store.isPhone) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.PhoneCallIconButton, {
+      iconSize: iconSize
+    });
+  }
+  return isMeeting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconButtons.SipDeviceIconButton, {
+    iconSize: iconSize
+  }) : null;
+};