@plusscommunities/pluss-circles-web-groups 1.6.3-beta.0 → 1.6.6-beta.0

package/dist/index.js

@@ -1,4 +1,3 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { Component, useState, useEffect } from 'react';
 import { connect } from 'react-redux';
@@ -12,7 +11,7 @@ import { Table } from 'react-bootstrap';
 import { Icon } from '@plusscommunities/pluss-icons';
 import { withRouter } from 'react-router';
 
-var values = {
+const values = {
   featureKey: "groups",
   entityKey: "group",
   entityName: "group",
@@ -40,7 +39,7 @@ var values = {
 };
 
 // import * as PlussCore from '../../pluss-core/src';
-var FeatureConfig = {
+const FeatureConfig = {
   key: values.featureKey,
   singularName: _.capitalize(values.entityName),
   description: "App users can create ".concat(values.entityName, "s and message each other."),
@@ -130,38 +129,38 @@ var FeatureConfig = {
   }
 };
 
-var CIRCLES_LOADED = "".concat(values.actionCircleKey, "S_LOADED");
-var CIRCLE_UPDATED = "".concat(values.actionCircleKey, "_UPDATED");
-var CIRCLE_REMOVED = "".concat(values.actionCircleKey, "_REMOVED");
+const CIRCLES_LOADED = "".concat(values.actionCircleKey, "S_LOADED");
+const CIRCLE_UPDATED = "".concat(values.actionCircleKey, "_UPDATED");
+const CIRCLE_REMOVED = "".concat(values.actionCircleKey, "_REMOVED");
 
-var circlesLoaded = circles => {
+const circlesLoaded = circles => {
   return {
     type: CIRCLES_LOADED,
     payload: circles
   };
 };
-var circleUpdated = circle => {
+const circleUpdated = circle => {
   return {
     type: CIRCLE_UPDATED,
     payload: circle
   };
 };
-var circleRemoved = circleId => {
+const circleRemoved = circleId => {
   return {
     type: CIRCLE_REMOVED,
     payload: circleId
   };
 };
 
-var {
-  Helper: Helper$3,
+const {
+  Helper: Helper$4,
   Session: Session$4
 } = PlussCore;
-var circleActions = {
+const circleActions = {
   getAll: site => {
     return Session$4.authedFunction({
       method: "GET",
-      url: Helper$3.getUrl(values.serviceKey, "get/all", {
+      url: Helper$4.getUrl(values.serviceKey, "get/all", {
         site
       })
     });
@@ -169,7 +168,7 @@ var circleActions = {
   getFiles: circleId => {
     return Session$4.authedFunction({
       method: "GET",
-      url: Helper$3.getUrl(values.serviceKey, "get/files", {
+      url: Helper$4.getUrl(values.serviceKey, "get/files", {
         circleId
       })
     });
@@ -177,7 +176,7 @@ var circleActions = {
   getImages: circleId => {
     return Session$4.authedFunction({
       method: "GET",
-      url: Helper$3.getUrl(values.serviceKey, "get/images", {
+      url: Helper$4.getUrl(values.serviceKey, "get/images", {
         circleId
       })
     });
@@ -185,7 +184,7 @@ var circleActions = {
   add: (site, title, image, audience, isPublic) => {
     return Session$4.authedFunction({
       method: "POST",
-      url: Helper$3.getUrl(values.serviceKey, "update/add"),
+      url: Helper$4.getUrl(values.serviceKey, "update/add"),
       data: {
         site,
         title,
@@ -198,7 +197,7 @@ var circleActions = {
   edit: (circleId, title, image, audience, isPublic) => {
     return Session$4.authedFunction({
       method: "POST",
-      url: Helper$3.getUrl(values.serviceKey, "update/edit"),
+      url: Helper$4.getUrl(values.serviceKey, "update/edit"),
       data: {
         circleId,
         title,
@@ -211,7 +210,7 @@ var circleActions = {
   delete: circleId => {
     return Session$4.authedFunction({
       method: "POST",
-      url: Helper$3.getUrl(values.serviceKey, "update/delete"),
+      url: Helper$4.getUrl(values.serviceKey, "update/delete"),
       data: {
         circleId
       }
@@ -220,7 +219,7 @@ var circleActions = {
   addAdmin: (circleId, userId) => {
     return Session$4.authedFunction({
       method: "POST",
-      url: Helper$3.getUrl(values.serviceKey, "update/addadmin"),
+      url: Helper$4.getUrl(values.serviceKey, "update/addadmin"),
       data: {
         circleId,
         userId
@@ -230,129 +229,102 @@ var circleActions = {
   removeAdmin: (circleId, userId) => {
     return Session$4.authedFunction({
       method: "POST",
-      url: Helper$3.getUrl(values.serviceKey, "update/removeadmin"),
+      url: Helper$4.getUrl(values.serviceKey, "update/removeadmin"),
       data: {
         circleId,
         userId
       }
     });
   },
-  getMessages: function () {
-    var _getMessages = _asyncToGenerator(function* (groupId, limit, minTime, maxTime) {
-      var query = {
-        groupId
-      };
-      if (!_.isUndefined(minTime)) {
-        query.minTime = minTime;
-      }
-      if (!_.isUndefined(maxTime)) {
-        query.maxTime = maxTime;
-      }
-      if (limit) {
-        query.limit = limit;
-      }
-      return Session$4.authedFunction({
-        method: "GET",
-        url: Helper$3.getUrl(values.serviceKey, "getMessages", query)
-      });
-    });
-    function getMessages(_x, _x2, _x3, _x4) {
-      return _getMessages.apply(this, arguments);
+  getMessages: async (groupId, limit, minTime, maxTime) => {
+    const query = {
+      groupId
+    };
+    if (!_.isUndefined(minTime)) {
+      query.minTime = minTime;
     }
-    return getMessages;
-  }(),
-  sendMessage: function () {
-    var _sendMessage = _asyncToGenerator(function* (circleId, message) {
-      return Session$4.authedFunction({
-        method: "post",
-        url: Helper$3.getUrl(values.serviceKey, "sendMessage"),
-        data: {
-          groupId: circleId,
-          message
-        }
-      });
-    });
-    function sendMessage(_x5, _x6) {
-      return _sendMessage.apply(this, arguments);
+    if (!_.isUndefined(maxTime)) {
+      query.maxTime = maxTime;
     }
-    return sendMessage;
-  }(),
-  deleteMessage: function () {
-    var _deleteMessage = _asyncToGenerator(function* (messageId, groupId) {
-      return Session$4.authedFunction({
-        method: "POST",
-        url: Helper$3.getUrl(values.serviceKey, "update/deletemessage"),
-        data: {
-          messageId,
-          groupId
-        }
-      });
-    });
-    function deleteMessage(_x7, _x8) {
-      return _deleteMessage.apply(this, arguments);
+    if (limit) {
+      query.limit = limit;
     }
-    return deleteMessage;
-  }(),
-  markAsRead: function () {
-    var _markAsRead = _asyncToGenerator(function* (circleId, userId) {
-      return Session$4.authedFunction({
-        method: "post",
-        url: Helper$3.getUrl("groups", "resetunread"),
-        data: {
-          groupID: circleId,
-          userID: userId
-        }
-      });
+    return Session$4.authedFunction({
+      method: "GET",
+      url: Helper$4.getUrl(values.serviceKey, "getMessages", query)
     });
-    function markAsRead(_x9, _x0) {
-      return _markAsRead.apply(this, arguments);
-    }
-    return markAsRead;
-  }()
+  },
+  sendMessage: async (circleId, message) => {
+    return Session$4.authedFunction({
+      method: "post",
+      url: Helper$4.getUrl(values.serviceKey, "sendMessage"),
+      data: {
+        groupId: circleId,
+        message
+      }
+    });
+  },
+  deleteMessage: async (messageId, groupId) => {
+    return Session$4.authedFunction({
+      method: "POST",
+      url: Helper$4.getUrl(values.serviceKey, "update/deletemessage"),
+      data: {
+        messageId,
+        groupId
+      }
+    });
+  },
+  markAsRead: async (circleId, userId) => {
+    return Session$4.authedFunction({
+      method: "post",
+      url: Helper$4.getUrl("groups", "resetunread"),
+      data: {
+        groupID: circleId,
+        userID: userId
+      }
+    });
+  }
 };
 
-var {
+const {
   Apis: Apis$1
 } = PlussCore;
-var analyticsActions = Apis$1.analyticsActions;
+const analyticsActions = Apis$1.analyticsActions;
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = "/* Badge styling for unread count */\n:root {\n\t--badge-bg-color: #597db4; /* COLOUR_BRANDING_OFF */\n}\n\n.Circles_module_badgeTag__11115bc9 {\n\tfont-size: 11px;\n\tfont-weight: 400;\n\tpadding: 3px 10px;\n\tbackground-color: var(--badge-bg-color) !important;\n\tcolor: #fff !important;\n\tborder-radius: 999px !important;\n\tborder: none !important;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tline-height: 1;\n\tletter-spacing: 0.02em;\n}\n\n/* Unread filter info banner */\n.Circles_module_unreadFilterBanner__11115bc9 {\n\tbackground-color: #f0f4f8;\n\tborder-left: 3px solid var(--badge-bg-color);\n\tborder-radius: 4px;\n\tpadding: 12px 16px;\n\tmargin-top: 16px;\n\tmargin-bottom: 16px;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.Circles_module_unreadFilterContent__11115bc9 {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\twidth: 100%;\n}\n\n.Circles_module_unreadFilterIcon__11115bc9 {\n\tfont-size: 16px;\n\tcolor: var(--badge-bg-color);\n\tflex-shrink: 0;\n}\n\n.Circles_module_unreadFilterText__11115bc9 {\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tcolor: #333333;\n}\n\n.Circles_module_unreadFilterButton__11115bc9 {\n\tbackground: none;\n\tborder: none;\n\tcolor: var(--badge-bg-color);\n\tfont-size: 14px;\n\tfont-weight: 500;\n\ttext-decoration: underline;\n\tcursor: pointer;\n\tpadding: 4px 8px;\n\tmargin-left: 4px;\n\tmin-height: 32px;\n\tmin-width: 32px;\n\ttransition: all 0.2s ease;\n}\n\n.Circles_module_unreadFilterButton__11115bc9:hover {\n\tbackground-color: rgba(89, 125, 180, 0.1);\n\ttext-decoration: none;\n}\n\n.Circles_module_unreadFilterButton__11115bc9:focus {\n\toutline: 2px solid var(--badge-bg-color);\n\toutline-offset: 2px;\n\tborder-radius: 2px;\n}\n\n/* Mobile responsiveness */\n@media (max-width: 768px) {\n\t.Circles_module_unreadFilterBanner__11115bc9 {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tpadding: 12px;\n\t}\n\n\t.Circles_module_unreadFilterContent__11115bc9 {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tgap: 8px;\n\t}\n\n\t.Circles_module_unreadFilterText__11115bc9 {\n\t\tfont-size: 13px;\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zY3JlZW5zL0NpcmNsZXMubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBbUM7QUFDbkM7Q0FDQyx5QkFBeUIsRUFBRSx3QkFBd0I7QUFDcEQ7O0FBRUE7Q0FDQyxlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCLGlCQUFpQjtDQUNqQixrREFBa0Q7Q0FDbEQsc0JBQXNCO0NBQ3RCLCtCQUErQjtDQUMvQix1QkFBdUI7Q0FDdkIsb0JBQW9CO0NBQ3BCLG1CQUFtQjtDQUNuQix1QkFBdUI7Q0FDdkIsY0FBYztDQUNkLHNCQUFzQjtBQUN2Qjs7QUFFQSw4QkFBOEI7QUFDOUI7Q0FDQyx5QkFBeUI7Q0FDekIsNENBQTRDO0NBQzVDLGtCQUFrQjtDQUNsQixrQkFBa0I7Q0FDbEIsZ0JBQWdCO0NBQ2hCLG1CQUFtQjtDQUNuQixhQUFhO0NBQ2IsbUJBQW1CO0FBQ3BCOztBQUVBO0NBQ0MsYUFBYTtDQUNiLG1CQUFtQjtDQUNuQixTQUFTO0NBQ1QsV0FBVztBQUNaOztBQUVBO0NBQ0MsZUFBZTtDQUNmLDRCQUE0QjtDQUM1QixjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCLGNBQWM7QUFDZjs7QUFFQTtDQUNDLGdCQUFnQjtDQUNoQixZQUFZO0NBQ1osNEJBQTRCO0NBQzVCLGVBQWU7Q0FDZixnQkFBZ0I7Q0FDaEIsMEJBQTBCO0NBQzFCLGVBQWU7Q0FDZixnQkFBZ0I7Q0FDaEIsZ0JBQWdCO0NBQ2hCLGdCQUFnQjtDQUNoQixlQUFlO0NBQ2YseUJBQXlCO0FBQzFCOztBQUVBO0NBQ0MseUNBQXlDO0NBQ3pDLHFCQUFxQjtBQUN0Qjs7QUFFQTtDQUNDLHdDQUF3QztDQUN4QyxtQkFBbUI7Q0FDbkIsa0JBQWtCO0FBQ25COztBQUVBLDBCQUEwQjtBQUMxQjtDQUNDO0VBQ0Msc0JBQXNCO0VBQ3RCLHVCQUF1QjtFQUN2QixhQUFhO0NBQ2Q7O0NBRUE7RUFDQyxzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLFFBQVE7Q0FDVDs7Q0FFQTtFQUNDLGVBQWU7Q0FDaEI7QUFDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJhZGdlIHN0eWxpbmcgZm9yIHVucmVhZCBjb3VudCAqL1xuOnJvb3Qge1xuXHQtLWJhZGdlLWJnLWNvbG9yOiAjNTk3ZGI0OyAvKiBDT0xPVVJfQlJBTkRJTkdfT0ZGICovXG59XG5cbi5iYWRnZVRhZyB7XG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0cGFkZGluZzogM3B4IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKSAhaW1wb3J0YW50O1xuXHRjb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuXHRib3JkZXItcmFkaXVzOiA5OTlweCAhaW1wb3J0YW50O1xuXHRib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRsaW5lLWhlaWdodDogMTtcblx0bGV0dGVyLXNwYWNpbmc6IDAuMDJlbTtcbn1cblxuLyogVW5yZWFkIGZpbHRlciBpbmZvIGJhbm5lciAqL1xuLnVucmVhZEZpbHRlckJhbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmMGY0Zjg7XG5cdGJvcmRlci1sZWZ0OiAzcHggc29saWQgdmFyKC0tYmFkZ2UtYmctY29sb3IpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0bWFyZ2luLXRvcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMTZweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnVucmVhZEZpbHRlckNvbnRlbnQge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDEwcHg7XG5cdHdpZHRoOiAxMDAlO1xufVxuXG4udW5yZWFkRmlsdGVySWNvbiB7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Y29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0ZmxleC1zaHJpbms6IDA7XG59XG5cbi51bnJlYWRGaWx0ZXJUZXh0IHtcblx0Zm9udC1zaXplOiAxNHB4O1xuXHRsaW5lLWhlaWdodDogMS41O1xuXHRjb2xvcjogIzMzMzMzMztcbn1cblxuLnVucmVhZEZpbHRlckJ1dHRvbiB7XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJvcmRlcjogbm9uZTtcblx0Y29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0Zm9udC1zaXplOiAxNHB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXHRtYXJnaW4tbGVmdDogNHB4O1xuXHRtaW4taGVpZ2h0OiAzMnB4O1xuXHRtaW4td2lkdGg6IDMycHg7XG5cdHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG59XG5cbi51bnJlYWRGaWx0ZXJCdXR0b246aG92ZXIge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDg5LCAxMjUsIDE4MCwgMC4xKTtcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG4udW5yZWFkRmlsdGVyQnV0dG9uOmZvY3VzIHtcblx0b3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4vKiBNb2JpbGUgcmVzcG9uc2l2ZW5lc3MgKi9cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHQudW5yZWFkRmlsdGVyQmFubmVyIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdHBhZGRpbmc6IDEycHg7XG5cdH1cblxuXHQudW5yZWFkRmlsdGVyQ29udGVudCB7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRnYXA6IDhweDtcblx0fVxuXG5cdC51bnJlYWRGaWx0ZXJUZXh0IHtcblx0XHRmb250LXNpemU6IDEzcHg7XG5cdH1cbn1cbiJdfQ== */";
-var modules_208c68ad = {"badgeTag":"Circles_module_badgeTag__11115bc9","unreadFilterBanner":"Circles_module_unreadFilterBanner__11115bc9","unreadFilterContent":"Circles_module_unreadFilterContent__11115bc9","unreadFilterIcon":"Circles_module_unreadFilterIcon__11115bc9","unreadFilterText":"Circles_module_unreadFilterText__11115bc9","unreadFilterButton":"Circles_module_unreadFilterButton__11115bc9"};
+var css = "/* Badge styling for unread count */\n:root {\n\t--badge-bg-color: #597db4; /* COLOUR_BRANDING_OFF */\n}\n\n.badgeTag {\n\tfont-size: 11px;\n\tfont-weight: 400;\n\tpadding: 3px 10px;\n\tbackground-color: var(--badge-bg-color) !important;\n\tcolor: #fff !important;\n\tborder-radius: 999px !important;\n\tborder: none !important;\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tline-height: 1;\n\tletter-spacing: 0.02em;\n}\n\n/* Unread filter info banner */\n.unreadFilterBanner {\n\tbackground-color: #f0f4f8;\n\tborder-left: 3px solid var(--badge-bg-color);\n\tborder-radius: 4px;\n\tpadding: 12px 16px;\n\tmargin-top: 16px;\n\tmargin-bottom: 16px;\n\tdisplay: flex;\n\talign-items: center;\n}\n\n.unreadFilterContent {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 10px;\n\twidth: 100%;\n}\n\n.unreadFilterIcon {\n\tfont-size: 16px;\n\tcolor: var(--badge-bg-color);\n\tflex-shrink: 0;\n}\n\n.unreadFilterText {\n\tfont-size: 14px;\n\tline-height: 1.5;\n\tcolor: #333333;\n}\n\n.unreadFilterButton {\n\tbackground: none;\n\tborder: none;\n\tcolor: var(--badge-bg-color);\n\tfont-size: 14px;\n\tfont-weight: 500;\n\ttext-decoration: underline;\n\tcursor: pointer;\n\tpadding: 4px 8px;\n\tmargin-left: 4px;\n\tmin-height: 32px;\n\tmin-width: 32px;\n\ttransition: all 0.2s ease;\n}\n\n.unreadFilterButton:hover {\n\tbackground-color: rgba(89, 125, 180, 0.1);\n\ttext-decoration: none;\n}\n\n.unreadFilterButton:focus {\n\toutline: 2px solid var(--badge-bg-color);\n\toutline-offset: 2px;\n\tborder-radius: 2px;\n}\n\n/* Mobile responsiveness */\n@media (max-width: 768px) {\n\t.unreadFilterBanner {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tpadding: 12px;\n\t}\n\n\t.unreadFilterContent {\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tgap: 8px;\n\t}\n\n\t.unreadFilterText {\n\t\tfont-size: 13px;\n\t}\n}\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zY3JlZW5zL0NpcmNsZXMubW9kdWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQ0FBbUM7QUFDbkM7Q0FDQyx5QkFBeUIsRUFBRSx3QkFBd0I7QUFDcEQ7O0FBRUE7Q0FDQyxlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCLGlCQUFpQjtDQUNqQixrREFBa0Q7Q0FDbEQsc0JBQXNCO0NBQ3RCLCtCQUErQjtDQUMvQix1QkFBdUI7Q0FDdkIsb0JBQW9CO0NBQ3BCLG1CQUFtQjtDQUNuQix1QkFBdUI7Q0FDdkIsY0FBYztDQUNkLHNCQUFzQjtBQUN2Qjs7QUFFQSw4QkFBOEI7QUFDOUI7Q0FDQyx5QkFBeUI7Q0FDekIsNENBQTRDO0NBQzVDLGtCQUFrQjtDQUNsQixrQkFBa0I7Q0FDbEIsZ0JBQWdCO0NBQ2hCLG1CQUFtQjtDQUNuQixhQUFhO0NBQ2IsbUJBQW1CO0FBQ3BCOztBQUVBO0NBQ0MsYUFBYTtDQUNiLG1CQUFtQjtDQUNuQixTQUFTO0NBQ1QsV0FBVztBQUNaOztBQUVBO0NBQ0MsZUFBZTtDQUNmLDRCQUE0QjtDQUM1QixjQUFjO0FBQ2Y7O0FBRUE7Q0FDQyxlQUFlO0NBQ2YsZ0JBQWdCO0NBQ2hCLGNBQWM7QUFDZjs7QUFFQTtDQUNDLGdCQUFnQjtDQUNoQixZQUFZO0NBQ1osNEJBQTRCO0NBQzVCLGVBQWU7Q0FDZixnQkFBZ0I7Q0FDaEIsMEJBQTBCO0NBQzFCLGVBQWU7Q0FDZixnQkFBZ0I7Q0FDaEIsZ0JBQWdCO0NBQ2hCLGdCQUFnQjtDQUNoQixlQUFlO0NBQ2YseUJBQXlCO0FBQzFCOztBQUVBO0NBQ0MseUNBQXlDO0NBQ3pDLHFCQUFxQjtBQUN0Qjs7QUFFQTtDQUNDLHdDQUF3QztDQUN4QyxtQkFBbUI7Q0FDbkIsa0JBQWtCO0FBQ25COztBQUVBLDBCQUEwQjtBQUMxQjtDQUNDO0VBQ0Msc0JBQXNCO0VBQ3RCLHVCQUF1QjtFQUN2QixhQUFhO0NBQ2Q7O0NBRUE7RUFDQyxzQkFBc0I7RUFDdEIsdUJBQXVCO0VBQ3ZCLFFBQVE7Q0FDVDs7Q0FFQTtFQUNDLGVBQWU7Q0FDaEI7QUFDRCIsInNvdXJjZXNDb250ZW50IjpbIi8qIEJhZGdlIHN0eWxpbmcgZm9yIHVucmVhZCBjb3VudCAqL1xuOnJvb3Qge1xuXHQtLWJhZGdlLWJnLWNvbG9yOiAjNTk3ZGI0OyAvKiBDT0xPVVJfQlJBTkRJTkdfT0ZGICovXG59XG5cbi5iYWRnZVRhZyB7XG5cdGZvbnQtc2l6ZTogMTFweDtcblx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0cGFkZGluZzogM3B4IDEwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKSAhaW1wb3J0YW50O1xuXHRjb2xvcjogI2ZmZiAhaW1wb3J0YW50O1xuXHRib3JkZXItcmFkaXVzOiA5OTlweCAhaW1wb3J0YW50O1xuXHRib3JkZXI6IG5vbmUgIWltcG9ydGFudDtcblx0ZGlzcGxheTogaW5saW5lLWZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRsaW5lLWhlaWdodDogMTtcblx0bGV0dGVyLXNwYWNpbmc6IDAuMDJlbTtcbn1cblxuLyogVW5yZWFkIGZpbHRlciBpbmZvIGJhbm5lciAqL1xuLnVucmVhZEZpbHRlckJhbm5lciB7XG5cdGJhY2tncm91bmQtY29sb3I6ICNmMGY0Zjg7XG5cdGJvcmRlci1sZWZ0OiAzcHggc29saWQgdmFyKC0tYmFkZ2UtYmctY29sb3IpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDEycHggMTZweDtcblx0bWFyZ2luLXRvcDogMTZweDtcblx0bWFyZ2luLWJvdHRvbTogMTZweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cblxuLnVucmVhZEZpbHRlckNvbnRlbnQge1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDEwcHg7XG5cdHdpZHRoOiAxMDAlO1xufVxuXG4udW5yZWFkRmlsdGVySWNvbiB7XG5cdGZvbnQtc2l6ZTogMTZweDtcblx0Y29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0ZmxleC1zaHJpbms6IDA7XG59XG5cbi51bnJlYWRGaWx0ZXJUZXh0IHtcblx0Zm9udC1zaXplOiAxNHB4O1xuXHRsaW5lLWhlaWdodDogMS41O1xuXHRjb2xvcjogIzMzMzMzMztcbn1cblxuLnVucmVhZEZpbHRlckJ1dHRvbiB7XG5cdGJhY2tncm91bmQ6IG5vbmU7XG5cdGJvcmRlcjogbm9uZTtcblx0Y29sb3I6IHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0Zm9udC1zaXplOiAxNHB4O1xuXHRmb250LXdlaWdodDogNTAwO1xuXHR0ZXh0LWRlY29yYXRpb246IHVuZGVybGluZTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXHRtYXJnaW4tbGVmdDogNHB4O1xuXHRtaW4taGVpZ2h0OiAzMnB4O1xuXHRtaW4td2lkdGg6IDMycHg7XG5cdHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG59XG5cbi51bnJlYWRGaWx0ZXJCdXR0b246aG92ZXIge1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDg5LCAxMjUsIDE4MCwgMC4xKTtcblx0dGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuXG4udW5yZWFkRmlsdGVyQnV0dG9uOmZvY3VzIHtcblx0b3V0bGluZTogMnB4IHNvbGlkIHZhcigtLWJhZGdlLWJnLWNvbG9yKTtcblx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0Ym9yZGVyLXJhZGl1czogMnB4O1xufVxuXG4vKiBNb2JpbGUgcmVzcG9uc2l2ZW5lc3MgKi9cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuXHQudW5yZWFkRmlsdGVyQmFubmVyIHtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdHBhZGRpbmc6IDEycHg7XG5cdH1cblxuXHQudW5yZWFkRmlsdGVyQ29udGVudCB7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRnYXA6IDhweDtcblx0fVxuXG5cdC51bnJlYWRGaWx0ZXJUZXh0IHtcblx0XHRmb250LXNpemU6IDEzcHg7XG5cdH1cbn1cbiJdfQ== */";
 n(css,{});
 
-var {
+const {
   Components: Components$4,
   Session: Session$3,
-  Helper: Helper$2
+  Helper: Helper$3
 } = PlussCore;
 class Circles extends Component {
   constructor(props) {
-    var _this;
     super(props);
-    _this = this;
     _defineProperty(this, "getData", () => {
-      var {
+      const {
         auth
       } = this.props;
       this.setState({
         loadingAll: true
-      }, /*#__PURE__*/_asyncToGenerator(function* () {
+      }, async () => {
         try {
-          var res = yield circleActions.getAll(auth.site);
+          const res = await circleActions.getAll(auth.site);
           console.log("getData", res.data);
-          _this.props.circlesLoaded(res.data);
-          _this.setState({
+          this.props.circlesLoaded(res.data);
+          this.setState({
             loadingAll: false
           });
         } catch (error) {
           console.error("getData", error);
-          _this.setState({
+          this.setState({
             loadingAll: false
           });
         }
-      }));
+      });
     });
     _defineProperty(this, "selectUnreadFilter", showUnreadOnly => {
       this.setState({
@@ -360,13 +332,13 @@ class Circles extends Component {
       });
     });
     _defineProperty(this, "canAddNew", () => {
-      var {
+      const {
         auth
       } = this.props;
       return Session$3.validateAccess(auth.site, values.permission, auth);
     });
     _defineProperty(this, "onAddNew", () => {
-      var {
+      const {
         auth
       } = this.props;
       if (Session$3.validateAccess(auth.site, values.permission, auth)) {
@@ -471,21 +443,21 @@ class Circles extends Component {
     }
   }
   isCircleUnread(circle) {
-    var userId = this.props.user.Id;
+    const userId = this.props.user.Id;
     if (!circle.Unread || !circle.Unread[userId]) {
       return false;
     }
     return circle.Unread[userId] > 0;
   }
   getUnreadCount(circle) {
-    var userId = this.props.user.Id;
+    const userId = this.props.user.Id;
     if (!circle.Unread || !circle.Unread[userId]) {
       return 0;
     }
     return circle.Unread[userId];
   }
   getCircles() {
-    var result = this.props.circles;
+    let result = this.props.circles;
     if (this.state.selectedTypeFilter) {
       result = _.filter(result, circle => {
         return this.state.selectedTypeFilter === "circle" ? !circle.IsPrivate : circle.IsPrivate;
@@ -513,7 +485,7 @@ class Circles extends Component {
     return result;
   }
   getUsers() {
-    var users = [];
+    let users = [];
     this.props.circles.forEach(circle => {
       circle.Audience.forEach(user => {
         users.push(user);
@@ -541,9 +513,9 @@ class Circles extends Component {
     });
   }
   renderRow(circle) {
-    var unreadCount = this.getUnreadCount(circle);
-    var badge = unreadCount > 0 ? /*#__PURE__*/jsx(Components$4.Tag, {
-      className: modules_208c68ad.badgeTag,
+    const unreadCount = this.getUnreadCount(circle);
+    const badge = unreadCount > 0 ? /*#__PURE__*/jsx(Components$4.Tag, {
+      className: css.badgeTag,
       text: "".concat(unreadCount, " new")
     }) : null;
     return /*#__PURE__*/jsxs("tr", {
@@ -551,7 +523,7 @@ class Circles extends Component {
         className: "table-TitleColumn",
         children: /*#__PURE__*/jsxs("div", {
           className: "flex flex-center",
-          style: {
+          iconStyle: {
             gap: "8px"
           },
           children: [/*#__PURE__*/jsx(Link, {
@@ -573,14 +545,14 @@ class Circles extends Component {
       }), /*#__PURE__*/jsx("td", {
         className: "table-options",
         children: /*#__PURE__*/jsxs("div", {
-          style: {
+          iconStyle: {
             display: "flex",
             alignItems: "center"
           },
           children: [this.validateCircleAdmin(circle) && !circle.IsPrivate && /*#__PURE__*/jsx(Link, {
             to: "/".concat(values.featureKey, "/edit/").concat(circle.Id),
             children: /*#__PURE__*/jsx(Icon, {
-              style: {
+              iconStyle: {
                 fontSize: 20,
                 padding: 5,
                 marginLeft: 12,
@@ -593,7 +565,7 @@ class Circles extends Component {
               this.removeCircle(circle);
             },
             children: /*#__PURE__*/jsx(Icon, {
-              style: {
+              iconStyle: {
                 fontSize: 20,
                 padding: 5,
                 marginLeft: 12,
@@ -607,23 +579,23 @@ class Circles extends Component {
     }, circle.Id);
   }
   renderUnreadFilterInfo() {
-    var {
+    const {
       showUnreadOnly
     } = this.state;
     if (!showUnreadOnly) {
       return null;
     }
     return /*#__PURE__*/jsx("div", {
-      className: modules_208c68ad.unreadFilterBanner,
+      className: css.unreadFilterBanner,
       children: /*#__PURE__*/jsxs("div", {
-        className: modules_208c68ad.unreadFilterContent,
+        className: css.unreadFilterContent,
         children: [/*#__PURE__*/jsx(Icon, {
           icon: "circle-info",
-          className: modules_208c68ad.unreadFilterIcon
+          className: css.unreadFilterIcon
         }), /*#__PURE__*/jsxs("span", {
-          className: modules_208c68ad.unreadFilterText,
+          className: css.unreadFilterText,
           children: ["Showing only items with new messages.", " ", /*#__PURE__*/jsx("button", {
-            className: modules_208c68ad.unreadFilterButton,
+            className: css.unreadFilterButton,
             onClick: () => this.selectUnreadFilter(false),
             "aria-label": "Turn off unread filter",
             children: "Turn off filter"
@@ -633,18 +605,18 @@ class Circles extends Component {
     });
   }
   renderFilters() {
-    var userFilter = /*#__PURE__*/jsx(Components$4.Tag, {
+    let userFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: this.openUserFilter,
       text: "User"
     });
-    var unreadFilter = /*#__PURE__*/jsx(Components$4.Tag, {
+    let unreadFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: () => this.selectUnreadFilter(!this.state.showUnreadOnly),
       leftIcon: this.state.showUnreadOnly ? "check" : null,
       text: "Unread Only"
     });
-    var typeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
+    let typeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: this.openTypeFilter,
       text: "Type"
@@ -777,7 +749,7 @@ class Circles extends Component {
               }), /*#__PURE__*/jsx("th", {
                 children: "Members"
               }), /*#__PURE__*/jsx("th", {
-                style: {
+                iconStyle: {
                   width: 50
                 }
               })]
@@ -792,17 +764,17 @@ class Circles extends Component {
     });
   }
 }
-var mapStateToProps$3 = state => {
-  var {
+const mapStateToProps$3 = state => {
+  const {
     circles
   } = state[values.reducerKey];
-  var {
+  const {
     auth
   } = state;
   return {
     circles,
     auth,
-    user: Helper$2.getUserFromState(state)
+    user: Helper$3.getUserFromState(state)
   };
 };
 var Circles$1 = connect(mapStateToProps$3, {
@@ -810,21 +782,19 @@ var Circles$1 = connect(mapStateToProps$3, {
   circleRemoved
 })(Circles);
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var {
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const {
   Actions: Actions$1,
   Components: Components$3,
   Session: Session$2,
   Apis,
-  Colours: Colours$2,
-  Helper: Helper$1
+  Colours: Colours$3,
+  Helper: Helper$2
 } = PlussCore;
 class AddCircle extends Component {
   constructor(props) {
-    var _this;
     super(props);
-    _this = this;
     _defineProperty(this, "getUsers", () => {
       Apis.userActions.fetchUsers(this.props.auth.site).then(res => {
         this.setState({
@@ -838,7 +808,7 @@ class AddCircle extends Component {
             users: _.sortBy(res.data.results.Items, u => {
               return (u.displayName || "").toLowerCase();
             }).map(u => {
-              return _objectSpread$4(_objectSpread$4({}, u), {}, {
+              return _objectSpread$5(_objectSpread$5({}, u), {}, {
                 userId: u.userId || u.Id
               });
             })
@@ -864,7 +834,7 @@ class AddCircle extends Component {
       });
     });
     _defineProperty(this, "parseCircle", circle => {
-      var selectedUsers = circle.Audience.map(user => {
+      const selectedUsers = circle.Audience.map(user => {
         return {
           userId: user.userId,
           profilePic: user.profilePic,
@@ -872,7 +842,7 @@ class AddCircle extends Component {
           isAdmin: user.isAdmin
         };
       });
-      var newState = {
+      const newState = {
         title: circle.Title,
         isPublic: !!circle.IsPublic,
         selectedUsers
@@ -889,31 +859,31 @@ class AddCircle extends Component {
       if (this.state.circle) {
         return this.parseCircle(this.state.circle);
       }
-      var {
+      const {
         auth
       } = this.props;
       this.setState({
         loadingAll: true
-      }, /*#__PURE__*/_asyncToGenerator(function* () {
+      }, async () => {
         try {
-          var res = yield circleActions.getAll(auth.site);
+          const res = await circleActions.getAll(auth.site);
           console.log("getData", res.data);
-          var circle = _.find(res.data, c => {
-            return c.Id === _this.state.circleId;
+          const circle = _.find(res.data, c => {
+            return c.Id === this.state.circleId;
           });
-          _this.props.circlesLoaded(res.data);
-          _this.setState({
+          this.props.circlesLoaded(res.data);
+          this.setState({
             loadingAll: false,
             circle
           });
-          _this.parseCircle(circle);
+          this.parseCircle(circle);
         } catch (error) {
           console.error("getData", error);
-          _this.setState({
+          this.setState({
             loadingAll: false
           });
         }
-      }));
+      });
     });
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
@@ -931,7 +901,7 @@ class AddCircle extends Component {
       });
     });
     _defineProperty(this, "onSelectUser", user => {
-      var newState = {
+      const newState = {
         selectedUsers: _.xor(this.state.selectedUsers, [user])
       };
       if (_.isEmpty(this.state.title) && _.includes(newState.selectedUsers, user)) {
@@ -953,7 +923,7 @@ class AddCircle extends Component {
       this.setState({
         updating: true
       });
-      var audience = this.state.selectedUsers.map(user => {
+      const audience = this.state.selectedUsers.map(user => {
         return {
           userId: user.userId,
           profilePic: user.profilePic,
@@ -1005,7 +975,7 @@ class AddCircle extends Component {
         selectedUsers: [...this.state.selectedUsers]
       });
     });
-    var circleId = Helper$1.safeReadParams(props, "circleId");
+    const circleId = Helper$2.safeReadParams(props, "circleId");
     this.state = {
       circleId,
       circle: _.find(props.circles, c => {
@@ -1113,7 +1083,7 @@ class AddCircle extends Component {
         }]
       }), /*#__PURE__*/jsx("div", {
         className: "genericInput-help",
-        style: {
+        iconStyle: {
           marginTop: 4
         },
         children: "This will allow anyone in the community to view and join the ".concat(values.entityName, ".")
@@ -1131,7 +1101,7 @@ class AddCircle extends Component {
     });
   }
   renderOptionsSection() {
-    var options = [{
+    let options = [{
       key: "visibility",
       icon: "people3",
       text: "Visibility"
@@ -1162,8 +1132,8 @@ class AddCircle extends Component {
         }), /*#__PURE__*/jsxs("div", {
           className: "flex flex-reverse",
           children: [/*#__PURE__*/jsx(Components$3.ImageInput, {
-            ref: _ref2 => {
-              this.imageInput = _ref2;
+            ref: ref => {
+              this.imageInput = ref;
             },
             label: "IMAGE",
             limit: 1,
@@ -1231,10 +1201,10 @@ class AddCircle extends Component {
                 user: user,
                 rightContent: /*#__PURE__*/jsxs("div", {
                   className: "flex flex-reverse flex-center",
-                  children: [/*#__PURE__*/jsx(Icon, {
+                  children: [/*#__PURE__*/jsx(Components$3.Icon, {
                     className: "removeIcon marginLeft-8",
                     icon: "xmark",
-                    colour: Colours$2.COLOUR_DUSK,
+                    colour: Colours$3.COLOUR_DUSK,
                     onClick: () => {
                       this.onSelectUser(user);
                     }
@@ -1260,7 +1230,7 @@ class AddCircle extends Component {
     });
   }
   render() {
-    var {
+    const {
       success
     } = this.state;
     return /*#__PURE__*/jsxs(Components$3.OverlayPage, {
@@ -1278,17 +1248,17 @@ class AddCircle extends Component {
     });
   }
 }
-var mapStateToProps$2 = state => {
-  var {
+const mapStateToProps$2 = state => {
+  const {
     circles
   } = state[values.reducerKey];
-  var {
+  const {
     auth
   } = state;
   return {
     circles,
     auth,
-    circleAllowPublicCircles: Helper$1.getSiteSettingFromState(state, values.allowPublicKey)
+    circleAllowPublicCircles: Helper$2.getSiteSettingFromState(state, values.allowPublicKey)
   };
 };
 var AddCircle$1 = connect(mapStateToProps$2, {
@@ -1297,20 +1267,18 @@ var AddCircle$1 = connect(mapStateToProps$2, {
   addRecentlyCreated: Actions$1.addRecentlyCreated
 })(withRouter(AddCircle));
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var {
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const {
   Components: Components$2,
-  Helper,
+  Helper: Helper$1,
   Actions,
   Session: Session$1,
-  Colours: Colours$1
+  Colours: Colours$2
 } = PlussCore;
 class Circle extends Component {
   constructor(props) {
-    var _this;
     super(props);
-    _this = this;
     _defineProperty(this, "getFiles", () => {
       circleActions.getFiles(this.state.circleId).then(res => {
         this.setState({
@@ -1327,30 +1295,30 @@ class Circle extends Component {
       if (this.state.circle) {
         return;
       }
-      var {
+      const {
         auth
       } = this.props;
       this.setState({
         loadingAll: true
-      }, /*#__PURE__*/_asyncToGenerator(function* () {
+      }, async () => {
         try {
-          var res = yield circleActions.getAll(auth.site);
+          const res = await circleActions.getAll(auth.site);
           console.log("getData", res.data);
-          var circle = _.find(res.data, c => {
-            return c.Id === _this.state.circleId;
+          const circle = _.find(res.data, c => {
+            return c.Id === this.state.circleId;
           });
-          _this.props.circlesLoaded(res.data);
-          _this.setState({
+          this.props.circlesLoaded(res.data);
+          this.setState({
             loadingAll: false,
             circle
           });
         } catch (error) {
           console.error("getData", error);
-          _this.setState({
+          this.setState({
             loadingAll: false
           });
         }
-      }));
+      });
     });
     _defineProperty(this, "connect", () => {
       this.getMessages();
@@ -1359,28 +1327,18 @@ class Circle extends Component {
     _defineProperty(this, "disconnect", () => {
       clearInterval(this.interval);
     });
-    _defineProperty(this, "getDateMessages", /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* (date) {
-        var startOf = moment(date, "YYYY-MM-DD").startOf("d");
-        var endOf = moment(date, "YYYY-MM-DD").endOf("d");
-        var res = yield circleActions.getMessages(_this.state.circleId, 10000, startOf.valueOf(), endOf.valueOf());
-        _this.mergeMessages(res.data);
-      });
-      return function (_x) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    _defineProperty(this, "getMessages", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(function* (excludePending) {
-        var res = yield circleActions.getMessages(_this.state.circleId, 50, _this.getMaxTime() + 1);
-        _this.mergeMessages(res.data, excludePending);
-      });
-      return function (_x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
+    _defineProperty(this, "getDateMessages", async date => {
+      const startOf = moment(date, "YYYY-MM-DD").startOf("d");
+      const endOf = moment(date, "YYYY-MM-DD").endOf("d");
+      const res = await circleActions.getMessages(this.state.circleId, 10000, startOf.valueOf(), endOf.valueOf());
+      this.mergeMessages(res.data);
+    });
+    _defineProperty(this, "getMessages", async excludePending => {
+      const res = await circleActions.getMessages(this.state.circleId, 50, this.getMaxTime() + 1);
+      this.mergeMessages(res.data, excludePending);
+    });
     _defineProperty(this, "getTitle", () => {
-      var {
+      const {
         circle
       } = this.state;
       if (!circle) {
@@ -1429,7 +1387,7 @@ class Circle extends Component {
         replyingTo: m
       });
       if (m) {
-        var input = document.getElementById("messageInput");
+        const input = document.getElementById("messageInput");
         if (input) input.focus();
       }
     });
@@ -1478,66 +1436,66 @@ class Circle extends Component {
         messageToDelete: message
       });
     });
-    _defineProperty(this, "onConfirmDelete", /*#__PURE__*/_asyncToGenerator(function* () {
-      var {
+    _defineProperty(this, "onConfirmDelete", async () => {
+      const {
         messageToDelete
-      } = _this.state;
+      } = this.state;
       if (!messageToDelete) return;
 
       // Optimistically update UI - mark as deleted immediately
-      var updatedMessages = _this.state.messages.map(m => {
+      const updatedMessages = this.state.messages.map(m => {
         if (m._id === messageToDelete._id) {
-          return _objectSpread$3(_objectSpread$3({}, m), {}, {
+          return _objectSpread$4(_objectSpread$4({}, m), {}, {
             deleted: true,
             text: " "
           });
         }
         return m;
       });
-      _this.setState({
+      this.setState({
         messages: updatedMessages,
         showDeleteConfirm: false,
         deletingMessageId: messageToDelete._id,
         messageToDelete: null
       });
       try {
-        yield circleActions.deleteMessage(messageToDelete._id, _this.state.circleId);
+        await circleActions.deleteMessage(messageToDelete._id, this.state.circleId);
         // Message already marked as deleted, just clear the deleting state
-        _this.setState({
+        this.setState({
           deletingMessageId: null
         });
       } catch (error) {
         console.error("Failed to delete message:", error);
         // Revert the optimistic update on failure
-        var revertedMessages = _this.state.messages.map(m => {
+        const revertedMessages = this.state.messages.map(m => {
           if (m._id === messageToDelete._id) {
             return messageToDelete;
           }
           return m;
         });
-        _this.setState({
+        this.setState({
           messages: revertedMessages,
           deletingMessageId: null
         });
         alert("Failed to delete message. Please try again.");
       }
-    }));
+    });
     _defineProperty(this, "onCancelDelete", () => {
       this.setState({
         showDeleteConfirm: false,
         messageToDelete: null
       });
     });
-    _defineProperty(this, "markCircleAsRead", /*#__PURE__*/_asyncToGenerator(function* () {
+    _defineProperty(this, "markCircleAsRead", async () => {
       try {
-        yield circleActions.markAsRead(_this.state.circleId, _this.props.user.Id);
+        await circleActions.markAsRead(this.state.circleId, this.props.user.Id);
       } catch (error) {
         console.error("Failed to mark circle as read:", error);
       }
-    }));
+    });
     _defineProperty(this, "sendMessage", () => {
-      var message = {
-        _id: Helper.randomString(),
+      const message = {
+        _id: Helper$1.randomString(),
         text: this.state.messageInput,
         user: {
           _id: this.props.user.Id,
@@ -1557,7 +1515,7 @@ class Circle extends Component {
       if (this.state.replyingTo) {
         message.replyingTo = this.state.replyingTo;
       }
-      var clonedMessage = _.cloneDeep(message);
+      const clonedMessage = _.cloneDeep(message);
       clonedMessage.uploading = true;
       circleActions.sendMessage(this.state.circleId, message).then(res => {
         Object.keys(res.data).forEach(key => {
@@ -1581,7 +1539,7 @@ class Circle extends Component {
         this.fileInput && this.fileInput.setValue(null);
       }, 100);
     });
-    var circleId = Helper.safeReadParams(props, "circleId");
+    const circleId = Helper$1.safeReadParams(props, "circleId");
     this.state = {
       circleId,
       circle: _.find(props.circles, c => {
@@ -1619,13 +1577,13 @@ class Circle extends Component {
   }
   scrollToBottom() {
     if (!this.chat) return;
-    var scrollHeight = this.chat.scrollHeight;
-    var height = this.chat.clientHeight;
-    var maxScrollTop = scrollHeight - height;
+    const scrollHeight = this.chat.scrollHeight;
+    const height = this.chat.clientHeight;
+    const maxScrollTop = scrollHeight - height;
     this.chat.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0;
   }
   mergeMessages(receivedMessages, excludePending) {
-    var newMessages = _.sortBy(_.concat(this.state.messages, receivedMessages), "createdAt");
+    const newMessages = _.sortBy(_.concat(this.state.messages, receivedMessages), "createdAt");
     this.setState({
       messages: _.filter(_.uniqBy(newMessages, m => {
         return m._id;
@@ -1640,7 +1598,7 @@ class Circle extends Component {
     }
   }
   getMaxTime() {
-    var maxMessage = _.maxBy(this.state.messages, m => {
+    const maxMessage = _.maxBy(this.state.messages, m => {
       return m.createdAt;
     });
     if (maxMessage) {
@@ -1654,7 +1612,7 @@ class Circle extends Component {
     };
   }
   isMember() {
-    var audience = this.getCircle().Audience || [];
+    const audience = this.getCircle().Audience || [];
     return _.some(audience, u => {
       return u.userId === this.props.user.Id;
     });
@@ -1711,8 +1669,8 @@ class Circle extends Component {
             display: this.state.imageInputShowing ? "block" : "none"
           },
           children: /*#__PURE__*/jsx(Components$2.ImageInput, {
-            ref: _ref6 => {
-              this.imageInput = _ref6;
+            ref: ref => {
+              this.imageInput = ref;
             },
             multiple: true,
             limit: 10,
@@ -1727,8 +1685,8 @@ class Circle extends Component {
             display: this.state.fileInputShowing ? "block" : "none"
           },
           children: /*#__PURE__*/jsx(Components$2.FileInput, {
-            ref: _ref7 => {
-              this.fileInput = _ref7;
+            ref: ref => {
+              this.fileInput = ref;
             },
             multiple: true,
             limit: 10,
@@ -1752,9 +1710,9 @@ class Circle extends Component {
         })
       }, m._id);
     }
-    var isSelf = m.user._id === this.props.user.Id;
-    var isDeleted = m.deleted === true;
-    var isDeleting = this.state.deletingMessageId === m._id;
+    const isSelf = m.user._id === this.props.user.Id;
+    const isDeleted = m.deleted === true;
+    const isDeleting = this.state.deletingMessageId === m._id;
     return /*#__PURE__*/jsxs("div", {
       className: "message".concat(isSelf ? " message-self" : "").concat(m.uploading ? " message-uploading" : "").concat(isDeleting ? " message-deleting" : ""),
       children: [/*#__PURE__*/jsx(Components$2.Text, {
@@ -1778,14 +1736,14 @@ class Circle extends Component {
             children: /*#__PURE__*/jsx(Components$2.Text, {
               type: "body",
               className: "message_text",
-              children: Helper.toParagraphed((m.replyingTo.text || "").substr(0, 100))
+              children: Helper$1.toParagraphed((m.replyingTo.text || "").substr(0, 100))
             })
           }), /*#__PURE__*/jsxs("div", {
             className: "message_bubble",
             children: [/*#__PURE__*/jsx(Components$2.Text, {
               type: "body",
               className: "message_text",
-              children: isDeleted ? "[Message deleted]" : Helper.toParagraphed(m.text)
+              children: isDeleted ? "[Message deleted]" : Helper$1.toParagraphed(m.text)
             }), !isDeleted && /*#__PURE__*/jsxs(Fragment, {
               children: [/*#__PURE__*/jsx("div", {
                 children: (m.image || []).map((url, i) => {
@@ -1795,7 +1753,7 @@ class Circle extends Component {
                     children: /*#__PURE__*/jsx("img", {
                       className: "message_image",
                       src: url,
-                      alt: Helper.getFileName(url)
+                      alt: Helper$1.getFileName(url)
                     })
                   }, i);
                 })
@@ -1856,7 +1814,7 @@ class Circle extends Component {
     });
   }
   renderSideBar() {
-    var members = this.getCircle().Audience || [];
+    const members = this.getCircle().Audience || [];
     return /*#__PURE__*/jsxs("div", {
       className: "chat_sideBar",
       children: [/*#__PURE__*/jsxs("div", {
@@ -1871,7 +1829,7 @@ class Circle extends Component {
             className: "flex-1",
             children: /*#__PURE__*/jsxs(Components$2.Text, {
               type: "formTitleMedium",
-              children: ["Member", Helper.getPluralS(members.length), " (", members.length, ")"]
+              children: ["Member", Helper$1.getPluralS(members.length), " (", members.length, ")"]
             })
           })]
         }), this.state.membersExpanded && /*#__PURE__*/jsx("div", {
@@ -1894,7 +1852,7 @@ class Circle extends Component {
             className: "flex-1",
             children: /*#__PURE__*/jsxs(Components$2.Text, {
               type: "formTitleMedium",
-              children: ["Image", Helper.getPluralS(this.state.images.length), " (", this.state.images.length, ")"]
+              children: ["Image", Helper$1.getPluralS(this.state.images.length), " (", this.state.images.length, ")"]
             })
           })]
         }), this.state.imagesExpanded && /*#__PURE__*/jsx("div", {
@@ -1906,7 +1864,7 @@ class Circle extends Component {
               children: /*#__PURE__*/jsx("img", {
                 src: image.Url,
                 className: "chat_section_image",
-                alt: Helper.getFileName(image.Url)
+                alt: Helper$1.getFileName(image.Url)
               })
             });
           })
@@ -1923,7 +1881,7 @@ class Circle extends Component {
             className: "flex-1",
             children: /*#__PURE__*/jsxs(Components$2.Text, {
               type: "formTitleMedium",
-              children: ["File", Helper.getPluralS(this.state.files.length), " (", this.state.files.length, ")"]
+              children: ["File", Helper$1.getPluralS(this.state.files.length), " (", this.state.files.length, ")"]
             })
           })]
         }), this.state.filesExpanded && /*#__PURE__*/jsx("div", {
@@ -1941,7 +1899,7 @@ class Circle extends Component {
     if (!this.state.replyingTo) {
       return null;
     }
-    var m = this.state.replyingTo;
+    const m = this.state.replyingTo;
     return /*#__PURE__*/jsxs("div", {
       className: "chat_replyTo",
       children: [/*#__PURE__*/jsxs("div", {
@@ -1955,13 +1913,13 @@ class Circle extends Component {
         })]
       }), /*#__PURE__*/jsx("div", {
         className: "chat_replyTo_remove",
-        children: /*#__PURE__*/jsx(Icon, {
+        children: /*#__PURE__*/jsx(Components$2.Icon, {
           className: "removeIcon",
           icon: "xmark",
           onClick: () => {
             this.onReply(null);
           },
-          colour: Colours$1.COLOUR_DUSK
+          colour: Colours$2.COLOUR_DUSK
         })
       })]
     });
@@ -2031,8 +1989,8 @@ class Circle extends Component {
                   onClick: () => this.setState({
                     showMessageDate: !this.state.showMessageDate
                   }),
-                  rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/jsx(Icon, {
-                    colour: Colours$1.COLOUR_DUSK_LIGHT,
+                  rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/jsx(Components$2.Icon, {
+                    colour: Colours$2.COLOUR_DUSK_LIGHT,
                     icon: "xmark",
                     className: "timepicker_clear",
                     onClick: this.onClearDate
@@ -2050,7 +2008,7 @@ class Circle extends Component {
               className: "chat_newMessage",
               children: this.renderChatInput()
             }), this.renderReplyTo(), /*#__PURE__*/jsxs("div", {
-              ref: _ref8 => this.chat = _ref8,
+              ref: ref => this.chat = ref,
               className: "chat_messages",
               children: [_.isEmpty(this.state.messages) && !_.isEmpty(this.state.messageDate) && this.renderEmptyDate(), this.state.messages.map(m => {
                 return this.renderMessage(m);
@@ -2062,17 +2020,17 @@ class Circle extends Component {
     });
   }
 }
-var mapStateToProps$1 = state => {
-  var {
+const mapStateToProps$1 = state => {
+  const {
     circles
   } = state[values.reducerKey];
-  var {
+  const {
     auth
   } = state;
   return {
     circles,
     auth,
-    user: Helper.getUserFromState(state)
+    user: Helper$1.getUserFromState(state)
   };
 };
 var Circle$1 = connect(mapStateToProps$1, {
@@ -2080,12 +2038,16 @@ var Circle$1 = connect(mapStateToProps$1, {
   setNavData: Actions.setNavData
 })(Circle);
 
-var {
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+const {
   Analytics: Analytics$1,
   Session,
-  Components: Components$1
+  Components: Components$1,
+  Helper,
+  Colours: Colours$1
 } = PlussCore;
-var getInitialState = () => ({
+const getInitialState = () => ({
   isLoading: true,
   messages: 0,
   prevMessages: 0,
@@ -2102,31 +2064,48 @@ var getInitialState = () => ({
 });
 
 // AnalyticsHub Component
-var AnalyticsHub = _ref => {
-  var {
+const AnalyticsHub = _ref => {
+  let {
     startTime,
     endTime,
     auth,
     prevText,
     dayCount,
-    strings
+    strings,
+    userType,
+    userCategory,
+    selectedSites
   } = _ref;
-  var [analyticsData, setAnalyticsData] = useState(getInitialState());
-  var [isExportOpen, setIsExportOpen] = useState(false);
-  var hasAccess = Session.validateAccess(auth.site, values.permissionNewsletter, auth);
+  const [analyticsData, setAnalyticsData] = useState(getInitialState());
+  const [isExportOpen, setIsExportOpen] = useState(false);
+  const [failedSites, setFailedSites] = useState([]);
+  const [comparisonData, setComparisonData] = useState({
+    messages: [],
+    staffMessages: [],
+    residentMessages: [],
+    groupMessages: [],
+    privateMessages: [],
+    activeGroups: [],
+    isLoading: true
+  });
+  const comparisonMode = selectedSites && selectedSites.length > 1;
+  const hasAccess = Session.validateAccess(auth.site, values.permissionNewsletter, auth);
   if (!hasAccess) {
     return null;
   }
-  var featureTitle = (key => {
+  const featureTitle = (key => {
     if (!strings || !strings.sideNav || !strings.sideNav[key]) {
       return values.textFeatureTitle;
     }
     return strings.sideNav[key];
   })();
-  var exportColumns = [{
+  const exportColumns = [{
     label: "Select All",
     key: ""
-  }, {
+  }, ...(comparisonMode ? [{
+    label: "Site",
+    key: "site"
+  }] : []), {
     label: "Start Date",
     key: "startDate"
   }, {
@@ -2153,40 +2132,119 @@ var AnalyticsHub = _ref => {
   }];
   useEffect(() => {
     getData();
-  }, [startTime, endTime]);
-  var getData = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(function* () {
-      setAnalyticsData(getInitialState());
-      // Load analytics data here using startTime and endTime
-      var timeDifference = endTime - startTime;
-      var [currentStatsResponse, prevStatsResponse] = yield Promise.all([analyticsActions.getAggregateEntityStats(auth.site, values.entityKey, startTime, endTime, true), analyticsActions.getAggregateEntityStats(auth.site, values.entityKey, startTime - timeDifference, startTime, true)]);
-      var data = {
-        messages: Analytics$1.countActivities(currentStatsResponse.data, "Message", "total"),
-        prevMessages: Analytics$1.countActivities(prevStatsResponse.data, "Message", "total"),
-        staffMessages: Analytics$1.countActivities(currentStatsResponse.data, "StaffMessage", "total"),
-        prevStaffMessages: Analytics$1.countActivities(prevStatsResponse.data, "StaffMessage", "total"),
-        residentMessages: Analytics$1.countActivities(currentStatsResponse.data, "ResidentMessage", "total"),
-        prevResidentMessages: Analytics$1.countActivities(prevStatsResponse.data, "ResidentMessage", "total"),
-        groupMessages: Analytics$1.countActivities(currentStatsResponse.data, "GroupMessage", "total"),
-        prevGroupMessages: Analytics$1.countActivities(prevStatsResponse.data, "GroupMessage", "total"),
-        privateMessages: Analytics$1.countActivities(currentStatsResponse.data, "PrivateMessage", "total"),
-        prevPrivateMessages: Analytics$1.countActivities(prevStatsResponse.data, "PrivateMessage", "total"),
-        activeGroups: Analytics$1.countActivities(currentStatsResponse.data, "GroupMessage", "unique"),
-        prevActiveGroups: Analytics$1.countActivities(prevStatsResponse.data, "GroupMessage", "unique"),
-        // uniquePageView: Analytics.countActivities(currentStatsResponse.data, 'UniquePageView', 'uniquearray'),
-        // prevUniquePageView: Analytics.countActivities(prevStatsResponse.data, 'UniquePageView', 'uniquearray'),
-        isLoading: false
-      };
-      setAnalyticsData(data);
-    });
-    return function getData() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var isReadyToOpenCSV = () => {
-    return !analyticsData.isLoading;
+  }, [startTime, endTime, userType, userCategory, selectedSites]);
+  const getData = async () => {
+    try {
+      setFailedSites([]);
+      if (comparisonMode) {
+        setComparisonData({
+          messages: [],
+          staffMessages: [],
+          residentMessages: [],
+          groupMessages: [],
+          privateMessages: [],
+          activeGroups: [],
+          isLoading: true
+        });
+        const multiSiteResultsObj = await Analytics$1.fetchMultiSiteData(selectedSites, async site => {
+          const {
+            data
+          } = await analyticsActions.getAggregateEntityStats(site, values.entityKey, startTime, endTime, true, {
+            userType,
+            userCategory
+          });
+          return data;
+        });
+        const roles = auth.user.Roles;
+        const failed = Object.entries(multiSiteResultsObj).filter(_ref2 => {
+          let [, data] = _ref2;
+          return data === null;
+        }).map(_ref3 => {
+          let [site] = _ref3;
+          return Helper.getSiteNameFromRoles(site, roles);
+        });
+        setFailedSites(failed);
+        const multiSiteResults = Object.entries(multiSiteResultsObj).filter(_ref4 => {
+          let [, data] = _ref4;
+          return data !== null;
+        }).map(_ref5 => {
+          let [site, data] = _ref5;
+          return {
+            site,
+            data
+          };
+        });
+        const buildComparison = (activityKey, countType) => multiSiteResults.map(result => ({
+          name: Helper.getSiteNameFromRoles(result.site, roles),
+          value: Analytics$1.countActivities(result.data, activityKey, countType)
+        }));
+        setComparisonData({
+          messages: buildComparison("Message", "total"),
+          staffMessages: buildComparison("StaffMessage", "total"),
+          residentMessages: buildComparison("ResidentMessage", "total"),
+          groupMessages: buildComparison("GroupMessage", "total"),
+          privateMessages: buildComparison("PrivateMessage", "total"),
+          activeGroups: buildComparison("GroupMessage", "unique"),
+          isLoading: false
+        });
+      } else {
+        setAnalyticsData(getInitialState());
+        const site = selectedSites && selectedSites.length === 1 ? selectedSites[0] : auth.site;
+        const timeDifference = endTime - startTime;
+        const [currentStatsResponse, prevStatsResponse] = await Promise.all([analyticsActions.getAggregateEntityStats(site, values.entityKey, startTime, endTime, true, {
+          userType,
+          userCategory
+        }), analyticsActions.getAggregateEntityStats(site, values.entityKey, startTime - timeDifference, startTime, true, {
+          userType,
+          userCategory
+        })]);
+        const data = {
+          messages: Analytics$1.countActivities(currentStatsResponse.data, "Message", "total"),
+          prevMessages: Analytics$1.countActivities(prevStatsResponse.data, "Message", "total"),
+          staffMessages: Analytics$1.countActivities(currentStatsResponse.data, "StaffMessage", "total"),
+          prevStaffMessages: Analytics$1.countActivities(prevStatsResponse.data, "StaffMessage", "total"),
+          residentMessages: Analytics$1.countActivities(currentStatsResponse.data, "ResidentMessage", "total"),
+          prevResidentMessages: Analytics$1.countActivities(prevStatsResponse.data, "ResidentMessage", "total"),
+          groupMessages: Analytics$1.countActivities(currentStatsResponse.data, "GroupMessage", "total"),
+          prevGroupMessages: Analytics$1.countActivities(prevStatsResponse.data, "GroupMessage", "total"),
+          privateMessages: Analytics$1.countActivities(currentStatsResponse.data, "PrivateMessage", "total"),
+          prevPrivateMessages: Analytics$1.countActivities(prevStatsResponse.data, "PrivateMessage", "total"),
+          activeGroups: Analytics$1.countActivities(currentStatsResponse.data, "GroupMessage", "unique"),
+          prevActiveGroups: Analytics$1.countActivities(prevStatsResponse.data, "GroupMessage", "unique"),
+          isLoading: false
+        };
+        setAnalyticsData(data);
+      }
+    } catch (err) {
+      if (comparisonMode) {
+        setComparisonData(prev => _objectSpread$3(_objectSpread$3({}, prev), {}, {
+          isLoading: false
+        }));
+      } else {
+        setAnalyticsData(prev => _objectSpread$3(_objectSpread$3({}, prev), {}, {
+          isLoading: false
+        }));
+      }
+    }
   };
-  var getExportSource = () => {
+  const isReadyToOpenCSV = () => {
+    return comparisonMode ? !comparisonData.isLoading : !analyticsData.isLoading;
+  };
+  const getExportSource = () => {
+    if (comparisonMode) {
+      const sites = comparisonData.messages || [];
+      return sites.map((site, i) => ({
+        site: site.name,
+        startDate: moment(startTime + 1).format("D-MM-YYYY"),
+        endDate: moment(endTime).format("D-MM-YYYY"),
+        messages: site.value,
+        staffMessages: comparisonData.staffMessages[i] && comparisonData.staffMessages[i].value || 0,
+        residentMessages: comparisonData.residentMessages[i] && comparisonData.residentMessages[i].value || 0,
+        groupMessages: comparisonData.groupMessages[i] && comparisonData.groupMessages[i].value || 0,
+        privateMessages: comparisonData.privateMessages[i] && comparisonData.privateMessages[i].value || 0,
+        activeGroups: comparisonData.activeGroups[i] && comparisonData.activeGroups[i].value || 0
+      }));
+    }
     return [{
       startDate: moment(startTime + 1).format("D-MM-YYYY"),
       endDate: moment(endTime).format("D-MM-YYYY"),
@@ -2198,18 +2256,19 @@ var AnalyticsHub = _ref => {
       activeGroups: analyticsData.activeGroups
     }];
   };
-  var csvPopup = () => {
+  const csvPopup = () => {
     if (!isExportOpen) {
       return null;
     }
-    var source = getExportSource();
+    const source = getExportSource();
+    const filterSuffix = [userType, userCategory].filter(Boolean).map(f => f.toLowerCase().replace(/\s+/g, "-")).join("_");
     return /*#__PURE__*/jsx(Components$1.ExportCsvPopup, {
       onClose: () => {
         setIsExportOpen(false);
       },
       columns: exportColumns,
       source: source,
-      filename: "".concat(values.analyticsKey, "analytics_").concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
+      filename: "".concat(values.analyticsKey, "analytics").concat(comparisonMode ? "_comparison" : "").concat(filterSuffix ? "_".concat(filterSuffix) : "", "_").concat(source[0].startDate, "_").concat(source[0].endDate, ".csv")
     });
   };
   return /*#__PURE__*/jsxs("div", {
@@ -2230,62 +2289,120 @@ var AnalyticsHub = _ref => {
         leftIcon: "file-code",
         children: "Export CSV"
       })]
-    }), /*#__PURE__*/jsxs("div", {
+    }), failedSites.length > 0 && /*#__PURE__*/jsxs(Components$1.Text, {
+      type: "help",
+      style: {
+        color: Colours$1.COLOUR_RED,
+        marginTop: 8
+      },
+      children: ["Data unavailable for: ", failedSites.join(", ")]
+    }), /*#__PURE__*/jsx("div", {
       className: "analyticsSection dashboardSection_content",
-      children: [/*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Groups with Messages",
-        icon: "user-group",
-        value: analyticsData.activeGroups,
-        previousValue: analyticsData.prevActiveGroups,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=unique&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      }), /*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Messages",
-        icon: "message",
-        value: analyticsData.messages,
-        previousValue: analyticsData.prevMessages,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Message&countType=total&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      }), /*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Messages by Staff",
-        icon: "user-tie",
-        value: analyticsData.staffMessages,
-        previousValue: analyticsData.prevStaffMessages,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=StaffMessage&countType=total&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      }), /*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Messages by Primary Users",
-        icon: "users",
-        value: analyticsData.residentMessages,
-        previousValue: analyticsData.prevResidentMessages,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=ResidentMessage&countType=total&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      }), /*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Group Messages",
-        icon: "users-rectangle",
-        value: analyticsData.groupMessages,
-        previousValue: analyticsData.prevGroupMessages,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=total&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      }), /*#__PURE__*/jsx(Components$1.StatBox, {
-        title: "Private Messages",
-        icon: "people-arrows",
-        value: analyticsData.privateMessages,
-        previousValue: analyticsData.prevPrivateMessages,
-        prevText: prevText,
-        viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=PrivateMessage&countType=total&dayCount=").concat(dayCount),
-        isLoading: analyticsData.isLoading
-      })]
+      children: (() => {
+        const chartSuffix = [selectedSites && selectedSites.length > 0 ? "&sites=".concat(selectedSites.join(",")) : "", userType ? "&userType=".concat(encodeURIComponent(userType)) : "", userCategory ? "&userCategory=".concat(encodeURIComponent(userCategory)) : ""].join("");
+        if (comparisonMode) {
+          return /*#__PURE__*/jsxs("div", {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              gap: 16
+            },
+            children: [/*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Groups with Messages",
+              data: comparisonData.activeGroups,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=unique&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            }), /*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Messages",
+              data: comparisonData.messages,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Message&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            }), /*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Messages by Staff",
+              data: comparisonData.staffMessages,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=StaffMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            }), /*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Messages by Primary Users",
+              data: comparisonData.residentMessages,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=ResidentMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            }), /*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Group Messages",
+              data: comparisonData.groupMessages,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            }), /*#__PURE__*/jsx(Components$1.ComparisonStatBox, {
+              title: "Private Messages",
+              data: comparisonData.privateMessages,
+              prevText: prevText,
+              viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=PrivateMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+              isLoading: comparisonData.isLoading
+            })]
+          });
+        }
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Groups with Messages",
+            icon: "user-group",
+            value: analyticsData.activeGroups,
+            previousValue: analyticsData.prevActiveGroups,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=unique&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          }), /*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Messages",
+            icon: "message",
+            value: analyticsData.messages,
+            previousValue: analyticsData.prevMessages,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=Message&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          }), /*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Messages by Staff",
+            icon: "user-tie",
+            value: analyticsData.staffMessages,
+            previousValue: analyticsData.prevStaffMessages,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=StaffMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          }), /*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Messages by Primary Users",
+            icon: "users",
+            value: analyticsData.residentMessages,
+            previousValue: analyticsData.prevResidentMessages,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=ResidentMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          }), /*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Group Messages",
+            icon: "users-rectangle",
+            value: analyticsData.groupMessages,
+            previousValue: analyticsData.prevGroupMessages,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=GroupMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          }), /*#__PURE__*/jsx(Components$1.StatBox, {
+            title: "Private Messages",
+            icon: "people-arrows",
+            value: analyticsData.privateMessages,
+            previousValue: analyticsData.prevPrivateMessages,
+            prevText: prevText,
+            viewGraphLink: "/chart?entity=".concat(values.entityKey, "&startTime=").concat(startTime, "&endTime=").concat(endTime, "&key=PrivateMessage&countType=total&dayCount=").concat(dayCount).concat(chartSuffix),
+            isLoading: analyticsData.isLoading
+          })]
+        });
+      })()
     })]
   });
 };
-var mapStateToProps = state => {
-  var {
+const mapStateToProps = state => {
+  const {
     auth
   } = state;
   return {
@@ -2293,16 +2410,16 @@ var mapStateToProps = state => {
     strings: state.strings && state.strings.config || {}
   };
 };
-var toExport = connect(mapStateToProps, {})(AnalyticsHub);
+const toExport = connect(mapStateToProps, {})(AnalyticsHub);
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var INITIAL_STATE = {
+const INITIAL_STATE = {
   circles: []
 };
 var CircleReducer = (function () {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case CIRCLES_LOADED:
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
@@ -2334,7 +2451,7 @@ class ViewWidget extends Component {
     });
   }
 }
-var styles$3 = {
+const styles$3 = {
   image: {
     width: 80
   }
@@ -2351,7 +2468,7 @@ class ViewFull extends Component {
     });
   }
 }
-var styles$2 = {
+const styles$2 = {
   image: {
     width: "100%",
     height: "100%",
@@ -2365,7 +2482,7 @@ function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 class PreviewWidget extends Component {
   render() {
-    var {
+    const {
       backgroundColor,
       widgetTitle,
       titleClassName
@@ -2386,7 +2503,7 @@ class PreviewWidget extends Component {
     });
   }
 }
-var styles$1 = {
+const styles$1 = {
   container: {
     position: "relative"
   },
@@ -2401,7 +2518,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 class PreviewFull extends Component {
   render() {
-    var {
+    const {
       backgroundColor,
       widgetTitle,
       titleClassName
@@ -2421,7 +2538,7 @@ class PreviewFull extends Component {
     });
   }
 }
-var styles = {
+const styles = {
   container: {
     position: "relative"
   },
@@ -2432,10 +2549,10 @@ var styles = {
 
 class PreviewGrid extends Component {
   render() {
-    var {
+    const {
       colour
     } = this.props;
-    var path = "M12.1875 0.9375C11.1548 0.9375 9.67896 1.25977 8.7616 1.87866C7.0166 1.94275 5.82275 3.16772 5.62683 5.11047C5.50781 6.30981 5.61768 7.16858 5.68909 7.73621C5.71472 7.93396 5.74219 8.15735 5.73303 8.22327C5.71838 8.31116 5.70374 8.39905 5.69092 8.48694C5.61401 8.4906 5.54626 8.50159 5.48584 8.51807C4.71313 8.72498 4.38904 9.85474 4.73511 11.1456C4.98596 12.0813 5.51147 12.7844 6.08643 13.0005C6.38306 13.9087 6.81885 14.8114 7.36084 15.6244L3.03955 18.1274C1.16455 19.2114 0 21.2329 0 23.399V26.7188C0 27.4933 0.631714 28.125 1.40625 28.125H19.519C20.6287 29.2786 22.1832 30 23.9062 30C27.2662 30 30 27.2662 30 23.9062C30 21.2402 28.2751 18.9734 25.8856 18.1494L21.8115 15.5127C22.4158 14.7931 22.9193 13.8977 23.2397 12.9419C23.6847 12.7478 24.0765 12.2168 24.267 11.4972C24.3823 11.0669 24.4061 10.6329 24.3311 10.274C24.2377 9.80896 23.9777 9.48669 23.6224 9.39148C23.5986 9.38416 23.573 9.37866 23.5455 9.375C23.4979 9.06738 23.4174 8.76709 23.2892 8.39905C23.3734 8.42102 23.465 8.45032 23.5437 8.48145C23.703 8.54919 23.8898 8.52173 24.0234 8.4082C24.1589 8.29651 24.2194 8.1189 24.1827 7.94861C23.606 5.31006 21.6467 3.73535 18.9441 3.73535H18.5962C18.5248 3.73535 18.446 3.74084 18.371 3.74634C17.1332 1.9519 15.1355 0.9375 12.6562 0.9375H12.1875ZM12.1875 1.875H12.6562C15.5017 1.875 17.5562 3.32886 18.3984 5.89783C18.0743 5.86121 17.7393 5.90149 17.5104 6.12305C17.3309 6.29333 17.1625 6.62109 17.3749 7.19971C17.6642 7.98523 17.7667 8.45032 17.7979 9.1095C17.8052 9.27795 17.9041 9.4281 18.0524 9.505C18.2007 9.58008 18.3801 9.57092 18.5211 9.47937C18.598 9.42993 18.6383 9.42444 18.6475 9.42444C18.761 9.46289 18.9661 10.0342 18.7335 10.9039C18.5028 11.7664 18.0597 12.1307 17.9224 12.1307C17.7136 12.1252 17.5323 12.2681 17.4738 12.4658C16.6827 15.1227 14.6155 17.8125 12.1875 17.8125C9.75952 17.8125 7.69226 15.1227 6.90125 12.4658C6.84265 12.2681 6.66138 12.1307 6.45264 12.1307C6.31531 12.1307 5.87219 11.7664 5.64148 10.9039C5.4071 10.0269 5.61768 9.45374 5.72571 9.42444C5.72754 9.42444 5.76782 9.42444 5.85205 9.47937C5.99487 9.57092 6.17432 9.58008 6.32263 9.505C6.47278 9.4281 6.56799 9.27795 6.57715 9.1095C6.58813 8.86414 6.61377 8.62061 6.65588 8.38623C6.69067 8.18481 6.66321 7.95959 6.61926 7.61719C6.55151 7.09167 6.45081 6.297 6.56067 5.20386C6.70898 3.70789 7.58606 2.8125 8.91357 2.8125C9.01611 2.8125 9.11316 2.77954 9.19556 2.71912C9.83826 2.23755 11.1237 1.875 12.1875 1.875ZM18.913 4.67285H18.9459C20.9491 4.67285 22.4121 5.66528 23.0566 7.42676C22.8461 7.43042 22.6392 7.48352 22.4835 7.63367C22.3224 7.78564 22.1704 8.07312 22.3535 8.56384C22.5641 9.13879 22.6392 9.47571 22.6611 9.95361C22.6685 10.1221 22.7655 10.2722 22.9156 10.3491C23.0621 10.4224 23.2361 10.415 23.3752 10.329C23.4338 10.4608 23.4851 10.7977 23.3624 11.2555C23.2178 11.792 22.9486 12.0612 22.8735 12.0831H22.8717C22.6648 12.0831 22.4817 12.2186 22.4231 12.4182C22.0312 13.7366 21.2512 14.9469 20.3394 15.6537C20.1343 15.813 20.0958 16.1078 20.2551 16.311C20.3467 16.4319 20.4858 16.4941 20.625 16.4941C20.7257 16.4941 20.8264 16.463 20.9125 16.3971C20.9912 16.3348 21.0681 16.2653 21.145 16.1993L23.6591 17.8253C22.9193 17.8546 22.2144 18.0103 21.5643 18.2812C21.4856 18.2318 21.416 18.1732 21.3354 18.1274L17.0142 15.6244C17.5562 14.8114 17.9901 13.9087 18.2886 13.0005C18.8617 12.7844 19.389 12.0831 19.6381 11.1456C19.9841 9.85474 19.6619 8.72498 18.8892 8.51807C18.8306 8.50342 18.761 8.4906 18.6841 8.48694C18.62 7.98523 18.4918 7.51648 18.2538 6.87561C18.2483 6.8573 18.2428 6.84082 18.2373 6.82617C18.4021 6.83899 18.6676 6.90674 18.8837 6.99463C19.0466 7.06238 19.2316 7.03491 19.3652 6.92139C19.4989 6.80969 19.5593 6.63208 19.5209 6.46179C19.3799 5.81543 19.1748 5.21667 18.913 4.67285ZM9.62219 4.74609C9.28711 4.7168 8.9502 4.86877 8.75793 5.16357L8.00537 6.30432C7.86255 6.52039 7.92297 6.81152 8.13904 6.95435C8.2196 7.00745 8.3075 7.03125 8.39539 7.03125C8.54919 7.03125 8.69751 6.95801 8.78906 6.82068L9.53979 5.67993L10.2722 6.03699C11.6071 6.68701 13.0994 7.03125 14.5844 7.03125H15.7819C16.04 7.03125 16.2506 6.82068 16.2506 6.5625C16.2506 6.30432 16.04 6.09375 15.7819 6.09375H14.5844C13.2404 6.09375 11.8909 5.78247 10.6842 5.19287L9.95178 4.83582C9.84558 4.78455 9.73389 4.75525 9.62219 4.74609ZM7.9248 16.3788C9.06555 17.7704 10.5487 18.75 12.1875 18.75C13.8263 18.75 15.3094 17.7722 16.4502 16.3806L20.6104 18.7885C18.9294 19.8761 17.8125 21.7621 17.8125 23.9062C17.8125 25.1147 18.1696 26.239 18.7793 27.1875H1.40625C1.14807 27.1875 0.9375 26.9769 0.9375 26.7188V23.399C0.9375 21.5662 1.92261 19.856 3.51013 18.9368L7.9248 16.3788ZM23.9062 18.75C26.7499 18.75 29.0625 21.0626 29.0625 23.9062C29.0625 26.7499 26.7499 29.0625 23.9062 29.0625C21.0626 29.0625 18.75 26.7499 18.75 23.9062C18.75 21.0626 21.0626 18.75 23.9062 18.75ZM8.4668 18.75C8.28369 18.739 8.10425 18.8361 8.01819 19.0082C7.90283 19.2407 7.99622 19.5227 8.22693 19.6381L11.9769 21.5131C12.0447 21.546 12.1161 21.5625 12.1875 21.5625C12.2589 21.5625 12.3322 21.546 12.3981 21.5131L16.1481 19.6381C16.3788 19.5227 16.4722 19.2407 16.3568 19.0082C16.2415 18.7775 15.9595 18.6841 15.7269 18.7994L12.1875 20.5701L8.64807 18.7994C8.58948 18.7701 8.52722 18.7555 8.4668 18.75ZM23.9062 20.625C23.6481 20.625 23.4375 20.8356 23.4375 21.0938V23.4375H21.0938C20.8356 23.4375 20.625 23.6481 20.625 23.9062C20.625 24.1644 20.8356 24.375 21.0938 24.375H23.4375V26.7188C23.4375 26.9769 23.6481 27.1875 23.9062 27.1875C24.1644 27.1875 24.375 26.9769 24.375 26.7188V24.375H26.7188C26.9769 24.375 27.1875 24.1644 27.1875 23.9062C27.1875 23.6481 26.9769 23.4375 26.7188 23.4375H24.375V21.0938C24.375 20.8356 24.1644 20.625 23.9062 20.625ZM2.8125 24.375C2.55432 24.375 2.34375 24.5856 2.34375 24.8438V25.7812C2.34375 26.0394 2.55432 26.25 2.8125 26.25C3.07068 26.25 3.28125 26.0394 3.28125 25.7812V24.8438C3.28125 24.5856 3.07068 24.375 2.8125 24.375ZM5.15625 24.375C4.89807 24.375 4.6875 24.5856 4.6875 24.8438V25.7812C4.6875 26.0394 4.89807 26.25 5.15625 26.25C5.41443 26.25 5.625 26.0394 5.625 25.7812V24.8438C5.625 24.5856 5.41443 24.375 5.15625 24.375ZM7.5 24.375C7.24182 24.375 7.03125 24.5856 7.03125 24.8438V25.7812C7.03125 26.0394 7.24182 26.25 7.5 26.25C7.75818 26.25 7.96875 26.0394 7.96875 25.7812V24.8438C7.96875 24.5856 7.75818 24.375 7.5 24.375ZM9.84375 24.375C9.58557 24.375 9.375 24.5856 9.375 24.8438V25.7812C9.375 26.0394 9.58557 26.25 9.84375 26.25C10.1019 26.25 10.3125 26.0394 10.3125 25.7812V24.8438C10.3125 24.5856 10.1019 24.375 9.84375 24.375ZM12.1875 24.375C11.9293 24.375 11.7188 24.5856 11.7188 24.8438V25.7812C11.7188 26.0394 11.9293 26.25 12.1875 26.25C12.4457 26.25 12.6562 26.0394 12.6562 25.7812V24.8438C12.6562 24.5856 12.4457 24.375 12.1875 24.375ZM14.5312 24.375C14.2731 24.375 14.0625 24.5856 14.0625 24.8438V25.7812C14.0625 26.0394 14.2731 26.25 14.5312 26.25C14.7894 26.25 15 26.0394 15 25.7812V24.8438C15 24.5856 14.7894 24.375 14.5312 24.375ZM16.875 24.375C16.6168 24.375 16.4062 24.5856 16.4062 24.8438V25.7812C16.4062 26.0394 16.6168 26.25 16.875 26.25C17.1332 26.25 17.3438 26.0394 17.3438 25.7812V24.8438C17.3438 24.5856 17.1332 24.375 16.875 24.375Z";
+    const path = "M12.1875 0.9375C11.1548 0.9375 9.67896 1.25977 8.7616 1.87866C7.0166 1.94275 5.82275 3.16772 5.62683 5.11047C5.50781 6.30981 5.61768 7.16858 5.68909 7.73621C5.71472 7.93396 5.74219 8.15735 5.73303 8.22327C5.71838 8.31116 5.70374 8.39905 5.69092 8.48694C5.61401 8.4906 5.54626 8.50159 5.48584 8.51807C4.71313 8.72498 4.38904 9.85474 4.73511 11.1456C4.98596 12.0813 5.51147 12.7844 6.08643 13.0005C6.38306 13.9087 6.81885 14.8114 7.36084 15.6244L3.03955 18.1274C1.16455 19.2114 0 21.2329 0 23.399V26.7188C0 27.4933 0.631714 28.125 1.40625 28.125H19.519C20.6287 29.2786 22.1832 30 23.9062 30C27.2662 30 30 27.2662 30 23.9062C30 21.2402 28.2751 18.9734 25.8856 18.1494L21.8115 15.5127C22.4158 14.7931 22.9193 13.8977 23.2397 12.9419C23.6847 12.7478 24.0765 12.2168 24.267 11.4972C24.3823 11.0669 24.4061 10.6329 24.3311 10.274C24.2377 9.80896 23.9777 9.48669 23.6224 9.39148C23.5986 9.38416 23.573 9.37866 23.5455 9.375C23.4979 9.06738 23.4174 8.76709 23.2892 8.39905C23.3734 8.42102 23.465 8.45032 23.5437 8.48145C23.703 8.54919 23.8898 8.52173 24.0234 8.4082C24.1589 8.29651 24.2194 8.1189 24.1827 7.94861C23.606 5.31006 21.6467 3.73535 18.9441 3.73535H18.5962C18.5248 3.73535 18.446 3.74084 18.371 3.74634C17.1332 1.9519 15.1355 0.9375 12.6562 0.9375H12.1875ZM12.1875 1.875H12.6562C15.5017 1.875 17.5562 3.32886 18.3984 5.89783C18.0743 5.86121 17.7393 5.90149 17.5104 6.12305C17.3309 6.29333 17.1625 6.62109 17.3749 7.19971C17.6642 7.98523 17.7667 8.45032 17.7979 9.1095C17.8052 9.27795 17.9041 9.4281 18.0524 9.505C18.2007 9.58008 18.3801 9.57092 18.5211 9.47937C18.598 9.42993 18.6383 9.42444 18.6475 9.42444C18.761 9.46289 18.9661 10.0342 18.7335 10.9039C18.5028 11.7664 18.0597 12.1307 17.9224 12.1307C17.7136 12.1252 17.5323 12.2681 17.4738 12.4658C16.6827 15.1227 14.6155 17.8125 12.1875 17.8125C9.75952 17.8125 7.69226 15.1227 6.90125 12.4658C6.84265 12.2681 6.66138 12.1307 6.45264 12.1307C6.31531 12.1307 5.87219 11.7664 5.64148 10.9039C5.4071 10.0269 5.61768 9.45374 5.72571 9.42444C5.72754 9.42444 5.76782 9.42444 5.85205 9.47937C5.99487 9.57092 6.17432 9.58008 6.32263 9.505C6.47278 9.4281 6.56799 9.27795 6.57715 9.1095C6.58813 8.86414 6.61377 8.62061 6.65588 8.38623C6.69067 8.18481 6.66321 7.95959 6.61926 7.61719C6.55151 7.09167 6.45081 6.297 6.56067 5.20386C6.70898 3.70789 7.58606 2.8125 8.91357 2.8125C9.01611 2.8125 9.11316 2.77954 9.19556 2.71912C9.83826 2.23755 11.1237 1.875 12.1875 1.875ZM18.913 4.67285H18.9459C20.9491 4.67285 22.4121 5.66528 23.0566 7.42676C22.8461 7.43042 22.6392 7.48352 22.4835 7.63367C22.3224 7.78564 22.1704 8.07312 22.3535 8.56384C22.5641 9.13879 22.6392 9.47571 22.6611 9.95361C22.6685 10.1221 22.7655 10.2722 22.9156 10.3491C23.0621 10.4224 23.2361 10.415 23.3752 10.329C23.4338 10.4608 23.4851 10.7977 23.3624 11.2555C23.2178 11.792 22.9486 12.0612 22.8735 12.0831H22.8717C22.6648 12.0831 22.4817 12.2186 22.4231 12.4182C22.0312 13.7366 21.2512 14.9469 20.3394 15.6537C20.1343 15.813 20.0958 16.1078 20.2551 16.311C20.3467 16.4319 20.4858 16.4941 20.625 16.4941C20.7257 16.4941 20.8264 16.463 20.9125 16.3971C20.9912 16.3348 21.0681 16.2653 21.145 16.1993L23.6591 17.8253C22.9193 17.8546 22.2144 18.0103 21.5643 18.2812C21.4856 18.2318 21.416 18.1732 21.3354 18.1274L17.0142 15.6244C17.5562 14.8114 17.9901 13.9087 18.2886 13.0005C18.8617 12.7844 19.389 12.0831 19.6381 11.1456C19.9841 9.85474 19.6619 8.72498 18.8892 8.51807C18.8306 8.50342 18.761 8.4906 18.6841 8.48694C18.62 7.98523 18.4918 7.51648 18.2538 6.87561C18.2483 6.8573 18.2428 6.84082 18.2373 6.82617C18.4021 6.83899 18.6676 6.90674 18.8837 6.99463C19.0466 7.06238 19.2316 7.03491 19.3652 6.92139C19.4989 6.80969 19.5593 6.63208 19.5209 6.46179C19.3799 5.81543 19.1748 5.21667 18.913 4.67285ZM9.62219 4.74609C9.28711 4.7168 8.9502 4.86877 8.75793 5.16357L8.00537 6.30432C7.86255 6.52039 7.92297 6.81152 8.13904 6.95435C8.2196 7.00745 8.3075 7.03125 8.39539 7.03125C8.54919 7.03125 8.69751 6.95801 8.78906 6.82068L9.53979 5.67993L10.2722 6.03699C11.6071 6.68701 13.0994 7.03125 14.5844 7.03125H15.7819C16.04 7.03125 16.2506 6.82068 16.2506 6.5625C16.2506 6.30432 16.04 6.09375 15.7819 6.09375H14.5844C13.2404 6.09375 11.8909 5.78247 10.6842 5.19287L9.95178 4.83582C9.84558 4.78455 9.73389 4.75525 9.62219 4.74609ZM7.9248 16.3788C9.06555 17.7704 10.5487 18.75 12.1875 18.75C13.8263 18.75 15.3094 17.7722 16.4502 16.3806L20.6104 18.7885C18.9294 19.8761 17.8125 21.7621 17.8125 23.9062C17.8125 25.1147 18.1696 26.239 18.7793 27.1875H1.40625C1.14807 27.1875 0.9375 26.9769 0.9375 26.7188V23.399C0.9375 21.5662 1.92261 19.856 3.51013 18.9368L7.9248 16.3788ZM23.9062 18.75C26.7499 18.75 29.0625 21.0626 29.0625 23.9062C29.0625 26.7499 26.7499 29.0625 23.9062 29.0625C21.0626 29.0625 18.75 26.7499 18.75 23.9062C18.75 21.0626 21.0626 18.75 23.9062 18.75ZM8.4668 18.75C8.28369 18.739 8.10425 18.8361 8.01819 19.0082C7.90283 19.2407 7.99622 19.5227 8.22693 19.6381L11.9769 21.5131C12.0447 21.546 12.1161 21.5625 12.1875 21.5625C12.2589 21.5625 12.3322 21.546 12.3981 21.5131L16.1481 19.6381C16.3788 19.5227 16.4722 19.2407 16.3568 19.0082C16.2415 18.7775 15.9595 18.6841 15.7269 18.7994L12.1875 20.5701L8.64807 18.7994C8.58948 18.7701 8.52722 18.7555 8.4668 18.75ZM23.9062 20.625C23.6481 20.625 23.4375 20.8356 23.4375 21.0938V23.4375H21.0938C20.8356 23.4375 20.625 23.6481 20.625 23.9062C20.625 24.1644 20.8356 24.375 21.0938 24.375H23.4375V26.7188C23.4375 26.9769 23.6481 27.1875 23.9062 27.1875C24.1644 27.1875 24.375 26.9769 24.375 26.7188V24.375H26.7188C26.9769 24.375 27.1875 24.1644 27.1875 23.9062C27.1875 23.6481 26.9769 23.4375 26.7188 23.4375H24.375V21.0938C24.375 20.8356 24.1644 20.625 23.9062 20.625ZM2.8125 24.375C2.55432 24.375 2.34375 24.5856 2.34375 24.8438V25.7812C2.34375 26.0394 2.55432 26.25 2.8125 26.25C3.07068 26.25 3.28125 26.0394 3.28125 25.7812V24.8438C3.28125 24.5856 3.07068 24.375 2.8125 24.375ZM5.15625 24.375C4.89807 24.375 4.6875 24.5856 4.6875 24.8438V25.7812C4.6875 26.0394 4.89807 26.25 5.15625 26.25C5.41443 26.25 5.625 26.0394 5.625 25.7812V24.8438C5.625 24.5856 5.41443 24.375 5.15625 24.375ZM7.5 24.375C7.24182 24.375 7.03125 24.5856 7.03125 24.8438V25.7812C7.03125 26.0394 7.24182 26.25 7.5 26.25C7.75818 26.25 7.96875 26.0394 7.96875 25.7812V24.8438C7.96875 24.5856 7.75818 24.375 7.5 24.375ZM9.84375 24.375C9.58557 24.375 9.375 24.5856 9.375 24.8438V25.7812C9.375 26.0394 9.58557 26.25 9.84375 26.25C10.1019 26.25 10.3125 26.0394 10.3125 25.7812V24.8438C10.3125 24.5856 10.1019 24.375 9.84375 24.375ZM12.1875 24.375C11.9293 24.375 11.7188 24.5856 11.7188 24.8438V25.7812C11.7188 26.0394 11.9293 26.25 12.1875 26.25C12.4457 26.25 12.6562 26.0394 12.6562 25.7812V24.8438C12.6562 24.5856 12.4457 24.375 12.1875 24.375ZM14.5312 24.375C14.2731 24.375 14.0625 24.5856 14.0625 24.8438V25.7812C14.0625 26.0394 14.2731 26.25 14.5312 26.25C14.7894 26.25 15 26.0394 15 25.7812V24.8438C15 24.5856 14.7894 24.375 14.5312 24.375ZM16.875 24.375C16.6168 24.375 16.4062 24.5856 16.4062 24.8438V25.7812C16.4062 26.0394 16.6168 26.25 16.875 26.25C17.1332 26.25 17.3438 26.0394 17.3438 25.7812V24.8438C17.3438 24.5856 17.1332 24.375 16.875 24.375Z";
     return /*#__PURE__*/jsxs("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 30 30",
@@ -2447,7 +2564,7 @@ class PreviewGrid extends Component {
   }
 }
 
-var {
+const {
   Components,
   Colours
 } = PlussCore;
@@ -2458,8 +2575,8 @@ var FeaturePickerContent = () => {
       className: "fp2_widget_content_vListing",
       children: [/*#__PURE__*/jsx("div", {
         className: "fp2_widget_silhouette fp2_widget_silhouette-circle",
-        children: /*#__PURE__*/jsx(Icon, {
-          icon: "comments",
+        children: /*#__PURE__*/jsx(Components.Icon, {
+          icon: "fa-comments",
           colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
         })
       }), /*#__PURE__*/jsxs("div", {
@@ -2474,8 +2591,8 @@ var FeaturePickerContent = () => {
       className: "fp2_widget_content_vListing",
       children: [/*#__PURE__*/jsx("div", {
         className: "fp2_widget_silhouette fp2_widget_silhouette-circle",
-        children: /*#__PURE__*/jsx(Icon, {
-          icon: "comments",
+        children: /*#__PURE__*/jsx(Components.Icon, {
+          icon: "fa-comments",
           colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
         })
       }), /*#__PURE__*/jsxs("div", {
@@ -2490,8 +2607,8 @@ var FeaturePickerContent = () => {
       className: "fp2_widget_content_vListing",
       children: [/*#__PURE__*/jsx("div", {
         className: "fp2_widget_silhouette fp2_widget_silhouette-circle",
-        children: /*#__PURE__*/jsx(Icon, {
-          icon: "comments",
+        children: /*#__PURE__*/jsx(Components.Icon, {
+          icon: "fa-comments",
           colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
         })
       }), /*#__PURE__*/jsxs("div", {
@@ -2506,15 +2623,15 @@ var FeaturePickerContent = () => {
   });
 };
 
-var Reducers = {
+const Reducers = {
   [values.reducerKey]: CircleReducer
 };
-var Screens = {
+const Screens = {
   [values.componentCircles]: Circles$1,
   [values.componentAddCircle]: AddCircle$1,
   [values.componentCircle]: Circle$1
 };
-var Analytics = [toExport];
+const Analytics = [toExport];
 
 export { Analytics, FeatureConfig as Config, FeaturePickerContent, PreviewFull, PreviewGrid, PreviewWidget, Reducers, Screens, ViewFull, ViewWidget };
 //# sourceMappingURL=index.js.map