fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/chat/components/chat-select/select-item/index.js

@@ -8,6 +8,10 @@ require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -20,8 +24,7 @@ require("core-js/modules/es.array.index-of.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _type = require("fcr-core/lib/type");
@@ -73,7 +76,7 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
       (0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
         isShowFirstLetter: true,
         size: 32,
-        nickName: currentUser.userName,
+        nickName: currentUser.userName === _types.USER_ALL ? t('fmt_chat_option_all') : currentUser.userName,
         textSize: 14
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/modules/chat/components/message-list/index.js

@@ -18,6 +18,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 require("core-js/modules/es.array.find-index.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/web.dom-collections.for-each.js");
@@ -185,7 +186,6 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
   var rowRenderer = function rowRenderer(messageList) {
     return function (_ref3) {
       var index = _ref3.index,
-        key = _ref3.key,
         parent = _ref3.parent,
         style = _ref3.style;
       var datum = messageList[index % messageList.length];
@@ -198,7 +198,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
         localUserId: localUserId,
         parent: parent,
         scrollToIdx: scrollToIdx
-      }, key);
+      }, datum.id);
     };
   };
   var scrollToIdx = (0, _react.useCallback)(function (idx) {

package/lib/modules/chat/components/message-list/message-item/index.d.ts

@@ -4,7 +4,6 @@ type IMessageItem = {
     messageItem: MsgListType;
     index: number;
     localUserId: string | undefined;
-    key: string;
     parent: MeasuredCellParent;
     style: React.CSSProperties | undefined;
     multiSelectActive: boolean | undefined;

package/lib/modules/chat/components/message-list/message-item/index.js

@@ -10,6 +10,8 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -20,7 +22,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.array.concat.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _messageLabel = require("agora-ui-foundation/lib/components/message-label");
@@ -62,7 +63,6 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
   var datum = props.messageItem,
     index = props.index,
     localUserId = props.localUserId,
-    key = props.key,
     parent = props.parent,
     style = props.style,
     multiSelectActive = props.multiSelectActive,
@@ -122,14 +122,12 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
   }, []);
   var handleCopyMsg = /*#__PURE__*/function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
-      var msgHandled;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            msgHandled = (0, _i18n.getLanguage)() === 'zh' ? "".concat(publisherNickName, "\u5BF9").concat(targetNickname, "\u8BF4(").concat(time, ")\n").concat(msg) : "".concat(publisherNickName, " said to ").concat(targetNickname, "(").concat(time, ")\n").concat(msg);
-            _context.next = 3;
-            return (0, _copyText.copyText)(msgHandled);
-          case 3:
+            _context.next = 2;
+            return (0, _copyText.copyText)(msg);
+          case 2:
             handleToast({
               id: 'copy-multi-msg',
               toastProps: {
@@ -138,7 +136,7 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
                 size: 'small'
               }
             });
-          case 4:
+          case 3:
           case "end":
             return _context.stop();
         }
@@ -192,7 +190,10 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
           classnames: "fcr-line-system-message",
           txt: "".concat((0, _util.handleChatLevelChangedSystemMsg)(t, chatLevel, publisherRole, publisherNickName, publisherIsSelf)),
           marginBottom: 15
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: (0, _classnames["default"])('fcr-message-publisher', {
+            'fcr-message-publisher-content': !publisherIsSelf
+          }),
           children: [needLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageLabel.MessageLabel, {
             handleClickPrivateChat: function handleClickPrivateChat() {
               permitPrivateChat(publisherUid);
@@ -303,5 +304,5 @@ var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
         })
       });
     }
-  }, key);
+  });
 });

package/lib/modules/chat/index.css

@@ -12,10 +12,34 @@
   flex-direction: row-reverse;
 }
 
+.fcr-message-publisher {
+  width: 100%;
+}
+
+.fcr-message-publisher-content .fcr-message-label__content {
+  justify-content: flex-start;
+}
+
+.fcr-message-publisher .fcr-message-label {
+  width: 100%;
+}
+
 .fcr-message-label .fcr-avatar {
   cursor: pointer;
 }
 
