@agilemotion/oui-react-js 1.4.7 → 1.4.9

package/dist/RestUtils.js

@@ -275,8 +275,7 @@ class RestUtils {
         fetchConfig = {
           method: _Utils.default.isNull(method) ? 'GET' : method,
           headers: {
-            'Content-Type': 'application/json',
-            'Accept': 'application/json',
+            'Content-Type': 'application/x-www-form-urlencoded',
             'Authorization': 'Bearer ' + accessToken,
             'idToken': idToken
           },
@@ -294,7 +293,7 @@ class RestUtils {
       }
 
       if ('rest' === serviceType) {
-        fetchConfig.headers['Content-Type'] = 'application/json; utf-8';
+        fetchConfig.headers['Content-Type'] = 'application/json; charset=utf-8';
       }
     }
 

package/dist/components/Button.js

@@ -40,7 +40,7 @@ const useStyles = (0, _styles.makeStyles)(theme => ({
 }));
 
 const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
-  var _props$attributes, _props$attributes$sty, _props$config$attribu, _props$config$attribu2, _props$config$attribu3;
+  var _props$attributes, _props$attributes$sty, _props$config$attribu, _props$config$attribu2, _props$config$attribu3, _props$config$attribu4, _props$config$attribu5, _props$config$attribu6, _props$config$attribu7;
 
   const classes = useStyles();
 
@@ -154,13 +154,13 @@ const Button = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     id: props.config.icon,
-    color: 'white'
+    color: (_props$config$attribu3 = props.config.attributes) !== null && _props$config$attribu3 !== void 0 && (_props$config$attribu4 = _props$config$attribu3.style) !== null && _props$config$attribu4 !== void 0 && _props$config$attribu4.color ? (_props$config$attribu5 = props.config.attributes) === null || _props$config$attribu5 === void 0 ? void 0 : (_props$config$attribu6 = _props$config$attribu5.style) === null || _props$config$attribu6 === void 0 ? void 0 : _props$config$attribu6.color : 'white'
   })) : /*#__PURE__*/_react.default.createElement(_Button.default, {
     variant: color === 'secondary' || color === 'primary' ? 'contained' : 'text',
     "aria-controls": "menu-list-grow",
     color: color,
     ref: ref,
-    style: (_props$config$attribu3 = props.config.attributes) === null || _props$config$attribu3 === void 0 ? void 0 : _props$config$attribu3.style,
+    style: (_props$config$attribu7 = props.config.attributes) === null || _props$config$attribu7 === void 0 ? void 0 : _props$config$attribu7.style,
     disabled: disabled,
     onClick: handleClick,
     "aria-haspopup": "true"

package/dist/components/Calender.css

@@ -146,12 +146,15 @@
 }
 
 .modal-title {
-  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
+  font-family: "Roboto","Helvetica","Arial",sans-serif;
   font-style: normal;
   font-weight: 400;
-  font-size: 28px;
+  font-size: 20px;
   line-height: 36px;
-  color: #3E435D;
+  color: #3e435d;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
 
 button:focus {

package/dist/components/Portlet.js

@@ -9,18 +9,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Utils = _interopRequireDefault(require("../Utils"));
 
-var _reactHtmlRenderer = _interopRequireDefault(require("react-html-renderer"));
-
 var _Observable = _interopRequireDefault(require("../event/Observable"));
 
-var _ApplicationManager = _interopRequireDefault(require("../ApplicationManager"));
-
-var _reactPromiseTracker = require("react-promise-tracker");
-
-var _Event = _interopRequireDefault(require("../event/Event"));
-
-var _EventType = _interopRequireDefault(require("../event/EventType"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 const Portlet = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {

package/dist/components/SocketManager.js

@@ -56,7 +56,7 @@ class SocketManager {
     });
 
     _defineProperty(this, "init", async () => {
-      let socket = _socket.default.connect("https://svn.agilemotion.co.za");
+      let socket = _socket.default.connect(process.env.REACT_APP_SOCKET_SERVER_URL);
 
       this.socket = socket;
       socket.on("connect", () => {

package/dist/components/dashboard/components/blackDashboard/sidebar/Sidebar.js

@@ -281,6 +281,30 @@ class Sidebar extends _react.default.Component {
           suppressScrollY: false,
       });*/
     }
+
+    let service = {
+      url: '/ui/api/v1/menu/filter',
+      parameters: [{
+        value: this.props.routes,
+        httpParameterType: 'REQUEST_BODY'
+      }],
+      method: 'POST',
+      contentType: 'application/json'
+    };
+    (0, _RestUtils.invokeRest)(service, {
+      api: {
+        get id() {
+          return 'dashboard-sidebar';
+        }
+
+      }
+    }, 'dashboard-sidebar', result => {
+      this.setState({ ...this.state,
+        routes: result
+      });
+    }, e => {
+      console.error(e);
+    }, null);
   }
 
   componentWillUnmount() {
@@ -360,13 +384,13 @@ class Sidebar extends _react.default.Component {
         height: '70%'
       },
       valign: 'top'
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
+    }, this.state.routes && /*#__PURE__*/_react.default.createElement(_reactstrap.Nav, {
       style: {
         margin: '8px',
         padding: '16px'
       },
       className: 'nav-wrapper'
-    }, this.createLinks(this.props.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
+    }, this.createLinks(this.state.routes)))), /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
       className: 'sidebar-app-logo-wrapper',
       style: {
         height: '10%'

package/dist/components/form/TextField.js

@@ -61,6 +61,9 @@ const TextFieldWrapper = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.d
     onChange: e => {
       base.handleValueChange(e.target.value);
     },
+    inputProps: {
+      autocomplete: "new-password"
+    },
     onKeyPress: props.keyHandler,
     error: base.hasError,
     helperText: base.errorMessage,

package/dist/components/layout/Window.js

@@ -23,16 +23,6 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
 
 var _ApplicationManager = _interopRequireDefault(require("../../ApplicationManager"));
 
-var _AlertBar = _interopRequireDefault(require("../AlertBar"));
-
-var _VCEventManager = _interopRequireDefault(require("../media/VCEventManager"));
-
-var _Observable = _interopRequireDefault(require("../../event/Observable"));
-
-var _SocketManager = _interopRequireDefault(require("../SocketManager"));
-
-var _TitleBar = _interopRequireDefault(require("../TitleBar"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -334,7 +324,7 @@ const Window = props => {
       marginRight: '4px'
     }
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: 'DOCK'
+    id: 'MAXIMIZE'
   }))))))), children))));
 };
 

