fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib/type.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "FcrStreamLatencyLevel", {
     return _fcrCore.FcrStreamLatencyLevel;
   }
 });
-exports.FcrUIWindowType = exports.FcrUIVideoWindowMainSortingPriority = exports.FcrUIVideoWindowLayoutType = exports.FcrUIVideoWindowFoldSortingPriority = exports.FcrUIVideoEffectType = exports.FcrUIRoomType = exports.FcrUINotificationContentType = exports.FcrUIMicrophoneState = exports.FcrUIGlobalNodeEventType = exports.FcrUIExitReason = exports.FcrUIConnectType = exports.FcrUIAiDenoiseLevel = void 0;
+exports.FcrUIWindowType = exports.FcrUIVideoWindowMainSortingPriority = exports.FcrUIVideoWindowLayoutType = exports.FcrUIVideoWindowFoldSortingPriority = exports.FcrUIVideoEffectType = exports.FcrUIRoomType = exports.FcrUINotificationContentType = exports.FcrUIMicrophoneState = exports.FcrUIMeetingExitReason = exports.FcrUIGlobalNodeEventType = exports.FcrUIExitReason = exports.FcrUIConnectType = exports.FcrUIAiDenoiseLevel = void 0;
 Object.defineProperty(exports, "FcrUserRole", {
   enumerable: true,
   get: function get() {
@@ -83,6 +83,24 @@ var FcrUIConnectType = exports.FcrUIConnectType = /*#__PURE__*/function (FcrUICo
   FcrUIConnectType[FcrUIConnectType["PHONE"] = 2] = "PHONE";
   return FcrUIConnectType;
 }({});
+// 定义退出会议的原因枚举（Enum），覆盖主流场景
+var FcrUIMeetingExitReason = exports.FcrUIMeetingExitReason = /*#__PURE__*/function (FcrUIMeetingExitReason) {
+  // 1. 用户主动触发
+  FcrUIMeetingExitReason["USER_INITIATED_LEAVE"] = "USER_INITIATED_LEAVE";
+  // 用户主动离开会议
+  FcrUIMeetingExitReason["USER_INITIATED_END"] = "USER_INITIATED_END";
+  // 本地用户主动结束会议
+  // 2. 系统被动触发
+  FcrUIMeetingExitReason["SYSTEM_JOIN_ROOM_FAILED"] = "SYSTEM_JOIN_ROOM_FAILED";
+  // 加入房间失败
+  FcrUIMeetingExitReason["SYSTEM_NETWORK_ERROR"] = "SYSTEM_NETWORK_ERROR";
+  // 网络断开
+  FcrUIMeetingExitReason["SYSTEM_MEETING_ENDED"] = "SYSTEM_MEETING_ENDED";
+  // 主持人结束会议（全员退出）
+  // 3. 权限/角色相关
+  FcrUIMeetingExitReason["ADMIN_KICKED"] = "ADMIN_KICKED"; // 被管理员/主持人踢出
+  return FcrUIMeetingExitReason;
+}({});
 var FcrUINotificationContentType = exports.FcrUINotificationContentType = /*#__PURE__*/function (FcrUINotificationContentType) {
   FcrUINotificationContentType["WAITING_ROOM"] = "WAITING_ROOM";
   FcrUINotificationContentType["INTERPRETER_STATUS"] = "INTERPRETER_STATUS";
@@ -143,10 +161,10 @@ var FcrUIWindowType = exports.FcrUIWindowType = /*#__PURE__*/function (FcrUIWind
   return FcrUIWindowType;
 }({});
 var FcrUIAiDenoiseLevel = exports.FcrUIAiDenoiseLevel = function (FcrUIAiDenoiseLevel) {
+  FcrUIAiDenoiseLevel[FcrUIAiDenoiseLevel["NONE"] = _fcrCore.FcrAiDenoiseLevel.NONE] = "NONE";
   FcrUIAiDenoiseLevel[FcrUIAiDenoiseLevel["LOW"] = _fcrCore.FcrAiDenoiseLevel.LOW] = "LOW";
   FcrUIAiDenoiseLevel[FcrUIAiDenoiseLevel["MEDIUM"] = _fcrCore.FcrAiDenoiseLevel.MEDIUM] = "MEDIUM";
   FcrUIAiDenoiseLevel[FcrUIAiDenoiseLevel["HIGH"] = _fcrCore.FcrAiDenoiseLevel.HIGH] = "HIGH";
-  FcrUIAiDenoiseLevel[FcrUIAiDenoiseLevel["CLOSE"] = 4] = "CLOSE";
   return FcrUIAiDenoiseLevel;
 }({});
 var FcrUIGlobalNodeEventType = exports.FcrUIGlobalNodeEventType = /*#__PURE__*/function (FcrUIGlobalNodeEventType) {

package/lib/ui-manager.js

@@ -49,7 +49,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
-var _logger = require("agora-foundation/lib/logger");
+var _logger = require("./utilities/logger");
 var _devicePretest = require("./modules/device-pretest");
 var _store = require("./modules/device-pretest/store");
 var _i18n = require("agora-ui-foundation/lib/i18n");

package/lib/ui-scene-switch.d.ts

@@ -14,6 +14,7 @@ export declare class FcrUISceneSwitch implements FcrUISceneFacadeInternal {
     private _setLocalMeetingTimeKey;
     private _addObservers;
     private _addWidgetObserver;
+    private _bindLocalStreams;
     private _joinRoom;
     private _renderSceneUI;
     private _release;

package/lib/ui-scene-switch.js

@@ -2,9 +2,12 @@
 
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
+require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.slice.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");
@@ -12,6 +15,9 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.create.js");
 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.regexp.exec.js");
+require("core-js/modules/es.regexp.test.js");
+require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -59,7 +65,7 @@ var _observable = require("agora-foundation/lib/utilities/observable");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("./type");
 var _uiManager = require("./ui-manager");
-var _tools = require("./utilities/tools");
+var _tools = require("agora-foundation/lib/utilities/tools");
 var _mainScene = require("./scenes/main-scene");
 var _waitingScene = require("./scenes/waiting-scene");
 var _parameters = require("./utilities/parameters");
@@ -72,9 +78,11 @@ var _logger = require("fcr-core/lib/utilities/logger");
 var _logger2 = require("./utilities/logger");
 var _objectManager = require("./object-manager");
 var _env = require("agora-foundation/lib/utilities/env");
-var _platform = require("./utilities/platform");
 var _FcrUISceneSwitch;
 var _initProto;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -256,11 +264,6 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
       var roomProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
       var dialogProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
       var eventProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
-
-      /**
-       *  注意！！！ 请确保 FcrUISceneSwitch onExited 调用前 触发roomProvider  onExitRoom 通知UI重置状态
-       */
-
       var roomObserver = {
         onLeaveMainRoom: function onLeaveMainRoom() {
           // 立即释放资源
@@ -273,42 +276,78 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
           _this3._releaseCurrentScene();
           uiManager.renderLoading(true);
         },
-        onLocalUserKickedOut: function onLocalUserKickedOut() {
-          uiManager.renderMeetingEnded(true);
-          dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, {
-            title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
-            desc: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_kick_info'),
-            imgSrc: _leaveMeeting["default"],
-            btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
-            onConfirm: function onConfirm() {
-              dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
-              observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
-            }
-          });
-        },
-        onRoomClosed: function onRoomClosed() {
-          if (roomProvider.isSelfEndMeeting) {
-            observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
-          } else {
-            uiManager.renderMeetingEnded(true);
-            dialogProvider.openDialog(_constant.FcrUIDialogKey.END_MEETING, {
-              title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
-              desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
-              imgSrc: _leaveMeeting["default"],
-              btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
-              onConfirm: function onConfirm() {
-                dialogProvider.closeDialog(_constant.FcrUIDialogKey.END_MEETING);
-                observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
-              },
-              alwaysOnTop: (0, _platform.isWindows)()
-            });
+        onExitMeeting: function onExitMeeting(reason) {
+          /**
+           * 离开(结束)会议需满足的必要步骤
+           *  关键步骤1：触发 FcrUIRoomProvider.onMeetingExit，完成会议退出前置操作（如释放音视频资源、通知服务端）
+           *  关键步骤2：【必须在步骤1完成后执行】后触发 FcrUISceneSwitch.onExited，切换至非会议场景（如首页）
+           *  若步骤1未执行或执行失败，需阻断【步骤2的执行】，防止出现“场景已切换但会议未正常退出”的异常状态
+           */
+
+          switch (reason) {
+            case _type.FcrUIMeetingExitReason.SYSTEM_NETWORK_ERROR:
+              //  engine.connectionState === FcrConnectionState.ABORTED
+              var dialogId = dialogProvider.openConfirmDialog({
+                title: (0, _i18n.transI18n)('fmt_meetingroom_status_abnormal'),
+                content: (0, _i18n.transI18n)('fmt_meetingroom_tips_disconnected'),
+                showCancel: false,
+                okButtonProps: {
+                  block: true
+                },
+                alignCenter: true,
+                closable: false,
+                onOk: function onOk() {
+                  dialogProvider.closeConfirmDialog(dialogId);
+                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
+                }
+              });
+              break;
+            case _type.FcrUIMeetingExitReason.ADMIN_KICKED:
+              // 被管理员/主持人踢出
+              uiManager.renderMeetingEnded(true);
+              dialogProvider.openDialog(_constant.FcrUIDialogKey.EXIT_MEETING_NOTICE, {
+                title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
+                desc: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_kick_info'),
+                imgSrc: _leaveMeeting["default"],
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                onConfirm: function onConfirm() {
+                  dialogProvider.closeDialog(_constant.FcrUIDialogKey.EXIT_MEETING_NOTICE);
+                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
+                }
+              });
+              break;
+            case _type.FcrUIMeetingExitReason.SYSTEM_MEETING_ENDED:
+              // 主持人结束会议（全员退出）
+              uiManager.renderMeetingEnded(true);
+              dialogProvider.openDialog(_constant.FcrUIDialogKey.EXIT_MEETING_NOTICE, {
+                title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
+                desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
+                imgSrc: _leaveMeeting["default"],
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                onConfirm: function onConfirm() {
+                  dialogProvider.closeDialog(_constant.FcrUIDialogKey.EXIT_MEETING_NOTICE);
+                  observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
+                },
+                alwaysOnTop: (0, _env.isWindows)()
+              });
+              break;
+            case _type.FcrUIMeetingExitReason.USER_INITIATED_END:
+              // 本地用户结束会议
+              observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
+              break;
+            case _type.FcrUIMeetingExitReason.USER_INITIATED_LEAVE: //用户主动离开会议
+            case _type.FcrUIMeetingExitReason.SYSTEM_JOIN_ROOM_FAILED:
+              // joinRoomError
+              observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
+              break;
+            default:
+              observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
+              break;
           }
         },
-        onExitRoom: function onExitRoom() {
-          observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
-        },
         onRoutingChanged: function onRoutingChanged(roomControl) {
           uiManager.renderLoading(false);
+          _this3._bindLocalStreams();
           _this3._renderSceneUI(roomControl, uiManager);
         }
       };
@@ -316,24 +355,6 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
       roomProvider.addObserver(roomObserver);
       var engineObserver = {
         onConnectionStateUpdated: function onConnectionStateUpdated(state) {
-          if (state === _fcrCore.FcrConnectionState.ABORTED) {
-            var dialogId = dialogProvider.openConfirmDialog({
-              title: (0, _i18n.transI18n)('fmt_meetingroom_status_abnormal'),
-              content: (0, _i18n.transI18n)('fmt_meetingroom_tips_disconnected'),
-              showCancel: false,
-              okButtonProps: {
-                block: true
-              },
-              alignCenter: true,
-              closable: false,
-              onOk: function onOk() {
-                dialogProvider.closeConfirmDialog(dialogId);
-                roomProvider.removeObserver(roomObserver);
-                roomProvider.exitRoom();
-                observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
-              }
-            });
-          }
           if (state === _fcrCore.FcrConnectionState.CONNECTED && _this3._joinSuccess) {
             uiManager.renderLoading(false);
             eventProvider.sendEvent(_constant.FcrUIAction.ENGINE_RECONNECTED);
@@ -362,22 +383,111 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
         widgetProvider.removeObserver(_this4._widgetObserver);
       });
     }
+  }, {
+    key: "_bindLocalStreams",
+    value: function () {
+      var _bindLocalStreams2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var roomProvider, currentRoomControl, streamControl, localUser, localStreams, _iterator, _step, stream, bindConfig, _t, _t2;
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              roomProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+              if (roomProvider instanceof _roomProvider.FcrUIRoomProviderImpl) {
+                _context.next = 1;
+                break;
+              }
+              this.logger.warn('roomProvider is not FcrUIRoomProviderImpl, skipping bindLocalStreams');
+              return _context.abrupt("return");
+            case 1:
+              if (!roomProvider.currentRoomControl) {
+                _context.next = 11;
+                break;
+              }
+              currentRoomControl = roomProvider.currentRoomControl;
+              streamControl = currentRoomControl.getStreamControl();
+              localUser = currentRoomControl.getUserControl().getLocalUser();
+              localStreams = streamControl.getStreamsByUserId(localUser.userId);
+              if (!(localStreams.length > 0)) {
+                _context.next = 9;
+                break;
+              }
+              this.logger.info("Binding local streams, count: ".concat(localStreams.length));
+              _iterator = _createForOfIteratorHelper(localStreams);
+              _context.prev = 2;
+              _iterator.s();
+            case 3:
+              if ((_step = _iterator.n()).done) {
+                _context.next = 5;
+                break;
+              }
+              stream = _step.value;
+              bindConfig = {
+                streamId: stream.streamId,
+                videoSourceId: stream.videoSourceId,
+                audioSourceId: stream.audioSourceId
+              };
+              _context.next = 4;
+              return streamControl.bindLocalStreams([bindConfig]);
+            case 4:
+              _context.next = 3;
+              break;
+            case 5:
+              _context.next = 7;
+              break;
+            case 6:
+              _context.prev = 6;
+              _t = _context["catch"](2);
+              _iterator.e(_t);
+            case 7:
+              _context.prev = 7;
+              _iterator.f();
+              return _context.finish(7);
+            case 8:
+              this.logger.info('Successfully bound all local streams');
+              _context.next = 10;
+              break;
+            case 9:
+              this.logger.info('No local streams found to bind');
+            case 10:
+              _context.next = 12;
+              break;
+            case 11:
+              this.logger.warn('currentRoomControl is not available yet, skipping bindLocalStreams');
+            case 12:
+              _context.next = 14;
+              break;
+            case 13:
+              _context.prev = 13;
+              _t2 = _context["catch"](0);
+              this.logger.error('Failed to bind local streams', _t2);
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this, [[0, 13], [2, 6, 7, 8]]);
+      }));
+      function _bindLocalStreams() {
+        return _bindLocalStreams2.apply(this, arguments);
+      }
+      return _bindLocalStreams;
+    }()
   }, {
     key: "_joinRoom",
     value: function () {
-      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl) {
+      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(engine, roomControl) {
         var _this5 = this;
         var abortController, p;
-        return _regenerator["default"].wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function (_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               abortController = new AbortController();
               this._joinAbortController = abortController;
               p = new Promise(/*#__PURE__*/function () {
-                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(resolve, reject) {
-                  var onAbort, _t;
-                  return _regenerator["default"].wrap(function (_context) {
-                    while (1) switch (_context.prev = _context.next) {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(resolve, reject) {
+                  var onAbort, _t3;
+                  return _regenerator["default"].wrap(function (_context2) {
+                    while (1) switch (_context2.prev = _context2.next) {
                       case 0:
                         onAbort = function onAbort() {
                           return reject(new Error('join aborted'));
@@ -385,47 +495,47 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
                         abortController.signal.addEventListener('abort', onAbort, {
                           once: true
                         });
-                        _context.prev = 1;
-                        _context.next = 2;
+                        _context2.prev = 1;
+                        _context2.next = 2;
                         return engine.login();
                       case 2:
                         if (!abortController.signal.aborted) {
-                          _context.next = 3;
+                          _context2.next = 3;
                           break;
                         }
                         throw new Error('join aborted');
                       case 3:
-                        _context.next = 4;
+                        _context2.next = 4;
                         return roomControl.handleJoinRoom();
                       case 4:
                         if (!abortController.signal.aborted) {
-                          _context.next = 5;
+                          _context2.next = 5;
                           break;
                         }
                         throw new Error('join aborted');
                       case 5:
                         if (_this5._isLaunched) {
-                          _context.next = 6;
+                          _context2.next = 6;
                           break;
                         }
-                        return _context.abrupt("return", reject());
+                        return _context2.abrupt("return", reject());
                       case 6:
                         _this5._joinSuccess = true;
-                        return _context.abrupt("return", resolve());
+                        return _context2.abrupt("return", resolve());
                       case 7:
-                        _context.prev = 7;
-                        _t = _context["catch"](1);
-                        return _context.abrupt("return", reject(_t));
+                        _context2.prev = 7;
+                        _t3 = _context2["catch"](1);
+                        return _context2.abrupt("return", reject(_t3));
                       case 8:
-                        _context.prev = 8;
+                        _context2.prev = 8;
                         abortController.signal.removeEventListener('abort', onAbort);
                         _this5._joinAbortController = null;
-                        return _context.finish(8);
+                        return _context2.finish(8);
                       case 9:
                       case "end":
-                        return _context.stop();
+                        return _context2.stop();
                     }
-                  }, _callee, null, [[1, 7, 8, 9]]);
+                  }, _callee2, null, [[1, 7, 8, 9]]);
                 }));
                 return function (_x3, _x4) {
                   return _ref2.apply(this, arguments);
@@ -442,12 +552,12 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
                 }
                 _this5._observable.notifyObservers('onLaunchFailure', _this5._config.roomId, e);
               });
-              return _context2.abrupt("return", p);
+              return _context3.abrupt("return", p);
             case 1:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
       function _joinRoom(_x, _x2) {
         return _joinRoom2.apply(this, arguments);
@@ -457,11 +567,11 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
   }, {
     key: "_renderSceneUI",
     value: function () {
-      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomControl, uiManager) {
+      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(roomControl, uiManager) {
         var _roomControl$getRoomI;
         var type, mainScene, waitingScene;
-        return _regenerator["default"].wrap(function (_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function (_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
               type = (_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType;
               if (type === _type2.FcrRoomType.Mainroom) {
@@ -495,9 +605,9 @@ var FcrUISceneSwitch = exports.FcrUISceneSwitch = /*#__PURE__*/function () {
               }
             case 1:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
       function _renderSceneUI(_x5, _x6) {
         return _renderSceneUI2.apply(this, arguments);

package/lib/utilities/browser-api.d.ts

@@ -1,4 +1,3 @@
-export declare function copyText(text: string): Promise<void>;
 export declare const isFullScreen: () => boolean;
 export declare const enterFullScreen: () => void;
 export declare const exitFullScreen: () => void;

package/lib/utilities/browser-api.js

@@ -1,52 +1,10 @@
 "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.copyText = copyText;
 exports.isFullScreen = exports.exitFullScreen = exports.enterFullScreen = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-function copyText(_x) {
-  return _copyText.apply(this, arguments);
-}
-function _copyText() {
-  _copyText = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(text) {
-    var textarea, _t;
-    return _regenerator["default"].wrap(function (_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          if (!('clipboard' in navigator)) {
-            _context.next = 4;
-            break;
-          }
-          _context.prev = 1;
-          _context.next = 2;
-          return navigator.clipboard.writeText(text);
-        case 2:
-          return _context.abrupt("return");
-        case 3:
-          _context.prev = 3;
-          _t = _context["catch"](1);
-          console.error('navigator.clipboard.writeText catch error:', _t);
-        case 4:
-          textarea = document.createElement('textarea');
-          textarea.setAttribute('readonly', 'readonly');
-          textarea.value = text;
-          document.body.appendChild(textarea);
-          textarea.select();
-          document.execCommand('copy');
-          document.body.removeChild(textarea);
-        case 5:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[1, 3]]);
-  }));
-  return _copyText.apply(this, arguments);
-}
 var isFullScreen = exports.isFullScreen = function isFullScreen() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 };

package/lib/utilities/constant.d.ts

@@ -142,12 +142,12 @@ export declare enum FcrUIDialogKey {
     WAITING_ROOM_OPERATION = "operation-waiting-room",
     WIDGET = "widget",
     RENAME = "rename",
-    ANNOTATION_TOOL = "annotation-tool",
-    LEAVE_MEETING = "leave-meeting",
-    END_MEETING = "end-meeting",
+    CONFIRM_END_MEETING = "confirm-end-meeting",
+    EXIT_MEETING_NOTICE = "exit\u2014meeting\u2014notice",
     SUB_WINDOW = "sub-window",
     MUTE_ALL = "mute-all",
-    ANNOTATION = "annotation",
+    ANNOTATION_TOOLBAR = "annotation-toolbar",
+    ANNOTATION_MASK = "annotation-mask",
     REVOKE_HOST = "revoke-host",
     CONTROL_BAR_LEAVE_MEETING = "control-bar-leave-meeting",
     MOUSE_DETECT_DEBUG = "mouse-detect-debug",

package/lib/utilities/constant.js

@@ -156,13 +156,12 @@ var FcrUIDialogKey = exports.FcrUIDialogKey = /*#__PURE__*/function (FcrUIDialog
   FcrUIDialogKey["WAITING_ROOM_OPERATION"] = "operation-waiting-room";
   FcrUIDialogKey["WIDGET"] = "widget";
   FcrUIDialogKey["RENAME"] = "rename";
-  FcrUIDialogKey["ANNOTATION_TOOL"] = "annotation-tool";
-  FcrUIDialogKey["LEAVE_MEETING"] = "leave-meeting";
-  FcrUIDialogKey["END_MEETING"] = "end-meeting";
+  FcrUIDialogKey["CONFIRM_END_MEETING"] = "confirm-end-meeting";
+  FcrUIDialogKey["EXIT_MEETING_NOTICE"] = "exit\u2014meeting\u2014notice";
   FcrUIDialogKey["SUB_WINDOW"] = "sub-window";
   FcrUIDialogKey["MUTE_ALL"] = "mute-all";
-  // fragments
-  FcrUIDialogKey["ANNOTATION"] = "annotation";
+  FcrUIDialogKey["ANNOTATION_TOOLBAR"] = "annotation-toolbar";
+  FcrUIDialogKey["ANNOTATION_MASK"] = "annotation-mask";
   FcrUIDialogKey["REVOKE_HOST"] = "revoke-host";
   FcrUIDialogKey["CONTROL_BAR_LEAVE_MEETING"] = "control-bar-leave-meeting";
   // debug

package/lib/utilities/default-config.d.ts

@@ -1,4 +1,5 @@
-import { FcrCloudRecordingAudioProfile, FcrDualVideoStreamConfig } from 'fcr-core/lib/type';
+import { FcrCloudRecordingAudioProfile } from 'fcr-core/lib/type';
+import type { FcrDualVideoStreamConfig } from 'fcr-core';
 export declare const cameraVideoHighStreamEncoderConfig: {
     dimensions: {
         width: number;
@@ -6,7 +7,6 @@ export declare const cameraVideoHighStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare const cameraVideoLowStreamEncoderConfig: {
     dimensions: {
@@ -15,7 +15,6 @@ export declare const cameraVideoLowStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare const screenCaptureHighStreamEncoderConfig: {
     dimensions: {
@@ -24,7 +23,6 @@ export declare const screenCaptureHighStreamEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare const screenCaptureClearityConfig: {
     dimensions: {
@@ -33,7 +31,6 @@ export declare const screenCaptureClearityConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare const screenCaptureSmoothConfig: {
     dimensions: {
@@ -42,7 +39,6 @@ export declare const screenCaptureSmoothConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare const hdCameraVideoEncoderConfig: {
     dimensions: {
@@ -51,7 +47,6 @@ export declare const hdCameraVideoEncoderConfig: {
     };
     frameRate: number;
     bitrate: number;
-    isMirror: boolean;
 };
 export declare let enableCameraDualStreamMode: boolean;
 export declare let enableScreenDualStreamMode: boolean;
@@ -64,7 +59,6 @@ export declare const cloudRecordingConfig: {
         };
         bitrate: number;
         frameRate: number;
-        isMirror: false;
     };
     retryTimeout: number;
 };