@plusscommunities/pluss-core-web 1.2.2 → 1.2.6

package/dist/index.cjs.js

@@ -27,6 +27,7 @@ var Textarea = require('react-textarea-autosize');
 var reactRouter = require('react-router');
 var reactBootstrap = require('react-bootstrap');
 var reactLottie = require('@crello/react-lottie');
+var reactCsv = require('react-csv');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3010,14 +3011,14 @@ var index$1 = /*#__PURE__*/Object.freeze({
   setNavData: setNavData
 });
 
-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$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$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$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 AddButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AddButton, _Component);
 
-  var _super = _createSuper$x(AddButton);
+  var _super = _createSuper$y(AddButton);
 
   function AddButton() {
     _classCallCheck__default['default'](this, AddButton);
@@ -3994,14 +3995,14 @@ var icons = {
 	template_sportingClub: template_sportingClub
 };
 
-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$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$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$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 SVGIcon = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](SVGIcon, _Component);
 
-  var _super = _createSuper$w(SVGIcon);
+  var _super = _createSuper$x(SVGIcon);
 
   function SVGIcon() {
     _classCallCheck__default['default'](this, SVGIcon);
@@ -4049,14 +4050,14 @@ var SVGIcon = /*#__PURE__*/function (_Component) {
   return SVGIcon;
 }(React.Component);
 
-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$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$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$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 Attachment = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Attachment, _Component);
 
