@plusscommunities/pluss-core-web 1.4.4 → 1.4.6-beta.0

package/dist/index.cjs.js

@@ -29,6 +29,9 @@ var reactBootstrap = require('react-bootstrap');
 var reactLottie = require('@crello/react-lottie');
 var reactCsv = require('react-csv');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _typeof = require('@babel/runtime/helpers/typeof');
+var reactColor = require('react-color');
+var tinycolor = require('tinycolor2');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -53,6 +56,8 @@ var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultLegacy(_assert
 var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
 var Dropzone__default = /*#__PURE__*/_interopDefaultLegacy(Dropzone);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
+var tinycolor__default = /*#__PURE__*/_interopDefaultLegacy(tinycolor);
 
 var CoreConfig = {
   env: {
@@ -552,6 +557,13 @@ var analytics = /*#__PURE__*/Object.freeze({
 });
 
 var getUrl = function getUrl(baseAction, action, query) {
+  var _ref = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
+    url: null,
+    stage: null
+  },
+      url = _ref.url,
+      stage = _ref.stage;
+
   var _Config$env = CoreConfig.env,
       baseAPIUrl = _Config$env.baseAPIUrl,
       baseStage = _Config$env.baseStage;
@@ -563,7 +575,7 @@ var getUrl = function getUrl(baseAction, action, query) {
     });
   }
 
-  return "".concat(baseAPIUrl, "/").concat(baseAction, "-").concat(baseStage, "/").concat(action).concat(queryPart);
+  return "".concat(url || baseAPIUrl, "/").concat(baseAction, "-").concat(stage || baseStage, "/").concat(action).concat(queryPart);
 };
 
 var getUrlParams = function getUrlParams() {
@@ -729,9 +741,9 @@ var randomString = function randomString() {
   });
 };
 
