@plusscommunities/pluss-core-web 1.2.10 → 1.2.13-beta.0

package/dist/index.cjs.js

@@ -10,8 +10,8 @@ var axios = require('axios');
 var awsAmplify = require('aws-amplify');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var moment = require('moment');
 var $ = require('jquery');
+var moment = require('moment');
 var Cookies = require('js-cookie');
 var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
 var _createClass = require('@babel/runtime/helpers/createClass');
@@ -38,8 +38,8 @@ var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var $__default = /*#__PURE__*/_interopDefaultLegacy($);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
 var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
@@ -727,9 +727,9 @@ var randomString = function randomString() {
   });
 };
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$k(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var toParagraphed = function toParagraphed(text, style) {
   if (!text) return text;
@@ -738,7 +738,7 @@ var toParagraphed = function toParagraphed(text, style) {
   return ___default['default'].map(textSplit, function (t, i) {
     return /*#__PURE__*/React__default['default'].createElement("span", {
       key: "paragraph_".concat(i),
-      style: _objectSpread$i({
+      style: _objectSpread$k({
         display: 'block'
       }, style)
     }, t || "\xA0");
@@ -753,6 +753,14 @@ var onlyAlphanumeric = function onlyAlphanumeric(input) {
   return input.replace(/[^a-z0-9]/gi, '');
 };
 
+var htmlDecode = function htmlDecode(value) {
+  return $__default['default']('<textare/>').html(value).text();
+};
+
+var htmlEncode = function htmlEncode(value) {
+  return $__default['default']('<textare/>').text(value).html();
+};
+
 var getSiteName = function getSiteName(site, sites) {
   if (site === 'hq') {
     return 'HQ';
@@ -775,6 +783,14 @@ var getSiteNameFromRoles = function getSiteNameFromRoles(site, roles) {
   }));
 };
 
+var getSiteSettingFromState = function getSiteSettingFromState(state, key, defaultValue) {
+  if (state && state.auth && state.auth.siteSettings && !___default['default'].isUndefined(state.auth.siteSettings[key])) {
+    return state.auth.siteSettings[key];
+  }
+
+  return defaultValue || null;
+};
+
 var readJSONFromStorage = function readJSONFromStorage(storage, key, fallback) {
   var value = storage.getItem(key);
 
@@ -1574,8 +1590,11 @@ var index$3 = /*#__PURE__*/Object.freeze({
   randomString: randomString,
   toParagraphed: toParagraphed,
   onlyAlphanumeric: onlyAlphanumeric,
+  htmlDecode: htmlDecode,
+  htmlEncode: htmlEncode,
   getSiteName: getSiteName,
   getSiteNameFromRoles: getSiteNameFromRoles,
+  getSiteSettingFromState: getSiteSettingFromState,
   readJSONFromStorage: readJSONFromStorage,
   setLocalStorage: setLocalStorage,
   getTimepickerTime: getTimepickerTime,
@@ -1607,8 +1626,8 @@ var COLOUR_BRANDING_INACTIVE = '#dbddf1'; // const TEXT_DARKEST = '#262a2d';
 var TEXT_LIGHT = '#717b81'; // const TEXT_SUPER_LIGHT = '#d2d9e5';
 
 var COLOUR_DUSK = '#536280';
-var COLOUR_DUSK_LIGHT = '#67758f'; // const COLOUR_DUSK_LIGHTER = '#a1afcc';
-
+var COLOUR_DUSK_LIGHT = '#67758f';
+var COLOUR_DUSK_LIGHTER = '#a1afcc';
 var LINEGREY = COLOUR_BRANDING_INACTIVE; // const BORDER_LINE_GREY = COLOUR_BRANDING_INACTIVE;
 // const COLOUR_TEAL = '#49bdbb';
 // const COLOUR_TEAL_ALPHA50 = 'rgba(4, 196, 169, 0.2)';
@@ -1636,6 +1655,7 @@ var colours = /*#__PURE__*/Object.freeze({
   TEXT_LIGHT: TEXT_LIGHT,
   COLOUR_DUSK: COLOUR_DUSK,
   COLOUR_DUSK_LIGHT: COLOUR_DUSK_LIGHT,
+  COLOUR_DUSK_LIGHTER: COLOUR_DUSK_LIGHTER,
   LINEGREY: LINEGREY,
   COLOUR_BRANDING_MAIN: COLOUR_BRANDING_MAIN,
   COLOUR_BRANDING_OFF: COLOUR_BRANDING_OFF,
@@ -1660,6 +1680,8 @@ var INVITE_CODES_LOADED = 'INVITE_CODES_LOADED';
 var INVITE_CODE_UPDATED = 'INVITE_CODE_UPDATED';
 var INVITE_CODE_REMOVED = 'INVITE_CODE_REMOVED';
 var SET_NAV_DATA = 'SET_NAV_DATA';
+var TEMPLATES_LOADED = 'TEMPLATES_LOADED';
+var TEMPLATE_REMOVED = 'TEMPLATE_REMOVED';
 
 var analyticsActions = {
   log: function log(site, actionType, entityType, entityId, data) {
@@ -2129,9 +2151,9 @@ var fileActions = {
   }
 };
 
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$j(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var typeActions = {
   getSubdomains: function getSubdomains() {
     return authedFunction({
@@ -2227,7 +2249,7 @@ var typeActions = {
     var request = {
       method: 'POST',
       url: url,
-      data: _objectSpread$h({
+      data: _objectSpread$j({
         siteName: siteName
       }, options)
     };
@@ -2335,7 +2357,7 @@ var typeActions = {
     return authedFunction({
       method: 'POST',
       url: getUrl('types', 'site/edit'),
-      data: _objectSpread$h({
+      data: _objectSpread$j({
         Id: site
       }, values)
     });
@@ -2800,6 +2822,55 @@ var utilityActions = {
   }
 };
 
+var templateActions = {
+  getTemplates: function getTemplates(site, featureKey) {
+    var query = {
+      site: site,
+      featureKey: featureKey
+    };
+    return authedFunction({
+      method: 'GET',
+      url: getUrl('templates', 'get/list', query)
+    });
+  },
+  getTemplate: function getTemplate(site, featureKey, rowId) {
+    return authedFunction({
+      method: 'GET',
+      url: getUrl('templates', 'get/single', {
+        site: site,
+        featureKey: featureKey,
+        rowId: rowId
+      })
+    });
+  },
+  createTemplate: function createTemplate(template) {
+    template.content = htmlEncode(template.content);
+    return authedFunction({
+      method: 'POST',
+      url: getUrl('templates', 'update/add'),
+      data: template
+    });
+  },
+  editTemplate: function editTemplate(template) {
+    template.content = htmlEncode(template.content);
+    return authedFunction({
+      method: 'POST',
+      url: getUrl('templates', 'update/edit'),
+      data: template
+    });
+  },
+  deleteTemplate: function deleteTemplate(site, rowId) {
+    return authedFunction({
+      method: 'POST',
+      url: getUrl('templates', 'update/delete'),
+      data: {
+        site: site,
+        rowId: rowId
+      }
+    });
+  }
+};
+
 var index$2 = /*#__PURE__*/Object.freeze({
   __proto__: null,
   analyticsActions: analyticsActions,
@@ -2809,12 +2880,13 @@ var index$2 = /*#__PURE__*/Object.freeze({
   stringActions: stringActions,
   userActions: userActions,
   profileActions: profileActions,
-  utilityActions: utilityActions
+  utilityActions: utilityActions,
+  templateActions: templateActions
 });
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$i(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var refreshAuthUser = function refreshAuthUser(site) {
   return function (dispatch) {
     var promises = [];
@@ -2829,13 +2901,13 @@ var refreshAuthUser = function refreshAuthUser(site) {
       dispatch({
         type: SET_AUTH,
         payload: {
-          user: _objectSpread$g(_objectSpread$g({}, userRes), {}, {
+          user: _objectSpread$i(_objectSpread$i({}, userRes), {}, {
             uid: userRes.Id
           }),
           features: getEnabledFeatures(siteSettingsRes, interfaces),
           hidden: _toConsumableArray__default['default'](siteSettingsRes.Hidden || []),
-          siteSettings: _objectSpread$g({}, siteSettingsRes.Settings || {}),
-          siteBranding: _objectSpread$g({}, siteSettingsRes.Branding || {})
+          siteSettings: _objectSpread$i({}, siteSettingsRes.Settings || {}),
+          siteBranding: _objectSpread$i({}, siteSettingsRes.Branding || {})
         }
       });
     });
@@ -2899,9 +2971,9 @@ var addRecentlyCreated = function addRecentlyCreated(feature) {
   };
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$h(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var usersUpdate = function usersUpdate(site) {
   return function (dispatch) {
     userActions.fetchUsers(site).then(function (res) {
@@ -2912,7 +2984,7 @@ var usersUpdate = function usersUpdate(site) {
           var users = res.data.results.Items;
           var allList = [];
           Object.keys(users).forEach(function (userId) {
-            allList.push(_objectSpread$f(_objectSpread$f({}, users[userId]), {}, {
+            allList.push(_objectSpread$h(_objectSpread$h({}, users[userId]), {}, {
               id: userId
             }));
           });
@@ -2986,13 +3058,18 @@ var setNavData = function setNavData(data) {
   };
 };
 
-// export * from './AlertActions';
-// export * from './ServiceActions';
-// export * from './MediaActions';
-// export * from './FacilityActions';
-// export * from './DeviceActions';
-// export * from './FormActions';
-// export * from './AutomationActions';
+var templatesLoaded = function templatesLoaded(template) {
+  return {
+    type: TEMPLATES_LOADED,
+    payload: template
+  };
+};
+var removeTemplate = function removeTemplate(id) {
+  return {
+    type: TEMPLATE_REMOVED,
+    payload: id
+  };
+};
 
 var index$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3011,17 +3088,19 @@ var index$1 = /*#__PURE__*/Object.freeze({
   inviteCodeUpdated: inviteCodeUpdated,
   inviteCodeRemoved: inviteCodeRemoved,
   clearUsers: clearUsers,
-  setNavData: setNavData
+  setNavData: setNavData,
+  templatesLoaded: templatesLoaded,
+  removeTemplate: removeTemplate
 });
 
-function _createSuper$A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$A(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$C(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$C(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$A() { 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 _isNativeReflectConstruct$C() { 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; } }
 
 var AddButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AddButton, _Component);
 
-  var _super = _createSuper$A(AddButton);
+  var _super = _createSuper$C(AddButton);
 
   function AddButton() {
     _classCallCheck__default['default'](this, AddButton);
@@ -3998,14 +4077,14 @@ var icons = {
 	template_sportingClub: template_sportingClub
 };
 
-function _createSuper$z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$z(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$B(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$B(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$z() { 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 _isNativeReflectConstruct$B() { 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; } }
 
 var SVGIcon = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](SVGIcon, _Component);
 
-  var _super = _createSuper$z(SVGIcon);
+  var _super = _createSuper$B(SVGIcon);
 
   function SVGIcon() {
     _classCallCheck__default['default'](this, SVGIcon);
@@ -4053,14 +4132,14 @@ var SVGIcon = /*#__PURE__*/function (_Component) {
   return SVGIcon;
 }(React.Component);
 
-function _createSuper$y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$y(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$A(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$A(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$y() { 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 _isNativeReflectConstruct$A() { 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; } }
 
 var Attachment = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Attachment, _Component);
 
-  var _super = _createSuper$y(Attachment);
+  var _super = _createSuper$A(Attachment);
 
   function Attachment() {
     _classCallCheck__default['default'](this, Attachment);
@@ -4094,18 +4173,18 @@ var Attachment = /*#__PURE__*/function (_Component) {
   return Attachment;
 }(React.Component);
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$g(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$x(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$z(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$z(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$x() { 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 _isNativeReflectConstruct$z() { 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; } }
 
 var Button = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Button, _Component);
 
-  var _super = _createSuper$x(Button);
+  var _super = _createSuper$z(Button);
 
   function Button() {
     _classCallCheck__default['default'](this, Button);
@@ -4184,16 +4263,16 @@ var Button = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "buttonWrapper ".concat(this.getClasses()),
-        style: _objectSpread$e({}, this.props.buttonStyle)
+        style: _objectSpread$g({}, this.props.buttonStyle)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         onClick: function onClick() {
           return _this.buttonClick();
         },
         className: this.getButtonClasses(),
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$g({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getButtonTextClasses(),
-        style: _objectSpread$e({}, this.props.textStyle)
+        style: _objectSpread$g({}, this.props.textStyle)
       }, this.renderLeftIcon(), this.props.children)));
     }
   }]);
@@ -4201,18 +4280,18 @@ var Button = /*#__PURE__*/function (_Component) {
   return Button;
 }(React.Component);
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$f(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$w(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$y(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$y(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$w() { 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 _isNativeReflectConstruct$y() { 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; } }
 
 var CheckBox = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](CheckBox, _PureComponent);
 
-  var _super = _createSuper$w(CheckBox);
+  var _super = _createSuper$y(CheckBox);
 
   function CheckBox() {
     var _this;
@@ -4285,7 +4364,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         className: this.props.className
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.showWarning ? 'checkBox--error' : null,
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), this.props.style)
+        style: _objectSpread$f(_objectSpread$f({}, styles$9.row), this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.generateClassNames(),
         onClick: this.onChange,
@@ -4297,7 +4376,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
         name: 'check'
       }))), !___default['default'].isEmpty(this.props.label) && /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getLabelClasses(),
-        style: _objectSpread$d({
+        style: _objectSpread$f({
           marginLeft: 8,
           fontSize: 14,
           lineHeight: '20px'
@@ -4310,7 +4389,7 @@ var CheckBox = /*#__PURE__*/function (_PureComponent) {
   return CheckBox;
 }(React.PureComponent);
 
-var styles$8 = {
+var styles$9 = {
   row: {
     display: 'flex',
     flexDirection: 'row',
@@ -4318,14 +4397,14 @@ var styles$8 = {
   }
 };
 
-function _createSuper$v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$v(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$x(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$x(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$v() { 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 _isNativeReflectConstruct$x() { 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; } }
 
 var Text = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Text, _Component);
 
-  var _super = _createSuper$v(Text);
+  var _super = _createSuper$x(Text);
 
   function Text() {
     _classCallCheck__default['default'](this, Text);
@@ -4355,18 +4434,18 @@ var Text = /*#__PURE__*/function (_Component) {
   return Text;
 }(React.Component);
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$u(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$w(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$w(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$u() { 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 _isNativeReflectConstruct$w() { 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; } }
 
 var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ProfilePicComponent, _Component);
 
-  var _super = _createSuper$u(ProfilePicComponent);
+  var _super = _createSuper$w(ProfilePicComponent);
 
   function ProfilePicComponent() {
     _classCallCheck__default['default'](this, ProfilePicComponent);
@@ -4379,7 +4458,7 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     value: function renderPic() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.className,
-        style: _objectSpread$c({
+        style: _objectSpread$e({
           width: this.props.size || 30,
           height: this.props.size || 30,
           borderRadius: this.props.size / 2 || 15,
@@ -4410,22 +4489,22 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
   return ProfilePicComponent;
 }(React.Component);
 
-var mapStateToProps$5 = function mapStateToProps(state) {
+var mapStateToProps$6 = function mapStateToProps(state) {
   return {
     colourBrandingApp: getAppColourFromState(state)
   };
 };
 
-var ProfilePic = reactRedux.connect(mapStateToProps$5, {})(ProfilePicComponent);
+var ProfilePic = reactRedux.connect(mapStateToProps$6, {})(ProfilePicComponent);
 
-function _createSuper$t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$t(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$v(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$v(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$t() { 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 _isNativeReflectConstruct$v() { 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; } }
 
 var Comment = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Comment, _Component);
 
-  var _super = _createSuper$t(Comment);
+  var _super = _createSuper$v(Comment);
 
   function Comment() {
     _classCallCheck__default['default'](this, Comment);
@@ -4464,14 +4543,14 @@ var Comment = /*#__PURE__*/function (_Component) {
   return Comment;
 }(React.Component);
 
-function _createSuper$s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$s(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$u(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$s() { 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 _isNativeReflectConstruct$u() { 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; } }
 
 var CommentSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](CommentSection, _Component);
 
-  var _super = _createSuper$s(CommentSection);
+  var _super = _createSuper$u(CommentSection);
 
   function CommentSection(props) {
     var _this;
@@ -4607,14 +4686,14 @@ var CommentSection = /*#__PURE__*/function (_Component) {
   return CommentSection;
 }(React.Component);
 
-function _createSuper$r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$r(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$t(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$t(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$r() { 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 _isNativeReflectConstruct$t() { 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; } }
 
 var P60Icon = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](P60Icon, _Component);
 
-  var _super = _createSuper$r(P60Icon);
+  var _super = _createSuper$t(P60Icon);
 
   function P60Icon() {
     var _this;
@@ -4670,14 +4749,14 @@ var P60Icon = /*#__PURE__*/function (_Component) {
   return P60Icon;
 }(React.Component);
 
-function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$s(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$s(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$q() { 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 _isNativeReflectConstruct$s() { 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; } }
 
 var DatePicker = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](DatePicker, _Component);
 
-  var _super = _createSuper$q(DatePicker);
+  var _super = _createSuper$s(DatePicker);
 
   function DatePicker() {
     var _this;
@@ -4990,13 +5069,13 @@ var DatePicker = /*#__PURE__*/function (_Component) {
   return DatePicker;
 }(React.Component);
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$d(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$r(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$p() { 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 _isNativeReflectConstruct$r() { 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; } }
 var DEFAULT_INPUT$1 = {
   uploadingFile: false,
   value: ''
@@ -5005,7 +5084,7 @@ var DEFAULT_INPUT$1 = {
 var FileInputComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](FileInputComponent, _Component);
 
-  var _super = _createSuper$p(FileInputComponent);
+  var _super = _createSuper$r(FileInputComponent);
 
   function FileInputComponent() {
     var _this;
@@ -5060,7 +5139,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$b({}, DEFAULT_INPUT$1);
+            var _newInput = _objectSpread$d({}, DEFAULT_INPUT$1);
 
             newInputs.splice(newInputs.length - 1, 0, _newInput);
 
@@ -5283,7 +5362,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React__default['default'].createElement("div", {
             className: "imageInput_image",
-            style: _objectSpread$b(_objectSpread$b({}, _this3.props.style), {}, {
+            style: _objectSpread$d(_objectSpread$d({}, _this3.props.style), {}, {
               height: _this3.props.style && _this3.props.style.height ? _this3.props.style.height - 62 : 80
             })
           }, /*#__PURE__*/React__default['default'].createElement("img", {
@@ -5309,7 +5388,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$b({}, _this3.props.style)
+          style: _objectSpread$d({}, _this3.props.style)
         });
       };
 
@@ -5340,12 +5419,12 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$b({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
         className: "imageInput_upload ".concat(this.getErrorState()),
         accept: this.props.accept,
         onDrop: this.onDrop,
-        style: _objectSpread$b({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, function (_ref2) {
         var isDragActive = _ref2.isDragActive;
             _ref2.isDragReject;
@@ -5364,7 +5443,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
         }, _this3.props.multiple ? "Upload files" : "Upload a file"));
       }), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInput_uploading",
-        style: _objectSpread$b({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
         className: "spinner imageInput_spinner",
         name: "spinner fa-pulse fa-fw"
@@ -5377,7 +5456,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInputContainer clearfix ".concat(inputs.length === 1 ? 'imageInputContainer-noPadding' : '', " ").concat(this.props.simpleStyle ? 'imageInputContainer-simple' : ''),
-        style: _objectSpread$b({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, inputs.map(function (input, index) {
         return _this4.renderInput(input, index, inputs.length);
       }));
@@ -5399,26 +5478,26 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
   return FileInputComponent;
 }(React.Component);
 
-var mapStateToProps$4 = function mapStateToProps() {
+var mapStateToProps$5 = function mapStateToProps() {
   return {};
 };
 
-var FileInput = reactRedux.connect(mapStateToProps$4, {}, null, {
+var FileInput = reactRedux.connect(mapStateToProps$5, {}, null, {
   withRef: true
 })(FileInputComponent);
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$o() { 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 _isNativeReflectConstruct$q() { 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; } }
 
 var GenericInput = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](GenericInput, _Component);
 
-  var _super = _createSuper$o(GenericInput);
+  var _super = _createSuper$q(GenericInput);
 
   function GenericInput() {
     _classCallCheck__default['default'](this, GenericInput);
@@ -5523,7 +5602,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
       if (!___default['default'].isUndefined(this.props.inputComponent)) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: _objectSpread$a(_objectSpread$a({}, styles$7.row), {}, {
+          style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5534,7 +5613,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
       if (!___default['default'].isUndefined(this.props.type) && this.props.type === 'textarea') {
         // Render expandable text area
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: _objectSpread$a(_objectSpread$a({}, styles$7.row), {}, {
+          style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5548,7 +5627,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
           onChange: this.props.onChange,
           onKeyPress: this.props.onKeyPress || this.props.onEnter,
           onKeyDown: this.props.onKeyDown,
-          style: _objectSpread$a({}, this.props.inputStyle),
+          style: _objectSpread$c({}, this.props.inputStyle),
           readOnly: !___default['default'].isUndefined(this.props.readOnly) ? this.props.readOnly : false,
           disabled: !___default['default'].isUndefined(this.props.disabled) ? this.props.disabled : false,
           autoComplete: this.getAutoComplete(),
@@ -5560,7 +5639,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$a(_objectSpread$a({}, styles$7.row), this.props.textWrapperStyle)
+        style: _objectSpread$c(_objectSpread$c({}, styles$8.row), this.props.textWrapperStyle)
       }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "inputRequired "
       }), /*#__PURE__*/React__default['default'].createElement("input", {
@@ -5576,7 +5655,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
         onClick: this.props.onClick,
         onKeyPress: this.props.onKeyPress || this.props.onEnter,
         onKeyDown: this.props.onKeyDown,
-        style: _objectSpread$a({}, this.props.inputStyle),
+        style: _objectSpread$c({}, this.props.inputStyle),
         readOnly: !___default['default'].isUndefined(this.props.readOnly) ? this.props.readOnly : false,
         disabled: !___default['default'].isUndefined(this.props.disabled) ? this.props.disabled : false,
         autoComplete: this.getAutoComplete(),
@@ -5591,9 +5670,9 @@ var GenericInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getClassNames(),
-        style: _objectSpread$a({}, this.props.style)
+        style: _objectSpread$c({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$a(_objectSpread$a({}, styles$7.row), {}, {
+        style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -5607,7 +5686,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
   return GenericInput;
 }(React.Component);
 
-var styles$7 = {
+var styles$8 = {
   row: {
     display: 'flex',
     flexDirection: 'row',
@@ -5616,14 +5695,14 @@ var styles$7 = {
   }
 };
 
-function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$p(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$p(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
-function _isNativeReflectConstruct$n() { 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 _isNativeReflectConstruct$p() { 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; } }
 
 var Header = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Header, _Component);
 
-  var _super = _createSuper$n(Header);
+  var _super = _createSuper$p(Header);
 
   function Header() {
     var _this;
@@ -5730,6 +5809,259 @@ var Header = /*#__PURE__*/function (_Component) {
   return Header;
 }(React.Component);
 
+var mapStateToProps$4 = function mapStateToProps(state) {
+  return {
+    auth: state.auth,
+    isSideMenuOpen: state.nav.isSideMenuOpen
+  };
+};
+
+var exportObj$4 = reactRedux.connect(mapStateToProps$4, {
+  setNavData: setNavData
+})(reactRouter.withRouter(Header));
+
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$b(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _createSuper$o(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$o(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+
+function _isNativeReflectConstruct$o() { 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; } }
+
+var SideNavItem = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](SideNavItem, _Component);
+
+  var _super = _createSuper$o(SideNavItem);
+
+  function SideNavItem(props) {
+    var _this;
+
+    _classCallCheck__default['default'](this, SideNavItem);
+
+    _this = _super.call(this, props);
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "goTo", function () {
+      if (_this.props.onClick) {
+        return _this.props.onClick();
+      }
+
+      if (!___default['default'].isUndefined(_this.props.onUrlChange)) {
+        _this.props.onUrlChange();
+      }
+
+      _this.props.history.push(_this.props.Link);
+    });
+
+    _this.state = {
+      url: window.location.pathname
+    };
+    return _this;
+  }
+
+  _createClass__default['default'](SideNavItem, [{
+    key: "UNSAFE_componentWillReceiveProps",
+    value: function UNSAFE_componentWillReceiveProps(nextProps) {
+      if (!___default['default'].isUndefined(nextProps.url) && !___default['default'].isEmpty(nextProps.url)) {
+        this.setState({
+          url: nextProps.url
+        });
+      }
+    }
+  }, {
+    key: "getClassNames",
+    value: function getClassNames() {
+      var result = '';
+
+      if (this.props.className) {
+        result += " ".concat(this.props.className);
+      }
+
+      if (this.state.url === this.props.Link || this.props.selected) {
+        result += ' sideNav-item--active';
+      }
+
+      if (this.props.subStyle) {
+        result += ' sideNav-item-subStyle';
+      }
+
+      return result;
+    }
+  }, {
+    key: "renderIcon",
+    value: function renderIcon() {
+      if (!this.props.Icon) {
+        return null;
+      }
+
+      var content = null;
+
+      if (this.props.isFontAwesome) {
+        content = /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+          className: "sideNav-item-icon",
+          name: this.props.Icon
+        });
+      } else if (this.props.isSVG) {
+        content = /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+          className: "sideNav-item-icon",
+          icon: this.props.Icon,
+          colour: COLOUR_DUSK_LIGHTER
+        });
+      } else {
+        content = /*#__PURE__*/React__default['default'].createElement(P60Icon, {
+          className: "sideNav-item-icon",
+          icon: this.props.Icon
+        });
+      }
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        style: _objectSpread$b(_objectSpread$b({}, styles$7.section), {}, {
+          width: 18,
+          marginRight: 16
+        })
+      }, content);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "sideNav-item".concat(this.getClassNames()),
+        style: this.props.style,
+        onClick: this.goTo
+      }, !this.props.noSideDot && /*#__PURE__*/React__default['default'].createElement("div", {
+        style: _objectSpread$b(_objectSpread$b({}, styles$7.section), {}, {
+          marginRight: 15
+        })
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "sideNav-item-dot",
+        style: styles$7.sideNavDot
+      })), this.renderIcon(), /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "sideNav-item-text",
+        style: styles$7.section
+      }, this.props.Text), !___default['default'].isNil(this.props.count) && this.props.count > 0 && /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "sideNav-item-extra"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "count"
+      }, this.props.count > 99 ? 99 : this.props.count)));
+    }
+  }]);
+
+  return SideNavItem;
+}(React.Component);
+
+var styles$7 = {
+  section: {
+    display: 'flex',
+    alignItems: 'center',
+    minHeight: 22
+  },
+  sideNavDot: {
+    width: 5,
+    height: 5,
+    borderRadius: 5
+  }
+};
+var exportObj$3 = reactRedux.connect(null, {})(reactRouter.withRouter(SideNavItem));
+
+function _createSuper$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+
+function _isNativeReflectConstruct$n() { 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; } }
+
+var HubSidebar = /*#__PURE__*/function (_PureComponent) {
+  _inherits__default['default'](HubSidebar, _PureComponent);
+
+  var _super = _createSuper$n(HubSidebar);
+
+  function HubSidebar() {
+    _classCallCheck__default['default'](this, HubSidebar);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass__default['default'](HubSidebar, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.props.setNavData({
+        condensedSidebar: true
+      });
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.setNavData({
+        condensedSidebar: false
+      });
+    }
+  }, {
+    key: "renderNewButton",
+    value: function renderNewButton(item, index) {
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hubSidebar_newButtonContainer"
+      }, /*#__PURE__*/React__default['default'].createElement(Button, {
+        buttonType: item.buttonType || 'primary',
+        isActive: true,
+        leftIcon: "plus",
+        narrow: true,
+        onClick: item.onClick,
+        key: "newbutton_".concat(index)
+      }, item.text));
+    }
+  }, {
+    key: "renderNavItem",
+    value: function renderNavItem(item, index) {
+      return /*#__PURE__*/React__default['default'].createElement(exportObj$3, {
+        Text: item.text,
+        Icon: item.icon,
+        Link: item.url,
+        isFontAwesome: item.isFontAwesome,
+        isSVG: item.isSVG,
+        key: "navitem_".concat(index),
+        selected: item.selected,
+        onClick: item.onClick
+      });
+    }
+  }, {
+    key: "renderSection",
+    value: function renderSection(section, index) {
+      var _this = this;
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hubSidebar_section",
+        key: "section_".concat(index)
+      }, /*#__PURE__*/React__default['default'].createElement(Text, {
+        type: "h3",
+        className: "hubSidebar_sectionTitle"
+      }, section.title), section.items.map(function (item, itemIndex) {
+        switch (item.type) {
+          case 'newButton':
+            return _this.renderNewButton(item, itemIndex);
+
+          case 'navItem':
+            return _this.renderNavItem(item, itemIndex);
+
+          default:
+            return null;
+        }
+      }));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hubSidebar ".concat(this.props.className ? this.props.className : ''),
+        style: this.props.style
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "hubSidebar_content"
+      }, this.props.sections.map(function (section, i) {
+        return _this2.renderSection(section, i);
+      })));
+    }
+  }]);
+
+  return HubSidebar;
+}(React.PureComponent);
+
 var mapStateToProps$3 = function mapStateToProps(state) {
   return {
     auth: state.auth,
@@ -5739,11 +6071,11 @@ var mapStateToProps$3 = function mapStateToProps(state) {
 
 var exportObj$2 = reactRedux.connect(mapStateToProps$3, {
   setNavData: setNavData
-})(reactRouter.withRouter(Header));
+})(HubSidebar);
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$a(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$m(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$m(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -5810,7 +6142,7 @@ var Popup = /*#__PURE__*/function (_Component) {
           return /*#__PURE__*/React__default['default'].createElement(Button, {
             key: index,
             buttonType: b.type,
-            style: _objectSpread$9({
+            style: _objectSpread$a({
               marginLeft: 8,
               marginRight: 8
             }, b.style),
@@ -5829,7 +6161,7 @@ var Popup = /*#__PURE__*/function (_Component) {
         return /*#__PURE__*/React__default['default'].createElement(Button, {
           key: index,
           buttonType: b.type,
-          style: _objectSpread$9({
+          style: _objectSpread$a({
             marginLeft: 16
           }, b.style),
           className: b.className,
@@ -5862,9 +6194,9 @@ var Popup = /*#__PURE__*/function (_Component) {
   return Popup;
 }(React.Component);
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$9(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$l(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$l(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -6009,7 +6341,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
               case 5:
                 folders = _context2.sent;
 
-                _this.setState(_objectSpread$8({
+                _this.setState(_objectSpread$9({
                   addingFolder: false,
                   folders: folders
                 }, _this.cancelAddStates));
@@ -6074,7 +6406,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$8(_objectSpread$8({}, DEFAULT_INPUT), {}, {
+            var _newInput = _objectSpread$9(_objectSpread$9({}, DEFAULT_INPUT), {}, {
               fromLibrary: fromLibrary
             });
 
@@ -6177,11 +6509,11 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
       event.stopPropagation();
 
       if (window.confirm("Are you sure you want to delete ".concat(folder.Name, "?"))) {
-        var deletingFolder = _objectSpread$8({}, _this.state.deletingFolder);
+        var deletingFolder = _objectSpread$9({}, _this.state.deletingFolder);
 
         deletingFolder[folder.RowId] = true;
 
-        _this.setState(_objectSpread$8({
+        _this.setState(_objectSpread$9({
           deletingFolder: ___default['default'].clone(deletingFolder)
         }, _this.cancelAddStates), /*#__PURE__*/_asyncToGenerator__default['default']( /*#__PURE__*/_regeneratorRuntime__default['default'].mark(function _callee4() {
           var folders;
@@ -6234,7 +6566,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         // Unselect the image first if selected
         if (image.Selected) _this.toggleLibraryItem(image);
 
-        var deletingImage = _objectSpread$8({}, _this.state.deletingImage);
+        var deletingImage = _objectSpread$9({}, _this.state.deletingImage);
 
         deletingImage[image.Value] = true;
 
@@ -6695,7 +7027,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React__default['default'].createElement("div", {
             className: "imageInput_image",
-            style: _objectSpread$8(_objectSpread$8({}, _this6.getImageStyle(input.displayValue)), _this6.props.style)
+            style: _objectSpread$9(_objectSpread$9({}, _this6.getImageStyle(input.displayValue)), _this6.props.style)
           }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
             accept: "image/jpeg, image/png".concat(_this6.props.allowVideo ? ', video/*' : ''),
             onDrop: function onDrop(files) {
@@ -6711,7 +7043,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$8(_objectSpread$8({}, _this6.getImageStyle(input.displayValue)), _this6.props.style)
+          style: _objectSpread$9(_objectSpread$9({}, _this6.getImageStyle(input.displayValue)), _this6.props.style)
         });
       };
 
@@ -6744,12 +7076,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$8({}, this.props.style)
+        style: _objectSpread$9({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
         className: "imageInput_upload ".concat(this.getErrorState()),
         accept: "image/jpeg, image/png".concat(this.props.allowVideo ? ', video/*' : ''),
         onDrop: this.onDrop,
-        style: _objectSpread$8({}, this.props.style)
+        style: _objectSpread$9({}, this.props.style)
       }, function (_ref8) {
         var isDragActive = _ref8.isDragActive;
             _ref8.isDragReject;
@@ -6768,7 +7100,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         }, _this6.props.multiple ? "Upload ".concat(mediaText) : "Upload an ".concat(mediaText)));
       }), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInput_uploading",
-        style: _objectSpread$8({}, this.props.style)
+        style: _objectSpread$9({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
         className: "spinner imageInput_spinner",
         name: "spinner fa-pulse fa-fw"
@@ -6794,7 +7126,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         className: classes
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInput_image",
-        style: _objectSpread$8({}, this.getImageStyle(image[1400])),
+        style: _objectSpread$9({}, this.getImageStyle(image[1400])),
         onClick: this.toggleLibraryItem.bind(this, image)
       }), /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInput_selected"
@@ -6987,7 +7319,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
       var mediaText = this.props.allowVideo ? 'media' : "image".concat(this.props.multiple ? 's' : '');
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInputContainer imageInputContainer-library",
-        style: _objectSpread$8({}, this.props.style)
+        style: _objectSpread$9({}, this.props.style)
       }, this.renderBreadCrumbs(), stockFolder ? this.state.imageLibrary.map(function (image, index) {
         return _this12.renderLibraryImage(image, index);
       }) : /*#__PURE__*/React__default['default'].createElement("div", null, this.canAddImageToLibrary() && /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
@@ -7036,7 +7368,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInputContainer ".concat(inputs.length === 1 ? 'imageInputContainer-noPadding' : ''),
-        style: _objectSpread$8({}, this.props.style)
+        style: _objectSpread$9({}, this.props.style)
       }, inputs.map(function (input, index) {
         return _this13.renderInput(input, index, inputs.length);
       }));
@@ -7208,9 +7540,9 @@ var MoreMenu = /*#__PURE__*/function (_Component) {
   return MoreMenu;
 }(React.Component);
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$8(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$j(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$j(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -7272,9 +7604,9 @@ var OverlayPage = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$7(_objectSpread$7({}, styles$5.pageWrapper), this.props.style)
+        style: _objectSpread$8(_objectSpread$8({}, styles$5.pageWrapper), this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$7(_objectSpread$7({}, styles$5.backgroundOverlay), this.props.backgroundStyle)
+        style: _objectSpread$8(_objectSpread$8({}, styles$5.backgroundOverlay), this.props.backgroundStyle)
       }), this.renderContent());
     }
   }]);
@@ -7301,9 +7633,9 @@ var styles$5 = {
   }
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$7(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$i(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$i(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -7343,7 +7675,7 @@ var OverlayPageContents = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         id: this.props.id,
         className: "animateOpacity",
-        style: _objectSpread$6(_objectSpread$6({}, styles$4.wrapper), {}, {
+        style: _objectSpread$7(_objectSpread$7({}, styles$4.wrapper), {}, {
           height: this.props.noBottomButtons ? '100%' : 'calc(100% - 57px)',
           opacity: this.state.opacity
         }, this.props.style)
@@ -7367,9 +7699,9 @@ var styles$4 = {
   }
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$h(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$h(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -7400,7 +7732,7 @@ var OverlayPageSection = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", _extends__default['default']({}, this.props, {
         className: this.getClassName(),
-        style: _objectSpread$5(_objectSpread$5({}, styles$3.wrapper), this.props.style)
+        style: _objectSpread$6(_objectSpread$6({}, styles$3.wrapper), this.props.style)
       }), this.props.children);
     }
   }]);
@@ -7419,9 +7751,9 @@ var styles$3 = {
   }
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$g(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$g(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -7460,7 +7792,7 @@ var OverlayPageBottomButtons = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "animateOpacity",
-        style: _objectSpread$4(_objectSpread$4({}, styles$2.wrapper), {}, {
+        style: _objectSpread$5(_objectSpread$5({}, styles$2.wrapper), {}, {
           opacity: this.state.opacity
         }, this.props.style)
       }, this.props.children);
@@ -7511,9 +7843,9 @@ var PageTitle = /*#__PURE__*/function (_Component) {
   return PageTitle;
 }(React.Component);
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$e(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$e(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -7609,7 +7941,7 @@ var RadioButton = /*#__PURE__*/function (_Component) {
             return _this.performMultiAction(e);
           },
           key: e.Label,
-          style: _objectSpread$3(_objectSpread$3({}, styles$1.row), {}, {
+          style: _objectSpread$4(_objectSpread$4({}, styles$1.row), {}, {
             marginRight: 14
           }, _this.props.buttonStyle)
         }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -7658,11 +7990,11 @@ var RadioButton = /*#__PURE__*/function (_Component) {
         style: this.props.style
       }, this.props.label && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "fieldLabel",
-        style: _objectSpread$3({
+        style: _objectSpread$4({
           marginBottom: 5
         }, this.props.labelStyle)
       }, this.props.label), /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$3(_objectSpread$3({}, styles$1.row), this.props.rowStyle)
+        style: _objectSpread$4(_objectSpread$4({}, styles$1.row), this.props.rowStyle)
       }, this.renderOptions()), this.renderHelp());
     }
   }]);
@@ -8372,7 +8704,8 @@ var TimePicker = /*#__PURE__*/function (_Component) {
 
       if (disabled) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          className: "timepicker disabled"
+          className: "timepicker disabled",
+          style: this.props.style
         }, /*#__PURE__*/React__default['default'].createElement("span", {
           className: "timepicker__span",
           style: this.props.inputStyle
@@ -8380,7 +8713,8 @@ var TimePicker = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "timepicker ".concat(this.props.className)
+        className: "timepicker ".concat(this.props.className),
+        style: this.props.style
       }, /*#__PURE__*/React__default['default'].createElement("input", {
         className: "timepicker__input",
         maxLength: "2",
@@ -8640,9 +8974,9 @@ var mapStateToProps$1 = function mapStateToProps(state) {
 
 var exportObj$1 = reactRedux.connect(mapStateToProps$1, {})(reactRouter.withRouter(AudienceIncluder));
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -8833,13 +9167,13 @@ var DropdownInput = /*#__PURE__*/function (_Component) {
         value: this.props.value,
         onChange: this.props.onChange,
         onKeyPress: this.props.onEnter,
-        style: _objectSpread$2({}, this.props.inputStyle),
+        style: _objectSpread$3({}, this.props.inputStyle),
         disabled: true,
         autoComplete: "false"
       }), /*#__PURE__*/React__default['default'].createElement("div", {
         style: styles.chevronWrapper
       }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
-        style: _objectSpread$2(_objectSpread$2({}, styles.chevron), {}, {
+        style: _objectSpread$3(_objectSpread$3({}, styles.chevron), {}, {
           color: !___default['default'].isUndefined(this.props.disabled) && this.props.disabled ? 'transparent' : INACTIVE_TEXT
         }),
         name: this.state.open ? 'chevron-up' : 'chevron-down'
@@ -8851,12 +9185,12 @@ var DropdownInput = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         ref: this.setWrapperRef,
         className: "dropdownInput ".concat(this.getClassNames()),
-        style: _objectSpread$2({
+        style: _objectSpread$3({
           marginBottom: 16,
           position: 'relative'
         }, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$2(_objectSpread$2({}, styles.row), {}, {
+        style: _objectSpread$3(_objectSpread$3({}, styles.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -8901,9 +9235,9 @@ var styles = {
   }
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -9109,7 +9443,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
       profileActions.getUserTagsBySite(this.props.auth.site).then(function (res) {
         _this3.setState({
           tagList: res.data.map(function (t) {
-            return _objectSpread$1(_objectSpread$1({}, t), {}, {
+            return _objectSpread$2(_objectSpread$2({}, t), {}, {
               Key: t.Id
             });
           })
@@ -9891,9 +10225,9 @@ var OptionsSection = /*#__PURE__*/function (_Component) {
   return OptionsSection;
 }(React.Component);
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
 
@@ -9945,7 +10279,7 @@ var MakerPopup = /*#__PURE__*/function (_Component) {
       result.colour = _this.state.colour;
       result.logo = _this.state.logo;
       result.headerType = _this.state.headerType;
-      return _objectSpread(_objectSpread({}, result), _this.props.requestData);
+      return _objectSpread$1(_objectSpread$1({}, result), _this.props.requestData);
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "compileRequestData", function () {
@@ -9959,7 +10293,7 @@ var MakerPopup = /*#__PURE__*/function (_Component) {
         result.size = _this.state.selectedSize;
       }
 
-      return _objectSpread(_objectSpread(_objectSpread({}, result), _this.props.requestData), {}, {
+      return _objectSpread$1(_objectSpread$1(_objectSpread$1({}, result), _this.props.requestData), {}, {
         data: _this.compileData()
       });
     });
@@ -10023,7 +10357,7 @@ var MakerPopup = /*#__PURE__*/function (_Component) {
       Key: 'jpg',
       Title: 'JPEG'
     }];
-    _this.state = _objectSpread(_objectSpread({}, _this.props.initialData), {}, {
+    _this.state = _objectSpread$1(_objectSpread$1({}, _this.props.initialData), {}, {
       logo: null,
       colour: null,
       submitting: false,
@@ -10073,7 +10407,7 @@ var MakerPopup = /*#__PURE__*/function (_Component) {
         url: this.state.lottieConfig.path
       }).then(function (res) {
         _this3.setState({
-          lottieConfig: _objectSpread(_objectSpread({}, _this3.state.lottieConfig), {}, {
+          lottieConfig: _objectSpread$1(_objectSpread$1({}, _this3.state.lottieConfig), {}, {
             path: undefined,
             animationData: res.data
           })
@@ -10497,7 +10831,8 @@ var index = /*#__PURE__*/Object.freeze({
   DatePicker: DatePicker,
   FileInput: FileInput,
   GenericInput: GenericInput,
-  Header: exportObj$2,
+  Header: exportObj$4,
+  HubSidebar: exportObj$2,
   ImageInput: ImageInput,
   MoreMenu: MoreMenu,
   OverlayPage: OverlayPage,
@@ -10512,6 +10847,7 @@ var index = /*#__PURE__*/Object.freeze({
   SVGIcon: SVGIcon,
   Tag: Tag,
   Text: Text,
+  SideNavItem: exportObj$3,
   StatusButton: StatusButton,
   SuccessPopup: SuccessPopup,
   Reactions: Reactions,
@@ -10526,6 +10862,51 @@ var index = /*#__PURE__*/Object.freeze({
   ExportCsvPopup: ExportCsvPopup
 });
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+var INITIAL_STATE = {
+  list: []
+};
+var TemplatesReducer = (function () {
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
+
+  switch (action.type) {
+    case TEMPLATES_LOADED:
+      var result = ___default['default'].unionWith(action.payload, state.list, function (v1, v2) {
+        return v1 != null && v2 != null && v1.RowId === v2.RowId;
+      });
+
+      return _objectSpread(_objectSpread({}, state), {}, {
+        list: result
+      });
+
+    case TEMPLATE_REMOVED:
+      var index = ___default['default'].findIndex(state.list, function (app) {
+        return app != null && app.RowId === action.payload;
+      });
+
+      if (index > -1) {
+        var newTemplates = _toConsumableArray__default['default'](state.list);
+
+        newTemplates.splice(index, 1);
+        return _objectSpread(_objectSpread({}, state), {}, {
+          list: newTemplates
+        });
+      }
+
+      return state;
+
+    default:
+      return state;
+  }
+});
+
+var Reducers = {
+  templates: TemplatesReducer
+};
+
 exports.Actions = index$1;
 exports.Analytics = analytics;
 exports.Apis = index$2;
@@ -10533,4 +10914,5 @@ exports.Colours = colours;
 exports.Components = index;
 exports.Config = CoreConfig;
 exports.Helper = index$3;
+exports.Reducers = Reducers;
 exports.Session = session;