+.fcr-message-label .fcr-message-label__content {
+  width: 100%;
+}
+
+.fcr-message-label span.fcr-message-label__marginR {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  text-align: right;
+}
+
 .chat-tabs-container {
   width: 100%;
   display: flex;

package/lib/modules/chat/store.js

@@ -32,6 +32,7 @@ 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.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");

package/lib/modules/chat/view.js

@@ -18,6 +18,10 @@ require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.array.unshift.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.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");
@@ -121,12 +125,22 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
   }, [chatLevel, remoteUsers, activeTabIndex, hasChatSendPublicPermission, hasChatSendPrivatePermission]);
   var handleMultiCopyMsg = /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var msgHandled, msgIndex;
+      var msgHandled, msgIndex, msg;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             msgHandled = '';
             msgIndex = Array.from(copyMap.keys()).sort();
+            if (!(msgIndex.length === 1)) {
+              _context.next = 7;
+              break;
+            }
+            msg = messageList[msgIndex[0]].msg;
+            _context.next = 6;
+            return (0, _copyText.copyText)(msg);
+          case 6:
+            return _context.abrupt("return");
+          case 7:
             msgIndex.forEach(function (msgIdx, arrIdx) {
               var _messageList$msgIndex, _messageList$msgIndex2, _messageList$msgIndex3;
               var _messageList$msgIdx = messageList[msgIdx],
@@ -146,9 +160,9 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
                 msgHandled += "".concat(msg, "\n");
               }
             });
-            _context.next = 5;
+            _context.next = 10;
             return (0, _copyText.copyText)(msgHandled);
-          case 5:
+          case 10:
           case "end":
             return _context.stop();
         }

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 var _i18n = require("agora-ui-foundation/lib/i18n");

package/lib/modules/components/device-control/components/carmera/index.js

