@plusscommunities/pluss-feeds-web 1.0.7 → 1.1.0-beta.0

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

@@ -1,85 +1,87 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import { connect } from 'react-redux';
 import { withRouter } from 'react-router';
 import _ from 'lodash';
-import FontAwesome from 'react-fontawesome';
+import { Icon } from '@plusscommunities/pluss-icons';
 import * as PlussCore from '@plusscommunities/pluss-core-web';
-import { Colours as Colours$1 } from '@plusscommunities/pluss-core-web';
+import { PERMISSION_CATEGORIES, IMPORTANCE_LEVELS, Colours as Colours$1 } from '@plusscommunities/pluss-core-web';
 import { Table } from 'react-bootstrap';
 import { Link } from 'react-router-dom';
 import moment from 'moment';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Textarea from 'react-textarea-autosize';
 
-const values = {
-  featureKey: 'feeds',
+var values = {
+  featureKey: "feeds",
   aliases: [],
-  serviceKey: 'feeds',
-  reducerKey: 'feeds',
-  analyticsKey: 'feeds',
-  actionFeedsLoading: 'FEEDS_LOADING',
-  actionFeedsLoaded: 'FEEDS_LOADED',
-  actionFeedRemoved: 'FEEDS_REMOVED',
-  actionFeedsSubmissionsLoaded: 'FEEDS_SUBMISSIONS_LOADED',
-  actionFeedsSubmissionsRemoved: 'FEEDS_SUBMISSIONS_REMOVED',
-  actionFeedTypeLoaded: 'FEED_TYPES_LOADED',
-  permissionFeedManagement: 'feedManagement',
-  permissionFeedPost: 'feedPost',
-  permissionFeedDraft: 'feedDraft',
-  routeHub: '/feedHub',
-  routeAddFeed: '/feedHub/feed',
-  routeFeedDetails: '/feedHub/feedDetails',
-  routeFeedTypes: '/feedTypes',
-  screenFeedHub: 'FeedHub',
-  screenAddFeed: 'AddFeed',
-  screenFeed: 'Feed',
-  screenFeedTypes: 'FeedTypes',
-  svgPathGridIcon: 'M5 4.5C4.17157 4.5 3.5 5.17157 3.5 6C3.5 6.82843 4.17157 7.5 5 7.5H14C14.8284 7.5 15.5 6.82843 15.5 6C15.5 5.17157 14.8284 4.5 14 4.5H5ZM5 11.5C4.17157 11.5 3.5 12.1716 3.5 13C3.5 13.8284 4.17157 14.5 5 14.5H21C21.8284 14.5 22.5 13.8284 22.5 13C22.5 12.1716 21.8284 11.5 21 11.5H5ZM5 18.5C4.17157 18.5 3.5 19.1716 3.5 20C3.5 20.8284 4.17157 21.5 5 21.5H17C17.8284 21.5 18.5 20.8284 18.5 20C18.5 19.1716 17.8284 18.5 17 18.5H5Z',
-  svgPathGridIconViewBox: '0 0 26 26',
+  serviceKey: "feeds",
+  reducerKey: "feeds",
+  analyticsKey: "feeds",
+  actionFeedsLoading: "FEEDS_LOADING",
+  actionFeedsLoaded: "FEEDS_LOADED",
+  actionFeedRemoved: "FEEDS_REMOVED",
+  actionFeedsSubmissionsLoaded: "FEEDS_SUBMISSIONS_LOADED",
+  actionFeedsSubmissionsRemoved: "FEEDS_SUBMISSIONS_REMOVED",
+  actionFeedTypeLoaded: "FEED_TYPES_LOADED",
+  permissionFeedManagement: "feedManagement",
+  permissionFeedPost: "feedPost",
+  permissionFeedDraft: "feedDraft",
+  routeHub: "/feedHub",
+  routeAddFeed: "/feedHub/feed",
+  routeFeedDetails: "/feedHub/feedDetails",
+  routeFeedTypes: "/feedTypes",
+  screenFeedHub: "FeedHub",
+  screenAddFeed: "AddFeed",
+  screenFeed: "Feed",
+  screenFeedTypes: "FeedTypes",
+  svgPathGridIcon: "M5 4.5C4.17157 4.5 3.5 5.17157 3.5 6C3.5 6.82843 4.17157 7.5 5 7.5H14C14.8284 7.5 15.5 6.82843 15.5 6C15.5 5.17157 14.8284 4.5 14 4.5H5ZM5 11.5C4.17157 11.5 3.5 12.1716 3.5 13C3.5 13.8284 4.17157 14.5 5 14.5H21C21.8284 14.5 22.5 13.8284 22.5 13C22.5 12.1716 21.8284 11.5 21 11.5H5ZM5 18.5C4.17157 18.5 3.5 19.1716 3.5 20C3.5 20.8284 4.17157 21.5 5 21.5H17C17.8284 21.5 18.5 20.8284 18.5 20C18.5 19.1716 17.8284 18.5 17 18.5H5Z",
+  svgPathGridIconViewBox: "0 0 26 26",
   menuOrder: 20,
-  textEmptyDescription: 'allows your users to submit feed posts.',
-  textEmptyExample: '',
-  textAreYouSureYouWantToDelete: 'Are you sure you want to delete the post?',
-  textAreYouSureYouWantToApprove: 'Are you sure you want to approve the post?',
-  textAreYouSureYouWantToReject: 'Are you sure you want to reject the post?',
-  textSingularName: 'Resident Activity',
-  textEmptyState: 'Your Resident Activity will show here',
-  textTitleFeeds: 'Resident Activity',
-  textMenuTitle: 'Resident Activity',
-  textPermissionFeedManagement: 'Resident Activity Feed Management',
-  textPermissionFeedPost: 'Post to Resident Activity Feed',
-  textPermissionFeedDraft: 'Resident Activity Feed Submission (Approval Required)'
+  textEmptyDescription: "allows your users to submit feed posts.",
+  textEmptyExample: "",
+  textAreYouSureYouWantToDelete: "Are you sure you want to delete the post?",
+  textAreYouSureYouWantToApprove: "Are you sure you want to approve the post?",
+  textAreYouSureYouWantToReject: "Are you sure you want to reject the post?",
+  textSingularName: "Resident Activity",
+  textEmptyState: "Your Resident Activity will show here",
+  textTitleFeeds: "Resident Activity",
+  textMenuTitle: "Resident Activity",
+  textPermissionFeedManagement: "Resident Activity Feed Management",
+  textPermissionFeedPost: "Post to Resident Activity Feed",
+  textPermissionFeedDraft: "Resident Activity Feed Submission (Approval Required)"
 };
 
 // import * as PlussCore from '../../pluss-core/src';
-const FeatureConfig = {
+var FeatureConfig = {
   key: values.featureKey,
   aliases: values.aliases,
   singularName: values.textSingularName,
-  description: 'Submit and track resident feed.',
+  description: "Submit and track resident feed.",
   emptyText: values.textEmptyState,
   widgetOptions: [],
   menu: {
     order: values.menuOrder,
     text: values.textMenuTitle,
-    icon: 'list-burger',
+    icon: "list-burger",
     url: values.routeHub,
     countProps: null,
     visibleExps: {
-      type: 'and',
+      type: "and",
       exps: [{
-        type: 'feature',
+        type: "feature",
         value: values.featureKey
       }, {
-        type: 'or',
+        type: "or",
         exps: [{
-          type: 'permission',
+          type: "permission",
           value: values.permissionFeedManagement
         }, {
-          type: 'permission',
+          type: "permission",
           value: values.permissionFeedPost
         }, {
-          type: 'permission',
+          type: "permission",
           value: values.permissionFeedDraft
         }]
       }]
@@ -91,15 +93,24 @@ const FeatureConfig = {
   permissions: [{
     displayName: values.textPermissionFeedManagement,
     key: values.permissionFeedManagement,
-    hq: false
+    hq: false,
+    category: PERMISSION_CATEGORIES.COMMUNICATION,
+    helperText: "Allows full control over resident feed posts including approving, editing, and deleting.",
+    importance: IMPORTANCE_LEVELS.IMPORTANT
   }, {
     displayName: values.textPermissionFeedPost,
     key: values.permissionFeedPost,
-    hq: false
+    hq: false,
+    category: PERMISSION_CATEGORIES.COMMUNICATION,
+    helperText: "Allows posting directly to the resident feed without needing approval.",
+    importance: IMPORTANCE_LEVELS.IMPORTANT
   }, {
     displayName: values.textPermissionFeedDraft,
     key: values.permissionFeedDraft,
-    hq: false
+    hq: false,
+    category: PERMISSION_CATEGORIES.COMMUNICATION,
+    helperText: "Allows submitting feed posts that require manager approval before publishing.",
+    importance: IMPORTANCE_LEVELS.IMPORTANT
   }],
   hiddenSections: [],
   moreSections: [],
@@ -125,21 +136,21 @@ const FeatureConfig = {
     exact: false
   }],
   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: environment => {
     FeatureConfig.env = environment;
@@ -147,33 +158,33 @@ const FeatureConfig = {
   }
 };
 
-const FEEDS_LOADED = values.actionFeedsLoaded;
-const FEED_TYPES_LOADED = values.actionFeedTypeLoaded;
-const FEEDS_REMOVED = values.actionFeedRemoved;
-const FEEDS_LOADING = values.actionFeedsLoading;
-const FEEDS_SUBMISSIONS_LOADED = values.actionFeedsSubmissionsLoaded;
-const FEEDS_SUBMISSIONS_REMOVED = values.actionFeedsSubmissionsRemoved;
+var FEEDS_LOADED = values.actionFeedsLoaded;
+var FEED_TYPES_LOADED = values.actionFeedTypeLoaded;
+var FEEDS_REMOVED = values.actionFeedRemoved;
+var FEEDS_LOADING = values.actionFeedsLoading;
+var FEEDS_SUBMISSIONS_LOADED = values.actionFeedsSubmissionsLoaded;
+var FEEDS_SUBMISSIONS_REMOVED = values.actionFeedsSubmissionsRemoved;
 
 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 {
+var {
   Helper: Helper$5,
   Session: Session$7
 } = PlussCore;
-const feedActions = {
+var feedActions = {
   getFeedTypes: site => {
-    let url = Helper$5.getUrl(values.serviceKey, 'getTypes', {
+    var url = Helper$5.getUrl(values.serviceKey, "getTypes", {
       site
     });
     return Session$7.authedFunction({
-      method: 'GET',
+      method: "GET",
       url
     });
   },
   addFeedType: (site, label, colour) => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'createType'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "createType"),
       data: {
         site,
         label,
@@ -183,8 +194,8 @@ const feedActions = {
   },
   editFeedType: (site, id, label, colour) => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editType'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "editType"),
       data: {
         site,
         id,
@@ -195,8 +206,8 @@ const feedActions = {
   },
   deleteFeedType: (site, id) => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'deleteType'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "deleteType"),
       data: {
         site,
         id
@@ -204,40 +215,40 @@ const feedActions = {
     });
   },
   getFeed: id => {
-    const query = {
+    var query = {
       id
     };
     return Session$7.authedFunction({
-      method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'getPost', query)
+      method: "GET",
+      url: Helper$5.getUrl(values.serviceKey, "getPost", query)
     });
   },
   getFeedSubmissions: site => {
-    const query = {
+    var query = {
       site
     };
     return Session$7.authedFunction({
-      method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'getPendingPosts', query)
+      method: "GET",
+      url: Helper$5.getUrl(values.serviceKey, "getPendingPosts", query)
     });
   },
   getFeeds: (site, userId, authorId, lastKey) => {
-    const query = {
+    var query = {
       site
     };
     if (userId) query.userId = userId;
     if (authorId) query.authorId = authorId;
     if (lastKey) query.lastKey = JSON.stringify(lastKey);
     return Session$7.authedFunction({
-      method: 'GET',
-      url: Helper$5.getUrl(values.serviceKey, 'getPosts', query)
+      method: "GET",
+      url: Helper$5.getUrl(values.serviceKey, "getPosts", query)
     });
   },
-  getFeedsRecursive: function (site, userId, authorId, lastKey) {
-    let feeds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  getFeedsRecursive: function getFeedsRecursive(site, userId, authorId, lastKey) {
+    var feeds = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
     return new Promise(resolve => {
       feedActions.getFeeds(site, userId, authorId, lastKey).then(res => {
-        const newFeeds = [...feeds, ...res.data.Items];
+        var newFeeds = [...feeds, ...res.data.Items];
         if (!res.data.LastKey) {
           return resolve(newFeeds);
         }
@@ -247,22 +258,22 @@ const feedActions = {
   },
   createFeed: feed => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'createPost'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "createPost"),
       data: _objectSpread$5({}, feed)
     });
   },
   editFeed: feed => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'editPost'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "editPost"),
       data: _objectSpread$5({}, feed)
     });
   },
   deleteFeed: id => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'deletePost'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "deletePost"),
       data: {
         id
       }
@@ -270,8 +281,8 @@ const feedActions = {
   },
   reviewFeed: (id, approved) => {
     return Session$7.authedFunction({
-      method: 'POST',
-      url: Helper$5.getUrl(values.serviceKey, 'reviewPost'),
+      method: "POST",
+      url: Helper$5.getUrl(values.serviceKey, "reviewPost"),
       data: {
         id,
         approved
@@ -280,13 +291,13 @@ const feedActions = {
   }
 };
 
-const {
+var {
   Helper: Helper$4,
   Session: Session$6
 } = PlussCore;
-const reactionActions = {
+var reactionActions = {
   addComment: (entityId, entityType, entityName, site, comment, image, parentId) => {
-    const data = {
+    var data = {
       entityId,
       entityType,
       entityName,
@@ -298,8 +309,8 @@ const reactionActions = {
       data.image = image;
     }
     return Session$6.authedFunction({
-      method: 'POST',
-      url: Helper$4.getUrl('reactions', 'comments/add'),
+      method: "POST",
+      url: Helper$4.getUrl("reactions", "comments/add"),
       data
     });
   },
@@ -313,7 +324,7 @@ const reactionActions = {
   //   });
   // },
   getComments: (entityId, entityType, minTime) => {
-    const query = {
+    var query = {
       entityId,
       entityType
     };
@@ -321,28 +332,28 @@ const reactionActions = {
       query.minTime = minTime;
     }
     return Session$6.authedFunction({
-      method: 'GET',
-      url: Helper$4.getUrl('reactions', 'comments/get', query)
+      method: "GET",
+      url: Helper$4.getUrl("reactions", "comments/get", query)
     });
   }
 };
 
-const {
+var {
   Apis
 } = PlussCore;
 Apis.analyticsActions;
-const userActions = Apis.userActions;
+var userActions = Apis.userActions;
 
-const {
+var {
   Helper: Helper$3
 } = PlussCore;
-const feedsUpdate = (site, isdashboard) => {
+var feedsUpdate = (site, isdashboard) => {
   return dispatch => {
     if (isdashboard) dispatch({
       type: FEEDS_LOADING
     });
     feedActions.getFeedsRecursive(site).then(res => {
-      const currentSite = Helper$3.readStorageWithCookie('site');
+      var currentSite = Helper$3.readStorageWithCookie("site");
       if (!_.isEmpty(res) && res[0].site === currentSite) {
         dispatch({
           type: FEEDS_LOADED,
@@ -357,31 +368,31 @@ const feedsUpdate = (site, isdashboard) => {
     });
   };
 };
-const feedsLoaded = feeds => {
+var feedsLoaded = feeds => {
   return {
     type: FEEDS_LOADED,
     payload: feeds
   };
 };
-const removeFeed = id => {
+var removeFeed = id => {
   return {
     type: FEEDS_REMOVED,
     payload: id
   };
 };
-const feedsSubmissionsLoaded = submissions => {
+var feedsSubmissionsLoaded = submissions => {
   return {
     type: FEEDS_SUBMISSIONS_LOADED,
     payload: submissions
   };
 };
-const removeFeedSubmission = id => {
+var removeFeedSubmission = id => {
   return {
     type: FEEDS_SUBMISSIONS_REMOVED,
     payload: id
   };
 };
-const feedTypesUpdate = site => {
+var feedTypesUpdate = site => {
   return dispatch => {
     feedActions.getFeedTypes(site).then(res => {
       dispatch({
@@ -391,21 +402,21 @@ const feedTypesUpdate = site => {
     });
   };
 };
-const feedTypesLoaded = feedTypes => {
+var feedTypesLoaded = feedTypes => {
   return {
     type: FEED_TYPES_LOADED,
     payload: feedTypes
   };
 };
 
-const {
+var {
   Actions
 } = PlussCore;
-const usersLoaded = Actions.usersLoaded;
+var usersLoaded = Actions.usersLoaded;
 
 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 {
+var {
   Session: Session$5,
   Components: Components$4,
   Analytics
@@ -415,34 +426,34 @@ class FeedList extends Component {
     var _this;
     super(props);
     _this = this;
-    _defineProperty(this, "getUsers", async () => {
-      const {
+    _defineProperty(this, "getUsers", /*#__PURE__*/_asyncToGenerator(function* () {
+      var {
         auth
-      } = this.props;
+      } = _this.props;
       try {
-        const res = await userActions.fetchUsers(auth.site);
+        var res = yield userActions.fetchUsers(auth.site);
         if (res.data != null && !_.isEmpty(res.data.results.Items) && res.data.results.Items[0].site === auth.site) {
-          this.props.usersLoaded(res.data.results.Items);
+          _this.props.usersLoaded(res.data.results.Items);
         }
       } catch (error) {
-        console.error('getUsers', error);
+        console.error("getUsers", error);
       }
-    });
-    _defineProperty(this, "getFeeds", async () => {
-      const {
+    }));
+    _defineProperty(this, "getFeeds", /*#__PURE__*/_asyncToGenerator(function* () {
+      var {
         auth
-      } = this.props;
+      } = _this.props;
       try {
-        const res = await feedActions.getFeedsRecursive(auth.site);
+        var res = yield feedActions.getFeedsRecursive(auth.site);
         if (!_.isEmpty(res) && res[0].site === auth.site) {
-          this.props.feedsLoaded(res);
+          _this.props.feedsLoaded(res);
         }
       } catch (error) {
-        console.error('getFeeds', error);
+        console.error("getFeeds", error);
       }
-    });
+    }));
     _defineProperty(this, "sortByCol", col => {
-      const {
+      var {
         sortColumn,
         sortDesc
       } = this.state;
@@ -457,18 +468,23 @@ class FeedList extends Component {
         });
       }
     });
-    _defineProperty(this, "onRemoveFeed", async feed => {
-      if (window.confirm(values.textAreYouSureYouWantToDelete)) {
-        this.props.removeFeed(feed.id);
-        try {
-          await feedActions.deleteFeed(feed.id);
-          this.getFeeds();
-        } catch (error) {
-          console.log('onRemoveFeed', error);
-          alert('Something went wrong with the request. Please try again.');
+    _defineProperty(this, "onRemoveFeed", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator(function* (feed) {
+        if (window.confirm(values.textAreYouSureYouWantToDelete)) {
+          _this.props.removeFeed(feed.id);
+          try {
+            yield feedActions.deleteFeed(feed.id);
+            _this.getFeeds();
+          } catch (error) {
+            console.log("onRemoveFeed", error);
+            alert("Something went wrong with the request. Please try again.");
+          }
         }
-      }
-    });
+      });
+      return function (_x) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
     _defineProperty(this, "openFilter", filter => {
       this.setState({
         filterOpen: filter
@@ -499,22 +515,22 @@ class FeedList extends Component {
     _defineProperty(this, "isValidTimeFilter", () => {
       if (!this.state.selectedTimeFilter) return false;
       if (this.state.selectedTimeFilter.dayCount > 0) return true;
-      return moment(this.state.timeFilterStart).startOf('d').valueOf() < moment(this.state.timeFilterEnd).endOf('d').valueOf();
+      return moment(this.state.timeFilterStart).startOf("d").valueOf() < moment(this.state.timeFilterEnd).endOf("d").valueOf();
     });
     _defineProperty(this, "saveTimeFilter", () => {
       if (!this.isValidTimeFilter()) return;
-      let startTime = 0;
-      let endTime = moment().endOf('d').valueOf();
-      let text = '';
+      var startTime = 0;
+      var endTime = moment().endOf("d").valueOf();
+      var text = "";
       if (this.state.selectedTimeFilter.dayCount > 0) {
-        startTime = moment().add(-this.state.selectedTimeFilter.dayCount, 'd').startOf('d').valueOf();
+        startTime = moment().add(-this.state.selectedTimeFilter.dayCount, "d").startOf("d").valueOf();
         text = this.state.selectedTimeFilter.text;
       } else {
-        const startDate = moment(this.state.timeFilterStart).startOf('d');
-        const endDate = moment(this.state.timeFilterEnd).endOf('d');
+        var startDate = moment(this.state.timeFilterStart).startOf("d");
+        var endDate = moment(this.state.timeFilterEnd).endOf("d");
         startTime = startDate.valueOf();
         endTime = endDate.valueOf();
-        text = "".concat(startDate.format('DD/MM/YYYY'), "  to  ").concat(endDate.format('DD/MM/YYYY'));
+        text = "".concat(startDate.format("DD/MM/YYYY"), "  to  ").concat(endDate.format("DD/MM/YYYY"));
       }
       this.setState({
         selectedTimeFilterStart: startTime,
@@ -532,11 +548,11 @@ class FeedList extends Component {
     });
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
-      stateChange[event.target.getAttribute('id')] = event.target.value;
+      stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
     _defineProperty(this, "onSelectUser", function (userKey) {
-      let user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      var user = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
       _this.setState({
         [userKey]: user
       });
@@ -547,11 +563,11 @@ class FeedList extends Component {
         ["".concat(userKey, "FilterText")]: null
       });
       // Notifiy user filter reset (for preselecting user in add)
-      if (userKey === 'selectedUser' && this.props.onUserSelected) this.props.onUserSelected('');
+      if (userKey === "selectedUser" && this.props.onUserSelected) this.props.onUserSelected("");
     });
     _defineProperty(this, "saveUserFilter", userKey => {
-      const selected = this.state[userKey];
-      let userId = '';
+      var selected = this.state[userKey];
+      var userId = "";
       if (!selected) {
         this.removeUserFilter(userKey);
       } else {
@@ -562,19 +578,19 @@ class FeedList extends Component {
           [userKey]: null
         });
         // Notifiy user filter set (for preselecting user in add)
-        if (userKey === 'selectedUser' && this.props.onUserSelected) this.props.onUserSelected(userId);
+        if (userKey === "selectedUser" && this.props.onUserSelected) this.props.onUserSelected(userId);
       }
       this.closeFilter();
     });
     _defineProperty(this, "getSource", () => {
-      const {
+      var {
         selectedTimeFilterStart,
         selectedTimeFilterEnd,
         selectedTypeFilter,
         selectedUserFilter,
         selectedAuthorFilter
       } = this.state;
-      let source = this.props.source;
+      var source = this.props.source;
 
       // filter by time
       if (selectedTimeFilterStart && selectedTimeFilterEnd) {
@@ -625,9 +641,9 @@ class FeedList extends Component {
         });
       }
       source = _.sortBy(source, event => {
-        if (this.state.sortColumn === 'userName') return event.user.displayName;
-        if (this.state.sortColumn === 'authorName') return event.author.displayName;
-        if (this.state.sortColumn !== 'created') return event[this.state.sortColumn];
+        if (this.state.sortColumn === "userName") return event.user.displayName;
+        if (this.state.sortColumn === "authorName") return event.author.displayName;
+        if (this.state.sortColumn !== "created") return event[this.state.sortColumn];
         return event.created;
       });
       if (this.state.sortDesc) source.reverse();
@@ -635,11 +651,11 @@ class FeedList extends Component {
     });
     _defineProperty(this, "getExportSource", () => {
       return this.getSource().map(r => {
-        const userName = r.user.displayName;
-        const userId = r.user.id;
-        const authorName = r.author.displayName;
-        const authorId = r.author.id;
-        const created = moment.utc(r.created).format();
+        var userName = r.user.displayName;
+        var userId = r.user.id;
+        var authorName = r.author.displayName;
+        var authorId = r.author.id;
+        var created = moment.utc(r.created).format();
         return _objectSpread$4(_objectSpread$4({}, r), {}, {
           userName,
           userId,
@@ -664,7 +680,7 @@ class FeedList extends Component {
       });
     });
     this.state = {
-      sortColumn: 'created',
+      sortColumn: "created",
       sortDesc: true,
       selectedTimeFilter: Analytics.getAnalyticsFilterOptions()[1],
       selectedTimeFilterStart: null,
@@ -679,35 +695,35 @@ class FeedList extends Component {
       selectedTypeFilter: null
     };
     this.exportColumns = [{
-      label: 'Select All',
-      key: ''
+      label: "Select All",
+      key: ""
     }, {
-      label: 'System Id',
-      key: 'id'
+      label: "System Id",
+      key: "id"
     }, {
-      label: 'Type',
-      key: 'type'
+      label: "Type",
+      key: "type"
     }, {
-      label: 'Title',
-      key: 'title'
+      label: "Title",
+      key: "title"
     }, {
-      label: 'Text',
-      key: 'text'
+      label: "Text",
+      key: "text"
     }, {
-      label: 'User Name',
-      key: 'userName'
+      label: "User Name",
+      key: "userName"
     }, {
-      label: 'User ID',
-      key: 'userId'
+      label: "User ID",
+      key: "userId"
     }, {
-      label: 'Author Name',
-      key: 'authorName'
+      label: "Author Name",
+      key: "authorName"
     }, {
-      label: 'Author ID',
-      key: 'authorId'
+      label: "Author ID",
+      key: "authorId"
     }, {
-      label: 'Post Time',
-      key: 'created'
+      label: "Post Time",
+      key: "created"
     }];
   }
   UNSAFE_componentWillMount() {
@@ -718,10 +734,10 @@ class FeedList extends Component {
     this.getFeeds();
   }
   renderTimePopup() {
-    const {
+    var {
       selectedTimeFilter
     } = this.state;
-    return /*#__PURE__*/React.createElement(Components$4.Popup, {
+    return /*#__PURE__*/jsx(Components$4.Popup, {
       title: "Select Time",
       maxWidth: 600,
       minWidth: 400,
@@ -729,251 +745,286 @@ class FeedList extends Component {
       hasPadding: true,
       onClose: this.closeFilter,
       buttons: [{
-        type: 'primaryAction',
+        type: "primaryAction",
         onClick: this.saveTimeFilter,
-        text: 'Select',
+        text: "Select",
         isActive: this.isValidTimeFilter()
-      }]
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        minHeight: 150
-      }
-    }, /*#__PURE__*/React.createElement(Components$4.AnalyticsFilter, {
-      defaultFilter: selectedTimeFilter,
-      filterChanged: this.timeFilterChanged,
-      filterDateRangeChanged: this.timeFilterDateRangeChanged
-    })));
+      }],
+      children: /*#__PURE__*/jsx("div", {
+        style: {
+          minHeight: 150
+        },
+        children: /*#__PURE__*/jsx(Components$4.AnalyticsFilter, {
+          defaultFilter: selectedTimeFilter,
+          filterChanged: this.timeFilterChanged,
+          filterDateRangeChanged: this.timeFilterDateRangeChanged
+        })
+      })
+    });
   }
   renderUserPopup(userKey, label) {
-    const {
+    var {
       userSearch
     } = this.state;
-    const selected = this.state[userKey];
-    let userContent = null;
+    var selected = this.state[userKey];
+    var userContent = null;
     if (selected) {
-      userContent = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components$4.UserListing, {
-        key: selected.id || selected.Id,
-        user: selected,
-        rightContent: /*#__PURE__*/React.createElement(Components$4.SVGIcon, {
-          className: "removeIcon",
-          icon: "close",
-          onClick: () => this.onSelectUser(userKey),
-          colour: Colours$1.COLOUR_DUSK
-        })
-      }));
+      userContent = /*#__PURE__*/jsx("div", {
+        children: /*#__PURE__*/jsx(Components$4.UserListing, {
+          user: selected,
+          rightContent: /*#__PURE__*/jsx(Icon, {
+            className: "removeIcon",
+            icon: "xmark",
+            onClick: () => this.onSelectUser(userKey),
+            colour: Colours$1.COLOUR_DUSK
+          })
+        }, selected.id || selected.Id)
+      });
     } else {
-      userContent = /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components$4.GenericInput, {
-        id: "userSearch",
-        type: "text"
-        // label="Search"
-        ,
-        placeholder: "Search name",
-        value: userSearch,
-        onChange: e => this.onHandleChange(e),
-        alwaysShowLabel: true
-      }), _.sortBy(this.props.users, u => u.displayName.toUpperCase()).filter(u => {
-        if (_.isEmpty(userSearch)) return true;
-        return u.displayName.toUpperCase().indexOf(userSearch.toUpperCase()) > -1;
-      }).map(user => {
-        return /*#__PURE__*/React.createElement(Components$4.UserListing, {
-          key: user.Id,
-          user: user,
-          onClick: () => this.onSelectUser(userKey, user)
-        });
-      }));
+      userContent = /*#__PURE__*/jsxs("div", {
+        children: [/*#__PURE__*/jsx(Components$4.GenericInput, {
+          id: "userSearch",
+          type: "text"
+          // label="Search"
+          ,
+          placeholder: "Search name",
+          value: userSearch,
+          onChange: e => this.onHandleChange(e),
+          alwaysShowLabel: true
+        }), _.sortBy(this.props.users, u => u.displayName.toUpperCase()).filter(u => {
+          if (_.isEmpty(userSearch)) return true;
+          return u.displayName.toUpperCase().indexOf(userSearch.toUpperCase()) > -1;
+        }).map(user => {
+          return /*#__PURE__*/jsx(Components$4.UserListing, {
+            user: user,
+            onClick: () => this.onSelectUser(userKey, user)
+          }, user.Id);
+        })]
+      });
     }
-    return /*#__PURE__*/React.createElement(Components$4.Popup, {
+    return /*#__PURE__*/jsx(Components$4.Popup, {
       title: "Select ".concat(label),
       maxWidth: 600,
       minWidth: 400,
       hasPadding: true,
       onClose: this.closeFilter,
       buttons: [{
-        type: 'primaryAction',
+        type: "primaryAction",
         onClick: () => this.saveUserFilter(userKey),
-        text: 'Select',
+        text: "Select",
         isActive: true
-      }]
-    }, userContent);
+      }],
+      children: userContent
+    });
   }
   renderTypePopup() {
-    const validTypes = _.uniq(this.props.source.map(r => r.type)).filter(t => t);
-    const orderedTypes = _.sortBy(validTypes, t => t.toLowerCase());
-    return /*#__PURE__*/React.createElement(Components$4.Popup, {
+    var validTypes = _.uniq(this.props.source.map(r => r.type)).filter(t => t);
+    var orderedTypes = _.sortBy(validTypes, t => t.toLowerCase());
+    return /*#__PURE__*/jsx(Components$4.Popup, {
       title: "Select Type",
       maxWidth: 600,
       minWidth: 400,
       hasPadding: true,
-      onClose: this.closeFilter
-    }, orderedTypes.map(type => {
-      return /*#__PURE__*/React.createElement(Components$4.Tag, {
-        key: type,
-        onClick: () => this.selectTypeFilter(type),
-        text: type,
-        className: "marginRight-10 marginBottom-8"
-      });
-    }));
+      onClose: this.closeFilter,
+      children: orderedTypes.map(type => {
+        return /*#__PURE__*/jsx(Components$4.Tag, {
+          onClick: () => this.selectTypeFilter(type),
+          text: type,
+          className: "marginRight-10 marginBottom-8"
+        }, type);
+      })
+    });
   }
   renderFilterPopup() {
     if (!this.state.filterOpen) return null;
-    if (this.state.filterOpen === 'time') return this.renderTimePopup();
-    if (this.state.filterOpen === 'user') return this.renderUserPopup('selectedUser', 'User');
-    if (this.state.filterOpen === 'author') return this.renderUserPopup('selectedAuthor', 'Author');
-    if (this.state.filterOpen === 'type') return this.renderTypePopup();
+    if (this.state.filterOpen === "time") return this.renderTimePopup();
+    if (this.state.filterOpen === "user") return this.renderUserPopup("selectedUser", "User");
+    if (this.state.filterOpen === "author") return this.renderUserPopup("selectedAuthor", "Author");
+    if (this.state.filterOpen === "type") return this.renderTypePopup();
     return null;
   }
   renderFeeds() {
     // Posts can only be edited or deleted by those with full admin privileges
-    const canEdit = Session$5.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
+    var canEdit = Session$5.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
     return this.getSource().map((feed, index) => {
       if (!feed) {
         return null;
       }
-      return /*#__PURE__*/React.createElement("tr", {
-        key: index
-      }, /*#__PURE__*/React.createElement("td", {
-        className: "table-TitleColumn"
-      }, /*#__PURE__*/React.createElement(Link, {
-        to: "".concat(values.routeFeedDetails, "/").concat(feed.id)
-      }, /*#__PURE__*/React.createElement("span", null, feed.title))), /*#__PURE__*/React.createElement("td", null, moment.utc(feed.created).local().format('ddd D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("td", null, feed.user && feed.user.displayName), /*#__PURE__*/React.createElement("td", null, feed.author && feed.author.displayName), /*#__PURE__*/React.createElement("td", {
-        className: "table-options"
-      }, canEdit ? /*#__PURE__*/React.createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/React.createElement(Link, {
-        to: "".concat(values.routeFeedDetails, "/").concat(feed.id)
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        style: {
-          fontSize: 20,
-          padding: 5,
-          cursor: 'pointer'
-        },
-        name: "pencil"
-      })), /*#__PURE__*/React.createElement("a", {
-        onClick: () => this.onRemoveFeed(feed)
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        style: {
-          fontSize: 20,
-          padding: 5,
-          marginLeft: 8,
-          cursor: 'pointer'
-        },
-        name: "minus-circle"
-      }))) : null));
+      return /*#__PURE__*/jsxs("tr", {
+        children: [/*#__PURE__*/jsx("td", {
+          className: "table-TitleColumn",
+          children: /*#__PURE__*/jsx(Link, {
+            to: "".concat(values.routeFeedDetails, "/").concat(feed.id),
+            children: /*#__PURE__*/jsx("span", {
+              children: feed.title
+            })
+          })
+        }), /*#__PURE__*/jsx("td", {
+          children: moment.utc(feed.created).local().format("ddd D MMM YYYY h:mma")
+        }), /*#__PURE__*/jsx("td", {
+          children: feed.user && feed.user.displayName
+        }), /*#__PURE__*/jsx("td", {
+          children: feed.author && feed.author.displayName
+        }), /*#__PURE__*/jsx("td", {
+          className: "table-options",
+          children: canEdit ? /*#__PURE__*/jsxs("div", {
+            style: {
+              display: "flex",
+              alignItems: "center"
+            },
+            children: [/*#__PURE__*/jsx(Link, {
+              to: "".concat(values.routeFeedDetails, "/").concat(feed.id),
+              children: /*#__PURE__*/jsx(Icon, {
+                style: {
+                  fontSize: 20,
+                  padding: 5,
+                  cursor: "pointer"
+                },
+                icon: "pencil"
+              })
+            }), /*#__PURE__*/jsx("a", {
+              onClick: () => this.onRemoveFeed(feed),
+              children: /*#__PURE__*/jsx(Icon, {
+                style: {
+                  fontSize: 20,
+                  padding: 5,
+                  marginLeft: 8,
+                  cursor: "pointer"
+                },
+                icon: "circle-minus"
+              })
+            })]
+          }) : null
+        })]
+      }, index);
     });
   }
   renderSort(col) {
-    const {
+    var {
       sortColumn,
       sortDesc
     } = this.state;
     if (col !== sortColumn) return null;
-    return /*#__PURE__*/React.createElement(FontAwesome, {
+    return /*#__PURE__*/jsx(Icon, {
       style: {
         marginLeft: 5
       },
-      name: sortDesc ? 'chevron-up' : 'chevron-down'
+      icon: sortDesc ? "fa-".concat("chevron-up") : "fa-".concat("chevron-down")
     });
   }
   sortIsActive(col) {
-    if (col !== this.state.sortColumn) return '';
-    return ' table--columnActive';
+    if (col !== this.state.sortColumn) return "";
+    return " table--columnActive";
   }
   renderEmpty() {
-    const title = this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleRequests;
-    return /*#__PURE__*/React.createElement("div", {
+    var title = this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleRequests;
+    return /*#__PURE__*/jsxs("div", {
       style: {
-        display: 'flex',
-        flexDirection: 'column',
+        display: "flex",
+        flexDirection: "column",
         flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
+        justifyContent: "center",
+        alignItems: "center",
         marginTop: 32
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "emptyState"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-32",
-      style: {
-        maxWidth: 500,
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "fontRegular fontSize-13"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "fontHeavy text-brandingColour"
-    }, title, " "), values.textEmptyDescription)), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-8 fontRegular fontSize-13",
-      style: {
-        maxWidth: 500,
-        textAlign: 'center'
-      }
-    }, values.textEmptyExample));
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: "emptyState"
+      }), /*#__PURE__*/jsx("div", {
+        className: "marginTop-32",
+        style: {
+          maxWidth: 500,
+          textAlign: "center"
+        },
+        children: /*#__PURE__*/jsxs("span", {
+          className: "fontRegular fontSize-13",
+          children: [/*#__PURE__*/jsxs("span", {
+            className: "fontHeavy text-brandingColour",
+            children: [title, " "]
+          }), values.textEmptyDescription]
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: "marginTop-8 fontRegular fontSize-13",
+        style: {
+          maxWidth: 500,
+          textAlign: "center"
+        },
+        children: values.textEmptyExample
+      })]
+    });
   }
   renderContent() {
     if (_.isEmpty(this.props.source)) return this.renderEmpty();
-    return /*#__PURE__*/React.createElement(Table, {
+    return /*#__PURE__*/jsxs(Table, {
       className: "plussTable",
       striped: true,
       bordered: true,
       condensed: true,
       hover: true,
       style: {
-        minWidth: '100%',
+        minWidth: "100%",
         marginTop: 32
-      }
-    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('title')),
-      style: {
-        cursor: 'pointer',
-        minWidth: 200
-      },
-      onClick: () => {
-        this.sortByCol('title');
-      }
-    }, "Title", this.renderSort('title')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('created')),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => {
-        this.sortByCol('created');
-      }
-    }, "Time", this.renderSort('created')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('userName')),
-      style: {
-        cursor: 'pointer'
       },
-      onClick: () => {
-        this.sortByCol('userName');
-      }
-    }, "Posted To", this.renderSort('userName')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('authorName')),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => {
-        this.sortByCol('authorName');
-      }
-    }, "Author", this.renderSort('authorName')), /*#__PURE__*/React.createElement("th", {
-      style: {
-        width: 50
-      }
-    }))), /*#__PURE__*/React.createElement("tbody", null, this.renderFeeds()));
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsxs("tr", {
+          children: [/*#__PURE__*/jsxs("th", {
+            className: "".concat(this.sortIsActive("title")),
+            style: {
+              cursor: "pointer",
+              minWidth: 200
+            },
+            onClick: () => {
+              this.sortByCol("title");
+            },
+            children: ["Title", this.renderSort("title")]
+          }), /*#__PURE__*/jsxs("th", {
+            className: "".concat(this.sortIsActive("created")),
+            style: {
+              cursor: "pointer"
+            },
+            onClick: () => {
+              this.sortByCol("created");
+            },
+            children: ["Time", this.renderSort("created")]
+          }), /*#__PURE__*/jsxs("th", {
+            className: "".concat(this.sortIsActive("userName")),
+            style: {
+              cursor: "pointer"
+            },
+            onClick: () => {
+              this.sortByCol("userName");
+            },
+            children: ["Posted To", this.renderSort("userName")]
+          }), /*#__PURE__*/jsxs("th", {
+            className: "".concat(this.sortIsActive("authorName")),
+            style: {
+              cursor: "pointer"
+            },
+            onClick: () => {
+              this.sortByCol("authorName");
+            },
+            children: ["Author", this.renderSort("authorName")]
+          }), /*#__PURE__*/jsx("th", {
+            style: {
+              width: 50
+            }
+          })]
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: this.renderFeeds()
+      })]
+    });
   }
   renderFilters() {
-    let typeFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+    var typeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
-      onClick: () => this.openFilter('type'),
+      onClick: () => this.openFilter("type"),
       text: "Type"
     });
     if (this.state.selectedTypeFilter) {
-      typeFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+      typeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('type');
+          this.openFilter("type");
         },
         rightIcon: "close",
         rightClick: e => {
@@ -983,18 +1034,18 @@ class FeedList extends Component {
         text: this.state.selectedTypeFilter
       });
     }
-    let timeFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+    var timeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: () => {
-        this.openFilter('time');
+        this.openFilter("time");
       },
       text: "Time"
     });
     if (this.state.selectedTimeFilterText) {
-      timeFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+      timeFilter = /*#__PURE__*/jsx(Components$4.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('time');
+          this.openFilter("time");
         },
         rightIcon: "close",
         rightClick: e => {
@@ -1004,68 +1055,74 @@ class FeedList extends Component {
         text: this.state.selectedTimeFilterText
       });
     }
-    let userFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+    var userFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: () => {
-        this.openFilter('user');
+        this.openFilter("user");
       },
       text: "User"
     });
     if (this.state.selectedUserFilter) {
-      userFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+      userFilter = /*#__PURE__*/jsx(Components$4.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('user');
+          this.openFilter("user");
         },
         rightIcon: "close",
         rightClick: e => {
           e.stopPropagation();
-          this.removeUserFilter('selectedUser');
+          this.removeUserFilter("selectedUser");
         },
         text: this.state.selectedUserFilterText
       });
     }
-    let authorFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+    var authorFilter = /*#__PURE__*/jsx(Components$4.Tag, {
       className: "marginRight-10",
       onClick: () => {
-        this.openFilter('author');
+        this.openFilter("author");
       },
       text: "Author"
     });
     if (this.state.selectedAuthorFilter) {
-      authorFilter = /*#__PURE__*/React.createElement(Components$4.Tag, {
+      authorFilter = /*#__PURE__*/jsx(Components$4.Tag, {
         className: "marginRight-10",
         onClick: () => {
-          this.openFilter('author');
+          this.openFilter("author");
         },
         rightIcon: "close",
         rightClick: e => {
           e.stopPropagation();
-          this.removeUserFilter('selectedAuthor');
+          this.removeUserFilter("selectedAuthor");
         },
         text: this.state.selectedAuthorFilterText
       });
     }
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-20 flex flex-between flex-center"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "flex flex-center"
-    }, /*#__PURE__*/React.createElement(Components$4.Text, {
-      type: "h5",
-      className: "marginRight-20"
-    }, "Filter by"), timeFilter, userFilter, authorFilter, typeFilter), /*#__PURE__*/React.createElement(Components$4.Button, {
-      inline: true,
-      buttonType: "primaryAction",
-      leftIcon: "file-code-o",
-      onClick: this.onOpenExportCsv,
-      isActive: !_.isEmpty(this.getSource())
-    }, "Export CSV")));
+    return /*#__PURE__*/jsx("div", {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "marginTop-20 flex flex-between flex-center",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex flex-center",
+          children: [/*#__PURE__*/jsx(Components$4.Text, {
+            type: "h5",
+            className: "marginRight-20",
+            children: "Filter by"
+          }), timeFilter, userFilter, authorFilter, typeFilter]
+        }), /*#__PURE__*/jsx(Components$4.Button, {
+          inline: true,
+          buttonType: "primaryAction",
+          leftIcon: "file-code",
+          onClick: this.onOpenExportCsv,
+          isActive: !_.isEmpty(this.getSource()),
+          children: "Export CSV"
+        })]
+      })
+    });
   }
   renderCSVPopup() {
     if (!this.state.exportCsvOpen) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(Components$4.ExportCsvPopup, {
+    return /*#__PURE__*/jsx(Components$4.ExportCsvPopup, {
       onClose: this.onCloseExportCsv,
       columns: this.exportColumns,
       source: this.getExportSource(),
@@ -1073,18 +1130,19 @@ class FeedList extends Component {
     });
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsxs("div", {
       style: {
-        minWidth: '100%'
-      }
-    }, this.renderFilterPopup(), this.renderCSVPopup(), this.renderFilters(), this.renderContent());
+        minWidth: "100%"
+      },
+      children: [this.renderFilterPopup(), this.renderCSVPopup(), this.renderFilters(), this.renderContent()]
+    });
   }
 }
-const mapStateToProps$5 = state => {
-  const {
+var mapStateToProps$5 = state => {
+  var {
     users
   } = state.users;
-  const {
+  var {
     auth
   } = state;
   return {
@@ -1100,33 +1158,35 @@ var FeedList$1 = connect(mapStateToProps$5, {
   usersLoaded
 })(withRouter(FeedList));
 
-const {
+var {
   Session: Session$4
 } = PlussCore;
 class FeedSubmissions extends Component {
   constructor() {
+    var _this;
     super(...arguments);
+    _this = this;
     _defineProperty(this, "state", {
       feedSubmissions: [],
-      sortColumn: 'created',
+      sortColumn: "created",
       // column to sort by
       sortDesc: false // if true, sort descending rather than ascending
     });
-    _defineProperty(this, "getData", async () => {
-      const {
+    _defineProperty(this, "getData", /*#__PURE__*/_asyncToGenerator(function* () {
+      var {
         auth
-      } = this.props;
+      } = _this.props;
       try {
-        const res = await feedActions.getFeedSubmissions(auth.site);
-        const submissions = res.data.Items;
+        var res = yield feedActions.getFeedSubmissions(auth.site);
+        var submissions = res.data.Items;
         // console.log('getSubmissions', submissions && submissions[0]);
         if (!_.isEmpty(submissions) && submissions[0].site === auth.site) {
-          this.props.feedsSubmissionsLoaded(submissions);
+          _this.props.feedsSubmissionsLoaded(submissions);
         }
       } catch (error) {
-        console.log('getData error', error);
+        console.log("getData error", error);
       }
-    });
+    }));
   }
   UNSAFE_componentWillMount() {
     Session$4.checkLoggedIn(this, this.props.auth);
@@ -1156,23 +1216,33 @@ class FeedSubmissions extends Component {
     }
   }
   renderSubmissions() {
-    let source = _.sortBy(this.props.source, feed => {
-      if (this.state.sortColumn === 'userName') return feed.user.displayName;
-      if (this.state.sortColumn === 'authorName') return feed.author.displayName;
-      if (this.state.sortColumn !== 'created') return feed[this.state.sortColumn];
+    var source = _.sortBy(this.props.source, feed => {
+      if (this.state.sortColumn === "userName") return feed.user.displayName;
+      if (this.state.sortColumn === "authorName") return feed.author.displayName;
+      if (this.state.sortColumn !== "created") return feed[this.state.sortColumn];
       return feed.created;
     });
     if (this.state.sortDesc) source.reverse();
     source = _.filter(source, feed => feed);
     return source.map(feed => {
       if (feed != null) {
-        return /*#__PURE__*/React.createElement("tr", {
-          key: feed.id
-        }, /*#__PURE__*/React.createElement("td", {
-          className: "table-TitleColumn"
-        }, /*#__PURE__*/React.createElement(Link, {
-          to: "".concat(values.routeFeedDetails, "/").concat(feed.id)
-        }, /*#__PURE__*/React.createElement("span", null, feed.title))), /*#__PURE__*/React.createElement("td", null, moment.utc(feed.createdTime).local().format('ddd D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("td", null, feed.user && feed.user.displayName), /*#__PURE__*/React.createElement("td", null, feed.author && feed.author.displayName));
+        return /*#__PURE__*/jsxs("tr", {
+          children: [/*#__PURE__*/jsx("td", {
+            className: "table-TitleColumn",
+            children: /*#__PURE__*/jsx(Link, {
+              to: "".concat(values.routeFeedDetails, "/").concat(feed.id),
+              children: /*#__PURE__*/jsx("span", {
+                children: feed.title
+              })
+            })
+          }), /*#__PURE__*/jsx("td", {
+            children: moment.utc(feed.createdTime).local().format("ddd D MMM YYYY h:mma")
+          }), /*#__PURE__*/jsx("td", {
+            children: feed.user && feed.user.displayName
+          }), /*#__PURE__*/jsx("td", {
+            children: feed.author && feed.author.displayName
+          })]
+        }, feed.id);
       }
       return null;
     });
@@ -1181,72 +1251,84 @@ class FeedSubmissions extends Component {
     if (col !== this.state.sortColumn) {
       return null;
     }
-    return /*#__PURE__*/React.createElement(FontAwesome, {
+    return /*#__PURE__*/jsx(Icon, {
       style: {
         marginLeft: 5
       },
-      name: this.state.sortDesc ? 'chevron-up' : 'chevron-down'
+      icon: this.state.sortDesc ? "fa-".concat("chevron-up") : "fa-".concat("chevron-down")
     });
   }
   sortIsActive(col) {
     if (col !== this.state.sortColumn) {
-      return '';
+      return "";
     }
-    return ' table--columnActive';
+    return " table--columnActive";
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsx("div", {
       style: {
-        minWidth: '100%'
-      }
-    }, /*#__PURE__*/React.createElement(Table, {
-      className: "plussTable",
-      striped: true,
-      bordered: true,
-      condensed: true,
-      hover: true
-    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('title')),
-      style: {
-        cursor: 'pointer',
-        minWidth: 200
+        minWidth: "100%"
       },
-      onClick: () => {
-        this.sortByCol('title');
-      }
-    }, "Title", this.renderSort('title')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('created')),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => {
-        this.sortByCol('created');
-      }
-    }, "Time", this.renderSort('created')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('userName')),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => {
-        this.sortByCol('userName');
-      }
-    }, "Posted To", this.renderSort('userName')), /*#__PURE__*/React.createElement("th", {
-      className: "".concat(this.sortIsActive('authorName')),
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => {
-        this.sortByCol('authorName');
-      }
-    }, "Author", this.renderSort('authorName')), /*#__PURE__*/React.createElement("th", {
-      style: {
-        width: 50
-      }
-    }))), /*#__PURE__*/React.createElement("tbody", null, this.renderSubmissions())));
+      children: /*#__PURE__*/jsxs(Table, {
+        className: "plussTable",
+        striped: true,
+        bordered: true,
+        condensed: true,
+        hover: true,
+        children: [/*#__PURE__*/jsx("thead", {
+          children: /*#__PURE__*/jsxs("tr", {
+            children: [/*#__PURE__*/jsxs("th", {
+              className: "".concat(this.sortIsActive("title")),
+              style: {
+                cursor: "pointer",
+                minWidth: 200
+              },
+              onClick: () => {
+                this.sortByCol("title");
+              },
+              children: ["Title", this.renderSort("title")]
+            }), /*#__PURE__*/jsxs("th", {
+              className: "".concat(this.sortIsActive("created")),
+              style: {
+                cursor: "pointer"
+              },
+              onClick: () => {
+                this.sortByCol("created");
+              },
+              children: ["Time", this.renderSort("created")]
+            }), /*#__PURE__*/jsxs("th", {
+              className: "".concat(this.sortIsActive("userName")),
+              style: {
+                cursor: "pointer"
+              },
+              onClick: () => {
+                this.sortByCol("userName");
+              },
+              children: ["Posted To", this.renderSort("userName")]
+            }), /*#__PURE__*/jsxs("th", {
+              className: "".concat(this.sortIsActive("authorName")),
+              style: {
+                cursor: "pointer"
+              },
+              onClick: () => {
+                this.sortByCol("authorName");
+              },
+              children: ["Author", this.renderSort("authorName")]
+            }), /*#__PURE__*/jsx("th", {
+              style: {
+                width: 50
+              }
+            })]
+          })
+        }), /*#__PURE__*/jsx("tbody", {
+          children: this.renderSubmissions()
+        })]
+      })
+    });
   }
 }
-const mapStateToProps$4 = state => {
-  const {
+var mapStateToProps$4 = state => {
+  var {
     auth
   } = state;
   return {
@@ -1258,7 +1340,7 @@ var FeedSubmissions$1 = connect(mapStateToProps$4, {
   feedsSubmissionsLoaded
 })(FeedSubmissions);
 
-const {
+var {
   Session: Session$3,
   Components: Components$3
 } = PlussCore;
@@ -1267,18 +1349,18 @@ class FeedTypes extends Component {
     var _this;
     super(props);
     _this = this;
-    _defineProperty(this, "getFeedTypes", async () => {
+    _defineProperty(this, "getFeedTypes", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await feedActions.getFeedTypes(this.props.auth.site);
-        if (res.data != null) this.props.feedTypesLoaded(res.data);
+        var res = yield feedActions.getFeedTypes(_this.props.auth.site);
+        if (res.data != null) _this.props.feedTypesLoaded(res.data);
       } catch (error) {
-        console.error('getFeedTypes', error);
+        console.error("getFeedTypes", error);
       } finally {
-        this.setState({
+        _this.setState({
           loading: false
         });
       }
-    });
+    }));
     _defineProperty(this, "sortByCol", col => {
       if (this.state.sortColumn === col) {
         this.setState({
@@ -1292,7 +1374,7 @@ class FeedTypes extends Component {
       }
     });
     _defineProperty(this, "isFeedTypeValid", () => {
-      const {
+      var {
         feedTypeLabel,
         feedTypeColour
       } = this.state;
@@ -1300,29 +1382,34 @@ class FeedTypes extends Component {
       if (_.isEmpty(feedTypeColour)) return false;
       return true;
     });
-    _defineProperty(this, "onRemoveFeedType", async ev => {
-      if (!window.confirm("Are you sure you want to delete ".concat(ev.label, "?"))) return;
-      try {
-        await feedActions.deleteFeedType(this.props.auth.site, ev.id);
-        const index = _.findIndex(this.state.feedTypeList, feedType => {
-          return feedType != null && feedType.id === ev.id;
-        });
-        if (index > -1) {
-          const newFeedTypes = [...this.state.feedTypeList];
-          newFeedTypes[index].Deleted = true;
-          this.props.feedTypesLoaded(newFeedTypes);
+    _defineProperty(this, "onRemoveFeedType", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator(function* (ev) {
+        if (!window.confirm("Are you sure you want to delete ".concat(ev.label, "?"))) return;
+        try {
+          yield feedActions.deleteFeedType(_this.props.auth.site, ev.id);
+          var index = _.findIndex(_this.state.feedTypeList, feedType => {
+            return feedType != null && feedType.id === ev.id;
+          });
+          if (index > -1) {
+            var newFeedTypes = [..._this.state.feedTypeList];
+            newFeedTypes[index].Deleted = true;
+            _this.props.feedTypesLoaded(newFeedTypes);
+          }
+        } catch (error) {
+          console.error("onRemoveFeedType", error);
+          alert("Something went wrong with the request. Please try again.");
         }
-      } catch (error) {
-        console.error('onRemoveFeedType', error);
-        alert('Something went wrong with the request. Please try again.');
-      }
-    });
+      });
+      return function (_x) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
     _defineProperty(this, "onShowFeedType", function () {
-      let feedType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+      var feedType = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
       _this.setState({
         showFeedType: true,
         feedTypeId: feedType ? feedType.id : null,
-        feedTypeLabel: feedType ? feedType.label : '',
+        feedTypeLabel: feedType ? feedType.label : "",
         feedTypeColour: feedType ? feedType.colour : FeatureConfig.env.colourBrandingMain
       });
     });
@@ -1332,20 +1419,20 @@ class FeedTypes extends Component {
         showWarnings: false,
         showFeedType: false,
         feedTypeId: null,
-        feedTypeLabel: '',
-        feedTypeColour: ''
+        feedTypeLabel: "",
+        feedTypeColour: ""
       });
     });
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
-      stateChange[event.target.getAttribute('id')] = event.target.value;
+      stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
     _defineProperty(this, "onSave", () => {
-      const {
+      var {
         site
       } = this.props.auth;
-      const {
+      var {
         submitting,
         feedTypeId,
         feedTypeLabel,
@@ -1360,35 +1447,35 @@ class FeedTypes extends Component {
       }
       this.setState({
         submitting: true
-      }, async () => {
+      }, /*#__PURE__*/_asyncToGenerator(function* () {
         try {
           if (feedTypeId) {
-            await feedActions.editFeedType(site, feedTypeId, feedTypeLabel, feedTypeColour);
+            yield feedActions.editFeedType(site, feedTypeId, feedTypeLabel, feedTypeColour);
           } else {
-            await feedActions.addFeedType(site, feedTypeLabel, feedTypeColour);
+            yield feedActions.addFeedType(site, feedTypeLabel, feedTypeColour);
           }
-          this.props.feedTypesUpdate(site);
-          this.setState({
+          _this.props.feedTypesUpdate(site);
+          _this.setState({
             submitting: false
-          }, this.onHideFeedType);
+          }, _this.onHideFeedType);
         } catch (error) {
-          console.error('onSave', error);
-          this.setState({
+          console.error("onSave", error);
+          _this.setState({
             submitting: false
           });
-          alert('Something went wrong with the request. Please try again.');
+          alert("Something went wrong with the request. Please try again.");
         }
-      });
+      }));
     });
     this.state = {
       feedTypeList: [],
-      sortColumn: 'name',
+      sortColumn: "name",
       sortDesc: false,
       loading: true,
       showFeedType: false,
       feedTypeId: null,
-      feedTypeLabel: '',
-      feedTypeColour: '',
+      feedTypeLabel: "",
+      feedTypeColour: "",
       showWarnings: false,
       submitting: false
     };
@@ -1409,8 +1496,8 @@ class FeedTypes extends Component {
     });
   }
   renderList() {
-    const canEdit = Session$3.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
-    let source = _.sortBy(this.state.feedTypeList, this.state.sortColumn);
+    var canEdit = Session$3.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
+    var source = _.sortBy(this.state.feedTypeList, this.state.sortColumn);
     if (this.state.sortDesc) source.reverse();
     source = _.filter(source, ev => {
       if (!ev) return false;
@@ -1419,151 +1506,180 @@ class FeedTypes extends Component {
     });
     return source.map((ev, index) => {
       if (ev != null) {
-        return /*#__PURE__*/React.createElement("tr", {
-          key: index
-        }, /*#__PURE__*/React.createElement("td", {
-          className: "table-TitleColumn"
-        }, /*#__PURE__*/React.createElement("a", {
-          onClick: () => this.onShowFeedType(ev)
-        }, ev.label)), /*#__PURE__*/React.createElement("td", null, /*#__PURE__*/React.createElement("div", {
-          className: "flex flex-row flex-center"
-        }, /*#__PURE__*/React.createElement("div", {
-          className: "colourPicker_button",
-          style: {
-            width: 80,
-            height: 30,
-            marginBottom: 'unset',
-            backgroundColor: ev.colour
-          }
-        }), /*#__PURE__*/React.createElement("div", {
-          className: "marginLeft-10"
-        }, ev.colour && ev.colour.toUpperCase()))), /*#__PURE__*/React.createElement("td", {
-          className: "table-options"
-        }, canEdit ? /*#__PURE__*/React.createElement("div", {
-          style: {
-            display: 'flex',
-            alignItems: 'center'
-          }
-        }, /*#__PURE__*/React.createElement("a", {
-          onClick: () => this.onShowFeedType(ev)
-        }, /*#__PURE__*/React.createElement(FontAwesome, {
-          style: {
-            fontSize: 20,
-            padding: 5,
-            marginLeft: 12,
-            cursor: 'pointer'
-          },
-          name: "pencil"
-        })), /*#__PURE__*/React.createElement("a", {
-          onClick: () => this.onRemoveFeedType(ev)
-        }, /*#__PURE__*/React.createElement(FontAwesome, {
-          style: {
-            fontSize: 20,
-            padding: 5,
-            marginLeft: 8,
-            cursor: 'pointer'
-          },
-          name: "minus-circle"
-        }))) : null));
+        return /*#__PURE__*/jsxs("tr", {
+          children: [/*#__PURE__*/jsx("td", {
+            className: "table-TitleColumn",
+            children: /*#__PURE__*/jsx("a", {
+              onClick: () => this.onShowFeedType(ev),
+              children: ev.label
+            })
+          }), /*#__PURE__*/jsx("td", {
+            children: /*#__PURE__*/jsxs("div", {
+              className: "flex flex-row flex-center",
+              children: [/*#__PURE__*/jsx("div", {
+                className: "colourPicker_button",
+                style: {
+                  width: 80,
+                  height: 30,
+                  marginBottom: "unset",
+                  backgroundColor: ev.colour
+                }
+              }), /*#__PURE__*/jsx("div", {
+                className: "marginLeft-10",
+                children: ev.colour && ev.colour.toUpperCase()
+              })]
+            })
+          }), /*#__PURE__*/jsx("td", {
+            className: "table-options",
+            children: canEdit ? /*#__PURE__*/jsxs("div", {
+              style: {
+                display: "flex",
+                alignItems: "center"
+              },
+              children: [/*#__PURE__*/jsx("a", {
+                onClick: () => this.onShowFeedType(ev),
+                children: /*#__PURE__*/jsx(Icon, {
+                  style: {
+                    fontSize: 20,
+                    padding: 5,
+                    marginLeft: 12,
+                    cursor: "pointer"
+                  },
+                  icon: "pencil"
+                })
+              }), /*#__PURE__*/jsx("a", {
+                onClick: () => this.onRemoveFeedType(ev),
+                children: /*#__PURE__*/jsx(Icon, {
+                  style: {
+                    fontSize: 20,
+                    padding: 5,
+                    marginLeft: 8,
+                    cursor: "pointer"
+                  },
+                  icon: "circle-minus"
+                })
+              })]
+            }) : null
+          })]
+        }, index);
       }
       return null;
     });
   }
   renderView() {
-    return /*#__PURE__*/React.createElement(Table, {
+    return /*#__PURE__*/jsxs(Table, {
       className: "plussTable",
       striped: true,
       bordered: true,
       condensed: true,
       hover: true,
       style: {
-        minWidth: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("th", {
-      style: {
-        cursor: 'pointer'
+        minWidth: "100%"
       },
-      onClick: () => this.sortByCol('label')
-    }, "Feed type"), /*#__PURE__*/React.createElement("th", {
-      style: {
-        cursor: 'pointer'
-      },
-      onClick: () => this.sortByCol('colour')
-    }, "Type colour"), /*#__PURE__*/React.createElement("th", {
-      style: {
-        width: 70
-      }
-    }))), /*#__PURE__*/React.createElement("tbody", null, this.renderList()));
+      children: [/*#__PURE__*/jsx("thead", {
+        children: /*#__PURE__*/jsxs("tr", {
+          children: [/*#__PURE__*/jsx("th", {
+            style: {
+              cursor: "pointer"
+            },
+            onClick: () => this.sortByCol("label"),
+            children: "Feed type"
+          }), /*#__PURE__*/jsx("th", {
+            style: {
+              cursor: "pointer"
+            },
+            onClick: () => this.sortByCol("colour"),
+            children: "Type colour"
+          }), /*#__PURE__*/jsx("th", {
+            style: {
+              width: 70
+            }
+          })]
+        })
+      }), /*#__PURE__*/jsx("tbody", {
+        children: this.renderList()
+      })]
+    });
   }
   renderEmpty() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsxs("div", {
       style: {
-        display: 'flex',
-        flexDirection: 'column',
+        display: "flex",
+        flexDirection: "column",
         flex: 1,
-        justifyContent: 'center',
-        alignItems: 'center',
+        justifyContent: "center",
+        alignItems: "center",
         marginTop: 32
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "emptyState"
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-32",
-      style: {
-        maxWidth: 600,
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "fontRegular fontSize-13"
-    }, "Please add the feed types that exist in your village which work alongside the Care Feeds area.")), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-8 fontRegular fontSize-13",
-      style: {
-        maxWidth: 600,
-        textAlign: 'center'
-      }
-    }, "Examples might be; Lifestyle."));
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        className: "emptyState"
+      }), /*#__PURE__*/jsx("div", {
+        className: "marginTop-32",
+        style: {
+          maxWidth: 600,
+          textAlign: "center"
+        },
+        children: /*#__PURE__*/jsx("span", {
+          className: "fontRegular fontSize-13",
+          children: "Please add the feed types that exist in your village which work alongside the Care Feeds area."
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: "marginTop-8 fontRegular fontSize-13",
+        style: {
+          maxWidth: 600,
+          textAlign: "center"
+        },
+        children: "Examples might be; Lifestyle."
+      })]
+    });
   }
   renderContent() {
     if (_.isEmpty(this.state.feedTypeList)) return this.renderEmpty();
     return this.renderView();
   }
   renderFeedTypes() {
-    const {
+    var {
       feedTypeList,
       loading
     } = this.state;
-    const canAdd = Session$3.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
+    var canAdd = Session$3.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
     if (feedTypeList.length === 0 && loading) {
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/jsx("div", {
         style: {
-          minWidth: '100%'
-        }
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "padding-60 paddingVertical-40",
-        style: {
-          textAlign: 'center'
-        }
-      }, /*#__PURE__*/React.createElement(FontAwesome, {
-        style: {
-          fontSize: 30,
-          color: FeatureConfig.env.colourBrandingOff
+          minWidth: "100%"
         },
-        name: "spinner fa-pulse fa-fw"
-      })));
+        children: /*#__PURE__*/jsx("div", {
+          className: "padding-60 paddingVertical-40",
+          style: {
+            textAlign: "center"
+          },
+          children: /*#__PURE__*/jsx(Icon, {
+            style: {
+              fontSize: 30,
+              color: FeatureConfig.env.colourBrandingOff
+            },
+            icon: "spinner",
+            pulse: true,
+            fixedWidth: true
+          })
+        })
+      });
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsxs("div", {
       style: {
-        minWidth: '100%'
-      }
-    }, canAdd ? /*#__PURE__*/React.createElement("div", {
-      className: "marginBottom-32"
-    }, /*#__PURE__*/React.createElement(Components$3.AddButton, {
-      onClick: () => this.onShowFeedType(),
-      text: "NEW FEED TYPE"
-    })) : null, this.renderContent());
+        minWidth: "100%"
+      },
+      children: [canAdd ? /*#__PURE__*/jsx("div", {
+        className: "marginBottom-32",
+        children: /*#__PURE__*/jsx(Components$3.AddButton, {
+          onClick: () => this.onShowFeedType(),
+          text: "NEW FEED TYPE"
+        })
+      }) : null, this.renderContent()]
+    });
   }
   renderNewFeedTypePopup() {
-    const {
+    var {
       submitting,
       showFeedType,
       feedTypeId,
@@ -1572,67 +1688,73 @@ class FeedTypes extends Component {
       feedTypeColour
     } = this.state;
     if (!showFeedType) return null;
-    return /*#__PURE__*/React.createElement(Components$3.Popup, {
+    return /*#__PURE__*/jsxs(Components$3.Popup, {
       maxWidth: 800,
       minWidth: 450,
       hasPadding: true,
       buttons: [{
-        type: 'primaryAction',
+        type: "primaryAction",
         onClick: this.onSave,
         isActive: !submitting && this.isFeedTypeValid(),
-        text: submitting ? 'Saving...' : 'Save',
-        className: 'popupButton'
+        text: submitting ? "Saving..." : "Save",
+        className: "popupButton"
       }, {
-        type: 'outlinedAction',
+        type: "outlinedAction",
         onClick: this.onHideFeedType,
         isActive: !submitting,
-        text: 'Cancel',
-        className: 'popupButton'
+        text: "Cancel",
+        className: "popupButton"
       }],
       onClose: this.onHideFeedType,
-      title: feedTypeId ? 'Edit Type' : 'New Type'
-    }, /*#__PURE__*/React.createElement(Components$3.GenericInput, {
-      id: "feedTypeLabel",
-      type: "text",
-      label: "Label",
-      placeholder: "Feed type label",
-      value: feedTypeLabel,
-      onChange: this.onHandleChange,
-      isRequired: true,
-      isValid: () => !_.isEmpty(feedTypeLabel),
-      showError: () => showWarnings && _.isEmpty(feedTypeLabel),
-      alwaysShowLabel: true
-    }), /*#__PURE__*/React.createElement(Components$3.ColourOptions, {
-      options: ['vibrant', 'picker'],
-      defaultTab: "vibrant",
-      value: feedTypeColour,
-      onColourSelected: feedTypeColour => this.setState({
-        feedTypeColour
-      })
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-24"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "fieldLabel marginBottom-4"
-    }, "Preview"), /*#__PURE__*/React.createElement(Components$3.Tag, {
-      text: this.state.feedTypeLabel,
-      style: {
-        backgroundColor: feedTypeColour,
-        borderColor: feedTypeColour
-      }
-    })));
+      title: feedTypeId ? "Edit Type" : "New Type",
+      children: [/*#__PURE__*/jsx(Components$3.GenericInput, {
+        id: "feedTypeLabel",
+        type: "text",
+        label: "Label",
+        placeholder: "Feed type label",
+        value: feedTypeLabel,
+        onChange: this.onHandleChange,
+        isRequired: true,
+        isValid: () => !_.isEmpty(feedTypeLabel),
+        showError: () => showWarnings && _.isEmpty(feedTypeLabel),
+        alwaysShowLabel: true
+      }), /*#__PURE__*/jsx(Components$3.ColourOptions, {
+        options: ["vibrant", "picker"],
+        defaultTab: "vibrant",
+        value: feedTypeColour,
+        onColourSelected: feedTypeColour => this.setState({
+          feedTypeColour
+        })
+      }), /*#__PURE__*/jsxs("div", {
+        className: "marginTop-24",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "fieldLabel marginBottom-4",
+          children: "Preview"
+        }), /*#__PURE__*/jsx(Components$3.Tag, {
+          text: this.state.feedTypeLabel,
+          style: {
+            backgroundColor: feedTypeColour,
+            borderColor: feedTypeColour
+          }
+        })]
+      })]
+    });
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsxs("div", {
       style: {
-        minWidth: '100%'
-      }
-    }, /*#__PURE__*/React.createElement("div", null, this.renderFeedTypes()), this.renderNewFeedTypePopup(), /*#__PURE__*/React.createElement("div", {
-      className: "hub_tidioPadding"
-    }));
+        minWidth: "100%"
+      },
+      children: [/*#__PURE__*/jsx("div", {
+        children: this.renderFeedTypes()
+      }), this.renderNewFeedTypePopup(), /*#__PURE__*/jsx("div", {
+        className: "hub_tidioPadding"
+      })]
+    });
   }
 }
-const mapStateToProps$3 = state => {
-  const {
+var mapStateToProps$3 = state => {
+  var {
     auth
   } = state;
   return {
@@ -1645,17 +1767,19 @@ var FeedTypes$1 = connect(mapStateToProps$3, {
   feedTypesUpdate
 })(withRouter(FeedTypes));
 
-const {
+var {
   Components: Components$2,
   Session: Session$2,
   Helper: Helper$2
 } = PlussCore;
 class FeedHub extends Component {
   constructor(props) {
+    var _this;
     super(props);
+    _this = this;
     _defineProperty(this, "setData", () => {
-      const feeds = [];
-      const feedSubmissions = [];
+      var feeds = [];
+      var feedSubmissions = [];
       this.state.feeds.forEach(ev => {
         if (ev != null && !ev.deleted) feeds.push(ev);
       });
@@ -1668,79 +1792,81 @@ class FeedHub extends Component {
       });
     });
     _defineProperty(this, "getFeeds", () => {
-      const {
+      var {
         auth
       } = this.props;
       this.setState({
         loadingFeeds: true
-      }, async () => {
+      }, /*#__PURE__*/_asyncToGenerator(function* () {
         try {
-          const res = await feedActions.getFeedsRecursive(auth.site);
+          var res = yield feedActions.getFeedsRecursive(auth.site);
           if (!_.isEmpty(res) && res[0].site === auth.site) {
-            this.props.feedsLoaded(res);
+            _this.props.feedsLoaded(res);
           }
         } catch (error) {
-          console.error('getFeeds', error);
+          console.error("getFeeds", error);
         } finally {
-          this.setState({
+          _this.setState({
             loadingFeeds: false
           });
         }
-      });
+      }));
     });
     _defineProperty(this, "getSubmissions", () => {
-      const {
+      var {
         auth
       } = this.props;
       if (!Session$2.validateAccess(auth.site, values.permissionFeedManagement, auth)) return;
       this.setState({
         loadingSubmissions: true
-      }, async () => {
+      }, /*#__PURE__*/_asyncToGenerator(function* () {
         try {
-          const res = await feedActions.getFeedSubmissions(auth.site);
-          const submissions = res.data.Items;
+          var res = yield feedActions.getFeedSubmissions(auth.site);
+          var submissions = res.data.Items;
           // console.log('getSubmissions', submissions && submissions[0]);
           if (!_.isEmpty(submissions) && submissions[0].site === auth.site) {
-            this.props.feedsSubmissionsLoaded(submissions);
+            _this.props.feedsSubmissionsLoaded(submissions);
           }
         } catch (error) {
-          console.log('getSubmissions error', error);
+          console.log("getSubmissions error", error);
         } finally {
-          this.setState({
+          _this.setState({
             loadingSubmissions: false
           });
         }
-      });
+      }));
     });
     _defineProperty(this, "canAddNew", isClass => {
-      const {
+      var {
         auth
       } = this.props;
-      if (Session$2.validateAccess(auth.site, values.permissionFeedPost, auth) || Session$2.validateAccess(auth.site, values.permissionFeedDraft, auth)) return isClass ? '' : true;
-      return isClass ? ' hub-sideContent-topButton--hide' : false;
+      if (Session$2.validateAccess(auth.site, values.permissionFeedPost, auth) || Session$2.validateAccess(auth.site, values.permissionFeedDraft, auth)) return isClass ? "" : true;
+      return isClass ? " hub-sideContent-topButton--hide" : false;
     });
     _defineProperty(this, "onAddNew", () => {
-      const {
+      var {
         selectedUserId
       } = this.state;
       if (this.canAddNew()) {
         // Preselect user if filter set
-        this.props.history.push("".concat(values.routeAddFeed).concat(selectedUserId ? "?userId=".concat(selectedUserId) : ''));
+        this.props.history.push("".concat(values.routeAddFeed).concat(selectedUserId ? "?userId=".concat(selectedUserId) : ""));
       }
     });
     _defineProperty(this, "getSideBarSectionColour", id => this.state.selectedSection === id ? {
-      backgroundColor: '#fff'
+      backgroundColor: "#fff"
     } : {});
-    _defineProperty(this, "renderStats", (stat, loading) => loading ? /*#__PURE__*/React.createElement(FontAwesome, {
+    _defineProperty(this, "renderStats", (stat, loading) => loading ? /*#__PURE__*/jsx(Icon, {
       style: styles$4.spinner,
-      name: "spinner fa-pulse fa-fw"
+      icon: "spinner",
+      pulse: true,
+      fixedWidth: true
     }) : stat);
     this.state = {
-      selectedSection: 'all',
+      selectedSection: "all",
       loadingFeeds: false,
       feeds: [],
       feedSubmissions: [],
-      selectedUserId: ''
+      selectedUserId: ""
     };
   }
   UNSAFE_componentWillMount() {
@@ -1760,84 +1886,84 @@ class FeedHub extends Component {
     }, this.setData);
   }
   renderLeftBar() {
-    const sectionItems = [];
+    var sectionItems = [];
     if (this.canAddNew()) {
       sectionItems.push({
-        type: 'newButton',
-        text: 'New Post',
+        type: "newButton",
+        text: "New Post",
         onClick: this.onAddNew
       });
     }
     sectionItems.push({
-      type: 'navItem',
-      text: 'View Posts',
-      icon: 'eye',
+      type: "navItem",
+      text: "View Posts",
+      icon: "eye",
       isFontAwesome: true,
-      selected: this.state.selectedSection === 'all',
+      selected: this.state.selectedSection === "all",
       onClick: () => {
         this.setState({
-          selectedSection: 'all'
+          selectedSection: "all"
         });
       }
     });
     if (Session$2.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth)) {
-      let submissionText = 'View Submissions';
+      var submissionText = "View Submissions";
       if (!this.state.loadingSubmissions) {
         submissionText = "View Submission".concat(Helper$2.getPluralS(this.state.feedSubmissions.length), " (").concat(this.state.feedSubmissions.length, ")");
       }
       sectionItems.push({
-        type: 'navItem',
+        type: "navItem",
         text: submissionText,
-        // icon: 'question-circle-o',
+        // icon: 'circle-question',
         // isFontAwesome: true,
-        selected: this.state.selectedSection === 'submissions',
+        selected: this.state.selectedSection === "submissions",
         onClick: () => {
           this.setState({
-            selectedSection: 'submissions'
+            selectedSection: "submissions"
           });
         }
       });
     }
     if (Session$2.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth)) {
       sectionItems.push({
-        type: 'navItem',
-        text: 'Post Types',
+        type: "navItem",
+        text: "Post Types",
         // icon: 'maintenance2',
         // isSVG: true,
-        selected: this.state.selectedSection === 'feedTypes',
+        selected: this.state.selectedSection === "feedTypes",
         onClick: () => {
           this.setState({
-            selectedSection: 'feedTypes'
+            selectedSection: "feedTypes"
           });
         }
       });
     }
-    return /*#__PURE__*/React.createElement(Components$2.HubSidebar, {
+    return /*#__PURE__*/jsx(Components$2.HubSidebar, {
       sections: [{
         title: this.props.strings["".concat(values.featureKey, "_textTitleRequests")] || values.textTitleFeeds,
         items: sectionItems
       }],
       helpGuide: {
         text: "Help with Resident Activity",
-        url: 'https://www.plusscommunities.com/resident-activity-feed-feature'
+        url: "https://www.plusscommunities.com/resident-activity-feed-feature"
       }
     });
   }
   renderRight() {
-    const {
+    var {
       selectedSection,
       feeds,
       feedSubmissions
     } = this.state;
-    if (selectedSection === 'submissions') {
-      return /*#__PURE__*/React.createElement(FeedSubmissions$1, {
+    if (selectedSection === "submissions") {
+      return /*#__PURE__*/jsx(FeedSubmissions$1, {
         source: feedSubmissions
       });
     }
-    if (selectedSection === 'feedTypes') {
-      return /*#__PURE__*/React.createElement(FeedTypes$1, null);
+    if (selectedSection === "feedTypes") {
+      return /*#__PURE__*/jsx(FeedTypes$1, {});
     }
-    return /*#__PURE__*/React.createElement(FeedList$1, {
+    return /*#__PURE__*/jsx(FeedList$1, {
       source: feeds,
       onUserSelected: userId => this.setState({
         selectedUserId: userId
@@ -1845,40 +1971,43 @@ class FeedHub extends Component {
     });
   }
   render() {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "hub-wrapperContainer"
-    }, this.renderLeftBar(), /*#__PURE__*/React.createElement("div", {
-      className: "hub-headerContentWrapper"
-    }, /*#__PURE__*/React.createElement(Components$2.Header, null), /*#__PURE__*/React.createElement("div", {
-      className: "hub-contentWrapper"
-    }, this.renderRight())));
+    return /*#__PURE__*/jsxs("div", {
+      className: "hub-wrapperContainer",
+      children: [this.renderLeftBar(), /*#__PURE__*/jsxs("div", {
+        className: "hub-headerContentWrapper",
+        children: [/*#__PURE__*/jsx(Components$2.Header, {}), /*#__PURE__*/jsx("div", {
+          className: "hub-contentWrapper",
+          children: this.renderRight()
+        })]
+      })]
+    });
   }
 }
-const styles$4 = {
+var styles$4 = {
   sideBarTitleSection: {
-    lineHeight: '40px',
+    lineHeight: "40px",
     marginTop: 30,
     marginBottom: 30,
     paddingLeft: 24,
     paddingRight: 24
   },
   sideBarSection: {
-    weight: '100%',
+    weight: "100%",
     minWidth: 200,
     padding: 32,
     paddingLeft: 24,
-    cursor: 'pointer',
-    display: 'flex',
-    flexDirection: 'column',
-    justifyContent: 'center'
+    cursor: "pointer",
+    display: "flex",
+    flexDirection: "column",
+    justifyContent: "center"
   },
   spinner: {
     fontSize: 32,
     color: FeatureConfig.env.colourBrandingOff
   }
 };
-const mapStateToProps$2 = state => {
-  const {
+var mapStateToProps$2 = state => {
+  var {
     auth
   } = state;
   return {
@@ -1893,7 +2022,7 @@ var FeedHub$1 = connect(mapStateToProps$2, {
   feedsSubmissionsLoaded
 })(withRouter(FeedHub));
 
-const {
+var {
   Helper: Helper$1,
   Session: Session$1,
   Colours,
@@ -1904,33 +2033,33 @@ class Feed extends Component {
     var _this;
     super(props);
     _this = this;
-    _defineProperty(this, "getFeed", async () => {
+    _defineProperty(this, "getFeed", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await feedActions.getFeed(this.state.feedId);
+        var res = yield feedActions.getFeed(_this.state.feedId);
         // console.log('getFeed:', res.data);
-        this.setState({
+        _this.setState({
           feed: res.data
         });
-        this.props.feedsLoaded([res.data]);
+        _this.props.feedsLoaded([res.data]);
       } catch (error) {
-        console.error('getFeed', error);
+        console.error("getFeed", error);
       }
-    });
-    _defineProperty(this, "getFeedTypes", async () => {
+    }));
+    _defineProperty(this, "getFeedTypes", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await feedActions.getFeedTypes(this.props.auth.site);
-        this.setState({
+        var res = yield feedActions.getFeedTypes(_this.props.auth.site);
+        _this.setState({
           types: res.data
         });
       } catch (error) {
-        console.error('getFeedTypes', error);
+        console.error("getFeedTypes", error);
       }
-    });
+    }));
     _defineProperty(this, "canEdit", () => {
       return Session$1.validateAccess(this.props.auth.site, values.permissionFeedManagement, this.props.auth);
     });
     _defineProperty(this, "canApprove", () => {
-      const {
+      var {
         feed
       } = this.state;
       return feed && _.isNil(feed.approved) && this.canEdit();
@@ -1943,43 +2072,43 @@ class Feed extends Component {
         });
       });
     });
-    _defineProperty(this, "onAddComment", async () => {
-      const {
+    _defineProperty(this, "onAddComment", /*#__PURE__*/_asyncToGenerator(function* () {
+      var {
         commentInput,
         feedId,
         feed,
         comments
-      } = this.state;
+      } = _this.state;
       try {
-        this.setState({
-          commentInput: ''
+        _this.setState({
+          commentInput: ""
         });
-        const res = await reactionActions.addComment(feedId, values.featureKey, feed.title, feed.site, commentInput);
-        this.setState({
+        var res = yield reactionActions.addComment(feedId, values.featureKey, feed.title, feed.site, commentInput);
+        _this.setState({
           comments: [...comments, res.data]
         });
       } catch (error) {
-        console.error('onAddComment', error);
+        console.error("onAddComment", error);
       }
-    });
+    }));
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
-      stateChange[event.target.getAttribute('id')] = event.target.value;
+      stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
-    _defineProperty(this, "onReviewFeed", async function () {
-      let approved = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
+    _defineProperty(this, "onReviewFeed", /*#__PURE__*/_asyncToGenerator(function* () {
+      var approved = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       if (window.confirm(approved ? values.textAreYouSureYouWantToApprove : values.textAreYouSureYouWantToReject)) {
         try {
           _this.setState({
             editing: true
           });
-          const {
+          var {
             feed
           } = _this.state;
-          const res = await feedActions.reviewFeed(feed.id, approved);
+          var res = yield feedActions.reviewFeed(feed.id, approved);
           // console.log('onReviewFeed:', res.data);
-          const updated = res.data && res.data.updated;
+          var updated = res.data && res.data.updated;
           _this.props.removeFeedSubmission(updated.id);
           _this.setState({
             editing: false,
@@ -1989,17 +2118,17 @@ class Feed extends Component {
           _this.setState({
             editing: false
           });
-          console.log('onReviewFeed', error);
-          alert('Something went wrong with the request. Please try again.');
+          console.log("onReviewFeed", error);
+          alert("Something went wrong with the request. Please try again.");
         }
       }
-    });
+    }));
     this.state = {
-      feedId: Helper$1.safeReadParams(props, 'feedId') ? props.match.params.feedId : null,
+      feedId: Helper$1.safeReadParams(props, "feedId") ? props.match.params.feedId : null,
       feed: null,
       types: [],
       comments: [],
-      commentInput: '',
+      commentInput: "",
       loadingComments: false,
       editing: false
     };
@@ -2015,205 +2144,248 @@ class Feed extends Component {
     }
   }
   renderComment(c) {
-    return /*#__PURE__*/React.createElement(Components$1.Comment, {
-      key: c.Id,
+    return /*#__PURE__*/jsx(Components$1.Comment, {
       comment: c
-    });
+    }, c.Id);
   }
   renderCommentSection() {
     if (this.state.loadingComments) return null;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "padding-60 paddingTop-8 paddingLeft-20"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "newTopBar paddingLeft-40"
-    }, /*#__PURE__*/React.createElement(Components$1.Text, {
-      type: "formTitleSmall",
-      className: "marginBottom-16"
-    }, "Comments"), /*#__PURE__*/React.createElement("div", {
-      className: "commentSection"
-    }, this.state.comments.map(c => this.renderComment(c))), /*#__PURE__*/React.createElement("div", {
-      className: "commentReply"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "commentReply_button".concat(!_.isEmpty(this.state.commentInput) ? ' commentReply_button-active' : ''),
-      onClick: this.onAddComment
-    }, /*#__PURE__*/React.createElement(FontAwesome, {
-      className: "commentReply_icon",
-      name: "paper-plane-o"
-    })), /*#__PURE__*/React.createElement(Textarea, {
-      id: "commentInput",
-      placeholder: "Reply here...",
-      type: "text",
-      className: "commentReply_input",
-      value: this.state.commentInput,
-      onChange: e => this.onHandleChange(e)
-    }))));
+    return /*#__PURE__*/jsx("div", {
+      className: "padding-60 paddingTop-8 paddingLeft-20",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "newTopBar paddingLeft-40",
+        children: [/*#__PURE__*/jsx(Components$1.Text, {
+          type: "formTitleSmall",
+          className: "marginBottom-16",
+          children: "Comments"
+        }), /*#__PURE__*/jsx("div", {
+          className: "commentSection",
+          children: this.state.comments.map(c => this.renderComment(c))
+        }), /*#__PURE__*/jsxs("div", {
+          className: "commentReply",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "commentReply_button".concat(!_.isEmpty(this.state.commentInput) ? " commentReply_button-active" : ""),
+            onClick: this.onAddComment,
+            children: /*#__PURE__*/jsx(Icon, {
+              className: "commentReply_icon",
+              icon: "paper-plane"
+            })
+          }), /*#__PURE__*/jsx(Textarea, {
+            id: "commentInput",
+            placeholder: "Reply here...",
+            type: "text",
+            className: "commentReply_input",
+            value: this.state.commentInput,
+            onChange: e => this.onHandleChange(e)
+          })]
+        })]
+      })
+    });
   }
   renderImages() {
-    const {
+    var {
       feed
     } = this.state;
     if (_.isEmpty(feed.photo) && _.isEmpty(feed.photos)) return null;
-    const imagesToUse = _.isEmpty(feed.photo) ? feed.photos : [feed.photo];
-    return /*#__PURE__*/React.createElement("div", {
-      className: "imageGrid"
-    }, imagesToUse.map((image, i) => {
-      return /*#__PURE__*/React.createElement("a", {
-        href: image,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        key: i
-      }, /*#__PURE__*/React.createElement("div", {
-        className: "imageGrid_image",
-        style: {
-          backgroundImage: "url('".concat(Helper$1.get1400(image), "')")
-        }
-      }));
-    }));
+    var imagesToUse = _.isEmpty(feed.photo) ? feed.photos : [feed.photo];
+    return /*#__PURE__*/jsx("div", {
+      className: "imageGrid",
+      children: imagesToUse.map((image, i) => {
+        return /*#__PURE__*/jsx("a", {
+          href: image,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: /*#__PURE__*/jsx("div", {
+            className: "imageGrid_image",
+            style: {
+              backgroundImage: "url('".concat(Helper$1.get1400(image), "')")
+            }
+          })
+        }, i);
+      })
+    });
   }
   renderInner() {
-    const {
+    var {
       feed,
       types
     } = this.state;
     if (feed == null) return null;
-    const feedType = types.find(t => t.label === feed.type);
-    const editable = this.canEdit();
-    return /*#__PURE__*/React.createElement("div", {
+    var feedType = types.find(t => t.label === feed.type);
+    var editable = this.canEdit();
+    return /*#__PURE__*/jsxs("div", {
       style: {
         paddingBottom: 40
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "padding-60 paddingVertical-40 relative"
-    }, /*#__PURE__*/React.createElement(Components$1.Text, {
-      type: "formTitleLarge",
-      className: "marginBottom-8"
-    }, feed.title || 'Feed'), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-16"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
-    }, "Posted to"), /*#__PURE__*/React.createElement("div", {
-      className: 'marginTop-5'
-    }, /*#__PURE__*/React.createElement(Components$1.UserListing, {
-      size: 25,
-      user: feed.user
-    }))), editable && feed.author ? /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-16"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'fieldLabel'
-    }, "Posted by"), /*#__PURE__*/React.createElement("div", {
-      className: 'marginTop-5'
-    }, /*#__PURE__*/React.createElement(Components$1.UserListing, {
-      size: 25,
-      user: feed.author
-    }))) : null, /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-16"
-    }, /*#__PURE__*/React.createElement(Components$1.Tag, {
-      text: feed.type,
-      style: {
-        backgroundColor: feedType ? feedType.colour : undefined,
-        borderRadius: 8,
-        marginRight: 10
-      }
-    })), this.renderImages(), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-16"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: 'fontRegular fontSize-16 text-dark marginTop-5'
-    }, feed.text))), feed.approved ? this.renderCommentSection() : null);
+      },
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "padding-60 paddingVertical-40 relative",
+        children: [/*#__PURE__*/jsx(Components$1.Text, {
+          type: "formTitleLarge",
+          className: "marginBottom-8",
+          children: feed.title || "Feed"
+        }), /*#__PURE__*/jsxs("div", {
+          className: "marginTop-16",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "fieldLabel",
+            children: "Posted to"
+          }), /*#__PURE__*/jsx("div", {
+            className: "marginTop-5",
+            children: /*#__PURE__*/jsx(Components$1.UserListing, {
+              size: 25,
+              user: feed.user
+            })
+          })]
+        }), editable && feed.author ? /*#__PURE__*/jsxs("div", {
+          className: "marginTop-16",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "fieldLabel",
+            children: "Posted by"
+          }), /*#__PURE__*/jsx("div", {
+            className: "marginTop-5",
+            children: /*#__PURE__*/jsx(Components$1.UserListing, {
+              size: 25,
+              user: feed.author
+            })
+          })]
+        }) : null, /*#__PURE__*/jsx("div", {
+          className: "marginTop-16",
+          children: /*#__PURE__*/jsx(Components$1.Tag, {
+            text: feed.type,
+            style: {
+              backgroundColor: feedType ? feedType.colour : undefined,
+              borderRadius: 8,
+              marginRight: 10
+            }
+          })
+        }), this.renderImages(), /*#__PURE__*/jsx("div", {
+          className: "marginTop-16",
+          children: /*#__PURE__*/jsx("div", {
+            className: "fontRegular fontSize-16 text-dark marginTop-5",
+            children: feed.text
+          })
+        })]
+      }), feed.approved ? this.renderCommentSection() : null]
+    });
   }
   renderHistoryEntry(e, i) {
-    const action = (() => {
-      const {
+    var action = (() => {
+      var {
         approved,
         deleted
       } = e.changes;
-      if (approved && approved.new === true) return 'Approved';
-      if (approved && approved.new === false) return 'Rejected';
-      if (deleted && deleted.new === true) return 'Deleted';
-      return 'Edited';
+      if (approved && approved.new === true) return "Approved";
+      if (approved && approved.new === false) return "Rejected";
+      if (deleted && deleted.new === true) return "Deleted";
+      return "Edited";
     })();
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsxs("div", {
       className: "ticketHistoryEntry",
-      key: i
-    }, /*#__PURE__*/React.createElement("p", {
-      className: "ticketHistoryEntry_timestamp"
-    }, moment.utc(e.timestamp).local().format('D MMM YYYY h:mma')), /*#__PURE__*/React.createElement("div", {
-      className: "statusLabel statusLabel-large statusLabel-full",
-      style: {
-        backgroundColor: Colours.COLOUR_DUSK
-      }
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "statusLabel_text"
-    }, "".concat(action, " by ").concat(e.user.displayName))));
+      children: [/*#__PURE__*/jsx("p", {
+        className: "ticketHistoryEntry_timestamp",
+        children: moment.utc(e.timestamp).local().format("D MMM YYYY h:mma")
+      }), /*#__PURE__*/jsx("div", {
+        className: "statusLabel statusLabel-large statusLabel-full",
+        style: {
+          backgroundColor: Colours.COLOUR_DUSK
+        },
+        children: /*#__PURE__*/jsx("span", {
+          className: "statusLabel_text",
+          children: "".concat(action, " by ").concat(e.user.displayName)
+        })
+      })]
+    }, i);
   }
   renderEditHistory() {
-    const {
+    var {
       feed
     } = this.state;
     if (!feed || !feed.history) return null;
-    const source = _.sortBy(feed.history, 'timestamp');
+    var source = _.sortBy(feed.history, "timestamp");
     // console.log('renderEditHistory', JSON.stringify(source, null, 2));
 
-    return /*#__PURE__*/React.createElement("div", {
-      className: "padding-32 paddingVertical-40 bottomDivideBorder relative"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "newTopBar clearfix flex flex-reverse"
-    }, /*#__PURE__*/React.createElement(Components$1.Text, {
-      type: "formTitleSmall",
-      className: "flex-1"
-    }, "Edit History")), source.map(this.renderHistoryEntry));
+    return /*#__PURE__*/jsxs("div", {
+      className: "padding-32 paddingVertical-40 bottomDivideBorder relative",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "newTopBar clearfix flex flex-reverse",
+        children: /*#__PURE__*/jsx(Components$1.Text, {
+          type: "formTitleSmall",
+          className: "flex-1",
+          children: "Edit History"
+        })
+      }), source.map(this.renderHistoryEntry)]
+    });
   }
   renderButtons() {
-    const editable = this.canEdit();
-    const approvable = this.canApprove();
-    const isEditing = this.state.editing;
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components$1.Button, {
-      inline: true,
-      buttonType: "tertiary",
-      onClick: () => {
-        window.history.back();
-      },
-      isActive: true,
-      style: {
-        marginRight: 16
-      }
-    }, "Back"), !_.isEmpty(this.state.feed) ? /*#__PURE__*/React.createElement(React.Fragment, null, editable ? /*#__PURE__*/React.createElement(Link, {
-      to: "".concat(values.routeAddFeed, "/").concat(this.state.feedId)
-    }, /*#__PURE__*/React.createElement(Components$1.Button, {
-      inline: true,
-      style: {
-        marginRight: 25
-      },
-      buttonType: "outlined",
-      isActive: !isEditing,
-      onClick: this.editFeed
-    }, "Edit")) : null, approvable ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Components$1.Button, {
-      inline: true,
-      style: {
-        marginRight: 25
-      },
-      buttonType: "outlined",
-      isActive: !isEditing,
-      onClick: () => this.onReviewFeed(false)
-    }, "Reject"), /*#__PURE__*/React.createElement(Components$1.Button, {
-      inline: true,
-      style: {
-        marginRight: 25
-      },
-      buttonType: "primary",
-      isActive: !isEditing,
-      onClick: () => this.onReviewFeed(true)
-    }, "Approve")) : null) : null);
+    var editable = this.canEdit();
+    var approvable = this.canApprove();
+    var isEditing = this.state.editing;
+    return /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx(Components$1.Button, {
+        inline: true,
+        buttonType: "tertiary",
+        onClick: () => {
+          window.history.back();
+        },
+        isActive: true,
+        style: {
+          marginRight: 16
+        },
+        children: "Back"
+      }), !_.isEmpty(this.state.feed) ? /*#__PURE__*/jsxs(Fragment, {
+        children: [editable ? /*#__PURE__*/jsx(Link, {
+          to: "".concat(values.routeAddFeed, "/").concat(this.state.feedId),
+          children: /*#__PURE__*/jsx(Components$1.Button, {
+            inline: true,
+            style: {
+              marginRight: 25
+            },
+            buttonType: "outlined",
+            isActive: !isEditing,
+            onClick: this.editFeed,
+            children: "Edit"
+          })
+        }) : null, approvable ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Components$1.Button, {
+            inline: true,
+            style: {
+              marginRight: 25
+            },
+            buttonType: "outlined",
+            isActive: !isEditing,
+            onClick: () => this.onReviewFeed(false),
+            children: "Reject"
+          }), /*#__PURE__*/jsx(Components$1.Button, {
+            inline: true,
+            style: {
+              marginRight: 25
+            },
+            buttonType: "primary",
+            isActive: !isEditing,
+            onClick: () => this.onReviewFeed(true),
+            children: "Approve"
+          })]
+        }) : null]
+      }) : null]
+    });
   }
   render() {
-    return /*#__PURE__*/React.createElement(Components$1.OverlayPage, null, /*#__PURE__*/React.createElement(Components$1.OverlayPageContents, null, /*#__PURE__*/React.createElement(Components$1.OverlayPageSection, {
-      className: "pageSectionWrapper--fixedPopupSize"
-    }, this.renderInner()), /*#__PURE__*/React.createElement(Components$1.OverlayPageSection, {
-      className: "pageSectionWrapper--newPopupSide pageSectionWrapper--newPopupSide-fixedWidth"
-    }, this.renderEditHistory())), /*#__PURE__*/React.createElement(Components$1.OverlayPageBottomButtons, null, this.renderButtons()));
+    return /*#__PURE__*/jsxs(Components$1.OverlayPage, {
+      children: [/*#__PURE__*/jsxs(Components$1.OverlayPageContents, {
+        children: [/*#__PURE__*/jsx(Components$1.OverlayPageSection, {
+          className: "pageSectionWrapper--fixedPopupSize",
+          children: this.renderInner()
+        }), /*#__PURE__*/jsx(Components$1.OverlayPageSection, {
+          className: "pageSectionWrapper--newPopupSide pageSectionWrapper--newPopupSide-fixedWidth",
+          children: this.renderEditHistory()
+        })]
+      }), /*#__PURE__*/jsx(Components$1.OverlayPageBottomButtons, {
+        children: this.renderButtons()
+      })]
+    });
   }
 }
