fcr-ui-scene 3.2.0 → 3.3.0

package/lib/modules/waiting-room-layout/type.js

@@ -0,0 +1 @@
+"use strict";

package/lib/modules/waiting-room-layout/view.d.ts

@@ -0,0 +1,3 @@
+import './index.css';
+declare const View: () => import("react/jsx-runtime").JSX.Element;
+export default View;

package/lib/modules/waiting-room-layout/view.js

@@ -0,0 +1,67 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _context = require("./context");
+var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
+require("./index.css");
+var _mobxReact = require("mobx-react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var View = (0, _mobxReact.observer)(function () {
+  var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    stateBar = _useContext.stateBar,
+    actionBar = _useContext.actionBar,
+    chat = _useContext.chat,
+    cameraDeviceId = _useContext.cameraId,
+    startPlayLocalVideo = _useContext.startPlayLocalVideo,
+    stopPlayLocalVideo = _useContext.stopPlayLocalVideo,
+    cameraEnabled = _useContext.cameraEnabled,
+    localUser = _useContext.localUser;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "waiting-room-layout",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "waiting-room-module",
+      children: stateBar
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "waiting-room-title",
+      children: t('fmt_waitingroom_attendie_overview_label_waitingroom')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "waiting-room-desc",
+      children: t('fmt_waitingroom_attendie_overview_label_wait_moment')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "waiting-room-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "waiting-room-video-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_localVideoPlayer.LocalVideoPlayer, {
+          isLocalMirrorEnabled: false,
+          userName: localUser.userName,
+          showSlider: false,
+          cameraDeviceId: cameraDeviceId,
+          showCameraPreview: cameraEnabled,
+          showTopTips: false,
+          startLocalVideo: startPlayLocalVideo,
+          stopLocalVideo: stopPlayLocalVideo
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "waiting-room-attendee-name",
+          children: [localUser.userName, /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            className: "attendee__me-badge",
+            children: ["(", t('fmt_participant_label_Me'), ")"]
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "waiting-room-chat-content",
+        children: chat
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "waiting-room-module waiting-room-bottom",
+      children: actionBar
+    })]
+  });
+});
+var _default = exports["default"] = View;

package/lib/modules/whiteboard/app.js

