@agilemotion/oui-react-js 1.8.1 → 1.8.3

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", {

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.location = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
-var _Send = _interopRequireDefault(require("@material-ui/icons/Send"));
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _material = require("@mui/material");
+var _Send = _interopRequireDefault(require("@mui/icons-material/Send"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _reactRouterDom = require("react-router-dom");
 require("./ChatRooms.scss");
 var _moment = _interopRequireDefault(require("moment"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _Styles = _interopRequireDefault(require("./Styles"));
 var _CustomInput = _interopRequireDefault(require("../../customInput/CustomInput"));
 var _LottieIcon = _interopRequireDefault(require("../../LottieIcon"));
 var _reactFeather = require("react-feather");
 var _Utils = _interopRequireDefault(require("../../../Utils"));
 var _VCEventType = require("../VCEventType");
-var _icons = require("@material-ui/icons");
+var _iconsMaterial = require("@mui/icons-material");
 var _linkifyReact = _interopRequireDefault(require("linkify-react"));
 var _File = _interopRequireDefault(require("../../customInput/File"));
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
@@ -275,7 +275,7 @@ const ChatRoom = props => {
     const tokensQueryString = 'access_token=' + sessionStorage.getItem('accessToken') + '&idToken=' + sessionStorage.getItem('idToken');
     documents.forEach((doc, index) => {
       if (doc.type.includes('image')) {
-        return thumbnails.push( /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+        return thumbnails.push(/*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: 'col'
         }, /*#__PURE__*/_react.default.createElement("img", {
@@ -288,7 +288,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -304,7 +304,7 @@ const ChatRoom = props => {
         }, doc.name))));
       }
       if (doc.type.includes('pdf')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: 'col'
@@ -318,7 +318,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -333,7 +333,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('doc')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -350,7 +350,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -365,7 +365,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('word')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -382,7 +382,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -397,7 +397,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else if (doc.type.includes('xls')) {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index,
           style: {
             borderBottom: '5px solid black'
@@ -414,7 +414,7 @@ const ChatRoom = props => {
           }
         })), message.participant.username !== currentUser.username && /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -429,7 +429,7 @@ const ChatRoom = props => {
           }
         }, doc.name))));
       } else {
-        thumbnails.push( /*#__PURE__*/_react.default.createElement("div", {
+        thumbnails.push(/*#__PURE__*/_react.default.createElement("div", {
           key: index
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: 'col',
@@ -452,7 +452,7 @@ const ChatRoom = props => {
           }
         }, documents[index].name)), /*#__PURE__*/_react.default.createElement("div", {
           className: 'row no-margin no-padding'
-        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           component: "span",
           onClick: () => {
             onDownload(documents[index].name, `${documentDownloadUrl + '/' + doc.repositoryId + '?' + tokensQueryString}`);
@@ -507,7 +507,7 @@ const ChatRoom = props => {
         style: {
           paddingRight: '12px'
         }
-      }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name))), /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name))), /*#__PURE__*/_react.default.createElement("div", {
         style: {
           border: message.participant.username === currentUser.username ? null : "1px solid #525f7f",
           borderRadius: message.participant.username === currentUser.username ? null : "16px",
@@ -536,7 +536,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -552,7 +552,7 @@ const ChatRoom = props => {
           className: "chatroom__message"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: "peerchat"
-        }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
           className: "peer"
         }, /*#__PURE__*/_react.default.createElement("span", null, message.participant.name), /*#__PURE__*/_react.default.createElement("span", null, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, renderFileThumbnail(message)), /*#__PURE__*/_react.default.createElement("p", {
           key: index
@@ -571,7 +571,7 @@ const ChatRoom = props => {
             }
           }, /*#__PURE__*/_react.default.createElement("div", {
             className: 'col chat-time'
-          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+          }, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
             component: "span",
             onClick: () => {
               deleteChatMessage(message);
@@ -597,7 +597,7 @@ const ChatRoom = props => {
           className: "chatroom__message"
         }, /*#__PURE__*/_react.default.createElement("div", {
           className: "peerchat"
-        }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
+        }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, _Utils.default.getInitials(message.participant.name)), /*#__PURE__*/_react.default.createElement("div", {
           className: "peer"
         }, /*#__PURE__*/_react.default.createElement("span", null, message.participant.name), /*#__PURE__*/_react.default.createElement("span", null, (0, _moment.default)(message.createdDate).format('DD/MM, HH:mm')), /*#__PURE__*/_react.default.createElement(_linkifyReact.default, {
           key: index,
@@ -619,7 +619,7 @@ const ChatRoom = props => {
           className: "cv-poll-choice-details"
         }, /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-percentage"
-        }, /*#__PURE__*/_react.default.createElement(_icons.Info, {
+        }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Info, {
           className: "selected-choice-icon"
         })), /*#__PURE__*/_react.default.createElement("span", {
           className: "cv-choice-text"
@@ -653,7 +653,7 @@ const ChatRoom = props => {
       className: "chatroom__headerleft"
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: 'chat-avatar'
-    }, /*#__PURE__*/_react.default.createElement(_core.Avatar, {
+    }, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
       style: {
         backgroundColor: props.chatTab ? 'transparent' : null
       }
@@ -661,11 +661,11 @@ const ChatRoom = props => {
       className: "chatroom__headerright"
     }, !props.chatTab && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
       title: "Poll"
-    }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+    }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
       onClick: e => {
         setMode('POLL');
       }
-    }, /*#__PURE__*/_react.default.createElement(_icons.Poll, {
+    }, /*#__PURE__*/_react.default.createElement(_iconsMaterial.Poll, {
       style: {
         color: props.chatTab ? 'white' : null,
         marginTop: props.chatTab ? '8px' : null
@@ -728,7 +728,7 @@ const ChatRoom = props => {
       inputProps: {
         endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
           position: "end"
-        }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+        }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
           style: _Styles.default.inputAdornmentIcon,
           type: "submit",
           onClick: e => {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _moment = _interopRequireDefault(require("moment"));
 var _reactRouterDom = require("react-router-dom");
 var _Icon = _interopRequireDefault(require("../Icon"));
@@ -44,11 +44,11 @@ const ChatRoomItem = props => {
     onClick: () => {
       goToRoom(event.id);
     }
-  }, /*#__PURE__*/_react.default.createElement(_core.Badge, {
+  }, /*#__PURE__*/_react.default.createElement(_material.Badge, {
     color: "error",
     badgeContent: getUnreadMessagesCount(),
     max: 9
-  }, /*#__PURE__*/_react.default.createElement(_core.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement(_material.Avatar, null, event.type === 'CALENDAR_MEETING' || event.participants.length > 2 ? /*#__PURE__*/_react.default.createElement(_reactFeather.Calendar, null) : _Utils.default.getInitials(event.participants.find(p => p.userId !== currentUser.userId).name))), /*#__PURE__*/_react.default.createElement("div", {
     className: "chatroom__info"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "chatRoom__title"

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

@@ -7,8 +7,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ChatRoomItem = _interopRequireDefault(require("./ChatRoomItem"));
 require("./ChatRooms.scss");
-var _core = require("@material-ui/core");
-var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
+var _material = require("@mui/material");
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _SocketManager = _interopRequireDefault(require("../../service/SocketManager"));
 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); }
@@ -40,7 +40,7 @@ const ChatRoomList = props => {
     className: "header__right"
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "New Chat"
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
+  }, /*#__PURE__*/_react.default.createElement(_material.IconButton, {
     onClick: () => {
       addChat();
     }

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

@@ -14,7 +14,7 @@ var _RestUtils = require("../../../RestUtils");
 var _ApplicationManager = _interopRequireDefault(require("../../../ApplicationManager"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const location = window.location.protocol + '//' + window.location.hostname;
-const ChatRoomWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const ChatRoomWrapper = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.default.forwardRef((props, ref) => {
   const [visible, setVisible] = _react.default.useState(true);
   const [chat, setChat] = _react.default.useState(null);
   _react.default.useEffect(() => {
@@ -53,7 +53,6 @@ const ChatRoomWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.de
     };
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: ref,
     style: {
       display: visible ? 'block' : 'none'
     }

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

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./ChatRooms.scss");
-var _core = require("@material-ui/core");
+var _material = require("@mui/material");
 var _Utils = _interopRequireDefault(require("../../../Utils"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _RadioGroup = _interopRequireDefault(require("@mui/material/RadioGroup"));
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _VCEventManager = _interopRequireDefault(require("../VCEventManager"));
 var _SocketManager = _interopRequireDefault(require("../../SocketManager"));
 var _VCEventType = require("../VCEventType");
 var _PollResult = _interopRequireDefault(require("./PollResult"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _FormControlLabel = _interopRequireDefault(require("@mui/material/FormControlLabel"));
+var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
 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; }
@@ -100,7 +100,7 @@ const PollContainer = props => {
       if (closed) {
         const winningOpt = winningOptions(renderedPoll.options);
         renderedPoll.options.forEach(option => {
-          pollOptionRows.push( /*#__PURE__*/_react.default.createElement(_PollResult.default, {
+          pollOptionRows.push(/*#__PURE__*/_react.default.createElement(_PollResult.default, {
             key: option.id,
             option: option,
             isWinner: winningOpt && option.id === winningOpt.id,
@@ -110,7 +110,7 @@ const PollContainer = props => {
         });
       } else {
         renderedPoll.options.forEach(option => {
-          pollOptionRows.push( /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
+          pollOptionRows.push(/*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
             key: option.id,
             className: "poll-choice-radio",
             value: option.id,
@@ -128,7 +128,7 @@ const PollContainer = props => {
     className: "poll-header"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "poll-creator-info"
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_core.Avatar, {
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_material.Avatar, {
     className: "poll-creator-avatar",
     style: {
       backgroundColor: _Utils.default.getAvatarColor(props.pollCreator.name)

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("./ChatRooms.scss");
-var _icons = require("@material-ui/icons");
+var _iconsMaterial = require("@mui/icons-material");
 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 PollResult = props => {
@@ -18,7 +18,7 @@ const PollResult = props => {
     className: "cv-choice-percentage"
   }, !props.percentVote ? '0' : Math.round(props.percentVote * 100) / 100, "%"), /*#__PURE__*/_react.default.createElement("span", {
     className: "cv-choice-text"
-  }, props.option.text), props.isSelected ? /*#__PURE__*/_react.default.createElement(_icons.CheckCircle, {
+  }, props.option.text), props.isSelected ? /*#__PURE__*/_react.default.createElement(_iconsMaterial.CheckCircle, {
     className: "selected-choice-icon"
   }) : null), /*#__PURE__*/_react.default.createElement("span", {
     className: props.isWinner ? 'cv-choice-percent-chart winner' : 'cv-choice-percent-chart',

package/dist/components/menu/MenuBars.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.CollapsibleMenuBar = CollapsibleMenuBar;
 exports.PopupMenuBar = PopupMenuBar;
 var _react = _interopRequireWildcard(require("react"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
-var _styles = require("@material-ui/core/styles");
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
-var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
-var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _styles = require("@mui/styles");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
+var _ExpandLess = _interopRequireDefault(require("@mui/icons-material/ExpandLess"));
+var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _Utils = _interopRequireDefault(require("../../Utils"));
 var _MenuItem = _interopRequireDefault(require("./MenuItem"));
 var _colors = require("material-ui/styles/colors");