@plusscommunities/pluss-circles-web 1.5.10 → 1.6.0-beta

package/dist/{index.esm.js → index.js}

@@ -13,41 +13,781 @@ import _ from 'lodash';
 import moment from 'moment';
 import { Link } from 'react-router-dom';
 import * as PlussCore from '@plusscommunities/pluss-core-web';
-import { Table } from 'react-bootstrap';
-import FontAwesome from 'react-fontawesome';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import 'js-cookie';
+import 'crypto-js';
+import * as PlussGroupsWeb from '@plusscommunities/pluss-circles-web-groups';
+import * as PlussMaintenanceWeb from '@plusscommunities/pluss-maintenance-web';
+import * as PlussFormsWeb from '@plusscommunities/pluss-maintenance-web-forms';
+import * as PlussNewsletterWeb from '@plusscommunities/pluss-newsletter-web';
+import * as PlussFeatureBuilder from '@plusscommunities/pluss-feature-builder-web';
+import * as PlussFeatureBuilderA from '@plusscommunities/pluss-feature-builder-web-a';
+import * as PlussFeatureBuilderB from '@plusscommunities/pluss-feature-builder-web-b';
+import 'axios';
+import 'aws-amplify';
+import { Table } from 'react-bootstrap';
+import { Icon } from '@components';
 import { withRouter } from 'react-router';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { faUserGroup, faMessage, faUserTie, faUsers, faUsersRectangle, faPeopleArrows } from '@fortawesome/free-solid-svg-icons';
 
 var values = {
-  featureKey: 'circles',
-  entityKey: 'circle',
-  entityName: 'circle',
-  serviceKey: 'circles',
-  permission: 'circles',
-  menuIcon: 'circle-o',
-  isFontAwesome: true,
-  reducerKey: 'circles',
-  actionCircleKey: 'CIRCLE',
-  textFeatureTitle: 'Circles',
-  textAddMenuTitle: 'Circle',
+  featureKey: "circles",
+  entityKey: "circle",
+  entityName: "circle",
+  serviceKey: "circles",
+  permission: "circles",
+  menuIcon: "circle-o",
+  reducerKey: "circles",
+  actionCircleKey: "CIRCLE",
+  textFeatureTitle: "Circles",
+  textAddMenuTitle: "Circle",
   textEmptyGroups: "You aren't in any Circles",
-  textEmptyPeople: 'Contacts will show here',
-  componentCircles: 'Circles',
-  componentAddCircle: 'AddCircle',
-  componentCircle: 'Circle',
-  inviteKey: 'circleInvite',
-  messageKey: 'circleMessage',
-  chatRoute: 'circleChat',
-  updateKeyUserCircles: 'userCircles',
-  allowPublicKey: 'circleAllowPublicCircles',
+  textEmptyPeople: "Contacts will show here",
+  componentCircles: "Circles",
+  componentAddCircle: "AddCircle",
+  componentCircle: "Circle",
+  inviteKey: "circleInvite",
+  messageKey: "circleMessage",
+  chatRoute: "circleChat",
+  updateKeyUserCircles: "userCircles",
+  allowPublicKey: "circleAllowPublicCircles",
   allowPublicKeyDefault: false,
   settings: {
     allowAnyCreate: false
   }
 };
 
