fcr-ui-scene 3.7.4-rc.1 → 3.7.5

package/lib/providers/device-stream-provider.d.ts

@@ -1,17 +1,18 @@
 import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
 import { FcrUIDeviceProvider } from '../providers/device-provider';
-import { FcrUISharedInterpreterDataSource } from '../shared-data-source/interpreter';
+import { FcrUISharedInterpreterDataSource } from '../shared-data/interpreter';
 import { FcrUIDevicePrivilegeProvider } from './device-privilege-provider';
-import { FcrUISharedDevicePrivilegeDataSource } from '../shared-data-source/device-privilege-data';
+import { FcrUISharedDevicePrivilegeDataSource } from '../shared-data/device-privilege-data';
 import { FcrUIInterpreterProvider } from './interpreter-provider';
-import { FcrUIMessageProvider } from './message-provider';
-import { FcrUIDialogProvider } from './dialog-provider';
+import { FcrUIMessageProvider } from './message/type';
+import { FcrUIManagedObject } from '../object-manager';
+import { FcrUIDialogProvider } from './dialog/type';
 export interface FcrUIDeviceStreamProvider {
     enableCameraWithPreCheck(enable: boolean): void;
     enableMicrophoneWithPreCheck(enable: boolean): void;
     checkoutDevicePermission(mediaType: 'camera' | 'microphone'): void;
 }
-export declare class FcrUIDeviceStreamProviderImpl implements FcrUIDeviceStreamProvider {
+export declare class FcrUIDeviceStreamProviderImpl implements FcrUIDeviceStreamProvider, FcrUIManagedObject {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _roomControl;
     private _deviceProvider;
@@ -42,6 +43,5 @@ export declare class FcrUIDeviceStreamProviderImpl implements FcrUIDeviceStreamP
     private _handleMicrophoneChanged;
     private _bindLocalAudioStream;
     private _bindLocalVideoStream;
-    private _handleProcessEvent;
     private _bindLocalInterpreterMicrophoneId;
 }

package/lib/providers/device-stream-provider.js

@@ -63,11 +63,8 @@ var _decorator = require("agora-foundation/lib/decorator");
 var _mobx = require("mobx");
 var _type = require("fcr-core/lib/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _rendererEvent = require("../utilities/renderer-event");
 var _type2 = require("fcr-core/lib/room-control/type");
-var _env = require("agora-foundation/lib/utilities/env");
 var _constant = require("../utilities/constant");
-var _base = require("../base");
 var _bg = _interopRequireDefault(require("../modules/dialog/dialogs/system-preference/assets/bg1.png"));
 var _bg2 = _interopRequireDefault(require("../modules/dialog/dialogs/system-preference/assets/bg2.png"));
 var _fcrCore = require("fcr-core");
@@ -151,7 +148,6 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
     this._cameraDeviceId = cameraDeviceId;
     this._microphoneDeviceId = microphoneDeviceId;
     this._initLocalStream();
-    (0, _rendererEvent.addEventListener)(this._handleProcessEvent);
     (_this$_interpreterPro = this._interpreterProvider) === null || _this$_interpreterPro === void 0 || _this$_interpreterPro.addObserver(this._interpreterProviderObserver);
   }
   return (0, _createClass2["default"])(FcrUIDeviceStreamProviderImpl, [{
@@ -202,23 +198,18 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
                   desc: (0, _i18n.transI18n)('fmt_audio_popup_label_system_change'),
                   img: _bg2["default"]
                 }
-              };
-              if (!(0, _env.isElectron)()) {
-                _context.next = 2;
-                break;
-              }
-              _context.next = 1;
-              return window.runtime.checkMediaPermission(mediaType);
-            case 1:
-              hasSystemPermission = _context.sent;
-            case 2:
+              }; // TODO: facilityProvider
+              // if (isElectron()) {
+              //   hasSystemPermission = await renderer.checkMediaPermission(mediaType);
+              // }
               if (!hasSystemPermission) {
-                this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE, '', _objectSpread(_objectSpread({}, dialogMap[mediaType]), {}, {
+                this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE, _objectSpread(_objectSpread({}, dialogMap[mediaType]), {}, {
                   buttons: [{
                     withClose: true,
                     text: (0, _i18n.transI18n)('fmt_audio_popup_button_system_change'),
                     onClick: function onClick() {
-                      window.runtime.openSystemPreferences(mediaType);
+                      // TODO:
+                      // renderer.openSystemPreferences(mediaType);
                     }
                   }, {
                     withClose: true,
@@ -228,7 +219,7 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
                 }));
               }
               return _context.abrupt("return", hasSystemPermission);
-            case 3:
+            case 1:
             case "end":
               return _context.stop();
           }
@@ -334,7 +325,6 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
     key: "release",
     value: function release() {
       var _this$_interpreterPro2;
-      (0, _rendererEvent.removeEventListener)(this._handleProcessEvent);
       this._deviceProvider.removeObserver(this._deviceProviderObserver);
       this._streamControl.removeObserver(this._streamControlObserver);
       this._devicePrivilegeProvider.removeObserver(this._devicePrivilegeObserver);
@@ -391,21 +381,25 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
         }]);
       }
     }
