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

package/lib/modules/annotation/annotation-toolbar-store.js

@@ -7,6 +7,7 @@ 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.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.number.constructor.js");
@@ -39,7 +40,6 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.push.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
@@ -58,13 +58,13 @@ var _react = require("react");
 var _enums = require("fcr-core/lib/room-control/whiteboard-control/enums");
 var _libs = _interopRequireDefault(require("../whiteboard/components/switch-theme/libs"));
 var _tinycolor = _interopRequireDefault(require("tinycolor2"));
+var _type2 = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
-var _imports = require("fcr-core/lib/imports");
 var _utils = require("../whiteboard/utils");
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _constant = require("../../utilities/constant");
+var _logger = require("../../utilities/logger");
 var _AnnotationReceiverToolbarStore;
-var _initProto, _init_observables, _resetToolbarVarsDecs, _redoDecs, _undoDecs, _cleanDecs, _setToolDecs, _setPenDecs, _setShapeDecs, _setStrokeColorDecs, _setStrokeWidthDecs, _clickExpansionToolDecs, _setToolbarPositionDecs, _dragToolbarDecs, _releaseToolbarDecs, _captureScreenDecs, _saveDraftDecs, _setThemeDecs, _setCommonColorDecs, _repositionToolbarDecs, _getSnapshotImageDecs, _ref;
+var _initProto, _init_observables, _resetToolbarVarsDecs, _redoDecs, _undoDecs, _cleanDecs, _setToolDecs, _setPenDecs, _setShapeDecs, _setStrokeColorDecs, _setStrokeWidthDecs, _clickExpansionToolDecs, _setToolbarPositionDecs, _dragToolbarDecs, _releaseToolbarDecs, _captureScreenDecs, _saveDraftDecs, _setCommonColorDecs, _repositionToolbarDecs, _getSnapshotImageDecs, _ref;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -77,12 +77,14 @@ function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.descr
 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 colors = ['#EFEFEF', '#FFEC42', '#FFB545', '#E44A19', '#4A4C5F', '#A1C573', '#51BD69', '#EB47A2', '#0E0E0E', '#50E3C2', '#547AFF', '#79479F'];
 var _A = /*#__PURE__*/new WeakMap();
-_ref = (_resetToolbarVarsDecs = [_mobx.action, _mobx.action.bound], _redoDecs = [_mobx.action, _mobx.action.bound], _undoDecs = [_mobx.action, _mobx.action.bound], _cleanDecs = [_mobx.action, _mobx.action.bound], _setToolDecs = [_mobx.action, _mobx.action.bound], _setPenDecs = [_mobx.action, _mobx.action.bound], _setShapeDecs = [_mobx.action, _mobx.action.bound], _setStrokeColorDecs = [_mobx.action, _mobx.action.bound], _setStrokeWidthDecs = [_mobx.action, _mobx.action.bound], _clickExpansionToolDecs = [_mobx.action, _mobx.action.bound], _setToolbarPositionDecs = [_mobx.action, _mobx.action.bound], _dragToolbarDecs = [_mobx.action, _mobx.action.bound], _releaseToolbarDecs = [_mobx.action, _mobx.action.bound], _captureScreenDecs = [_mobx.action, _mobx.action.bound], _saveDraftDecs = [_mobx.action, _mobx.action.bound], _setThemeDecs = [_mobx.action, _mobx.action.bound], _setCommonColorDecs = [_mobx.action, _mobx.action.bound], _repositionToolbarDecs = [_mobx.action, _mobx.action.bound], _getSnapshotImageDecs = [_mobx.action, _mobx.action.bound], "_boardMainWindow");
+_ref = (_resetToolbarVarsDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _redoDecs = [_mobx.action, _mobx.action.bound], _undoDecs = [_mobx.action, _mobx.action.bound], _cleanDecs = [_mobx.action, _mobx.action.bound], _setToolDecs = [_mobx.action, _mobx.action.bound], _setPenDecs = [_mobx.action, _mobx.action.bound], _setShapeDecs = [_mobx.action, _mobx.action.bound], _setStrokeColorDecs = [_mobx.action, _mobx.action.bound], _setStrokeWidthDecs = [_mobx.action, _mobx.action.bound], _clickExpansionToolDecs = [_mobx.action, _mobx.action.bound], _setToolbarPositionDecs = [_mobx.action, _mobx.action.bound], _dragToolbarDecs = [_mobx.action, _mobx.action.bound], _releaseToolbarDecs = [_mobx.action, _mobx.action.bound], _captureScreenDecs = [_mobx.action, _mobx.action.bound], _saveDraftDecs = [_mobx.action, _mobx.action.bound], _setCommonColorDecs = [_mobx.action, _mobx.action.bound], _repositionToolbarDecs = [_mobx.action, _mobx.action.bound], _getSnapshotImageDecs = [_mobx.action, _mobx.action.bound], "logger");
 var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*#__PURE__*/function () {