+PlussCore.Analytics.compileStats;
+PlussCore.Analytics.getInsight;
+PlussCore.Analytics.getAnalyticsFilterOptions;
+PlussCore.Analytics.countActivities;
+PlussCore.Analytics.generateDateRangeObjects;
+PlussCore.Analytics.generateDateActivities;
+
+var Colours$3 = PlussCore.Colours;
+Colours$3.COLOUR_DUSK_LIGHT;
+var COLOUR_BRANDING_MAIN = '#4a57b7';
+var COLOUR_BRANDING_OFF = '#597db4';
+var COLOUR_BRANDING_APP = '#4a57b7';
+
+var baseStage = 'dev';
+var baseClient = 'dev';
+var clientName = 'Pluss Communities Development';
+var baseUploadsUrl = "https://".concat(baseClient, "-").concat(baseStage, "-uploads.s3.ap-southeast-2.amazonaws.com/");
+var baseLibraryUrl = "https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/";
+var baseAPIUrl = "https://".concat(baseClient, ".pluss60-api.com");
+var logo = 'https://pluss60-dev-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:efbab8db-136a-446e-b14a-d00af0067841/public/d78861b4474381d18bbb3c806a/plusscommunities.png';
+var newsHaveTags = true;
+var hasAvailableNews = false;
+var DEFAULT_ALLOW_COMMENTS = true;
+var AWS_UPLOADS_BUCKET = "".concat(baseClient, "-").concat(baseStage, "-uploads");
+var MAKE_API_KEY = '1162b2f93e93eb238e3e29aa602c60369dc6c297';
+var UTC_OFFSET = 10;
+
+var CONST_STRINGS = {
+  REQUEST: 'Request',
+  MAINTENANCE_REQUEST: 'Request',
+  MAINTENANCE: 'Requests',
+  MAINTENANCE_HOME: 'Must be home',
+  JOB_TYPE: 'Request Type',
+  PERMISSION_MAINTENANCETYPES: 'Manage Request Types',
+  PERMISSION_MAINTENANCETRACKING: 'Request Tracking',
+  PERMISSION_FAQS: 'Manage Information',
+  FAQS: 'Information',
+  FAQ_ENTRY: 'info page',
+  FEEDBACK_ANONYMOUS: 'Anonymous',
+  KIOSK_FORM_LOCKOUT: 'Lockout Form',
+  KIOSK_FORM_SIGNIN: 'Sign In Form',
+  FACILITY: 'Facility',
+  FACILITIES: 'Facilities',
+  FACILITIES_MANAGEMENT: 'Facilities Management'
+};
+
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var extensions = [PlussGroupsWeb, PlussMaintenanceWeb, PlussNewsletterWeb, PlussFormsWeb, PlussFeatureBuilder, PlussFeatureBuilderA, PlussFeatureBuilderB];
+var extensionViewWidgets = {};
+var extensionViewFulls = {};
+var extensionPreviewWidgets = {};
+var extensionPreviewFulls = {};
+var extensionPreviewGridIcons = {};
+var extensionActivityTexts = {};
+var extensionWidgetInfos = {};
+var extensionWidgetOptions = [];
+var extensionWidgetKeys = [];
+var extensionFeatureInfo = [];
+var extensionRoutes = [];
+var extensionHiddenSections = [];
+var extensionMoreSections = [];
+
+var extensionReducers = _objectSpread$5({}, PlussCore.Reducers);
+
+var extensionScreens = {};
+var extensionAnalytics = {};
+var extensionDashboardLoaders = {};
+var extensionStartupActions = [];
+var extensionNotificationPreferences = []; // Configure environment settings for the core
+
+var environment = {
+  baseStage: baseStage,
+  baseAPIUrl: baseAPIUrl,
+  baseUploadsUrl: baseUploadsUrl,
+  baseLibraryUrl: baseLibraryUrl,
+  uploadBucket: AWS_UPLOADS_BUCKET,
+  colourBrandingMain: COLOUR_BRANDING_MAIN,
+  colourBrandingOff: COLOUR_BRANDING_OFF,
+  colourBrandingApp: COLOUR_BRANDING_APP,
+  defaultProfileImage: "https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/d6a654304734aca4f7ebb19249/profilepic.png",
+  utcOffset: UTC_OFFSET,
+  hasAvailableNews: hasAvailableNews,
+  newsHaveTags: newsHaveTags,
+  defaultAllowComments: DEFAULT_ALLOW_COMMENTS,
+  makeApiKey: MAKE_API_KEY,
+  logo: logo,
+  clientName: clientName
+};
+PlussCore.Config.init(environment);
+/**
+ * The internal structure used to register a feature with the PlussCore system.
+ * @typedef {Object} ExtensionModule
+ * @property {Object} Config - Configuration metadata.
+ * @property {string} Config.key - Unique widget key.
+ * @property {string} Config.singularName - Display name.
+ * @property {string} [Config.description] - Description text.
+ * @property {string} [Config.emptyText] - Empty state text.
+ * @property {Array<Object>} [Config.widgetOptions] - Options for the settings panel.
+ * @property {Object} [Config.menu] - Side menu configuration.
+ * @property {string} Config.menu.Icon - Icon name.
+ * @property {string} Config.menu.Label - Label text.
+ * @property {React.ComponentType<any>} ViewWidget - React component for the dashboard widget view.
+ * @property {React.ComponentType<any>} ViewFull - React component for the full page view.
+ * @property {React.ComponentType<any>} [PreviewWidget] - React component for the feature picker preview.
+ * @property {React.ComponentType<any>} [PreviewFull] - React component for the feature picker full preview.
+ */
+
+var installExtension = function installExtension(e) {
+  // Determine the key from the Config
+  var _e$Config = e.Config,
+      key = _e$Config.key,
+      activities = _e$Config.activities,
+      description = _e$Config.description,
+      emptyText = _e$Config.emptyText,
+      widgetOptions = _e$Config.widgetOptions,
+      menu = _e$Config.menu,
+      addUrl = _e$Config.addUrl,
+      addPermission = _e$Config.addPermission,
+      singularName = _e$Config.singularName,
+      routes = _e$Config.routes,
+      permissions = _e$Config.permissions,
+      hiddenSections = _e$Config.hiddenSections,
+      moreSections = _e$Config.moreSections;
+      _e$Config.aliases;
+      var hiddenFromFeaturePicker = _e$Config.hiddenFromFeaturePicker,
+      featurePickerInfo = _e$Config.featurePickerInfo,
+      notificationPreference = _e$Config.notificationPreference; // Prevent duplicate registration
+
+  if (extensionWidgetKeys.includes(key)) return; // Configure environment settings if the extension has an init
+
+  if (e.Config.init) e.Config.init(environment); // Configure feature picker controls
+
+  if (e.ViewWidget) extensionViewWidgets[key] = e.ViewWidget;
+  if (e.ViewFull) extensionViewFulls[key] = e.ViewFull;
+  if (e.PreviewWidget) extensionPreviewWidgets[key] = e.PreviewWidget;
+  if (e.PreviewFull) extensionPreviewFulls[key] = e.PreviewFull;
+  if (e.PreviewGrid) extensionPreviewGridIcons[key] = e.PreviewGrid;
+  if (e.Analytics) extensionAnalytics[key] = e.Analytics;
+
+  if (e.DashboardLoader) {
+    extensionDashboardLoaders[key] = e.DashboardLoader;
+  } // Configure activity list
+
+
+  if (activities) {
+    activities.forEach(function (a) {
+      extensionActivityTexts[a] = e.ActivityText;
+    });
+  } // Configure reducers
+
+
+  if (e.Reducers) Object.assign(extensionReducers, e.Reducers); // Configure screens
+
+  if (e.Screens) Object.assign(extensionScreens, e.Screens); // Configurations
+
+  extensionWidgetInfos[key] = {
+    description: description || "",
+    emptyText: emptyText || ""
+  };
+
+  if (widgetOptions && widgetOptions.length > 0) {
+    // Note: pushing to exported let/const arrays might require reassignment
+    // but since arrays are reference types, pushing works if imported correctly.
+    // ideally extensionWidgetOptions should be exported as a getter or mutable object
+    widgetOptions.forEach(function (o) {
+      extensionWidgetOptions.push(_objectSpread$5({
+        key: key
+      }, o));
+    });
+  }
+
+  extensionWidgetKeys.push(key); // Handle both single menu object and array of menu objects
+
+  var menuItems = Array.isArray(menu) ? menu : [menu].filter(Boolean);
+  menuItems.forEach(function (menuItem) {
+    extensionFeatureInfo.push(_objectSpread$5({
+      key: key,
+      addUrl: addUrl || "",
+      addPermission: addPermission || "",
+      singularName: singularName || "",
+      hiddenFromFeaturePicker: hiddenFromFeaturePicker || false,
+      featurePickerContent: e.FeaturePickerContent,
+      featurePickerInfo: featurePickerInfo
+    }, menuItem));
+  });
+  if (routes && routes.length > 0) routes.forEach(function (r) {
+    return extensionRoutes.push(r);
+  });
+
+  if (permissions && permissions.length > 0) {
+    permissions.forEach(function (p) {
+    });
+  }
+
+  if (hiddenSections && hiddenSections.length > 0) hiddenSections.forEach(function (h) {
+    return extensionHiddenSections.push(h);
+  });
+  if (moreSections && moreSections.length > 0) moreSections.forEach(function (m) {
+    return extensionMoreSections.push(m);
+  });
+
+  if (e.getStartupAction) {
+    extensionStartupActions.push(e.getStartupAction);
+  } // Collect notification preferences for Personal Settings page
+  // Extensions must provide: key, label, permission in their notificationPreference config
+
+
+  if (notificationPreference && notificationPreference.permission) {
+    extensionNotificationPreferences.push(_objectSpread$5(_objectSpread$5({}, notificationPreference), {}, {
+      feature: key
+    }));
+  }
+}; // Install all the current extensions
+
+extensions.forEach(installExtension);
+
+PlussCore.Session.isTVEnabled;
+
+var Helper$4 = PlussCore.Helper;
+Helper$4.getUrlParams;
+Helper$4.safeReadParams;
+Helper$4.get1400;
+Helper$4.getThumb300;
+Helper$4.generateImageName;
+Helper$4.getExtension;
+Helper$4.getFileName;
+Helper$4.isVideo;
+Helper$4.getFirstName;
+Helper$4.isEmail;
+Helper$4.isUrl;
+Helper$4.randomString;
+Helper$4.toParagraphed;
+Helper$4.onlyAlphanumeric;
+Helper$4.getSiteName;
+Helper$4.getSiteNameFromRoles;
+Helper$4.getSiteSettingFromState;
+Helper$4.getSiteLevelFromState;
+Helper$4.getMerchantsFromState;
+Helper$4.readJSONFromStorage;
+Helper$4.setLocalStorage;
+Helper$4.getTimepickerTime;
+Helper$4.timeToMinutes;
+Helper$4.timepickerToMinutes;
+Helper$4.minutesToString;
+Helper$4.hasTimeframeOverlap;
+[].concat(_toConsumableArray(extensionFeatureInfo), [{
+  key: "dashboard",
+  order: 1,
+  text: "Dashboard",
+  icon: "dashboard",
+  isFontAwesome: false,
+  url: "/mastermenu",
+  countProps: null,
+  visibleExps: null,
+  isHubLink: true
+}, {
+  key: "featurePicker",
+  order: 5,
+  text: "Feature Picker",
+  icon: "mobile",
+  iconStyle: {
+    fontSize: 18
+  },
+  isFontAwesome: true,
+  url: "/featurepicker",
+  visibleExps: {
+    type: "permission",
+    value: "featurePicker"
+  },
+  countProps: null,
+  isHubLink: true
+}, {
+  key: "branding",
+  order: 6,
+  text: "Branding",
+  icon: "paint-brush",
+  isFontAwesome: true,
+  url: "/branding/edit",
+  visibleExps: {
+    type: "permission",
+    value: "featurePicker"
+  },
+  isHubLink: true
+}, {
+  key: "analytics",
+  order: 3,
+  text: "Analytics",
+  icon: "chart-line",
+  isFontAwesome: true,
+  url: "/analytics",
+  countProps: null,
+  isHubLink: true,
+  visibleExps: null
+}, {
+  key: "events",
+  order: 4,
+  text: "Events",
+  icon: "event",
+  isFontAwesome: false,
+  url: "/events",
+  addUrl: "/events/event",
+  addPermission: "events",
+  singularName: "event",
+  countProps: ["eventSubmissions", "length"],
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "events"
+    }, {
+      type: "or",
+      exps: [{
+        type: "permission",
+        value: "events"
+      }, {
+        type: "permission",
+        value: "eventAttendance"
+      }, {
+        type: "permission",
+        value: "eventSubmit"
+      }]
+    }]
+  },
+  featurePickerInfo: {
+    image: "https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/a10a6c0e45c1bafcc84c6ca732/events.jpg",
+    text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Calendars, Event Schedules, Reservation Lists."), /*#__PURE__*/React.createElement("p", null, "The Events your community puts on come to life with this feature."), /*#__PURE__*/React.createElement("p", null, "Collect payments, remind attendees, get those big events promoted early and they'll be coming back for more. Print event posters, and upload video to the Event so others can look back at it."), /*#__PURE__*/React.createElement("p", null, "It's all here.")),
+    layoutDisclaimer: true
+  }
+}, {
+  key: "alerts",
+  order: 3,
+  text: "Alerts",
+  icon: "triangle-exclamation",
+  isFontAwesome: true,
+  url: "/alerts",
+  addUrl: "/alerts/addalert",
+  addPermission: "alerts",
+  singularName: "alert",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "alerts"
+    }, {
+      type: "permission",
+      value: "alerts"
+    }]
+  }
+}, {
+  key: "users",
+  order: 2,
+  text: "Users",
+  icon: "people",
+  isFontAwesome: false,
+  url: "/usershub",
+  addUrl: "/usershub/adduser",
+  addPermission: "userManagement",
+  singularName: "user",
+  countProps: null,
+  isHubLink: true,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "users"
+    }, {
+      type: "permission",
+      value: "userManagement"
+    }]
+  }
+}, {
+  key: "gallery",
+  order: 6,
+  text: "Gallery",
+  icon: "folder-image",
+  isFontAwesome: true,
+  url: "/imageLibrary",
+  addPermission: "addToPublishingImageLibrary",
+  singularName: "gallery image",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "gallery"
+    }, {
+      type: "permission",
+      value: "addToPublishingImageLibrary"
+    }]
+  },
+  featurePickerInfo: {
+    image: "https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/fb65f4c94f4498e7770240fbd9/gallery.jpg",
+    text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "All of the great imagery from your community events, sites and people."), /*#__PURE__*/React.createElement("p", null, "Create Gallery folders to let people see more, organise all of your photos, and let the community submit their own. Pictures still tell a thousand words, so Galleries are easy updates.")),
+    layoutDisclaimer: true
+  }
+}, {
+  key: "services",
+  order: 7,
+  text: "Services",
+  icon: "stethoscope",
+  isFontAwesome: true,
+  url: "/services",
+  addUrl: "/services/service",
+  addPermission: "services",
+  singularName: "service",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "services"
+    }, {
+      type: "permission",
+      value: "services"
+    }]
+  }
+}, {
+  key: "sponsors",
+  order: 8,
+  text: "Sponsors",
+  icon: "star",
+  isFontAwesome: true,
+  url: "/sponsors",
+  addUrl: "/sponsors/sponsor",
+  addPermission: "services",
+  singularName: "sponsor",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "services"
+    }, {
+      type: "permission",
+      value: "services"
+    }]
+  }
+}, {
+  key: "bookings",
+  order: 8,
+  text: "Bookings",
+  icon: "ticket",
+  isFontAwesome: true,
+  url: "/bookings",
+  addUrl: "/bookings/booking",
+  addPermission: "bookings",
+  singularName: "booking",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "or",
+      exps: [{
+        type: "feature",
+        value: "services"
+      }, {
+        type: "feature",
+        value: "facilities"
+      }]
+    }, {
+      type: "or",
+      exps: [{
+        type: "permission",
+        value: "bookings"
+      }, {
+        type: "permission",
+        value: "assignedBookings"
+      }]
+    }]
+  }
+}, {
+  key: "info",
+  order: 11,
+  text: "Information",
+  icon: "info",
+  isFontAwesome: false,
+  url: "/info",
+  addUrl: "/info/infopage",
+  addPermission: "infoPages",
+  singularName: CONST_STRINGS.FAQ_ENTRY,
+  countProps: null,
+  visibleExps: {
+    type: "or",
+    exps: [{
+      type: "and",
+      exps: [{
+        type: "feature",
+        value: "importantContacts"
+      }, {
+        type: "permission",
+        value: "importantContacts"
+      }]
+    }, {
+      type: "and",
+      exps: [{
+        type: "feature",
+        value: "maps"
+      }, {
+        type: "permission",
+        value: "maps"
+      }]
+    }, {
+      type: "and",
+      exps: [{
+        type: "feature",
+        value: "infoPages"
+      }, {
+        type: "permission",
+        value: "infoPages"
+      }]
+    }, // {
+    //   type: 'and',
+    //   exps: [
+    //     { type: 'feature', value: 'news' },
+    //     { type: 'permission', value: 'welcomePages' },
+    //   ],
+    // },
+    {
+      type: "permission",
+      value: "terms"
+    }]
+  }
+}, {
+  key: "surveys",
+  order: 12,
+  text: "Surveys",
+  icon: "pie-chart",
+  isFontAwesome: true,
+  url: "/polls",
+  addUrl: "/polls/poll",
+  addPermission: "polls",
+  singularName: "survey",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "surveys"
+    }, {
+      type: "permission",
+      value: "polls"
+    }]
+  }
+}, {
+  key: "facilities",
+  order: 9,
+  text: CONST_STRINGS.FACILITIES,
+  icon: "facility",
+  isFontAwesome: false,
+  url: "/facilities",
+  addUrl: "/facilities/facility",
+  addPermission: "facilities",
+  singularName: "facility",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "facilities"
+    }, {
+      type: "permission",
+      value: "facilities"
+    }]
+  }
+}, {
+  key: "offers",
+  order: 13,
+  text: "Offers",
+  icon: "shopping-bag",
+  isFontAwesome: true,
+  url: "/offers",
+  addUrl: "/offers/offer",
+  addPermission: "offers",
+  singularName: "offer",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "offers"
+    }, {
+      type: "permission",
+      value: "offers"
+    }]
+  },
+  linkableContent: {
+    hasContent: true //TODO expose content
+
+  }
+}, {
+  key: "signin",
+  order: 1,
+  text: "Sign Ins",
+  icon: "signin",
+  isFontAwesome: false,
+  url: "/signinHub",
+  addUrl: null,
+  addPermission: "visitors",
+  singularName: "visitor",
+  countProps: null,
+  isToolLink: true,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "visitors"
+    }, {
+      type: "permission",
+      value: "visitors"
+    }]
+  }
+}, {
+  key: "food",
+  order: 15,
+  text: "Restaurant Manager",
+  icon: "cutlery",
+  isFontAwesome: true,
+  url: "/food",
+  addUrl: null,
+  addPermission: "food",
+  singularName: "dish",
+  countProps: null,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "feature",
+      value: "food"
+    }, {
+      type: "permission",
+      value: "food"
+    }]
+  }
+}, {
+  key: "payment",
+  order: 2,
+  text: "Payment",
+  icon: "dollar-sign",
+  isFontAwesome: true,
+  url: "/payment",
+  addUrl: null,
+  addPermission: null,
+  singularName: "payment",
+  countProps: null,
+  isToolLink: true,
+  visibleExps: {
+    type: "and",
+    exps: [{
+      type: "props",
+      value: "paymentEnabled"
+    }, {
+      type: "or",
+      exps: [{
+        type: "permission",
+        value: "managePayments"
+      }, {
+        type: "permission",
+        value: "viewPayments"
+      }]
+    }]
+  }
+}, {
+  key: "tvs",
+  order: 3,
+  text: "TVs",
+  icon: "tv",
+  isFontAwesome: true,
+  url: "/activatetv",
+  singularName: "tv",
+  countProps: null,
+  isToolLink: true,
+  visibleExps: {
+    type: "permission",
+    value: "activateDevices"
+  }
+}, {
+  key: "automation",
+  order: 4,
+  text: "Automation",
+  icon: "bolt",
+  isFontAwesome: true,
+  url: "/automationHub",
+  addUrl: null,
+  addPermission: null,
+  singularName: "automation",
+  countProps: null,
+  isToolLink: true,
+  visibleExps: {
+    type: "master",
+    value: true
+  }
+}, {
+  key: "master",
+  order: 5,
+  text: "Master",
+  icon: "tasks",
+  isFontAwesome: true,
+  url: "/master",
+  addUrl: null,
+  addPermission: null,
+  singularName: "master",
+  countProps: null,
+  isToolLink: true,
+  visibleExps: {
+    type: "master",
+    value: true
+  }
+}]);
+
+var PERMISSION_CATEGORIES = {
+  USER_MANAGEMENT: "User Management",
+  EVENTS: "Events",
+  COMMUNICATION: "Communication",
+  FACILITIES_BOOKINGS: "Facilities & Bookings",
+  SITE_ADMINISTRATION: "Site Administration",
+  PAYMENTS: "Payments",
+  CONTENT: "Content Management",
+  EXTRAS: "Extras",
+  PROFILE_SETTINGS: "Profile Settings",
+  USER_FEATURES: "User Features"
+}; // NOTE: important and optional are currently hidden
+
+var IMPORTANCE_LEVELS = {
+  CRITICAL: "critical",
+  IMPORTANT: "important",
+  OPTIONAL: "optional"
+};
+
 // import * as PlussCore from '../../pluss-core/src';
 var FeatureConfig = {
   key: values.featureKey,
@@ -59,7 +799,7 @@ var FeatureConfig = {
     main: true,
     hideOnTabNumbers: [],
     optionKey: values.allowPublicKey,
-    type: 'toggle',
+    type: "toggle",
     inverseOption: false,
     title: "Allow for public ".concat(values.entityName, "s"),
     description: "Public ".concat(values.entityName, "s can be viewed and joined by anyone in the community."),
@@ -67,19 +807,18 @@ var FeatureConfig = {
     default: values.allowPublicKeyDefault
   }],
   featurePickerInfo: {
-    image: 'https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/e4a5948c40908e2137f0a65eb1/groups.jpg',
-    text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React.createElement("p", null, "Keep them open for any member to join, or private to the admins - ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React.createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
+    image: "https://pluss-prd-uploads.s3.ap-southeast-2.amazonaws.com/uploads/users/ap-southeast-2:80aecdcb-9955-493e-a341-2f2263f64777/public/e4a5948c40908e2137f0a65eb1/groups.jpg",
+    text: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "Open and closed group chat - where your community does its planning, discussing and sharing."), /*#__PURE__*/React.createElement("p", null, "Keep them open for any member to join, or private to the admins -", " ", values.textFeatureTitle, " gives you that control."), /*#__PURE__*/React.createElement("p", null, "Your ", values.textFeatureTitle, " activity will keep the app close to your communities hands.")),
     layoutDisclaimer: true
   },
   menu: {
     order: 11,
     text: values.textFeatureTitle,
     icon: values.menuIcon,
-    isFontAwesome: values.isFontAwesome,
     url: "/".concat(values.featureKey),
     countProps: null,
     visibleExps: {
-      type: 'feature',
+      type: "feature",
       value: values.featureKey
     }
   },