@@ -37,9 +37,7 @@ var CameraControl = exports.CameraControl = (0, _mobxReact.observer)(function (p
     iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
   };
   var icon = cameraEnabled ? _type.FcrIconType.FCR_CAMERA : _type.FcrIconType.FCR_CAMERAOFF;
-  var title = (0, _react.useMemo)(function () {
-    return cameraEnabled ? transI18n('fmt_toolbar_label_camera') : transI18n('fmt_toolbar_options_enablecamera');
-  }, [cameraEnabled]);
+  var title = cameraEnabled ? transI18n('fmt_toolbar_label_camera') : transI18n('fmt_toolbar_options_enablecamera');
   var tooltip = title;
   var noCam = cameraList.length === 0;
   var noCamColor = {
@@ -54,7 +52,7 @@ var CameraControl = exports.CameraControl = (0, _mobxReact.observer)(function (p
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "device-control-item-wrapper",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "device-control",
+        className: "device-control ".concat(popoverOpened ? 'active' : ''),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "device-control-inner",
           children: !noCam ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -83,6 +81,7 @@ var CameraControl = exports.CameraControl = (0, _mobxReact.observer)(function (p
             })]
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+          showArrow: false,
           visible: popoverOpened,
           onVisibleChange: handlePopoverVisibleChanged,
           overlayClassName: "device-control--device-popover",
@@ -95,7 +94,7 @@ var CameraControl = exports.CameraControl = (0, _mobxReact.observer)(function (p
             onClick: function onClick(e) {
               e.stopPropagation();
             },
-            className: "device-control-extra",
+            className: "device-control-extra ".concat(popoverOpened ? 'active' : ''),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
               type: _type.FcrIconType.FCR_DROPUP4,
               colors: {

package/lib/modules/components/device-control/components/microphone/index.js

@@ -62,9 +62,7 @@ var MicrophoneControl = exports.MicrophoneControl = (0, _mobxReact.observer)(fun
     handlePopoverVisibleChanged = _useDeviceTooltipVisi.handlePopoverVisibleChanged,
     handleTooltipVisibleChanged = _useDeviceTooltipVisi.handleTooltipVisibleChanged;
   var transI18n = (0, _i18n.useI18n)();
-  var title = (0, _react.useMemo)(function () {
-    return microphoneEnabled ? transI18n('fmt_device_label_audio_mute') : transI18n('fmt_device_label_audio_unmute');
-  }, [microphoneEnabled]);
+  var title = microphoneEnabled ? transI18n('fmt_device_label_audio_mute') : transI18n('fmt_device_label_audio_unmute');
   var tooltip = title;
   var noMic = microphoneList.length === 0;
   var noMicColor = {
@@ -79,7 +77,7 @@ var MicrophoneControl = exports.MicrophoneControl = (0, _mobxReact.observer)(fun
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "device-control-item-wrapper",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "device-control",
+        className: "device-control ".concat(popoverOpened ? 'active' : ''),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "device-control-inner",
           children: [connectType === _type2.FcrUIConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -128,6 +126,7 @@ var MicrophoneControl = exports.MicrophoneControl = (0, _mobxReact.observer)(fun
             })]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+          showArrow: false,
           overlayClassName: "device-control--device-popover",
           visible: popoverOpened,
           onVisibleChange: handlePopoverVisibleChanged,
@@ -154,7 +153,7 @@ var MicrophoneControl = exports.MicrophoneControl = (0, _mobxReact.observer)(fun
             onClick: function onClick(e) {
               e.stopPropagation();
             },
-            className: "device-control-extra",
+            className: "device-control-extra ".concat(popoverOpened ? 'active' : ''),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
               type: _type.FcrIconType.FCR_DROPUP4,
               colors: {

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

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _mobxReact = require("mobx-react");

package/lib/modules/components/device-control/index.css

@@ -4,7 +4,8 @@
   min-width: 71px;
   cursor: pointer;
 }
-.device-control:hover {
+.device-control:hover,
+.device-control.active {
   background: var(--fcr_web_ui_scene_hover2);
 }
 .device-control-inner {
@@ -45,11 +46,13 @@
   justify-content: center;
 }
 
-.device-control-extra:hover {
+.device-control-extra:hover,
+.device-control-extra.active {
   background: var(--fcr_web_ui_scene_hover2);
 }
 
-.device-control-extra:hover svg {
+.device-control-extra:hover svg,
+.device-control-extra.active svg {
   transform: translateY(-3px);
   transition: all 0.2s;
 }

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

@@ -42,6 +42,7 @@ 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");

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

@@ -16,9 +16,11 @@ 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 _icon = require("agora-ui-foundation/lib/components/icon");
+var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props) {
-  var _remoteUsers$selected;
+  var _remoteUsers$selected2;
   var remoteUsers = props.remoteUsers,
     assignHost = props.assignHost,
     loading = props.loading;
@@ -26,12 +28,18 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     selected = _useState2[0],
     setSelected = _useState2[1];
+  var selectedUidRef = (0, _react.useRef)(remoteUsers[selected].userId);
   var t = (0, _i18n.useI18n)();
   (0, _react.useEffect)(function () {
+    var _remoteUsers$selected;
+    var isSelectedUserLeft = selectedUidRef.current !== ((_remoteUsers$selected = remoteUsers[selected]) === null || _remoteUsers$selected === void 0 ? void 0 : _remoteUsers$selected.userId);
     if (remoteUsers.length === 0) {
       setSelected(0);
     } else if (selected >= remoteUsers.length) {
       setSelected(remoteUsers.length - 1);
+    } else if (isSelectedUserLeft) {
+      // 勾选的用户离开之后勾选第一个用户
+      setSelected(0);
     }
   }, [remoteUsers, selected]);
   var handleLeave = /*#__PURE__*/function () {
@@ -60,11 +68,24 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
       return _ref.apply(this, arguments);
     };
   }();
+  var onClose = function onClose() {
+    props.setCanAssign(false);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatSelect.ChatSelect, {
     type: "assign-host",
-    title: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    title: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "assign-host-title",
-      children: t('fmt_toolbar_button_assignnewhost')
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: onClose,
+        className: 'fcr-assign-host-close',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          type: _type.FcrIconType.FCR_CLOSE,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          size: 14
+        })
+      }), t('fmt_toolbar_button_assignnewhost')]
     }),
     bottomBar: /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
       styleType: "danger",
@@ -77,8 +98,9 @@ var AssignHost = exports.AssignHost = (0, _mobxReact.observer)(function (props)
       children: t('fmt_toolbar_button_assignleave')
     }),
     candidateUsers: remoteUsers,
-    selectedUid: (_remoteUsers$selected = remoteUsers[selected]) === null || _remoteUsers$selected === void 0 ? void 0 : _remoteUsers$selected.userId,
+    selectedUid: (_remoteUsers$selected2 = remoteUsers[selected]) === null || _remoteUsers$selected2 === void 0 ? void 0 : _remoteUsers$selected2.userId,
     onSelect: function onSelect(user) {
+      selectedUidRef.current = user.userId;
       setSelected(remoteUsers.indexOf(user));
     }
   });

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

@@ -123,3 +123,38 @@
   border-radius: var(--fcr_cornerradius_l);
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
 }
+
+.fcr-assign-host-close {
+  border-radius: var(--fcr_cornerradius_round);
+  width: 22px;
+  height: 22px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  right: 10px;
+  top: 10px;
+  background-color: var(--fcr_web_ui_scene_fill1);
+}
+
+.fcr-assign-host-close:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+}
+
+.leave-meeting-dialog {
+  padding: 0 !important;
+}
+
+.leave-meeting-dialog .leave-container {
+  padding: 30px 20px 24px !important;
+}
+
+.leave-meeting-dialog .fcr-assign-host-close {
+  top: -2px !important;
+  z-index: 10;
+}
+
+.leave-meeting-dialog .fcr-confirm-content-dialog-close {
+  z-index: 9;
+}

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

@@ -70,6 +70,7 @@ var LeaveMeeting = exports.LeaveMeeting = (0, _mobxReact.observer)(function (pro
       },
       children: canAssign ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_assignHost2.AssignHost, {
         setPopoverOpened: setPopoverOpened,
+        setCanAssign: setCanAssign,
         remoteUsers: hostAvailibleRemoteUsers,
         assignHost: function assignHost(user) {
           _assignHost(user);

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

@@ -44,6 +44,8 @@ require("core-js/modules/es.array.some.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.filter.js");
+require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.some.js");
@@ -58,7 +60,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _type = require("fcr-core/lib/type");
 var _mobx = require("mobx");
 var _react = require("react");
-var _i18n = require("agora-ui-foundation/lib/i18n");
+var _constant = require("../../../utilities/constant");
 var _LeaveMeetingStore;
 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); }
@@ -164,49 +166,7 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     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;
-        }()
-      });
+      this._dialogProvder.openDialog(_constant.FcrUIDialogKey.LEAVE_MEETING);
     }
   }, {
     key: "isHostSupportedByPlatform",
@@ -222,26 +182,26 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "leave",
     value: function () {
-      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) {
+      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) {
             case 0:
               this.loading = true;
-              _context2.t0 = this.keepConnect && this.isPstnUser;
-              if (!_context2.t0) {
-                _context2.next = 5;
+              _context.t0 = this.keepConnect && this.isPstnUser;
+              if (!_context.t0) {
+                _context.next = 5;
                 break;
               }
-              _context2.next = 5;
+              _context.next = 5;
               return this.keepPhoneAudioConnection();
             case 5:
               this.loading = false;
               this._roomProvider.exitRoom();
             case 7:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
       function leave() {
         return _leave.apply(this, arguments);
@@ -251,16 +211,16 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "keepPhoneAudioConnection",
     value: function () {
-      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) {
+      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) {
             case 0:
-              return _context3.abrupt("return", this._streamControl.splitAudioStream(this.localUserId));
+              return _context2.abrupt("return", this._streamControl.splitAudioStream(this.localUserId));
             case 1:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3, this);
+        }, _callee2, this);
       }));
       function keepPhoneAudioConnection() {
         return _keepPhoneAudioConnection.apply(this, arguments);
@@ -280,17 +240,17 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }, {
     key: "end",
     value: function () {
-      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) {
+      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) {
             case 0:
-              _context4.next = 2;
-              return this._roomControl.close();
+              this._roomControl.close();
+              this._roomProvider.exitRoom();
             case 2:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this);
+        }, _callee3, this);
       }));
       function end() {
         return _end.apply(this, arguments);
@@ -303,7 +263,7 @@ var LeaveMeetingStore = exports.LeaveMeetingStore = /*#__PURE__*/function () {
   }]);
 }();
 _LeaveMeetingStore = LeaveMeetingStore;
-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);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LeaveMeetingStore, [[_mobx.observable, 1, "keepConnect"], [_mobx.observable, 1, "canAssign"], [_mobx.observable, 1, "loading"], [_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];