-  function AnnotationReceiverToolbarStore(_whiteboardControl, _roomControl, _annotationProvider, _eventProvider, _sharedAnnotationDataSource) {
+  function AnnotationReceiverToolbarStore(_whiteboardControl, _roomControl, _eventProvider, _sharedAnnotationDataSource) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, AnnotationReceiverToolbarStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), undefined));
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'AnnotationReceiverToolbarStore'
+    })));
     (0, _defineProperty2["default"])(this, "_lastStrokeWidth", 0);
     (0, _defineProperty2["default"])(this, "_boardObserver", {
       onRedoStateUpdated: function onRedoStateUpdated(enable) {
@@ -97,20 +99,16 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
         if (!_this._whiteboardControl) {
           return;
         }
-        if (state === _imports.AgoraRteConnectionState.CONNECTED) {
-          var _this$_boardMainWindo;
-          _this._boardMainWindow = _this._whiteboardControl.getMainWindow();
+        if (state === _type2.FcrConnectionState.CONNECTED) {
+          var _this$boardMainWindow;
           _this._lastStrokeWidth = 0;
-          (_this$_boardMainWindo = _this._boardMainWindow) === null || _this$_boardMainWindo === void 0 || _this$_boardMainWindo.addObserver(_this._boardObserver);
+          (_this$boardMainWindow = _this.boardMainWindow) === null || _this$boardMainWindow === void 0 || _this$boardMainWindow.addObserver(_this._boardObserver);
         } else {
-          var _this$_boardMainWindo2;
-          (_this$_boardMainWindo2 = _this._boardMainWindow) === null || _this$_boardMainWindo2 === void 0 || _this$_boardMainWindo2.removeObserver(_this._boardObserver);
+          var _this$boardMainWindow2;
+          (_this$boardMainWindow2 = _this.boardMainWindow) === null || _this$boardMainWindow2 === void 0 || _this$boardMainWindow2.removeObserver(_this._boardObserver);
         }
       }
     });
-    (0, _defineProperty2["default"])(this, "_uiEventObserver", {
-      onEvent: this._onUiEvent.bind(this)
-    });
     _classPrivateFieldInitSpec(this, _A, _init_observables(this, {
       currentTool: _enums.FcrBoardToolType.CURVE,
       currentShape: undefined,
@@ -141,11 +139,9 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
     }));
     this._whiteboardControl = _whiteboardControl;
     this._roomControl = _roomControl;
-    this._annotationProvider = _annotationProvider;
     this._eventProvider = _eventProvider;
     this._sharedAnnotationDataSource = _sharedAnnotationDataSource;
     this._whiteboardControl.addObserver(this._whiteboardObserver);
-    this._eventProvider.addObserver(this._uiEventObserver);
   }
   return (0, _createClass2["default"])(AnnotationReceiverToolbarStore, [{
     key: "observables",
@@ -165,38 +161,15 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
     get: function get() {
       return this._sharedAnnotationDataSource.boardMainWindow;
     }
-  }, {
-    key: "_onUiEvent",
-    value: function () {
-      var _onUiEvent2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(event, params) {
-        var _t;
-        return _regenerator["default"].wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _t = event;
-              _context.next = _t === _constant.FcrUIAction.RESET_WHITEBOARD_TOOLBAR_VARS ? 1 : 2;
-              break;
-            case 1:
-              this.resetToolbarVars();
-              return _context.abrupt("continue", 2);
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function _onUiEvent(_x, _x2) {
-        return _onUiEvent2.apply(this, arguments);
-      }
-      return _onUiEvent;
-    }()
   }, {
     key: "resetToolbarVars",
     value: function resetToolbarVars() {
-      if (this._boardMainWindow) {
+      if (this.boardMainWindow) {
         this.setStrokeColor(colors[2]);
         this.setStrokeWidth(2);
         this.setPen(_type.FcrBoardShape.Curve);
+      } else {
+        this.logger.error('cannot reset toolbar, boardMainWindow is undefined');
       }
     }
   }, {
@@ -207,64 +180,64 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
   }, {
     key: "redo",
     value: function redo() {
-      var _this$boardMainWindow;
-      (_this$boardMainWindow = this.boardMainWindow) === null || _this$boardMainWindow === void 0 || _this$boardMainWindow.redo();
+      var _this$boardMainWindow3;
+      (_this$boardMainWindow3 = this.boardMainWindow) === null || _this$boardMainWindow3 === void 0 || _this$boardMainWindow3.redo();
     }
   }, {
     key: "undo",
     value: function undo() {
-      var _this$boardMainWindow2;
-      (_this$boardMainWindow2 = this.boardMainWindow) === null || _this$boardMainWindow2 === void 0 || _this$boardMainWindow2.undo();
+      var _this$boardMainWindow4;
+      (_this$boardMainWindow4 = this.boardMainWindow) === null || _this$boardMainWindow4 === void 0 || _this$boardMainWindow4.undo();
     }
   }, {
     key: "clean",
     value: function clean() {
-      var _this$boardMainWindow3;
-      (_this$boardMainWindow3 = this.boardMainWindow) === null || _this$boardMainWindow3 === void 0 || _this$boardMainWindow3.clean();
+      var _this$boardMainWindow5;
+      (_this$boardMainWindow5 = this.boardMainWindow) === null || _this$boardMainWindow5 === void 0 || _this$boardMainWindow5.clean();
     }
   }, {
     key: "setTool",
     value: function setTool(tool) {
-      var _this$boardMainWindow4;
+      var _this$boardMainWindow6;
       this.observables.currentTool = tool;
       this.observables.currentShape = undefined;
-      (_this$boardMainWindow4 = this.boardMainWindow) === null || _this$boardMainWindow4 === void 0 || _this$boardMainWindow4.setToolType(tool);
+      (_this$boardMainWindow6 = this.boardMainWindow) === null || _this$boardMainWindow6 === void 0 || _this$boardMainWindow6.setToolType(tool);
     }
   }, {
     key: "setPen",
     value: function setPen(shape) {
-      var _this$boardMainWindow5, _this$boardMainWindow6, _this$boardMainWindow7;
+      var _this$boardMainWindow7, _this$boardMainWindow8, _this$boardMainWindow9;
       this.observables.currentShape = shape;
       this.observables.lastPen = shape;
       this.observables.currentTool = this._convertShapeToBoardToolType(shape);
-      (_this$boardMainWindow5 = this.boardMainWindow) === null || _this$boardMainWindow5 === void 0 || _this$boardMainWindow5.setToolType(this._convertShapeToBoardToolType(shape));
-      (_this$boardMainWindow6 = this.boardMainWindow) === null || _this$boardMainWindow6 === void 0 || _this$boardMainWindow6.setStrokeWidth(this.observables.currentStrokeWidth);
-      (_this$boardMainWindow7 = this.boardMainWindow) === null || _this$boardMainWindow7 === void 0 || _this$boardMainWindow7.setStrokeColor((0, _tinycolor["default"])(this.observables.currentColor).toRgb());
+      (_this$boardMainWindow7 = this.boardMainWindow) === null || _this$boardMainWindow7 === void 0 || _this$boardMainWindow7.setToolType(this._convertShapeToBoardToolType(shape));
+      (_this$boardMainWindow8 = this.boardMainWindow) === null || _this$boardMainWindow8 === void 0 || _this$boardMainWindow8.setStrokeWidth(this.observables.currentStrokeWidth);
+      (_this$boardMainWindow9 = this.boardMainWindow) === null || _this$boardMainWindow9 === void 0 || _this$boardMainWindow9.setStrokeColor((0, _tinycolor["default"])(this.observables.currentColor).toRgb());
     }
   }, {
     key: "setShape",
     value: function setShape(shape) {
-      var _this$boardMainWindow8, _this$boardMainWindow9, _this$boardMainWindow0;
+      var _this$boardMainWindow0, _this$boardMainWindow1, _this$boardMainWindow10;
       this.observables.currentShape = shape;
       this.observables.lastShape = shape;
       this.observables.currentTool = this._convertShapeToBoardToolType(shape);
-      (_this$boardMainWindow8 = this.boardMainWindow) === null || _this$boardMainWindow8 === void 0 || _this$boardMainWindow8.setToolType(this._convertShapeToBoardToolType(shape));
-      (_this$boardMainWindow9 = this.boardMainWindow) === null || _this$boardMainWindow9 === void 0 || _this$boardMainWindow9.setStrokeWidth(this.observables.currentStrokeWidth);
-      (_this$boardMainWindow0 = this.boardMainWindow) === null || _this$boardMainWindow0 === void 0 || _this$boardMainWindow0.setStrokeColor((0, _tinycolor["default"])(this.observables.currentColor).toRgb());
+      (_this$boardMainWindow0 = this.boardMainWindow) === null || _this$boardMainWindow0 === void 0 || _this$boardMainWindow0.setToolType(this._convertShapeToBoardToolType(shape));
+      (_this$boardMainWindow1 = this.boardMainWindow) === null || _this$boardMainWindow1 === void 0 || _this$boardMainWindow1.setStrokeWidth(this.observables.currentStrokeWidth);
+      (_this$boardMainWindow10 = this.boardMainWindow) === null || _this$boardMainWindow10 === void 0 || _this$boardMainWindow10.setStrokeColor((0, _tinycolor["default"])(this.observables.currentColor).toRgb());
     }
   }, {
     key: "setStrokeColor",
     value: function setStrokeColor(color) {
-      var _this$boardMainWindow1;
+      var _this$boardMainWindow11;
       this.observables.currentColor = color;
-      (_this$boardMainWindow1 = this.boardMainWindow) === null || _this$boardMainWindow1 === void 0 || _this$boardMainWindow1.setStrokeColor((0, _tinycolor["default"])(color).toRgb());
+      (_this$boardMainWindow11 = this.boardMainWindow) === null || _this$boardMainWindow11 === void 0 || _this$boardMainWindow11.setStrokeColor((0, _tinycolor["default"])(color).toRgb());
     }
   }, {
     key: "setStrokeWidth",
     value: function setStrokeWidth(strokeWidth) {
-      var _this$boardMainWindow10;
+      var _this$boardMainWindow12;
       this.observables.currentStrokeWidth = strokeWidth;
-      (_this$boardMainWindow10 = this.boardMainWindow) === null || _this$boardMainWindow10 === void 0 || _this$boardMainWindow10.setStrokeWidth(strokeWidth);
+      (_this$boardMainWindow12 = this.boardMainWindow) === null || _this$boardMainWindow12 === void 0 || _this$boardMainWindow12.setStrokeWidth(strokeWidth);
     }
   }, {
     key: "clickExpansionTool",
@@ -299,13 +272,6 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
     value: function saveDraft() {
       this._getSnapshotImage();
     }
-  }, {
-    key: "setTheme",
-    value: function setTheme(theme) {
-      this._setBackgroundColor(theme.background);
-      this.observables.colors = theme.colors;
-      this.observables.currentThemeType = theme;
-    }
   }, {
     key: "setCommonColor",
     value: function setCommonColor(color) {
@@ -328,9 +294,8 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
   }, {
     key: "release",
     value: function release() {
-      var _this$_boardMainWindo3;
-      this._eventProvider.removeObserver(this._uiEventObserver);
-      (_this$_boardMainWindo3 = this._boardMainWindow) === null || _this$_boardMainWindo3 === void 0 || _this$_boardMainWindo3.removeObserver(this._boardObserver);
+      var _this$boardMainWindow13;
+      (_this$boardMainWindow13 = this.boardMainWindow) === null || _this$boardMainWindow13 === void 0 || _this$boardMainWindow13.removeObserver(this._boardObserver);
       this._whiteboardControl.removeObserver(this._whiteboardObserver);
     }
   }, {
@@ -410,26 +375,19 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
         });
       }
     }
-  }, {
-    key: "_setBackgroundColor",
-    value: function _setBackgroundColor(bgColor) {
-      var _this$_whiteboardCont;
-      var color = bgColor || 'white';
-      (_this$_whiteboardCont = this._whiteboardControl) === null || _this$_whiteboardCont === void 0 || _this$_whiteboardCont.setBackgroundColor(color);
-    }
   }, {
     key: "_getSnapshotImage",
     value: function () {
-      var _getSnapshotImage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      var _getSnapshotImage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var _this5 = this;
         var mainWindow, progress, imageData;
-        return _regenerator["default"].wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               this.observables.progress = 0;
               mainWindow = this.boardMainWindow;
               if (!mainWindow) {
-                _context2.next = 2;
+                _context.next = 2;
                 break;
               }
               progress = setInterval(function () {
@@ -439,10 +397,10 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
                   clearInterval(progress);
                 }
               }, 4);
-              _context2.next = 1;
+              _context.next = 1;
               return mainWindow.getSnapshotImage();
             case 1:
-              imageData = _context2.sent;
+              imageData = _context.sent;
               (0, _mobx.runInAction)(function () {
                 setTimeout(function () {
                   var _this5$roomInfo;
@@ -459,9 +417,9 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
               });
             case 2:
             case "end":
-              return _context2.stop();
+              return _context.stop();
           }
-        }, _callee2, this);
+        }, _callee, this);
       }));
       function _getSnapshotImage() {
         return _getSnapshotImage2.apply(this, arguments);
@@ -495,7 +453,7 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
   }]);
 }();
 _AnnotationReceiverToolbarStore = AnnotationReceiverToolbarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_AnnotationReceiverToolbarStore, [[_mobx.observable, 1, "observables"], [_decorator.bound, 2, "_onUiEvent"], [_resetToolbarVarsDecs, 18, "resetToolbarVars"], [_redoDecs, 18, "redo"], [_undoDecs, 18, "undo"], [_cleanDecs, 18, "clean"], [_setToolDecs, 18, "setTool"], [_setPenDecs, 18, "setPen"], [_setShapeDecs, 18, "setShape"], [_setStrokeColorDecs, 18, "setStrokeColor"], [_setStrokeWidthDecs, 18, "setStrokeWidth"], [_clickExpansionToolDecs, 18, "clickExpansionTool"], [_setToolbarPositionDecs, 18, "setToolbarPosition"], [_dragToolbarDecs, 18, "dragToolbar"], [_releaseToolbarDecs, 18, "releaseToolbar"], [_captureScreenDecs, 18, "captureScreen"], [_saveDraftDecs, 18, "saveDraft"], [_setThemeDecs, 18, "setTheme"], [_setCommonColorDecs, 18, "setCommonColor"], [_repositionToolbarDecs, 18, "repositionToolbar"], [_decorator.bound, 2, "release"], [_decorator.bound, 2, "_updateDockPlacement"], [_decorator.bound, 2, "_updateDockPosition"], [_decorator.bound, 2, "_updateMaxVisibleTools"], [_decorator.bound, 2, "_setBackgroundColor"], [_getSnapshotImageDecs, 18, "_getSnapshotImage"]], []).e, 2);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_AnnotationReceiverToolbarStore, [[_mobx.observable, 1, "observables"], [_resetToolbarVarsDecs, 18, "resetToolbarVars"], [_redoDecs, 18, "redo"], [_undoDecs, 18, "undo"], [_cleanDecs, 18, "clean"], [_setToolDecs, 18, "setTool"], [_setPenDecs, 18, "setPen"], [_setShapeDecs, 18, "setShape"], [_setStrokeColorDecs, 18, "setStrokeColor"], [_setStrokeWidthDecs, 18, "setStrokeWidth"], [_clickExpansionToolDecs, 18, "clickExpansionTool"], [_setToolbarPositionDecs, 18, "setToolbarPosition"], [_dragToolbarDecs, 18, "dragToolbar"], [_releaseToolbarDecs, 18, "releaseToolbar"], [_captureScreenDecs, 18, "captureScreen"], [_saveDraftDecs, 18, "saveDraft"], [_setCommonColorDecs, 18, "setCommonColor"], [_repositionToolbarDecs, 18, "repositionToolbar"], [_decorator.bound, 2, "release"], [_decorator.bound, 2, "_updateDockPlacement"], [_decorator.bound, 2, "_updateDockPosition"], [_decorator.bound, 2, "_updateMaxVisibleTools"], [_getSnapshotImageDecs, 18, "_getSnapshotImage"]], []).e, 2);
 _init_observables = _applyDecs$e[0];
 _initProto = _applyDecs$e[1];
 var AnnotationReceiverToolbarContext = exports.AnnotationReceiverToolbarContext = /*#__PURE__*/(0, _react.createContext)({});

