@plusscommunities/pluss-core-web 1.8.6-beta.0 → 1.8.8-beta.0

package/dist/index.js

@@ -1,4 +1,3 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _ from 'lodash';
 import axios from 'axios';
 import { Auth, Storage } from 'aws-amplify';
@@ -22,7 +21,7 @@ import tinycolor from 'tinycolor2';
 import { Link } from 'react-router-dom';
 import { ResponsiveContainer, BarChart, XAxis, YAxis, Tooltip, Bar, Cell } from 'recharts';
 
-var CoreConfig = {
+const CoreConfig = {
   env: {
     baseStage: "",
     baseAPIUrl: "",
@@ -46,74 +45,54 @@ var CoreConfig = {
   }
 };
 
-var getSessionTokenAWS = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(function* (prefix) {
-    var data = yield Auth.currentSession();
-    var token = data.getAccessToken().getJwtToken();
-    if (_.isUndefined(prefix)) return token;
-    return "".concat(prefix, " ").concat(token);
-  });
-  return function getSessionTokenAWS(_x) {
-    return _ref.apply(this, arguments);
-  };
-}();
+const getSessionTokenAWS = async prefix => {
+  const data = await Auth.currentSession();
+  const token = data.getAccessToken().getJwtToken();
+  if (_.isUndefined(prefix)) return token;
+  return "".concat(prefix, " ").concat(token);
+};
 
 // export const getRefreshTokenAWS = async () => {
 //   const data = await Auth.currentSession();
 //   return data.getRefreshToken().token;
 // };
 
-var authedFunction = /*#__PURE__*/function () {
-  var _ref2 = _asyncToGenerator(function* (request) {
-    try {
-      var authkey = yield getSessionTokenAWS();
-      if (!request.headers) request.headers = {};
-      request.headers.authkey = authkey;
-      return yield axios(request);
-    } catch (error) {
-      console.error("authedFunction error", error, request);
-      throw error;
-    }
-  });
-  return function authedFunction(_x2) {
-    return _ref2.apply(this, arguments);
-  };
-}();
-var unauthedFunction = request => {
+const authedFunction = async request => {
+  try {
+    const authkey = await getSessionTokenAWS();
+    if (!request.headers) request.headers = {};
+    request.headers.authkey = authkey;
+    return await axios(request);
+  } catch (error) {
+    console.error("authedFunction error", error, request);
+    throw error;
+  }
+};
+const unauthedFunction = request => {
   return axios(request);
 };
-var getCurrentUserSub = /*#__PURE__*/function () {
-  var _ref3 = _asyncToGenerator(function* () {
-    try {
-      var user = yield Auth.currentUserInfo();
-      return user.id;
-    } catch (error) {
-      return null;
+const getCurrentUserSub = async () => {
+  try {
+    const user = await Auth.currentUserInfo();
+    return user.id;
+  } catch (error) {
+    return null;
+  }
+};
+const checkLoggedIn = async self => {
+  try {
+    const user = await Auth.currentAuthenticatedUser();
+    if (_.isUndefined(user) || user == null || user.username == null) {
+      console.log("redirecting to login");
+      self.props.history.push("/login");
     }
-  });
-  return function getCurrentUserSub() {
-    return _ref3.apply(this, arguments);
-  };
-}();
-var checkLoggedIn = /*#__PURE__*/function () {
-  var _ref4 = _asyncToGenerator(function* (self) {
-    try {
-      var user = yield Auth.currentAuthenticatedUser();
-      if (_.isUndefined(user) || user == null || user.username == null) {
-        console.log("redirecting to login");
-        self.props.history.push("/login");
-      }
-    } catch (error) {
-      if (error === "not authenticated") {
-        console.log("redirecting to logout");
-        self.props.history.push("/logout");
-      }
+  } catch (error) {
+    if (error === "not authenticated") {
+      console.log("redirecting to logout");
+      self.props.history.push("/logout");
     }
-  });
-  return function checkLoggedIn(_x3) {
-    return _ref4.apply(this, arguments);
-  };
-}();
+  }
+};
 
 // export const checkLogInScreen = (self, auth) => {
 //   if (auth.auth) {
@@ -148,7 +127,7 @@ var checkLoggedIn = /*#__PURE__*/function () {
 //   });
 // };
 
-var isTheBest = (auth, isPlussSpaceMaster) => {
+const isTheBest = (auth, isPlussSpaceMaster) => {
   if (auth && auth.user) {
     if (isPlussSpaceMaster) {
       // only plussSpace master
@@ -203,22 +182,22 @@ var isTheBest = (auth, isPlussSpaceMaster) => {
 //   return userType;
 // };
 
-var validateAccess = (site, type, auth, noRole) => {
-  var roles = auth && auth.user ? auth.user.Roles : [];
+const validateAccess = (site, type, auth, noRole) => {
+  const roles = auth && auth.user ? auth.user.Roles : [];
   if (_.isEmpty(roles)) return noRole;
   if (site === "plussSpace" && type === "master") {
     return _.some(roles, r => r.site === "plussSpace" && r.type === "master");
   }
   if (_.some(roles, r => r.type === "master")) return true;
-  var role = _.find(roles, r => r.site === site);
+  const role = _.find(roles, r => r.site === site);
   if (!role) return false;
   if (type === "any") return true;
   return !_.isEmpty(role.Permissions) && _.includes(role.Permissions, type);
 };
-var getApiError = error => {
+const getApiError = error => {
   try {
-    var errorData = error.response.data;
-    var errorMessage = errorData && errorData.error;
+    const errorData = error.response.data;
+    const errorMessage = errorData && errorData.error;
     return errorMessage || errorData || error;
   } catch (e) {
     return error;
@@ -334,7 +313,7 @@ var getApiError = error => {
 //   }
 // };
 
-var isTVEnabled = (interfaces, feature) => {
+const isTVEnabled = (interfaces, feature) => {
   return _.some(interfaces, t => {
     return t.Type === "TV" && (!feature || _.some(t.Settings.widgets, f => {
       return f.key === feature;
@@ -363,7 +342,7 @@ var session = /*#__PURE__*/Object.freeze({
 // 3. A curated palette guarantees contrast and visual distinctiveness.
 // Future enhancement: use site branding colours with collision fallback to this palette.
 // Wraps around via modulo for 10+ sites (unlikely in practice).
-var SITE_COLOURS = ["#5e9efc",
+const SITE_COLOURS = ["#5e9efc",
 // Blue
 "#49bdbb",
 // Teal
@@ -383,35 +362,25 @@ var SITE_COLOURS = ["#5e9efc",
 // Grapefruit
 "#536280" // Dusk
 ];
-var getSiteColour = index => {
+const getSiteColour = index => {
   return SITE_COLOURS[index % SITE_COLOURS.length];
 };
-var fetchMultiSiteData = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator(function* (sites, fetchFn) {
-    var results = {};
-    var promises = sites.map(/*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(function* (site) {
-        try {
-          var data = yield fetchFn(site);
-          results[site] = data;
-        } catch (error) {
-          console.log("fetchMultiSiteData failed for site ".concat(site, ":"), error);
-          results[site] = null;
-        }
-      });
-      return function (_x3) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    yield Promise.all(promises);
-    return results;
+const fetchMultiSiteData = async (sites, fetchFn) => {
+  const results = {};
+  const promises = sites.map(async site => {
+    try {
+      const data = await fetchFn(site);
+      results[site] = data;
+    } catch (error) {
+      console.log("fetchMultiSiteData failed for site ".concat(site, ":"), error);
+      results[site] = null;
+    }
   });
-  return function fetchMultiSiteData(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-var compileStats = stats => {
-  var totalStats = {};
+  await Promise.all(promises);
+  return results;
+};
+const compileStats = stats => {
+  const totalStats = {};
   Object.keys(stats).forEach(id => {
     Object.keys(stats[id]).forEach(activityId => {
       if (Array.isArray(stats[id][activityId])) {
@@ -430,15 +399,15 @@ var compileStats = stats => {
   });
   return totalStats;
 };
-var getInsight = (stats, previousStats, source, key, activity) => {
-  var top = {
+const getInsight = (stats, previousStats, source, key, activity) => {
+  let top = {
     Stats: {
       [activity]: 0
     }
   };
   Object.keys(stats).forEach(entityId => {
     if (stats[entityId][activity] && stats[entityId][activity] > top.Stats[activity]) {
-      var entity = _.find(source, s => {
+      const entity = _.find(source, s => {
         return s[key] === entityId;
       });
       if (entity) {
@@ -457,7 +426,7 @@ var getInsight = (stats, previousStats, source, key, activity) => {
   }
   return top;
 };
-var getAnalyticsFilterOptions = () => {
+const getAnalyticsFilterOptions = () => {
   return [{
     text: "Yesterday",
     dayCount: 1,
@@ -488,13 +457,13 @@ var getAnalyticsFilterOptions = () => {
     prevText: "previous * days"
   }];
 };
-var countActivities = (data, activityKey, countType) => {
-  var count = 0;
-  var set = new Set();
+const countActivities = (data, activityKey, countType) => {
+  let count = 0;
+  let set = new Set();
   data.forEach(entry => {
-    var stats = entry.Stats;
-    for (var entity in stats) {
-      var entityStats = stats[entity];
+    const stats = entry.Stats;
+    for (const entity in stats) {
+      const entityStats = stats[entity];
       switch (countType) {
         case "unique":
           if (entityStats[activityKey]) {
@@ -526,13 +495,13 @@ var countActivities = (data, activityKey, countType) => {
       return 0;
   }
 };
-var generateDateRangeObjects = function generateDateRangeObjects(startTime, endTime) {
-  var groupBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "day";
-  var startDate = moment(startTime);
-  var endDate = moment(endTime);
-  var dates = {};
+const generateDateRangeObjects = function (startTime, endTime) {
+  let groupBy = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "day";
+  const startDate = moment(startTime);
+  const endDate = moment(endTime);
+  const dates = {};
   while (startDate.isSameOrBefore(endDate)) {
-    var dateString = startDate.format("DD-MM-YYYY");
+    const dateString = startDate.format("DD-MM-YYYY");
     dates[dateString] = {
       Date: dateString,
       Timestamp: startDate.valueOf(),
@@ -542,12 +511,12 @@ var generateDateRangeObjects = function generateDateRangeObjects(startTime, endT
   }
   return dates;
 };
-var generateDateActivities = function generateDateActivities(data, activityKey, countType, startTime, endTime) {
-  var groupBy = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : "day";
-  var dates = generateDateRangeObjects(startTime, endTime, groupBy);
-  var result = [];
-  var formatToUse = "DD-MM-YYYY";
-  var labelFormat = "D MMM";
+const generateDateActivities = function (data, activityKey, countType, startTime, endTime) {
+  let groupBy = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : "day";
+  const dates = generateDateRangeObjects(startTime, endTime, groupBy);
+  const result = [];
+  let formatToUse = "DD-MM-YYYY";
+  let labelFormat = "D MMM";
   switch (groupBy) {
     case "month":
       formatToUse = "MM-YYYY";
@@ -559,10 +528,10 @@ var generateDateActivities = function generateDateActivities(data, activityKey,
       break;
   }
   Object.keys(dates).forEach(d => {
-    var datesToUse = _.filter(data, date => {
+    const datesToUse = _.filter(data, date => {
       return moment(date.Date, "DD-MM-YYYY").format(formatToUse) === moment(d, "DD-MM-YYYY").format(formatToUse);
     }) || [dates[d]];
-    var compiledValue = {
+    const compiledValue = {
       date: d,
       label: moment(d, "DD-MM-YYYY").format(labelFormat),
       value: countActivities(datesToUse, activityKey, countType)
@@ -584,19 +553,19 @@ var analytics = /*#__PURE__*/Object.freeze({
 	generateDateActivities: generateDateActivities
 });
 
-var getUrl = function getUrl(baseAction, action, query) {
-  var {
+const getUrl = function (baseAction, action, query) {
+  let {
     url,
     stage
   } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
     url: null,
     stage: null
   };
-  var {
+  const {
     baseAPIUrl,
     baseStage
   } = CoreConfig.env;
-  var queryPart = "";
+  let queryPart = "";
   if (query) {
     _.keys(query).forEach((key, index) => {
       queryPart += "".concat(index === 0 ? "?" : "&").concat(key, "=").concat(encodeURIComponent(query[key]));
@@ -605,7 +574,7 @@ var getUrl = function getUrl(baseAction, action, query) {
   return "".concat(url || baseAPIUrl, "/").concat(baseAction, "-").concat(stage || baseStage, "/").concat(action).concat(queryPart);
 };
 
-var getUrlParams = () => {
+const getUrlParams = () => {
   var vars = {};
   window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
     vars[key] = value;
@@ -613,39 +582,39 @@ var getUrlParams = () => {
   return vars;
 };
 
-var safeReadParams = (props, key) => {
+const safeReadParams = (props, key) => {
   if (props && props.match && props.match.params) return props.match.params[key];
   return null;
 };
 
-var getUserFromState = state => {
+const getUserFromState = state => {
   if (!state || !state.auth || !state.auth.user) {
     return {};
   }
   return state.auth.user;
 };
 
-var getAppColourFromState = state => {
+const getAppColourFromState = state => {
   if (!state || !state.auth || !state.auth.siteBranding || !state.auth.siteBranding.MainBrandingColour) {
     return CoreConfig.env.colourBrandingApp;
   }
   return state.auth.siteBranding.MainBrandingColour;
 };
 
-var getExtension = url => {
+const getExtension = url => {
   if (!url) {
     return null;
   }
-  var fileSplit = url.split(".");
+  const fileSplit = url.split(".");
   return fileSplit[fileSplit.length - 1].toLowerCase();
 };
 
-var isVideo = url => {
-  var extension = getExtension(url);
+const isVideo = url => {
+  const extension = getExtension(url);
   return ["mov", "mp4"].includes(extension);
 };
 
-var get1400 = url => {
+const get1400 = url => {
   if (!url) {
     return url;
   }
@@ -658,13 +627,13 @@ var get1400 = url => {
   if (url.indexOf("https://plusscdn.azureedge.net/") !== -1) {
     return url.replace("/uploads/", "/uploads1400/").replace("/general/", "/general1400/");
   }
-  var {
+  const {
     baseUploadsUrl,
     baseLibraryUrl
   } = CoreConfig.env;
   if (url.indexOf(baseUploadsUrl) !== -1 || url.indexOf(baseLibraryUrl) !== -1) {
-    var extension = getExtension(url);
-    var urlToUse = url;
+    const extension = getExtension(url);
+    let urlToUse = url;
     if (extension !== "jpg") {
       urlToUse = "".concat(url.substring(0, url.length - (extension.length + 1)), ".jpg");
     }
@@ -673,7 +642,7 @@ var get1400 = url => {
   return url;
 };
 
-var generateImageName = name => {
+const generateImageName = name => {
   return "xxxxxxxx4xxxyxxxxxxxxxxxxx".concat(name).replace(/[xy]/g, c => {
     // eslint-disable-next-line
     var r = Math.random() * 16 | 0,
@@ -682,19 +651,19 @@ var generateImageName = name => {
   });
 };
 
-var getFileName = (url, noExtension) => {
+const getFileName = (url, noExtension) => {
   if (!url) {
     return null;
   }
-  var fileSplit = url.split("/");
-  var name = fileSplit[fileSplit.length - 1].toLowerCase();
+  const fileSplit = url.split("/");
+  const name = fileSplit[fileSplit.length - 1].toLowerCase();
   if (!noExtension) {
     return name;
   }
   return name.split(".")[0];
 };
 
-var getThumb300 = url => {
+const getThumb300 = url => {
   if (!url) {
     return url;
   }
@@ -707,13 +676,13 @@ var getThumb300 = url => {
   if (url.indexOf("https://plusscdn.azureedge.net/") !== -1) {
     return url.replace("/uploads/", "/uploads-thumb/").replace("/general/", "/general300/").replace("/uploads1400/", "/uploads-thumb/").replace("/general1400/", "/general300/");
   }
-  var {
+  const {
     baseUploadsUrl,
     baseLibraryUrl
   } = CoreConfig.env;
   if (url.indexOf(baseUploadsUrl) !== -1 || url.indexOf(baseLibraryUrl) !== -1) {
-    var extension = getExtension(url);
-    var urlToUse = url;
+    const extension = getExtension(url);
+    let urlToUse = url;
     if (extension !== "jpg") {
       urlToUse = "".concat(url.substring(0, url.length - (extension.length + 1)), ".jpg");
     }
@@ -722,31 +691,31 @@ var getThumb300 = url => {
   return url;
 };
 
-var getFirstName = string => {
+const getFirstName = string => {
   if (_.isEmpty(string)) {
     return "";
   }
   return string.split(" ")[0];
 };
 
-var isEmail = email => {
+const isEmail = email => {
   if (_.isEmpty(email)) return false;
-  var atpos = email.indexOf("@");
-  var dotpos = email.lastIndexOf(".");
+  const atpos = email.indexOf("@");
+  const dotpos = email.lastIndexOf(".");
   if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= email.length) return false;
   return true;
 };
 
-var isUrl = url => {
+const isUrl = url => {
   if (_.isEmpty(url)) return false;
-  var dotpos = url.lastIndexOf(".");
+  const dotpos = url.lastIndexOf(".");
   if (dotpos < 2 || dotpos + 2 >= url.length) {
     return false;
   }
   return true;
 };
 
-var randomString = () => {
+const randomString = () => {
   return "xxxxxxxx4xxxyxxxxxxxxxxxxx".replace(/[xy]/g, c => {
     // eslint-disable-next-line
     var r = Math.random() * 16 | 0,
@@ -757,10 +726,10 @@ var randomString = () => {
 
 function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var toParagraphed = (text, style) => {
+const toParagraphed = (text, style) => {
   if (!text) return text;
   text = text.replace(/\t/g, "\u00a0\u00a0\u00a0\u00a0");
-  var textSplit = text.split("\n");
+  const textSplit = text.split("\n");
   return _.map(textSplit, (t, i) => {
     return /*#__PURE__*/jsx("span", {
       iconStyle: _objectSpread$p({
@@ -771,22 +740,22 @@ var toParagraphed = (text, style) => {
   });
 };
 
-var onlyAlphanumeric = input => {
+const onlyAlphanumeric = input => {
   if (!input) {
     return input;
   }
   return input.replace(/[^a-z0-9]/gi, "");
 };
 
-var htmlDecode = value => $("<textare/>").html(value).text();
+const htmlDecode = value => $("<textare/>").html(value).text();
 
-var htmlEncode = value => $("<textare/>").text(value).html();
+const htmlEncode = value => $("<textare/>").text(value).html();
 
-var getSiteName = (site, sites) => {
+const getSiteName = (site, sites) => {
   if (site === "hq") {
     return "HQ";
   }
-  var siteObject = _.find(sites, t => {
+  const siteObject = _.find(sites, t => {
     return t.Id === site;
   });
   if (siteObject) {
@@ -795,25 +764,25 @@ var getSiteName = (site, sites) => {
   return site;
 };
 
-var getSiteNameFromRoles = (site, roles) => {
+const getSiteNameFromRoles = (site, roles) => {
   return getSiteName(site, roles.map(r => {
     return r.siteInfo;
   }));
 };
 
-var getSiteSettingFromState = (state, key, defaultValue) => {
+const getSiteSettingFromState = (state, key, defaultValue) => {
   if (state && state.auth && state.auth.siteSettings && !_.isUndefined(state.auth.siteSettings[key])) {
     return state.auth.siteSettings[key];
   }
   return defaultValue || null;
 };
 
-var getSiteLevelFromState = state => {
-  var siteType = "legacy";
+const getSiteLevelFromState = state => {
+  let siteType = "legacy";
   if (state && state.auth && state.auth.siteType) {
     siteType = state.auth.siteType;
   }
-  var siteConfig = {
+  const siteConfig = {
     type: siteType,
     featurePickerUrl: "/featurepicker",
     hasTV: true,
@@ -838,26 +807,26 @@ var getSiteLevelFromState = state => {
   return siteConfig;
 };
 
-var getMerchantsFromState = state => {
+const getMerchantsFromState = state => {
   if (!state || !state.auth || !state.auth.user) return [];
-  var currentSite = state.auth.user.Roles.find(r => r.site === state.auth.site);
+  const currentSite = state.auth.user.Roles.find(r => r.site === state.auth.site);
   return currentSite && !_.isEmpty(currentSite.siteInfo.Accounts) ? currentSite.siteInfo.Accounts : [];
 };
 
-var readJSONFromStorage = (storage, key, fallback) => {
-  var value = storage.getItem(key);
+const readJSONFromStorage = (storage, key, fallback) => {
+  const value = storage.getItem(key);
   if (value) {
     return JSON.parse(value);
   }
   return fallback;
 };
 
-var setLocalStorage = (key, value, isJson) => {
+const setLocalStorage = (key, value, isJson) => {
   window.localStorage.setItem(key, isJson ? JSON.stringify(value) : value);
 };
 
-var readStorageWithCookie = (key, isJson) => {
-  var value = window.localStorage.getItem(key);
+const readStorageWithCookie = (key, isJson) => {
+  const value = window.localStorage.getItem(key);
   if (value) {
     if (isJson) {
       try {
@@ -875,7 +844,7 @@ var readStorageWithCookie = (key, isJson) => {
   return Cookies.get(key);
 };
 
-var getTimepickerTime = input => {
+const getTimepickerTime = input => {
   var timeSplit = input.split(":");
   if (timeSplit[1].indexOf("pm") > -1) {
     if (timeSplit[0] !== "12") {
@@ -894,42 +863,42 @@ var getTimepickerTime = input => {
 };
 
 //converts the result of getTimePickerTime into a number representing minutes since midnight
-var timeToMinutes = time => {
+const timeToMinutes = time => {
   return parseInt(time.hours, 10) * 60 + parseInt(time.minutes, 10);
 };
 
 // checks whether there is an overlap between two time frames given time and end times in minutes since midnight
-var hasTimeframeOverlap = (aStart, aEnd, bStart, bEnd) => {
+const hasTimeframeOverlap = (aStart, aEnd, bStart, bEnd) => {
   return aStart < bEnd && bStart < aEnd || bStart < aEnd && aStart < bEnd;
 };
 
 // converts a time picker input into midnights since midnight
-var timepickerToMinutes = input => {
+const timepickerToMinutes = input => {
   return timeToMinutes(getTimepickerTime(input));
 };
-var getDateFromTimeDatePickers = (dateInput, timeInput) => {
-  var dateObject = new Date(dateInput);
-  var time = getTimepickerTime(timeInput);
+const getDateFromTimeDatePickers = (dateInput, timeInput) => {
+  const dateObject = new Date(dateInput);
+  const time = getTimepickerTime(timeInput);
   dateObject.setHours(time.hours);
   dateObject.setMinutes(time.minutes);
   return dateObject;
 };
-var formatTime = (hours, minutes) => {
-  var period = hours >= 12 ? "pm" : "am"; // Convert 24-hour format to 12-hour format
+const formatTime = (hours, minutes) => {
+  const period = hours >= 12 ? "pm" : "am"; // Convert 24-hour format to 12-hour format
 
-  var adjustedHours = hours > 12 ? hours - 12 : hours === 0 ? 12 : hours; // Ensure minutes are two digits
+  const adjustedHours = hours > 12 ? hours - 12 : hours === 0 ? 12 : hours; // Ensure minutes are two digits
 
-  var adjustedMinutes = String(minutes).padStart(2, "0");
+  const adjustedMinutes = String(minutes).padStart(2, "0");
   return "".concat(adjustedHours, ":").concat(adjustedMinutes).concat(period);
 };
-var minutesToString = (minutes, isTimeOfDay) => {
-  var hours = Math.floor(minutes / 60);
-  var remainingMinutes = minutes % 60;
+const minutesToString = (minutes, isTimeOfDay) => {
+  const hours = Math.floor(minutes / 60);
+  const remainingMinutes = minutes % 60;
   if (isTimeOfDay) {
     return formatTime(hours, remainingMinutes);
   }
-  var hoursString = hours > 1 ? "".concat(hours, " hours") : "".concat(hours, " hour");
-  var minutesString = remainingMinutes > 1 ? "".concat(remainingMinutes, " minutes") : "".concat(remainingMinutes, " minute");
+  const hoursString = hours > 1 ? "".concat(hours, " hours") : "".concat(hours, " hour");
+  const minutesString = remainingMinutes > 1 ? "".concat(remainingMinutes, " minutes") : "".concat(remainingMinutes, " minute");
   if (hours && remainingMinutes) {
     return "".concat(hoursString, " ").concat(minutesString);
   }
@@ -941,17 +910,17 @@ var minutesToString = (minutes, isTimeOfDay) => {
   }
   return "0 minutes";
 };
-var getUTCFromTimeDatePickers = (dateInput, timeInput) => {
-  var dateObject = getDateFromTimeDatePickers(dateInput, timeInput);
+const getUTCFromTimeDatePickers = (dateInput, timeInput) => {
+  const dateObject = getDateFromTimeDatePickers(dateInput, timeInput);
   return moment.utc(dateObject);
 };
-var getPluralS = count => {
+const getPluralS = count => {
   if (count === 1) {
     return "";
   }
   return "s";
 };
-var getPluralOptions = (count, singular, plural) => {
+const getPluralOptions = (count, singular, plural) => {
   if (count === 1) {
     return singular;
   }
@@ -959,17 +928,17 @@ var getPluralOptions = (count, singular, plural) => {
 };
 
 // deprecated
-var setChatUser = auth => {
+const setChatUser = auth => {
   return;
 };
 
 // deprecated
-var openChat = () => {
+const openChat = () => {
   return;
 };
 
 // deprecated
-var hideChat = () => {
+const hideChat = () => {
   return;
 };
 
@@ -1023,12 +992,12 @@ var index$3 = /*#__PURE__*/Object.freeze({
 // const COLOUR_2 = '#3179cb';
 // const COLOUR_3 = '#1bb7ee';
 
-var COLOUR_BRANDING_MAIN = "#4a57b7";
+const COLOUR_BRANDING_MAIN = "#4a57b7";
 // const COLOUR_BRANDING_DARK = '#364196';
 // const COLOUR_BRANDING_LIGHT = '#597db4';
-var COLOUR_BRANDING_OFF = "#597db4";
-var COLOUR_BRANDING_ACTION = "#5c90df";
-var COLOUR_BRANDING_INACTIVE = "#dbddf1";
+const COLOUR_BRANDING_OFF = "#597db4";
+const COLOUR_BRANDING_ACTION = "#5c90df";
+const COLOUR_BRANDING_INACTIVE = "#dbddf1";
 
 // const TEXT_DARKEST = '#262a2d';
 // const TEXT_DARK = '#262a2d';
@@ -1037,12 +1006,12 @@ var COLOUR_BRANDING_INACTIVE = "#dbddf1";
 // const TEXT_DARK_ALPHA10 = 'rgba(60, 60, 80, .1)';
 // const TEXT_MID = '#5a5a6e';
 // const TEXT_MID_ALPHA50 = 'rgba(90, 90, 110, .5)';
-var TEXT_LIGHT = "#717b81";
+const TEXT_LIGHT = "#717b81";
 // const TEXT_SUPER_LIGHT = '#d2d9e5';
-var COLOUR_DUSK = "#536280";
-var COLOUR_DUSK_LIGHT = "#67758f";
-var COLOUR_DUSK_LIGHTER = "#a1afcc";
-var LINEGREY = COLOUR_BRANDING_INACTIVE;
+const COLOUR_DUSK = "#536280";
+const COLOUR_DUSK_LIGHT = "#67758f";
+const COLOUR_DUSK_LIGHTER = "#a1afcc";
+const LINEGREY = COLOUR_BRANDING_INACTIVE;
 // const BORDER_LINE_GREY = COLOUR_BRANDING_INACTIVE;
 
 // const COLOUR_TEAL = '#49bdbb';
@@ -1051,8 +1020,8 @@ var LINEGREY = COLOUR_BRANDING_INACTIVE;
 // const COLOUR_BLUE_ALPHA10 = 'rgba(0, 131, 238, 0.1)';
 // const COLOUR_DARKBLUE = '#191e78';
 // const COLOUR_PURPLE = '#6e79c5';
-var COLOUR_RED = "#c02743";
-var COLOUR_GREEN = "#00cc9c";
+const COLOUR_RED = "#c02743";
+const COLOUR_GREEN = "#00cc9c";
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
 // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -1062,29 +1031,29 @@ var COLOUR_GREEN = "#00cc9c";
 // const COLOUR_NAV_GREY = '#f6f6f6';
 // const COLOUR_TRANSPARENT = 'rgba(0,0,0,0)';
 // const COLOUR_SIDEBAR = '#303030';
-var COLOUR_LIGHTGREY = "#8695b2";
-var INACTIVE_TEXT = COLOUR_LIGHTGREY;
-var COLOUR_BRANDING_APP = "#4a57b7";
-var hexToRGB = hex => {
+const COLOUR_LIGHTGREY = "#8695b2";
+const INACTIVE_TEXT = COLOUR_LIGHTGREY;
+const COLOUR_BRANDING_APP = "#4a57b7";
+const hexToRGB = hex => {
   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
   hex = hex.replace(shorthandRegex, (m, r, g, b) => {
     return r + r + g + g + b + b;
   });
-  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   return result ? {
     r: parseInt(result[1], 16),
     g: parseInt(result[2], 16),
     b: parseInt(result[3], 16)
   } : null;
 };
-var hexToRGBAstring = (hex, opacity) => {
+const hexToRGBAstring = (hex, opacity) => {
   // Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF")
-  var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
+  const shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
   hex = hex.replace(shorthandRegex, (m, r, g, b) => {
     return r + r + g + g + b + b;
   });
-  var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
   return result ? "rgba(".concat(parseInt(result[1], 16), ", ").concat(parseInt(result[2], 16), ", ").concat(parseInt(result[3], 16), ", ").concat(opacity, ")") : null;
 };
 
@@ -1108,23 +1077,23 @@ var colours = /*#__PURE__*/Object.freeze({
 	COLOUR_BRANDING_INACTIVE: COLOUR_BRANDING_INACTIVE
 });
 
-var SET_AUTH = "set_auth";
-var LOGOUT = "LOGOUT";
-var CHANGE_SITE = "CHANGE_SITE";
-var UPDATE_PROFILE = "UPDATE_PROFILE";
-var ADD_RECENTLY_CREATED = "ADD_RECENTLY_CREATED";
-var USERS_LOADED = "USERS_LOADED";
-var USER_REMOVED = "USER_REMOVED";
-var USERS_PURGE = "USERS_PURGE";
-var USERS_LOADING = "USERS_LOADING";
-var USERS_RESIDENT_COUNT_SET = "USERS_RESIDENT_COUNT_SET";
-var INVITE_CODES_LOADED = "INVITE_CODES_LOADED";
-var INVITE_CODE_UPDATED = "INVITE_CODE_UPDATED";
-var INVITE_CODE_REMOVED = "INVITE_CODE_REMOVED";
-var SET_NAV_DATA = "SET_NAV_DATA";
-var TEMPLATES_LOADED = "TEMPLATES_LOADED";
-var TEMPLATE_REMOVED = "TEMPLATE_REMOVED";
-var SCHEDULED_ACTIONS_LOADED = "SCHEDULED_ACTIONS_LOADED";
+const SET_AUTH = "set_auth";
+const LOGOUT = "LOGOUT";
+const CHANGE_SITE = "CHANGE_SITE";
+const UPDATE_PROFILE = "UPDATE_PROFILE";
+const ADD_RECENTLY_CREATED = "ADD_RECENTLY_CREATED";
+const USERS_LOADED = "USERS_LOADED";
+const USER_REMOVED = "USER_REMOVED";
+const USERS_PURGE = "USERS_PURGE";
+const USERS_LOADING = "USERS_LOADING";
+const USERS_RESIDENT_COUNT_SET = "USERS_RESIDENT_COUNT_SET";
+const INVITE_CODES_LOADED = "INVITE_CODES_LOADED";
+const INVITE_CODE_UPDATED = "INVITE_CODE_UPDATED";
+const INVITE_CODE_REMOVED = "INVITE_CODE_REMOVED";
+const SET_NAV_DATA = "SET_NAV_DATA";
+const TEMPLATES_LOADED = "TEMPLATES_LOADED";
+const TEMPLATE_REMOVED = "TEMPLATE_REMOVED";
+const SCHEDULED_ACTIONS_LOADED = "SCHEDULED_ACTIONS_LOADED";
 
 // import { getEnabledFeatures } from '../session';
 // import { authActions, typeActions } from '../apis';
@@ -1155,13 +1124,13 @@ var SCHEDULED_ACTIONS_LOADED = "SCHEDULED_ACTIONS_LOADED";
 //   };
 // };
 
-var setAuth = stuff => {
+const setAuth = stuff => {
   return {
     type: SET_AUTH,
     payload: stuff
   };
 };
-var setAuthUser = (auth, user, site) => {
+const setAuthUser = (auth, user, site) => {
   return dispatch => {
     if (!auth && !user && !site) {
       dispatch({
@@ -1180,7 +1149,7 @@ var setAuthUser = (auth, user, site) => {
     });
   };
 };
-var setRemember = chooken => {
+const setRemember = chooken => {
   return {
     type: SET_AUTH,
     payload: {
@@ -1188,7 +1157,7 @@ var setRemember = chooken => {
     }
   };
 };
-var setAuthLocation = site => {
+const setAuthLocation = site => {
   console.log("setting auth location");
   console.log(site);
   return {
@@ -1198,21 +1167,21 @@ var setAuthLocation = site => {
     }
   };
 };
-var updateProfile = changes => {
+const updateProfile = changes => {
   return {
     type: UPDATE_PROFILE,
     payload: changes
   };
 };
 
-var addRecentlyCreated = feature => {
+const addRecentlyCreated = feature => {
   return {
     type: ADD_RECENTLY_CREATED,
     payload: feature
   };
 };
 
-var analyticsActions = {
+const analyticsActions = {
   log: (site, actionType, entityType, entityId, data) => {
     return authedFunction({
       method: "POST",
@@ -1235,12 +1204,12 @@ var analyticsActions = {
       })
     });
   },
-  getActivityLog: function getActivityLog(entityId, entityType, actionType, minTime, maxTime) {
-    var {
+  getActivityLog: function (entityId, entityType, actionType, minTime, maxTime) {
+    let {
       userType,
       userCategory
     } = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-    var query = {
+    const query = {
       entityId,
       entityType,
       actionType
@@ -1266,12 +1235,12 @@ var analyticsActions = {
       })
     });
   },
-  getAggregateEntityStats: function getAggregateEntityStats(site, type, minTime, maxTime, raw) {
-    var {
+  getAggregateEntityStats: function (site, type, minTime, maxTime, raw) {
+    let {
       userType,
       userCategory
     } = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : {};
-    var query = {
+    const query = {
       site,
       type,
       minTime,
@@ -1285,12 +1254,12 @@ var analyticsActions = {
       url: getUrl("analytics", "aggregate", query)
     });
   },
-  getUserRetention: function getUserRetention(site) {
-    var {
+  getUserRetention: function (site) {
+    let {
       userType,
       userCategory
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    var query = {
+    const query = {
       site
     };
     if (userType) query.userType = userType;
@@ -1302,9 +1271,9 @@ var analyticsActions = {
   }
 };
 
-var authActions = {
+const authActions = {
   checkUserAuth: userId => {
-    var url = getUrl("auth", "checkUserAuth");
+    let url = getUrl("auth", "checkUserAuth");
     return authedFunction({
       method: "POST",
       url,
@@ -1329,8 +1298,8 @@ var authActions = {
     });
   },
   disableUser: (username, site) => {
-    var url = getUrl("users", "testUserDisbale");
-    var request = {
+    let url = getUrl("users", "testUserDisbale");
+    const request = {
       method: "POST",
       url,
       data: {
@@ -1340,21 +1309,15 @@ var authActions = {
     };
     return authedFunction(request);
   },
-  getUserSignin: function () {
-    var _getUserSignin = _asyncToGenerator(function* () {
-      return authedFunction({
-        method: "POST",
-        url: getUrl("auth", "getUserSignin")
-      });
+  getUserSignin: async () => {
+    return authedFunction({
+      method: "POST",
+      url: getUrl("auth", "getUserSignin")
     });
-    function getUserSignin() {
-      return _getUserSignin.apply(this, arguments);
-    }
-    return getUserSignin;
-  }(),
+  },
   copyDummy: site => {
-    var url = getUrl("auth", "copyDummy");
-    var request = {
+    let url = getUrl("auth", "copyDummy");
+    const request = {
       method: "POST",
       url,
       data: {
@@ -1449,7 +1412,7 @@ function CanvasImageUploader(options) {
     /**
      * Run to initialize CanvasImageUploader.
      */
-    newImage: function newImage() {
+    newImage: function () {
       imageData = null;
       image = new Image();
     },
@@ -1457,7 +1420,7 @@ function CanvasImageUploader(options) {
      * Returns the image data if any file has been read.
      * @returns {Blob|null}
      */
-    getImageData: function getImageData() {
+    getImageData: function () {
       return imageData;
     },
     /**
@@ -1467,7 +1430,7 @@ function CanvasImageUploader(options) {
      * @param $destination The destination canvas to draw onto.
      * @param maxSize Maximum width or height of the destination canvas.
      */
-    copyToCanvas: function copyToCanvas(source, $destination, maxSize) {
+    copyToCanvas: function (source, $destination, maxSize) {
       var size = calculateSize(source, maxSize);
       setDimensions($destination, size);
       var destCtx = $destination[0].getContext("2d");
@@ -1479,7 +1442,7 @@ function CanvasImageUploader(options) {
      * @param $canvas The canvas (jQuery) object to draw on.
      * @param callback Function that is called when the operation has finished.
      */
-    readImageToCanvas: function readImageToCanvas(file, $canvas, callback) {
+    readImageToCanvas: function (file, $canvas, callback) {
       this.newImage();
       if (!file) return;
       var reader = new FileReader();
@@ -1496,35 +1459,29 @@ function CanvasImageUploader(options) {
      * Get this data using the method getImageData().
      * @param canvas
      */
-    saveCanvasToImageData: function saveCanvasToImageData(canvas) {
+    saveCanvasToImageData: function (canvas) {
       var base64 = canvas.toDataURL("image/jpeg", options.jpegQuality).replace(/^data:image\/(png|jpeg|jpg|gif);base64,/, "");
       imageData = base64toBlob(base64, "image/jpeg"); // Byte array
     }
   };
 }
 
-var fileActions = {
-  uploadMediaAsync: function () {
-    var _uploadMediaAsync = _asyncToGenerator(function* (file, filename) {
-      var newFilename = filename.replace(/[^a-z0-9+.]+/gi, "").toLowerCase();
-      var userId = yield getCurrentUserSub();
-      var url = "uploads/users/".concat(userId, "/public/").concat(randomString(), "/").concat(newFilename);
-      var {
-        baseUploadsUrl,
-        uploadBucket
-      } = CoreConfig.env;
-      yield Storage.put(url, file, {
-        level: "public",
-        bucket: uploadBucket
-      });
-      console.log("uploaded file", "".concat(baseUploadsUrl).concat(url));
-      return "".concat(baseUploadsUrl).concat(url);
-    });
-    function uploadMediaAsync(_x, _x2) {
-      return _uploadMediaAsync.apply(this, arguments);
-    }
-    return uploadMediaAsync;
-  }(),
+const fileActions = {
+  uploadMediaAsync: async (file, filename) => {
+    const newFilename = filename.replace(/[^a-z0-9+.]+/gi, "").toLowerCase();
+    const userId = await getCurrentUserSub();
+    const url = "uploads/users/".concat(userId, "/public/").concat(randomString(), "/").concat(newFilename);
+    const {
+      baseUploadsUrl,
+      uploadBucket
+    } = CoreConfig.env;
+    await Storage.put(url, file, {
+      level: "public",
+      bucket: uploadBucket
+    });
+    console.log("uploaded file", "".concat(baseUploadsUrl).concat(url));
+    return "".concat(baseUploadsUrl).concat(url);
+  },
   // readBase64: async (file) => {
   //   return new Promise((resolve, reject) => {
   //     var reader = new FileReader();
@@ -1559,7 +1516,7 @@ var fileActions = {
     });
   },
   blobToFile: (theBlob, fileName) => {
-    var file = new File([theBlob], fileName, {
+    const file = new File([theBlob], fileName, {
       lastModified: new Date()
     });
     console.log(file);
@@ -1567,10 +1524,10 @@ var fileActions = {
   },
   putCanvas: (canvas, filename) => {
     return new Promise((resolve, reject) => {
-      var img = canvas.getTrimmedCanvas().toDataURL("image/png");
-      var imageData = Buffer.from(img.replace(/^data:image\/\w+;base64,/, ""), "base64");
+      const img = canvas.getTrimmedCanvas().toDataURL("image/png");
+      const imageData = Buffer.from(img.replace(/^data:image\/\w+;base64,/, ""), "base64");
       canvas.off();
-      var imgName = generateImageName(filename);
+      const imgName = generateImageName(filename);
       Storage.put("images/".concat(imgName, ".png"), imageData, {
         contentType: "image/png",
         level: "public"
@@ -1584,7 +1541,7 @@ var fileActions = {
   },
   getMediaFolders: site => {
     // console.log('getMediaFolders', 'site', site);
-    var query = {
+    const query = {
       site
     };
     return authedFunction({
@@ -1658,7 +1615,7 @@ var fileActions = {
 
 function ownKeys$o(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$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var typeActions = {
+const typeActions = {
   getSubdomains: () => {
     return authedFunction({
       method: "GET",
@@ -1682,29 +1639,23 @@ var typeActions = {
     });
   },
   getSites: () => {
-    var url = getUrl("types", "getsites");
+    let url = getUrl("types", "getsites");
     return authedFunction({
       method: "POST",
       url
     });
   },
-  getSite: function () {
-    var _getSite = _asyncToGenerator(function* (id) {
-      var url = getUrl("types", "getsite", {
-        site: id
-      });
-      return authedFunction({
-        method: "GET",
-        url
-      });
+  getSite: async id => {
+    let url = getUrl("types", "getsite", {
+      site: id
     });
-    function getSite(_x) {
-      return _getSite.apply(this, arguments);
-    }
-    return getSite;
-  }(),
+    return authedFunction({
+      method: "GET",
+      url
+    });
+  },
   getUserTypes: site => {
-    var url = getUrl("types", "getusertypes");
+    let url = getUrl("types", "getusertypes");
     return authedFunction({
       method: "POST",
       url,
@@ -1714,7 +1665,7 @@ var typeActions = {
     });
   },
   setTypePermissions: (type, adminId) => {
-    var url = getUrl("types", "setusertypepermissions");
+    let url = getUrl("types", "setusertypepermissions");
     return authedFunction({
       method: "POST",
       url,
@@ -1724,7 +1675,7 @@ var typeActions = {
     });
   },
   deleteUserType: (site, type) => {
-    var url = getUrl("types", "usertype/delete");
+    let url = getUrl("types", "usertype/delete");
     return authedFunction({
       method: "POST",
       url,
@@ -1735,8 +1686,8 @@ var typeActions = {
     });
   },
   createNewSite: (siteName, options) => {
-    var url = getUrl("types", "setNewSite");
-    var request = {
+    let url = getUrl("types", "setNewSite");
+    const request = {
       method: "POST",
       url,
       data: _objectSpread$o({
@@ -1746,8 +1697,8 @@ var typeActions = {
     return authedFunction(request);
   },
   signUpNewSite: (site, user) => {
-    var url = getUrl("types", "site/signup");
-    var request = {
+    let url = getUrl("types", "site/signup");
+    const request = {
       method: "POST",
       url,
       data: {
@@ -1764,7 +1715,7 @@ var typeActions = {
     });
   },
   getInterfaces: (site, type) => {
-    var q = {
+    const q = {
       site
     };
     if (type) {
@@ -1776,7 +1727,7 @@ var typeActions = {
     });
   },
   deleteInterface: id => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/remove"),
       data: {
@@ -1786,7 +1737,7 @@ var typeActions = {
     return authedFunction(request);
   },
   saveInterface: (site, type, title, settings, id) => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/save"),
       data: {
@@ -1800,7 +1751,7 @@ var typeActions = {
     return authedFunction(request);
   },
   attachInterface: (site, typeName, interfaceId) => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/attach"),
       data: {
@@ -1812,7 +1763,7 @@ var typeActions = {
     return authedFunction(request);
   },
   getSiteBranding: site => {
-    var request = {
+    const request = {
       method: "GET",
       url: getUrl("types", "branding/get", {
         site
@@ -1821,7 +1772,7 @@ var typeActions = {
     return unauthedFunction(request);
   },
   generateSiteBranding: url => {
-    var request = {
+    const request = {
       method: "GET",
       url: getUrl("types", "branding/generate", {
         url
@@ -1830,8 +1781,8 @@ var typeActions = {
     return unauthedFunction(request);
   },
   editSiteBranding: (siteName, branding) => {
-    var url = getUrl("types", "editsitebranding");
-    var request = {
+    let url = getUrl("types", "editsitebranding");
+    const request = {
       method: "POST",
       url,
       data: {
@@ -1867,9 +1818,9 @@ var typeActions = {
   }
 };
 
-var stringActions = {
+const stringActions = {
   getString: (site, id, useDefault) => {
-    var url = getUrl("strings", "get/".concat(site, "_").concat(id), useDefault ? {
+    let url = getUrl("strings", "get/".concat(site, "_").concat(id), useDefault ? {
       useDefault
     } : undefined);
     return axios({
@@ -1878,7 +1829,7 @@ var stringActions = {
     });
   },
   setString: (site, key, value) => {
-    var url = getUrl("strings", "set");
+    let url = getUrl("strings", "set");
     return authedFunction({
       method: "POST",
       url,
@@ -1891,7 +1842,7 @@ var stringActions = {
   }
 };
 
-var userActions = {
+const userActions = {
   createNewUser: (user, userExtra) => {
     return authedFunction({
       method: "POST",
@@ -1991,7 +1942,7 @@ var userActions = {
     });
   },
   getInviteCode: (userId, type, site) => {
-    var query = {};
+    const query = {};
     if (!_.isEmpty(userId)) {
       query.userId = userId;
     }
@@ -2007,7 +1958,7 @@ var userActions = {
     });
   },
   generateInviteCode: (userId, type, site) => {
-    var data = {};
+    const data = {};
     if (!_.isEmpty(userId)) {
       data.userId = userId;
     }
@@ -2055,9 +2006,9 @@ var userActions = {
       }
     });
   },
-  getInviteCodes: function getInviteCodes(site) {
-    var excludeFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var action = excludeFamily ? "excludeFamily" : "all";
+  getInviteCodes: function (site) {
+    let excludeFamily = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    const action = excludeFamily ? "excludeFamily" : "all";
     return authedFunction({
       method: "GET",
       url: getUrl("users", "invite/get/".concat(action), {
@@ -2084,7 +2035,7 @@ var userActions = {
   }
 };
 
-var profileActions = {
+const profileActions = {
   addEC: (userId, name, phone, email, relationship) => {
     return authedFunction({
       method: "POST",
@@ -2279,7 +2230,7 @@ var profileActions = {
   }
 };
 
-var utilityActions = {
+const utilityActions = {
   getUpvotyToken: () => {
     return authedFunction({
       method: "GET",
@@ -2311,9 +2262,9 @@ var utilityActions = {
   }
 };
 
-var templateActions = {
+const templateActions = {
   getTemplates: (site, featureKey) => {
-    var query = {
+    const query = {
       site,
       featureKey
     };
@@ -2360,9 +2311,9 @@ var templateActions = {
   }
 };
 
-var scheduledActionsActions = {
+const scheduledActionsActions = {
   getActions: (site, entityKey) => {
-    var query = {
+    const query = {
       site,
       entityKey
     };
@@ -2389,14 +2340,14 @@ var index$2 = /*#__PURE__*/Object.freeze({
 
 function ownKeys$n(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$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var usersUpdate = site => {
+const usersUpdate = site => {
   return dispatch => {
     userActions.fetchUsers(site).then(res => {
       if (res.userFetchFail) ; else {
-        var currentSite = readStorageWithCookie("site");
+        const currentSite = readStorageWithCookie("site");
         if (res.data != null && !_.isEmpty(res.data.results.Items) && res.data.results.Items[0].site === currentSite) {
-          var users = res.data.results.Items;
-          var allList = [];
+          const users = res.data.results.Items;
+          const allList = [];
           Object.keys(users).forEach(userId => {
             allList.push(_objectSpread$n(_objectSpread$n({}, users[userId]), {}, {
               id: userId
@@ -2416,7 +2367,7 @@ var usersUpdate = site => {
     });
   };
 };
-var getUserCount = site => {
+const getUserCount = site => {
   return dispatch => {
     dispatch({
       type: USERS_LOADING
@@ -2429,63 +2380,63 @@ var getUserCount = site => {
     });
   };
 };
-var usersLoaded = events => {
+const usersLoaded = events => {
   return {
     type: USERS_LOADED,
     payload: events
   };
 };
-var userKey = id => {
+const userKey = id => {
   return {
     type: USER_REMOVED,
     payload: id
   };
 };
-var inviteCodesLoaded = inviteCodes => {
+const inviteCodesLoaded = inviteCodes => {
   return {
     type: INVITE_CODES_LOADED,
     payload: inviteCodes
   };
 };
-var inviteCodeUpdated = inviteCode => {
+const inviteCodeUpdated = inviteCode => {
   return {
     type: INVITE_CODE_UPDATED,
     payload: inviteCode
   };
 };
-var inviteCodeRemoved = inviteCode => {
+const inviteCodeRemoved = inviteCode => {
   return {
     type: INVITE_CODE_REMOVED,
     payload: inviteCode
   };
 };
-var clearUsers = () => {
+const clearUsers = () => {
   return {
     type: USERS_PURGE
   };
 };
 
-var setNavData = data => {
+const setNavData = data => {
   return {
     type: SET_NAV_DATA,
     payload: data
   };
 };
 
-var templatesLoaded = template => {
+const templatesLoaded = template => {
   return {
     type: TEMPLATES_LOADED,
     payload: template
   };
 };
-var removeTemplate = id => {
+const removeTemplate = id => {
   return {
     type: TEMPLATE_REMOVED,
     payload: id
   };
 };
 
-var scheduledActionsLoaded = scheduledActions => {
+const scheduledActionsLoaded = scheduledActions => {
   return {
     type: SCHEDULED_ACTIONS_LOADED,
     payload: scheduledActions
@@ -2516,7 +2467,7 @@ var index$1 = /*#__PURE__*/Object.freeze({
 
 class AddButton extends Component {
   getClasses() {
-    var classes = "addButton";
+    let classes = "addButton";
     if (this.props.inactive) {
       classes += " addButton--inactive";
     }
@@ -2575,7 +2526,7 @@ function ownKeys$m(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$m(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 class Button extends Component {
   getClasses() {
-    var string = "";
+    let string = "";
     if (this.props.inline) string = string + "buttonWrapper--inline ";
     if (this.props.isActive) string = string + "button--active ";
     if (this.props.buttonType) string = string + "button--".concat(this.props.buttonType);
@@ -2592,7 +2543,7 @@ class Button extends Component {
     return "button";
   }
   getButtonTextClasses() {
-    var result = "buttonText";
+    let result = "buttonText";
     if (this.props.leftIcon) {
       result = result + " buttonTextWithIcon";
     }
@@ -2646,7 +2597,7 @@ class CheckBox extends PureComponent {
     });
   }
   generateClassNames() {
-    var result = "checkBox";
+    let result = "checkBox";
     if (this.props.isActive) {
       result = result + " checkBox--active";
     }
@@ -2659,14 +2610,14 @@ class CheckBox extends PureComponent {
     return result;
   }
   getLabelClasses() {
-    var result = "actionText pointer";
+    let result = "actionText pointer";
     if (this.props.disabled) {
       result = result + " actionText--disabled";
     }
     return result;
   }
   getBoxStyle() {
-    var result = {};
+    const result = {};
     if (this.props.highlightColour && this.props.isActive) {
       result.borderColor = this.props.highlightColour;
       result.backgroundColor = this.props.highlightColour;
@@ -2704,7 +2655,7 @@ class CheckBox extends PureComponent {
     });
   }
 }
-var styles$9 = {
+const styles$9 = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -2762,12 +2713,12 @@ class ProfilePicComponent extends Component {
     return this.renderPic();
   }
 }
-var mapStateToProps$6 = state => {
+const mapStateToProps$6 = state => {
   return {
     colourBrandingApp: getAppColourFromState(state)
   };
 };
-var ProfilePic = connect(mapStateToProps$6, {})(ProfilePicComponent);
+const ProfilePic = connect(mapStateToProps$6, {})(ProfilePicComponent);
 
 class Comment extends Component {
   renderImage(image) {
@@ -2790,7 +2741,7 @@ class Comment extends Component {
     });
   }
   renderComment() {
-    var {
+    const {
       comment
     } = this.props;
     return /*#__PURE__*/jsxs("div", {
@@ -2823,23 +2774,21 @@ class Comment extends Component {
 
 class CommentSection extends Component {
   constructor(props) {
-    var _this;
     super(props);
-    _this = this;
     _defineProperty(this, "onHandleChange", event => {
       var stateChange = {};
       stateChange[event.target.getAttribute("id")] = event.target.value;
       this.setState(stateChange);
     });
-    _defineProperty(this, "onAddComment", /*#__PURE__*/_asyncToGenerator(function* () {
-      var {
+    _defineProperty(this, "onAddComment", async () => {
+      const {
         commentInput
-      } = _this.state;
-      _this.setState({
+      } = this.state;
+      this.setState({
         commentInput: ""
       });
-      _this.props.onAddComment(commentInput);
-    }));
+      this.props.onAddComment(commentInput);
+    });
     _defineProperty(this, "getComments", () => {
       if (!this.props.onlyParents) {
         return this.props.comments;
@@ -2852,7 +2801,7 @@ class CommentSection extends Component {
       if (!this.props.onOpenThread) {
         return null;
       }
-      var threadComments = _.filter(this.props.comments, innerC => {
+      const threadComments = _.filter(this.props.comments, innerC => {
         return innerC.ParentId === c.Id;
       });
       if (_.isEmpty(threadComments)) {
@@ -2868,7 +2817,7 @@ class CommentSection extends Component {
           })
         });
       }
-      var profilePics = _.take(_.uniqBy(threadComments, c => c.UserId), 3);
+      const profilePics = _.take(_.uniqBy(threadComments, c => c.UserId), 3);
       return /*#__PURE__*/jsxs("div", {
         className: "comment_reply comment_reply-hasReplies",
         children: [profilePics.map(c => {
@@ -2941,7 +2890,7 @@ class DatePicker extends Component {
   }
   onNewProps(nextProps, forceUpdate) {
     if (!!nextProps.shownMonth && nextProps.shownMonth !== this.props.shownMonth) {
-      var shownMonth = new Date(nextProps.shownMonth.getFullYear(), nextProps.shownMonth.getMonth() + 1, 0);
+      const shownMonth = new Date(nextProps.shownMonth.getFullYear(), nextProps.shownMonth.getMonth() + 1, 0);
       this.setState({
         shownMonth
       });
@@ -2949,19 +2898,19 @@ class DatePicker extends Component {
     } else if (this.props.multiple && nextProps.selectedDates !== this.props.selectedDates) {
       this.generateGrid(this.state.shownMonth, nextProps.selectedDates);
     } else if (forceUpdate || nextProps.selectedDate !== this.props.selectedDate) {
-      var dateToUse = nextProps.selectedDate;
+      let dateToUse = nextProps.selectedDate;
       if (!(dateToUse instanceof Date)) {
         dateToUse = new Date(dateToUse);
       }
       if (isNaN(dateToUse)) {
         dateToUse = new Date();
       }
-      var _shownMonth = this.props.shownMonth ? this.state.shownMonth : dateToUse;
+      const shownMonth = this.props.shownMonth ? this.state.shownMonth : dateToUse;
       this.setState({
-        shownMonth: _shownMonth,
+        shownMonth: shownMonth,
         selectedDate: dateToUse
       });
-      this.generateGrid(_shownMonth, dateToUse);
+      this.generateGrid(shownMonth, dateToUse);
     }
   }
   getDate() {
@@ -2987,13 +2936,13 @@ class DatePicker extends Component {
   }
   isDateEnabled(date) {
     if (this.props.enabledDates) {
-      var found = this.props.enabledDates.find(d => moment(d.day).format("YYYYMMDD") === date.format("YYYYMMDD"));
+      const found = this.props.enabledDates.find(d => moment(d.day).format("YYYYMMDD") === date.format("YYYYMMDD"));
       if (found) return found.enabled;
     }
     return null;
   }
   changeMonth(change) {
-    var newShownDate = new Date(this.state.shownMonth.getFullYear(), this.state.shownMonth.getMonth() + 1 + change, 0);
+    const newShownDate = new Date(this.state.shownMonth.getFullYear(), this.state.shownMonth.getMonth() + 1 + change, 0);
     this.setState({
       shownMonth: newShownDate
     }, () => {
@@ -3002,9 +2951,9 @@ class DatePicker extends Component {
     this.generateGrid(newShownDate);
   }
   selectRange(date) {
-    var d1 = moment(this.state.lastSelected, "DD-MM-YYYY");
-    var d2 = moment(date, "DD-MM-YYYY");
-    var startDate, endDate;
+    const d1 = moment(this.state.lastSelected, "DD-MM-YYYY");
+    const d2 = moment(date, "DD-MM-YYYY");
+    let startDate, endDate;
     if (d1.valueOf() > d2.valueOf()) {
       // clicked an earlier day
       startDate = moment(d2);
@@ -3014,7 +2963,7 @@ class DatePicker extends Component {
       startDate = moment(d1);
       endDate = moment(d2);
     }
-    var dateRange = [startDate.format("DD-MM-YYYY")];
+    const dateRange = [startDate.format("DD-MM-YYYY")];
     while (startDate.format("DD-MM-YYYY") !== endDate.format("DD-MM-YYYY")) {
       startDate.add(1, "d");
       dateRange.push(startDate.format("DD-MM-YYYY"));
@@ -3030,13 +2979,13 @@ class DatePicker extends Component {
       }));
     } else {
       // select the range
-      var newSelection = [...this.props.selectedDates, ...dateRange];
+      const newSelection = [...this.props.selectedDates, ...dateRange];
       this.props.selectDate(_.uniq(newSelection));
     }
   }
   selectDate(date, e) {
-    var enabled = this.isDateEnabled(date);
-    var isBeforeMinDate = this.props.minDate && moment(date).isBefore(this.props.minDate);
+    const enabled = this.isDateEnabled(date);
+    const isBeforeMinDate = this.props.minDate && moment(date).isBefore(this.props.minDate);
     console.log("selected a date", {
       date,
       enabled,
@@ -3044,14 +2993,14 @@ class DatePicker extends Component {
     });
     if (enabled === false || isBeforeMinDate) return;
     if (this.props.multiple) {
-      var dateKey = moment(date).format("DD-MM-YYYY");
+      const dateKey = moment(date).format("DD-MM-YYYY");
       if (e.shiftKey && this.state.lastSelected && this.state.lastSelected !== dateKey) {
         // shift-click to select range
         this.selectRange(dateKey);
       } else {
         // toggle single date
-        var index = this.props.selectedDates.indexOf(dateKey);
-        var newSelection = [...this.props.selectedDates];
+        const index = this.props.selectedDates.indexOf(dateKey);
+        const newSelection = [...this.props.selectedDates];
         if (index > -1) {
           newSelection.splice(index, 1);
         } else {
@@ -3067,16 +3016,16 @@ class DatePicker extends Component {
     }
   }
   generateGrid(date, selectedDate) {
-    var month = moment(date);
-    var dateToTarget = moment(date).endOf("month");
-    var dateToModify = moment(date).startOf("month");
-    var selectedDateToUse = this.props.multiple ? selectedDate || this.props.selectedDates || [] : moment(selectedDate || this.state.selectedDate);
+    const month = moment(date);
+    let dateToTarget = moment(date).endOf("month");
+    let dateToModify = moment(date).startOf("month");
+    const selectedDateToUse = this.props.multiple ? selectedDate || this.props.selectedDates || [] : moment(selectedDate || this.state.selectedDate);
 
     // set dateToModify to be Sunday of that week
     while (dateToModify.day() !== 0) {
       dateToModify = dateToModify.add(-1, "day");
     }
-    var rows = [[]];
+    const rows = [[]];
     while (dateToTarget.day() !== 6) {
       dateToTarget = dateToTarget.add(1, "day");
     }
@@ -3087,7 +3036,7 @@ class DatePicker extends Component {
         // week has filled - add new row
         rows.push([]);
       }
-      var thisDate = moment(dateToModify);
+      const thisDate = moment(dateToModify);
       rows[rows.length - 1].push({
         date: thisDate,
         dateKey: thisDate.format("DD-MM-YYYY"),
@@ -3110,7 +3059,7 @@ class DatePicker extends Component {
       return /*#__PURE__*/jsx("div", {
         className: "datepicker__row marginTop-8",
         children: row.map(date => {
-          var classes = "datepicker__date";
+          let classes = "datepicker__date";
           if (date.isFaded) {
             classes += " datepicker__date--faded";
           }
@@ -3210,21 +3159,21 @@ class DatePicker extends Component {
 }
 
 function DurationInput(_ref) {
-  var {
+  let {
     handleChange,
     label,
     value,
     className,
     labelWidth
   } = _ref;
-  var hours = Math.floor(value / 60);
-  var minutes = value % 60;
-  var handleHourChange = event => {
-    var newHours = Math.max(0, Math.min(+event.target.value, 24));
+  const hours = Math.floor(value / 60);
+  const minutes = value % 60;
+  const handleHourChange = event => {
+    const newHours = Math.max(0, Math.min(+event.target.value, 24));
     handleChange(newHours * 60 + minutes);
   };
-  var handleMinuteChange = event => {
-    var newMinutes = Math.max(0, Math.min(+event.target.value, 59));
+  const handleMinuteChange = event => {
+    const newMinutes = Math.max(0, Math.min(+event.target.value, 59));
     handleChange(hours * 60 + newMinutes);
   };
   return /*#__PURE__*/jsxs("div", {
@@ -3273,15 +3222,13 @@ function DurationInput(_ref) {
 
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_INPUT$1 = {
+const DEFAULT_INPUT$1 = {
   uploadingFile: false,
   value: ""
 };
 class FileInputComponent extends Component {
   constructor() {
-    var _this;
     super(...arguments);
-    _this = this;
     _defineProperty(this, "state", {
       inputs: [{
         uploadingFile: false,
@@ -3293,7 +3240,7 @@ class FileInputComponent extends Component {
         return this.props.accept;
       }
       if (typeof this.props.accept === "string") {
-        var accept = {
+        const accept = {
           [this.props.accept]: [".".concat(_.last(this.props.accept.split("/")))]
         };
         return accept;
@@ -3305,12 +3252,12 @@ class FileInputComponent extends Component {
         return;
       }
       if (!this.props.multiple) {
-        var file = _.find(inputs, i => {
+        const file = _.find(inputs, i => {
           return !i.uploadingFile && !_.isEmpty(i.value);
         });
         this.props.refreshCallback(file ? file.value : undefined);
       } else {
-        var files = _.filter(inputs, i => {
+        const files = _.filter(inputs, i => {
           return !i.uploadingFile && !_.isEmpty(i.value);
         }).map(i => {
           return i.value;
@@ -3320,18 +3267,18 @@ class FileInputComponent extends Component {
     });
     _defineProperty(this, "onDrop", files => {
       if (this.props.multiple) {
-        var newInputs = _.clone(this.state.inputs);
+        const newInputs = _.clone(this.state.inputs);
         files.forEach(file => {
           if (this.props.limit && newInputs.length === this.props.limit) {
             // hit limit - replace last input if it's empty
             if (_.isEmpty(newInputs[newInputs.length - 1].value)) {
-              var newInput = newInputs[newInputs.length - 1];
+              const newInput = newInputs[newInputs.length - 1];
               this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$i({}, DEFAULT_INPUT$1);
-            newInputs.splice(newInputs.length - 1, 0, _newInput);
-            this.handleFile(_newInput, file);
+            const newInput = _objectSpread$i({}, DEFAULT_INPUT$1);
+            newInputs.splice(newInputs.length - 1, 0, newInput);
+            this.handleFile(newInput, file);
           }
         });
         this.setState({
@@ -3342,37 +3289,32 @@ class FileInputComponent extends Component {
         this.handleFile(this.state.inputs[0], files[0]);
       }
     });
-    _defineProperty(this, "handleFile", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator(function* (input, file) {
-        if (!file || input.uploadingFile) {
-          return;
-        }
-        input.uploadingFile = true;
-        var newInputs = _.clone(_this.state.inputs);
-        _this.setState({
-          inputs: newInputs
-        });
-        _this.checkRefreshCallback(newInputs);
-        if (_this.props.handleFile) {
-          yield _this.props.handleFile(file, newInputs);
-          _this.checkSetDisplayValue(input, "");
-        } else {
-          try {
-            var uploadFile = file;
-            var url = yield fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
-            _this.checkSetDisplayValue(input, url);
-          } catch (error) {
-            console.log("handleFile error", error);
-            _this.setState({
-              uploadingFile: false
-            });
-          }
-        }
+    _defineProperty(this, "handleFile", async (input, file) => {
+      if (!file || input.uploadingFile) {
+        return;
+      }
+      input.uploadingFile = true;
+      const newInputs = _.clone(this.state.inputs);
+      this.setState({
+        inputs: newInputs
       });
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }());
+      this.checkRefreshCallback(newInputs);
+      if (this.props.handleFile) {
+        await this.props.handleFile(file, newInputs);
+        this.checkSetDisplayValue(input, "");
+      } else {
+        try {
+          let uploadFile = file;
+          const url = await fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
+          this.checkSetDisplayValue(input, url);
+        } catch (error) {
+          console.log("handleFile error", error);
+          this.setState({
+            uploadingFile: false
+          });
+        }
+      }
+    });
   }
   componentDidMount() {
     setTimeout(() => {
@@ -3398,7 +3340,7 @@ class FileInputComponent extends Component {
         }]
       });
     } else {
-      var inputs = [];
+      const inputs = [];
       _.forEach(val, str => {
         inputs.push({
           uploadingImage: false,
@@ -3412,7 +3354,7 @@ class FileInputComponent extends Component {
     }
   }
   getClassNames(input, inputsLength) {
-    var classes = "clearfix imageInput";
+    let classes = "clearfix imageInput";
     if (input.uploadingFile) {
       classes += " imageInput-uploading";
     } else if (!_.isEmpty(input.value) && !this.props.onlyAllowUpload) {
@@ -3435,16 +3377,16 @@ class FileInputComponent extends Component {
   checkSetDisplayValue(input, value) {
     input.value = value;
     input.uploadingFile = false;
-    var newInputs = _.clone(this.state.inputs);
+    const newInputs = _.clone(this.state.inputs);
     this.setState({
       inputs: newInputs
     });
     this.checkRefreshCallback(newInputs);
   }
   removeFile(input) {
-    var newState = {};
+    const newState = {};
     input.value = "";
-    var newInputs = _.clone(this.state.inputs);
+    const newInputs = _.clone(this.state.inputs);
     if (newInputs.length > 1) {
       newInputs.splice(newInputs.indexOf(input), 1);
       if (newInputs.length === this.props.limit - 1 && !_.isEmpty(newInputs[newInputs.length - 1].value)) {
@@ -3460,7 +3402,7 @@ class FileInputComponent extends Component {
     }
   }
   renderInput(input, index, inputsLength) {
-    var renderContent = () => {
+    const renderContent = () => {
       if (this.props.onlyAllowUpload) {
         return null;
       }
@@ -3484,7 +3426,7 @@ class FileInputComponent extends Component {
             accept: this.getAccept(),
             onDrop: files => this.onDrop(files, true),
             children: state => {
-              var {
+              const {
                 getRootProps,
                 getInputProps
               } = state;
@@ -3509,7 +3451,7 @@ class FileInputComponent extends Component {
         iconStyle: _objectSpread$i({}, this.props.style)
       });
     };
-    var renderRemove = () => {
+    const renderRemove = () => {
       return !this.props.disableRemove && !this.props.disabled && (this.props.simpleStyle ? /*#__PURE__*/jsx(Icon$1, {
         icon: "xmark",
         className: "imageInput_removeIcon",
@@ -3520,7 +3462,7 @@ class FileInputComponent extends Component {
         children: "remove"
       }));
     };
-    var renderDownload = () => {
+    const renderDownload = () => {
       if (this.props.noDownload) return null;
       return /*#__PURE__*/jsx("a", {
         href: input.value,
@@ -3540,7 +3482,7 @@ class FileInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: this.onDrop,
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps,
             isDragActive
@@ -3598,10 +3540,10 @@ class FileInputComponent extends Component {
     });
   }
 }
-var mapStateToProps$5 = () => {
+const mapStateToProps$5 = () => {
   return {};
 };
-var FileInput = connect(mapStateToProps$5, {}, null, {
+const FileInput = connect(mapStateToProps$5, {}, null, {
   forwardRef: true
 })(FileInputComponent);
 
@@ -3629,7 +3571,7 @@ class GenericInput extends Component {
     return !_.isUndefined(this.props.showError) && (typeof this.props.showError === "function" && this.props.showError() || typeof this.props.showError === "boolean" && this.props.showError);
   }
   getClassNames() {
-    var string = "".concat(this.props.className, " genericInputContainer");
+    let string = "".concat(this.props.className, " genericInputContainer");
     if (!_.isUndefined(this.props.disabled) && this.props.disabled) {
       string += " genericInput-disabled";
     }
@@ -3648,7 +3590,7 @@ class GenericInput extends Component {
     return string;
   }
   getLabelStyle() {
-    var style = {};
+    const style = {};
     if (_.isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
       style.opacity = 0;
     }
@@ -3755,7 +3697,7 @@ class GenericInput extends Component {
     });
   }
 }
-var styles$8 = {
+const styles$8 = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -3846,13 +3788,13 @@ class Header extends Component {
     return this.renderHeader();
   }
 }
-var mapStateToProps$4 = state => {
+const mapStateToProps$4 = state => {
   return {
     auth: state.auth,
     isSideMenuOpen: state.nav.isSideMenuOpen
   };
 };
-var exportObj$4 = connect(mapStateToProps$4, {
+let exportObj$4 = connect(mapStateToProps$4, {
   setNavData
 })(withRouter(Header));
 
@@ -3882,7 +3824,7 @@ class SideNavItem extends Component {
     }
   }
   getClassNames() {
-    var result = "";
+    let result = "";
     if (this.props.className) {
       result += " ".concat(this.props.className);
     }
@@ -3937,7 +3879,7 @@ class SideNavItem extends Component {
     });
   }
 }
-var styles$7 = {
+const styles$7 = {
   section: {
     display: "flex",
     alignItems: "center",
@@ -3949,7 +3891,7 @@ var styles$7 = {
     borderRadius: 5
   }
 };
-var exportObj$3 = connect(null, {})(withRouter(SideNavItem));
+let exportObj$3 = connect(null, {})(withRouter(SideNavItem));
 
 function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -3958,11 +3900,11 @@ class HubSidebar extends PureComponent {
     super(props);
     _defineProperty(this, "renderHelpGuide", () => {
       if (!this.props.helpGuide) return null;
-      var {
+      const {
         text,
         url
       } = this.props.helpGuide;
-      var onHelpGuidePress = () => {
+      const onHelpGuidePress = () => {
         if (!url) return;
         window.open(url, "_blank");
       };
@@ -4063,13 +4005,13 @@ class HubSidebar extends PureComponent {
     });
   }
 }
-var mapStateToProps$3 = state => {
+const mapStateToProps$3 = state => {
   return {
     auth: state.auth,
     isSideMenuOpen: state.nav.isSideMenuOpen
   };
 };
-var exportObj$2 = connect(mapStateToProps$3, {
+let exportObj$2 = connect(mapStateToProps$3, {
   setNavData
 })(HubSidebar);
 
@@ -4177,7 +4119,7 @@ class Popup extends Component {
 
 function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_INPUT = {
+const DEFAULT_INPUT = {
   uploadingImage: false,
   value: "",
   displayValue: ""
@@ -4208,7 +4150,7 @@ class ImageInputComponent extends Component {
       saveErrorMessage: ""
     });
     _defineProperty(this, "getAccept", () => {
-      var accept = {
+      const accept = {
         "image/*": [".jpeg", ".png"]
       };
       if (this.props.allowVideo) {
@@ -4216,21 +4158,21 @@ class ImageInputComponent extends Component {
       }
       return accept;
     });
-    _defineProperty(this, "refreshFolders", /*#__PURE__*/_asyncToGenerator(function* () {
-      var res = yield fileActions.getMediaFolders(_this.props.auth.site);
+    _defineProperty(this, "refreshFolders", async () => {
+      const res = await fileActions.getMediaFolders(this.props.auth.site);
       return res.data;
-    }));
+    });
     _defineProperty(this, "checkRefreshCallback", inputs => {
       if (_.isUndefined(this.props.refreshCallback)) {
         return;
       }
       if (!this.props.multiple) {
-        var image = _.find(inputs, i => {
+        const image = _.find(inputs, i => {
           return !i.uploadingImage && !_.isEmpty(i.value);
         });
         this.props.refreshCallback(image ? image.value : undefined);
       } else {
-        var images = _.filter(inputs, i => {
+        const images = _.filter(inputs, i => {
           return !i.uploadingImage && !_.isEmpty(i.value);
         }).map(i => {
           return i.value;
@@ -4240,8 +4182,8 @@ class ImageInputComponent extends Component {
     });
     _defineProperty(this, "parseImagesArray", images => {
       return _.map(images, f => {
-        var uri = typeof f === "string" ? f : f.uri;
-        var image1400 = get1400(uri);
+        const uri = typeof f === "string" ? f : f.uri;
+        const image1400 = get1400(uri);
         return {
           Value: uri,
           Thumb: getThumb300(uri),
@@ -4254,7 +4196,7 @@ class ImageInputComponent extends Component {
       this.setState({
         addFolderOpen: true
       }, () => {
-        var input = document.getElementById("addFolderInput");
+        const input = document.getElementById("addFolderInput");
         if (input) input.focus();
       });
     });
@@ -4269,22 +4211,22 @@ class ImageInputComponent extends Component {
     _defineProperty(this, "saveFolder", () => {
       this.setState({
         addingFolder: true
-      }, /*#__PURE__*/_asyncToGenerator(function* () {
+      }, async () => {
         try {
-          yield fileActions.addMediaFolder(_this.props.auth.site, _this.state.addFolderInput);
-          var folders = yield _this.refreshFolders();
-          _this.setState(_objectSpread$d({
+          await fileActions.addMediaFolder(this.props.auth.site, this.state.addFolderInput);
+          const folders = await this.refreshFolders();
+          this.setState(_objectSpread$d({
             addingFolder: false,
             folders
-          }, _this.cancelAddStates));
+          }, this.cancelAddStates));
         } catch (error) {
           console.log("addFolder - error", error);
-          _this.setState({
+          this.setState({
             addingFolder: false,
             saveErrorMessage: getApiError(error).message
           });
         }
-      }));
+      });
     });
     _defineProperty(this, "isStockFolder", folder => {
       if (!folder) folder = this.state.selectedFolder;
@@ -4305,22 +4247,22 @@ class ImageInputComponent extends Component {
       });
     });
     _defineProperty(this, "onDrop", function (files) {
-      var fromLibrary = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      let fromLibrary = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       if (_this.props.multiple) {
-        var newInputs = _.clone(_this.state.inputs);
+        const newInputs = _.clone(_this.state.inputs);
         files.forEach(file => {
           if (_this.props.limit && newInputs.length === _this.props.limit) {
             // hit limit - replace last input if it's empty
             if (_.isEmpty(newInputs[newInputs.length - 1].value)) {
-              var newInput = newInputs[newInputs.length - 1];
+              const newInput = newInputs[newInputs.length - 1];
               _this.handleFile(newInput, file);
             }
           } else {
-            var _newInput = _objectSpread$d(_objectSpread$d({}, DEFAULT_INPUT), {}, {
+            const newInput = _objectSpread$d(_objectSpread$d({}, DEFAULT_INPUT), {}, {
               fromLibrary
             });
-            newInputs.splice(newInputs.length - 1, 0, _newInput);
-            _this.handleFile(_newInput, file);
+            newInputs.splice(newInputs.length - 1, 0, newInput);
+            _this.handleFile(newInput, file);
           }
         });
         _this.setState({
@@ -4331,35 +4273,30 @@ class ImageInputComponent extends Component {
         _this.handleFile(_this.state.inputs[0], files[0]);
       }
     });
-    _defineProperty(this, "handleFile", /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator(function* (input, file) {
-        if (!file || input.uploadingImage) {
-          return;
+    _defineProperty(this, "handleFile", async (input, file) => {
+      if (!file || input.uploadingImage) {
+        return;
+      }
+      input.uploadingImage = true;
+      const newInputs = _.clone(this.state.inputs);
+      this.setState({
+        inputs: newInputs
+      });
+      this.checkRefreshCallback(newInputs);
+      try {
+        let uploadFile = file;
+        if (!isVideo(file.name)) {
+          uploadFile = await fileActions.compressImage(file, this.props.maxSize || 1400, this.props.quality || 0.8, this.props.noCompress || false);
         }
-        input.uploadingImage = true;
-        var newInputs = _.clone(_this.state.inputs);
-        _this.setState({
-          inputs: newInputs
+        const url = await fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
+        this.checkSetDisplayValue(input, url);
+      } catch (error) {
+        console.log("handleFile error", error);
+        this.setState({
+          uploadingImage: false
         });
-        _this.checkRefreshCallback(newInputs);
-        try {
-          var uploadFile = file;
-          if (!isVideo(file.name)) {
-            uploadFile = yield fileActions.compressImage(file, _this.props.maxSize || 1400, _this.props.quality || 0.8, _this.props.noCompress || false);
-          }
-          var url = yield fileActions.uploadMediaAsync(uploadFile, uploadFile.name);
-          _this.checkSetDisplayValue(input, url);
-        } catch (error) {
-          console.log("handleFile error", error);
-          _this.setState({
-            uploadingImage: false
-          });
-        }
-      });
-      return function (_x, _x2) {
-        return _ref3.apply(this, arguments);
-      };
-    }());
+      }
+    });
     _defineProperty(this, "handleChange", event => {
       var stateChange = {};
       stateChange[event.target.getAttribute("id")] = event.target.value;
@@ -4368,63 +4305,63 @@ class ImageInputComponent extends Component {
     _defineProperty(this, "deleteFolder", (event, folder) => {
       event.stopPropagation();
       if (window.confirm("Are you sure you want to delete ".concat(folder.Name, "?"))) {
-        var deletingFolder = _objectSpread$d({}, this.state.deletingFolder);
+        const deletingFolder = _objectSpread$d({}, this.state.deletingFolder);
         deletingFolder[folder.RowId] = true;
         this.setState(_objectSpread$d({
           deletingFolder: _.clone(deletingFolder)
-        }, this.cancelAddStates), /*#__PURE__*/_asyncToGenerator(function* () {
+        }, this.cancelAddStates), async () => {
           try {
-            yield fileActions.deleteMediaFolder(folder.RowId, _this.props.auth.site);
-            var folders = yield _this.refreshFolders();
+            await fileActions.deleteMediaFolder(folder.RowId, this.props.auth.site);
+            const folders = await this.refreshFolders();
             deletingFolder[folder.RowId] = false;
-            _this.setState({
+            this.setState({
               deletingFolder: _.clone(deletingFolder),
               folders
             });
           } catch (error) {
             console.log("addFolder - error", getApiError(error));
             deletingFolder[folder.RowId] = false;
-            _this.setState({
+            this.setState({
               deletingFolder: _.clone(deletingFolder)
             });
           }
-        }));
+        });
       }
     });
     _defineProperty(this, "deleteImage", (event, image) => {
       if (window.confirm("Are you sure you want to delete the image?")) {
         // Unselect the image first if selected
         if (image.Selected) this.toggleLibraryItem(image);
-        var deletingImage = _objectSpread$d({}, this.state.deletingImage);
+        const deletingImage = _objectSpread$d({}, this.state.deletingImage);
         deletingImage[image.Value] = true;
         this.setState({
           deletingImage: _.clone(deletingImage)
-        }, /*#__PURE__*/_asyncToGenerator(function* () {
+        }, async () => {
           try {
-            var {
+            const {
               selectedFolder
-            } = _this.state;
-            var {
+            } = this.state;
+            const {
               RowId,
               Images
             } = selectedFolder;
-            yield fileActions.deleteImagesFromFolder(RowId, _this.props.auth.site, [image.Value]);
-            var images = Images.filter(i => i.uri !== image.Value);
+            await fileActions.deleteImagesFromFolder(RowId, this.props.auth.site, [image.Value]);
+            const images = Images.filter(i => i.uri !== image.Value);
             selectedFolder.Images = images;
-            selectedFolder.parsedImages = _this.parseImagesArray(images);
+            selectedFolder.parsedImages = this.parseImagesArray(images);
             deletingImage[image.Value] = false;
-            _this.setState({
+            this.setState({
               deletingImage: _.clone(deletingImage),
               selectedFolder: _.clone(selectedFolder)
             });
           } catch (error) {
             console.log("deleteImage - error", getApiError(error));
             deletingImage[image.Value] = false;
-            _this.setState({
+            this.setState({
               deletingImage: _.clone(deletingImage)
             });
           }
-        }));
+        });
       }
     });
     _defineProperty(this, "canManageLibrary", () => {
@@ -4477,7 +4414,7 @@ class ImageInputComponent extends Component {
         }]
       });
     } else {
-      var inputs = [];
+      const inputs = [];
       _.forEach(val, str => {
         inputs.push({
           uploadingImage: false,
@@ -4495,7 +4432,7 @@ class ImageInputComponent extends Component {
     if (_.isEmpty(displayValue)) {
       return null;
     }
-    var image = isVideo(displayValue) ? get1400(displayValue) : displayValue;
+    const image = isVideo(displayValue) ? get1400(displayValue) : displayValue;
     if (this.props.noCompress) {
       return {
         backgroundImage: "url(".concat(image, ")"),
@@ -4507,7 +4444,7 @@ class ImageInputComponent extends Component {
     };
   }
   getContainerClasses() {
-    var result = this.props.className || "";
+    let result = this.props.className || "";
     if (this.props.noMenu) {
       result += " imageInputOuter-noMenu";
     }
@@ -4520,7 +4457,7 @@ class ImageInputComponent extends Component {
     return result;
   }
   getClassNames(input, inputsLength) {
-    var classes = "imageInput";
+    let classes = "imageInput";
     if (input.uploadingImage) {
       classes += " imageInput-uploading";
     } else if (!_.isEmpty(input.value) && !this.props.onlyAllowUpload) {
@@ -4538,47 +4475,45 @@ class ImageInputComponent extends Component {
     return "";
   }
   getFolders() {
-    var _this2 = this;
     this.setState({
       loadingFolders: true
-    }, /*#__PURE__*/_asyncToGenerator(function* () {
+    }, async () => {
       try {
-        var folders = yield _this2.refreshFolders();
-        _this2.setState({
+        const folders = await this.refreshFolders();
+        this.setState({
           loadingFolders: false,
           folders
         });
       } catch (error) {
         console.log("getFolders - error", error);
-        _this2.setState({
+        this.setState({
           loadingFolders: false
         });
       }
-    }));
+    });
   }
   getLibrary() {
-    var _this3 = this;
     if (this.state.libraryLoadTriggered) return;
     this.setState({
       libraryLoadTriggered: true
-    }, /*#__PURE__*/_asyncToGenerator(function* () {
+    }, async () => {
       try {
-        var res = yield fileActions.getMediaLibrary();
+        const res = await fileActions.getMediaLibrary();
         // console.log('getLibrary', res.data);
-        _this3.setState({
+        this.setState({
           libraryLoaded: true,
-          imageLibrary: _this3.parseImagesArray(res.data)
+          imageLibrary: this.parseImagesArray(res.data)
         });
       } catch (error) {
         console.log("getLibrary - error", error);
       }
-    }));
+    });
   }
   toggleLibraryItem(image) {
-    var newInputs = _.clone(this.state.inputs);
+    const newInputs = _.clone(this.state.inputs);
     if (image.Selected) {
       // Unselelct selected image
-      var index = _.findIndex(newInputs, input => {
+      const index = _.findIndex(newInputs, input => {
         return input.value === image.Value || input.value === image[1400];
       });
       if (index !== -1) {
@@ -4587,7 +4522,7 @@ class ImageInputComponent extends Component {
       image.Selected = false;
     } else {
       // Select unselected image
-      var newFile = {
+      const newFile = {
         uploadingImage: false,
         value: image.Value,
         displayValue: image[1400],
@@ -4613,28 +4548,28 @@ class ImageInputComponent extends Component {
     this.checkRefreshCallback(newInputs);
   }
   checkSetDisplayValue(input, value) {
-    var displayValue = get1400(value);
-    var storeValue = isVideo(value) || this.props.noCompress ? value : get1400(value);
+    const displayValue = get1400(value);
+    const storeValue = isVideo(value) || this.props.noCompress ? value : get1400(value);
     $("<img/>").attr("src", "".concat(displayValue, "?t=").concat(moment().valueOf())).on("load", () => {
       $(this).remove();
       input.value = storeValue;
       input.displayValue = storeValue;
       input.uploadingImage = false;
-      var newInputs = _.clone(this.state.inputs);
+      const newInputs = _.clone(this.state.inputs);
       this.setState({
         inputs: newInputs
       }, () => {
-        var {
+        const {
           selectedTab,
           selectedFolder
         } = this.state;
         if (selectedTab === "library" && selectedFolder) {
           // Uploading to a user folder
-          var {
+          const {
             RowId,
             Images
           } = selectedFolder;
-          var images = [...Images, value];
+          const images = [...Images, value];
           fileActions.addImagesToFolder(RowId, this.props.auth.site, [value]).catch(error => {
             console.log("addImagesToFolder error", error);
           });
@@ -4654,12 +4589,12 @@ class ImageInputComponent extends Component {
     });
   }
   removeImage(input) {
-    var newState = {};
+    const newState = {};
     if (input.fromLibrary) {
       input.fromLibrary = undefined;
-      var selectedFolderImages = this.state.selectedFolder ? this.state.selectedFolder.parsedImages : [];
-      var imageList = this.isStockFolder() ? this.state.imageLibrary : selectedFolderImages;
-      var libraryFile = _.find(imageList, f => {
+      const selectedFolderImages = this.state.selectedFolder ? this.state.selectedFolder.parsedImages : [];
+      const imageList = this.isStockFolder() ? this.state.imageLibrary : selectedFolderImages;
+      const libraryFile = _.find(imageList, f => {
         return f.Value === input.value || f[1400] === input.value;
       });
       if (libraryFile) {
@@ -4673,7 +4608,7 @@ class ImageInputComponent extends Component {
     }
     input.value = "";
     input.displayValue = "";
-    var newInputs = _.clone(this.state.inputs);
+    const newInputs = _.clone(this.state.inputs);
     if (newInputs.length > 1) {
       newInputs.splice(newInputs.indexOf(input), 1);
       if (newInputs.length === this.props.limit - 1 && !_.isEmpty(newInputs[newInputs.length - 1].value)) {
@@ -4691,7 +4626,7 @@ class ImageInputComponent extends Component {
     });
   }
   renderInput(input, index, inputsLength) {
-    var renderContent = () => {
+    const renderContent = () => {
       if (this.props.onlyAllowUpload) {
         return null;
       }
@@ -4714,7 +4649,7 @@ class ImageInputComponent extends Component {
               accept: this.getAccept(),
               onDrop: files => this.onDrop(files, true),
               children: state => {
-                var {
+                const {
                   getRootProps,
                   getInputProps
                 } = state;
@@ -4738,7 +4673,7 @@ class ImageInputComponent extends Component {
         style: _objectSpread$d(_objectSpread$d({}, this.getImageStyle(input.displayValue)), this.props.style)
       });
     };
-    var renderRemove = () => {
+    const renderRemove = () => {
       return !this.props.disableRemove && !this.props.disabled && (this.props.simpleStyle ? /*#__PURE__*/jsx(Icon$1, {
         icon: "xmark",
         className: "imageInput_removeIcon",
@@ -4749,7 +4684,7 @@ class ImageInputComponent extends Component {
         children: "remove"
       }));
     };
-    var renderDownload = () => {
+    const renderDownload = () => {
       if (isVideo(input.displayValue)) return null;
       if (this.props.noDownload) return null;
       return /*#__PURE__*/jsx("a", {
@@ -4763,7 +4698,7 @@ class ImageInputComponent extends Component {
         })
       });
     };
-    var mediaText = this.props.allowVideo ? "media" : "image".concat(this.props.multiple ? "s" : "");
+    const mediaText = this.props.allowVideo ? "media" : "image".concat(this.props.multiple ? "s" : "");
     return /*#__PURE__*/jsxs("div", {
       className: this.getClassNames(input, inputsLength),
       style: _objectSpread$d({}, this.props.style),
@@ -4772,7 +4707,7 @@ class ImageInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: this.onDrop,
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps,
             isDragActive
@@ -4813,7 +4748,7 @@ class ImageInputComponent extends Component {
   }
   renderLibraryImage(image, index, allowDelete) {
     // console.log(image);
-    var classes = "imageInput imageInput-hasImage imageInput-libraryImage";
+    let classes = "imageInput imageInput-hasImage imageInput-libraryImage";
     if (image.Selected) {
       classes += " imageInput-librarySelected";
     }
@@ -4878,7 +4813,7 @@ class ImageInputComponent extends Component {
     });
   }
   renderAddFolder() {
-    var isSaving = this.state.addingFolder;
+    const isSaving = this.state.addingFolder;
     if (this.state.addFolderOpen) {
       return /*#__PURE__*/jsxs("div", {
         className: "imageFolderContainer",
@@ -4936,8 +4871,8 @@ class ImageInputComponent extends Component {
     });
   }
   renderFolder(folder, index) {
-    var timeStamp = moment(folder.Timestamp).format("DD MMM, YYYY, h:mma");
-    var countText = "".concat(folder.Images ? folder.Images.length : 0, " images");
+    const timeStamp = moment(folder.Timestamp).format("DD MMM, YYYY, h:mma");
+    const countText = "".concat(folder.Images ? folder.Images.length : 0, " images");
     return /*#__PURE__*/jsxs("div", {
       className: "imageFolderContainer",
       onClick: this.selectFolder.bind(this, folder),
@@ -5005,10 +4940,10 @@ class ImageInputComponent extends Component {
     });
   }
   renderFolderImages() {
-    var stockFolder = this.isStockFolder();
-    var canDelete = !stockFolder && this.canManageLibrary();
-    var uploadingImages = this.state.inputs.filter(i => i.uploadingImage);
-    var mediaText = this.props.allowVideo ? "media" : "image".concat(this.props.multiple ? "s" : "");
+    const stockFolder = this.isStockFolder();
+    const canDelete = !stockFolder && this.canManageLibrary();
+    const uploadingImages = this.state.inputs.filter(i => i.uploadingImage);
+    const mediaText = this.props.allowVideo ? "media" : "image".concat(this.props.multiple ? "s" : "");
     return /*#__PURE__*/jsxs("div", {
       className: "imageInputContainer imageInputContainer-library",
       style: _objectSpread$d({}, this.props.style),
@@ -5020,7 +4955,7 @@ class ImageInputComponent extends Component {
           accept: this.getAccept(),
           onDrop: files => this.onDrop(files, true),
           children: state => {
-            var {
+            const {
               getRootProps,
               getInputProps,
               isDragActive
@@ -5084,7 +5019,7 @@ class ImageInputComponent extends Component {
     if (this.state.selectedTab === "upload") {
       return null;
     }
-    var content = null;
+    let content = null;
     if (this.state.selectedFolder) {
       content = this.renderFolderImages();
     } else {
@@ -5118,7 +5053,7 @@ class ImageInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: files => this.onDrop(files, true),
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps
           } = state;
@@ -5156,7 +5091,7 @@ class ImageInputComponent extends Component {
     });
   }
 }
-var styles$6 = {
+const styles$6 = {
   addFolderInputContainer: {
     marginBottom: "0px",
     paddingRight: "100px",
@@ -5190,12 +5125,12 @@ var styles$6 = {
     cursor: "pointer"
   }
 };
-var mapStateToProps$2 = state => {
+const mapStateToProps$2 = state => {
   return {
     auth: state.auth
   };
 };
-var ImageInput = connect(mapStateToProps$2, {}, null, {
+const ImageInput = connect(mapStateToProps$2, {}, null, {
   forwardRef: true
 })(ImageInputComponent);
 
@@ -5263,7 +5198,7 @@ class OverlayPage extends Component {
     });
   }
 }
-var styles$5 = {
+const styles$5 = {
   pageWrapper: {
     position: "fixed",
     zIndex: 100,
@@ -5310,7 +5245,7 @@ class OverlayPageContents extends Component {
     });
   }
 }
-var styles$4 = {
+const styles$4 = {
   wrapper: {
     clear: "both",
     whiteSpace: "nowrap",
@@ -5340,7 +5275,7 @@ class OverlayPageSection extends Component {
     }));
   }
 }
-var styles$3 = {
+const styles$3 = {
   wrapper: {
     /* height: '100%',
           overflowY: 'auto',
@@ -5377,7 +5312,7 @@ class OverlayPageBottomButtons extends Component {
     });
   }
 }
-var styles$2 = {
+const styles$2 = {
   wrapper: {
     padding: 12,
     paddingRight: 24,
@@ -5407,7 +5342,7 @@ function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 class RadioButton extends Component {
   generateClassNames(e) {
-    var string = "radioButton";
+    let string = "radioButton";
     if (this.props.isActive === e) {
       string = string + " radioButton--active";
     }
@@ -5417,7 +5352,7 @@ class RadioButton extends Component {
     return string;
   }
   generateWrapperClassNames() {
-    var string = "radioButtonWrapper";
+    let string = "radioButtonWrapper";
     if (this.props.disabled) {
       string = string + " radioButton--disabled";
     }
@@ -5430,7 +5365,7 @@ class RadioButton extends Component {
     return string;
   }
   getButtonStyle(e) {
-    var result = {};
+    const result = {};
     if (this.props.highlightColour && this.props.isActive === e) {
       result.borderColor = this.props.highlightColour;
     }
@@ -5527,7 +5462,7 @@ class RadioButton extends Component {
     });
   }
 }
-var styles$1 = {
+const styles$1 = {
   row: {
     display: "flex",
     flexDirection: "row"
@@ -5670,7 +5605,7 @@ class SuccessPopup extends Component {
   }
 }
 
-var getReactions = () => {
+const getReactions = () => {
   return [{
     key: "heart",
     icon: "https://pluss60-demo-media.s3-ap-southeast-2.amazonaws.com/assets/emojis/heart.png"
@@ -5764,7 +5699,7 @@ class AnalyticsFilter extends PureComponent {
       });
     });
     _defineProperty(this, "selectFilter", key => {
-      var selectedFilter = _.find(this.state.filterOptions, o => {
+      const selectedFilter = _.find(this.state.filterOptions, o => {
         return o.dayCount === key;
       });
       this.setState({
@@ -5805,8 +5740,8 @@ class AnalyticsFilter extends PureComponent {
         });
       }
     });
-    var filterOptions = getAnalyticsFilterOptions();
-    var _selectedFilter = this.props.defaultFilter || filterOptions[1];
+    const filterOptions = getAnalyticsFilterOptions();
+    const _selectedFilter = this.props.defaultFilter || filterOptions[1];
     this.state = {
       filterOptions,
       selectedFilter: _selectedFilter,
@@ -5977,7 +5912,7 @@ class TimePicker extends Component {
   }
   onNewProps(nextProps, forceUpdate) {
     if (forceUpdate || nextProps.selectedTime !== this.props.selectedTime) {
-      var mDate = moment(nextProps.selectedTime, "h:mma");
+      let mDate = moment(nextProps.selectedTime, "h:mma");
       if (!mDate.isValid()) {
         this.setState({
           selectedTime: null,
@@ -5986,7 +5921,7 @@ class TimePicker extends Component {
           mInput: ""
         });
       } else {
-        var minutesFocused = document.getElementById("time_minute_".concat(this.state.id)) === document.activeElement;
+        const minutesFocused = document.getElementById("time_minute_".concat(this.state.id)) === document.activeElement;
         this.setState({
           selectedTime: mDate,
           hourInput: mDate.format("h"),
@@ -5997,14 +5932,14 @@ class TimePicker extends Component {
     }
   }
   getDefaultTime() {
-    var result = moment();
+    const result = moment();
     result.hour(12);
     result.minute(0);
     result.second(0);
     return result;
   }
   onChangeHour(event) {
-    var hour = 0;
+    let hour = 0;
     if (!_.isEmpty(event.target.value)) {
       hour = parseInt(event.target.value, 10);
     } else {
@@ -6017,8 +5952,8 @@ class TimePicker extends Component {
       return;
     }
     hour = Math.max(Math.min(12, hour), 0);
-    var dateToUse = this.state.selectedTime || this.getDefaultTime();
-    var selectNext = hour > 1; // if hour is > 1, assume user is done typing and select minutes input
+    const dateToUse = this.state.selectedTime || this.getDefaultTime();
+    const selectNext = hour > 1; // if hour is > 1, assume user is done typing and select minutes input
     if (dateToUse.format("a") === "pm") {
       hour += 12;
     }
@@ -6032,7 +5967,7 @@ class TimePicker extends Component {
     }
   }
   onChangeMinute(event) {
-    var minute = 0;
+    let minute = 0;
     if (!_.isEmpty(event.target.value)) {
       minute = parseInt(event.target.value, 10);
     } else {
@@ -6045,7 +5980,7 @@ class TimePicker extends Component {
       return;
     }
     minute = Math.max(Math.min(59, minute), 0);
-    var dateToUse = this.state.selectedTime || this.getDefaultTime();
+    const dateToUse = this.state.selectedTime || this.getDefaultTime();
     dateToUse.minute(minute);
     this.setState({
       selectedTime: moment(dateToUse)
@@ -6063,7 +5998,7 @@ class TimePicker extends Component {
     }
   }
   onChangeM(event) {
-    var dateToUse = this.state.selectedTime || this.getDefaultTime();
+    const dateToUse = this.state.selectedTime || this.getDefaultTime();
     if (event.target.value.toLowerCase().indexOf("a") > -1) {
       // am
       if (dateToUse.format("a") === "pm") {
@@ -6096,7 +6031,7 @@ class TimePicker extends Component {
     });
   }
   render() {
-    var {
+    const {
       disabled
     } = this.props;
     if (disabled) {
@@ -6318,12 +6253,12 @@ class AudienceIncluder extends Component {
     });
   }
 }
-var mapStateToProps$1 = state => {
+const mapStateToProps$1 = state => {
   return {
     auth: state.auth
   };
 };
-var exportObj$1 = connect(mapStateToProps$1, {})(withRouter(AudienceIncluder));
+let exportObj$1 = connect(mapStateToProps$1, {})(withRouter(AudienceIncluder));
 
 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; }
@@ -6361,7 +6296,7 @@ class DropdownInput extends Component {
     return "off";
   }
   getClassNames() {
-    var string = "";
+    let string = "";
     if (this.props.className) {
       string += "".concat(this.props.className, " ");
     }
@@ -6380,7 +6315,7 @@ class DropdownInput extends Component {
     return string;
   }
   getLabelStyle() {
-    var style = {};
+    const style = {};
     if (_.isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
       style.opacity = 0;
     }
@@ -6498,7 +6433,7 @@ class DropdownInput extends Component {
     });
   }
 }
-var styles = {
+const styles = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -6537,11 +6472,11 @@ class AudienceSelector extends Component {
     super(props);
     _this = this;
     _defineProperty(this, "onChangeSelection", () => {
-      var {
+      const {
         updateValidation,
         onChange
       } = this.props;
-      var isValid = this.validateAudienceSelection();
+      const isValid = this.validateAudienceSelection();
       if (updateValidation) updateValidation(isValid);
       if (onChange) onChange(this.getAudienceType(), this.getAudienceTypeSelection(), isValid);
     });
@@ -6557,14 +6492,14 @@ class AudienceSelector extends Component {
       return !_.isEmpty(this.state.AudienceTagList);
     });
     _defineProperty(this, "getAvailableAudienceTags", function () {
-      var includeSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-      var {
+      let includeSelected = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+      const {
         categories,
         types,
         tagList,
         AudienceTagList
       } = _this.state;
-      var categoryTags = categories.map(c => {
+      const categoryTags = categories.map(c => {
         return {
           AudienceType: "Category",
           AudienceTypeSelection: c.Key,
@@ -6572,7 +6507,7 @@ class AudienceSelector extends Component {
           Title: c.Title
         };
       });
-      var userTypeTags = types.map(t => {
+      const userTypeTags = types.map(t => {
         return {
           AudienceType: "UserType",
           AudienceTypeSelection: t.typeName,
@@ -6580,7 +6515,7 @@ class AudienceSelector extends Component {
           Title: "User Type: ".concat(t.displayName)
         };
       });
-      var userTagTags = tagList.map(t => {
+      const userTagTags = tagList.map(t => {
         return {
           AudienceType: "UserTags",
           AudienceTypeSelection: t.Id,
@@ -6588,17 +6523,17 @@ class AudienceSelector extends Component {
           Title: "User Tag: ".concat(t.Title)
         };
       });
-      var result = [...categoryTags, ...userTypeTags, ...userTagTags];
+      const result = [...categoryTags, ...userTypeTags, ...userTagTags];
       return includeSelected ? result : result.filter(t => !_.some(AudienceTagList, at => at.Id === t.Id));
     });
     _defineProperty(this, "onAttachAudienceTag", tag => {
-      var AudienceTagList = [...this.state.AudienceTagList, tag];
+      const AudienceTagList = [...this.state.AudienceTagList, tag];
       this.setState({
         AudienceTagList
       }, this.onChangeSelection);
     });
     _defineProperty(this, "onDetachAudienceTag", tag => {
-      var AudienceTagList = _.filter(this.state.AudienceTagList, at => at.Id !== tag.Id);
+      const AudienceTagList = _.filter(this.state.AudienceTagList, at => at.Id !== tag.Id);
       this.setState({
         AudienceTagList
       }, this.onChangeSelection);
@@ -6631,7 +6566,7 @@ class AudienceSelector extends Component {
     };
   }
   componentDidMount() {
-    var {
+    const {
       custom,
       disallowSingleUsers,
       allowTags
@@ -6641,7 +6576,7 @@ class AudienceSelector extends Component {
     if (allowTags || custom) this.getUserTags();
   }
   componentDidUpdate(prevProps) {
-    var newState = {};
+    const newState = {};
     if (prevProps.audienceType !== this.props.audienceType) newState.AudienceType = this.props.audienceType;
     if (!_.isEqual(prevProps.audienceTypeSelection, this.props.audienceTypeSelection)) newState.AudienceTagList = this.props.audienceTypeSelection;
     if (!_.isEmpty(newState)) this.setState(newState);
@@ -6657,7 +6592,7 @@ class AudienceSelector extends Component {
     return this.state.AudienceType;
   }
   getAudienceTypeSelection() {
-    var {
+    const {
       AudienceType,
       AudienceTagList,
       Category,
@@ -6694,7 +6629,7 @@ class AudienceSelector extends Component {
     }).catch(error => {});
   }
   setType(type, selection) {
-    var newState = {
+    const newState = {
       AudienceType: type
     };
     if (type === "Custom") newState.AudienceTagList = selection;
@@ -6714,7 +6649,7 @@ class AudienceSelector extends Component {
     setTimeout(this.onChangeSelection, 50);
   }
   getOptions() {
-    var options = [{
+    const options = [{
       Label: "All users",
       Value: "All",
       onChange: () => this.onChangeOption("All")
@@ -6756,7 +6691,7 @@ class AudienceSelector extends Component {
     return options;
   }
   validateAudienceSelection() {
-    var {
+    const {
       AudienceType,
       includeList
     } = this.state;
@@ -6776,7 +6711,7 @@ class AudienceSelector extends Component {
     setTimeout(this.onChangeSelection, 50);
   }
   getTypeTitle() {
-    var typeObject = _.find(this.state.types, t => {
+    const typeObject = _.find(this.state.types, t => {
       return t.typeName === this.state.Type;
     });
     if (typeObject) {
@@ -6785,7 +6720,7 @@ class AudienceSelector extends Component {
     return "";
   }
   getTagTitle() {
-    var tag = _.find(this.state.tagList, t => {
+    const tag = _.find(this.state.tagList, t => {
       return t.Id === this.state.Tag;
     });
     if (tag) {
@@ -6802,14 +6737,14 @@ class AudienceSelector extends Component {
         e.Title = e.displayName;
         e.Key = e.typeName;
         if (e.category) {
-          var category = _.find(this.state.categories, c => {
+          const category = _.find(this.state.categories, c => {
             return c.Key === e.category;
           });
-          var shortName = category ? "(".concat(category.ShortName, ") ") : "";
+          const shortName = category ? "(".concat(category.ShortName, ") ") : "";
           e.Title = "".concat(shortName, " ").concat(e.Title);
         }
       });
-      var newState = {
+      const newState = {
         types: res.data
       };
       if (!_.some(res.data, t => t.category === "family")) {
@@ -6820,25 +6755,25 @@ class AudienceSelector extends Component {
   }
   getUserList() {
     if (this.state.AudienceType === "UserType" && !_.isEmpty(this.state.Type)) {
-      var users = [];
+      let users = [];
       this.state.userList.forEach(element => {
         if (element.type !== this.state.Type) users.push(element);
       });
       return _.sortBy(users, "displayName");
     }
     if (this.state.AudienceType === "Category" && !_.isEmpty(this.state.Category)) {
-      var _users = [];
-      var types = _.filter(this.state.types, type => {
+      let users = [];
+      let types = _.filter(this.state.types, type => {
         return type.category === this.state.Category;
       }).map(type => {
         return type.typeName;
       });
       this.state.userList.forEach(element => {
         if (types.indexOf(element.type) === -1) {
-          _users.push(element);
+          users.push(element);
         }
       });
-      return _.sortBy(_users, "displayName");
+      return _.sortBy(users, "displayName");
     }
     return _.sortBy(this.state.userList, "displayName");
   }
@@ -6851,7 +6786,7 @@ class AudienceSelector extends Component {
     setTimeout(this.onChangeSelection, 50);
   }
   getCatTitle() {
-    var typeObject = _.find(this.state.categories, t => {
+    const typeObject = _.find(this.state.categories, t => {
       return t.Key === this.state.Category;
     });
     if (typeObject) {
@@ -6891,30 +6826,30 @@ class AudienceSelector extends Component {
   }
   getUserExcludeList() {
     if (this.state.AudienceType === "UserType" && !_.isEmpty(this.state.Type)) {
-      var users = [];
+      let users = [];
       this.state.userList.forEach(element => {
         if (element.type === this.state.Type) users.push(element);
       });
       return _.sortBy(users, "displayName");
     }
     if (this.state.AudienceType === "Category" && !_.isEmpty(this.state.Category)) {
-      var _users2 = [];
-      var types = _.filter(this.state.types, type => {
+      let users = [];
+      let types = _.filter(this.state.types, type => {
         return type.category === this.state.Category;
       }).map(type => {
         return type.typeName;
       });
       this.state.userList.forEach(element => {
         if (types.indexOf(element.type) > -1) {
-          _users2.push(element);
+          users.push(element);
         }
       });
-      return _.sortBy(_users2, "displayName");
+      return _.sortBy(users, "displayName");
     }
     return _.sortBy(this.state.userList, "displayName");
   }
   addToInc(user) {
-    var list = [...this.state.includeList];
+    let list = [...this.state.includeList];
     list.push({
       Id: user.Id,
       displayName: user.displayName,
@@ -6934,7 +6869,7 @@ class AudienceSelector extends Component {
     setTimeout(this.onChangeSelection, 50);
   }
   addToEx(user) {
-    var list = [...this.state.excludeList];
+    let list = [...this.state.excludeList];
     list.push({
       Id: user.Id,
       displayName: user.displayName,
@@ -7022,10 +6957,10 @@ class AudienceSelector extends Component {
     }, "includes");
   }
   renderAssignedAudiences() {
-    var {
+    const {
       AudienceTagList
     } = this.state;
-    var {
+    const {
       maxWidth
     } = this.props;
     return /*#__PURE__*/jsxs("div", {
@@ -7048,10 +6983,10 @@ class AudienceSelector extends Component {
     });
   }
   renderAvailableAudiences() {
-    var {
+    const {
       maxWidth
     } = this.props;
-    var tags = this.getAvailableAudienceTags();
+    const tags = this.getAvailableAudienceTags();
     return /*#__PURE__*/jsx("div", {
       className: "availableAudienceTags",
       iconStyle: {
@@ -7161,7 +7096,7 @@ class AudienceSelector extends Component {
     });
   }
 }
-var toExport = connect(null, {
+const toExport = connect(null, {
   setAuth
 }, null, {
   forwardRef: true
@@ -7286,14 +7221,14 @@ class OptionsSection extends Component {
     return _.find(this.props.options, o => this.props.selected === o.key);
   }
   getTitle() {
-    var selectedOption = this.getSelectedOption();
+    const selectedOption = this.getSelectedOption();
     if (!selectedOption) {
       return "";
     }
     return selectedOption.text;
   }
   renderOptionButton(o) {
-    var isSelected = this.props.selected === o.key;
+    const isSelected = this.props.selected === o.key;
     return /*#__PURE__*/jsxs("div", {
       className: "optionsButton".concat(isSelected ? " optionsButton-selected" : ""),
       onClick: () => {
@@ -7313,7 +7248,7 @@ class OptionsSection extends Component {
     }, o.key);
   }
   renderContent() {
-    var selectedOption = this.getSelectedOption();
+    const selectedOption = this.getSelectedOption();
     if (selectedOption && selectedOption.content) {
       return selectedOption.content;
     }
@@ -7380,7 +7315,7 @@ class MakerPopup extends Component {
       }).Title;
     });
     _defineProperty(this, "compileData", () => {
-      var result = {};
+      const result = {};
       this.props.inputs.forEach(input => {
         result[input.key] = this.state[input.key];
       });
@@ -7390,7 +7325,7 @@ class MakerPopup extends Component {
       return _objectSpread$3(_objectSpread$3({}, result), this.props.requestData);
     });
     _defineProperty(this, "compileRequestData", () => {
-      var result = {};
+      const result = {};
       if (!this.props.hideFormat) {
         result.format = this.state.selectedFormat;
       }
@@ -7414,7 +7349,7 @@ class MakerPopup extends Component {
       if (!this.isReadyToSubmit()) {
         return;
       }
-      var data = this.compileRequestData();
+      const data = this.compileRequestData();
       this.setState({
         submitting: true
       });
@@ -7616,12 +7551,12 @@ class MakerPopup extends Component {
     });
   }
 }
-var mapStateToProps = state => {
+const mapStateToProps = state => {
   return {
     auth: state.auth
   };
 };
-var exportObj = connect(mapStateToProps, {})(MakerPopup);
+let exportObj = connect(mapStateToProps, {})(MakerPopup);
 
 class ExportCsvPopup extends Component {
   constructor(props) {
@@ -7636,12 +7571,12 @@ class ExportCsvPopup extends Component {
       if (this.props.onClose) this.props.onClose();
     });
     _defineProperty(this, "onToggleColumn", key => {
-      var columns = _.cloneDeep(this.state.columns);
-      var column = columns.find(c => c.key === key);
+      const columns = _.cloneDeep(this.state.columns);
+      const column = columns.find(c => c.key === key);
       if (column) {
         column.selected = !column.selected;
         if (!column.key) columns.map(c => c.selected = column.selected); // Toggle all
-        var selectedHeaders = columns.filter(c => c.key && c.selected);
+        const selectedHeaders = columns.filter(c => c.key && c.selected);
         this.setState({
           columns,
           selectedHeaders
@@ -7649,7 +7584,7 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onToggleStartDateFilter", () => {
-      var {
+      const {
         filterDateStartVisible
       } = this.state;
       if (filterDateStartVisible) {
@@ -7663,7 +7598,7 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onToggleEndDateFilter", () => {
-      var {
+      const {
         filterDateEndVisible
       } = this.state;
       if (filterDateEndVisible) {
@@ -7677,10 +7612,10 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onDateFilterStartChanged", date => {
-      var {
+      const {
         filterDateEnd
       } = this.state;
-      var start = moment(date);
+      const start = moment(date);
       if (start.isSameOrBefore(filterDateEnd)) {
         this.setState({
           filterDateStart: start.startOf("day"),
@@ -7689,10 +7624,10 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onDateFilterEndChanged", date => {
-      var {
+      const {
         filterDateStart
       } = this.state;
-      var end = moment(date);
+      const end = moment(date);
       if (end.isSameOrAfter(filterDateStart)) {
         this.setState({
           filterDateEnd: end.endOf("day"),
@@ -7701,32 +7636,32 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "getSelectedSource", () => {
-      var {
+      const {
         source
       } = this.props;
-      var {
+      const {
         selectedHeaders
       } = this.state;
-      var result = source;
+      let result = source;
 
       // apply timestamp filter
       if (this.props.timestampFilter) {
-        var {
+        const {
           filterDateStart,
           filterDateEnd
         } = this.state;
-        var {
+        const {
           filterKey
         } = this.props.timestampFilter;
-        var minDate = filterDateStart.valueOf();
-        var maxDate = filterDateEnd.valueOf();
+        const minDate = filterDateStart.valueOf();
+        const maxDate = filterDateEnd.valueOf();
         result = _.filter(source, item => {
           return item[filterKey] >= minDate && item[filterKey] <= maxDate;
         });
       }
 
       // map result to columns
-      var selectedheaderKeys = selectedHeaders.map(h => h.key);
+      const selectedheaderKeys = selectedHeaders.map(h => h.key);
       return result.map(i => _.pick(i, selectedheaderKeys));
     });
     _defineProperty(this, "renderTimestampFilter", () => {
@@ -7762,7 +7697,7 @@ class ExportCsvPopup extends Component {
       });
     });
     _defineProperty(this, "renderContent", () => {
-      var {
+      const {
         saving,
         columns
       } = this.state;
@@ -7798,7 +7733,7 @@ class ExportCsvPopup extends Component {
         })
       });
     });
-    var state = {
+    const state = {
       columns: props.columns,
       selectedHeaders: props.columns.filter(c => c.key && c.selected),
       selectedSource: [],
@@ -7811,13 +7746,13 @@ class ExportCsvPopup extends Component {
     this.state = state;
   }
   render() {
-    var {
+    const {
       selectedHeaders
     } = this.state;
-    var {
+    const {
       filename
     } = this.props;
-    var buttons = [{
+    const buttons = [{
       type: "primary",
       isActive: this.canSave(),
       text: /*#__PURE__*/jsx(CSVLink, {
@@ -7856,11 +7791,11 @@ class ExportCsvPopup extends Component {
   }
 }
 
-var _excluded = ["id", "label", "help", "showError", "required"];
+const _excluded = ["id", "label", "help", "showError", "required"];
 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; }
 function InputGroup(_ref) {
-  var {
+  let {
       id,
       label,
       help,
@@ -7895,7 +7830,7 @@ class Tabs extends Component {
     };
   }
   getTabClass(tab) {
-    var classes = "tab";
+    let classes = "tab";
     if (this.props.selectedTab === tab.value) {
       classes += " tab-selected";
     }
@@ -7937,7 +7872,7 @@ class ColourOptions extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "setColourCircle", () => {
-      var tc = tinycolor(this.state.colour);
+      const tc = tinycolor(this.state.colour);
       this.setState({
         colourCircleTop: 100 - 100 * tc.getBrightness() / 255,
         colourCircleLeft: 100 * tc.toHsv().h / 360
@@ -7945,13 +7880,13 @@ class ColourOptions extends Component {
     });
     _defineProperty(this, "onColourChange", color => {
       // console.log('onColourChange', color);
-      var colour = (typeof color === "object" ? color.hex : color).toUpperCase();
+      const colour = (typeof color === "object" ? color.hex : color).toUpperCase();
       this.setState({
         selectedColour: colour,
         colour
       }, () => {
         this.setColourCircle();
-        var {
+        const {
           onColourSelected
         } = this.props;
         if (onColourSelected) onColourSelected(this.state.colour);
@@ -7975,7 +7910,7 @@ class ColourOptions extends Component {
   }
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
-      var {
+      const {
         value
       } = this.props;
       this.setState({
@@ -7985,11 +7920,11 @@ class ColourOptions extends Component {
     }
   }
   getQuickChoiceTabs() {
-    var {
+    const {
       options
     } = this.props;
-    var optionsArray = typeof options === "string" ? options.split(",").map(o => o.trim()) : options;
-    var available = [{
+    const optionsArray = typeof options === "string" ? options.split(",").map(o => o.trim()) : options;
+    const available = [{
       value: "vibrant",
       text: "Vibrant"
     }, {
@@ -8002,7 +7937,7 @@ class ColourOptions extends Component {
     return !optionsArray || optionsArray.length === 0 ? available : available.filter(o => optionsArray.includes(o.value));
   }
   renderColourQuickChoicesCircle(colour, selectedColour) {
-    var isSelected = selectedColour.toLowerCase() === colour.toLowerCase();
+    const isSelected = selectedColour.toLowerCase() === colour.toLowerCase();
     return /*#__PURE__*/jsx("div", {
       className: "colourQuickChoices_circle".concat(isSelected ? " colourQuickChoices_circle-selected" : ""),
       style: {
@@ -8016,11 +7951,11 @@ class ColourOptions extends Component {
     });
   }
   renderColourOptions() {
-    var {
+    const {
       selectedColour,
       selectedOption
     } = this.state;
-    var content;
+    let content;
     switch (selectedOption) {
       case "picker":
         content = /*#__PURE__*/jsx("div", {
@@ -8088,7 +8023,7 @@ class ColourOptions extends Component {
         content = null;
         break;
     }
-    var tabs = this.getQuickChoiceTabs();
+    const tabs = this.getQuickChoiceTabs();
     return /*#__PURE__*/jsxs("div", {
       children: [tabs && tabs.length > 1 ? /*#__PURE__*/jsx(Tabs, {
         onSelectTab: this.onSelectOption,
@@ -8115,7 +8050,7 @@ class ColourPicker extends Component {
   constructor(props) {
     super(props);
     _defineProperty(this, "setColourCircle", () => {
-      var tc = tinycolor(this.state.colour);
+      const tc = tinycolor(this.state.colour);
       this.setState({
         colourCircleTop: 100 - 100 * tc.getBrightness() / 255,
         colourCircleLeft: 100 * tc.toHsv().h / 360
@@ -8129,7 +8064,7 @@ class ColourPicker extends Component {
     });
     _defineProperty(this, "onColourChange", color => {
       // console.log('onColourChange', color);
-      var colour = color;
+      let colour = color;
       if (typeof color === "object") {
         colour = color.hex;
       }
@@ -8143,7 +8078,7 @@ class ColourPicker extends Component {
       });
     });
     _defineProperty(this, "onDone", () => {
-      var {
+      const {
         colourPickerOpen,
         selectedColour
       } = this.state;
@@ -8152,14 +8087,14 @@ class ColourPicker extends Component {
         colour: selectedColour
       }, () => {
         this.setColourCircle();
-        var {
+        const {
           onColourSelected
         } = this.props;
         if (onColourSelected) onColourSelected(this.state.colour);
       });
     });
     _defineProperty(this, "onCancel", () => {
-      var {
+      const {
         colourPickerOpen,
         colour
       } = this.state;
@@ -8182,7 +8117,7 @@ class ColourPicker extends Component {
   }
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
-      var {
+      const {
         value
       } = this.props;
       this.setState({
@@ -8192,11 +8127,11 @@ class ColourPicker extends Component {
     }
   }
   getQuickChoiceTabs() {
-    var {
+    const {
       options
     } = this.props;
-    var optionsArray = typeof options === "string" ? options.split(",").map(o => o.trim()) : options;
-    var available = [{
+    const optionsArray = typeof options === "string" ? options.split(",").map(o => o.trim()) : options;
+    const available = [{
       value: "vibrant",
       text: "Vibrant"
     }, {
@@ -8209,7 +8144,7 @@ class ColourPicker extends Component {
     return !optionsArray || optionsArray.length === 0 ? available : available.filter(o => optionsArray.includes(o.value));
   }
   renderColourQuickChoicesCircle(colour, selectedColour) {
-    var isSelected = selectedColour.toLowerCase() === colour.toLowerCase();
+    const isSelected = selectedColour.toLowerCase() === colour.toLowerCase();
     return /*#__PURE__*/jsx("div", {
       className: "colourQuickChoices_circle".concat(isSelected ? " colourQuickChoices_circle-selected" : ""),
       style: {
@@ -8223,11 +8158,11 @@ class ColourPicker extends Component {
     });
   }
   renderColourOptions() {
-    var {
+    const {
       selectedColour,
       selectedOption
     } = this.state;
-    var content;
+    let content;
     switch (selectedOption) {
       case "picker":
         content = /*#__PURE__*/jsx("div", {
@@ -8295,7 +8230,7 @@ class ColourPicker extends Component {
         content = null;
         break;
     }
-    var tabs = this.getQuickChoiceTabs();
+    const tabs = this.getQuickChoiceTabs();
     return /*#__PURE__*/jsxs("div", {
       children: [tabs && tabs.length > 1 ? /*#__PURE__*/jsx(Tabs, {
         onSelectTab: this.onSelectOption,
@@ -8308,11 +8243,11 @@ class ColourPicker extends Component {
     });
   }
   renderColourPopup() {
-    var {
+    const {
       colourPickerOpen
     } = this.state;
     if (!colourPickerOpen) return null;
-    var {
+    const {
       title
     } = this.props;
     return /*#__PURE__*/jsx(Popup, {
@@ -8340,12 +8275,12 @@ class ColourPicker extends Component {
     });
   }
   render() {
-    var {
+    const {
       colourCircleTop,
       colourCircleLeft,
       colour
     } = this.state;
-    var {
+    const {
       children,
       showHex
     } = this.props;
@@ -8381,10 +8316,10 @@ class ColourPicker extends Component {
   }
 }
 
-var BAR_HEIGHT = 48;
-var CHART_PADDING = 10;
-var BarLabel = _ref => {
-  var {
+const BAR_HEIGHT = 48;
+const CHART_PADDING = 10;
+const BarLabel = _ref => {
+  let {
     x,
     y,
     width,
@@ -8402,8 +8337,8 @@ var BarLabel = _ref => {
     children: value
   });
 };
-var ComparisonStatBox = _ref2 => {
-  var {
+const ComparisonStatBox = _ref2 => {
+  let {
     title,
     data,
     prevText,
@@ -8412,19 +8347,19 @@ var ComparisonStatBox = _ref2 => {
     borderless,
     hideTotal
   } = _ref2;
-  var total = data.reduce((sum, d) => sum + (d.value || 0), 0);
-  var chartHeight = data.length * BAR_HEIGHT + CHART_PADDING;
-  var maxLabelLength = data.reduce((max, d) => Math.max(max, d.name.length), 0);
-  var yAxisWidth = Math.min(Math.max(maxLabelLength * 7, 80), 160);
-  var opacity = isLoading ? 0.3 : 1;
-  var wrapperStyle = borderless ? {
+  const total = data.reduce((sum, d) => sum + (d.value || 0), 0);
+  const chartHeight = data.length * BAR_HEIGHT + CHART_PADDING;
+  const maxLabelLength = data.reduce((max, d) => Math.max(max, d.name.length), 0);
+  const yAxisWidth = Math.min(Math.max(maxLabelLength * 7, 80), 160);
+  const opacity = isLoading ? 0.3 : 1;
+  const wrapperStyle = borderless ? {
     opacity,
     padding: "12px 0"
   } : {
     opacity,
     padding: 20
   };
-  var wrapperClass = borderless ? "" : "dashboardBox";
+  const wrapperClass = borderless ? "" : "dashboardBox";
   return /*#__PURE__*/jsxs("div", {
     className: wrapperClass,
     style: wrapperStyle,
@@ -8523,8 +8458,8 @@ var ComparisonStatBox = _ref2 => {
   });
 };
 
-var StatBox = _ref => {
-  var {
+const StatBox = _ref => {
+  let {
     title,
     icon,
     value,
@@ -8533,7 +8468,7 @@ var StatBox = _ref => {
     viewGraphLink,
     isLoading
   } = _ref;
-  var change = (value / previousValue - 1) * 100;
+  let change = (value / previousValue - 1) * 100;
   if (isNaN(change)) {
     change = 0;
   }
@@ -8541,7 +8476,7 @@ var StatBox = _ref => {
     change = 100;
   }
   change = parseInt(change);
-  var opacity = isLoading ? 0 : 1;
+  const opacity = isLoading ? 0 : 1;
   return /*#__PURE__*/jsxs("div", {
     className: "dashboardBox dashboardBox-stats dashboardBox-inline".concat(change > 0 ? " dashboardBox-stats-positive" : "").concat(change < 0 ? " dashboardBox-stats-negative" : ""),
     children: [/*#__PURE__*/jsx("div", {
@@ -8636,7 +8571,7 @@ var index = /*#__PURE__*/Object.freeze({
 	Tabs: Tabs
 });
 
-var HelpGuide = {
+const HelpGuide = {
   Dashboard: "https://www.plusscommunities.com/user-guide",
   FeaturePicker: "https://www.plusscommunities.com/getting-started-on-community-manager",
   News: "https://www.plusscommunities.com/news-feature",
@@ -8653,32 +8588,32 @@ var HelpGuide = {
   Users: "https://www.plusscommunities.com/managing-your-users",
   Payment: "https://www.plusscommunities.com/setting-up-your-payment-gateway"
 };
-var Urls = {
+const Urls = {
   HelpGuide
 };
 
 function ownKeys$1(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$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; }
-var INITIAL_STATE$1 = {
+const INITIAL_STATE$1 = {
   list: []
 };
 var TemplatesReducer = (function () {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE$1;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE$1;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case TEMPLATES_LOADED:
-      var result = _.unionWith(action.payload, state.list, (v1, v2) => {
+      const result = _.unionWith(action.payload, state.list, (v1, v2) => {
         return v1 != null && v2 != null && v1.RowId === v2.RowId;
       });
       return _objectSpread$1(_objectSpread$1({}, state), {}, {
         list: result
       });
     case TEMPLATE_REMOVED:
-      var index = _.findIndex(state.list, app => {
+      const index = _.findIndex(state.list, app => {
         return app != null && app.RowId === action.payload;
       });
       if (index > -1) {
-        var newTemplates = [...state.list];
+        const newTemplates = [...state.list];
         newTemplates.splice(index, 1);
         return _objectSpread$1(_objectSpread$1({}, state), {}, {
           list: newTemplates
@@ -8692,12 +8627,12 @@ var TemplatesReducer = (function () {
 
 function ownKeys(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(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; }
-var INITIAL_STATE = {
+const INITIAL_STATE = {
   list: []
 };
 var ScheduledActionsReducer = (function () {
-  var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
-  var action = arguments.length > 1 ? arguments[1] : undefined;
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : INITIAL_STATE;
+  let action = arguments.length > 1 ? arguments[1] : undefined;
   switch (action.type) {
     case SCHEDULED_ACTIONS_LOADED:
       return _objectSpread(_objectSpread({}, state), {}, {
@@ -8708,10 +8643,26 @@ var ScheduledActionsReducer = (function () {
   }
 });
 
-var Reducers = {
+const Reducers = {
   templates: TemplatesReducer,
   scheduledActions: ScheduledActionsReducer
 };
 
-export { index$1 as Actions, analytics as Analytics, index$2 as Apis, colours as Colours, index as Components, CoreConfig as Config, index$3 as Helper, Reducers, session as Session, Urls };
+const PERMISSION_CATEGORIES = {
+  USER_MANAGEMENT: "User Management",
+  EVENTS: "Events",
+  COMMUNICATION: "Communication",
+  FACILITIES_BOOKINGS: "Facilities & Bookings",
+  SITE_ADMINISTRATION: "Site Administration",
+  CONTENT: "Content",
+  PAYMENTS: "Payments",
+  PROFILE_SETTINGS: "Profile Settings"
+};
+const IMPORTANCE_LEVELS = {
+  CRITICAL: "critical",
+  IMPORTANT: "important",
+  OPTIONAL: "optional"
+};
+
+export { index$1 as Actions, analytics as Analytics, index$2 as Apis, colours as Colours, index as Components, CoreConfig as Config, index$3 as Helper, IMPORTANCE_LEVELS, PERMISSION_CATEGORIES, Reducers, session as Session, Urls };
 //# sourceMappingURL=index.js.map