@plusscommunities/pluss-core-web 1.2.11-beta.0 → 1.2.14-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$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 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$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; }
+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$j({
+      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';
@@ -1582,6 +1590,8 @@ var index$3 = /*#__PURE__*/Object.freeze({
   randomString: randomString,
   toParagraphed: toParagraphed,
   onlyAlphanumeric: onlyAlphanumeric,
+  htmlDecode: htmlDecode,
+  htmlEncode: htmlEncode,
   getSiteName: getSiteName,
   getSiteNameFromRoles: getSiteNameFromRoles,
   getSiteSettingFromState: getSiteSettingFromState,
@@ -1670,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) {
@@ -2139,9 +2151,9 @@ var fileActions = {
   }
 };
 
-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$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$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$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({
@@ -2237,7 +2249,7 @@ var typeActions = {
     var request = {
       method: 'POST',
       url: url,
-      data: _objectSpread$i({
+      data: _objectSpread$j({
         siteName: siteName
       }, options)
     };
@@ -2345,7 +2357,7 @@ var typeActions = {
     return authedFunction({
       method: 'POST',
       url: getUrl('types', 'site/edit'),
-      data: _objectSpread$i({
+      data: _objectSpread$j({
         Id: site
       }, values)
     });
@@ -2810,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,
@@ -2819,12 +2880,13 @@ var index$2 = /*#__PURE__*/Object.freeze({
   stringActions: stringActions,
   userActions: userActions,
   profileActions: profileActions,
-  utilityActions: utilityActions
+  utilityActions: utilityActions,
+  templateActions: templateActions
 });
 
-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$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$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$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 = [];
@@ -2839,13 +2901,13 @@ var refreshAuthUser = function refreshAuthUser(site) {
       dispatch({
         type: SET_AUTH,
         payload: {
-          user: _objectSpread$h(_objectSpread$h({}, userRes), {}, {
+          user: _objectSpread$i(_objectSpread$i({}, userRes), {}, {
             uid: userRes.Id
           }),
           features: getEnabledFeatures(siteSettingsRes, interfaces),
           hidden: _toConsumableArray__default['default'](siteSettingsRes.Hidden || []),
-          siteSettings: _objectSpread$h({}, siteSettingsRes.Settings || {}),
-          siteBranding: _objectSpread$h({}, siteSettingsRes.Branding || {})
+          siteSettings: _objectSpread$i({}, siteSettingsRes.Settings || {}),
+          siteBranding: _objectSpread$i({}, siteSettingsRes.Branding || {})
         }
       });
     });
@@ -2909,9 +2971,9 @@ var addRecentlyCreated = function addRecentlyCreated(feature) {
   };
 };
 
-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$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$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$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) {
@@ -2922,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$g(_objectSpread$g({}, users[userId]), {}, {
+            allList.push(_objectSpread$h(_objectSpread$h({}, users[userId]), {}, {
               id: userId
             }));
           });
@@ -2996,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,
@@ -3021,7 +3088,9 @@ var index$1 = /*#__PURE__*/Object.freeze({
   inviteCodeUpdated: inviteCodeUpdated,
   inviteCodeRemoved: inviteCodeRemoved,
   clearUsers: clearUsers,
-  setNavData: setNavData
+  setNavData: setNavData,
+  templatesLoaded: templatesLoaded,
+  removeTemplate: removeTemplate
 });
 
 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); }; }
@@ -4104,9 +4173,9 @@ var Attachment = /*#__PURE__*/function (_Component) {
   return Attachment;
 }(React.Component);
 
-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$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$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$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$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); }; }
 
@@ -4194,16 +4263,16 @@ var Button = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "buttonWrapper ".concat(this.getClasses()),
-        style: _objectSpread$f({}, 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$f({}, this.props.style)
+        style: _objectSpread$g({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getButtonTextClasses(),
-        style: _objectSpread$f({}, this.props.textStyle)
+        style: _objectSpread$g({}, this.props.textStyle)
       }, this.renderLeftIcon(), this.props.children)));
     }
   }]);
@@ -4211,9 +4280,9 @@ var Button = /*#__PURE__*/function (_Component) {
   return Button;
 }(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$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$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$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$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); }; }
 