package/lib/modules/annotation/index.d.ts

@@ -15,6 +15,7 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIAbilityProvider } from '../../providers/ability-provider';
 import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
 import { FcrUISharedConfirmDataSource } from '../../shared-data-source/confirm-data';
+import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 export declare class AnnotationUIModule extends UIModule {
     private _toolbarStore?;
     private _store?;
@@ -33,6 +34,7 @@ export declare class AnnotationUIModule extends UIModule {
     abilityProvider?: FcrUIAbilityProvider;
     sharedAnnotationDataSource?: FcrUISharedAnnotationSource;
     sharedConfirmDataSource: FcrUISharedConfirmDataSource;
+    sharedConfigDataSource: FcrUISharedConfigDataSource;
     onNodeWillActive(): void;
     onNodeReceivedEvent(event: FcrUINodeEvent): void;
     onNodeWillInactive(): void;

package/lib/modules/annotation/index.js

@@ -96,10 +96,10 @@ var AnnotationUIModule = exports.AnnotationUIModule = /*#__PURE__*/function (_UI
         sharedScreenSharedDataSource: this.sharedScreenShareSharedDataSource,
         privilegeProvider: this.privilegeProvider,
         messageProvider: this.messageProvider,
-        localStorageProvider: this.localStorageProvider,
         eventProvider: this.eventProvider,
         abilityProvider: this.abilityProvider,
-        sharedAnnotationDataSource: this.sharedAnnotationDataSource
+        sharedAnnotationDataSource: this.sharedAnnotationDataSource,
+        sharedConfigDataSource: this.sharedConfigDataSource
       });
     }
   }, {

package/lib/modules/annotation/store.d.ts

@@ -7,11 +7,11 @@ import { FcrUISecuritySharedDataSource } from '../../shared-data-source/security
 import { FcrUIScreenShareSharedDataSource } from '../../shared-data-source/screen-share-data';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
-import { FcrUILocalStorageProvider } from '../../providers/local-storage-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIAbilityProvider } from '../../providers/ability-provider';
 import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
 import { AnnotationReceiverToolbarStore } from './annotation-toolbar-store';
+import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 export declare class AnnotationStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
@@ -31,20 +31,15 @@ export declare class AnnotationStore {
     private _streamControl;
     private _shareScreenOwnerId;
     private _currentShareInfo;
+    private _toolbarStore;
     private _dialogObserver;
     private _sharingObserver;
     private _annotationObserver;
     private _sharingControl;
-    accessor receiverAllOpenStateReady: boolean;
     private _boardDom?;
-    private _toolbarStore;
-    private _boardContainerDom?;
-    private _boardOriginWidth;
     private _prevSetLocalVideoSize;
-    private _mounted;
     private _roomControl;
     private _streamObserver;
-    private _annotationEndLock;
     get screenShareVideoRatio(): number;
     get hasAnnotationWritePermission(): boolean;
     get isLocalUserHost(): boolean;
@@ -63,7 +58,7 @@ export declare class AnnotationStore {
     get allowAnnotation(): boolean;
     get allowAnnotationWriteState(): boolean;
     get isSeizeStream(): boolean;
-    constructor({ dialogProvider, annotationProvider, sharingProvider, memberDataSource, roomControl, sharedSecuritySharedDataSource, sharedScreenSharedDataSource, privilegeProvider, messageProvider, localStorageProvider, eventProvider, abilityProvider, sharedAnnotationDataSource, }: {
+    constructor({ dialogProvider, annotationProvider, sharingProvider, memberDataSource, roomControl, sharedSecuritySharedDataSource, sharedScreenSharedDataSource, privilegeProvider, messageProvider, eventProvider, abilityProvider, sharedAnnotationDataSource, sharedConfigDataSource, }: {
         dialogProvider: FcrUIDialogProvider;
         annotationProvider: FcrUIAnnotationProvider;
         sharingProvider: FcrUISharingProvider;
@@ -73,64 +68,31 @@ export declare class AnnotationStore {
         sharedScreenSharedDataSource: FcrUIScreenShareSharedDataSource;
         privilegeProvider: FcrUIPrivilegeProvider;
         messageProvider: FcrUIMessageProvider;
-        localStorageProvider: FcrUILocalStorageProvider;
         eventProvider: FcrUIEventProvider;
         abilityProvider: FcrUIAbilityProvider;
         sharedAnnotationDataSource: FcrUISharedAnnotationSource;
+        sharedConfigDataSource: FcrUISharedConfigDataSource;
     });
     isAnnotationSupported(): boolean;
-    getToolbarStore(): AnnotationReceiverToolbarStore | undefined;
+    getToolbarStore(): AnnotationReceiverToolbarStore;
     get currentTool(): import("fcr-core/lib/room-control/whiteboard-control/enums").FcrBoardToolType | undefined;
     get boardMainWindow(): import("fcr-core/lib/room-control/whiteboard-control/types").FcrBoardMainWindow | null;
-    handleReceiverBoard(paramRatio?: number): void;
     handleBoardDomLoad(ref: HTMLDivElement | null): void;
-    handleBoardContainerDomLoad(ref: HTMLDivElement | null): void;
     screenSharingStarted(isReplaceScreen: boolean): void;
     release(): void;
-    private _clearCurrentAnnotationControl;
-    private _getCurrentAnnotationControl;
-    /**
-     * 根据 发起屏幕共享状态，是startOnlyScreen，且自己本人是发起端
-     * 则发起端: 同步bounds与updateViewPort并进行打开fragment
-     */
-    private _annotationSenderMainStart;
-    /**
-     * 根据 发起屏幕共享状态中包含startWithAnnotation,
-     * 则接收端:1.去进行 step1 连接白板 2.在连接完成的状态后并拿到boardMainWindow后，进行 step2 后置的 工具栏初始化 + 白板尺寸修正(过期)
-     */
-    private _annotationReceiverMainStart;
-    /**
-     * 根据 1.白板的连接状态变为未连接状态 2.屏幕共享结束后
-     * 进行后置的 工具栏，画布清理和toast提示 + 关闭白板卸载节点的操作
-     */
-    private _annotationaEndEffectThenCloseBoard;
-    private _setIsShowToolbar;
+    private _startShareScreen;
+    private _openAnnotation;
+    private _closeAnnotation;
     private _mount;
-    private _unmount;
-    private _close;
     private _handleOnLocalVideoStatsUpdated;
     private _updateAnnotationBounds;
     private _updateBoundsByActiveWindow;
-    private _addWindowResizeListenner;
+    private _addWindowResizeListener;
     private _removeWindowResizeListenner;
-    private _checkSharingwindowBackupSize;
-    private _setBoardDomWithBackupWindowSize;
-    private _renewAnnotationWhiteboardToolbar;
-    private _clearAnnotationWhiteboardToolbar;
-    private _participantShareCanWeAnnotation;
-    /**
-     * 接收端step1
-     * 判断状态，打开批注(core: 进入房间，初始化白板APP)
-     */
-    private _connectAnnotaionBoard;
-    /**
-     * 接收端step2
-     * 白板连接成功,进行后置副作用操作
-     */
-    private _annotationStartTriggerEffect;
+    private _checkIfAnnotationCanStart;
     private _handleOnScreenSharingUpdated;
     private _handleOnAnnotationConnectionStateUpdated;
-    private _deleteBoardDomContent;
     syncScreenShareOwnerOpenDone(): void;
+    private _resetAnnotationToolbarState;
 }
 export declare const AnnotationStoreContext: import("react").Context<AnnotationStore>;