fcr-ui-scene 3.7.1 → 3.7.3

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

@@ -1,22 +1,18 @@
 import { FcrBoardShape, WhiteboardThemeType } from '../whiteboard/type';
 import { FcrBoardToolType } from 'fcr-core/lib/room-control/whiteboard-control/enums';
-import { FcrBoardMainWindow } from 'fcr-core/lib/room-control/whiteboard-control/types';
 import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrWhiteboardControl } from 'fcr-core/lib/room-control/whiteboard-control-v2/whiteboard-control/type';
-import { FcrUIAnnotationProvider } from '../../providers/annotation-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUISharedAnnotationSource } from '../../shared-data-source/annotation-data';
+import { FcrPrivilegedAnnotationControl } from 'fcr-core/lib/room-control/whiteboard-control-v2/annotation-control/type';
 export declare class AnnotationReceiverToolbarStore {
     private _whiteboardControl;
     private _roomControl;
-    private _annotationProvider;
     private _eventProvider;
     private _sharedAnnotationDataSource;
-    private _boardMainWindow;
+    protected logger: import("agora-foundation/lib/logger").Logger;
     private _lastStrokeWidth;
     private _boardObserver;
     private _whiteboardObserver;
-    private _uiEventObserver;
     accessor observables: {
         currentTool: FcrBoardToolType | undefined;
         currentShape: FcrBoardShape | undefined;
@@ -46,9 +42,8 @@ export declare class AnnotationReceiverToolbarStore {
         progress: number;
     };
     get roomInfo(): import("fcr-core/lib/type").FcrRoomInfo | undefined;
-    get boardMainWindow(): FcrBoardMainWindow | null;
-    constructor(_whiteboardControl: FcrWhiteboardControl, _roomControl: FcrBaseRoomControl, _annotationProvider: FcrUIAnnotationProvider, _eventProvider: FcrUIEventProvider, _sharedAnnotationDataSource: FcrUISharedAnnotationSource);
-    private _onUiEvent;
+    get boardMainWindow(): import("fcr-core/lib/room-control/whiteboard-control/types").FcrBoardMainWindow | null;
+    constructor(_whiteboardControl: FcrPrivilegedAnnotationControl, _roomControl: FcrBaseRoomControl, _eventProvider: FcrUIEventProvider, _sharedAnnotationDataSource: FcrUISharedAnnotationSource);
     resetToolbarVars(): void;
     get annotationHasStart(): boolean;
     redo(): void;
@@ -68,14 +63,12 @@ export declare class AnnotationReceiverToolbarStore {
     releaseToolbar(): void;
     captureScreen(hideWindow?: boolean): void;
     saveDraft(): void;
-    setTheme(theme: WhiteboardThemeType): void;
     setCommonColor(color: string): void;
     repositionToolbar(): void;
     release(): void;
     private _updateDockPlacement;
     private _updateDockPosition;
     private _updateMaxVisibleTools;
-    private _setBackgroundColor;
     private _getSnapshotImage;
     private _convertShapeToBoardToolType;
 }

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");
@@ -62,9 +62,9 @@ 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) {
@@ -98,19 +100,15 @@ var AnnotationReceiverToolbarStore = exports.AnnotationReceiverToolbarStore = /*
           return;
         }
         if (state === _imports.AgoraRteConnectionState.CONNECTED) {
-          var _this$_boardMainWindo;
-          _this._boardMainWindow = _this._whiteboardControl.getMainWindow();
+          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/board-cursor.css

@@ -23,7 +23,8 @@
 
 .board-widget-cursor-curve {
   cursor:
-    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0  " fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.39931 16.9972C2.41668 16.9977 2.43414 16.998 2.45168 16.998C2.4606 16.998 2.46574 16.998 2.4703 16.9964C2.47376 16.9952 2.47689 16.993 2.4811 16.9893C2.54809 16.9807 2.6135 16.967 2.67693 16.9487L6.17048 16.4097C6.54866 16.4097 6.88482 16.2417 7.13694 15.9895L14.5745 8.57295C15.1418 8.00567 15.1418 7.06021 14.5745 6.49294L11.5071 3.42546C10.9398 2.85818 9.99433 2.85818 9.42705 3.42546L8.01261 4.83989L7.99897 4.85315C7.98482 4.86613 7.97145 4.87964 7.95889 4.89362L1.98945 10.8631C1.73733 11.1362 1.59026 11.4724 1.56925 11.8295L1.00197 15.4223V15.5063C0.999702 15.5495 0.999396 15.5924 1.00103 15.635C1.00035 15.6524 1 15.6699 1 15.6875C1 16.4124 1.58763 17 2.3125 17C2.34167 17 2.37061 16.999 2.39931 16.9972ZM3.6232 15.6181C3.58855 14.9532 3.05908 14.4193 2.39607 14.3776L2.7529 12.131L5.9026 15.2987L3.6232 15.6181ZM11.8094 9.56554L8.43535 6.1742L3.48939 11.0998L6.93648 14.5273L11.8094 9.56554Z" fill="black" fill-opacity="0.8"/%3E%3Cpath d="M2.39931 16.9972L2.40745 16.7473C2.39931 16.747 2.39115 16.7472 2.38301 16.7477L2.39931 16.9972ZM2.4703 16.9964L2.55354 17.2322L2.55358 17.2321L2.4703 16.9964ZM2.4811 16.9893L2.4493 16.7413C2.39903 16.7477 2.3519 16.7693 2.31417 16.8032L2.4811 16.9893ZM2.67693 16.9487L2.63881 16.7017C2.62829 16.7033 2.61788 16.7056 2.60765 16.7085L2.67693 16.9487ZM6.17048 16.4097V16.1597C6.15771 16.1597 6.14497 16.1607 6.13236 16.1627L6.17048 16.4097ZM7.13694 15.9895L6.96042 15.8125L6.96017 15.8128L7.13694 15.9895ZM14.5745 8.57295L14.7511 8.74997L14.7513 8.74972L14.5745 8.57295ZM14.5745 6.49294L14.7513 6.31616V6.31616L14.5745 6.49294ZM11.5071 3.42546L11.3303 3.60223V3.60223L11.5071 3.42546ZM9.42705 3.42546L9.60383 3.60223V3.60223L9.42705 3.42546ZM8.01261 4.83989L8.18689 5.01917L8.18939 5.01667L8.01261 4.83989ZM7.99897 4.85315L8.16798 5.03752L8.17324 5.03241L7.99897 4.85315ZM7.95889 4.89362L8.13591 5.07065L8.14482 5.06074L7.95889 4.89362ZM1.98945 10.8631L1.81253 10.6861L1.80575 10.6935L1.98945 10.8631ZM1.56925 11.8295L1.81619 11.8685C1.81746 11.8605 1.81834 11.8523 1.81882 11.8442L1.56925 11.8295ZM1.00197 15.4223L0.755034 15.3833C0.752998 15.3962 0.751975 15.4092 0.751975 15.4223H1.00197ZM1.00197 15.5063L1.25197 15.5195V15.5063H1.00197ZM1.00103 15.635L1.25084 15.6448C1.25109 15.6384 1.25109 15.6319 1.25085 15.6254L1.00103 15.635ZM2.39607 14.3776L2.14916 14.3384C2.13812 14.4079 2.15691 14.4789 2.20093 14.5339C2.24495 14.5889 2.31011 14.6227 2.38039 14.6271L2.39607 14.3776ZM3.6232 15.6181L3.37353 15.6311C3.37718 15.7011 3.41004 15.7663 3.46411 15.8109C3.51817 15.8555 3.58848 15.8754 3.65789 15.8657L3.6232 15.6181ZM2.7529 12.131L2.93018 11.9547C2.86382 11.888 2.7656 11.8642 2.67604 11.8931C2.58648 11.922 2.52076 11.9988 2.506 12.0918L2.7529 12.131ZM5.9026 15.2987L5.9373 15.5463C6.03107 15.5331 6.10936 15.4681 6.13955 15.3784C6.16974 15.2886 6.14664 15.1896 6.07988 15.1224L5.9026 15.2987ZM8.43535 6.1742L8.61258 5.99787C8.5658 5.95086 8.50226 5.92435 8.43593 5.9242C8.36961 5.92405 8.30594 5.95025 8.25894 5.99706L8.43535 6.1742ZM11.8094 9.56554L11.9878 9.74072C12.0837 9.64301 12.0832 9.4863 11.9866 9.38922L11.8094 9.56554ZM3.48939 11.0998L3.31298 10.9226C3.26585 10.9696 3.23937 11.0334 3.23939 11.0999C3.23942 11.1664 3.26595 11.2302 3.31312 11.2771L3.48939 11.0998ZM6.93648 14.5273L6.76021 14.7046C6.80742 14.7515 6.8714 14.7777 6.93797 14.7773C7.00454 14.7769 7.0682 14.75 7.11485 14.7025L6.93648 14.5273ZM2.45168 16.748C2.43683 16.748 2.42209 16.7478 2.40745 16.7473L2.39116 17.247C2.41127 17.2477 2.43145 17.248 2.45168 17.248V16.748ZM2.38707 16.7607C2.41363 16.7513 2.4356 16.7491 2.44571 16.7484C2.45051 16.7481 2.45385 16.748 2.45423 16.748C2.45451 16.748 2.45437 16.748 2.45168 16.748V17.248C2.45318 17.248 2.46626 17.2482 2.47954 17.2473C2.49559 17.2462 2.52242 17.2431 2.55354 17.2322L2.38707 16.7607ZM2.31417 16.8032C2.3192 16.7987 2.34496 16.7756 2.38703 16.7607L2.55358 17.2321C2.60256 17.2148 2.63459 17.1874 2.64802 17.1754L2.31417 16.8032ZM2.60765 16.7085C2.55641 16.7233 2.50352 16.7343 2.4493 16.7413L2.5129 17.2372C2.59265 17.227 2.67059 17.2108 2.74622 17.189L2.60765 16.7085ZM6.13236 16.1627L2.63881 16.7017L2.71506 17.1958L6.2086 16.6568L6.13236 16.1627ZM6.96017 15.8128C6.74659 16.0263 6.47143 16.1597 6.17048 16.1597V16.6597C6.62589 16.6597 7.02305 16.457 7.31372 16.1663L6.96017 15.8128ZM14.398 8.39592L6.96042 15.8125L7.31347 16.1666L14.7511 8.74997L14.398 8.39592ZM14.3978 6.66972C14.8674 7.13936 14.8674 7.92653 14.3978 8.39617L14.7513 8.74972C15.4162 8.08482 15.4162 6.98107 14.7513 6.31616L14.3978 6.66972ZM11.3303 3.60223L14.3978 6.66972L14.7513 6.31616L11.6838 3.24868L11.3303 3.60223ZM9.60383 3.60223C10.0735 3.13259 10.8606 3.13259 11.3303 3.60223L11.6838 3.24868C11.0189 2.58377 9.91518 2.58377 9.25027 3.24868L9.60383 3.60223ZM8.18939 5.01667L9.60383 3.60223L9.25027 3.24868L7.83584 4.66312L8.18939 5.01667ZM8.17324 5.03241L8.18688 5.01915L7.83835 4.66064L7.82471 4.6739L8.17324 5.03241ZM8.14482 5.06074C8.152 5.05275 8.15969 5.04498 8.16791 5.03744L7.83004 4.66887C7.80995 4.68729 7.79091 4.70652 7.77296 4.7265L8.14482 5.06074ZM2.16623 11.0398L8.13566 5.0704L7.78211 4.71684L1.81268 10.6863L2.16623 11.0398ZM1.81882 11.8442C1.83626 11.5477 1.95813 11.2656 2.17315 11.0326L1.80575 10.6935C1.51653 11.0068 1.34426 11.397 1.31968 11.8148L1.81882 11.8442ZM1.24892 15.4613L1.81619 11.8685L1.32231 11.7905L0.755034 15.3833L1.24892 15.4613ZM1.25197 15.5063V15.4223H0.751975V15.5063H1.25197ZM1.25085 15.6254C1.24951 15.5905 1.24975 15.5551 1.25163 15.5194L0.75232 15.4932C0.749652 15.5439 0.749287 15.5944 0.751214 15.6446L1.25085 15.6254ZM1.25 15.6875C1.25 15.6732 1.25028 15.659 1.25084 15.6448L0.751223 15.6252C0.75041 15.6459 0.75 15.6666 0.75 15.6875H1.25ZM2.3125 16.75C1.7257 16.75 1.25 16.2743 1.25 15.6875H0.75C0.75 16.5504 1.44956 17.25 2.3125 17.25V16.75ZM2.38301 16.7477C2.35974 16.7492 2.33623 16.75 2.3125 16.75V17.25C2.3471 17.25 2.38148 17.2489 2.4156 17.2466L2.38301 16.7477ZM2.38039 14.6271C2.9168 14.6608 3.34551 15.0932 3.37353 15.6311L3.87286 15.6051C3.8316 14.8132 3.20136 14.1777 2.41174 14.1281L2.38039 14.6271ZM2.506 12.0918L2.14916 14.3384L2.64297 14.4168L2.99981 12.1702L2.506 12.0918ZM6.07988 15.1224L2.93018 11.9547L2.57562 12.3073L5.72532 15.475L6.07988 15.1224ZM3.65789 15.8657L5.9373 15.5463L5.86791 15.0511L3.5885 15.3705L3.65789 15.8657ZM8.25812 6.35052L11.6322 9.74187L11.9866 9.38922L8.61258 5.99787L8.25812 6.35052ZM3.6658 11.2769L8.61176 6.35134L8.25894 5.99706L3.31298 10.9226L3.6658 11.2769ZM7.11276 14.35L3.66567 10.9225L3.31312 11.2771L6.76021 14.7046L7.11276 14.35ZM11.631 9.39037L6.75812 14.3521L7.11485 14.7025L11.9878 9.74072L11.631 9.39037Z" fill="white"/%3E%3C/svg%3E'),
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0  " fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M2.39931 16.9972C2.41668 16.9977 2.43414 16.998 2.45168 16.998C2.4606 16.998 2.46574 16.998 2.4703 16.9964C2.47376 16.9952 2.47689 16.993 2.4811 16.9893C2.54809 16.9807 2.6135 16.967 2.67693 16.9487L6.17048 16.4097C6.54866 16.4097 6.88482 16.2417 7.13694 15.9895L14.5745 8.57295C15.1418 8.00567 15.1418 7.06021 14.5745 6.49294L11.5071 3.42546C10.9398 2.85818 9.99433 2.85818 9.42705 3.42546L8.01261 4.83989L7.99897 4.85315C7.98482 4.86613 7.97145 4.87964 7.95889 4.89362L1.98945 10.8631C1.73733 11.1362 1.59026 11.4724 1.56925 11.8295L1.00197 15.4223V15.5063C0.999702 15.5495 0.999396 15.5924 1.00103 15.635C1.00035 15.6524 1 15.6699 1 15.6875C1 16.4124 1.58763 17 2.3125 17C2.34167 17 2.37061 16.999 2.39931 16.9972ZM3.6232 15.6181C3.58855 14.9532 3.05908 14.4193 2.39607 14.3776L2.7529 12.131L5.9026 15.2987L3.6232 15.6181ZM11.8094 9.56554L8.43535 6.1742L3.48939 11.0998L6.93648 14.5273L11.8094 9.56554Z" fill="black" fill-opacity="0.8"/%3E%3Cpath d="M2.39931 16.9972L2.40745 16.7473C2.39931 16.747 2.39115 16.7472 2.38301 16.7477L2.39931 16.9972ZM2.4703 16.9964L2.55354 17.2322L2.55358 17.2321L2.4703 16.9964ZM2.4811 16.9893L2.4493 16.7413C2.39903 16.7477 2.3519 16.7693 2.31417 16.8032L2.4811 16.9893ZM2.67693 16.9487L2.63881 16.7017C2.62829 16.7033 2.61788 16.7056 2.60765 16.7085L2.67693 16.9487ZM6.17048 16.4097V16.1597C6.15771 16.1597 6.14497 16.1607 6.13236 16.1627L6.17048 16.4097ZM7.13694 15.9895L6.96042 15.8125L6.96017 15.8128L7.13694 15.9895ZM14.5745 8.57295L14.7511 8.74997L14.7513 8.74972L14.5745 8.57295ZM14.5745 6.49294L14.7513 6.31616V6.31616L14.5745 6.49294ZM11.5071 3.42546L11.3303 3.60223V3.60223L11.5071 3.42546ZM9.42705 3.42546L9.60383 3.60223V3.60223L9.42705 3.42546ZM8.01261 4.83989L8.18689 5.01917L8.18939 5.01667L8.01261 4.83989ZM7.99897 4.85315L8.16798 5.03752L8.17324 5.03241L7.99897 4.85315ZM7.95889 4.89362L8.13591 5.07065L8.14482 5.06074L7.95889 4.89362ZM1.98945 10.8631L1.81253 10.6861L1.80575 10.6935L1.98945 10.8631ZM1.56925 11.8295L1.81619 11.8685C1.81746 11.8605 1.81834 11.8523 1.81882 11.8442L1.56925 11.8295ZM1.00197 15.4223L0.755034 15.3833C0.752998 15.3962 0.751975 15.4092 0.751975 15.4223H1.00197ZM1.00197 15.5063L1.25197 15.5195V15.5063H1.00197ZM1.00103 15.635L1.25084 15.6448C1.25109 15.6384 1.25109 15.6319 1.25085 15.6254L1.00103 15.635ZM2.39607 14.3776L2.14916 14.3384C2.13812 14.4079 2.15691 14.4789 2.20093 14.5339C2.24495 14.5889 2.31011 14.6227 2.38039 14.6271L2.39607 14.3776ZM3.6232 15.6181L3.37353 15.6311C3.37718 15.7011 3.41004 15.7663 3.46411 15.8109C3.51817 15.8555 3.58848 15.8754 3.65789 15.8657L3.6232 15.6181ZM2.7529 12.131L2.93018 11.9547C2.86382 11.888 2.7656 11.8642 2.67604 11.8931C2.58648 11.922 2.52076 11.9988 2.506 12.0918L2.7529 12.131ZM5.9026 15.2987L5.9373 15.5463C6.03107 15.5331 6.10936 15.4681 6.13955 15.3784C6.16974 15.2886 6.14664 15.1896 6.07988 15.1224L5.9026 15.2987ZM8.43535 6.1742L8.61258 5.99787C8.5658 5.95086 8.50226 5.92435 8.43593 5.9242C8.36961 5.92405 8.30594 5.95025 8.25894 5.99706L8.43535 6.1742ZM11.8094 9.56554L11.9878 9.74072C12.0837 9.64301 12.0832 9.4863 11.9866 9.38922L11.8094 9.56554ZM3.48939 11.0998L3.31298 10.9226C3.26585 10.9696 3.23937 11.0334 3.23939 11.0999C3.23942 11.1664 3.26595 11.2302 3.31312 11.2771L3.48939 11.0998ZM6.93648 14.5273L6.76021 14.7046C6.80742 14.7515 6.8714 14.7777 6.93797 14.7773C7.00454 14.7769 7.0682 14.75 7.11485 14.7025L6.93648 14.5273ZM2.45168 16.748C2.43683 16.748 2.42209 16.7478 2.40745 16.7473L2.39116 17.247C2.41127 17.2477 2.43145 17.248 2.45168 17.248V16.748ZM2.38707 16.7607C2.41363 16.7513 2.4356 16.7491 2.44571 16.7484C2.45051 16.7481 2.45385 16.748 2.45423 16.748C2.45451 16.748 2.45437 16.748 2.45168 16.748V17.248C2.45318 17.248 2.46626 17.2482 2.47954 17.2473C2.49559 17.2462 2.52242 17.2431 2.55354 17.2322L2.38707 16.7607ZM2.31417 16.8032C2.3192 16.7987 2.34496 16.7756 2.38703 16.7607L2.55358 17.2321C2.60256 17.2148 2.63459 17.1874 2.64802 17.1754L2.31417 16.8032ZM2.60765 16.7085C2.55641 16.7233 2.50352 16.7343 2.4493 16.7413L2.5129 17.2372C2.59265 17.227 2.67059 17.2108 2.74622 17.189L2.60765 16.7085ZM6.13236 16.1627L2.63881 16.7017L2.71506 17.1958L6.2086 16.6568L6.13236 16.1627ZM6.96017 15.8128C6.74659 16.0263 6.47143 16.1597 6.17048 16.1597V16.6597C6.62589 16.6597 7.02305 16.457 7.31372 16.1663L6.96017 15.8128ZM14.398 8.39592L6.96042 15.8125L7.31347 16.1666L14.7511 8.74997L14.398 8.39592ZM14.3978 6.66972C14.8674 7.13936 14.8674 7.92653 14.3978 8.39617L14.7513 8.74972C15.4162 8.08482 15.4162 6.98107 14.7513 6.31616L14.3978 6.66972ZM11.3303 3.60223L14.3978 6.66972L14.7513 6.31616L11.6838 3.24868L11.3303 3.60223ZM9.60383 3.60223C10.0735 3.13259 10.8606 3.13259 11.3303 3.60223L11.6838 3.24868C11.0189 2.58377 9.91518 2.58377 9.25027 3.24868L9.60383 3.60223ZM8.18939 5.01667L9.60383 3.60223L9.25027 3.24868L7.83584 4.66312L8.18939 5.01667ZM8.17324 5.03241L8.18688 5.01915L7.83835 4.66064L7.82471 4.6739L8.17324 5.03241ZM8.14482 5.06074C8.152 5.05275 8.15969 5.04498 8.16791 5.03744L7.83004 4.66887C7.80995 4.68729 7.79091 4.70652 7.77296 4.7265L8.14482 5.06074ZM2.16623 11.0398L8.13566 5.0704L7.78211 4.71684L1.81268 10.6863L2.16623 11.0398ZM1.81882 11.8442C1.83626 11.5477 1.95813 11.2656 2.17315 11.0326L1.80575 10.6935C1.51653 11.0068 1.34426 11.397 1.31968 11.8148L1.81882 11.8442ZM1.24892 15.4613L1.81619 11.8685L1.32231 11.7905L0.755034 15.3833L1.24892 15.4613ZM1.25197 15.5063V15.4223H0.751975V15.5063H1.25197ZM1.25085 15.6254C1.24951 15.5905 1.24975 15.5551 1.25163 15.5194L0.75232 15.4932C0.749652 15.5439 0.749287 15.5944 0.751214 15.6446L1.25085 15.6254ZM1.25 15.6875C1.25 15.6732 1.25028 15.659 1.25084 15.6448L0.751223 15.6252C0.75041 15.6459 0.75 15.6666 0.75 15.6875H1.25ZM2.3125 16.75C1.7257 16.75 1.25 16.2743 1.25 15.6875H0.75C0.75 16.5504 1.44956 17.25 2.3125 17.25V16.75ZM2.38301 16.7477C2.35974 16.7492 2.33623 16.75 2.3125 16.75V17.25C2.3471 17.25 2.38148 17.2489 2.4156 17.2466L2.38301 16.7477ZM2.38039 14.6271C2.9168 14.6608 3.34551 15.0932 3.37353 15.6311L3.87286 15.6051C3.8316 14.8132 3.20136 14.1777 2.41174 14.1281L2.38039 14.6271ZM2.506 12.0918L2.14916 14.3384L2.64297 14.4168L2.99981 12.1702L2.506 12.0918ZM6.07988 15.1224L2.93018 11.9547L2.57562 12.3073L5.72532 15.475L6.07988 15.1224ZM3.65789 15.8657L5.9373 15.5463L5.86791 15.0511L3.5885 15.3705L3.65789 15.8657ZM8.25812 6.35052L11.6322 9.74187L11.9866 9.38922L8.61258 5.99787L8.25812 6.35052ZM3.6658 11.2769L8.61176 6.35134L8.25894 5.99706L3.31298 10.9226L3.6658 11.2769ZM7.11276 14.35L3.66567 10.9225L3.31312 11.2771L6.76021 14.7046L7.11276 14.35ZM11.631 9.39037L6.75812 14.3521L7.11485 14.7025L11.9878 9.74072L11.631 9.39037Z" fill="white"/%3E%3C/svg%3E')
+      0 18,
     auto !important;
 }
 

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>;