-  }, {
-    key: "_handleProcessEvent",
-    value: function _handleProcessEvent(event) {
-      switch (event.action) {
-        case _constant.FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
-          if (this._deviceProvider.cameraEnabled) {
-            this.enableCameraWithPreCheck(false);
-          }
-          if (this._deviceProvider.microphoneEnabled) {
-            this.enableMicrophoneWithPreCheck(false);
-          }
-          this.logger.info('close camera and microphone due to lock screen');
-          break;
-      }
-    }
+
+    // TODO:
+    // @bound
+    // private _handleProcessEvent(event: RendererCustomEvent) {
+    //   switch (event.action) {
+    //     case FcrUIRendererEventAction.POWER_MONITOR_LOCK_SCREEN:
+    //       if (this._deviceProvider.cameraEnabled) {
+    //         this.enableCameraWithPreCheck(false);
+    //       }
+
+    //       if (this._deviceProvider.microphoneEnabled) {
+    //         this.enableMicrophoneWithPreCheck(false);
+    //       }
+
+    //       this.logger.info('close camera and microphone due to lock screen');
+
+    //       break;
+    //   }
+    // }
   }, {
     key: "_bindLocalInterpreterMicrophoneId",
     value: function _bindLocalInterpreterMicrophoneId(control) {
@@ -425,6 +419,7 @@ var FcrUIDeviceStreamProviderImpl = exports.FcrUIDeviceStreamProviderImpl = /*#_
   }]);
 }();
 _FcrUIDeviceStreamProviderImpl = FcrUIDeviceStreamProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIDeviceStreamProviderImpl, [[_checkoutDevicePermissionDecs, 18, "checkoutDevicePermission"], [_enableCameraWithPreCheckDecs, 18, "enableCameraWithPreCheck"], [_enableMicrophoneWithPreCheckDecs, 18, "enableMicrophoneWithPreCheck"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleMicrophoneChanged"], [_decorator.bound, 2, "_bindLocalAudioStream"], [_decorator.bound, 2, "_bindLocalVideoStream"], [_decorator.bound, 2, "_handleProcessEvent"]], []).e, 1);
-_initProto = _applyDecs$e[0];
-(0, _base.registerDependency)('deviceStreamProvider');
+var _applyDecs$e = _applyDecs(_FcrUIDeviceStreamProviderImpl, [[_checkoutDevicePermissionDecs, 18, "checkoutDevicePermission"], [_enableCameraWithPreCheckDecs, 18, "enableCameraWithPreCheck"], [_enableMicrophoneWithPreCheckDecs, 18, "enableMicrophoneWithPreCheck"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleMicrophoneChanged"], [_decorator.bound, 2, "_bindLocalAudioStream"], [_decorator.bound, 2, "_bindLocalVideoStream"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
+_applyDecs$e;

package/lib/providers/dialog/provider.base.d.ts

@@ -0,0 +1,42 @@
+import { FcrUIDialogKey } from '../../utilities/constant';
+import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+import { FcrUIManagedObject } from '../../object-manager';
+import { FcrDialogInterceptorEventName, FcrUIConfirmDescriptor, FcrUIDialogDescriptor, FcrUIDialogObserver, FcrUIDialogProvider } from './type';
+import { AgoraObservable } from 'agora-foundation/lib/utilities/observable';
+import { FcrUIDialogInfo } from '../../modules/dialog/type';
+export declare abstract class FcrUIDialogProviderBase implements FcrUIDialogProvider, FcrUIManagedObject {
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    protected observable: AgoraObservable<FcrUIDialogObserver>;
+    /**
+     * map dialogKey to dialog info
+     */
+    protected dialogInfoKeyMap: Map<FcrUIDialogKey, FcrUIDialogInfo>;
+    protected dialogKeyMap: Map<FcrUIDialogKey, string[]>;
+    protected dialogIdMap: Map<string, FcrUIDialogDescriptor>;
+    private _interceptorMap;
+    private _confirmById;
+    openConfirmDialog(params: ConfirmContentProps & {
+        key?: string;
+        duration?: number;
+    }): string;
+    closeConfirmDialog(id: string): void;
+    get dialogInfoMap(): Map<FcrUIDialogKey, FcrUIDialogInfo>;
+    get openedConfirms(): FcrUIConfirmDescriptor[];
+    get openedDialogs(): FcrUIDialogDescriptor[];
+    constructor();
+    closeAllConfirms(): void;
+    abstract openDialog(dialogKey: FcrUIDialogKey, params?: Record<string, unknown>): void;
+    abstract openDialogWithId(dialogKey: FcrUIDialogKey, dialogId: string, params?: Record<string, unknown>): void;
+    abstract closeDialog(dialogKey: FcrUIDialogKey): void;
+    abstract closeDialogById(dialogId: string): void;
+    release(): void;
+    isDialogOpened(dialogKey: FcrUIDialogKey): boolean;
+    isDialogOpenedById(dialogId: string): boolean;
+    addInterceptor(key: FcrDialogInterceptorEventName, interceptor: (dialogKey: FcrUIDialogKey) => boolean): void;
+    removeInterceptor(key: FcrDialogInterceptorEventName, interceptor: (dialogKey: FcrUIDialogKey) => boolean): void;
+    addDialogs(dialogs: FcrUIDialogInfo[]): void;
+    removeDialogs(dialogs: FcrUIDialogKey[]): void;
+    addObserver(observer: FcrUIDialogObserver): void;
+    removeObserver(observer: FcrUIDialogObserver): void;
+    protected emitIntercepter(key: FcrDialogInterceptorEventName, dialogKey: FcrUIDialogKey, dialogId: string): boolean;
+}

package/lib/providers/dialog/provider.base.js

@@ -0,0 +1,289 @@
+"use strict";
+
+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.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.slice.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.number.constructor.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.symbol.metadata.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrUIDialogProviderBase = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.index-of.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.array.splice.js");
+require("core-js/modules/es.date.now.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _constant = require("../../utilities/constant");
+var _logger = require("../../utilities/logger");
+var _observable = require("agora-foundation/lib/utilities/observable");
+var _decorator = require("agora-foundation/lib/decorator");
+var _FcrUIDialogProviderBase;
+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); }
+function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
+function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
+var FcrUIDialogProviderBase = exports.FcrUIDialogProviderBase = /*#__PURE__*/function () {
+  function FcrUIDialogProviderBase() {
+    (0, _classCallCheck2["default"])(this, FcrUIDialogProviderBase);
+    (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'FcrUIDialogProviderImpl'
+    })));
+    (0, _defineProperty2["default"])(this, "observable", new _observable.AgoraObservable());
+    /**
+     * map dialogKey to dialog info
+     */
+    (0, _defineProperty2["default"])(this, "dialogInfoKeyMap", new Map());
+    // map dialogKey to dialogId
+    (0, _defineProperty2["default"])(this, "dialogKeyMap", new Map());
+    // map dialogId to BrowserWindow
+    (0, _defineProperty2["default"])(this, "dialogIdMap", new Map());
+    (0, _defineProperty2["default"])(this, "_interceptorMap", new Map());
+    (0, _defineProperty2["default"])(this, "_confirmById", new Map());
+    this.addObserver((0, _logger.generateLogObserver)(this.logger, ['onDialogClose', 'onDialogOpen', 'onDialogInfoAdded', 'onDialogInfoRemoved']));
+  }
+  return (0, _createClass2["default"])(FcrUIDialogProviderBase, [{
+    key: "openConfirmDialog",
+    value: function openConfirmDialog(params) {
+      var dialogKey = _constant.FcrUIDialogKey.CONFIRM;
+      var id = "".concat(dialogKey, "_").concat(Date.now());
+      this._confirmById.set(id, {
+        id: id,
+        params: params
+      });
+      this.observable.notifyObservers('onConfirmOpen', id, params);
+      return id;
+    }
+  }, {
+    key: "closeConfirmDialog",
+    value: function closeConfirmDialog(id) {
+      this._confirmById["delete"](id);
+      this.observable.notifyObservers('onConfirmClose', id);
+    }
+  }, {
+    key: "dialogInfoMap",
+    get: function get() {
+      return this.dialogInfoKeyMap;
+    }
+  }, {
+    key: "openedConfirms",
+    get: function get() {
+      var result = Array.from(this._confirmById.values()).map(function (_ref) {
+        var id = _ref.id,
+          params = _ref.params;
+        return {
+          id: id,
+          params: params
+        };
+      });
+      return result;
+    }
+  }, {
+    key: "openedDialogs",
+    get: function get() {
+      var result = [];
+      var _iterator = _createForOfIteratorHelper(this.dialogKeyMap.entries()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var _step$value = (0, _slicedToArray2["default"])(_step.value, 2),
+            _dialogKey = _step$value[0],
+            dialogIds = _step$value[1];
+          var _iterator2 = _createForOfIteratorHelper(dialogIds),
+            _step2;
+          try {
+            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+              var _dialogId = _step2.value;
+              var _ref2 = this.dialogIdMap.get(_dialogId),
+                _params = _ref2.params;
+              result.push({
+                dialogKey: _dialogKey,
+                dialogId: _dialogId,
+                params: _params
+              });
+            }
+          } catch (err) {
+            _iterator2.e(err);
+          } finally {
+            _iterator2.f();
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      return result;
+    }
+  }, {
+    key: "closeAllConfirms",
+    value: function closeAllConfirms() {
+      var _iterator3 = _createForOfIteratorHelper(this._confirmById.keys()),
+        _step3;
+      try {
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var id = _step3.value;
+          this.closeConfirmDialog(id);
+        }
+      } catch (err) {
+        _iterator3.e(err);
+      } finally {
+        _iterator3.f();
+      }
+    }
+  }, {
+    key: "release",
+    value: function release() {
+      this.observable.removeAllObservers();
+      this.dialogKeyMap.clear();
+      this.dialogIdMap.clear();
+      this._interceptorMap.clear();
+    }
+  }, {
+    key: "isDialogOpened",
+    value: function isDialogOpened(dialogKey) {
+      return this.dialogKeyMap.has(dialogKey);
+    }
+  }, {
+    key: "isDialogOpenedById",
+    value: function isDialogOpenedById(dialogId) {
+      return this.dialogIdMap.has(dialogId);
+    }
+  }, {
+    key: "addInterceptor",
+    value: function addInterceptor(key, interceptor) {
+      if (this._interceptorMap.has(key)) {
+        this._interceptorMap.get(key).push(interceptor);
+      } else {
+        this._interceptorMap.set(key, [interceptor]);
+      }
+    }
+  }, {
+    key: "removeInterceptor",
+    value: function removeInterceptor(key, interceptor) {
+      if (this._interceptorMap.has(key)) {
+        var interceptors = this._interceptorMap.get(key);
+        var index = interceptors.indexOf(interceptor);
+        if (index !== -1) {
+          interceptors.splice(index, 1);
+        } else {
+          this.logger.warn("Interceptor not found when removing ".concat(key, " interceptor"));
+        }
+        if (interceptors.length === 0) {
+          this._interceptorMap["delete"](key);
+        }
+      } else {
+        this.logger.warn("No interceptors found for key: ".concat(key, " when removing interceptor"));
+      }
+    }
+  }, {
+    key: "addDialogs",
+    value: function addDialogs(dialogs) {
+      var _this = this;
+      dialogs.forEach(function (dialog) {
+        _this.dialogInfoKeyMap.set(dialog.key, dialog);
+        _this.observable.notifyObservers('onDialogInfoAdded', dialog.key, dialog);
+      });
+    }
+  }, {
+    key: "removeDialogs",
+    value: function removeDialogs(dialogs) {
+      var _this2 = this;
+      dialogs.forEach(function (dialogKey) {
+        _this2.dialogInfoKeyMap["delete"](dialogKey);
+        _this2.observable.notifyObservers('onDialogInfoRemoved', dialogKey);
+      });
+    }
+  }, {
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this.observable.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this.observable.removeObserver(observer);
+    }
+  }, {
+    key: "emitIntercepter",
+    value: function emitIntercepter(key, dialogKey, dialogId) {
+      var interceptors = this._interceptorMap.get(key);
+      if (interceptors) {
+        var _iterator4 = _createForOfIteratorHelper(interceptors),
+          _step4;
+        try {
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var interceptor = _step4.value;
+            var result = interceptor(dialogKey, dialogId);
+            if (result) {
+              return true;
+            }
+          }
+        } catch (err) {
+          _iterator4.e(err);
+        } finally {
+          _iterator4.f();
+        }
+      }
+      return false;
+    }
+  }]);
+}();
+_FcrUIDialogProviderBase = FcrUIDialogProviderBase;
+var _applyDecs$e = _applyDecs(_FcrUIDialogProviderBase, [[_decorator.trace, 2, "openConfirmDialog"], [_decorator.trace, 2, "closeConfirmDialog"], [_decorator.trace, 2, "closeAllConfirms"], [[_decorator.bound, _decorator.trace], 2, "release"], [_decorator.trace, 2, "isDialogOpened"], [_decorator.trace, 2, "isDialogOpenedById"], [_decorator.trace, 2, "addInterceptor"], [_decorator.trace, 2, "removeInterceptor"], [_decorator.trace, 2, "addDialogs"], [_decorator.trace, 2, "removeDialogs"], [_decorator.trace, 2, "addObserver"], [_decorator.trace, 2, "removeObserver"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
+_applyDecs$e;

package/lib/providers/dialog/provider.browser.d.ts

@@ -0,0 +1,15 @@
+import { FcrUIDialogProviderBase } from './provider.base';
+import { FcrUIDialogKey } from '../../utilities/constant';
+import { ConfirmContentProps } from 'agora-ui-foundation/lib/components/confirm-content';
+export declare class FcrUIBrowserDialogProviderImpl extends FcrUIDialogProviderBase {
+    openDialog(dialogKey: FcrUIDialogKey, params?: Record<string, unknown>): void;
+    openDialogWithId(dialogKey: FcrUIDialogKey, dialogId: string, params?: Record<string, unknown>): void;
+    closeDialog(dialogKey: FcrUIDialogKey): void;
+    closeDialogById(dialogId: string): void;
+    openConfirmDialog(params: ConfirmContentProps & {
+        key?: string;
+        duration?: number;
+    }): string;
+    protected openWithKeyAndId(dialogKey: FcrUIDialogKey, dialogId: string, params?: Record<string, unknown>): void;
+    protected closeByKeyAndId(dialogKey: FcrUIDialogKey, dialogId: string): void;
+}