@agilemotion/oui-react-js 1.8.2 → 1.8.3

package/dist/components/layout/ViewContainer.js

@@ -4,31 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 require("./ViewContainer.css");
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
-var _Dashboard = _interopRequireDefault(require("../../view/Dashboard"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _View = require("./View");
 var _reactRouterDom = require("react-router-dom");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ViewContainer = props => {
   const params = (0, _reactRouterDom.useParams)();
-  const attributes = (0, _react.useRef)({
-    windowView: null,
-    anchorView: null
-  });
-  const windowOpen = (0, _react.useRef)(null);
   _react.default.useEffect(() => {}, []);
   const renderView = () => {
     let viewId = params.id;
     let view = _ApplicationManager.default.getView(viewId);
     let element = viewId === 'dashboard' ? props.dashboard : !_Utils.default.isNull(view) && !_Utils.default.isNull(view.config) ? /*#__PURE__*/_react.default.createElement(_View.View, {
+      key: view.config.id,
       config: view.config,
       parameters: view.parameters,
-      ref: /*#__PURE__*/_react.default.createRef(),
       handle: view.handle
     }) : null;
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, element);

package/dist/components/layout/Window.js

@@ -6,40 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Window.css");
-var _withStyles = _interopRequireDefault(require("@material-ui/core/styles/withStyles"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 var _reactDraggable = _interopRequireDefault(require("react-draggable"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
+var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
+var _WindowDialog = _interopRequireDefault(require("./WindowDialog"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const minimizeWidth = '848';
-const StyledDialog = (0, _withStyles.default)({
-  root: {
-    pointerEvents: 'none'
-  },
-  paper: {
-    pointerEvents: 'auto',
-    width: 'calc(100% - 344px)',
-    maxWidth: '100%',
-    height: 'calc(100% - 88px)',
-    position: 'absolute',
-    margin: '8px',
-    bottom: 0,
-    right: 0,
-    overflow: 'hidden',
-    borderRadius: 4,
-    ['@media (max-width:991px)']: {
-      maxWidth: '100%'
-    }
-  }
-})(props => /*#__PURE__*/_react.default.createElement(_Dialog.default, _extends({
-  hideBackdrop: true
-}, props)));
 const PaperComponent = props => {
   const [bounds, setBounds] = (0, _react.useState)({
     left: 0,
@@ -133,7 +109,7 @@ const Window = props => {
     return {
       transform: 'translate(0, 0)',
       backgroundColor: '#FFFFFF',
-      width: 'calc(100% - 344px)',
+      width: 'calc(100% - ' + props.leftOffset + ' )',
       height: 'calc(100% - 88px)',
       margin: '8px'
     };
@@ -230,7 +206,8 @@ const Window = props => {
       display: 'none',
       color: '#000000'
     }
-  }, /*#__PURE__*/_react.default.createElement(StyledDialog, {
+  }, /*#__PURE__*/_react.default.createElement(_WindowDialog.default, {
+    leftOffset: props.leftOffset,
     disableEnforceFocus: true,
     open: open,
     onClose: e => {

package/dist/components/layout/WindowDialog.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const withStyledDialog = Component => (0, _withStyles.default)(theme => ({
+  root: {
+    pointerEvents: "none"
+  },
+  paper: props => ({
+    pointerEvents: "auto",
+    width: `calc(100% - ${props.leftOffset || "0px"})`,
+    maxWidth: "100%",
+    height: "calc(100% - 88px)",
+    position: "absolute",
+    margin: "8px",
+    bottom: 0,
+    right: 0,
+    overflow: "hidden",
+    borderRadius: 4,
+    "@media (max-width:991px)": {
+      maxWidth: "100%"
+    }
+  })
+}))(_ref => {
+  let {
+    classes,
+    leftOffset,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+    classes: {
+      paper: classes.paper
+    }
+  }));
+});
+const StyledDialog = withStyledDialog(_Dialog.default);
+const WindowDialog = props => {
+  return /*#__PURE__*/_react.default.createElement(StyledDialog, props);
+};
+var _default = exports.default = WindowDialog;

package/dist/components/layout/WindowViewPort.js

@@ -11,7 +11,7 @@ var _View = require("./View");
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -47,11 +47,19 @@ const WindowViewContainer = props => {
     });
   }, [pinned]);
   const renderView = () => {
+    let windowLeftOffset;
+    if (view) {
+      let windowLeftOffsetParam = view.parameters?.find(p => p.name === 'windowLeftOffset');
+      if (windowLeftOffsetParam) {
+        windowLeftOffset = windowLeftOffsetParam.value;
+      }
+    }
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, view && /*#__PURE__*/_react.default.createElement(_Window.default, {
       pinnable: true,
       minimizable: false,
       open: true,
       displayState: 'MAXIMIZED',
+      leftOffset: windowLeftOffset || '344px',
       onPinned: () => {
         if (!pinned) {
           setPinned(true);

package/dist/components/media/ClosablePanel.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 require("./ClosablePanel.css");
 var _reactRouterDom = require("react-router-dom");
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ClosablePanel = props => {

package/dist/components/media/LobbyWaitingList.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _RegularButton = _interopRequireDefault(require("../RegularButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* eslint-disable react-hooks/exhaustive-deps */
 

package/dist/components/media/Timer.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Timer.css");
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/dist/components/media/Toolbar.js

@@ -7,13 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Toolbar.css");
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _core = require("@material-ui/core");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _material = require("@mui/material");
 var _LottieIcon = _interopRequireDefault(require("../LottieIcon"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Timer = _interopRequireDefault(require("./Timer"));
 var _ToolbarButton = _interopRequireDefault(require("./ToolbarButton"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -499,7 +499,7 @@ const Toolbar = props => {
       marginRight: '8px',
       fontSize: '12px'
     }
-  }, "Leave"))))))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }, "Leave"))))))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: leaveButtonAnchorEl,
     id: "toobar-menu",
     open: leaveButtonOpen,
@@ -543,15 +543,15 @@ const Toolbar = props => {
       horizontal: 'right',
       vertical: 'top'
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       endCall();
     }
-  }, "Leave"), /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, "Leave"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       endSession();
     }
-  }, "End session")), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }, "End session")), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: anchorEl,
     id: "toobar-menu",
     open: openMoreActions,
