@agilemotion/oui-react-js 1.8.2 → 1.8.4

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;

package/dist/components/media/chat/ChatPoll.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Utils = _interopRequireDefault(require("../../../Utils"));
-var _core = require("@material-ui/core");
-var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _material = require("@mui/material");
+var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 require("./NewPoll.css");
-var _icons = require("@material-ui/icons");
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
+var _iconsMaterial = require("@mui/icons-material");
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
 var _RestUtils = require("../../../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 var _ChatRoom = require("./ChatRoom");
@@ -245,7 +245,7 @@ const ChatPoll = props => {
         paddingLeft: '8px',
         width: '32px'
       }
-    }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       onClick: () => removeOption(index)
     }, /*#__PURE__*/_react.default.createElement(_Delete.default, null)))));
   }), /*#__PURE__*/_react.default.createElement(_Button.default, {
@@ -256,7 +256,7 @@ const ChatPoll = props => {
     variant: "outlined",
     color: 'primary',
     disabled: options.length === 6,
-    startIcon: /*#__PURE__*/_react.default.createElement(_icons.Add, null)
+    startIcon: /*#__PURE__*/_react.default.createElement(_iconsMaterial.Add, null)
   }, "Add Option"), /*#__PURE__*/_react.default.createElement("div", {
     className: 'row no-margin'
   }, /*#__PURE__*/_react.default.createElement("div", {