@@ -4295,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$e(_objectSpread$e({}, styles$9.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,
@@ -4307,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$e({
+        style: _objectSpread$f({
           marginLeft: 8,
           fontSize: 14,
           lineHeight: '20px'
@@ -4365,9 +4434,9 @@ var Text = /*#__PURE__*/function (_Component) {
   return Text;
 }(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$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$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$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$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); }; }
 
@@ -4389,7 +4458,7 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     value: function renderPic() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.className,
-        style: _objectSpread$d({
+        style: _objectSpread$e({
           width: this.props.size || 30,
           height: this.props.size || 30,
           borderRadius: this.props.size / 2 || 15,
@@ -4420,13 +4489,13 @@ 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$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); }; }
 
@@ -5000,9 +5069,9 @@ var DatePicker = /*#__PURE__*/function (_Component) {
   return DatePicker;
 }(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$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$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$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$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); }; }
 
@@ -5070,7 +5139,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$c({}, DEFAULT_INPUT$1);
+            var _newInput = _objectSpread$d({}, DEFAULT_INPUT$1);
 
             newInputs.splice(newInputs.length - 1, 0, _newInput);
 
@@ -5293,7 +5362,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React__default['default'].createElement("div", {
             className: "imageInput_image",
-            style: _objectSpread$c(_objectSpread$c({}, _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", {
@@ -5319,7 +5388,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$c({}, _this3.props.style)
+          style: _objectSpread$d({}, _this3.props.style)
         });
       };
 
@@ -5350,12 +5419,12 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$c({}, 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$c({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, function (_ref2) {
         var isDragActive = _ref2.isDragActive;
             _ref2.isDragReject;
@@ -5374,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$c({}, 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"
@@ -5387,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$c({}, this.props.style)
+        style: _objectSpread$d({}, this.props.style)
       }, inputs.map(function (input, index) {
         return _this4.renderInput(input, index, inputs.length);
       }));
@@ -5409,17 +5478,17 @@ 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$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$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$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$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$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); }; }
 
@@ -5533,7 +5602,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
       if (!___default['default'].isUndefined(this.props.inputComponent)) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: _objectSpread$b(_objectSpread$b({}, styles$8.row), {}, {
+          style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5544,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$b(_objectSpread$b({}, styles$8.row), {}, {
+          style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5558,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$b({}, 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(),
@@ -5570,7 +5639,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$b(_objectSpread$b({}, styles$8.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", {
@@ -5586,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$b({}, 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(),
@@ -5601,9 +5670,9 @@ var GenericInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getClassNames(),
-        style: _objectSpread$b({}, this.props.style)
+        style: _objectSpread$c({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$b(_objectSpread$b({}, styles$8.row), {}, {
+        style: _objectSpread$c(_objectSpread$c({}, styles$8.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -5740,20 +5809,20 @@ var Header = /*#__PURE__*/function (_Component) {
   return Header;
 }(React.Component);
 
-var mapStateToProps$3 = function mapStateToProps(state) {
+var mapStateToProps$4 = function mapStateToProps(state) {
   return {
     auth: state.auth,
     isSideMenuOpen: state.nav.isSideMenuOpen
   };
 };
 
-var exportObj$3 = reactRedux.connect(mapStateToProps$3, {
+var exportObj$4 = reactRedux.connect(mapStateToProps$4, {
   setNavData: setNavData
 })(reactRouter.withRouter(Header));
 
-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$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$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$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); }; }
 
@@ -5811,51 +5880,61 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
         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) {
-        return /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        content = /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
           className: "sideNav-item-icon",
           name: this.props.Icon
         });
-      }
-
-      if (this.props.isSVG) {
-        return /*#__PURE__*/React__default['default'].createElement(SVGIcon, {
+      } 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(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: _objectSpread$a(_objectSpread$a({}, styles$7.sideNavItem), this.props.style),
+        style: this.props.style,
         onClick: this.goTo
       }, !this.props.noSideDot && /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$a(_objectSpread$a({}, styles$7.section), {}, {
+        style: _objectSpread$b(_objectSpread$b({}, styles$7.section), {}, {
           marginRight: 15
         })
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "sideNav-item-dot",
         style: styles$7.sideNavDot
-      })), /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$a(_objectSpread$a({}, styles$7.section), {}, {
-          width: 18,
-          marginRight: 16
-        })
-      }, this.renderIcon()), /*#__PURE__*/React__default['default'].createElement("div", {
+      })), 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", {
@@ -5870,14 +5949,6 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
 }(React.Component);
 
 var styles$7 = {
-  sideNavItem: {
-    width: '100%',
-    paddingLeft: 16,
-    paddingRight: 24,
-    paddingTop: 8,
-    paddingBottom: 8,
-    display: 'flex'
-  },
   section: {
     display: 'flex',
     alignItems: 'center',
@@ -5889,7 +5960,7 @@ var styles$7 = {
     borderRadius: 5
   }
 };
-var exportObj$2 = reactRedux.connect(null, {})(reactRouter.withRouter(SideNavItem));
+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); }; }
 
@@ -5900,13 +5971,43 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
 
   var _super = _createSuper$n(HubSidebar);
 
-  function HubSidebar() {
+  function HubSidebar(props) {
+    var _this;
+
     _classCallCheck__default['default'](this, HubSidebar);
 
-    return _super.apply(this, arguments);
+    _this = _super.call(this, props);
+    _this.state = {
+      showSidebar: false
+    };
+    return _this;
   }
 
   _createClass__default['default'](HubSidebar, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this2 = this;
+
+      this.props.setNavData({
+        condensedSidebar: true
+      });
+      setTimeout(function () {
+        _this2.setState({
+          showSidebar: true
+        });
+      }, 50);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      this.props.setNavData({
+        condensedSidebar: false
+      });
+      this.setState({
+        showSidebar: false
+      });
+    }
+  }, {
     key: "renderNewButton",
     value: function renderNewButton(item, index) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5923,7 +6024,7 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "renderNavItem",
     value: function renderNavItem(item, index) {
-      return /*#__PURE__*/React__default['default'].createElement(exportObj$2, {
+      return /*#__PURE__*/React__default['default'].createElement(exportObj$3, {
         Text: item.text,
         Icon: item.icon,
         Link: item.url,
@@ -5937,7 +6038,7 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "renderSection",
     value: function renderSection(section, index) {
-      var _this = this;
+      var _this3 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "hubSidebar_section",
@@ -5948,10 +6049,10 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
       }, section.title), section.items.map(function (item, itemIndex) {
         switch (item.type) {
           case 'newButton':
-            return _this.renderNewButton(item, itemIndex);
+            return _this3.renderNewButton(item, itemIndex);
 
           case 'navItem':
-            return _this.renderNavItem(item, itemIndex);
+            return _this3.renderNavItem(item, itemIndex);
 
           default:
             return null;
@@ -5961,15 +6062,15 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
+      var _this4 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        className: "hubSidebar ".concat(this.props.className ? this.props.className : ''),
+        className: "hubSidebar".concat(this.state.showSidebar ? ' hubSidebar-show' : '', " ").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 _this4.renderSection(section, i);
       })));
     }
   }]);
@@ -5977,9 +6078,20 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
   return HubSidebar;
 }(React.PureComponent);
 
-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; }
+var mapStateToProps$3 = function mapStateToProps(state) {
+  return {
+    auth: state.auth,
+    isSideMenuOpen: state.nav.isSideMenuOpen
+  };
+};
 
-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; }
+var exportObj$2 = reactRedux.connect(mapStateToProps$3, {
+  setNavData: setNavData
+})(HubSidebar);
+
+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$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); }; }
 
@@ -6046,7 +6158,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),
@@ -6065,7 +6177,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,
@@ -6098,9 +6210,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); }; }
 