@@ -597,35 +597,35 @@ const Toolbar = props => {
     }
   }, !buttonVisibility.record && isHost && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       toggleRecorder();
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: "RECORD"
   })), "Record")), !buttonVisibility.video && (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !videoDisabled && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       muteVideo();
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, videoMuted ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, videoMuted ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CAMERA_OFF'
   }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CAMERA'
   })), "Camera")), !buttonVisibility.audio && (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !videoDisabled && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       muteAudio();
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, audioMuted ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, audioMuted ? /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MIC_OFF'
   }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MIC'
   })), "Mic")), !buttonVisibility.shareScreen && roomStatus === 'SESSION' && !whiteBoardShown && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       if (screenShared) {
         stopShareScreen();
@@ -633,7 +633,7 @@ const Toolbar = props => {
         shareScreen();
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, screenShared ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, screenShared ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CANCEL_PRESENTATION'
   })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'PRESENT_TO_ALL'
@@ -647,23 +647,23 @@ const Toolbar = props => {
     }
   }, "Share screen")))), !buttonVisibility.people && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       showPeople();
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'PEOPLE'
   })), /*#__PURE__*/_react.default.createElement("div", null, participants.length, "\xA0People"))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       showChat();
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CHAT_BUBBLE'
   })), /*#__PURE__*/_react.default.createElement("div", null, hasUnreadChats ? '1' : '', "\xA0Chat"))), !buttonVisibility.raiseHand && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     onClick: () => {
       if (handRaised) {
         lowerHand();
@@ -671,7 +671,7 @@ const Toolbar = props => {
         raiseHand();
       }
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'PAN_TOOL'
   })), handRaised ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Lower") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Raise")))));
 };

package/dist/components/media/Toolbar_bck.js

