@agilemotion/oui-react-js 1.8.48 → 1.8.50

package/dist/components/media/MediaSoupHelper.js

@@ -24,7 +24,7 @@ class MediaSoupHelper {
     return device;
   };
   async initConsumerTransport(device, roomId, userId) {
-    console.log("CREATING CONSUMER TRANSPORT FOR : " + userId);
+    console.log("CREATING CONSUMER TRANSPORT FOR : " + userId + " ROOM " + roomId);
     let data = null;
     try {
       data = await _SocketManager.default.emitEvent(_VCEventType.VCEventType.CREATE_WEBRTC_TRANSPORT, {
@@ -71,6 +71,7 @@ class MediaSoupHelper {
     return consumerTransport;
   }
   async initProducerTransport(device, roomId, userId) {
+    console.log("CREATING PRODUCER TRANSPORT FOR : " + userId + " ROOM : " + roomId);
     let data = null;
     try {
       data = await _SocketManager.default.emitEvent(_VCEventType.VCEventType.CREATE_WEBRTC_TRANSPORT, {
@@ -141,7 +142,7 @@ class MediaSoupHelper {
     return producerTransport;
   }
   getConsumeStream = async (producerId, rtpCapabilities, consumerTransport, roomId, userId, type) => {
-    console.log("CONSUMING FROM : " + producerId);
+    console.log("CONSUMING FROM : " + producerId + " ROOM : " + roomId);
     if (consumerTransport) {
       const data = await _SocketManager.default.emitEvent(_VCEventType.VCEventType.CONSUME, {
         rtpCapabilities,

package/dist/components/media/Toolbar.js

@@ -175,9 +175,9 @@ const Toolbar = props => {
         textAlign: 'center',
         fontSize: '14px'
       }
-    }, raisedHandsNames.map(name => {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, name, /*#__PURE__*/_react.default.createElement("br", null));
-    }));
+    }, raisedHandsNames.map(name => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
+      key: name
+    }, name, /*#__PURE__*/_react.default.createElement("br", null))));
   };
   const handleVisibilityChange = (id, visible) => {
     buttonVisibility[id] = visible;
@@ -228,10 +228,8 @@ const Toolbar = props => {
     onVisibilityChange: visible => handleVisibilityChange('record', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Record"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: () => {
-      toggleRecorder();
-    },
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: toggleRecorder,
     style: {
       color: '#404239',
       marginRight: '4px'
@@ -248,26 +246,24 @@ const Toolbar = props => {
     id: 'RECORD'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, isRecording ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Recording") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Record"))))))), (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !videoDisabled && /*#__PURE__*/_react.default.createElement("div", {
+  }, isRecording ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Recording") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Record")))))))), (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !videoDisabled && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, !props.isVideoDeviceConnected && /*#__PURE__*/_react.default.createElement("div", {
     className: 'warning-sign'
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Camera is not available"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'WARNING'
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  })))), /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper col no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
     root: buttonStripRef,
     onVisibilityChange: visible => handleVisibilityChange('video', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Video"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: !props.isVideoDeviceConnected,
-    onClick: () => {
-      muteVideo();
-    },
+    onClick: muteVideo,
     style: {
       color: videoMuted ? '#eb3f21' : '#404239',
       marginRight: '4px'
@@ -284,26 +280,24 @@ const Toolbar = props => {
     id: 'CAMERA'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "Camera"))))))), (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !audioDisabled && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Camera")))))))), (roomStatus === 'SESSION' || roomStatus === 'LOBBY') && !audioDisabled && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, !props.isAudioDeviceConnected && /*#__PURE__*/_react.default.createElement("div", {
     className: 'warning-sign'
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "No available microphone"
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'WARNING'
-  }))), /*#__PURE__*/_react.default.createElement("div", {
+  })))), /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper col no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
     root: buttonStripRef,
     onVisibilityChange: visible => handleVisibilityChange('audio', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Audio"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: !props.isAudioDeviceConnected,
-    onClick: () => {
-      muteAudio();
-    },
+    onClick: muteAudio,
     style: {
       color: audioMuted || !props.isAudioDeviceConnected ? '#eb3f21' : '#404239',
       marginRight: '4px'
@@ -320,14 +314,14 @@ const Toolbar = props => {
     id: 'MIC'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "Mic"))))))), ' ', roomStatus === 'SESSION' && !whiteBoardShown && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Mic")))))))), ' ', roomStatus === 'SESSION' && !whiteBoardShown && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper col no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_ToolbarButton.default, {
     root: buttonStripRef,
     onVisibilityChange: visible => handleVisibilityChange('shareScreen', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Share"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: () => {
       if (screenShared) {
         stopShareScreen();
@@ -360,7 +354,7 @@ const Toolbar = props => {
     style: {
       marginRight: '8px'
     }
-  }, "Share screen")))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Share screen"))))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
@@ -371,8 +365,8 @@ const Toolbar = props => {
     onVisibilityChange: visible => handleVisibilityChange('people', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "People"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: e => showPeople(),
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: showPeople,
     style: {
       color: '#404239',
       marginRight: '4px'
@@ -387,7 +381,7 @@ const Toolbar = props => {
     id: 'PEOPLE'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "People"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+  }, "People")))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, hasUnreadChats && /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