-const mapStateToProps$1 = state => {
-  const {
+var mapStateToProps$1 = state => {
+  var {
     auth
   } = state;
   return {
@@ -2227,41 +2399,43 @@ var Feed$1 = connect(mapStateToProps$1, {
 
 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 {
+var {
   Components,
   Helper,
   Session
 } = PlussCore;
 class AddFeed extends Component {
   constructor(props) {
+    var _this;
     super(props);
-    _defineProperty(this, "getFeed", async () => {
+    _this = this;
+    _defineProperty(this, "getFeed", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await feedActions.getFeed(this.state.feedId);
+        var res = yield feedActions.getFeed(_this.state.feedId);
         // console.log('getFeed:', res.data);
-        this.setState(_objectSpread$3(_objectSpread$3({}, res.data), {}, {
+        _this.setState(_objectSpread$3(_objectSpread$3({}, res.data), {}, {
           selectedUser: res.data.user,
           userId: res.data.user.id,
           userName: res.data.user.displayName
         }));
-        this.checkSetImages(res.data.photos);
+        _this.checkSetImages(res.data.photos);
       } catch (error) {
         console.error("getFeed", error);
       }
-    });
-    _defineProperty(this, "getFeedTypes", async () => {
+    }));
+    _defineProperty(this, "getFeedTypes", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await feedActions.getFeedTypes(this.props.auth.site);
-        this.setState({
+        var res = yield feedActions.getFeedTypes(_this.props.auth.site);
+        _this.setState({
           types: res.data
-        }, this.setDefaultFeedType);
+        }, _this.setDefaultFeedType);
         // if (res.data != null) this.props.feedTypesLoaded(res.data);
       } catch (error) {
         console.error("getFeedTypes", error);
       }
-    });
+    }));
     _defineProperty(this, "setDefaultFeedType", () => {
-      const {
+      var {
         types,
         feedId
       } = this.state;
@@ -2271,31 +2445,31 @@ class AddFeed extends Component {
         });
       }
     });
-    _defineProperty(this, "getUsers", async () => {
+    _defineProperty(this, "getUsers", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        const res = await userActions.fetchUsers(this.props.auth.site);
+        var res = yield userActions.fetchUsers(_this.props.auth.site);
         if (res.userFetchFail) return;
         if (res.data != null && !_.isEmpty(res.data.results.Items)) {
-          const items = res.data.results.Items;
-          this.setState({
+          var items = res.data.results.Items;
+          _this.setState({
             users: _.sortBy(items, u => {
               return (u.displayName || "").toLowerCase();
             })
-          }, this.setDefaultUser);
+          }, _this.setDefaultUser);
         }
       } catch (error) {
         console.error("getUsers", error);
       }
-    });
+    }));
     _defineProperty(this, "getUserId", user => user.userId || user.Id || user.id);
     _defineProperty(this, "setDefaultUser", () => {
-      const {
+      var {
         users,
         userId
       } = this.state;
       // console.log('setDefaultUser', { userId });
       if (userId) {
-        const user = users.find(u => this.getUserId(u) === userId);
+        var user = users.find(u => this.getUserId(u) === userId);
         if (user) this.onSelectUser(user);
       } else {
         this.onUnselectUser();
@@ -2337,54 +2511,54 @@ class AddFeed extends Component {
         userName: ""
       });
     });
-    _defineProperty(this, "onSave", async () => {
+    _defineProperty(this, "onSave", /*#__PURE__*/_asyncToGenerator(function* () {
       try {
-        this.setState({
+        _this.setState({
           showWarnings: false
         });
-        if (!this.validateForm()) {
-          this.setState({
+        if (!_this.validateForm()) {
+          _this.setState({
             showWarnings: true
           });
           return;
         }
-        if (this.state.updating) return;
-        this.setState({
+        if (_this.state.updating) return;
+        _this.setState({
           updating: true
         });
-        const feed = {
-          id: this.state.id,
-          userId: this.state.userId,
-          type: this.state.type,
-          title: this.state.title,
-          text: this.state.text,
-          photos: this.state.photos,
-          site: this.props.auth.site
+        var feed = {
+          id: _this.state.id,
+          userId: _this.state.userId,
+          type: _this.state.type,
+          title: _this.state.title,
+          text: _this.state.text,
+          photos: _this.state.photos,
+          site: _this.props.auth.site
         };
-        if (this.state.id !== null) {
-          await feedActions.editFeed(feed);
-          this.setState({
+        if (_this.state.id !== null) {
+          yield feedActions.editFeed(feed);
+          _this.setState({
             success: true,
             updating: false
           });
-          this.props.feedsLoaded([feed]);
+          _this.props.feedsLoaded([feed]);
         } else {
-          await feedActions.createFeed(feed);
-          this.setState({
+          yield feedActions.createFeed(feed);
+          _this.setState({
             success: true,
             updating: false
           });
-          this.props.feedsUpdate(this.props.auth.site);
+          _this.props.feedsUpdate(_this.props.auth.site);
         }
       } catch (error) {
-        this.setState({
+        _this.setState({
           updating: false
         });
         alert("Something went wrong with the request. Please try again.");
       }
-    });
+    }));
     this.imageInput = null;
-    const queryParams = new URLSearchParams(props.location.search);
+    var queryParams = new URLSearchParams(props.location.search);
     this.state = {
       feedId: Helper.safeReadParams(props, "feedId") ? props.match.params.feedId : null,
       feed: null,
@@ -2426,8 +2600,8 @@ class AddFeed extends Component {
   }
   renderSuccess() {
     if (!this.state.success) return null;
-    const title = this.props.strings["".concat(values.featureKey, "_textTitleFeeds")] || values.textTitleFeeds;
-    return /*#__PURE__*/React.createElement(Components.SuccessPopup, {
+    var title = this.props.strings["".concat(values.featureKey, "_textTitleFeeds")] || values.textTitleFeeds;
+    return /*#__PURE__*/jsx(Components.SuccessPopup, {
       text: "Feed has been ".concat(this.state.id != null ? "edited" : "added"),
       buttons: [{
         type: "outlined",
@@ -2437,7 +2611,7 @@ class AddFeed extends Component {
     });
   }
   validateForm() {
-    const {
+    var {
       userId,
       userName,
       type,
@@ -2453,166 +2627,186 @@ class AddFeed extends Component {
   }
   renderSubmit() {
     if (this.state.updating) {
-      return /*#__PURE__*/React.createElement(Components.Button, {
-        buttonType: "secondary"
-      }, "Saving...");
+      return /*#__PURE__*/jsx(Components.Button, {
+        buttonType: "secondary",
+        children: "Saving..."
+      });
     }
-    return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Components.Button, {
-      inline: true,
-      buttonType: "tertiary",
-      onClick: () => this.props.history.push(values.routeHub),
-      isActive: true,
-      style: {
-        marginRight: 16
-      }
-    }, "Cancel"), /*#__PURE__*/React.createElement(Components.Button, {
-      inline: true,
-      buttonType: "primary",
-      onClick: this.onSave,
-      isActive: this.validateForm()
-    }, "Save"));
+    return /*#__PURE__*/jsxs("div", {
+      children: [/*#__PURE__*/jsx(Components.Button, {
+        inline: true,
+        buttonType: "tertiary",
+        onClick: () => this.props.history.push(values.routeHub),
+        isActive: true,
+        style: {
+          marginRight: 16
+        },
+        children: "Cancel"
+      }), /*#__PURE__*/jsx(Components.Button, {
+        inline: true,
+        buttonType: "primary",
+        onClick: this.onSave,
+        isActive: this.validateForm(),
+        children: "Save"
+      })]
+    });
   }
   renderSelectUser() {
-    const {
+    var {
       showWarnings,
       selectedUser
     } = this.state;
-    const isValid = !_.isNil(selectedUser);
-    const showError = showWarnings && !isValid;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "genericInputContainer ".concat(isValid ? "genericInput-valid" : "", " ").concat(showError ? "genericInput-error" : "").trim()
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        marginBottom: 0,
-        justifyContent: "space-between"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "fieldLabel"
-    }, "Select User"), showError ? /*#__PURE__*/React.createElement("div", {
-      className: "fieldLabel fieldLabel-warning"
-    }, "Required") : null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center"
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "inputRequired "
-    }), selectedUser ? /*#__PURE__*/React.createElement(Components.Tag, {
-      className: "marginRight-10",
-      rightIcon: "close",
-      rightClick: this.onUnselectUser
-    }, /*#__PURE__*/React.createElement(Components.UserListing, {
-      size: 15,
-      user: selectedUser,
-      textClass: "tag_text"
-    })) : /*#__PURE__*/React.createElement(Components.Tag, {
-      onClick: this.onOpenUserSelector,
-      text: "Select User"
-    })));
+    var isValid = !_.isNil(selectedUser);
+    var showError = showWarnings && !isValid;
+    return /*#__PURE__*/jsxs("div", {
+      className: "genericInputContainer ".concat(isValid ? "genericInput-valid" : "", " ").concat(showError ? "genericInput-error" : "").trim(),
+      children: [/*#__PURE__*/jsxs("div", {
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          marginBottom: 0,
+          justifyContent: "space-between"
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: "fieldLabel",
+          children: "Select User"
+        }), showError ? /*#__PURE__*/jsx("div", {
+          className: "fieldLabel fieldLabel-warning",
+          children: "Required"
+        }) : null]
+      }), /*#__PURE__*/jsxs("div", {
+        style: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center"
+        },
+        children: [/*#__PURE__*/jsx("div", {
+          className: "inputRequired "
+        }), selectedUser ? /*#__PURE__*/jsx(Components.Tag, {
+          className: "marginRight-10",
+          rightIcon: "close",
+          rightClick: this.onUnselectUser,
+          children: /*#__PURE__*/jsx(Components.UserListing, {
+            size: 15,
+            user: selectedUser,
+            textClass: "tag_text"
+          })
+        }) : /*#__PURE__*/jsx(Components.Tag, {
+          onClick: this.onOpenUserSelector,
+          text: "Select User"
+        })]
+      })]
+    });
   }
   renderTypeOptions() {
-    const {
+    var {
       showWarnings,
       types,
       type
     } = this.state;
-    const isValid = !!type;
-    const showError = showWarnings && !isValid;
-    return /*#__PURE__*/React.createElement("div", {
-      className: "genericInputContainer ".concat(isValid ? "genericInput-valid" : "", " ").concat(showError ? "genericInput-error" : "").trim()
-    }, /*#__PURE__*/React.createElement("div", {
-      style: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "center",
-        marginBottom: 0,
-        justifyContent: "space-between"
-      }
-    }, /*#__PURE__*/React.createElement(Components.Text, {
-      type: "formLabel"
-    }, "Select Type"), showError ? /*#__PURE__*/React.createElement("div", {
-      className: "fieldLabel fieldLabel-warning"
-    }, "Required") : null), /*#__PURE__*/React.createElement("div", {
-      className: "marginTop-4"
-    }, types.map(ev => {
-      if (ev === null) return null;
-      return /*#__PURE__*/React.createElement(Components.Tag, {
-        key: ev.id,
-        text: ev.label,
+    var isValid = !!type;
+    var showError = showWarnings && !isValid;
+    return /*#__PURE__*/jsxs("div", {
+      className: "genericInputContainer ".concat(isValid ? "genericInput-valid" : "", " ").concat(showError ? "genericInput-error" : "").trim(),
+      children: [/*#__PURE__*/jsxs("div", {
         style: {
-          backgroundColor: ev.colour,
-          borderRadius: 8,
-          marginRight: 10,
-          opacity: ev.label === type ? 1 : 0.5
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          marginBottom: 0,
+          justifyContent: "space-between"
         },
-        onClick: () => this.onSelectType(ev.label)
-      });
-    })));
+        children: [/*#__PURE__*/jsx(Components.Text, {
+          type: "formLabel",
+          children: "Select Type"
+        }), showError ? /*#__PURE__*/jsx("div", {
+          className: "fieldLabel fieldLabel-warning",
+          children: "Required"
+        }) : null]
+      }), /*#__PURE__*/jsx("div", {
+        className: "marginTop-4",
+        children: types.map(ev => {
+          if (ev === null) return null;
+          return /*#__PURE__*/jsx(Components.Tag, {
+            text: ev.label,
+            style: {
+              backgroundColor: ev.colour,
+              borderRadius: 8,
+              marginRight: 10,
+              opacity: ev.label === type ? 1 : 0.5
+            },
+            onClick: () => this.onSelectType(ev.label)
+          }, ev.id);
+        })
+      })]
+    });
   }
   renderMain() {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/jsx("div", {
       style: {
         marginBottom: 15
-      }
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "padding-60 paddingVertical-40 bottomDivideBorder"
-    }, /*#__PURE__*/React.createElement(Components.Text, {
-      type: "formTitleLarge",
-      className: "marginBottom-24"
-    }, this.state.feedId == null ? "New" : "Edit", " Post"), this.renderSelectUser(), this.renderTypeOptions(), /*#__PURE__*/React.createElement(Components.GenericInput, {
-      id: "title",
-      label: "Title",
-      type: "textarea",
-      placeholder: "Title",
-      value: this.state.title,
-      onChange: e => this.onHandleChange(e),
-      inputStyle: {
-        height: 80
-      },
-      isRequired: true,
-      isValid: () => {
-        return !_.isEmpty(this.state.title);
-      },
-      showError: () => {
-        return this.state.showWarnings && _.isEmpty(this.state.title);
-      },
-      alwaysShowLabel: true
-    }), /*#__PURE__*/React.createElement(Components.GenericInput, {
-      id: "text",
-      label: "Text",
-      type: "textarea",
-      placeholder: "Text",
-      value: this.state.text,
-      onChange: e => this.onHandleChange(e),
-      inputStyle: {
-        height: 80
       },
-      alwaysShowLabel: true
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "marginBottom-16"
-    }, /*#__PURE__*/React.createElement(Components.Text, {
-      type: "formLabel",
-      className: "marginBottom-4"
-    }, "Images"), /*#__PURE__*/React.createElement(Components.ImageInput, {
-      ref: ref => this.imageInput = ref,
-      multiple: true,
-      refreshCallback: photos => this.setState({
-        photos
+      children: /*#__PURE__*/jsxs("div", {
+        className: "padding-60 paddingVertical-40 bottomDivideBorder",
+        children: [/*#__PURE__*/jsxs(Components.Text, {
+          type: "formTitleLarge",
+          className: "marginBottom-24",
+          children: [this.state.feedId == null ? "New" : "Edit", " Post"]
+        }), this.renderSelectUser(), this.renderTypeOptions(), /*#__PURE__*/jsx(Components.GenericInput, {
+          id: "title",
+          label: "Title",
+          type: "textarea",
+          placeholder: "Title",
+          value: this.state.title,
+          onChange: e => this.onHandleChange(e),
+          inputStyle: {
+            height: 80
+          },
+          isRequired: true,
+          isValid: () => {
+            return !_.isEmpty(this.state.title);
+          },
+          showError: () => {
+            return this.state.showWarnings && _.isEmpty(this.state.title);
+          },
+          alwaysShowLabel: true
+        }), /*#__PURE__*/jsx(Components.GenericInput, {
+          id: "text",
+          label: "Text",
+          type: "textarea",
+          placeholder: "Text",
+          value: this.state.text,
+          onChange: e => this.onHandleChange(e),
+          inputStyle: {
+            height: 80
+          },
+          alwaysShowLabel: true
+        }), /*#__PURE__*/jsxs("div", {
+          className: "marginBottom-16",
+          children: [/*#__PURE__*/jsx(Components.Text, {
+            type: "formLabel",
+            className: "marginBottom-4",
+            children: "Images"
+          }), /*#__PURE__*/jsx(Components.ImageInput, {
+            ref: _ref5 => this.imageInput = _ref5,
+            multiple: true,
+            refreshCallback: photos => this.setState({
+              photos
+            })
+          })]
+        })]
       })
-    }))));
+    });
   }
   renderUserFilterPopup() {
-    const {
+    var {
       userFilterOpen,
       userSearch,
       users
     } = this.state;
     if (!userFilterOpen) return null;
-    return /*#__PURE__*/React.createElement(Components.Popup, {
+    return /*#__PURE__*/jsxs(Components.Popup, {
       title: "Select Requestor",
       maxWidth: 600,
       minWidth: 400,
@@ -2625,39 +2819,47 @@ class AddFeed extends Component {
         onClick: this.onCloseUserSelector,
         isActive: true,
         text: "Cancel"
-      }]
-    }, /*#__PURE__*/React.createElement(Components.GenericInput, {
-      id: "userSearch",
-      type: "text",
-      label: "Search User",
-      placeholder: "Search name",
-      value: userSearch,
-      onChange: e => this.onHandleChange(e),
-      alwaysShowLabel: true
-    }), _.sortBy(users, u => u.displayName.toUpperCase()).filter(u => {
-      if (_.isEmpty(userSearch)) return true;
-      return u.displayName.toUpperCase().indexOf(userSearch.toUpperCase()) > -1;
-    }).map(user => {
-      return /*#__PURE__*/React.createElement(Components.UserListing, {
-        key: this.getUserId(user),
-        user: user,
-        onClick: () => this.onSelectUser(user)
-      });
-    }));
+      }],
+      children: [/*#__PURE__*/jsx(Components.GenericInput, {
+        id: "userSearch",
+        type: "text",
+        label: "Search User",
+        placeholder: "Search name",
+        value: userSearch,
+        onChange: e => this.onHandleChange(e),
+        alwaysShowLabel: true
+      }), _.sortBy(users, u => u.displayName.toUpperCase()).filter(u => {
+        if (_.isEmpty(userSearch)) return true;
+        return u.displayName.toUpperCase().indexOf(userSearch.toUpperCase()) > -1;
+      }).map(user => {
+        return /*#__PURE__*/jsx(Components.UserListing, {
+          user: user,
+          onClick: () => this.onSelectUser(user)
+        }, this.getUserId(user));
+      })]
+    });
   }
   render() {
-    const {
+    var {
       success
     } = this.state;
-    return /*#__PURE__*/React.createElement(Components.OverlayPage, null, /*#__PURE__*/React.createElement(Components.OverlayPageContents, {
-      noBottomButtons: success
-    }, /*#__PURE__*/React.createElement(Components.OverlayPageSection, {
-      className: "pageSectionWrapper--newPopup"
-    }, /*#__PURE__*/React.createElement("div", null, this.renderSuccess(), !success && this.renderMain()), this.renderUserFilterPopup())), /*#__PURE__*/React.createElement(Components.OverlayPageBottomButtons, null, this.renderSubmit()));
+    return /*#__PURE__*/jsxs(Components.OverlayPage, {
+      children: [/*#__PURE__*/jsx(Components.OverlayPageContents, {
+        noBottomButtons: success,
+        children: /*#__PURE__*/jsxs(Components.OverlayPageSection, {
+          className: "pageSectionWrapper--newPopup",
+          children: [/*#__PURE__*/jsxs("div", {
+            children: [this.renderSuccess(), !success && this.renderMain()]
+          }), this.renderUserFilterPopup()]
+        })
+      }), /*#__PURE__*/jsx(Components.OverlayPageBottomButtons, {
+        children: this.renderSubmit()
+      })]
+    });
   }
 }
-const mapStateToProps = state => {
-  const {
+var mapStateToProps = state => {
+  var {
     auth
   } = state;
   return {
@@ -2672,22 +2874,22 @@ var AddFeed$1 = connect(mapStateToProps, {
 
 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; }
-const INITIAL_STATE = {
+var INITIAL_STATE = {
   feeds: [],
   submissions: [],
   feedTypes: [],
   loading: false
 };
 var FeedReducer = (function () {
-  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
-  let action = arguments.length > 1 ? arguments[1] : undefined;
+  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+  var action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case FEEDS_LOADING:
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
         loading: true
       });
     case FEEDS_LOADED:
-      const feeds = _.unionWith(action.payload, state.feeds, (v1, v2) => {
+      var feeds = _.unionWith(action.payload, state.feeds, (v1, v2) => {
         return v1 != null && v2 != null && v1.id === v2.id;
       });
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
@@ -2695,11 +2897,11 @@ var FeedReducer = (function () {
         loading: false
       });
     case FEEDS_REMOVED:
-      const fIndex = _.findIndex(state.feeds, feed => {
+      var fIndex = _.findIndex(state.feeds, feed => {
         return feed != null && feed.id === action.payload;
       });
       if (fIndex > -1) {
-        const newFeeds = [...state.feeds];
+        var newFeeds = [...state.feeds];
         newFeeds.splice(fIndex, 1);
         return _objectSpread$2(_objectSpread$2({}, state), {}, {
           feeds: newFeeds
@@ -2714,11 +2916,11 @@ var FeedReducer = (function () {
         submissions: _.filter(submissions, feed => !feed.deleted)
       });
     case FEEDS_SUBMISSIONS_REMOVED:
-      const sIndex = _.findIndex(state.submissions, submission => {
+      var sIndex = _.findIndex(state.submissions, submission => {
         return submission != null && submission.id === action.payload;
       });
       if (sIndex > -1) {
-        const newSubmissions = [...state.submissions];
+        var newSubmissions = [...state.submissions];
         newSubmissions.splice(sIndex, 1);
         return _objectSpread$2(_objectSpread$2({}, state), {}, {
           submissions: newSubmissions
@@ -2726,7 +2928,7 @@ var FeedReducer = (function () {
       }
       return state;
     case FEED_TYPES_LOADED:
-      const feedTypes = _.unionWith(action.payload, state.feedTypes, (v1, v2) => {
+      var feedTypes = _.unionWith(action.payload, state.feedTypes, (v1, v2) => {
         return v1 != null && v2 != null && v1.id === v2.id;
       });
       return _objectSpread$2(_objectSpread$2({}, state), {}, {
@@ -2741,14 +2943,14 @@ var img$3 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAxwAAAGGCAYAAADxZYcEA
 
 class ViewWidget extends Component {
   render() {
-    return /*#__PURE__*/React.createElement("img", {
+    return /*#__PURE__*/jsx("img", {
       style: styles$3.image,
       src: img$3,
       alt: "widget"
     });
   }
 }
-const styles$3 = {
+var styles$3 = {
   image: {
     width: 80
   }
@@ -2758,18 +2960,18 @@ var img$2 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAmAAAASICAYAAAC0rHMFA
 
 class ViewFull extends Component {
   render() {
-    return /*#__PURE__*/React.createElement("img", {
+    return /*#__PURE__*/jsx("img", {
       style: styles$2.image,
       src: img$2,
       alt: "full"
     });
   }
 }
-const styles$2 = {
+var styles$2 = {
   image: {
-    width: '100%',
-    height: '100%',
-    objectFit: 'contain'
+    width: "100%",
+    height: "100%",
+    objectFit: "contain"
   }
 };
 
@@ -2779,31 +2981,33 @@ 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() {
-    const {
+    var {
       backgroundColor,
       widgetTitle,
       titleClassName
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      style: styles$1.container
-    }, /*#__PURE__*/React.createElement("img", {
-      style: _objectSpread$1(_objectSpread$1({}, styles$1.image), {}, {
-        backgroundColor
-      }),
-      src: img$1,
-      alt: "previewWidget"
-    }), /*#__PURE__*/React.createElement("p", {
-      className: titleClassName,
-      style: styles$1.title
-    }, widgetTitle));
+    return /*#__PURE__*/jsxs("div", {
+      style: styles$1.container,
+      children: [/*#__PURE__*/jsx("img", {
+        style: _objectSpread$1(_objectSpread$1({}, styles$1.image), {}, {
+          backgroundColor
+        }),
+        src: img$1,
+        alt: "previewWidget"
+      }), /*#__PURE__*/jsx("p", {
+        className: titleClassName,
+        style: styles$1.title,
+        children: widgetTitle
+      })]
+    });
   }
 }
-const styles$1 = {
+var styles$1 = {
   container: {
-    position: 'relative'
+    position: "relative"
   },
   image: {
-    width: '100%'
+    width: "100%"
   }
 };
 
@@ -2813,71 +3017,73 @@ 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() {
-    const {
+    var {
       backgroundColor,
       widgetTitle,
       titleClassName
     } = this.props;
-    return /*#__PURE__*/React.createElement("div", {
-      style: styles.container
-    }, /*#__PURE__*/React.createElement("p", {
-      className: titleClassName
-    }, widgetTitle), /*#__PURE__*/React.createElement("img", {
-      style: _objectSpread(_objectSpread({}, styles.image), {}, {
-        backgroundColor
-      }),
-      src: img,
-      alt: "fullNoTitle"
-    }));
+    return /*#__PURE__*/jsxs("div", {
+      style: styles.container,
+      children: [/*#__PURE__*/jsx("p", {
+        className: titleClassName,
+        children: widgetTitle
+      }), /*#__PURE__*/jsx("img", {
+        style: _objectSpread(_objectSpread({}, styles.image), {}, {
+          backgroundColor
+        }),
+        src: img,
+        alt: "fullNoTitle"
+      })]
+    });
   }
 }
-const styles = {
+var styles = {
   container: {
-    position: 'relative'
+    position: "relative"
   },
   image: {
-    width: '100%'
+    width: "100%"
   }
 };
 
-const SVG_PATH = values.svgPathGridIcon;
-const SVG_VIEWBOX = values.svgPathGridIconViewBox ;
+var SVG_PATH = values.svgPathGridIcon;
+var SVG_VIEWBOX = values.svgPathGridIconViewBox ;
 class PreviewGrid extends Component {
   render() {
-    const {
+    var {
       colour
     } = this.props;
     if (Array.isArray(SVG_PATH)) {
-      return /*#__PURE__*/React.createElement("svg", {
+      return /*#__PURE__*/jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: SVG_VIEWBOX
-      }, SVG_PATH.map(p => {
-        return /*#__PURE__*/React.createElement("path", {
-          key: p.substring(0, 20),
-          d: p,
-          fill: colour
-        });
-      }));
+        viewBox: SVG_VIEWBOX,
+        children: SVG_PATH.map(p => {
+          return /*#__PURE__*/jsx("path", {
+            d: p,
+            fill: colour
+          }, p.substring(0, 20));
+        })
+      });
     } else {
-      return /*#__PURE__*/React.createElement("svg", {
+      return /*#__PURE__*/jsx("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        viewBox: SVG_VIEWBOX
-      }, /*#__PURE__*/React.createElement("path", {
-        key: SVG_PATH.substring(0, 20),
-        d: SVG_PATH,
-        fill: colour
-      }));
+        viewBox: SVG_VIEWBOX,
+        children: /*#__PURE__*/jsx("path", {
+          d: SVG_PATH,
+          fill: colour
+        }, SVG_PATH.substring(0, 20))
+      });
     }
   }
 }
 
-const Reducers = (() => {
-  const reducers = {};
+var Reducers = (() => {
+  var reducers = {};
   reducers[values.reducerKey] = FeedReducer;
   return reducers;
 })();
-const Screens = (() => {
-  const screens = {};
+var Screens = (() => {
+  var screens = {};
   screens[values.screenFeedHub] = FeedHub$1;
   screens[values.screenFeed] = Feed$1;
   screens[values.screenAddFeed] = AddFeed$1;
@@ -2886,3 +3092,4 @@ const Screens = (() => {
 // export const Analytics = [AnalyticsHub];
 
 export { FeatureConfig as Config, PreviewFull, PreviewGrid, PreviewWidget, Reducers, Screens, ViewFull, ViewWidget };
+//# sourceMappingURL=index.js.map