@@ -32,12 +32,6 @@ var Whiteboard = exports.Whiteboard = (0, _mobxReact.observer)(function () {
     handleClose = _useContext2.handleClose,
     handleOpen = _useContext2.handleOpen;
   var loading = connectionState === _agoraEduCore.FcrConnectionState.CONNECTING || connectionState === _agoraEduCore.FcrConnectionState.RECONNECTING;
-  (0, _react.useEffect)(function () {
-    handleOpen();
-    return function () {
-      handleClose();
-    };
-  }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "board-widget-app",

package/lib/modules/whiteboard/components/control-bar/index.css

@@ -25,6 +25,9 @@
   column-gap: 12px;
   height: 20px;
 }
+.whiteboard-controlbar-center .whiteboard-controlbar-item:hover svg path {
+  fill: var(--fcr_web_ui_scene_mainicon2);
+}
 .whiteboard-controlbar-center .divider-vertical {
   height: 50%;
 }

package/lib/modules/whiteboard/components/multi-window/index.js

@@ -17,10 +17,14 @@ var _jsxRuntime = require("react/jsx-runtime");
 var MultiWindowWidgetDialog = exports.MultiWindowWidgetDialog = (0, _mobxReact.observer)(function (_ref) {
   var children = _ref.children;
   var _useContext = (0, _react.useContext)(_context.BoardUIContext),
-    connectionState = _useContext.observables.connectionState;
+    connectionState = _useContext.observables.connectionState,
+    setWhiteboardVisible = _useContext.setWhiteboardVisible;
   var _useContext2 = (0, _react.useContext)(_boardContext["default"]),
     showToolbar = _useContext2.showToolbar;
   var showControlbar = connectionState === _agoraEduCore.FcrConnectionState.CONNECTED;
+  var handleCancel = function handleCancel() {
+    setWhiteboardVisible(false);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "fcr-widget-dialog-zindex-wrapper fcr-widget-dialog",
     children: [showControlbar && showToolbar && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -28,6 +32,7 @@ var MultiWindowWidgetDialog = exports.MultiWindowWidgetDialog = (0, _mobxReact.o
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_controlBar.WhiteboardControlbar, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "fcr-widget-dialog-content",
+      onClick: handleCancel,
       children: children
     })]
   });

package/lib/modules/whiteboard/components/progress/electron.js

@@ -21,7 +21,8 @@ var ProgressElectronDialog = (0, _mobxReact.observer)(function (_ref) {
       fullscreen: false,
       maximizable: false,
       width: 290,
-      height: 60
+      height: 60,
+      transparent: true
     });
     return function () {
       (0, _reactDom.unmountComponentAtNode)(node);

package/lib/modules/whiteboard/components/switch-theme/index.css

@@ -30,6 +30,10 @@
   background: var(--fcr_web_ui_scene_fill4_popup);
   color: var(--fcr_ui_scene_icontext1);
 }
+.whiteboard-switch-theme_item-active {
+  background-color: var(--fcr_ui_scene_ramp_brand6);
+}
+
 .whiteboard-switch-theme_item-close {
   width: 30px;
   height: 30px;

package/lib/modules/whiteboard/components/switch-theme/index.d.ts

@@ -1,2 +1,3 @@
 import './index.css';
-export default function WhiteboardSwitchTheme(): import("react/jsx-runtime").JSX.Element;
+declare const WhiteboardSwitchTheme: () => import("react/jsx-runtime").JSX.Element;
+export default WhiteboardSwitchTheme;

package/lib/modules/whiteboard/components/switch-theme/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = WhiteboardSwitchTheme;
+exports["default"] = void 0;
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
@@ -14,7 +14,6 @@ require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.map.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _popover = require("agora-ui-foundation/lib/components/popover");
@@ -24,15 +23,21 @@ var _libs = _interopRequireDefault(require("./libs"));
 var _react = require("react");
 var _store = require("../toolbar/store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _context = require("../../context");
+var _mobxReact = require("mobx-react");
 var _jsxRuntime = require("react/jsx-runtime");
-function WhiteboardSwitchTheme() {
+var WhiteboardSwitchTheme = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),
-    setTheme = _useContext.setTheme;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
+    setTheme = _useContext.setTheme,
+    currentThemeType = _useContext.observables.currentThemeType;
+  // const [visible, setVisible] = useState(false);
+  var _useContext2 = (0, _react.useContext)(_context.BoardUIContext),
+    whiteboardVisible = _useContext2.observables.whiteboardVisible,
+    setWhiteboardVisible = _useContext2.setWhiteboardVisible;
   var t = (0, _i18n.useI18n)();
+  var handleCancel = function handleCancel() {
+    setWhiteboardVisible(false);
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
     trigger: "click",
     overlayClassName: "whiteboard-switch-theme-popover",
@@ -40,7 +45,7 @@ function WhiteboardSwitchTheme() {
       width: '100%'
     },
     overlayOffset: 2,
-    visible: visible,
+    visible: whiteboardVisible,
     content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "whiteboard-switch-theme",
       children: [(0, _libs["default"])(t).map(function (theme, idx) {
@@ -48,19 +53,18 @@ function WhiteboardSwitchTheme() {
           colors: theme.showColors,
           title: theme.title,
           theme: theme.theme,
+          isActive: currentThemeType.theme === theme.theme,
           onClick: function onClick(theme) {
             var result = (0, _libs["default"])(t).find(function (item) {
               return item.theme === theme.theme;
             });
             setTheme(result);
-            setVisible(false);
+            setWhiteboardVisible(false);
           }
         }, theme.theme);
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "whiteboard-switch-theme_item-close",
-        onClick: function onClick() {
-          return setVisible(false);
-        },
+        onClick: handleCancel,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
           size: 20,
           type: _type.FcrIconType.FCR_CLOSE,
@@ -77,8 +81,9 @@ function WhiteboardSwitchTheme() {
         iconPrimary: 'var(--fcr_ui_scene_icontext1)'
       },
       onClick: function onClick() {
-        return setVisible(!visible);
+        return setWhiteboardVisible(!whiteboardVisible);
       }
     })
   });
-}
+});
+var _default = exports["default"] = WhiteboardSwitchTheme;

package/lib/modules/whiteboard/components/switch-theme/item.d.ts

