versacall-core-library-react 2.0.65 → 2.0.67

package/dist/components/CoreSideBar/CoreSideBar.js

@@ -4,173 +4,121 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
-
 var _Badge = _interopRequireDefault(require("@material-ui/core/Badge"));
-
 var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
 var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
-
 var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
-
 var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-
 var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-
 var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
-
 var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-
 var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _AccountCircle = _interopRequireDefault(require("@material-ui/icons/AccountCircle"));
-
 var _Delete = _interopRequireDefault(require("@material-ui/icons/Delete"));
-
 var _LocationCity = _interopRequireDefault(require("@material-ui/icons/LocationCity"));
-
 var _Menu2 = _interopRequireDefault(require("@material-ui/icons/Menu"));
-
 var _ExitToApp = _interopRequireDefault(require("@material-ui/icons/ExitToApp"));
-
 var _Notifications = _interopRequireDefault(require("@material-ui/icons/Notifications"));
-
 var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
-
 var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
-
 var _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
-
 var _StarBorder = _interopRequireDefault(require("@material-ui/icons/StarBorder"));
-
 var _Star = _interopRequireDefault(require("@material-ui/icons/Star"));
-
 var _reactIntl = require("react-intl");
-
 var _context = require("../../context");
-
 var _CoreSideBarDrawer = _interopRequireDefault(require("./CoreSideBarDrawer"));
-
 var _scrollbarModule = _interopRequireDefault(require("../../css/scrollbar.module.css"));
-
 require("../../css/scrollbar.css");