@@ -87,7 +826,10 @@ var FeatureConfig = {
   addPermission: values.permission,
   permissions: [{
     displayName: "Manage and View ".concat(_.capitalize(values.entityName), "s"),
-    key: values.permission
+    key: values.permission,
+    category: PERMISSION_CATEGORIES.COMMUNICATION,
+    helperText: "Allows creating and managing ".concat(values.entityName, "s for community communication and discussions."),
+    importance: IMPORTANCE_LEVELS.IMPORTANT
   }],
   routes: [{
     path: "/".concat(values.featureKey),
@@ -107,21 +849,21 @@ var FeatureConfig = {
     exact: true
   }],
   env: {
-    baseStage: '',
-    baseAPIUrl: '',
-    baseUploadsUrl: '',
-    uploadBucket: '',
-    colourBrandingMain: '',
-    colourBrandingOff: '',
-    colourBrandingApp: '',
-    defaultProfileImage: '',
-    utcOffset: '',
+    baseStage: "",
+    baseAPIUrl: "",
+    baseUploadsUrl: "",
+    uploadBucket: "",
+    colourBrandingMain: "",
+    colourBrandingOff: "",
+    colourBrandingApp: "",
+    defaultProfileImage: "",
+    utcOffset: "",
     hasAvailableNews: false,
     newsHaveTags: true,
     defaultAllowComments: true,
-    makeApiKey: '',
-    logo: '',
-    clientName: ''
+    makeApiKey: "",
+    logo: "",
+    clientName: ""
   },
   init: function init(environment) {
     FeatureConfig.env = environment;
@@ -157,32 +899,32 @@ var Helper$3 = PlussCore.Helper,
 var circleActions = {
   getAll: function getAll(site) {
     return Session$4.authedFunction({
-      method: 'GET',
-      url: Helper$3.getUrl(values.serviceKey, 'get/all', {
+      method: "GET",
+      url: Helper$3.getUrl(values.serviceKey, "get/all", {
         site: site
       })
     });
   },
   getFiles: function getFiles(circleId) {
     return Session$4.authedFunction({
-      method: 'GET',
-      url: Helper$3.getUrl(values.serviceKey, 'get/files', {
+      method: "GET",
+      url: Helper$3.getUrl(values.serviceKey, "get/files", {
         circleId: circleId
       })
     });
   },
   getImages: function getImages(circleId) {
     return Session$4.authedFunction({
-      method: 'GET',
-      url: Helper$3.getUrl(values.serviceKey, 'get/images', {
+      method: "GET",
+      url: Helper$3.getUrl(values.serviceKey, "get/images", {
         circleId: circleId
       })
     });
   },
   add: function add(site, title, image, audience, isPublic) {
     return Session$4.authedFunction({
-      method: 'POST',
-      url: Helper$3.getUrl(values.serviceKey, 'update/add'),
+      method: "POST",
+      url: Helper$3.getUrl(values.serviceKey, "update/add"),
       data: {
         site: site,
         title: title,
@@ -194,8 +936,8 @@ var circleActions = {
   },
   edit: function edit(circleId, title, image, audience, isPublic) {
     return Session$4.authedFunction({
-      method: 'POST',
-      url: Helper$3.getUrl(values.serviceKey, 'update/edit'),
+      method: "POST",
+      url: Helper$3.getUrl(values.serviceKey, "update/edit"),
       data: {
         circleId: circleId,
         title: title,
@@ -207,8 +949,8 @@ var circleActions = {
   },
   delete: function _delete(circleId) {
     return Session$4.authedFunction({
-      method: 'POST',
-      url: Helper$3.getUrl(values.serviceKey, 'update/delete'),
+      method: "POST",
+      url: Helper$3.getUrl(values.serviceKey, "update/delete"),
       data: {
         circleId: circleId
       }
@@ -216,8 +958,8 @@ var circleActions = {
   },
   addAdmin: function addAdmin(circleId, userId) {
     return Session$4.authedFunction({
-      method: 'POST',
-      url: Helper$3.getUrl(values.serviceKey, 'update/addadmin'),
+      method: "POST",
+      url: Helper$3.getUrl(values.serviceKey, "update/addadmin"),
       data: {
         circleId: circleId,
         userId: userId
@@ -226,8 +968,8 @@ var circleActions = {
   },
   removeAdmin: function removeAdmin(circleId, userId) {
     return Session$4.authedFunction({
-      method: 'POST',
-      url: Helper$3.getUrl(values.serviceKey, 'update/removeadmin'),
+      method: "POST",
+      url: Helper$3.getUrl(values.serviceKey, "update/removeadmin"),
       data: {
         circleId: circleId,
         userId: userId
@@ -258,8 +1000,8 @@ var circleActions = {
               }
 
               return _context.abrupt("return", Session$4.authedFunction({
-                method: 'GET',
-                url: Helper$3.getUrl(values.serviceKey, 'getMessages', query)
+                method: "GET",
+                url: Helper$3.getUrl(values.serviceKey, "getMessages", query)
               }));
 
             case 5:
@@ -283,8 +1025,8 @@ var circleActions = {
           switch (_context2.prev = _context2.next) {
             case 0:
               return _context2.abrupt("return", Session$4.authedFunction({
-                method: 'post',
-                url: Helper$3.getUrl(values.serviceKey, 'sendMessage'),
+                method: "post",
+                url: Helper$3.getUrl(values.serviceKey, "sendMessage"),
                 data: {
                   groupId: circleId,
                   message: message
@@ -312,8 +1054,8 @@ var circleActions = {
           switch (_context3.prev = _context3.next) {
             case 0:
               return _context3.abrupt("return", Session$4.authedFunction({
-                method: 'POST',
-                url: Helper$3.getUrl(values.serviceKey, 'update/deletemessage'),
+                method: "POST",
+                url: Helper$3.getUrl(values.serviceKey, "update/deletemessage"),
                 data: {
                   messageId: messageId,
                   groupId: groupId
@@ -341,8 +1083,8 @@ var circleActions = {
           switch (_context4.prev = _context4.next) {
             case 0:
               return _context4.abrupt("return", Session$4.authedFunction({
-                method: 'post',
-                url: Helper$3.getUrl('groups', 'resetunread'),
+                method: "post",
+                url: Helper$3.getUrl("groups", "resetunread"),
                 data: {
                   groupID: circleId,
                   userID: userId
@@ -370,7 +1112,7 @@ var 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  --badge-bg-color: #597db4; /* COLOUR_BRANDING_OFF */\n}\n\n.badgeTag {\n  font-size: 11px;\n  font-weight: 400;\n  padding: 3px 10px;\n  background-color: var(--badge-bg-color) !important;\n  color: #fff !important;\n  border-radius: 999px !important;\n  border: none !important;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n  letter-spacing: 0.02em;\n}\n\n/* Unread filter info banner */\n.unreadFilterBanner {\n  background-color: #f0f4f8;\n  border-left: 3px solid var(--badge-bg-color);\n  border-radius: 4px;\n  padding: 12px 16px;\n  margin-top: 16px;\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n}\n\n.unreadFilterContent {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n}\n\n.unreadFilterIcon {\n  font-size: 16px;\n  color: var(--badge-bg-color);\n  flex-shrink: 0;\n}\n\n.unreadFilterText {\n  font-size: 14px;\n  line-height: 1.5;\n  color: #333333;\n}\n\n.unreadFilterButton {\n  background: none;\n  border: none;\n  color: var(--badge-bg-color);\n  font-size: 14px;\n  font-weight: 500;\n  text-decoration: underline;\n  cursor: pointer;\n  padding: 4px 8px;\n  margin-left: 4px;\n  min-height: 32px;\n  min-width: 32px;\n  transition: all 0.2s ease;\n}\n\n.unreadFilterButton:hover {\n  background-color: rgba(89, 125, 180, 0.1);\n  text-decoration: none;\n}\n\n.unreadFilterButton:focus {\n  outline: 2px solid var(--badge-bg-color);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\n/* Mobile responsiveness */\n@media (max-width: 768px) {\n  .unreadFilterBanner {\n    flex-direction: column;\n    align-items: flex-start;\n    padding: 12px;\n  }\n\n  .unreadFilterContent {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  .unreadFilterText {\n    font-size: 13px;\n  }\n}\n\n";
+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(css,{});
 
 function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
@@ -717,26 +1459,26 @@ var Circles = /*#__PURE__*/function (_Component) {
         }
       }, this.validateCircleAdmin(circle) && !circle.IsPrivate && /*#__PURE__*/React.createElement(Link, {
         to: "/".concat(values.featureKey, "/edit/").concat(circle.Id)
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         style: {
           fontSize: 20,
           padding: 5,
           marginLeft: 12,
           cursor: "pointer"
         },
-        name: "pencil"
+        icon: "fa-pencil"
       })), this.validateCircleAdmin(circle, true) && !circle.IsPrivate && /*#__PURE__*/React.createElement("a", {
         onClick: function onClick() {
           _this6.removeCircle(circle);
         }
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         style: {
           fontSize: 20,
           padding: 5,
           marginLeft: 12,
           cursor: "pointer"
         },
-        name: "minus-circle"
+        icon: "fa-circle-minus"
       })))));
     }
   }, {
@@ -754,8 +1496,8 @@ var Circles = /*#__PURE__*/function (_Component) {
         className: css.unreadFilterBanner
       }, /*#__PURE__*/React.createElement("div", {
         className: css.unreadFilterContent
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        name: "info-circle",
+      }, /*#__PURE__*/React.createElement(Icon, {
+        icon: "fa-circle-info",
         className: css.unreadFilterIcon
       }), /*#__PURE__*/React.createElement("span", {
         className: css.unreadFilterText
@@ -1474,9 +2216,9 @@ var AddCircle = /*#__PURE__*/function (_Component) {
           user: user,
           rightContent: /*#__PURE__*/React.createElement("div", {
             className: "flex flex-reverse flex-center"
-          }, /*#__PURE__*/React.createElement(Components$3.SVGIcon, {
+          }, /*#__PURE__*/React.createElement(Components$3.Icon, {
             className: "removeIcon marginLeft-8",
-            icon: "close",
+            icon: "fa-xmark",
             colour: Colours$2.COLOUR_DUSK,
             onClick: function onClick() {
               _this6.onSelectUser(user);
@@ -2105,9 +2847,9 @@ var Circle = /*#__PURE__*/function (_Component) {
 
       return /*#__PURE__*/React.createElement("div", {
         className: "chat_inputFlex"
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "chat_send",
-        name: "paper-plane",
+        icon: "fa-paper-plane",
         onClick: this.sendMessage
       }), /*#__PURE__*/React.createElement("div", {
         className: "chat_inputContainer"
@@ -2125,13 +2867,13 @@ var Circle = /*#__PURE__*/function (_Component) {
           minHeight: 50
         },
         onKeyDown: this.onKeyDown
-      }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FontAwesome, {
+      }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Icon, {
         className: "chat_imageIcon".concat(this.state.imageInputShowing ? " chat_imageIcon-selected" : ""),
-        name: "camera",
+        icon: "fa-camera",
         onClick: this.showImageInput
-      }), /*#__PURE__*/React.createElement(FontAwesome, {
+      }), /*#__PURE__*/React.createElement(Icon, {
         className: "chat_imageIcon".concat(this.state.fileInputShowing ? " chat_imageIcon-selected" : ""),
-        name: "paperclip",
+        icon: "fa-paperclip",
         onClick: this.showFileInput
       })), /*#__PURE__*/React.createElement("div", {
         className: "overflow-x",
@@ -2257,9 +2999,9 @@ var Circle = /*#__PURE__*/function (_Component) {
         className: "flex flex-center"
       }, /*#__PURE__*/React.createElement(Link, {
         to: "/".concat(values.featureKey, "/edit/").concat(this.state.circleId)
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "header_back",
-        name: "cog"
+        icon: "fa-gear"
       })));
     }
   }, {
@@ -2280,7 +3022,7 @@ var Circle = /*#__PURE__*/function (_Component) {
         className: "chat_section"
       }, /*#__PURE__*/React.createElement("div", {
         className: "chat_section_titleSection"
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "chat_section_titleSection_caret",
         name: "chevron-".concat(this.state.membersExpanded ? "up" : "down"),
         onClick: this.toggleMembers
@@ -2298,7 +3040,7 @@ var Circle = /*#__PURE__*/function (_Component) {
         className: "chat_section"
       }, /*#__PURE__*/React.createElement("div", {
         className: "chat_section_titleSection"
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "chat_section_titleSection_caret",
         name: "chevron-".concat(this.state.imagesExpanded ? "up" : "down"),
         onClick: this.toggleImages
@@ -2321,7 +3063,7 @@ var Circle = /*#__PURE__*/function (_Component) {
         className: "chat_section"
       }, /*#__PURE__*/React.createElement("div", {
         className: "chat_section_titleSection"
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "chat_section_titleSection_caret",
         name: "chevron-".concat(this.state.filesExpanded ? "up" : "down"),
         onClick: this.toggleFiles
@@ -2358,9 +3100,9 @@ var Circle = /*#__PURE__*/function (_Component) {
         type: "body"
       }, m.text.substr(0, 50))), /*#__PURE__*/React.createElement("div", {
         className: "chat_replyTo_remove"
-      }, /*#__PURE__*/React.createElement(Components$2.SVGIcon, {
+      }, /*#__PURE__*/React.createElement(Components$2.Icon, {
         className: "removeIcon",
-        icon: "close",
+        icon: "xmark",
         onClick: function onClick() {
           _this7.onReply(null);
         },
@@ -2403,9 +3145,9 @@ var Circle = /*#__PURE__*/function (_Component) {
         }
       }, this.renderDeleteConfirmPopup(), /*#__PURE__*/React.createElement(Components$2.Header, {
         rightContent: this.renderHeaderRight()
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
+      }, /*#__PURE__*/React.createElement(Icon, {
         className: "header_back",
-        name: "angle-left",
+        icon: "fa-angle-left",
         onClick: function onClick() {
           window.history.back();
         }
@@ -2434,9 +3176,9 @@ var Circle = /*#__PURE__*/function (_Component) {
             showMessageDate: !_this8.state.showMessageDate
           });
         },
-        rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/React.createElement(Components$2.SVGIcon, {
+        rightContent: !_.isEmpty(this.state.messageDate) && /*#__PURE__*/React.createElement(Components$2.Icon, {
           colour: Colours$1.COLOUR_DUSK_LIGHT,
-          icon: "close",
+          icon: "fa-xmark",
           className: "timepicker_clear",
           onClick: this.onClearDate
         })
@@ -2533,32 +3275,32 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
   }();
 
   var exportColumns = [{
-    label: 'Select All',
-    key: ''
+    label: "Select All",
+    key: ""
   }, {
-    label: 'Start Date',
-    key: 'startDate'
+    label: "Start Date",
+    key: "startDate"
   }, {
-    label: 'End Date',
-    key: 'endDate'
+    label: "End Date",
+    key: "endDate"
   }, {
-    label: 'Messages',
-    key: 'messages'
+    label: "Messages",
+    key: "messages"
   }, {
-    label: 'Messages by Staff',
-    key: 'staffMessages'
+    label: "Messages by Staff",
+    key: "staffMessages"
   }, {
-    label: 'Messages by Primary Users',
-    key: 'residentMessages'
+    label: "Messages by Primary Users",
+    key: "residentMessages"
   }, {
-    label: 'Group Messages',
-    key: 'groupMessages'
+    label: "Group Messages",
+    key: "groupMessages"
   }, {
-    label: 'Private Messages',
-    key: 'privateMessages'
+    label: "Private Messages",
+    key: "privateMessages"
   }, {
-    label: 'Groups with Messages',
-    key: 'activeGroups'
+    label: "Groups with Messages",
+    key: "activeGroups"
   }];
   useEffect(function () {
     getData();
@@ -2584,18 +3326,18 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
               currentStatsResponse = _yield$Promise$all2[0];
               prevStatsResponse = _yield$Promise$all2[1];
               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'),
+                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
@@ -2621,8 +3363,8 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
 
   var getExportSource = function getExportSource() {
     return [{
-      startDate: moment(startTime + 1).format('D-MM-YYYY'),
-      endDate: moment(endTime).format('D-MM-YYYY'),
+      startDate: moment(startTime + 1).format("D-MM-YYYY"),
+      endDate: moment(endTime).format("D-MM-YYYY"),
       messages: analyticsData.messages,
       staffMessages: analyticsData.staffMessages,
       residentMessages: analyticsData.residentMessages,
@@ -2661,12 +3403,12 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
       setIsExportOpen(true);
     },
     isActive: isReadyToOpenCSV(),
-    leftIcon: "file-code-o"
+    leftIcon: "file-code"
   }, "Export CSV")), /*#__PURE__*/React.createElement("div", {
     className: "analyticsSection dashboardSection_content"
   }, /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Groups with Messages",
-    icon: faUserGroup,
+    icon: "fa-user-group",
     value: analyticsData.activeGroups,
     previousValue: analyticsData.prevActiveGroups,
     prevText: prevText,
@@ -2674,7 +3416,7 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
     isLoading: analyticsData.isLoading
   }), /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Messages",
-    icon: faMessage,
+    icon: "fa-message",
     value: analyticsData.messages,
     previousValue: analyticsData.prevMessages,
     prevText: prevText,
@@ -2682,7 +3424,7 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
     isLoading: analyticsData.isLoading
   }), /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Messages by Staff",
-    icon: faUserTie,
+    icon: "fa-user-tie",
     value: analyticsData.staffMessages,
     previousValue: analyticsData.prevStaffMessages,
     prevText: prevText,
@@ -2690,7 +3432,7 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
     isLoading: analyticsData.isLoading
   }), /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Messages by Primary Users",
-    icon: faUsers,
+    icon: "fa-users",
     value: analyticsData.residentMessages,
     previousValue: analyticsData.prevResidentMessages,
     prevText: prevText,
@@ -2698,7 +3440,7 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
     isLoading: analyticsData.isLoading
   }), /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Group Messages",
-    icon: faUsersRectangle,
+    icon: "fa-users-rectangle",
     value: analyticsData.groupMessages,
     previousValue: analyticsData.prevGroupMessages,
     prevText: prevText,
@@ -2706,7 +3448,7 @@ var AnalyticsHub = function AnalyticsHub(_ref) {
     isLoading: analyticsData.isLoading
   }), /*#__PURE__*/React.createElement(Components$1.StatBox, {
     title: "Private Messages",
-    icon: faPeopleArrows,
+    icon: "fa-people-arrows",
     value: analyticsData.privateMessages,
     previousValue: analyticsData.prevPrivateMessages,
     prevText: prevText,
@@ -2830,9 +3572,9 @@ var ViewFull = /*#__PURE__*/function (_Component) {
 
 var styles$2 = {
   image: {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain'
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
   }
 };
 
@@ -2884,10 +3626,10 @@ var PreviewWidget = /*#__PURE__*/function (_Component) {
 
 var styles$1 = {
   container: {
-    position: 'relative'
+    position: "relative"
   },
   image: {
-    width: '100%'
+    width: "100%"
   }
 };
 
@@ -2938,10 +3680,10 @@ var PreviewFull = /*#__PURE__*/function (_Component) {
 
 var styles = {
   container: {
-    position: 'relative'
+    position: "relative"
   },
   image: {
-    width: '100%'
+    width: "100%"
   }
 };
 
@@ -2964,10 +3706,10 @@ var PreviewGrid = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var colour = this.props.colour;
-      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';
+      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";
       return /*#__PURE__*/React.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: '0 0 30 30'
+        viewBox: "0 0 30 30"
       }, /*#__PURE__*/React.createElement("path", {
         key: path.substring(0, 20),
         d: path,
@@ -2988,8 +3730,8 @@ var FeaturePickerContent = (function () {
     className: "fp2_widget_content_vListing"
   }, /*#__PURE__*/React.createElement("div", {
     className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
-  }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
-    icon: 'groups3',
+  }, /*#__PURE__*/React.createElement(Components.Icon, {
+    icon: "fa-comments",
     colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
   })), /*#__PURE__*/React.createElement("div", {
     className: "flex-1"
@@ -3001,8 +3743,8 @@ var FeaturePickerContent = (function () {
     className: "fp2_widget_content_vListing"
   }, /*#__PURE__*/React.createElement("div", {
     className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
-  }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
-    icon: 'groups3',
+  }, /*#__PURE__*/React.createElement(Components.Icon, {
+    icon: "fa-comments",
     colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
   })), /*#__PURE__*/React.createElement("div", {
     className: "flex-1"
@@ -3014,8 +3756,8 @@ var FeaturePickerContent = (function () {
     className: "fp2_widget_content_vListing"
   }, /*#__PURE__*/React.createElement("div", {
     className: "fp2_widget_silhouette fp2_widget_silhouette-circle"
-  }, /*#__PURE__*/React.createElement(Components.SVGIcon, {
-    icon: 'groups3',
+  }, /*#__PURE__*/React.createElement(Components.Icon, {
+    icon: "fa-comments",
     colour: Colours.hexToRGBAstring(Colours.COLOUR_BRANDING_MAIN, 0.5)
   })), /*#__PURE__*/React.createElement("div", {
     className: "flex-1"