@@ -7,13 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./Toolbar.css");
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _core = require("@material-ui/core");
-var _icons = require("@material-ui/icons");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _material = require("@mui/material");
+var _iconsMaterial = require("@mui/icons-material");
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _Observable = _interopRequireDefault(require("../../event/Observable"));
 var _LottieIcon = _interopRequireDefault(require("../LottieIcon"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _Timer = _interopRequireDefault(require("./Timer"));
 var _VCEventType = require("./VCEventType");
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
@@ -371,7 +371,7 @@ const Toolbar = props => {
     }
   }, "Hang up"), /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CALL_END'
-  }))))))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }))))))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: anchorEl,
     id: "account-menu",
     open: openMoreActions,
@@ -414,10 +414,10 @@ const Toolbar = props => {
       horizontal: 'right',
       vertical: 'top'
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     disabled: !isHost,
     onClick: toggleAutoPermit
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_icons.PersonAdd, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_iconsMaterial.PersonAdd, {
     fontSize: "small"
   })), autoPermit ? 'Disable auto permit [Auto permit is currently on]' : 'Enable auto permit [Auto permit is currently off]')));
 };

package/dist/components/media/TrainingRoom.js

@@ -34,7 +34,7 @@ const Status = {
   STREAM_ERROR: 'STREAM_ERROR'
 };
 const location = window.location.protocol + '//' + window.location.hostname;
-const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const recordRef = (0, _react.useRef)();
   const [hasUnreadChats, setHasUnreadChats] = (0, _react.useState)(null);
   const [participants, setParticipants] = (0, _react.useState)([]);

package/dist/components/media/VCParticipantListItem.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./VCParticipantList.css");
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _icons = require("@material-ui/icons");
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _iconsMaterial = require("@mui/icons-material");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
 var _VCEventType = require("./VCEventType");
@@ -147,7 +147,7 @@ const VCParticipantListItem = props => {
       paddingRight: '0',
       textAlign: 'right'
     }
-  }, /*#__PURE__*/_react.default.createElement("div", null, _ApplicationManager.default.getUserDetails().username !== participant.userId && handRaised && /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, _ApplicationManager.default.getUserDetails().username !== participant.userId && handRaised && /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: () => {},
     size: "small",
     sx: {
@@ -163,7 +163,7 @@ const VCParticipantListItem = props => {
     style: {
       marginLeft: '4px'
     }
-  }, props.isHost && !audioMuted ? /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, props.isHost && !audioMuted ? /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: e => {
       props.onHostAudioMute(participant);
     },
@@ -181,7 +181,7 @@ const VCParticipantListItem = props => {
   }) : /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MIC',
     color: '#404239'
-  })), props.isHost && !videoMuted && /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  })), props.isHost && !videoMuted && /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: e => {
       props.onHostVideoMute(participant);
     },
@@ -200,7 +200,7 @@ const VCParticipantListItem = props => {
   }), videoMuted && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CAMERA_OFF',
     color: '#eb3f21'
-  }))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: anchorEl,
     id: "account-menu",
     open: openMoreActions,
@@ -241,19 +241,19 @@ const VCParticipantListItem = props => {
       horizontal: 'right',
       vertical: 'top'
     }
-  }, props.isHost && /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  }, props.isHost && /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     disabled: _Utils.default.isNull(participant.userId),
     onClick: () => props.onChangeMeetingHostHandler(participant)
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_icons.PersonAdd, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_iconsMaterial.PersonAdd, {
     fontSize: "small"
-  })), "Change Meeting Host"), /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+  })), "Change Meeting Host"), /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
     disabled: inView,
     onClick: () => {
       setInView(true);
       participant.inView = true;
       _VCEventManager.default.fireEvent(_VCEventType.VCEventType.PARTICIPANT_IN_VIEW, participant);
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MAXIMIZE'
   })), "Bring to view"))))));
 };

package/dist/components/media/VCRoom.js

@@ -15,7 +15,7 @@ const WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = exports.WAITING_FOR_OTHERS_TO_JOIN_ME
 const SYSTEM_ERROR_MESSAGE = exports.SYSTEM_ERROR_MESSAGE = 'A system error has occurred. Please try again later or contact your system administrator';
 const CONNECTION_ERROR_MESSAGE = exports.CONNECTION_ERROR_MESSAGE = 'There seems to be a problem with your connection. Please check your network connection';
 const STREAM_ERROR_MESSAGE = exports.STREAM_ERROR_MESSAGE = 'The system cannot initiate audio and video streams. Please check your microphone and camera settings';