package/dist/components/media/Toolbar.js

@@ -316,7 +316,7 @@ const Toolbar = props => {
     style: {
       color: screenShared ? '#8eb2f5' : '#404239',
       marginRight: '4px',
-      minWidth: '104px'
+      minWidth: '108px'
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -339,28 +339,6 @@ const Toolbar = props => {
       marginRight: '8px'
     }
   }, "Share screen"))))))), roomStatus === 'SESSION' && displayState === 'MAXIMIZED' && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'button-wrapper col no-margin no-padding'
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-    title: "Chat"
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    style: {
-      color: '#404239',
-      marginRight: '4px'
-    },
-    onClick: e => showChat()
-  }, hasUnreadChats && /*#__PURE__*/_react.default.createElement("div", {
-    className: 'unread-dot'
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: '100%'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: 'icon'
-  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    id: 'CHAT_BUBBLE'
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: 'text'
-  }, "Chat"))))), roomStatus === 'SESSION' && displayState === 'MAXIMIZED' && /*#__PURE__*/_react.default.createElement("div", {
     className: 'centered-flex-box'
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'marker'

package/dist/components/media/VCRoom.css

@@ -7,6 +7,14 @@
   padding: 0 16px;
 }
 
+.window-pinned .meeting-title {
+  font-size: 20px !important;
+  max-width: 220px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .footer-container {
   position: absolute;
   margin: 0 16px;

package/dist/components/media/VCRoom.js

@@ -70,6 +70,7 @@ const VCRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.for
       height: '100%'
     }, props.config)
   }, settings && calendarEvent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: 'meeting-title',
     style: {
       fontSize: '24px',
       margin: '8px 0 0 12px',

package/dist/components/media/VCRoomWorkspace.js

@@ -599,7 +599,8 @@ const VCRoomWorkspace = props => {
       width: '100%',
       justifyContent: 'center',
       alignItems: 'center',
-      display: 'flex'
+      display: 'flex',
+      textAlign: 'center'
     }
   }, _VCRoom.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE), grid && roomStatus !== 'LOBBY' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, displayState === 'MAXIMIZED' && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderParticipantGrid()), displayState === 'MINIMIZED' && /*#__PURE__*/_react.default.createElement("div", {
     style: {
@@ -613,7 +614,7 @@ const VCRoomWorkspace = props => {
   }, /*#__PURE__*/_react.default.createElement(_SideBarContent.default, {
     meetingChat: meetingChat,
     isHost: isHost,
-    tab: sideBarTab,
+    tab: 'People',
     meetingId: meetingId,
     participants: props.participants,
     onHostAudioMute: props.onHostAudioMute,

package/dist/js/Calendar.js

@@ -182,7 +182,7 @@ class Calendar {
       return {
         id: event.id,
         title: event.title,
-        key: event.extendedProps.key,
+        key: event.key ? event.key : event.extendedProps.key,
         locations: event.extendedProps.locations,
         description: event.extendedProps.description,
         status: event.extendedProps.status,

package/package.json

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