@@ -398,12 +392,12 @@ const Toolbar = props => {
     onVisibilityChange: visible => handleVisibilityChange('chat', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Chat"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     style: {
       color: '#404239',
       marginRight: '4px'
     },
-    onClick: e => showChat()
+    onClick: showChat
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height: '100%'
@@ -414,7 +408,7 @@ const Toolbar = props => {
     id: 'CHAT_BUBBLE'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, "Chat"))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Chat")))))))), roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper'
   }, raisedHands.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'
@@ -425,8 +419,8 @@ const Toolbar = props => {
     onVisibilityChange: visible => handleVisibilityChange('raiseHand', visible)
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: raisedHands.length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, renderRaisedHandsToolTip()) : handRaised ? 'Lower hand' : 'Raise hand'
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    onClick: e => {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: () => {
       if (handRaised) {
         lowerHand();
       } else {
@@ -447,11 +441,11 @@ const Toolbar = props => {
     id: 'PAN_TOOL'
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'text'
-  }, handRaised ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Lower") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Raise")))))))), !allButtonsVisible && /*#__PURE__*/_react.default.createElement("div", {
+  }, handRaised ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Lower") : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Raise"))))))))), !allButtonsVisible && /*#__PURE__*/_react.default.createElement("div", {
     className: 'more-button-wrapper'
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "More Actions"
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
     onClick: handleClick,
     "aria-controls": openMoreActions ? 'toolbar-menu' : undefined,
     "aria-haspopup": "true",
@@ -461,11 +455,11 @@ const Toolbar = props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'MORE'
-  })))), (isHost && participants.length === 0 || !isHost) && /*#__PURE__*/_react.default.createElement("div", {
+  }))))), (isHost && participants.length === 0 || !isHost) && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper col no-margin no-padding hang-up'
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Leave"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: endCall,
     style: {
       backgroundColor: '#eb3f21',
@@ -483,11 +477,11 @@ const Toolbar = props => {
       marginRight: '8px',
       fontSize: '12px'
     }
-  }, "Leave")))), isHost && participants.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
+  }, "Leave"))))), isHost && participants.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper col no-margin no-padding hang-up'
   }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     title: "Leave"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: "contained",
     color: "primary",
     size: "large",