-const VCRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const VCRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [settings, setSettings] = _react.default.useState(null);
   const [calendarEvent, setCalendarEvent] = _react.default.useState(null);
   _react.default.useEffect(() => {

package/dist/components/media/VCRoomParticipant.js

@@ -12,13 +12,13 @@ var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
 var _VCRoomRecorder = _interopRequireDefault(require("./VCRoomRecorder"));
 var _MediaSoupHelper = _interopRequireDefault(require("./MediaSoupHelper"));
 var _Tracks = _interopRequireDefault(require("./Tracks"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Icon = _interopRequireDefault(require("../Icon"));
-var _icons = require("@material-ui/icons");
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-var _core = require("@material-ui/core");
+var _iconsMaterial = require("@mui/icons-material");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _material = require("@mui/material");
 var _SocketManager = _interopRequireDefault(require("../SocketManager"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -661,14 +661,14 @@ const VCRoomParticipant = props => {
     style: {
       marginLeft: '4px'
     }
-  }, handRaised && /*#__PURE__*/_react.default.createElement(_icons.PanTool, {
+  }, handRaised && /*#__PURE__*/_react.default.createElement(_iconsMaterial.PanTool, {
     fontSize: 'small',
     style: {
       color: '#e2b030'
     }
   }))), props.isCurrentUser && /*#__PURE__*/_react.default.createElement("div", {
     id: 'meeting-audio-el-container'
-  }))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: anchorEl,
     id: "devices-menu",
     open: openMoreActions,
@@ -712,7 +712,7 @@ const VCRoomParticipant = props => {
       vertical: 'top'
     }
   }, audioDevices.map((device, index) => {
-    return /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
+    return /*#__PURE__*/_react.default.createElement(_material.MenuItem, {
       onClick: () => changeAudioDevice(device)
     }, /*#__PURE__*/_react.default.createElement("span", {
       style: {

package/dist/components/media/VCRoomWorkspace.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./VCRoomWorkspace.css");
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
 var _VCRoomParticipant = _interopRequireDefault(require("./VCRoomParticipant"));
-var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
 var _VCEventManager = _interopRequireDefault(require("./VCEventManager"));
 var _MediaSoupHelper = _interopRequireDefault(require("./MediaSoupHelper"));
 var _Transports = _interopRequireDefault(require("./Transports"));

package/dist/components/media/Video.js

@@ -24,7 +24,7 @@ const VIDEO_CONSTRAINTS = exports.VIDEO_CONSTRAINTS = {
     }
   }
 };
-const Video = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const Video = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const userVideo = (0, _react.useRef)();
   const [stream, setStream] = (0, _react.useState)();
   const [on, setOn] = (0, _react.useState)(false);

package/dist/components/media/VideoPlayer.js

@@ -14,7 +14,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const location = window.location.protocol + '//' + window.location.hostname;
-const VideoPlayer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const VideoPlayer = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [playing, setPlaying] = (0, _react.useState)(false);
   const [documentId, setDocumentId] = (0, _react.useState)(false);
   const [downloadUrl, setDownloadUrl] = (0, _react.useState)(null);
@@ -37,7 +37,6 @@ const VideoPlayer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
   _react.default.useEffect(() => {
     if (documentId) {
       setDownloadUrl(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + documentId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
-      console.log(location + _ApplicationManager.default.getContextRoot() + '/docs/api/v1/manager/download/' + documentId + '?access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken'));
     } else {
       setDownloadUrl(null);
     }
@@ -88,6 +87,17 @@ const VideoPlayer = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defaul
     height: "100%",
     onPlay: () => setPlaying(true),
     onPause: () => setPlaying(false)
-  }))));
+  })), (!documentId || !downloadUrl) && /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      width: '100%',
+      height: '100%',
+      backgroundColor: 'black',
+      color: 'white',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      borderRadius: '4px'
+    }
+  }, "NO TRAINING VIDEO AVAILABLE")));
 }));
 var _default = exports.default = VideoPlayer;