-  var _super = _createSuper$v(Attachment);
+  var _super = _createSuper$w(Attachment);
 
   function Attachment() {
     _classCallCheck__default['default'](this, Attachment);
@@ -4094,14 +4095,14 @@ function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$e(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$u(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$u(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$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$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$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 Button = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Button, _Component);
 
-  var _super = _createSuper$u(Button);
+  var _super = _createSuper$v(Button);
 
   function Button() {
     _classCallCheck__default['default'](this, Button);
@@ -4201,14 +4202,14 @@ function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if
 
 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$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$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$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$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 CheckBox = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](CheckBox, _PureComponent);
 
-  var _super = _createSuper$t(CheckBox);
+  var _super = _createSuper$u(CheckBox);
 
   function CheckBox() {
     var _this;
@@ -4314,14 +4315,14 @@ var styles$8 = {
   }
 };
 
-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$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$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$t() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var P60Icon = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](P60Icon, _Component);
 
-  var _super = _createSuper$s(P60Icon);
+  var _super = _createSuper$t(P60Icon);
 
   function P60Icon() {
     var _this;
@@ -4377,14 +4378,14 @@ var P60Icon = /*#__PURE__*/function (_Component) {
   return P60Icon;
 }(React.Component);
 
-function _createSuper$r(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$r(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$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$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$s() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var DatePicker = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](DatePicker, _Component);
 
-  var _super = _createSuper$r(DatePicker);
+  var _super = _createSuper$s(DatePicker);
 
   function DatePicker() {
     var _this;
@@ -4701,9 +4702,9 @@ function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$c(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$q(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$q(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+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$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$r() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var DEFAULT_INPUT$1 = {
   uploadingFile: false,
   value: ''
@@ -4712,7 +4713,7 @@ var DEFAULT_INPUT$1 = {
 var FileInputComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](FileInputComponent, _Component);
 
-  var _super = _createSuper$q(FileInputComponent);
+  var _super = _createSuper$r(FileInputComponent);
 
   function FileInputComponent() {
     var _this;
@@ -5118,14 +5119,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$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$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$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$q() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var GenericInput = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](GenericInput, _Component);
 
-  var _super = _createSuper$p(GenericInput);
+  var _super = _createSuper$q(GenericInput);
 
   function GenericInput() {
     _classCallCheck__default['default'](this, GenericInput);
@@ -5323,14 +5324,14 @@ var styles$7 = {
   }
 };
 
-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$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$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$p() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 var Header = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Header, _Component);
 
-  var _super = _createSuper$o(Header);
+  var _super = _createSuper$p(Header);
 
   function Header() {
     var _this;
@@ -5452,14 +5453,14 @@ 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$n(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$n(); return function _createSuperInternal() { var Super = _getPrototypeOf__default['default'](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default['default'](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default['default'](this, result); }; }
+function _createSuper$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$n() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct$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$n(Popup);
+  var _super = _createSuper$o(Popup);
 
   function Popup() {
     _classCallCheck__default['default'](this, Popup);
@@ -5573,9 +5574,9 @@ 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$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$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$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$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: '',
@@ -5585,7 +5586,7 @@ var DEFAULT_INPUT = {
 var ImageInputComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ImageInputComponent, _Component);
 
-  var _super = _createSuper$m(ImageInputComponent);
+  var _super = _createSuper$n(ImageInputComponent);
 
   function ImageInputComponent() {
     var _this;
@@ -6878,14 +6879,14 @@ var ImageInput = reactRedux.connect(mapStateToProps$3, {}, null, {
   withRef: true
 })(ImageInputComponent);
 
-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$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$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$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$l(MoreMenu);
+  var _super = _createSuper$m(MoreMenu);
 
   function MoreMenu() {
     _classCallCheck__default['default'](this, MoreMenu);
@@ -6919,14 +6920,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$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$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$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$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$k(OverlayPage);
+  var _super = _createSuper$l(OverlayPage);
 
   function OverlayPage(props) {
     var _this;
@@ -7012,14 +7013,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$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$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$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$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$j(OverlayPageContents);
+  var _super = _createSuper$k(OverlayPageContents);
 
   function OverlayPageContents(props) {
     var _this;
@@ -7078,14 +7079,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$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$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$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$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$i(OverlayPageSection);
+  var _super = _createSuper$j(OverlayPageSection);
 
   function OverlayPageSection() {
     _classCallCheck__default['default'](this, OverlayPageSection);
@@ -7130,14 +7131,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$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$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$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$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$h(OverlayPageBottomButtons);
+  var _super = _createSuper$i(OverlayPageBottomButtons);
 
   function OverlayPageBottomButtons(props) {
     var _this;
@@ -7191,14 +7192,14 @@ var styles$2 = {
   }
 };
 
-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$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$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$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$g(PageTitle);
+  var _super = _createSuper$h(PageTitle);
 
   function PageTitle() {
     _classCallCheck__default['default'](this, PageTitle);
@@ -7218,14 +7219,14 @@ var PageTitle = /*#__PURE__*/function (_Component) {
   return PageTitle;
 }(React.Component);
 
-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$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$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$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 Text = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Text, _Component);
 
-  var _super = _createSuper$f(Text);
+  var _super = _createSuper$g(Text);
 
   function Text() {
     _classCallCheck__default['default'](this, Text);
@@ -7259,14 +7260,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$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$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$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$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 ProfilePicComponent = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](ProfilePicComponent, _Component);
 
-  var _super = _createSuper$e(ProfilePicComponent);
+  var _super = _createSuper$f(ProfilePicComponent);
 
   function ProfilePicComponent() {
     _classCallCheck__default['default'](this, ProfilePicComponent);
@@ -7322,14 +7323,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$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$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$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$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 RadioButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](RadioButton, _Component);
 
-  var _super = _createSuper$d(RadioButton);
+  var _super = _createSuper$e(RadioButton);
 
   function RadioButton() {
     _classCallCheck__default['default'](this, RadioButton);
@@ -7487,14 +7488,14 @@ var styles$1 = {
   }
 };
 
-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$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$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$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 Tag = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Tag, _Component);
 
-  var _super = _createSuper$c(Tag);
+  var _super = _createSuper$d(Tag);
 
   function Tag() {
     _classCallCheck__default['default'](this, Tag);
@@ -7559,14 +7560,14 @@ var Tag = /*#__PURE__*/function (_Component) {
   return Tag;
 }(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$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$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$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 StatusButton = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](StatusButton, _Component);
 
-  var _super = _createSuper$b(StatusButton);
+  var _super = _createSuper$c(StatusButton);
 
   function StatusButton() {
     _classCallCheck__default['default'](this, StatusButton);
@@ -7602,14 +7603,14 @@ var StatusButton = /*#__PURE__*/function (_Component) {
   return StatusButton;
 }(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$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$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$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 SuccessPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](SuccessPopup, _Component);
 
-  var _super = _createSuper$a(SuccessPopup);
+  var _super = _createSuper$b(SuccessPopup);
 
   function SuccessPopup() {
     _classCallCheck__default['default'](this, SuccessPopup);
@@ -7678,9 +7679,9 @@ var SuccessPopup = /*#__PURE__*/function (_Component) {
   return SuccessPopup;
 }(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$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$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$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 getReactions = function getReactions() {
   return [{
@@ -7701,7 +7702,7 @@ var getReactions = function getReactions() {
 var Reactions = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](Reactions, _Component);
 
-  var _super = _createSuper$9(Reactions);
+  var _super = _createSuper$a(Reactions);
 
   function Reactions() {
     var _this;
@@ -7787,14 +7788,14 @@ var Reactions = /*#__PURE__*/function (_Component) {
   return Reactions;
 }(React.Component);
 
-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$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$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$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 AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   _inherits__default['default'](AnalyticsFilter, _PureComponent);
 
-  var _super = _createSuper$8(AnalyticsFilter);
+  var _super = _createSuper$9(AnalyticsFilter);
 
   function AnalyticsFilter(props) {
     var _this;
@@ -7911,14 +7912,14 @@ var AnalyticsFilter = /*#__PURE__*/function (_PureComponent) {
   return AnalyticsFilter;
 }(React.PureComponent);
 
-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$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$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$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 UserListing = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](UserListing, _Component);
 
-  var _super = _createSuper$7(UserListing);
+  var _super = _createSuper$8(UserListing);
 
   function UserListing() {
     _classCallCheck__default['default'](this, UserListing);
@@ -7985,14 +7986,14 @@ var UserListing = /*#__PURE__*/function (_Component) {
   return UserListing;
 }(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$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$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$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 TimePicker = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](TimePicker, _Component);
 
-  var _super = _createSuper$6(TimePicker);
+  var _super = _createSuper$7(TimePicker);
 
   function TimePicker() {
     var _this;
@@ -8229,14 +8230,14 @@ var TimePicker = /*#__PURE__*/function (_Component) {
   return TimePicker;
 }(React.Component);
 
-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$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$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$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 AudienceIncluder = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AudienceIncluder, _Component);
 
-  var _super = _createSuper$5(AudienceIncluder);
+  var _super = _createSuper$6(AudienceIncluder);
 
   function AudienceIncluder(props) {
     var _this;
@@ -8451,14 +8452,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$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$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$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$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 DropdownInput = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](DropdownInput, _Component);
 
-  var _super = _createSuper$4(DropdownInput);
+  var _super = _createSuper$5(DropdownInput);
 
   function DropdownInput(props) {
     var _this;
@@ -8712,51 +8713,31 @@ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _createSuper$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$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$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$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 AudienceSelector = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](AudienceSelector, _Component);
 
-  var _super = _createSuper$3(AudienceSelector);
+  var _super = _createSuper$4(AudienceSelector);
 
-  function AudienceSelector() {
+  function AudienceSelector(props) {
     var _this;
 
     _classCallCheck__default['default'](this, AudienceSelector);
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
+    _this = _super.call(this, props);
 
-    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onChangeSelection", function () {
+      var _this$props = _this.props,
+          updateValidation = _this$props.updateValidation,
+          onChange = _this$props.onChange;
 
-    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "state", {
-      categories: [{
-        Title: 'All Primary Users',
-        Key: 'resident',
-        ShortName: 'Primary'
-      }, {
-        Title: 'All Staff Users',
-        Key: 'staff',
-        ShortName: 'Staff'
-      }, {
-        Title: 'All Linked Users',
-        Key: 'family',
-        ShortName: 'Linked'
-      }],
-      types: [],
-      AudienceType: 'All',
-      showInclude: false,
-      includeList: [],
-      showExclude: false,
-      excludeList: [],
-      Type: '',
-      Category: '',
-      userList: [],
-      tagList: [],
-      AudienceTagList: []
+      var isValid = _this.validateAudienceSelection();
+
+      if (updateValidation) updateValidation(isValid);
+      if (onChange) onChange(_this.getAudienceType(), _this.getAudienceTypeSelection(), isValid);
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "selectTag", function (key) {
@@ -8766,9 +8747,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         excludeList: []
       });
 
-      setTimeout(function () {
-        _this.props.updateValidation(_this.validateAudienceSelection());
-      }, 50);
+      setTimeout(_this.onChangeSelection, 50);
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "validateCustom", function () {
@@ -8776,6 +8755,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "getAvailableAudienceTags", function () {
+      var includeSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
       var _this$state = _this.state,
           categories = _this$state.categories,
           types = _this$state.types,
@@ -8805,7 +8785,8 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Title: "User Tag: ".concat(t.Title)
         };
       });
-      return [].concat(_toConsumableArray__default['default'](categoryTags), _toConsumableArray__default['default'](userTypeTags), _toConsumableArray__default['default'](userTagTags)).filter(function (t) {
+      var result = [].concat(_toConsumableArray__default['default'](categoryTags), _toConsumableArray__default['default'](userTypeTags), _toConsumableArray__default['default'](userTagTags));
+      return includeSelected ? result : result.filter(function (t) {
         return !___default['default'].some(AudienceTagList, function (at) {
           return at.Id === t.Id;
         });
@@ -8817,9 +8798,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
 
       _this.setState({
         AudienceTagList: AudienceTagList
-      }, function () {
-        return _this.props.updateValidation(_this.validateAudienceSelection());
-      });
+      }, _this.onChangeSelection);
     });
 
     _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onDetachAudienceTag", function (tag) {
@@ -8829,26 +8808,58 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
 
       _this.setState({
         AudienceTagList: AudienceTagList
-      }, function () {
-        return _this.props.updateValidation(_this.validateAudienceSelection());
-      });
+      }, _this.onChangeSelection);
     });
 
+    _this.state = {
+      categories: [{
+        Title: 'All Primary Users',
+        Key: 'resident',
+        ShortName: 'Primary'
+      }, {
+        Title: 'All Staff Users',
+        Key: 'staff',
+        ShortName: 'Staff'
+      }, {
+        Title: 'All Linked Users',
+        Key: 'family',
+        ShortName: 'Linked'
+      }],
+      types: [],
+      AudienceType: props.audienceType || 'All',
+      showInclude: false,
+      includeList: [],
+      showExclude: false,
+      excludeList: [],
+      Type: '',
+      Category: '',
+      userList: [],
+      tagList: [],
+      AudienceTagList: props.audienceTypeSelection || []
+    };
     return _this;
   }
 
   _createClass__default['default'](AudienceSelector, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      var _this$props = this.props,
-          disallowUserType = _this$props.disallowUserType,
-          custom = _this$props.custom,
-          disallowSingleUsers = _this$props.disallowSingleUsers,
-          allowTags = _this$props.allowTags;
+      var _this$props2 = this.props,
+          disallowUserType = _this$props2.disallowUserType,
+          custom = _this$props2.custom,
+          disallowSingleUsers = _this$props2.disallowSingleUsers,
+          allowTags = _this$props2.allowTags;
       if (!disallowUserType || custom) this.getUserTypes();
       if (!disallowSingleUsers) this.getUsers();
       if (allowTags || custom) this.getUserTags();
     }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var newState = {};
+      if (prevProps.audienceType !== this.props.audienceType) newState.AudienceType = this.props.audienceType;
+      if (!___default['default'].isEqual(prevProps.audienceTypeSelection, this.props.audienceTypeSelection)) newState.AudienceTagList = this.props.audienceTypeSelection;
+      if (!___default['default'].isEmpty(newState)) this.setState(newState);
+    }
   }, {
     key: "onSubmit",
     value: function onSubmit() {
@@ -8872,12 +8883,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Category = _this$state2.Category,
           Tag = _this$state2.Tag,
           Type = _this$state2.Type;
-      if (AudienceType === 'Custom') return AudienceTagList.map(function (at) {
-        return {
-          AudienceType: at.AudienceType,
-          AudienceTypeSelection: at.AudienceTypeSelection
-        };
-      });
+      if (AudienceType === 'Custom') return AudienceTagList;
       if (AudienceType === 'Category') return Category;
       if (AudienceType === 'UserTags') return Tag;
       return Type;
@@ -8932,8 +8938,6 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "onChangeOption",
     value: function onChangeOption(type) {
-      var _this4 = this;
-
       this.setState({
         AudienceType: type,
         Type: '',
@@ -8941,20 +8945,18 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         includeList: [],
         excludeList: []
       });
-      setTimeout(function () {
-        _this4.props.updateValidation(_this4.validateAudienceSelection());
-      }, 50);
+      setTimeout(this.onChangeSelection, 50);
     }
   }, {
     key: "getOptions",
     value: function getOptions() {
-      var _this5 = this;
+      var _this4 = this;
 
       var options = [{
         Label: 'All users',
         Value: 'All',
         onChange: function onChange() {
-          return _this5.onChangeOption('All');
+          return _this4.onChangeOption('All');
         }
       }];
 
@@ -8963,7 +8965,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Label: 'Custom',
           Value: 'Custom',
           onChange: function onChange() {
-            return _this5.onChangeOption('Custom');
+            return _this4.onChangeOption('Custom');
           }
         });
       } else {
@@ -8971,7 +8973,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Label: 'By user category',
           Value: 'Category',
           onChange: function onChange() {
-            return _this5.onChangeOption('Category');
+            return _this4.onChangeOption('Category');
           }
         });
       }
@@ -8981,7 +8983,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Label: 'By user type',
           Value: 'UserType',
           onChange: function onChange() {
-            return _this5.onChangeOption('UserType');
+            return _this4.onChangeOption('UserType');
           }
         });
       }
@@ -8991,7 +8993,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Label: 'By user tag',
           Value: 'UserTags',
           onChange: function onChange() {
-            return _this5.onChangeOption('UserTags');
+            return _this4.onChangeOption('UserTags');
           }
         });
       }
@@ -9001,7 +9003,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           Label: 'To single users',
           Value: 'User',
           onChange: function onChange() {
-            return _this5.onChangeOption('User');
+            return _this4.onChangeOption('User');
           }
         });
       }
@@ -9024,24 +9026,20 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "selectType",
     value: function selectType(key) {
-      var _this6 = this;
-
       this.setState({
         Type: key,
         includeList: [],
         excludeList: []
       });
-      setTimeout(function () {
-        _this6.props.updateValidation(_this6.validateAudienceSelection());
-      }, 50);
+      setTimeout(this.onChangeSelection, 50);
     }
   }, {
     key: "getTypeTitle",
     value: function getTypeTitle() {
-      var _this7 = this;
+      var _this5 = this;
 
       var typeObject = ___default['default'].find(this.state.types, function (t) {
-        return t.typeName === _this7.state.Type;
+        return t.typeName === _this5.state.Type;
       });
 
       if (typeObject) {
@@ -9053,10 +9051,10 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "getTagTitle",
     value: function getTagTitle() {
-      var _this8 = this;
+      var _this6 = this;
 
       var tag = ___default['default'].find(this.state.tagList, function (t) {
-        return t.Id === _this8.state.Tag;
+        return t.Id === _this6.state.Tag;
       });
 
       if (tag) {
@@ -9068,10 +9066,10 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "getUserTypes",
     value: function getUserTypes() {
-      var _this9 = this;
+      var _this7 = this;
 
       typeActions.getUserTypes(this.props.auth.site).then(function (res) {
-        _this9.props.setAuth({
+        _this7.props.setAuth({
           userTypes: ___default['default'].cloneDeep(res.data)
         });
 
@@ -9080,7 +9078,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           e.Key = e.typeName;
 
           if (e.category) {
-            var category = ___default['default'].find(_this9.state.categories, function (c) {
+            var category = ___default['default'].find(_this7.state.categories, function (c) {
               return c.Key === e.category;
             });
 
@@ -9089,7 +9087,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           }
         });
 
-        _this9.setState({
+        _this7.setState({
           types: res.data
         });
       }).catch(function (error) {});
@@ -9097,12 +9095,12 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "getUserList",
     value: function getUserList() {
-      var _this10 = this;
+      var _this8 = this;
 
       if (this.state.AudienceType === 'UserType' && !___default['default'].isEmpty(this.state.Type)) {
         var users = [];
         this.state.userList.forEach(function (element) {
-          if (element.type !== _this10.state.Type) users.push(element);
+          if (element.type !== _this8.state.Type) users.push(element);
         });
         return ___default['default'].sortBy(users, 'displayName');
       }
@@ -9111,7 +9109,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         var _users = [];
 
         var types = ___default['default'].filter(this.state.types, function (type) {
-          return type.category === _this10.state.Category;
+          return type.category === _this8.state.Category;
         }).map(function (type) {
           return type.typeName;
         });
@@ -9129,24 +9127,20 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "selectCat",
     value: function selectCat(key, e) {
-      var _this11 = this;
-
       this.setState({
         Category: key,
         includeList: [],
         excludeList: []
       });
-      setTimeout(function () {
-        _this11.props.updateValidation(_this11.validateAudienceSelection());
-      }, 50);
+      setTimeout(this.onChangeSelection, 50);
     }
   }, {
     key: "getCatTitle",
     value: function getCatTitle() {
-      var _this12 = this;
+      var _this9 = this;
 
       var typeObject = ___default['default'].find(this.state.categories, function (t) {
-        return t.Key === _this12.state.Category;
+        return t.Key === _this9.state.Category;
       });
 
       if (typeObject) {
@@ -9202,12 +9196,12 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "getUserExcludeList",
     value: function getUserExcludeList() {
-      var _this13 = this;
+      var _this10 = this;
 
       if (this.state.AudienceType === 'UserType' && !___default['default'].isEmpty(this.state.Type)) {
         var users = [];
         this.state.userList.forEach(function (element) {
-          if (element.type === _this13.state.Type) users.push(element);
+          if (element.type === _this10.state.Type) users.push(element);
         });
         return ___default['default'].sortBy(users, 'displayName');
       }
@@ -9216,7 +9210,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         var _users2 = [];
 
         var types = ___default['default'].filter(this.state.types, function (type) {
-          return type.category === _this13.state.Category;
+          return type.category === _this10.state.Category;
         }).map(function (type) {
           return type.typeName;
         });
@@ -9234,8 +9228,6 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "addToInc",
     value: function addToInc(user) {
-      var _this14 = this;
-
       var list = _toConsumableArray__default['default'](this.state.includeList);
 
       list.push({
@@ -9246,23 +9238,17 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
       this.setState({
         includeList: list
       });
-      setTimeout(function () {
-        _this14.props.updateValidation(_this14.validateAudienceSelection());
-      }, 50);
+      setTimeout(this.onChangeSelection, 50);
     }
   }, {
     key: "removeUserInc",
     value: function removeUserInc(user) {
-      var _this15 = this;
-
       this.setState({
         includeList: ___default['default'].filter(this.state.includeList, function (ev) {
           return ev.Id !== user.Id;
         })
       });
-      setTimeout(function () {
-        _this15.props.updateValidation(_this15.validateAudienceSelection());
-      }, 50);
+      setTimeout(this.onChangeSelection, 50);
     }
   }, {
     key: "addToEx",
@@ -9290,7 +9276,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderExcludes",
     value: function renderExcludes() {
-      var _this16 = this;
+      var _this11 = this;
 
       if (!this.showUserPickers(false)) {
         return null;
@@ -9302,8 +9288,8 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "flex flex-between pointer",
         onClick: function onClick() {
-          _this16.setState({
-            showExclude: !_this16.state.showExclude
+          _this11.setState({
+            showExclude: !_this11.state.showExclude
           });
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -9327,7 +9313,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderIncludes",
     value: function renderIncludes() {
-      var _this17 = this;
+      var _this12 = this;
 
       if (!this.showUserPickers(true)) {
         return null;
@@ -9339,8 +9325,8 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/React__default['default'].createElement("div", {
         className: "flex flex-between pointer",
         onClick: function onClick() {
-          _this17.setState({
-            showInclude: !_this17.state.showInclude
+          _this12.setState({
+            showInclude: !_this12.state.showInclude
           });
         }
       }, /*#__PURE__*/React__default['default'].createElement("div", {
@@ -9364,7 +9350,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAssignedAudiences",
     value: function renderAssignedAudiences() {
-      var _this18 = this;
+      var _this13 = this;
 
       var AudienceTagList = this.state.AudienceTagList;
       var maxWidth = this.props.maxWidth;
@@ -9383,7 +9369,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           text: t.Title,
           rightIcon: "remove",
           rightClick: function rightClick() {
-            return _this18.onDetachAudienceTag(t);
+            return _this13.onDetachAudienceTag(t);
           }
         });
       }));
@@ -9391,7 +9377,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderAvailableAudiences",
     value: function renderAvailableAudiences() {
-      var _this19 = this;
+      var _this14 = this;
 
       var maxWidth = this.props.maxWidth;
       var tags = this.getAvailableAudienceTags();
@@ -9406,7 +9392,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
           className: "marginLeft-16 marginBottom-8",
           text: t.Title,
           onClick: function onClick() {
-            return _this19.onAttachAudienceTag(t);
+            return _this14.onAttachAudienceTag(t);
           }
         });
       }));
@@ -9427,7 +9413,7 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this20 = this;
+      var _this15 = this;
 
       return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Text, {
         type: "formTitleSmall",
@@ -9449,10 +9435,10 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         placeholder: "User Category",
         value: this.getCatTitle(),
         isValid: function isValid() {
-          return _this20.validateCategory();
+          return _this15.validateCategory();
         },
         showError: function showError() {
-          return _this20.state.showWarnings && !_this20.validateCategory();
+          return _this15.state.showWarnings && !_this15.validateCategory();
         },
         options: this.state.categories,
         onSelect: this.selectCat.bind(this),
@@ -9469,10 +9455,10 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         placeholder: "User Type",
         value: this.getTypeTitle(),
         isValid: function isValid() {
-          return _this20.validateType();
+          return _this15.validateType();
         },
         showError: function showError() {
-          return _this20.state.showWarnings && !_this20.validateType();
+          return _this15.state.showWarnings && !_this15.validateType();
         },
         options: this.state.types,
         onSelect: this.selectType.bind(this),
@@ -9488,10 +9474,10 @@ var AudienceSelector = /*#__PURE__*/function (_Component) {
         placeholder: "User Tag",
         value: this.getTagTitle(),
         isValid: function isValid() {
-          return _this20.validateTag();
+          return _this15.validateTag();
         },
         showError: function showError() {
-          return _this20.state.showWarnings && !_this20.validateTag();
+          return _this15.state.showWarnings && !_this15.validateTag();
         },
         options: this.state.tagList,
         onSelect: this.selectTag,
@@ -9514,14 +9500,14 @@ var toExport = reactRedux.connect(null, {
   withRef: true
 })(AudienceSelector);
 
-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$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$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$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 TextFormatPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](TextFormatPopup, _Component);
 
-  var _super = _createSuper$2(TextFormatPopup);
+  var _super = _createSuper$3(TextFormatPopup);
 
   function TextFormatPopup() {
     _classCallCheck__default['default'](this, TextFormatPopup);
@@ -9627,14 +9613,14 @@ var TextFormatPopup = /*#__PURE__*/function (_Component) {
   return TextFormatPopup;
 }(React.Component);
 
-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$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$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$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 OptionsSection = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](OptionsSection, _Component);
 
-  var _super = _createSuper$1(OptionsSection);
+  var _super = _createSuper$2(OptionsSection);
 
   function OptionsSection() {
     _classCallCheck__default['default'](this, OptionsSection);
@@ -9716,14 +9702,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-function _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$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() { 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$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 MakerPopup = /*#__PURE__*/function (_Component) {
   _inherits__default['default'](MakerPopup, _Component);
 
-  var _super = _createSuper(MakerPopup);
+  var _super = _createSuper$1(MakerPopup);
 
   function MakerPopup(props) {
     var _this;
@@ -10039,6 +10025,160 @@ 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 _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 ExportCsvPopup = /*#__PURE__*/function (_Component) {
+  _inherits__default['default'](ExportCsvPopup, _Component);
+
+  var _super = _createSuper(ExportCsvPopup);
+
+  function ExportCsvPopup(props) {
+    var _this;
+
+    _classCallCheck__default['default'](this, ExportCsvPopup);
+
+    _this = _super.call(this, props);
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "canSave", function () {
+      return ___default['default'].some(_this.state.columns, function (c) {
+        return c.selected;
+      });
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onConfirm", function () {
+      return _this.canSave();
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onClose", function () {
+      if (_this.props.onClose) _this.props.onClose();
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "onToggleColumn", function (key) {
+      var source = _this.props.source;
+
+      var columns = ___default['default'].cloneDeep(_this.state.columns);
+
+      var column = columns.find(function (c) {
+        return c.key === key;
+      });
+
+      if (column) {
+        column.selected = !column.selected;
+        if (!column.key) columns.map(function (c) {
+          return c.selected = column.selected;
+        }); // Toggle all
+
+        var selectedHeaders = columns.filter(function (c) {
+          return c.key && c.selected;
+        });
+        var selectedheaderKeys = selectedHeaders.map(function (h) {
+          return h.key;
+        });
+        var selectedSource = source.map(function (i) {
+          return ___default['default'].pick(i, selectedheaderKeys);
+        });
+
+        _this.setState({
+          columns: columns,
+          selectedHeaders: selectedHeaders,
+          selectedSource: selectedSource
+        });
+      }
+    });
+
+    _defineProperty__default['default'](_assertThisInitialized__default['default'](_this), "renderContent", function () {
+      var _this$state = _this.state,
+          saving = _this$state.saving,
+          columns = _this$state.columns;
+
+      if (saving) {
+        return /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "marginTop-32",
+          style: {
+            maxWidth: 500,
+            textAlign: 'center'
+          }
+        }, /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
+          style: {
+            fontSize: 30
+          },
+          name: "spinner fa-pulse fa-fw"
+        }));
+      }
+
+      if (!columns) return null;
+      return /*#__PURE__*/React__default['default'].createElement("div", {
+        className: "marginTop-16"
+      }, columns.map(function (c) {
+        return /*#__PURE__*/React__default['default'].createElement(CheckBox, {
+          key: c.key,
+          label: c.label,
+          isActive: c.selected,
+          onChange: function onChange() {
+            return _this.onToggleColumn(c.key);
+          },
+          style: {
+            marginBottom: 8
+          }
+        });
+      }));
+    });
+
+    _this.state = {
+      columns: props.columns,
+      selectedSource: [],
+      saving: false
+    };
+    return _this;
+  }
+
+  _createClass__default['default'](ExportCsvPopup, [{
+    key: "render",
+    value: function render() {
+      var _this$state2 = this.state,
+          selectedHeaders = _this$state2.selectedHeaders,
+          selectedSource = _this$state2.selectedSource;
+      var filename = this.props.filename;
+      var buttons = [{
+        type: 'primary',
+        isActive: this.canSave(),
+        text: /*#__PURE__*/React__default['default'].createElement(reactCsv.CSVLink, {
+          headers: selectedHeaders,
+          data: selectedSource,
+          style: {
+            textDecoration: 'none',
+            color: '#fff'
+          },
+          filename: filename || 'export.csv',
+          onClick: this.onConfirm
+        }, "Confirm")
+      }, {
+        type: 'tertiary',
+        onClick: this.onClose,
+        isActive: true,
+        text: 'Close'
+      }];
+      return /*#__PURE__*/React__default['default'].createElement(Popup, {
+        title: "Confirm Export",
+        subtitle: "Select which columns to include in the export",
+        boxClasses: "flex flex-column",
+        innerClasses: "flex flex-column fillSpace flex-1",
+        minWidth: 500,
+        maxWidth: 500,
+        minHeight: '50vh',
+        maxHeight: '100vh',
+        hasPadding: true,
+        onClose: this.onClose,
+        buttons: buttons
+      }, this.renderContent());
+    }
+  }]);
+
+  return ExportCsvPopup;
+}(React.Component);
+
 var index = /*#__PURE__*/Object.freeze({
   __proto__: null,
   AddButton: AddButton,
@@ -10073,7 +10213,8 @@ var index = /*#__PURE__*/Object.freeze({
   TextFormatPopup: TextFormatPopup,
   OptionsSection: OptionsSection,
   DropdownInput: DropdownInput,
-  MakerPopup: exportObj
+  MakerPopup: exportObj,
+  ExportCsvPopup: ExportCsvPopup
 });
 
 exports.Actions = index$1;