@@ -6245,7 +6357,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));
@@ -6310,7 +6422,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
             });
 
@@ -6413,11 +6525,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;
@@ -6470,7 +6582,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;
 
@@ -6931,7 +7043,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) {
@@ -6947,7 +7059,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)
         });
       };
 
@@ -6980,12 +7092,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;
@@ -7004,7 +7116,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"
@@ -7030,7 +7142,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"
@@ -7223,7 +7335,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'], {
@@ -7272,7 +7384,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);
       }));
@@ -7444,9 +7556,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); }; }
 
@@ -7508,9 +7620,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());
     }
   }]);
@@ -7537,9 +7649,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); }; }
 
@@ -7579,7 +7691,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)
@@ -7603,9 +7715,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); }; }
 
@@ -7636,7 +7748,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);
     }
   }]);
@@ -7655,9 +7767,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); }; }
 
@@ -7696,7 +7808,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);
@@ -7747,9 +7859,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); }; }
 
@@ -7845,7 +7957,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", {
@@ -7894,11 +8006,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());
     }
   }]);
@@ -8878,9 +8990,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); }; }
 
@@ -9071,13 +9183,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'
@@ -9089,12 +9201,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'
         })
@@ -9139,9 +9251,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); }; }
 
@@ -9347,7 +9459,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
             });
           })
@@ -10129,9 +10241,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); }; }
 
@@ -10183,7 +10295,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 () {
@@ -10197,7 +10309,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()
       });
     });
@@ -10261,7 +10373,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,
@@ -10311,7 +10423,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
           })
@@ -10735,8 +10847,8 @@ var index = /*#__PURE__*/Object.freeze({
   DatePicker: DatePicker,
   FileInput: FileInput,
   GenericInput: GenericInput,
-  Header: exportObj$3,
-  HubSidebar: HubSidebar,
+  Header: exportObj$4,
+  HubSidebar: exportObj$2,
   ImageInput: ImageInput,
   MoreMenu: MoreMenu,
   OverlayPage: OverlayPage,
@@ -10751,7 +10863,7 @@ var index = /*#__PURE__*/Object.freeze({
   SVGIcon: SVGIcon,
   Tag: Tag,
   Text: Text,
-  SideNavItem: exportObj$2,
+  SideNavItem: exportObj$3,
   StatusButton: StatusButton,
   SuccessPopup: SuccessPopup,
   Reactions: Reactions,
@@ -10766,6 +10878,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;
@@ -10773,4 +10930,5 @@ exports.Colours = colours;
 exports.Components = index;
 exports.Config = CoreConfig;
 exports.Helper = index$3;
+exports.Reducers = Reducers;
 exports.Session = session;