@agilemotion/oui-react-js 1.5.2 → 1.5.4

package/dist/BasicApp.js

@@ -89,7 +89,12 @@ const BasicApp = props => {
     element: /*#__PURE__*/_react.default.createElement(_ForgotPasswordBasic.default, {
       url: location + props.contextRoot + props.authUrl + "/password/forgot",
       background: 'rgba(0, 0, 0, 0.65)',
-      title: 'Business Agility',
+      textColor: props.loginTextColor,
+      footerLogo: props.footerLogo,
+      footerText: props.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.footerSplitterColor,
+      title: props.loginTitle,
       logo: props.logo
     })
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
@@ -98,7 +103,11 @@ const BasicApp = props => {
       url: location + props.contextRoot + props.authUrl + "/password/confirmForgot",
       background: 'rgba(0, 0, 0, 0.65)',
       textColor: props.loginTextColor,
-      title: 'Business Agility',
+      footerLogo: props.footerLogo,
+      footerText: props.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.footerSplitterColor,
+      title: props.loginTitle,
       logo: props.logo
     })
   }), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
@@ -107,7 +116,11 @@ const BasicApp = props => {
       url: location + props.contextRoot + props.authUrl + "/password/challenge",
       background: 'rgba(0, 0, 0, 0.65)',
       textColor: props.loginTextColor,
-      title: 'Business Agility',
+      footerLogo: props.footerLogo,
+      footerText: props.footerText,
+      footerWidth: props.footerWidth,
+      footerSplitterColor: props.footerSplitterColor,
+      title: props.loginTitle,
       logo: props.logo
     })
   }))));

package/dist/assets/jss/views/loginBasicStyle.js

@@ -18,7 +18,7 @@ const styles = {
   loginContainer: {
     minWidth: 320,
     maxWidth: 400,
-    padding: '16px',
+    padding: '16px 0',
     height: 'auto'
   },
   paper: {
@@ -48,10 +48,12 @@ const styles = {
     }
   },
   loginBtn: {
-    float: 'right'
+    float: 'right',
+    background: '#FCB614',
+    color: '#000000'
   },
   btn: {
-    background: '#4f81e9',
+    background: '#FCB614',
     color: _colors.white,
     padding: 7,
     borderRadius: 2,
@@ -59,7 +61,7 @@ const styles = {
     fontSize: 13
   },
   btnFacebook: {
-    background: '#4f81e9'
+    background: '#FCB614'
   },
   btnGoogle: {
     background: '#e14441'

package/dist/components/footer/Footer.js

@@ -70,9 +70,10 @@ const Footer = props => {
     className: classes.inlineBlock
   }))), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.right + " row"
-  }, "\xA9 ", 1900 + new Date().getYear(), " ", " ", /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      paddingLeft: 10
+      paddingLeft: "8px",
+      marginRight: '20px'
     }
   }, /*#__PURE__*/_react.default.createElement(_CardAvatar.default, {
     plain: true
@@ -85,7 +86,7 @@ const Footer = props => {
     alt: "..."
   }) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: "col-*-*"
-  }, props.text ? /*#__PURE__*/_react.default.createElement("div", null, "\xA0\xA0", props.text) : null))))))));
+  }, props.text ? /*#__PURE__*/_react.default.createElement("div", null, "\xA0\xA0", props.text) : null)))), "\xA9 ", 1900 + new Date().getYear(), " ", " "))));
 };
 
 Footer.propTypes = {

package/dist/components/media/Toolbar.js

@@ -506,7 +506,6 @@ 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, {
-    disabled: !isHost,
     onClick: () => {
       toggleRecorder();
     }
@@ -515,7 +514,6 @@ const Toolbar = props => {
   })), "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, {
-    disabled: !isHost,
     onClick: () => {
       muteVideo();
     }
@@ -526,7 +524,6 @@ const Toolbar = props => {
   })), "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, {
-    disabled: !isHost,
     onClick: () => {
       muteAudio();
     }