+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; }
+// import ListItemAvatar from '@material-ui/core/ListItemAvatar';
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+// import Toolbar from '@material-ui/core/Toolbar';
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+// import SettingsIcon from '@material-ui/icons/Settings';
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+// import SubscriptionActiveIcon from '@material-ui/icons/CheckCircleOutline';
+// import SubscriptionInactiveIcon from '@material-ui/icons/ErrorOutline';
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var namespace = 'CoreSideBar';
-
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: 'flex',
-      height: '100vh',
-      overflow: 'hidden'
-    },
-    content: {
-      position: 'relative',
-      width: '100%'
-    },
-    topPadding: {
-      minHeight: 56,
-      '@media (min-width:600px)': {
-        minHeight: 64
-      }
-    },
-    drawerPaper: {
-      position: 'relative',
-      whiteSpace: 'nowrap',
-      backgroundColor: '#496b78',
-      color: '#ffffff',
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    listItemRoot: {
-      color: '#ffffff'
-    },
-    menuPaper: {
-      backgroundColor: '#3f5c67'
-    },
-    menuItemRoot: {
-      color: '#ffffff'
-    },
-    icon: {
-      verticalAlign: 'middle',
-      height: 24,
-      width: 24
-    },
-    svgIcon: {
-      verticalAlign: 'middle',
-      height: 24,
-      width: 24,
-      filter: 'invert(1)'
-    },
-    inline: {
-      display: 'inline',
-      color: '#cccccc'
-    },
-    notificationRoot: {
-      width: 200
-    },
-    badgeError: {
-      backgroundColor: theme.palette.error.light,
-      color: theme.palette.error.contrastText
-    },
-    badgeWarning: {
-      backgroundColor: theme.palette.warning.light,
-      color: theme.palette.warning.contrastText
-    },
-    badgeInfo: {
-      backgroundColor: theme.palette.info.light,
-      color: theme.palette.info.contrastText
-    },
-    menuIconButton: {// background: '#3f5c67',
-      // borderRadius: 10,
-      // marginRight: 10,
+const namespace = 'CoreSideBar';
+const styles = theme => ({
+  root: {
+    display: 'flex',
+    height: '100vh',
+    overflow: 'hidden'
+  },
+  content: {
+    position: 'relative',
+    width: '100%'
+  },
+  topPadding: {
+    minHeight: 56,
+    '@media (min-width:600px)': {
+      minHeight: 64
     }
-  };
-};
-
-var style = {
+  },
+  drawerPaper: {
+    position: 'relative',
+    whiteSpace: 'nowrap',
+    backgroundColor: '#496b78',
+    color: '#ffffff',
+    display: 'flex',
+    flexDirection: 'column'
+  },
+  listItemRoot: {
+    color: '#ffffff'
+  },
+  menuPaper: {
+    backgroundColor: '#3f5c67'
+  },
+  menuItemRoot: {
+    color: '#ffffff'
+  },
+  icon: {
+    verticalAlign: 'middle',
+    height: 24,
+    width: 24
+  },
+  svgIcon: {
+    verticalAlign: 'middle',
+    height: 24,
+    width: 24,
+    filter: 'invert(1)'
+  },
+  inline: {
+    display: 'inline',
+    color: '#cccccc'
+  },
+  notificationRoot: {
+    width: 200
+  },
+  badgeError: {
+    backgroundColor: theme.palette.error.light,
+    color: theme.palette.error.contrastText
+  },
+  badgeWarning: {
+    backgroundColor: theme.palette.warning.light,
+    color: theme.palette.warning.contrastText
+  },
+  badgeInfo: {
+    backgroundColor: theme.palette.info.light,
+    color: theme.palette.info.contrastText
+  },
+  menuIconButton: {
+    // background: '#3f5c67',
+    // borderRadius: 10,
+    // marginRight: 10,
+  }
+});
+const style = {
   title: {
     // flexGrow: 1,
     textAlign: 'center',
@@ -205,6 +153,7 @@ var style = {
     pointerEvents: 'none'
   }
 };
+
 /* const getNotificationsBadgeColor = notifications => {
   return 'warning';
   let hasError = false;
@@ -224,18 +173,10 @@ var style = {
   return 'primary';
 }; */
 
-var CoreSideBar = /*#__PURE__*/function (_Component) {
-  _inherits(CoreSideBar, _Component);
-
-  var _super = _createSuper(CoreSideBar);
-
-  function CoreSideBar() {
-    var _this;
-
-    _classCallCheck(this, CoreSideBar);
-
-    _this = _super.call(this);
-    _this.state = {
+class CoreSideBar extends _react.Component {
+  constructor() {
+    super();
+    this.state = {
       drawer: false,
       organizationAnchorEl: null,
       entityAnchorEl: null,
@@ -248,629 +189,532 @@ var CoreSideBar = /*#__PURE__*/function (_Component) {
       // subscription: null,
       notifications: []
     };
-    return _this;
   }
-
-  _createClass(CoreSideBar, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.getOrganizations(); // this.getSubscription();
-
+  componentDidMount() {
+    this.getOrganizations();
+    // this.getSubscription();
+    this.getNotifications();
+  }
+  componentDidUpdate(prevProps) {
+    if (this.props.authentication.didChange(prevProps.authentication)) {
+      this.getOrganizations();
+    }
+    if (this.props.organization.didOrganizationChange(prevProps.organization.organization)) {
+      this.getEntities();
+    }
+    if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
+      this.getApps();
+      this.getFavorites();
+      // this.getSubscription();
       this.getNotifications();
     }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (this.props.authentication.didChange(prevProps.authentication)) {
-        this.getOrganizations();
-      }
-
-      if (this.props.organization.didOrganizationChange(prevProps.organization.organization)) {
-        this.getEntities();
-      }
-
-      if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
-        this.getApps();
-        this.getFavorites(); // this.getSubscription();
-
-        this.getNotifications();
+  }
+  getOrganizations() {
+    const methodName = 'getOrganizations()';
+    this.props.authentication.http({
+      method: 'get',
+      url: "".concat(this.props.core.baseUrl, "/api/administration/organizations")
+    }).then(res => {
+      if (res.data.length > 0 && typeof res.data[0] === 'object') {
+        this.setState({
+          organizations: res.data
+        });
+        if (this.props.organization.organization === null || res.data.find(x => x.id === this.props.organization.organization.id) === undefined) {
+          this.props.organization.setOrganization(res.data[0]);
+        }
       }
-    }
-  }, {
-    key: "getOrganizations",
-    value: function getOrganizations() {
-      var _this2 = this;
-
-      var methodName = 'getOrganizations()';
+    }).catch(error => {
+      this.props.core.log('error', namespace, methodName, error);
+    });
+  }
+  getEntities() {
+    const methodName = 'getEntities()';
+    if (this.props.organization.organization !== null) {
       this.props.authentication.http({
         method: 'get',
-        url: "".concat(this.props.core.baseUrl, "/api/administration/organizations")
-      }).then(function (res) {
-        if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-          _this2.setState({
-            organizations: res.data
+        url: "".concat(this.props.core.baseUrl, "/api/administration/entities/organization/").concat(this.props.organization.organization.key)
+      }).then(res => {
+        if (res.data.length > 0 && typeof res.data[0] === 'object') {
+          this.setState({
+            entities: res.data
           });
-
-          if (_this2.props.organization.organization === null || res.data.find(function (x) {
-            return x.id === _this2.props.organization.organization.id;
-          }) === undefined) {
-            _this2.props.organization.setOrganization(res.data[0]);
+          if (this.props.organization.entity === null || res.data.find(x => x.id === this.props.organization.entity.id) === undefined) {
+            this.props.organization.setEntity(res.data[0]);
           }
         }
-      }).catch(function (error) {
-        _this2.props.core.log('error', namespace, methodName, error);
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
       });
     }
-  }, {
-    key: "getEntities",
-    value: function getEntities() {
-      var _this3 = this;
-
-      var methodName = 'getEntities()';
-
-      if (this.props.organization.organization !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/administration/entities/organization/").concat(this.props.organization.organization.key)
-        }).then(function (res) {
-          if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-            _this3.setState({
-              entities: res.data
-            });
-
-            if (_this3.props.organization.entity === null || res.data.find(function (x) {
-              return x.id === _this3.props.organization.entity.id;
-            }) === undefined) {
-              _this3.props.organization.setEntity(res.data[0]);
-            }
-          }
-        }).catch(function (error) {
-          _this3.props.core.log('error', namespace, methodName, error);
-        });
-      }
-    }
-  }, {
-    key: "getApps",
-    value: function getApps() {
-      var _this4 = this;
-
-      var methodName = 'getApps()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/components/tiered"),
-          params: {
-            type: 'UI',
-            organizationId: this.props.organization.organization.id,
-            entityId: this.props.organization.entity.id
-          }
-        }).then(function (res) {
-          if (res.data.length > 0 && _typeof(res.data[0]) === 'object') {
-            _this4.setState({
-              apps: res.data
-            });
-          }
-        }).catch(function (error) {
-          _this4.props.core.log('error', namespace, methodName, error);
-        });
-      }
-    }
-  }, {
-    key: "getFavorites",
-    value: function getFavorites() {
-      var _this5 = this;
-
-      var methodName = 'getFavorites()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'get',
-          url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorites"),
-          params: {
-            type: 'App'
-          }
-        }).then(function (res) {
-          _this5.setState({
-            favorites: res.data
-          });
-        }).catch(function (error) {
-          _this5.props.core.log('error', namespace, methodName, error);
-        });
-      }
-    }
-  }, {
-    key: "getNotifications",
-    value: function getNotifications() {
-      var _this6 = this;
-
-      var methodName = 'getNotifications()';
-      var _this$props = this.props,
-          authentication = _this$props.authentication,
-          core = _this$props.core,
-          organization = _this$props.organization;
-
-      if (organization.organization !== null && organization.entity !== null) {
-        authentication.http({
-          method: 'get',
-          url: "".concat(core.baseUrl, "/api/user/activity/notifications"),
-          params: {
-            organizationId: organization.organization.id,
-            entityId: organization.entity.id
-          }
-        }).then(function (res) {
-          _this6.setState({
-            notifications: res.data
-          });
-        }).catch(function (error) {
-          core.log('error', namespace, methodName, error);
-        });
-      }
-    }
-    /* getSubscription() {
-      const methodName = 'getSubscription()';
-      const { authentication, core, organization } = this.props;
-      if (organization.organization !== null && organization.entity !== null) {
-        authentication.http({
-          method: 'get',
-          url: `${core.baseUrl}/api/subscriptions/primary`,
-          params: {
-            organizationId: organization.organization.id,
-            entityId: organization.entity.id,
-          },
-        }).then(res => {
-          this.setState({ subscription: res.data });
-        }).catch(error => {
-          core.log('error', namespace, methodName, error);
-        });
-      }
-    } */
-
-  }, {
-    key: "getUsersInitials",
-    value: function getUsersInitials() {
-      var authentication = this.props.authentication;
-      var initials = '';
-
-      if (authentication.token && authentication.token.userInfo) {
-        if (authentication.token.userInfo.firstName.length > 0) {
-          initials += authentication.token.userInfo.firstName[0].toUpperCase();
+  }
+  getApps() {
+    const methodName = 'getApps()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'get',
+        url: "".concat(this.props.core.baseUrl, "/api/components/tiered"),
+        params: {
+          type: 'UI',
+          organizationId: this.props.organization.organization.id,
+          entityId: this.props.organization.entity.id
         }
-
-        if (authentication.token.userInfo.lastName.length > 0) {
-          initials += authentication.token.userInfo.lastName[0].toUpperCase();
+      }).then(res => {
+        if (res.data.length > 0 && typeof res.data[0] === 'object') {
+          this.setState({
+            apps: res.data
+          });
         }
-      }
-
-      return initials;
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
     }
-  }, {
-    key: "getNotificationBadgeClass",
-    value: function getNotificationBadgeClass() {
-      var notifications = this.state.notifications;
-      var classes = this.props.classes;
-      var hasError = false;
-      var hasWarning = false;
-      notifications.forEach(function (notification) {
-        if (notification.type === 'error') {
-          hasError = true;
+  }
+  getFavorites() {
+    const methodName = 'getFavorites()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'get',
+        url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorites"),
+        params: {
+          type: 'App'
         }
-
-        if (notification.type === 'warning') {
-          hasWarning = true;
+      }).then(res => {
+        this.setState({
+          favorites: res.data
+        });
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
+    }
+  }
+  getNotifications() {
+    const methodName = 'getNotifications()';
+    const {
+      authentication,
+      core,
+      organization
+    } = this.props;
+    if (organization.organization !== null && organization.entity !== null) {
+      authentication.http({
+        method: 'get',
+        url: "".concat(core.baseUrl, "/api/user/activity/notifications"),
+        params: {
+          organizationId: organization.organization.id,
+          entityId: organization.entity.id
         }
+      }).then(res => {
+        this.setState({
+          notifications: res.data
+        });
+      }).catch(error => {
+        core.log('error', namespace, methodName, error);
       });
+    }
+  }
 
-      if (hasError) {
-        return classes.badgeError;
+  /* getSubscription() {
+    const methodName = 'getSubscription()';
+    const { authentication, core, organization } = this.props;
+    if (organization.organization !== null && organization.entity !== null) {
+      authentication.http({
+        method: 'get',
+        url: `${core.baseUrl}/api/subscriptions/primary`,
+        params: {
+          organizationId: organization.organization.id,
+          entityId: organization.entity.id,
+        },
+      }).then(res => {
+        this.setState({ subscription: res.data });
+      }).catch(error => {
+        core.log('error', namespace, methodName, error);
+      });
+    }
+  } */
+
+  getUsersInitials() {
+    const {
+      authentication
+    } = this.props;
+    let initials = '';
+    if (authentication.token && authentication.token.userInfo) {
+      if (authentication.token.userInfo.firstName.length > 0) {
+        initials += authentication.token.userInfo.firstName[0].toUpperCase();
       }
-
-      if (hasWarning) {
-        return classes.badgeWarning;
+      if (authentication.token.userInfo.lastName.length > 0) {
+        initials += authentication.token.userInfo.lastName[0].toUpperCase();
       }
-
-      return classes.badgeInfo;
     }
-  }, {
-    key: "getNotificationIcon",
-    value: function getNotificationIcon(type) {
-      var theme = this.props.theme;
-
-      switch (type.toLowerCase()) {
-        case 'error':
-          // '#ff6666'
-          return /*#__PURE__*/_react.default.createElement(_Error.default, {
-            style: {
-              color: theme.palette.error.light
-            }
-          });
-
-        case 'warning':
-          // 'yellow'
-          return /*#__PURE__*/_react.default.createElement(_Warning.default, {
-            style: {
-              color: theme.palette.warning.light
-            }
-          });
-
-        default:
-          // 'lightblue'
-          return /*#__PURE__*/_react.default.createElement(_Info.default, {
-            style: {
-              color: theme.palette.info.light
-            }
-          });
+    return initials;
+  }
+  getNotificationBadgeClass() {
+    const {
+      notifications
+    } = this.state;
+    const {
+      classes
+    } = this.props;
+    let hasError = false;
+    let hasWarning = false;
+    notifications.forEach(notification => {
+      if (notification.type === 'error') {
+        hasError = true;
       }
-    }
-  }, {
-    key: "favoriteApp",
-    value: function favoriteApp() {
-      var _this7 = this;
-
-      var methodName = 'favoriteApp()';
-
-      if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
-        this.props.authentication.http({
-          method: 'post',
-          url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorite"),
-          params: {
-            type: 'App',
-            itemId: this.props.componentID,
-            favorite: !this.state.favorites.includes(this.props.componentID)
-          }
-        }).then(function () {
-          _this7.getFavorites();
-        }).catch(function (error) {
-          _this7.props.core.log('error', namespace, methodName, error);
-        });
+      if (notification.type === 'warning') {
+        hasWarning = true;
       }
+    });
+    if (hasError) {
+      return classes.badgeError;
     }
-  }, {
-    key: "dismissNotification",
-    value: function dismissNotification(id) {
-      var methodName = "dismissNotification(".concat(id, ")");
-      var _this$props2 = this.props,
-          authentication = _this$props2.authentication,
-          core = _this$props2.core;
-      authentication.http({
-        method: 'delete',
-        url: "".concat(core.baseUrl, "/api/user/activity/notifications/").concat(id)
-      }).catch(function (error) {
-        core.log('error', namespace, methodName, error);
-      });
+    if (hasWarning) {
+      return classes.badgeWarning;
     }
-  }, {
-    key: "handleMessage",
-    value: function handleMessage(channel, obj) {
-      switch (obj.what) {
-        case 'notifications_changed':
-          this.getNotifications();
-          break;
-
-        case 'package_enabled':
-        case 'package_disabled':
-        case 'package_added':
-        case 'package_updated':
-        case 'package_deleted':
-          this.getApps();
-          break;
-
-        case 'entities_added':
-        case 'entities_updated':
-        case 'entities_deleted':
-          this.getEntities();
-          break;
-
-        default:
-          break;
-      }
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this8 = this;
-
-      var _this$props3 = this.props,
-          title = _this$props3.title,
-          componentID = _this$props3.componentID,
-          authentication = _this$props3.authentication,
-          organization = _this$props3.organization,
-          classes = _this$props3.classes;
-      var _this$state = this.state,
-          notificationsAnchorEl = _this$state.notificationsAnchorEl,
-          notifications = _this$state.notifications;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.root
-      }, /*#__PURE__*/_react.default.createElement(_context.ChannelsConsumer, {
-        id: "coreappbar",
-        handler: function handler(channel, obj) {
-          return _this8.handleMessage(channel, obj);
-        }
-      }), /*#__PURE__*/_react.default.createElement(_Drawer.default, {
-        variant: "permanent",
-        classes: {
-          paper: classes.drawerPaper
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          display: 'flex',
-          flexDirection: ' row',
-          backgroundColor: '#3f5c67'
-        }
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          backgroundColor: '#496b78',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        style: {
-          margin: 8
-        },
-        color: "inherit",
-        onClick: function onClick() {
-          return _this8.setState({
-            drawer: true
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Menu2.default, null))), /*#__PURE__*/_react.default.createElement("div", {
-        style: style.orgEntity
-      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-        color: "inherit",
-        style: style.titleButton,
-        variant: "text",
-        onClick: this.state.entities.length > 1 ? function (e) {
-          return _this8.setState({
-            entityAnchorEl: e.currentTarget
-          });
-        } : null
-      }, /*#__PURE__*/_react.default.createElement("div", null, organization.organization ? organization.organization.name : null, this.props.showEntity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), organization.entity ? organization.entity.name : null))))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-        style: style.title,
-        variant: "h6",
-        color: "inherit"
-      }, title), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
-        className: "".concat(_scrollbarModule.default.scroll, " ").concat(_scrollbarModule.default.white),
-        style: {
-          flexGrow: 1,
-          minHeight: 0,
-          overflow: 'auto'
-        }
-      }, this.props.content), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
-        style: {
-          padding: 5
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName)
-      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        color: "inherit",
-        onClick: function onClick(e) {
-          return _this8.setState({
-            authenticationAnchorEl: e.currentTarget
-          });
-        },
-        className: classes.menuIconButton
-      }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: notifications.length > 0 ? "You have ".concat(notifications.length, " notification").concat(notifications.length > 0 ? 's' : '') : 'There are no notifications'
-      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        color: "inherit",
-        onClick: notifications.length > 0 ? function (e) {
-          return _this8.setState({
-            notificationsAnchorEl: e.currentTarget
-          });
-        } : null,
-        className: classes.menuIconButton
-      }, /*#__PURE__*/_react.default.createElement(_Badge.default, {
-        badgeContent: notifications.length,
-        classes: {
-          badge: this.getNotificationBadgeClass()
-        },
-        showZero: false
-      }, /*#__PURE__*/_react.default.createElement(_Notifications.default, null)))), componentID.length > 0 && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
-        title: this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-          id: "__favorite"
-        }) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-          id: "__click_to_favorite"
-        })
-      }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-        color: "inherit",
-        onClick: function onClick() {
-          return _this8.favoriteApp();
-        },
-        className: classes.menuIconButton
-      }, this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_Star.default, {
-        color: "inherit"
-      }) : /*#__PURE__*/_react.default.createElement(_StarBorder.default, {
-        color: "inherit"
-      }))))), /*#__PURE__*/_react.default.createElement("div", {
-        className: classes.content
-      }, this.props.children), /*#__PURE__*/_react.default.createElement(_CoreSideBarDrawer.default, {
-        open: this.state.drawer,
-        onClose: function onClose() {
-          return _this8.setState({
-            drawer: false
-          });
-        },
-        apps: this.state.apps
-      }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
-        open: !!this.state.organizationAnchorEl,
-        anchorEl: this.state.organizationAnchorEl,
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        onClose: function onClose() {
-          return _this8.setState({
-            organizationAnchorEl: null
-          });
-        }
-      }, this.state.organizations.map(function (org) {
-        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-          key: org.id,
-          onClick: function onClick() {
-            organization.setOrganization(org);
-
-            _this8.setState({
-              organizationAnchorEl: null
-            });
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          primary: org.name,
-          inset: true
-        }));
-      })), /*#__PURE__*/_react.default.createElement(_Menu.default, {
-        classes: {
-          paper: classes.menuPaper
-        },
-        anchorEl: this.state.entityAnchorEl,
-        anchorOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        transformOrigin: {
-          vertical: 'top',
-          horizontal: 'center'
-        },
-        open: !!this.state.entityAnchorEl,
-        onClose: function onClose() {
-          return _this8.setState({
-            entityAnchorEl: null
-          });
-        }
-      }, this.state.entities.map(function (entity) {
-        return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-          classes: {
-            root: classes.menuItemRoot
-          },
-          key: entity.key,
-          onClick: function onClick() {
-            organization.setEntity(entity);
-
-            _this8.setState({
-              entityAnchorEl: null
-            });
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
-          classes: {
-            root: classes.listItemRoot
-          }
-        }, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          classes: {
-            primary: classes.listItemRoot
-          },
-          primary: entity.name,
-          inset: true
-        }));
-      })), /*#__PURE__*/_react.default.createElement(_Menu.default, {
-        classes: {
-          paper: classes.menuPaper
-        },
-        open: !!this.state.authenticationAnchorEl,
-        anchorEl: this.state.authenticationAnchorEl,
-        onClose: function onClose() {
-          return _this8.setState({
-            authenticationAnchorEl: null
-          });
-        }
-      }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-        classes: {
-          root: classes.menuItemRoot
-        },
-        style: {
-          outline: 0
-        }
-      }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-        style: {
-          marginRight: 10
-        }
-      }, this.getUsersInitials()), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-        classes: {
-          primary: classes.menuItemRoot,
-          secondary: classes.menuItemRoot
-        },
-        primary: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName),
-        secondary: this.props.authentication.token.userInfo.emailAddress
-      })), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
-        href: this.props.core.formatUrl('/profile'),
-        style: {
-          all: 'unset'
-        }
-      }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        classes: {
-          root: classes.menuItemRoot
-        }
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__my_profile"
-      }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-        classes: {
-          root: classes.menuItemRoot
-        },
-        onClick: function onClick() {
-          return authentication.logout();
-        }
-      }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
-        id: "__log_out"
-      }))), /*#__PURE__*/_react.default.createElement(_Menu.default, {
-        classes: {
-          paper: classes.menuPaper,
-          root: classes.notificationRoot
-        },
-        open: !!notificationsAnchorEl,
-        anchorEl: notificationsAnchorEl,
-        onClose: function onClose() {
-          return _this8.setState({
-            notificationsAnchorEl: null
-          });
-        }
-      }, notifications.map(function (notification) {
-        return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-          key: notification.id,
-          classes: {
-            root: classes.menuItemRoot
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, _this8.getNotificationIcon(notification.type)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
-          primary: notification.title,
-          secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
-            component: "span",
-            variant: "body2",
-            className: classes.inline,
-            color: "inherit"
-          }, notification.description))
-        }), notification.url && notification.url.length > 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-          style: {
-            marginLeft: 5
-          },
-          "aria-label": "navigate",
-          onClick: function onClick() {
-            return window.open(notification.url, '__BLANK');
-          }
-        }, /*#__PURE__*/_react.default.createElement(_ExitToApp.default, {
+    return classes.badgeInfo;
+  }
+  getNotificationIcon(type) {
+    const {
+      theme
+    } = this.props;
+    switch (type.toLowerCase()) {
+      case 'error':
+        // '#ff6666'
+        return /*#__PURE__*/_react.default.createElement(_Error.default, {
           style: {
-            color: '#ffffff'
+            color: theme.palette.error.light
           }
-        })), notification.isDismissable && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+        });
+      case 'warning':
+        // 'yellow'
+        return /*#__PURE__*/_react.default.createElement(_Warning.default, {
           style: {
-            marginLeft: 5
-          },
-          "aria-label": "delete",
-          onClick: function onClick() {
-            return _this8.dismissNotification(notification.id);
+            color: theme.palette.warning.light
           }
-        }, /*#__PURE__*/_react.default.createElement(_Delete.default, {
+        });
+      default:
+        // 'lightblue'
+        return /*#__PURE__*/_react.default.createElement(_Info.default, {
           style: {
-            color: '#ffffff'
+            color: theme.palette.info.light
           }
-        })));
-      })));
+        });
     }