@@ -2,6 +2,7 @@ export type SwitchThemeItemProps = {
     colors: string[][];
     title: string;
     theme: string;
+    isActive?: boolean;
 };
 export default function WhiteboardSwitchThemeItem(props: SwitchThemeItemProps & {
     onClick: (theme: SwitchThemeItemProps) => void;

package/lib/modules/whiteboard/components/switch-theme/item.js

@@ -1,6 +1,7 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,13 +10,19 @@ require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 function WhiteboardSwitchThemeItem(props) {
   var title = props.title,
     colors = props.colors,
-    theme = props.theme;
+    theme = props.theme,
+    _props$isActive = props.isActive,
+    isActive = _props$isActive === void 0 ? false : _props$isActive;
+  var cls = (0, _classnames["default"])('whiteboard-switch-theme_item', {
+    'whiteboard-switch-theme_item-active': isActive
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "whiteboard-switch-theme_item",
+    className: cls,
     onClick: function onClick() {
       return props.onClick({
         colors: colors,

package/lib/modules/whiteboard/components/toolbar/components/shape-picker.js

@@ -73,19 +73,23 @@ var ShapePickerPanel = (0, _mobxReact.observer)(function () {
     type: _type.FcrBoardShape.Ellipse,
     icon: _type2.FcrIconType.FCR_WHITEBOARD_SHAP_CIRCLE,
     tip: t('fmt_whiteboard_tips_circle')
-  }, {
-    type: _type.FcrBoardShape.Pentagram,
-    icon: _type2.FcrIconType.FCR_WHITEBOARD_SHAP_STAR,
-    tip: t('fmt_whiteboard_label_pentagon')
-  }, {
+  },
+  // {
+  //   type: FcrBoardShape.Pentagram,
+  //   icon: FcrIconType.FCR_WHITEBOARD_SHAP_STAR,
+  //   tip: t('fmt_whiteboard_label_pentagon'),
+  // },
+  {
     type: _type.FcrBoardShape.Triangle,
     icon: _type2.FcrIconType.FCR_WHITEBOARD_SHAP_TRIANGLE,
     tip: t('fmt_whiteboard_tips_triangle')
-  }, {
-    type: _type.FcrBoardShape.Rhombus,
-    icon: _type2.FcrIconType.FCR_WHITEBOARD_SHAP_REHUMBUS,
-    tip: t('fmt_whiteboard_label_prismatic')
-  }, {
+  },
+  // {
+  //   type: FcrBoardShape.Rhombus,
+  //   icon: FcrIconType.FCR_WHITEBOARD_SHAP_REHUMBUS,
+  //   tip: t('fmt_whiteboard_label_prismatic'),
+  // },
+  {
     type: _type.FcrBoardShape.Straight,
     icon: _type2.FcrIconType.FCR_WHITEBOARD_SHAP_LINE,
     tip: t('fmt_whiteboard_tips_straight')

package/lib/modules/whiteboard/components/toolbar/store.d.ts

@@ -6,6 +6,7 @@ export declare class ToolbarStore {
         currentShape: FcrBoardShape | undefined;
         currentColor: string;
         currentStrokeWidth: number;
+        currentThemeType: WhiteboardThemeType;
         toolbarPosition: {
             x: number;
             y: number;

package/lib/modules/whiteboard/components/toolbar/store.js

@@ -51,6 +51,8 @@ var _mobx = require("mobx");
 var _type = require("../../type");
 var _react = require("react");
 var _rendererEvent = require("../../../../utilities/renderer-event");
+var _libs = _interopRequireDefault(require("../switch-theme/libs"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
 var _ToolbarStore;
 var _initProto, _init_observables;
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -72,6 +74,7 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
       currentShape: undefined,
       currentColor: '',
       currentStrokeWidth: 0,
+      currentThemeType: (0, _libs["default"])(_i18n.transI18n)[0],
       toolbarPosition: {
         x: 0,
         y: 0

package/lib/modules/whiteboard/context.d.ts

@@ -32,6 +32,7 @@ declare const boardUIContextDefault: {
         };
         progress: number;
         writeEnabled: boolean;
+        whiteboardVisible: boolean;
     };
     handleBoardDomLoad: (ref: HTMLDivElement | null) => void;
     handleCollectorDomLoad: (ref: HTMLDivElement | null) => void;
@@ -39,6 +40,7 @@ declare const boardUIContextDefault: {
     handleOpen: () => void;
     setPrivilege: (canOperate: boolean) => void;
     setWriteEnable: (enable: boolean) => void;
+    setWhiteboardVisible: (visible: boolean) => void;
 };
 export declare const BoardUIContext: React.Context<{
     observables: {
@@ -54,6 +56,7 @@ export declare const BoardUIContext: React.Context<{
         };
         progress: number;
         writeEnabled: boolean;
+        whiteboardVisible: boolean;
     };
     handleBoardDomLoad: (ref: HTMLDivElement | null) => void;
     handleCollectorDomLoad: (ref: HTMLDivElement | null) => void;
@@ -61,6 +64,7 @@ export declare const BoardUIContext: React.Context<{
     handleOpen: () => void;
     setPrivilege: (canOperate: boolean) => void;
     setWriteEnable: (enable: boolean) => void;
+    setWhiteboardVisible: (visible: boolean) => void;
 }>;
 export type BoardUIContextValue = typeof boardUIContextDefault;
 export {};

package/lib/modules/whiteboard/context.js

@@ -22,13 +22,15 @@ var boardUIContextDefault = {
       top: 0
     },
     progress: 0,
-    writeEnabled: false
+    writeEnabled: false,
+    whiteboardVisible: false
   },
   handleBoardDomLoad: function handleBoardDomLoad(ref) {},
   handleCollectorDomLoad: function handleCollectorDomLoad(ref) {},
   handleClose: function handleClose() {},
   handleOpen: function handleOpen() {},
   setPrivilege: function setPrivilege(canOperate) {},
-  setWriteEnable: function setWriteEnable(enable) {}
+  setWriteEnable: function setWriteEnable(enable) {},
+  setWhiteboardVisible: function setWhiteboardVisible(visible) {}
 };
 var BoardUIContext = exports.BoardUIContext = /*#__PURE__*/(0, _react.createContext)(boardUIContextDefault);

package/lib/modules/whiteboard/index.js

@@ -123,6 +123,7 @@ var _libs = _interopRequireDefault(require("./components/switch-theme/libs"));
 var _types = require("agora-edu-core/lib/room-control/whiteboard-control/types");
 var _type3 = require("../layout/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type4 = require("agora-ui-foundation/lib/components/icon/type");
 var _jsxRuntime = require("react/jsx-runtime");
 var _FcrWhiteboardUIModule;
 var _initProto, _init__lonelyWindowState, _init__ownerUser, _init__isHost, _init__boardBackground, _init__localUser, _onPropertiesUpdateDecs, _mountDecs, _unmountDecs, _unloadDecs, _boardUIEventsDecs, _createToolbarUIContextDecs, _repositionToolbarDecs, _updateRedoDecs, _updateUndoDecs, _setConnectionStateDecs, _getSnapshotImageDecs, _openLonelyWindowDecs, _setJoinSuccessedDecs, _ref;
@@ -526,6 +527,7 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
         });
         this._ownerUser = undefined;
         this._initialized = false;
+        this._close();
       }
       this._mounted = false;
       if (this._timer) clearTimeout(this._timer);
@@ -576,7 +578,6 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
     value: function _checkBoard() {
       if (!this._initialized) {
         this._open();
-        this._initialized = true;
       }
     }
   }, {
@@ -588,18 +589,22 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
           _this2._boardDom = ref;
           if (_this2._boardDom) {
             _this2.mount();
+          } else {
+            _this2._mounted = false;
           }
         },
         handleCollectorDomLoad: function handleCollectorDomLoad(ref) {
           _this2._collectorDom = ref;
         },
         handleClose: function handleClose() {
-          _this2._close();
-          _this2._isActive = false;
-          _this2.unmount();
+          // this._close();
+          // this._isActive = false;
+          // this.unmount();
+          // console.log('whiteboard close');
         },
         handleOpen: function handleOpen() {
-          _this2._open();
+          // console.log('whiteboard open');
+          // !this._initialized && this._open();
         },
         setPrivilege: function setPrivilege(canOperate) {
           observables.canOperate = canOperate;
@@ -608,6 +613,9 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
           observables.writeEnabled = enable;
           observables.canOperate = enable;
           _this2._repositionToolbar();
+        },
+        setWhiteboardVisible: function setWhiteboardVisible(visible) {
+          observables.whiteboardVisible = visible;
         }
       };
     }
@@ -701,7 +709,8 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
         connectionState: this._connectionState,
         joinSuccessed: this._joinSuccessed,
         progress: 0,
-        writeEnabled: this._isHost
+        writeEnabled: this._isHost,
+        whiteboardVisible: false
       });
       return _objectSpread({
         observables: observables
@@ -784,6 +793,7 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
         setTheme: (0, _mobx.action)(function (theme) {
           _this4._setBackgroundColor(theme.background);
           observables.colors = theme.colors;
+          observables.currentThemeType = theme;
         }),
         setCommonColor: (0, _mobx.action)(function (color) {
           if (observables.commonColors.length < 2) observables.commonColors.push(color);
@@ -923,6 +933,7 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
     value: function _open() {
       var _this$_whiteboardCont4;
       this._joined = true;
+      this._initialized = true;
       (_this$_whiteboardCont4 = this._whiteboardControl) === null || _this$_whiteboardCont4 === void 0 || _this$_whiteboardCont4.open();
     }
   }, {
@@ -1009,6 +1020,9 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
                   if (state === _agoraEduCore.FcrConnectionState.DISCONNECTED) {
                     if (_this6._joined) {
                       (_this6$_whiteboardCon = _this6._whiteboardControl) === null || _this6$_whiteboardCon === void 0 || _this6$_whiteboardCon.open();
+                    } else {
+                      _this6.unmount();
+                      _this6.unload();
                     }
                   }
                   if (state === _agoraEduCore.FcrConnectionState.CONNECTED) {
@@ -1075,6 +1089,8 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
         title: (0, _i18n.transI18n)('fmt_screenshare_whiteboard_tips_stoppedboard'),
         content: (_type2.FcrUserRole.HOST === userRole ? (0, _i18n.transI18n)('fmt_role_host') : _type2.FcrUserRole.COHOST === userRole ? (0, _i18n.transI18n)('fmt_role_cohost') : '') + "".concat(userName, " ").concat((0, _i18n.transI18n)('fmt_screenshare_whiteboard_lables_newshare')),
         okText: (0, _i18n.transI18n)('fmt_screenshare_whiteboard_button_gotit'),
+        showCancel: false,
+        icon: _type4.FcrIconType.FCR_SCREENSHARING,
         onOk: function onOk() {
           _this8._uiEventStore.closeDialog(dialogId);
         },

package/lib/plugins/browser-runtime-plugin.js

@@ -63,6 +63,6 @@ if (!window.runtime) {
     getMediaSourceIdList: function getMediaSourceIdList() {
       return [];
     },
-    releaseAllWindows: function releaseAllWindows() {}
+    setInMeetingState: function setInMeetingState() {}
   };
 }

package/lib/plugins/module-dev-plugin.js

@@ -155,14 +155,16 @@ window.__DEV_ENGINE_IS_READY__ = createRoom(roomId).then(/*#__PURE__*/function (
                   bitrate: 400
                 },
                 enableDualStreamMode: false
+              },
+              parameters: {
+                rte: {
+                  rteIpList: ['http://api-solutions-dev.bj2.agoralab.co']
+                },
+                core: {
+                  coreIpList: ['http://api-solutions-dev.bj2.agoralab.co']
+                }
               }
             });
-            var params = {
-              rte: {
-                restfulApiHost: 'http://api-solutions-dev.bj2.agoralab.co'
-              }
-            };
-            window.__DEV_ENGINE__.setParameters(params);
             window.__DEV_ROOM_ID__ = roomId;
             window.__DEV_USER_ID__ = userId;
             window.__DEV_USER_ROLE__ = role;

package/lib/runtime.d.ts

@@ -75,7 +75,7 @@ declare global {
     registerListenerReady(): void;
     releaseSubAllWindowRefs(): void;
     getMediaSourceIdList(): { title: string; mediaSourceId: string }[];
-    releaseAllWindows(): void;
+    setInMeetingState(state: 0 | 1): void;
   }
 
   interface Window {