@@ -537,7 +534,6 @@ const Toolbar = props => {
   })), "Mic")), !buttonVisibility.shareScreen && roomStatus === 'SESSION' && !whiteBoardShown && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-    disabled: !isHost,
     onClick: () => {
       if (screenShared) {
         stopShareScreen();
@@ -560,7 +556,6 @@ 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, {
-    disabled: !isHost,
     onClick: () => {
       showPeople();
     }
@@ -569,7 +564,6 @@ const Toolbar = props => {
   })), /*#__PURE__*/_react.default.createElement("div", null, participants.length, "\xA0People"))), !buttonVisibility.raiseHand && roomStatus === 'SESSION' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'button-wrapper no-margin no-padding'
   }, /*#__PURE__*/_react.default.createElement(_core.MenuItem, {
-    disabled: !isHost,
     onClick: () => {
       if (handRaised) {
         lowerHand();

package/dist/components/media/TrainingRoom.js

@@ -231,16 +231,16 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     });
   };
 
-  const removeUser = user => {
-    if (props.calendarEvent.id === user.meetingId) {
-      const userId = user.userId;
+  const removeUser = payload => {
+    if (props.calendarEvent.id === payload.meetingId) {
+      const userId = payload.userId;
       const find = participants.find(p => p.userId === userId);
 
       if (find) {
         const newParticipants = participants.filter(p => p.userId !== userId);
+        setParticipants(newParticipants);
 
         if (newParticipants.length === 0) {
-          setParticipants(newParticipants);
           setAllUserParticipantsLeft(true);
           setRoomStatus(Status.LOBBY);
         }
@@ -330,7 +330,6 @@ const TrainingRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.defau
     if (props.calendarEvent.host.username === sessionStorage.getItem('username')) {
       userFullName = props.calendarEvent.host.name;
     } else {
-      console.log("\n\n\n\nATTENDEEES : ", sessionStorage.getItem('username'));
       userFullName = props.calendarEvent.attendees.find(a => a.username === sessionStorage.getItem('username')).name;
     }
 

package/dist/components/media/VCParticipantListItem.js

@@ -242,21 +242,7 @@ const VCParticipantListItem = props => {
   }), videoMuted && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: 'CAMERA_OFF',
     color: '#eb3f21'
-  })), sessionStorage.getItem('username') !== participant.userId && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: "More Actions"
-  }, /*#__PURE__*/_react.default.createElement(_core.IconButton, {
-    onClick: handleClick,
-    size: "small",
-    sx: {
-      ml: 2
-    },
-    "aria-controls": openMoreActions ? 'account-menu' : undefined,
-    "aria-haspopup": "true",
-    "aria-expanded": openMoreActions ? 'true' : undefined
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: 'MORE',
-    color: '#404239'
-  })))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
+  }))), /*#__PURE__*/_react.default.createElement(_core.Menu, {
     anchorEl: anchorEl,
     id: "account-menu",
     open: openMoreActions,

package/dist/components/media/VCRoomParticipant.css

@@ -4,8 +4,8 @@
   text-align: center;
   width: 100%;
   height: 100%;
-  min-width: 280px;
-  min-height: 200px;
+  max-width: 320px;
+  min-width: 320px;
   color: rgb(40, 40, 43);
   background-color: #f9f9f9;
 }

package/dist/components/media/VCRoomParticipant.js

@@ -651,8 +651,8 @@ const VCRoomParticipant = props => {
     className: props.sizing === 'sm' ? 'name-label-sm' : 'name-label',
     style: {
       position: 'absolute',
-      bottom: '0',
-      padding: props.isCurrentUser ? '4px 16px' : props.sizing !== 'sm' ? '16px' : '4px'
+      bottom: props.isCurrentUser ? '12px' : '0',
+      padding: props.isCurrentUser ? '4px 16px' : props.sizing !== 'sm' ? '4px' : '4px'
     }
   }, !props.isCurrentUser && getParticipantName(), !props.isCurrentUser && /*#__PURE__*/_react.default.createElement("span", {
     style: {

package/dist/components/media/VCRoomWorkspace.js

@@ -502,12 +502,10 @@ const VCRoomWorkspace = props => {
     }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, row.map((participant, index) => {
       return /*#__PURE__*/_react.default.createElement(_Grid.default, {
         item: true,
-        xs: 4,
         key: index + '-' + participant.userId,
         className: 'meetingParticipantContainer',
         style: {
           borderRadius: '4px',
-          width: 100 / row.length + '%',
           height: '100%',
           flexBasis: null,
           maxWidth: null
@@ -576,8 +574,7 @@ const VCRoomWorkspace = props => {
       return /*#__PURE__*/_react.default.createElement("div", {
         style: {
           width: '100%',
-          height: 100 / grid.length + '%',
-          maxHeight: '50%'
+          height: '280px'
         }
       }, /*#__PURE__*/_react.default.createElement(_react.Fragment, {
         key: index

package/dist/view/security/ChangePasswordBasic.js

@@ -159,25 +159,24 @@ const ChangePassword = props => {
       margin: 'auto'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
+    className: "row no-margin no-padding",
     style: _loginBasicStyle.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '30%',
-      textAlign: 'right'
-    },
-    className: 'col-*-*'
+      textAlign: 'right',
+      maxWidth: '60%'
+    }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: props.logo,
     alt: "..."
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '70%',
+      width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
       paddingLeft: '16px'
     },
-    className: 'col-*-*'
+    className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
@@ -277,7 +276,11 @@ const ChangePassword = props => {
       marginRight: "8px"
     }
   }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "CHANGE PASSWORD")))))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    white: true
+    white: true,
+    logo: props.footerLogo,
+    text: props.footerText,
+    width: props.footerWidth,
+    splitterColor: props.footerSplitterColor
   })));
 };
 