-  }]);
-
-  return CoreSideBar;
-}(_react.Component);
-
+  }
+  favoriteApp() {
+    const methodName = 'favoriteApp()';
+    if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
+      this.props.authentication.http({
+        method: 'post',
+        url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorite"),
+        params: {
+          type: 'App',
+          itemId: this.props.componentID,
+          favorite: !this.state.favorites.includes(this.props.componentID)
+        }
+      }).then(() => {
+        this.getFavorites();
+      }).catch(error => {
+        this.props.core.log('error', namespace, methodName, error);
+      });
+    }
+  }
+  dismissNotification(id) {
+    const methodName = "dismissNotification(".concat(id, ")");
+    const {
+      authentication,
+      core
+    } = this.props;
+    authentication.http({
+      method: 'delete',
+      url: "".concat(core.baseUrl, "/api/user/activity/notifications/").concat(id)
+    }).catch(error => {
+      core.log('error', namespace, methodName, error);
+    });
+  }
+  handleMessage(channel, obj) {
+    switch (obj.what) {
+      case 'notifications_changed':
+        this.getNotifications();
+        break;
+      case 'package_enabled':
+      case 'package_disabled':
+      case 'package_added':
+      case 'package_updated':
+      case 'package_deleted':
+        this.getApps();
+        break;
+      case 'entities_added':
+      case 'entities_updated':
+      case 'entities_deleted':
+        this.getEntities();
+        break;
+      default:
+        break;
+    }
+  }
+  render() {
+    const {
+      title,
+      componentID,
+      authentication,
+      organization,
+      classes
+    } = this.props;
+    const {
+      notificationsAnchorEl,
+      notifications
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.root
+    }, /*#__PURE__*/_react.default.createElement(_context.ChannelsConsumer, {
+      id: "coreappbar",
+      handler: (channel, obj) => this.handleMessage(channel, obj)
+    }), /*#__PURE__*/_react.default.createElement(_Drawer.default, {
+      variant: "permanent",
+      classes: {
+        paper: classes.drawerPaper
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        display: 'flex',
+        flexDirection: ' row',
+        backgroundColor: '#3f5c67'
+      }
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        backgroundColor: '#496b78',
+        alignItems: 'center',
+        justifyContent: 'center'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      style: {
+        margin: 8
+      },
+      color: "inherit",
+      onClick: () => this.setState({
+        drawer: true
+      })
+    }, /*#__PURE__*/_react.default.createElement(_Menu2.default, null))), /*#__PURE__*/_react.default.createElement("div", {
+      style: style.orgEntity
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      color: "inherit",
+      style: style.titleButton,
+      variant: "text",
+      onClick: this.state.entities.length > 1 ? e => this.setState({
+        entityAnchorEl: e.currentTarget
+      }) : null
+    }, /*#__PURE__*/_react.default.createElement("div", null, organization.organization ? organization.organization.name : null, this.props.showEntity && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), organization.entity ? organization.entity.name : null))))), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+      style: style.title,
+      variant: "h6",
+      color: "inherit"
+    }, title), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
+      className: "".concat(_scrollbarModule.default.scroll, " ").concat(_scrollbarModule.default.white),
+      style: {
+        flexGrow: 1,
+        minHeight: 0,
+        overflow: 'auto'
+      }
+    }, this.props.content), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        padding: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName)
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      color: "inherit",
+      onClick: e => this.setState({
+        authenticationAnchorEl: e.currentTarget
+      }),
+      className: classes.menuIconButton
+    }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: notifications.length > 0 ? "You have ".concat(notifications.length, " notification").concat(notifications.length > 0 ? 's' : '') : 'There are no notifications'
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      color: "inherit",
+      onClick: notifications.length > 0 ? e => this.setState({
+        notificationsAnchorEl: e.currentTarget
+      }) : null,
+      className: classes.menuIconButton
+    }, /*#__PURE__*/_react.default.createElement(_Badge.default, {
+      badgeContent: notifications.length,
+      classes: {
+        badge: this.getNotificationBadgeClass()
+      },
+      showZero: false
+    }, /*#__PURE__*/_react.default.createElement(_Notifications.default, null)))), componentID.length > 0 && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+      title: this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+        id: "__favorite"
+      }) : /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+        id: "__click_to_favorite"
+      })
+    }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      color: "inherit",
+      onClick: () => this.favoriteApp(),
+      className: classes.menuIconButton
+    }, this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_Star.default, {
+      color: "inherit"
+    }) : /*#__PURE__*/_react.default.createElement(_StarBorder.default, {
+      color: "inherit"
+    }))))), /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.content
+    }, this.props.children), /*#__PURE__*/_react.default.createElement(_CoreSideBarDrawer.default, {
+      open: this.state.drawer,
+      onClose: () => this.setState({
+        drawer: false
+      }),
+      apps: this.state.apps
+    }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      open: !!this.state.organizationAnchorEl,
+      anchorEl: this.state.organizationAnchorEl,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      onClose: () => this.setState({
+        organizationAnchorEl: null
+      })
+    }, this.state.organizations.map(org => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      key: org.id,
+      onClick: () => {
+        organization.setOrganization(org);
+        this.setState({
+          organizationAnchorEl: null
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: org.name,
+      inset: true
+    })))), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      classes: {
+        paper: classes.menuPaper
+      },
+      anchorEl: this.state.entityAnchorEl,
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'center'
+      },
+      open: !!this.state.entityAnchorEl,
+      onClose: () => this.setState({
+        entityAnchorEl: null
+      })
+    }, this.state.entities.map(entity => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      classes: {
+        root: classes.menuItemRoot
+      },
+      key: entity.key,
+      onClick: () => {
+        organization.setEntity(entity);
+        this.setState({
+          entityAnchorEl: null
+        });
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, {
+      classes: {
+        root: classes.listItemRoot
+      }
+    }, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      classes: {
+        primary: classes.listItemRoot
+      },
+      primary: entity.name,
+      inset: true
+    })))), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      classes: {
+        paper: classes.menuPaper
+      },
+      open: !!this.state.authenticationAnchorEl,
+      anchorEl: this.state.authenticationAnchorEl,
+      onClose: () => this.setState({
+        authenticationAnchorEl: null
+      })
+    }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      classes: {
+        root: classes.menuItemRoot
+      },
+      style: {
+        outline: 0
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+      style: {
+        marginRight: 10
+      }
+    }, this.getUsersInitials()), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      classes: {
+        primary: classes.menuItemRoot,
+        secondary: classes.menuItemRoot
+      },
+      primary: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName),
+      secondary: this.props.authentication.token.userInfo.emailAddress
+    })), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
+      href: this.props.core.formatUrl('/profile'),
+      style: {
+        all: 'unset'
+      }
+    }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      classes: {
+        root: classes.menuItemRoot
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__my_profile"
+    }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+      classes: {
+        root: classes.menuItemRoot
+      },
+      onClick: () => authentication.logout()
+    }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
+      id: "__log_out"
+    }))), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+      classes: {
+        paper: classes.menuPaper,
+        root: classes.notificationRoot
+      },
+      open: !!notificationsAnchorEl,
+      anchorEl: notificationsAnchorEl,
+      onClose: () => this.setState({
+        notificationsAnchorEl: null
+      })
+    }, notifications.map(notification => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      key: notification.id,
+      classes: {
+        root: classes.menuItemRoot
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, this.getNotificationIcon(notification.type)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
+      primary: notification.title,
+      secondary: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+        component: "span",
+        variant: "body2",
+        className: classes.inline,
+        color: "inherit"
+      }, notification.description))
+    }), notification.url && notification.url.length > 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      style: {
+        marginLeft: 5
+      },
+      "aria-label": "navigate",
+      onClick: () => window.open(notification.url, '__BLANK')
+    }, /*#__PURE__*/_react.default.createElement(_ExitToApp.default, {
+      style: {
+        color: '#ffffff'
+      }
+    })), notification.isDismissable && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+      style: {
+        marginLeft: 5
+      },
+      "aria-label": "delete",
+      onClick: () => this.dismissNotification(notification.id)
+    }, /*#__PURE__*/_react.default.createElement(_Delete.default, {
+      style: {
+        color: '#ffffff'
+      }
+    }))))));
+  }
+}
 CoreSideBar.propTypes = {
   title: _propTypes.default.string,
   showEntity: _propTypes.default.bool,
@@ -891,7 +735,4 @@ CoreSideBar.defaultProps = {
   children: null,
   content: null
 };
-
-var _default = (0, _reactIntl.injectIntl)((0, _context.withCore)((0, _context.withAuthentication)((0, _context.withOrganization)((0, _styles.withTheme)((0, _styles.withStyles)(styles)(CoreSideBar))))));
-
-exports.default = _default;
+var _default = exports.default = (0, _reactIntl.injectIntl)((0, _context.withCore)((0, _context.withAuthentication)((0, _context.withOrganization)((0, _styles.withTheme)((0, _styles.withStyles)(styles)(CoreSideBar))))));