@@ -495,7 +489,6 @@ const Toolbar = props => {
     startIcon: /*#__PURE__*/_react.default.createElement(_Icon.default, {
       id: 'CALL_END'
     }),
-    ref: leaveButtonAnchorEl,
     "aria-controls": leaveButtonOpen ? 'toolbar-menu' : undefined,
     "aria-haspopup": "true",
     "aria-expanded": leaveButtonOpen ? 'true' : undefined,
@@ -512,7 +505,7 @@ const Toolbar = props => {
       marginRight: '8px',
       fontSize: '12px'
     }
-  }, "Leave"))))))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
+  }, "Leave")))))))), /*#__PURE__*/_react.default.createElement(_material.Menu, {
     anchorEl: leaveButtonAnchorEl,
     id: "toobar-menu",
     open: leaveButtonOpen,
@@ -615,7 +608,7 @@ const Toolbar = props => {
       toggleRecorder();
     }
   }, /*#__PURE__*/_react.default.createElement(_material.ListItemIcon, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: "RECORD"
+    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(_material.MenuItem, {

package/dist/components/media/TrainingRoom.js

@@ -546,7 +546,7 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo(/*#__PURE__*/_react.defaul
     meetingTitle: props.calendarEvent.title,
     eventKey: props.calendarEvent.key,
     minutesDocumentId: props.calendarEvent.minutesDocumentId,
-    procMeetingId: props.procMeetingId,
+    meetingId: props.calendarEvent.id,
     currentUserFullName: currentUserFullName,
     onGridSetup: () => {
       //setSideBarTab('People');

package/dist/components/media/VCRoomWorkspace.js

@@ -266,7 +266,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       monitorTypeSurfaces: 'include'
     };
     _SocketManager.default.emitEvent(_VCEventType.VCEventType.CANCEL_SCREEN_SHARE, {
-      roomId: props.meetingId
+      roomId: meetingId
     }).then(async result => {
       navigator.mediaDevices.getDisplayMedia(videoConstraints).then(async stream => {
         const track = stream.getVideoTracks()[0];
@@ -340,7 +340,7 @@ const VCRoomWorkspace = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     }
   };
   const consume = async producer => {
-    _MediaSoupHelper.default.getConsumeStream(producer.producerId, device.rtpCapabilities, consumerTransport, props.meetingId, _ApplicationManager.default.getUserDetails().username, 'video').then(_ref => {
+    _MediaSoupHelper.default.getConsumeStream(producer.producerId, device.rtpCapabilities, consumerTransport, meetingId, _ApplicationManager.default.getUserDetails().username, 'video').then(_ref => {
       let {
         consumer,
         stream,

package/dist/components/media/Video.css

@@ -1,4 +1,4 @@
-.user-video {
-    min-width: 280px;
-    height: 280px;
-}
+.user-video {
+    min-width: 280px;
+    height: 280px;
+}

package/dist/components/signatures/ResponsiveTable.css

@@ -1,91 +1,91 @@
-.table thead th {
-}
-
-table.responsive-table {
-    display: table;
-    /* required for table-layout to be used (not normally necessary; included for completeness) */
-    table-layout: fixed;
-    /* this keeps your columns with fixed with exactly the right width */
-    width: 100% !important;
-    /* table must have width set for fixed layout to work as expected */
-    height: 100%;
-}
-
-table.responsive-table thead {
-        position: fixed;
-        top: 50px;
-        left: 0;
-        right: 0;
-        width: 100%;
-        min-height: 50px;
-        line-height: 3em;
-        background: #eee;
-        table-layout: fixed;
-        display: table;
-    }
-
-    table.responsive-table th {
-        background: #eee;
-    }
-
-    table.responsive-table td {
-        line-height: 2em;
-    }
-
-    table.responsive-table tr > td,
-    table.responsive-table th {
-        text-align: left;
-    }
-
-.table td, .table th {
-    white-space: nowrap;
-    overflow: hidden !important;
-    text-overflow: ellipsis;
-    min-width: 0 !important;
-    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
-    border-top: none !important;
-}
-
-.selectCell {
-    white-space: normal !important;
-    text-overflow: unset !important;
-}
-
-.selectCell span{
-    padding: 0 !important;
-}
-
-.table td {
-    padding: 6px 24px 6px 16px;
-    border-top: none !important;
-    display: table-cell;
-    font-size: 0.875rem;
-    text-align: left;
-    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
-    font-weight: 400;
-    line-height: 1.43;
-    border-bottom: 1px solid rgba(224, 224, 224, 1);
-    letter-spacing: 0.01071em;
-    vertical-align: inherit
-}
-
-.table th {
-    color: rgba(0, 0, 0, 0.54);
-    font-size: 0.75rem;
-    font-weight: 500;
-    line-height: 1.3125rem;
-}
-
-.table {
-    table-layout: fixed;
-}
-
-    .table-scrollbar {
-    position: relative;
-    overflow: auto;
-}
-
-@media screen and (max-width: 40em) {
- 
-  
-}
+.table thead th {
+}
+
+table.responsive-table {
+    display: table;
+    /* required for table-layout to be used (not normally necessary; included for completeness) */
+    table-layout: fixed;
+    /* this keeps your columns with fixed with exactly the right width */
+    width: 100% !important;
+    /* table must have width set for fixed layout to work as expected */
+    height: 100%;
+}
+
+table.responsive-table thead {
+        position: fixed;
+        top: 50px;
+        left: 0;
+        right: 0;
+        width: 100%;
+        min-height: 50px;
+        line-height: 3em;
+        background: #eee;
+        table-layout: fixed;
+        display: table;
+    }
+
+    table.responsive-table th {
+        background: #eee;
+    }
+
+    table.responsive-table td {
+        line-height: 2em;
+    }
+
+    table.responsive-table tr > td,
+    table.responsive-table th {
+        text-align: left;
+    }
+
+.table td, .table th {
+    white-space: nowrap;
+    overflow: hidden !important;
+    text-overflow: ellipsis;
+    min-width: 0 !important;
+    border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
+    border-top: none !important;
+}
+
+.selectCell {
+    white-space: normal !important;
+    text-overflow: unset !important;
+}
+
+.selectCell span{
+    padding: 0 !important;
+}
+
+.table td {
+    padding: 6px 24px 6px 16px;
+    border-top: none !important;
+    display: table-cell;
+    font-size: 0.875rem;
+    text-align: left;
+    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+    font-weight: 400;
+    line-height: 1.43;
+    border-bottom: 1px solid rgba(224, 224, 224, 1);
+    letter-spacing: 0.01071em;
+    vertical-align: inherit
+}
+
+.table th {
+    color: rgba(0, 0, 0, 0.54);
+    font-size: 0.75rem;
+    font-weight: 500;
+    line-height: 1.3125rem;
+}
+
+.table {
+    table-layout: fixed;
+}
+
+    .table-scrollbar {
+    position: relative;
+    overflow: auto;
+}
+
+@media screen and (max-width: 40em) {
+ 
+  
+}