package/dist/view/security/ForgotPasswordBasic.js

@@ -104,25 +104,24 @@ const ResetPassword = props => {
       margin: 'auto'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
+    className: "row no-margin no-padding",
     style: _loginBasicStyle.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '30%',
-      textAlign: 'right'
-    },
-    className: 'col-*-*'
+      textAlign: 'right',
+      maxWidth: '60%'
+    }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: props.logo,
     alt: "..."
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '70%',
+      width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
       paddingLeft: '16px'
     },
-    className: 'col-*-*'
+    className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
@@ -171,7 +170,11 @@ const ResetPassword = props => {
     style: _loginBasicStyle.default.flatButton,
     startIcon: /*#__PURE__*/_react.default.createElement(_Lock.default, null)
   }, "Back to Login"))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    white: true
+    white: true,
+    logo: props.footerLogo,
+    text: props.footerText,
+    width: props.footerWidth,
+    splitterColor: props.footerSplitterColor
   })));
 };
 

package/dist/view/security/LoginBasic.js

@@ -92,25 +92,24 @@ const Login = props => {
       margin: 'auto'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
+    className: "row no-margin no-padding",
     style: _loginBasicStyle.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '30%',
-      textAlign: 'right'
-    },
-    className: 'col-*-*'
+      textAlign: 'right',
+      maxWidth: '60%'
+    }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: props.logo,
     alt: "..."
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '70%',
+      width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
       paddingLeft: '16px'
     },
-    className: 'col-*-*'
+    className: 'col'
   }, props.title)), !_Utils.default.isNull(errorMessage) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: "danger",
     show: !_Utils.default.isNull(errorMessage),

package/dist/view/security/ResetPasswordBasic.js

@@ -156,25 +156,24 @@ const ResetPassword = props => {
       margin: 'auto'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "row",
+    className: "row no-margin no-padding",
     style: _loginBasicStyle.default.title
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '30%',
-      textAlign: 'right'
-    },
-    className: 'col-*-*'
+      textAlign: 'right',
+      maxWidth: '60%'
+    }
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: props.logo,
     alt: "..."
   })), /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      width: '70%',
+      width: props.title.length === 0 ? '0' : '70%',
       textAlign: 'left',
       margin: 'auto',
       paddingLeft: '16px'
     },
-    className: 'col-*-*'
+    className: 'col'
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
@@ -273,7 +272,11 @@ const ResetPassword = props => {
       marginRight: "8px"
     }
   }), isLoading && /*#__PURE__*/_react.default.createElement("span", null, "LOADING..."), !isLoading && /*#__PURE__*/_react.default.createElement("span", null, "RESET PASSWORD")))))))), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.default, {
-    white: true
+    white: true,
+    logo: props.footerLogo,
+    text: props.footerText,
+    width: props.footerWidth,
+    splitterColor: props.footerSplitterColor
   })));
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "babel": {
     "presets": [
       "@babel/preset-env",