-function ownKeys$l(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$m(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(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$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$m(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$m(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;
@@ -740,7 +752,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$l({
+      style: _objectSpread$m({
         display: 'block'
       }, style)
     }, t || "\xA0");
@@ -2153,9 +2165,9 @@ var fileActions = {
   }
 };
 
-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 ownKeys$l(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$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; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$l(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$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var typeActions = {
   getSubdomains: function getSubdomains() {
     return authedFunction({
@@ -2251,7 +2263,7 @@ var typeActions = {
     var request = {
       method: 'POST',
       url: url,
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         siteName: siteName
       }, options)
     };
@@ -2359,7 +2371,7 @@ var typeActions = {
     return authedFunction({
       method: 'POST',
       url: getUrl('types', 'site/edit'),
-      data: _objectSpread$k({
+      data: _objectSpread$l({
         Id: site
       }, values)
     });
@@ -2909,9 +2921,9 @@ var index$2 = /*#__PURE__*/Object.freeze({
   scheduledActionsActions: scheduledActionsActions
 });
 
-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 refreshAuthUser = function refreshAuthUser(site) {
   return function (dispatch) {
     var promises = [];
@@ -2926,13 +2938,13 @@ var refreshAuthUser = function refreshAuthUser(site) {
       dispatch({
         type: SET_AUTH,
         payload: {
-          user: _objectSpread$j(_objectSpread$j({}, userRes), {}, {
+          user: _objectSpread$k(_objectSpread$k({}, userRes), {}, {
             uid: userRes.Id
           }),
           features: getEnabledFeatures(siteSettingsRes, interfaces),
           hidden: _toConsumableArray__default['default'](siteSettingsRes.Hidden || []),
-          siteSettings: _objectSpread$j({}, siteSettingsRes.Settings || {}),
-          siteBranding: _objectSpread$j({}, siteSettingsRes.Branding || {})
+          siteSettings: _objectSpread$k({}, siteSettingsRes.Settings || {}),
+          siteBranding: _objectSpread$k({}, siteSettingsRes.Branding || {})
         }
       });
     });
@@ -2996,9 +3008,9 @@ var addRecentlyCreated = function addRecentlyCreated(feature) {
   };
 };
 
-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 usersUpdate = function usersUpdate(site) {
   return function (dispatch) {
     userActions.fetchUsers(site).then(function (res) {
@@ -3009,7 +3021,7 @@ var usersUpdate = function usersUpdate(site) {
           var users = res.data.results.Items;
           var allList = [];
           Object.keys(users).forEach(function (userId) {
-            allList.push(_objectSpread$i(_objectSpread$i({}, users[userId]), {}, {
+            allList.push(_objectSpread$j(_objectSpread$j({}, users[userId]), {}, {
               id: userId
             }));
           });
@@ -3126,14 +3138,14 @@ var index$1 = /*#__PURE__*/Object.freeze({
   scheduledActionsLoaded: scheduledActionsLoaded
 });
 
-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 _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); }; }
 
-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; } }
+function _isNativeReflectConstruct$E() { 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$C(AddButton);
+  var _super = _createSuper$E(AddButton);
 
   function AddButton() {
     _classCallCheck__default['default'](this, AddButton);
@@ -4125,14 +4137,14 @@ var icons = {
 	pluss_new: pluss_new
 };
 
-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 _createSuper$D(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$D(); 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$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; } }
+function _isNativeReflectConstruct$D() { 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$B(SVGIcon);
+  var _super = _createSuper$D(SVGIcon);
 
   function SVGIcon() {
     _classCallCheck__default['default'](this, SVGIcon);
@@ -4180,14 +4192,14 @@ var SVGIcon = /*#__PURE__*/function (_Component) {
   return SVGIcon;
 }(React.Component);
 
-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 Attachment = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Attachment, _Component);
 
-  var _super = _createSuper$A(Attachment);
+  var _super = _createSuper$C(Attachment);
 
   function Attachment() {
     _classCallCheck__default['default'](this, Attachment);
@@ -4221,18 +4233,18 @@ var Attachment = /*#__PURE__*/function (_Component) {
   return Attachment;
 }(React.Component);
 
-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; }
 
-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 Button = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Button, _Component);
 
-  var _super = _createSuper$z(Button);
+  var _super = _createSuper$B(Button);
 
   function Button() {
     _classCallCheck__default['default'](this, Button);
@@ -4311,16 +4323,16 @@ var Button = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "buttonWrapper ".concat(this.getClasses()),
-        style: _objectSpread$h({}, this.props.buttonStyle)
+        style: _objectSpread$i({}, this.props.buttonStyle)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         onClick: function onClick() {
           return _this.buttonClick();
         },
         className: this.getButtonClasses(),
-        style: _objectSpread$h({}, this.props.style)
+        style: _objectSpread$i({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getButtonTextClasses(),
-        style: _objectSpread$h({}, this.props.textStyle)
+        style: _objectSpread$i({}, this.props.textStyle)
       }, this.renderLeftIcon(), this.props.children)));
     }
   }]);
@@ -4328,18 +4340,18 @@ var Button = /*#__PURE__*/function (_Component) {
   return Button;
 }(React.Component);
 
-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; }
 
-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 CheckBox = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](CheckBox, _PureComponent);
 
-  var _super = _createSuper$y(CheckBox);
+  var _super = _createSuper$A(CheckBox);
 
   function CheckBox() {
     var _this;
@@ -4412,7 +4424,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$g(_objectSpread$g({}, styles$9.row), this.props.style)
+        style: _objectSpread$h(_objectSpread$h({}, styles$9.row), this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.generateClassNames(),
         onClick: this.onChange,
@@ -4424,7 +4436,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$g({
+        style: _objectSpread$h({
           marginLeft: 8,
           fontSize: 14,
           lineHeight: '20px'
@@ -4445,14 +4457,14 @@ var styles$9 = {
   }
 };
 
-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 Text = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Text, _Component);
 
-  var _super = _createSuper$x(Text);
+  var _super = _createSuper$z(Text);
 
   function Text() {
     _classCallCheck__default['default'](this, Text);
@@ -4482,18 +4494,18 @@ var Text = /*#__PURE__*/function (_Component) {
   return Text;
 }(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$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 ProfilePicComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ProfilePicComponent, _Component);
 
-  var _super = _createSuper$w(ProfilePicComponent);
+  var _super = _createSuper$y(ProfilePicComponent);
 
   function ProfilePicComponent() {
     _classCallCheck__default['default'](this, ProfilePicComponent);
@@ -4506,7 +4518,7 @@ var ProfilePicComponent = /*#__PURE__*/function (_Component) {
     value: function renderPic() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.props.className,
-        style: _objectSpread$f({
+        style: _objectSpread$g({
           width: this.props.size || 30,
           height: this.props.size || 30,
           borderRadius: this.props.size / 2 || 15,
@@ -4545,14 +4557,14 @@ var mapStateToProps$6 = function mapStateToProps(state) {
 
 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); }; }
+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 Comment = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Comment, _Component);
 
-  var _super = _createSuper$v(Comment);
+  var _super = _createSuper$x(Comment);
 
   function Comment() {
     _classCallCheck__default['default'](this, Comment);
@@ -4591,14 +4603,14 @@ var Comment = /*#__PURE__*/function (_Component) {
   return Comment;
 }(React.Component);
 
-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 CommentSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](CommentSection, _Component);
 
-  var _super = _createSuper$u(CommentSection);
+  var _super = _createSuper$w(CommentSection);
 
   function CommentSection(props) {
     var _this;
@@ -4734,14 +4746,14 @@ var CommentSection = /*#__PURE__*/function (_Component) {
   return CommentSection;
 }(React.Component);
 
-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 P60Icon = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](P60Icon, _Component);
 
-  var _super = _createSuper$t(P60Icon);
+  var _super = _createSuper$v(P60Icon);
 
   function P60Icon() {
     var _this;
@@ -4797,14 +4809,14 @@ var P60Icon = /*#__PURE__*/function (_Component) {
   return P60Icon;
 }(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 DatePicker = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](DatePicker, _Component);
 
-  var _super = _createSuper$s(DatePicker);
+  var _super = _createSuper$u(DatePicker);
 
   function DatePicker() {
     var _this;
@@ -5117,13 +5129,13 @@ var DatePicker = /*#__PURE__*/function (_Component) {
   return DatePicker;
 }(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$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 DEFAULT_INPUT$1 = {
   uploadingFile: false,
   value: ''
@@ -5132,7 +5144,7 @@ var DEFAULT_INPUT$1 = {
 var FileInputComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](FileInputComponent, _Component);
 
-  var _super = _createSuper$r(FileInputComponent);
+  var _super = _createSuper$t(FileInputComponent);
 
   function FileInputComponent() {
     var _this;
@@ -5187,7 +5199,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$e({}, DEFAULT_INPUT$1);
+            var _newInput = _objectSpread$f({}, DEFAULT_INPUT$1);
 
             newInputs.splice(newInputs.length - 1, 0, _newInput);
 
@@ -5410,7 +5422,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_simpleContainer"
           }, /*#__PURE__*/React__default['default'].createElement("div", {
             className: "imageInput_image",
-            style: _objectSpread$e(_objectSpread$e({}, _this3.props.style), {}, {
+            style: _objectSpread$f(_objectSpread$f({}, _this3.props.style), {}, {
               height: _this3.props.style && _this3.props.style.height ? _this3.props.style.height - 62 : 80
             })
           }, /*#__PURE__*/React__default['default'].createElement("img", {
@@ -5436,7 +5448,7 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
 
         return /*#__PURE__*/React__default['default'].createElement("div", {
           className: "imageInput_image",
-          style: _objectSpread$e({}, _this3.props.style)
+          style: _objectSpread$f({}, _this3.props.style)
         });
       };
 
@@ -5467,12 +5479,12 @@ var FileInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         key: index,
         className: this.getClassNames(input, inputsLength),
-        style: _objectSpread$e({}, this.props.style)
+        style: _objectSpread$f({}, 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$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, function (_ref2) {
         var isDragActive = _ref2.isDragActive;
             _ref2.isDragReject;
@@ -5491,7 +5503,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$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
         className: "spinner imageInput_spinner",
         name: "spinner fa-pulse fa-fw"
@@ -5504,7 +5516,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$e({}, this.props.style)
+        style: _objectSpread$f({}, this.props.style)
       }, inputs.map(function (input, index) {
         return _this4.renderInput(input, index, inputs.length);
       }));
@@ -5534,18 +5546,18 @@ var FileInput = reactRedux.connect(mapStateToProps$5, {}, null, {
   withRef: true
 })(FileInputComponent);
 
-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$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 GenericInput = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](GenericInput, _Component);
 
-  var _super = _createSuper$q(GenericInput);
+  var _super = _createSuper$s(GenericInput);
 
   function GenericInput() {
     _classCallCheck__default['default'](this, GenericInput);
@@ -5650,7 +5662,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
       if (!___default['default'].isUndefined(this.props.inputComponent)) {
         return /*#__PURE__*/React__default['default'].createElement("div", {
-          style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+          style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5661,7 +5673,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$d(_objectSpread$d({}, styles$8.row), {}, {
+          style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
             alignItems: 'flex-start'
           })
         }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
@@ -5675,7 +5687,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
           onChange: this.props.onChange,
           onKeyPress: this.props.onKeyPress || this.props.onEnter,
           onKeyDown: this.props.onKeyDown,
-          style: _objectSpread$d({}, this.props.inputStyle),
+          style: _objectSpread$e({}, 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(),
@@ -5687,7 +5699,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
 
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), this.props.textWrapperStyle)
+        style: _objectSpread$e(_objectSpread$e({}, styles$8.row), this.props.textWrapperStyle)
       }, this.props.isRequired && /*#__PURE__*/React__default['default'].createElement("div", {
         className: "inputRequired "
       }), /*#__PURE__*/React__default['default'].createElement("input", {
@@ -5703,7 +5715,7 @@ var GenericInput = /*#__PURE__*/function (_Component) {
         onClick: this.props.onClick,
         onKeyPress: this.props.onKeyPress || this.props.onEnter,
         onKeyDown: this.props.onKeyDown,
-        style: _objectSpread$d({}, this.props.inputStyle),
+        style: _objectSpread$e({}, 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(),
@@ -5718,9 +5730,9 @@ var GenericInput = /*#__PURE__*/function (_Component) {
     value: function render() {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: this.getClassNames(),
-        style: _objectSpread$d({}, this.props.style)
+        style: _objectSpread$e({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$d(_objectSpread$d({}, styles$8.row), {}, {
+        style: _objectSpread$e(_objectSpread$e({}, styles$8.row), {}, {
           marginBottom: 0,
           justifyContent: 'space-between'
         })
@@ -5743,14 +5755,14 @@ var styles$8 = {
   }
 };
 
-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 Header = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Header, _Component);
 
-  var _super = _createSuper$p(Header);
+  var _super = _createSuper$r(Header);
 
   function Header() {
     var _this;
@@ -5868,18 +5880,18 @@ var exportObj$4 = reactRedux.connect(mapStateToProps$4, {
   setNavData: setNavData
 })(reactRouter.withRouter(Header));
 
-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$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 SideNavItem = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](SideNavItem, _Component);
 
-  var _super = _createSuper$o(SideNavItem);
+  var _super = _createSuper$q(SideNavItem);
 
   function SideNavItem(props) {
     var _this;
@@ -5962,7 +5974,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
       }
 
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           width: 18,
           marginRight: 16
         })
@@ -5976,7 +5988,7 @@ var SideNavItem = /*#__PURE__*/function (_Component) {
         style: this.props.style,
         onClick: this.goTo
       }, !this.props.noSideDot && /*#__PURE__*/React__default['default'].createElement("div", {
-        style: _objectSpread$c(_objectSpread$c({}, styles$7.section), {}, {
+        style: _objectSpread$d(_objectSpread$d({}, styles$7.section), {}, {
           marginRight: 15
         })
       }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -6010,14 +6022,18 @@ var styles$7 = {
 };
 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 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 _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 _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$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$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 HubSidebar = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](HubSidebar, _PureComponent);
 
-  var _super = _createSuper$n(HubSidebar);
+  var _super = _createSuper$p(HubSidebar);
 
   function HubSidebar(props) {
     var _this;
@@ -6056,19 +6072,26 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
       });
     }
   }, {
-    key: "renderNewButton",
-    value: function renderNewButton(item, index) {
+    key: "renderButton",
+    value: function renderButton(item, index) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
-        key: "newbutton_".concat(index),
+        key: "button_".concat(index),
         className: "hubSidebar_newButtonContainer"
       }, /*#__PURE__*/React__default['default'].createElement(Button, {
         buttonType: item.buttonType || 'primary',
         isActive: true,
-        leftIcon: "plus",
+        leftIcon: item.icon,
         narrow: true,
         onClick: item.onClick
       }, item.text));
     }
+  }, {
+    key: "renderNewButton",
+    value: function renderNewButton(item, index) {
+      return this.renderButton(_objectSpread$c(_objectSpread$c({}, item), {}, {
+        icon: 'plus'
+      }), index);
+    }
   }, {
     key: "renderNavItem",
     value: function renderNavItem(item, index) {
@@ -6096,6 +6119,9 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
         className: "hubSidebar_sectionTitle"
       }, section.title), section.items.map(function (item, itemIndex) {
         switch (item.type) {
+          case 'button':
+            return _this3.renderButton(item, itemIndex);
+
           case 'newButton':
             return _this3.renderNewButton(item, itemIndex);
 
@@ -6141,14 +6167,14 @@ function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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$m() { 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$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 Popup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Popup, _Component);
 
-  var _super = _createSuper$m(Popup);
+  var _super = _createSuper$o(Popup);
 
   function Popup() {
     _classCallCheck__default['default'](this, Popup);
@@ -6262,9 +6288,9 @@ function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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$l() { 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$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 DEFAULT_INPUT = {
   uploadingImage: false,
   value: '',
@@ -6274,7 +6300,7 @@ var DEFAULT_INPUT = {
 var ImageInputComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ImageInputComponent, _Component);
 
-  var _super = _createSuper$l(ImageInputComponent);
+  var _super = _createSuper$n(ImageInputComponent);
 
   function ImageInputComponent() {
     var _this;
@@ -7093,6 +7119,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
             className: "imageInput_image",
             style: _objectSpread$a(_objectSpread$a({}, _this6.getImageStyle(input.displayValue)), _this6.props.style)
           }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
+            disabled: _this6.props.disabled,
             accept: "image/jpeg, image/png".concat(_this6.props.allowVideo ? ', video/*' : ''),
             onDrop: function onDrop(files) {
               return _this6.onDrop(files, true);
@@ -7142,6 +7169,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         className: this.getClassNames(input, inputsLength),
         style: _objectSpread$a({}, this.props.style)
       }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
+        disabled: this.props.disabled,
         className: "imageInput_upload ".concat(this.getErrorState()),
         accept: "image/jpeg, image/png".concat(this.props.allowVideo ? ', video/*' : ''),
         onDrop: this.onDrop,
@@ -7387,6 +7415,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
       }, 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'], {
+        disabled: this.props.disabled,
         className: "imageInput_upload folder ".concat(this.getErrorState()),
         accept: "image/jpeg, image/png".concat(this.props.allowVideo ? ', video/*' : ''),
         onDrop: function onDrop(files) {
@@ -7487,6 +7516,7 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/React__default['default'].createElement("div", {
         className: "imageInputRight"
       }, /*#__PURE__*/React__default['default'].createElement(Dropzone__default['default'], {
+        disabled: this.props.disabled,
         accept: "image/jpeg, image/png".concat(this.props.allowVideo ? ', video/*' : ''),
         onDrop: function onDrop(files) {
           return _this15.onDrop(files, true);
@@ -7567,14 +7597,14 @@ var ImageInput = reactRedux.connect(mapStateToProps$2, {}, null, {
   withRef: true
 })(ImageInputComponent);
 
-function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); 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$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); }; }
 
-function _isNativeReflectConstruct$k() { 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$m() { 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 MoreMenu = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](MoreMenu, _Component);
 
-  var _super = _createSuper$k(MoreMenu);
+  var _super = _createSuper$m(MoreMenu);
 
   function MoreMenu() {
     _classCallCheck__default['default'](this, MoreMenu);
@@ -7608,14 +7638,14 @@ function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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); }; }
 
-function _isNativeReflectConstruct$j() { 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$l() { 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 OverlayPage = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OverlayPage, _Component);
 
-  var _super = _createSuper$j(OverlayPage);
+  var _super = _createSuper$l(OverlayPage);
 
   function OverlayPage(props) {
     var _this;
@@ -7701,14 +7731,14 @@ function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+function _createSuper$k(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$k(); 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$i() { 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$k() { 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 OverlayPageContents = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OverlayPageContents, _Component);
 
-  var _super = _createSuper$i(OverlayPageContents);
+  var _super = _createSuper$k(OverlayPageContents);
 
   function OverlayPageContents(props) {
     var _this;
@@ -7767,14 +7797,14 @@ function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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); }; }
 
-function _isNativeReflectConstruct$h() { 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$j() { 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 OverlayPageSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OverlayPageSection, _Component);
 
-  var _super = _createSuper$h(OverlayPageSection);
+  var _super = _createSuper$j(OverlayPageSection);
 
   function OverlayPageSection() {
     _classCallCheck__default['default'](this, OverlayPageSection);
@@ -7819,14 +7849,14 @@ function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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); }; }
 
-function _isNativeReflectConstruct$g() { 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$i() { 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 OverlayPageBottomButtons = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OverlayPageBottomButtons, _Component);
 
-  var _super = _createSuper$g(OverlayPageBottomButtons);
+  var _super = _createSuper$i(OverlayPageBottomButtons);
 
   function OverlayPageBottomButtons(props) {
     var _this;
@@ -7880,14 +7910,14 @@ var styles$2 = {
   }
 };
 
-function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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$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); }; }
 
-function _isNativeReflectConstruct$f() { 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$h() { 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 PageTitle = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](PageTitle, _Component);
 
-  var _super = _createSuper$f(PageTitle);
+  var _super = _createSuper$h(PageTitle);
 
   function PageTitle() {
     _classCallCheck__default['default'](this, PageTitle);
@@ -7911,14 +7941,14 @@ function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+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); }; }
 
-function _isNativeReflectConstruct$e() { 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$g() { 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 RadioButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](RadioButton, _Component);
 
-  var _super = _createSuper$e(RadioButton);
+  var _super = _createSuper$g(RadioButton);
 
   function RadioButton() {
     _classCallCheck__default['default'](this, RadioButton);
@@ -8076,14 +8106,14 @@ var styles$1 = {
   }
 };
 
-function _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); 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$d() { 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$f() { 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 Tag = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Tag, _Component);
 
-  var _super = _createSuper$d(Tag);
+  var _super = _createSuper$f(Tag);
 
   function Tag() {
     _classCallCheck__default['default'](this, Tag);
@@ -8148,14 +8178,14 @@ var Tag = /*#__PURE__*/function (_Component) {
   return Tag;
 }(React.Component);
 
-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 _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); }; }
 
-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; } }
+function _isNativeReflectConstruct$e() { 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 StatusButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](StatusButton, _Component);
 
-  var _super = _createSuper$c(StatusButton);
+  var _super = _createSuper$e(StatusButton);
 
   function StatusButton() {
     _classCallCheck__default['default'](this, StatusButton);
@@ -8191,14 +8221,14 @@ var StatusButton = /*#__PURE__*/function (_Component) {
   return StatusButton;
 }(React.Component);
 
-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 _createSuper$d(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$d(); 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$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; } }
+function _isNativeReflectConstruct$d() { 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 SuccessPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](SuccessPopup, _Component);
 
-  var _super = _createSuper$b(SuccessPopup);
+  var _super = _createSuper$d(SuccessPopup);
 
   function SuccessPopup() {
     _classCallCheck__default['default'](this, SuccessPopup);
@@ -8267,9 +8297,9 @@ var SuccessPopup = /*#__PURE__*/function (_Component) {
   return SuccessPopup;
 }(React.Component);
 
-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 getReactions = function getReactions() {
   return [{
@@ -8290,7 +8320,7 @@ var getReactions = function getReactions() {
 var Reactions = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Reactions, _Component);
 
-  var _super = _createSuper$a(Reactions);
+  var _super = _createSuper$c(Reactions);
 
   function Reactions() {
     var _this;
@@ -8376,14 +8406,14 @@ var Reactions = /*#__PURE__*/function (_Component) {
   return Reactions;
 }(React.Component);
 
-function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); 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$9() { 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 AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](AnalyticsFilter, _PureComponent);
 
-  var _super = _createSuper$9(AnalyticsFilter);
+  var _super = _createSuper$b(AnalyticsFilter);
 
   function AnalyticsFilter(props) {
     var _this;
@@ -8500,14 +8530,14 @@ var AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   return AnalyticsFilter;
 }(React.PureComponent);
 
-function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); 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$8() { 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 UserListing = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](UserListing, _Component);
 
-  var _super = _createSuper$8(UserListing);
+  var _super = _createSuper$a(UserListing);
 
   function UserListing() {
     _classCallCheck__default['default'](this, UserListing);
@@ -8574,14 +8604,14 @@ var UserListing = /*#__PURE__*/function (_Component) {
   return UserListing;
 }(React.Component);
 
-function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); 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$7() { 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$9() { 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 TimePicker = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](TimePicker, _Component);
 
-  var _super = _createSuper$7(TimePicker);
+  var _super = _createSuper$9(TimePicker);
 
   function TimePicker() {
     var _this;
@@ -8820,14 +8850,14 @@ var TimePicker = /*#__PURE__*/function (_Component) {
   return TimePicker;
 }(React.Component);
 
-function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); 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$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); 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$6() { 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$8() { 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 AudienceIncluder = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AudienceIncluder, _Component);
 
-  var _super = _createSuper$6(AudienceIncluder);
+  var _super = _createSuper$8(AudienceIncluder);
 
   function AudienceIncluder(props) {
     var _this;
@@ -9042,14 +9072,14 @@ function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); 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$5() { 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$7() { 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 DropdownInput = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](DropdownInput, _Component);
 
-  var _super = _createSuper$5(DropdownInput);
+  var _super = _createSuper$7(DropdownInput);
 
   function DropdownInput(props) {
     var _this;
@@ -9303,14 +9333,14 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+function _createSuper$6(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$6(); 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$4() { 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$6() { 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 AudienceSelector = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AudienceSelector, _Component);
 
-  var _super = _createSuper$4(AudienceSelector);
+  var _super = _createSuper$6(AudienceSelector);
 
   function AudienceSelector(props) {
     var _this;
@@ -10091,14 +10121,14 @@ var toExport = reactRedux.connect(null, {
   withRef: true
 })(AudienceSelector);
 
-function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); 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$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); }; }
 
-function _isNativeReflectConstruct$3() { 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$5() { 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 TextFormatPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](TextFormatPopup, _Component);
 
-  var _super = _createSuper$3(TextFormatPopup);
+  var _super = _createSuper$5(TextFormatPopup);
 
   function TextFormatPopup() {
     _classCallCheck__default['default'](this, TextFormatPopup);
@@ -10204,14 +10234,14 @@ var TextFormatPopup = /*#__PURE__*/function (_Component) {
   return TextFormatPopup;
 }(React.Component);
 
-function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); 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$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); }; }
 
-function _isNativeReflectConstruct$2() { 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$4() { 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 OptionsSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OptionsSection, _Component);
 
-  var _super = _createSuper$2(OptionsSection);
+  var _super = _createSuper$4(OptionsSection);
 
   function OptionsSection() {
     _classCallCheck__default['default'](this, OptionsSection);
@@ -10293,14 +10323,14 @@ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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); }; }
+function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); 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$1() { 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$3() { 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 MakerPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](MakerPopup, _Component);
 
-  var _super = _createSuper$1(MakerPopup);
+  var _super = _createSuper$3(MakerPopup);
 
   function MakerPopup(props) {
     var _this;
@@ -10616,14 +10646,14 @@ var mapStateToProps = function mapStateToProps(state) {
 
 var exportObj = reactRedux.connect(mapStateToProps, {})(MakerPopup);
 
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); 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() { 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$2() { 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 ExportCsvPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ExportCsvPopup, _Component);
 
-  var _super = _createSuper(ExportCsvPopup);
+  var _super = _createSuper$2(ExportCsvPopup);
 
   function ExportCsvPopup(props) {
     var _this;
@@ -10905,6 +10935,329 @@ function InputGroup(_ref) {
   }, "*")), /*#__PURE__*/React__default['default'].createElement(reactBootstrap.FormControl, props), help && /*#__PURE__*/React__default['default'].createElement(reactBootstrap.HelpBlock, null, help));
 }
 
+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); }; }
+
+function _isNativeReflectConstruct$1() { 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 Tabs = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](Tabs, _Component);
+
+  var _super = _createSuper$1(Tabs);
+
+  function Tabs(props) {
+    var _this;
+
+    _classCallCheck__default['default'](this, Tabs);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      editKey: null
+    };
+    return _this;
+  }
+
+  _createClass__default['default'](Tabs, [{
+    key: "getTabClass",
+    value: function getTabClass(tab) {
+      var classes = 'tab';
+
+      if (this.props.selectedTab === tab.value) {
+        classes += ' tab-selected';
+      }
+
+      if (tab.strikethrough) {
+        classes += ' tab-strikethrough';
+      }
+
+      if (tab.isInvalid) {
+        classes += ' tab-invalid';
+      }
+
+      return classes;
+    }
+  }, {
+    key: "renderTab",
+    value: function renderTab(tab) {
+      var _this2 = this;
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        key: tab.value,
+        onClick: function onClick() {
+          _this2.props.onSelectTab(tab.value);
+        },
+        className: this.getTabClass(tab),
+        id: tab.value
+      }, /*#__PURE__*/React__default['default'].createElement("p", {
+        className: "tab_text",
+        id: "tab_".concat(tab.value)
+      }, tab.text));
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this3 = this;
+
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "tabContainer ".concat(this.props.className || ''),
+        style: this.props.containerStyle
+      }, this.props.tabs.map(function (t) {
+        return _this3.renderTab(t);
+      }), this.props.children);
+    }
+  }]);
+
+  return Tabs;
+}(React.Component);
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); 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() { 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 ColourPicker = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](ColourPicker, _Component);
+
+  var _super = _createSuper(ColourPicker);
+
+  function ColourPicker(props) {
+    var _this;
+
+    _classCallCheck__default['default'](this, ColourPicker);
+
+    _this = _super.call(this, props);
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "setColourCircle", function (colour) {
+      var tc = tinycolor__default['default'](colour);
+
+      _this.setState({
+        colourCircleTop: 100 - 100 * tc.getBrightness() / 255,
+        colourCircleLeft: 100 * tc.toHsv().h / 360
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onTogglePopup", function () {
+      if (_this.props.disabled) return;
+
+      _this.setState({
+        colourPickerOpen: !_this.state.colourPickerOpen
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onColourChange", function (color) {
+      var colour = color;
+
+      if (_typeof__default['default'](color) === 'object') {
+        colour = color.hex;
+      }
+
+      _this.setState({
+        colour: colour.toUpperCase()
+      });
+
+      _this.setColourCircle(colour);
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onSelectOption", function (selectedOption) {
+      _this.setState({
+        selectedOption: selectedOption
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onDone", function () {
+      _this.setState({
+        colourPickerOpen: !_this.state.colourPickerOpen
+      }, function () {
+        var onColourSelected = _this.props.onColourSelected;
+        if (onColourSelected) onColourSelected(_this.state.colour);
+      });
+    });
+
+    _this.state = {
+      colour: props.value,
+      selectedOption: props.defaultTab || 'vibrant',
+      colourPickerOpen: false,
+      colourCircleTop: 0,
+      colourCircleLeft: 0
+    };
+    return _this;
+  }
+
+  _createClass__default['default'](ColourPicker, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.value !== prevProps.value) {
+        this.setState({
+          colour: this.props.value
+        });
+      }
+    }
+  }, {
+    key: "getQuickChoiceTabs",
+    value: function getQuickChoiceTabs() {
+      var options = this.props.options;
+      var optionsArray = typeof options === 'string' ? options.split(',').map(function (o) {
+        return o.trim();
+      }) : options;
+      var available = [{
+        value: 'vibrant',
+        text: 'Vibrant'
+      }, {
+        value: 'soft',
+        text: 'Soft'
+      }, {
+        value: 'picker',
+        text: 'Picker'
+      }];
+      return !optionsArray || optionsArray.length === 0 ? available : available.filter(function (o) {
+        return optionsArray.includes(o.value);
+      });
+    }
+  }, {
+    key: "renderColourQuickChoicesCircle",
+    value: function renderColourQuickChoicesCircle(colour, selectedColour) {
+      var _this2 = this;
+
+      var isSelected = selectedColour.toLowerCase() === colour.toLowerCase();
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "colourQuickChoices_circle".concat(isSelected ? ' colourQuickChoices_circle-selected' : ''),
+        style: {
+          backgroundColor: colour
+        },
+        onClick: function onClick() {
+          return _this2.onColourChange(colour);
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+        name: "check",
+        className: "colourQuickChoices_circle_tick"
+      }));
+    }
+  }, {
+    key: "renderColourOptions",
+    value: function renderColourOptions() {
+      var content;
+      var selectedColour = this.state.colour;
+
+      switch (this.state.selectedOption) {
+        case 'picker':
+          content = /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "flex flex-center-row colourQuickChoices",
+            style: {
+              marginBottom: 'unset'
+            }
+          }, /*#__PURE__*/React__default['default'].createElement(reactColor.ChromePicker, {
+            color: selectedColour,
+            onChangeComplete: this.onColourChange,
+            disableAlpha: true,
+            className: "chrome-picker-noShadow"
+          }));
+          break;
+
+        case 'vibrant':
+          content = /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "flex flex-between colourQuickChoices",
+            style: {
+              marginBottom: 'unset'
+            }
+          }, /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#c44569', selectedColour), this.renderColourQuickChoicesCircle('#f1a459', selectedColour), this.renderColourQuickChoicesCircle('#38ada9', selectedColour), this.renderColourQuickChoicesCircle('#7064a7', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#ea4c88', selectedColour), this.renderColourQuickChoicesCircle('#e8bb67', selectedColour), this.renderColourQuickChoicesCircle('#60a3bc', selectedColour), this.renderColourQuickChoicesCircle('#546de5', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#e66767', selectedColour), this.renderColourQuickChoicesCircle('#94d0c5', selectedColour), this.renderColourQuickChoicesCircle('#5badda', selectedColour), this.renderColourQuickChoicesCircle('#dfad8c', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#ff6c5c', selectedColour), this.renderColourQuickChoicesCircle('#7abf9e', selectedColour), this.renderColourQuickChoicesCircle('#9fcfd9', selectedColour), this.renderColourQuickChoicesCircle('#dd91a7', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#f19066', selectedColour), this.renderColourQuickChoicesCircle('#a1ab94', selectedColour), this.renderColourQuickChoicesCircle('#a67db7', selectedColour), this.renderColourQuickChoicesCircle('#596275', selectedColour)));
+          break;
+
+        case 'soft':
+          content = /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "flex flex-between colourQuickChoices",
+            style: {
+              marginBottom: 'unset'
+            }
+          }, /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#eacdd0', selectedColour), this.renderColourQuickChoicesCircle('#a4c9d7', selectedColour), this.renderColourQuickChoicesCircle('#c6b9c0', selectedColour), this.renderColourQuickChoicesCircle('#cdc4af', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#d6b7b1', selectedColour), this.renderColourQuickChoicesCircle('#eaf2f4', selectedColour), this.renderColourQuickChoicesCircle('#cce0db', selectedColour), this.renderColourQuickChoicesCircle('#b9bee4', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#9bd3cb', selectedColour), this.renderColourQuickChoicesCircle('#f1d7bb', selectedColour), this.renderColourQuickChoicesCircle('#fcbc7b', selectedColour), this.renderColourQuickChoicesCircle('#caeff5', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#e0dceb', selectedColour), this.renderColourQuickChoicesCircle('#b1becd', selectedColour), this.renderColourQuickChoicesCircle('#e6cfc5', selectedColour), this.renderColourQuickChoicesCircle('#cfd6df', selectedColour)), /*#__PURE__*/React__default['default'].createElement("div", {
+            className: "colourQuickChoices_column"
+          }, this.renderColourQuickChoicesCircle('#f39ca4', selectedColour), this.renderColourQuickChoicesCircle('#c0adc5', selectedColour), this.renderColourQuickChoicesCircle('#fcbca4', selectedColour), this.renderColourQuickChoicesCircle('#c5ceb9', selectedColour)));
+          break;
+
+        default:
+          content = null;
+          break;
+      }
+
+      var tabs = this.getQuickChoiceTabs();
+      return /*#__PURE__*/React__default['default'].createElement("div", null, tabs && tabs.length > 1 ? /*#__PURE__*/React__default['default'].createElement(Tabs, {
+        onSelectTab: this.onSelectOption,
+        selectedTab: this.state.selectedOption,
+        tabs: tabs
+      }) : null, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex flex-center flex-center-row"
+      }, content));
+    }
+  }, {
+    key: "renderColourPopup",
+    value: function renderColourPopup() {
+      if (!this.state.colourPickerOpen) return null;
+      var title = this.props.title;
+      return /*#__PURE__*/React__default['default'].createElement(Popup, {
+        title: title || "Colour Picker",
+        maxWidth: 500,
+        hasPadding: true,
+        buttons: [{
+          type: 'primary',
+          onClick: this.onDone,
+          isActive: true,
+          text: 'Done'
+        }]
+      }, this.renderColourOptions());
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$state = this.state,
+          colourCircleTop = _this$state.colourCircleTop,
+          colourCircleLeft = _this$state.colourCircleLeft,
+          colour = _this$state.colour;
+      var _this$props = this.props,
+          children = _this$props.children,
+          showHex = _this$props.showHex;
+      return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "flex flex-center"
+      }, children ? /*#__PURE__*/React__default['default'].createElement("div", {
+        onClick: this.onTogglePopup
+      }, children) : /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "colourPicker_button",
+        style: {
+          width: 80,
+          marginBottom: 'unset'
+        },
+        onClick: this.onTogglePopup
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "colourPicker_rainbow"
+      }, /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "colourPicker_rainbow_circle",
+        style: {
+          top: "".concat(colourCircleTop, "%"),
+          left: "".concat(colourCircleLeft, "%")
+        }
+      }))), showHex ? /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "marginLeft-10"
+      }, colour && colour.toUpperCase()) : null), this.renderColourPopup());
+    }
+  }]);
+
+  return ColourPicker;
+}(React.Component);
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10945,7 +11298,9 @@ var index = /*#__PURE__*/Object.freeze({
   DropdownInput: DropdownInput,
   MakerPopup: exportObj,
   ExportCsvPopup: ExportCsvPopup,
-  InputGroup: InputGroup
+  InputGroup: InputGroup,
+  ColourPicker: ColourPicker,
+  Tabs: Tabs
 });
 
 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; }