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

package/dist/components.js

@@ -8,7 +8,6 @@ import moment from 'moment';
 import $ from 'jquery';
 import 'js-cookie';
 import { connect } from 'react-redux';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import Textarea from 'react-textarea-autosize';
 import Dropzone from 'react-dropzone';
 import axios from 'axios';
@@ -25,7 +24,7 @@ import { ResponsiveContainer, BarChart, XAxis, YAxis, Tooltip, Bar, Cell } from
 
 class AddButton extends Component {
   getClasses() {
-    var classes = "addButton";
+    let classes = "addButton";
     if (this.props.inactive) {
       classes += " addButton--inactive";
     }
@@ -57,12 +56,12 @@ class AddButton extends Component {
 // const COLOUR_2 = '#3179cb';
 // const COLOUR_3 = '#1bb7ee';
 
-var COLOUR_BRANDING_MAIN = "#4a57b7";
-var COLOUR_BRANDING_INACTIVE = "#dbddf1";
+const COLOUR_BRANDING_MAIN = "#4a57b7";
+const COLOUR_BRANDING_INACTIVE = "#dbddf1";
 // const TEXT_SUPER_LIGHT = '#d2d9e5';
-var COLOUR_DUSK = "#536280";
-var COLOUR_DUSK_LIGHT = "#67758f";
-var LINEGREY = COLOUR_BRANDING_INACTIVE;
+const COLOUR_DUSK = "#536280";
+const COLOUR_DUSK_LIGHT = "#67758f";
+const LINEGREY = COLOUR_BRANDING_INACTIVE;
 // const BORDER_LINE_GREY = COLOUR_BRANDING_INACTIVE;
 
 // const COLOUR_TEAL = '#49bdbb';
@@ -71,7 +70,7 @@ 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";
+const COLOUR_RED = "#c02743";
 // const COLOUR_TANGERINE = '#ff8c75';
 // const COLOUR_CITRON = '#bdbd27';
 // const COLOUR_GRAPEFRUIT = '#ff6363';
@@ -81,16 +80,16 @@ var COLOUR_RED = "#c02743";
 // 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";
+const COLOUR_LIGHTGREY = "#8695b2";
+const INACTIVE_TEXT = COLOUR_LIGHTGREY;
+const COLOUR_BRANDING_APP = "#4a57b7";
 
-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;
   }
@@ -128,7 +127,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);
@@ -145,7 +144,7 @@ class Button extends Component {
     return "button";
   }
   getButtonTextClasses() {
-    var result = "buttonText";
+    let result = "buttonText";
     if (this.props.leftIcon) {
       result = result + " buttonTextWithIcon";
     }
@@ -199,7 +198,7 @@ class CheckBox extends PureComponent {
     });
   }
   generateClassNames() {
-    var result = "checkBox";
+    let result = "checkBox";
     if (this.props.isActive) {
       result = result + " checkBox--active";
     }
@@ -212,14 +211,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;
@@ -257,7 +256,7 @@ class CheckBox extends PureComponent {
     });
   }
 }
-var styles$9 = {
+const styles$9 = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -265,7 +264,7 @@ var styles$9 = {
   }
 };
 
-var CoreConfig = {
+const CoreConfig = {
   env: {
     baseStage: "",
     baseAPIUrl: "",
@@ -289,19 +288,19 @@ var CoreConfig = {
   }
 };
 
-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]));
@@ -310,27 +309,27 @@ var getUrl = function getUrl(baseAction, action, query) {
   return "".concat(url || baseAPIUrl, "/").concat(baseAction, "-").concat(stage || baseStage, "/").concat(action).concat(queryPart);
 };
 
-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;
   }
@@ -343,13 +342,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");
     }
@@ -358,7 +357,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,
@@ -367,7 +366,7 @@ var generateImageName = name => {
   });
 };
 
-var getThumb300 = url => {
+const getThumb300 = url => {
   if (!url) {
     return url;
   }
@@ -380,13 +379,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");
     }
@@ -395,14 +394,14 @@ var getThumb300 = url => {
   return url;
 };
 
-var getFirstName = string => {
+const getFirstName = string => {
   if (_.isEmpty(string)) {
     return "";
   }
   return string.split(" ")[0];
 };
 
-var randomString = () => {
+const randomString = () => {
   return "xxxxxxxx4xxxyxxxxxxxxxxxxx".replace(/[xy]/g, c => {
     // eslint-disable-next-line
     var r = Math.random() * 16 | 0,
@@ -413,10 +412,10 @@ var randomString = () => {
 
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(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$k({
@@ -427,7 +426,7 @@ var toParagraphed = (text, style) => {
   });
 };
 
-var getPluralOptions = (count, singular, plural) => {
+const getPluralOptions = (count, singular, plural) => {
   if (count === 1) {
     return singular;
   }
@@ -484,12 +483,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) {
@@ -512,7 +511,7 @@ class Comment extends Component {
     });
   }
   renderComment() {
-    var {
+    const {
       comment
     } = this.props;
     return /*#__PURE__*/jsxs("div", {
@@ -545,23 +544,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;
@@ -574,7 +571,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)) {
@@ -590,7 +587,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 => {
@@ -663,7 +660,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
       });
@@ -671,19 +668,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() {
@@ -709,13 +706,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
     }, () => {
@@ -724,9 +721,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);
@@ -736,7 +733,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"));
@@ -752,13 +749,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,
@@ -766,14 +763,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 {
@@ -789,16 +786,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");
     }
@@ -809,7 +806,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"),
@@ -832,7 +829,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";
           }
@@ -932,21 +929,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", {
@@ -993,55 +990,40 @@ function DurationInput(_ref) {
   });
 }
 
-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;
-    }
-  });
-  return function getCurrentUserSub() {
-    return _ref3.apply(this, arguments);
-  };
-}();
+const getCurrentUserSub = async () => {
+  try {
+    const user = await Auth.currentUserInfo();
+    return user.id;
+  } catch (error) {
+    return null;
+  }
+};
 
 // export const getRolesWithAccess = (roles, type) => {
 //   return _.filter(roles, (role) => {
@@ -1086,91 +1068,28 @@ var getCurrentUserSub = /*#__PURE__*/function () {
 //   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;
   }
 };
 
-({
-  checkUserAuth: userId => {
-    var url = getUrl("auth", "checkUserAuth");
-    return authedFunction({
-      method: "POST",
-      url,
-      data: {
-        userId
-      }
-    });
-  },
-  fetchForgotPasswordId: input => {
-    return axios({
-      method: "POST",
-      url: getUrl("auth", "checkForgotUser"),
-      data: {
-        user: {
-          email: input,
-          phoneNumber: input
-        }
-      },
-      headers: {
-        authorization: "GwegChicken"
-      }
-    });
-  },
-  disableUser: (username, site) => {
-    var url = getUrl("users", "testUserDisbale");
-    var request = {
-      method: "POST",
-      url,
-      data: {
-        username,
-        site
-      }
-    };
-    return authedFunction(request);
-  },
-  getUserSignin: function () {
-    var _getUserSignin = _asyncToGenerator(function* () {
-      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 = {
-      method: "POST",
-      url,
-      data: {
-        site
-      }
-    };
-    return authedFunction(request);
-  }
-});
-
 /**
  * ADAPTED FROM:
  *
@@ -1255,7 +1174,7 @@ function CanvasImageUploader(options) {
     /**
      * Run to initialize CanvasImageUploader.
      */
-    newImage: function newImage() {
+    newImage: function () {
       imageData = null;
       image = new Image();
     },
@@ -1263,7 +1182,7 @@ function CanvasImageUploader(options) {
      * Returns the image data if any file has been read.
      * @returns {Blob|null}
      */
-    getImageData: function getImageData() {
+    getImageData: function () {
       return imageData;
     },
     /**
@@ -1273,7 +1192,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");
@@ -1285,7 +1204,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();
@@ -1302,35 +1221,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();
@@ -1365,7 +1278,7 @@ var fileActions = {
     });
   },
   blobToFile: (theBlob, fileName) => {
-    var file = new File([theBlob], fileName, {
+    const file = new File([theBlob], fileName, {
       lastModified: new Date()
     });
     console.log(file);
@@ -1373,10 +1286,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"
@@ -1390,7 +1303,7 @@ var fileActions = {
   },
   getMediaFolders: site => {
     // console.log('getMediaFolders', 'site', site);
-    var query = {
+    const query = {
       site
     };
     return authedFunction({
@@ -1464,7 +1377,7 @@ var fileActions = {
 
 function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var typeActions = {
+const typeActions = {
   getSubdomains: () => {
     return authedFunction({
       method: "GET",
@@ -1488,29 +1401,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,
@@ -1520,7 +1427,7 @@ var typeActions = {
     });
   },
   setTypePermissions: (type, adminId) => {
-    var url = getUrl("types", "setusertypepermissions");
+    let url = getUrl("types", "setusertypepermissions");
     return authedFunction({
       method: "POST",
       url,
@@ -1530,7 +1437,7 @@ var typeActions = {
     });
   },
   deleteUserType: (site, type) => {
-    var url = getUrl("types", "usertype/delete");
+    let url = getUrl("types", "usertype/delete");
     return authedFunction({
       method: "POST",
       url,
@@ -1541,8 +1448,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$h({
@@ -1552,8 +1459,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: {
@@ -1570,7 +1477,7 @@ var typeActions = {
     });
   },
   getInterfaces: (site, type) => {
-    var q = {
+    const q = {
       site
     };
     if (type) {
@@ -1582,7 +1489,7 @@ var typeActions = {
     });
   },
   deleteInterface: id => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/remove"),
       data: {
@@ -1592,7 +1499,7 @@ var typeActions = {
     return authedFunction(request);
   },
   saveInterface: (site, type, title, settings, id) => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/save"),
       data: {
@@ -1606,7 +1513,7 @@ var typeActions = {
     return authedFunction(request);
   },
   attachInterface: (site, typeName, interfaceId) => {
-    var request = {
+    const request = {
       method: "POST",
       url: getUrl("types", "interfaces/attach"),
       data: {
@@ -1618,7 +1525,7 @@ var typeActions = {
     return authedFunction(request);
   },
   getSiteBranding: site => {
-    var request = {
+    const request = {
       method: "GET",
       url: getUrl("types", "branding/get", {
         site
@@ -1627,7 +1534,7 @@ var typeActions = {
     return unauthedFunction(request);
   },
   generateSiteBranding: url => {
-    var request = {
+    const request = {
       method: "GET",
       url: getUrl("types", "branding/generate", {
         url
@@ -1636,8 +1543,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: {
@@ -1673,7 +1580,7 @@ var typeActions = {
   }
 };
 
-var userActions = {
+const userActions = {
   createNewUser: (user, userExtra) => {
     return authedFunction({
       method: "POST",
@@ -1773,7 +1680,7 @@ var userActions = {
     });
   },
   getInviteCode: (userId, type, site) => {
-    var query = {};
+    const query = {};
     if (!_.isEmpty(userId)) {
       query.userId = userId;
     }
@@ -1789,7 +1696,7 @@ var userActions = {
     });
   },
   generateInviteCode: (userId, type, site) => {
-    var data = {};
+    const data = {};
     if (!_.isEmpty(userId)) {
       data.userId = userId;
     }
@@ -1837,9 +1744,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), {
@@ -1866,7 +1773,7 @@ var userActions = {
   }
 };
 
-var profileActions = {
+const profileActions = {
   addEC: (userId, name, phone, email, relationship) => {
     return authedFunction({
       method: "POST",
@@ -2061,7 +1968,7 @@ var profileActions = {
   }
 };
 
-var utilityActions = {
+const utilityActions = {
   getUpvotyToken: () => {
     return authedFunction({
       method: "GET",
@@ -2095,15 +2002,13 @@ var utilityActions = {
 
 function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(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,
@@ -2115,7 +2020,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;
@@ -2127,12 +2032,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;
@@ -2142,18 +2047,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$g({}, DEFAULT_INPUT$1);
-            newInputs.splice(newInputs.length - 1, 0, _newInput);
-            this.handleFile(_newInput, file);
+            const newInput = _objectSpread$g({}, DEFAULT_INPUT$1);
+            newInputs.splice(newInputs.length - 1, 0, newInput);
+            this.handleFile(newInput, file);
           }
         });
         this.setState({
@@ -2164,37 +2069,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(() => {
@@ -2220,7 +2120,7 @@ class FileInputComponent extends Component {
         }]
       });
     } else {
-      var inputs = [];
+      const inputs = [];
       _.forEach(val, str => {
         inputs.push({
           uploadingImage: false,
@@ -2234,7 +2134,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) {
@@ -2257,16 +2157,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)) {
@@ -2282,7 +2182,7 @@ class FileInputComponent extends Component {
     }
   }
   renderInput(input, index, inputsLength) {
-    var renderContent = () => {
+    const renderContent = () => {
       if (this.props.onlyAllowUpload) {
         return null;
       }
@@ -2306,7 +2206,7 @@ class FileInputComponent extends Component {
             accept: this.getAccept(),
             onDrop: files => this.onDrop(files, true),
             children: state => {
-              var {
+              const {
                 getRootProps,
                 getInputProps
               } = state;
@@ -2331,7 +2231,7 @@ class FileInputComponent extends Component {
         iconStyle: _objectSpread$g({}, 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",
@@ -2342,7 +2242,7 @@ class FileInputComponent extends Component {
         children: "remove"
       }));
     };
-    var renderDownload = () => {
+    const renderDownload = () => {
       if (this.props.noDownload) return null;
       return /*#__PURE__*/jsx("a", {
         href: input.value,
@@ -2362,7 +2262,7 @@ class FileInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: this.onDrop,
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps,
             isDragActive
@@ -2420,10 +2320,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);
 
@@ -2451,7 +2351,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";
     }
@@ -2470,7 +2370,7 @@ class GenericInput extends Component {
     return string;
   }
   getLabelStyle() {
-    var style = {};
+    const style = {};
     if (_.isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
       style.opacity = 0;
     }
@@ -2577,7 +2477,7 @@ class GenericInput extends Component {
     });
   }
 }
-var styles$8 = {
+const styles$8 = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -2586,8 +2486,8 @@ var styles$8 = {
   }
 };
 
-var SET_AUTH = "set_auth";
-var SET_NAV_DATA = "SET_NAV_DATA";
+const SET_AUTH = "set_auth";
+const SET_NAV_DATA = "SET_NAV_DATA";
 
 // import { getEnabledFeatures } from '../session';
 // import { authActions, typeActions } from '../apis';
@@ -2618,14 +2518,14 @@ var SET_NAV_DATA = "SET_NAV_DATA";
 //   };
 // };
 
-var setAuth = stuff => {
+const setAuth = stuff => {
   return {
     type: SET_AUTH,
     payload: stuff
   };
 };
 
-var setNavData = data => {
+const setNavData = data => {
   return {
     type: SET_NAV_DATA,
     payload: data
@@ -2714,13 +2614,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));
 
@@ -2750,7 +2650,7 @@ class SideNavItem extends Component {
     }
   }
   getClassNames() {
-    var result = "";
+    let result = "";
     if (this.props.className) {
       result += " ".concat(this.props.className);
     }
@@ -2805,7 +2705,7 @@ class SideNavItem extends Component {
     });
   }
 }
-var styles$7 = {
+const styles$7 = {
   section: {
     display: "flex",
     alignItems: "center",
@@ -2817,7 +2717,7 @@ var styles$7 = {
     borderRadius: 5
   }
 };
-var exportObj$3 = connect(null, {})(withRouter(SideNavItem));
+let exportObj$3 = connect(null, {})(withRouter(SideNavItem));
 
 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; }
@@ -2826,11 +2726,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");
       };
@@ -2931,13 +2831,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);
 
@@ -3045,7 +2945,7 @@ class Popup extends Component {
 
 function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(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: ""
@@ -3076,7 +2976,7 @@ class ImageInputComponent extends Component {
       saveErrorMessage: ""
     });
     _defineProperty(this, "getAccept", () => {
-      var accept = {
+      const accept = {
         "image/*": [".jpeg", ".png"]
       };
       if (this.props.allowVideo) {
@@ -3084,21 +2984,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;
@@ -3108,8 +3008,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),
@@ -3122,7 +3022,7 @@ class ImageInputComponent extends Component {
       this.setState({
         addFolderOpen: true
       }, () => {
-        var input = document.getElementById("addFolderInput");
+        const input = document.getElementById("addFolderInput");
         if (input) input.focus();
       });
     });
@@ -3137,22 +3037,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$b({
+          await fileActions.addMediaFolder(this.props.auth.site, this.state.addFolderInput);
+          const folders = await this.refreshFolders();
+          this.setState(_objectSpread$b({
             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;
@@ -3173,22 +3073,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$b(_objectSpread$b({}, DEFAULT_INPUT), {}, {
+            const newInput = _objectSpread$b(_objectSpread$b({}, 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({
@@ -3199,35 +3099,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;
@@ -3236,63 +3131,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$b({}, this.state.deletingFolder);
+        const deletingFolder = _objectSpread$b({}, this.state.deletingFolder);
         deletingFolder[folder.RowId] = true;
         this.setState(_objectSpread$b({
           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$b({}, this.state.deletingImage);
+        const deletingImage = _objectSpread$b({}, 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", () => {
@@ -3345,7 +3240,7 @@ class ImageInputComponent extends Component {
         }]
       });
     } else {
-      var inputs = [];
+      const inputs = [];
       _.forEach(val, str => {
         inputs.push({
           uploadingImage: false,
@@ -3363,7 +3258,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, ")"),
@@ -3375,7 +3270,7 @@ class ImageInputComponent extends Component {
     };
   }
   getContainerClasses() {
-    var result = this.props.className || "";
+    let result = this.props.className || "";
     if (this.props.noMenu) {
       result += " imageInputOuter-noMenu";
     }
@@ -3388,7 +3283,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) {
@@ -3406,47 +3301,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) {
@@ -3455,7 +3348,7 @@ class ImageInputComponent extends Component {
       image.Selected = false;
     } else {
       // Select unselected image
-      var newFile = {
+      const newFile = {
         uploadingImage: false,
         value: image.Value,
         displayValue: image[1400],
@@ -3481,28 +3374,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);
           });
@@ -3522,12 +3415,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) {
@@ -3541,7 +3434,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)) {
@@ -3559,7 +3452,7 @@ class ImageInputComponent extends Component {
     });
   }
   renderInput(input, index, inputsLength) {
-    var renderContent = () => {
+    const renderContent = () => {
       if (this.props.onlyAllowUpload) {
         return null;
       }
@@ -3582,7 +3475,7 @@ class ImageInputComponent extends Component {
               accept: this.getAccept(),
               onDrop: files => this.onDrop(files, true),
               children: state => {
-                var {
+                const {
                   getRootProps,
                   getInputProps
                 } = state;
@@ -3606,7 +3499,7 @@ class ImageInputComponent extends Component {
         style: _objectSpread$b(_objectSpread$b({}, 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",
@@ -3617,7 +3510,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", {
@@ -3631,7 +3524,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$b({}, this.props.style),
@@ -3640,7 +3533,7 @@ class ImageInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: this.onDrop,
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps,
             isDragActive
@@ -3681,7 +3574,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";
     }
@@ -3746,7 +3639,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",
@@ -3804,8 +3697,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),
@@ -3873,10 +3766,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$b({}, this.props.style),
@@ -3888,7 +3781,7 @@ class ImageInputComponent extends Component {
           accept: this.getAccept(),
           onDrop: files => this.onDrop(files, true),
           children: state => {
-            var {
+            const {
               getRootProps,
               getInputProps,
               isDragActive
@@ -3952,7 +3845,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 {
@@ -3986,7 +3879,7 @@ class ImageInputComponent extends Component {
         accept: this.getAccept(),
         onDrop: files => this.onDrop(files, true),
         children: state => {
-          var {
+          const {
             getRootProps,
             getInputProps
           } = state;
@@ -4024,7 +3917,7 @@ class ImageInputComponent extends Component {
     });
   }
 }
-var styles$6 = {
+const styles$6 = {
   addFolderInputContainer: {
     marginBottom: "0px",
     paddingRight: "100px",
@@ -4058,12 +3951,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);
 
@@ -4131,7 +4024,7 @@ class OverlayPage extends Component {
     });
   }
 }
-var styles$5 = {
+const styles$5 = {
   pageWrapper: {
     position: "fixed",
     zIndex: 100,
@@ -4178,7 +4071,7 @@ class OverlayPageContents extends Component {
     });
   }
 }
-var styles$4 = {
+const styles$4 = {
   wrapper: {
     clear: "both",
     whiteSpace: "nowrap",
@@ -4208,7 +4101,7 @@ class OverlayPageSection extends Component {
     }));
   }
 }
-var styles$3 = {
+const styles$3 = {
   wrapper: {
     /* height: '100%',
           overflowY: 'auto',
@@ -4245,7 +4138,7 @@ class OverlayPageBottomButtons extends Component {
     });
   }
 }
-var styles$2 = {
+const styles$2 = {
   wrapper: {
     padding: 12,
     paddingRight: 24,
@@ -4275,7 +4168,7 @@ function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
 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; }
 class RadioButton extends Component {
   generateClassNames(e) {
-    var string = "radioButton";
+    let string = "radioButton";
     if (this.props.isActive === e) {
       string = string + " radioButton--active";
     }
@@ -4285,7 +4178,7 @@ class RadioButton extends Component {
     return string;
   }
   generateWrapperClassNames() {
-    var string = "radioButtonWrapper";
+    let string = "radioButtonWrapper";
     if (this.props.disabled) {
       string = string + " radioButton--disabled";
     }
@@ -4298,7 +4191,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;
     }
@@ -4395,7 +4288,7 @@ class RadioButton extends Component {
     });
   }
 }
-var styles$1 = {
+const styles$1 = {
   row: {
     display: "flex",
     flexDirection: "row"
@@ -4538,7 +4431,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"
@@ -4624,7 +4517,7 @@ class Reactions extends Component {
 // 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
@@ -4644,10 +4537,10 @@ var SITE_COLOURS = ["#5e9efc",
 // Grapefruit
 "#536280" // Dusk
 ];
-var getSiteColour = index => {
+const getSiteColour = index => {
   return SITE_COLOURS[index % SITE_COLOURS.length];
 };
-var getAnalyticsFilterOptions = () => {
+const getAnalyticsFilterOptions = () => {
   return [{
     text: "Yesterday",
     dayCount: 1,
@@ -4695,7 +4588,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({
@@ -4736,8 +4629,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,
@@ -4908,7 +4801,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,
@@ -4917,7 +4810,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"),
@@ -4928,14 +4821,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 {
@@ -4948,8 +4841,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;
     }
@@ -4963,7 +4856,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 {
@@ -4976,7 +4869,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)
@@ -4994,7 +4887,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") {
@@ -5027,7 +4920,7 @@ class TimePicker extends Component {
     });
   }
   render() {
-    var {
+    const {
       disabled
     } = this.props;
     if (disabled) {
@@ -5249,12 +5142,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$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -5292,7 +5185,7 @@ class DropdownInput extends Component {
     return "off";
   }
   getClassNames() {
-    var string = "";
+    let string = "";
     if (this.props.className) {
       string += "".concat(this.props.className, " ");
     }
@@ -5311,7 +5204,7 @@ class DropdownInput extends Component {
     return string;
   }
   getLabelStyle() {
-    var style = {};
+    const style = {};
     if (_.isEmpty(this.props.value) && !this.props.alwaysShowLabel) {
       style.opacity = 0;
     }
@@ -5429,7 +5322,7 @@ class DropdownInput extends Component {
     });
   }
 }
-var styles = {
+const styles = {
   row: {
     display: "flex",
     flexDirection: "row",
@@ -5468,11 +5361,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);
     });
@@ -5488,14 +5381,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,
@@ -5503,7 +5396,7 @@ class AudienceSelector extends Component {
           Title: c.Title
         };
       });
-      var userTypeTags = types.map(t => {
+      const userTypeTags = types.map(t => {
         return {
           AudienceType: "UserType",
           AudienceTypeSelection: t.typeName,
@@ -5511,7 +5404,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,
@@ -5519,17 +5412,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);
@@ -5562,7 +5455,7 @@ class AudienceSelector extends Component {
     };
   }
   componentDidMount() {
-    var {
+    const {
       custom,
       disallowSingleUsers,
       allowTags
@@ -5572,7 +5465,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);
@@ -5588,7 +5481,7 @@ class AudienceSelector extends Component {
     return this.state.AudienceType;
   }
   getAudienceTypeSelection() {
-    var {
+    const {
       AudienceType,
       AudienceTagList,
       Category,
@@ -5625,7 +5518,7 @@ class AudienceSelector extends Component {
     }).catch(error => {});
   }
   setType(type, selection) {
-    var newState = {
+    const newState = {
       AudienceType: type
     };
     if (type === "Custom") newState.AudienceTagList = selection;
@@ -5645,7 +5538,7 @@ class AudienceSelector extends Component {
     setTimeout(this.onChangeSelection, 50);
   }
   getOptions() {
-    var options = [{
+    const options = [{
       Label: "All users",
       Value: "All",
       onChange: () => this.onChangeOption("All")
@@ -5687,7 +5580,7 @@ class AudienceSelector extends Component {
     return options;
   }
   validateAudienceSelection() {
-    var {
+    const {
       AudienceType,
       includeList
     } = this.state;
@@ -5707,7 +5600,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) {
@@ -5716,7 +5609,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) {
@@ -5733,14 +5626,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")) {
@@ -5751,25 +5644,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");
   }
@@ -5782,7 +5675,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) {
@@ -5822,30 +5715,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,
@@ -5865,7 +5758,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,
@@ -5953,10 +5846,10 @@ class AudienceSelector extends Component {
     }, "includes");
   }
   renderAssignedAudiences() {
-    var {
+    const {
       AudienceTagList
     } = this.state;
-    var {
+    const {
       maxWidth
     } = this.props;
     return /*#__PURE__*/jsxs("div", {
@@ -5979,10 +5872,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: {
@@ -6092,7 +5985,7 @@ class AudienceSelector extends Component {
     });
   }
 }
-var toExport = connect(null, {
+const toExport = connect(null, {
   setAuth
 }, null, {
   forwardRef: true
@@ -6217,14 +6110,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: () => {
@@ -6244,7 +6137,7 @@ class OptionsSection extends Component {
     }, o.key);
   }
   renderContent() {
-    var selectedOption = this.getSelectedOption();
+    const selectedOption = this.getSelectedOption();
     if (selectedOption && selectedOption.content) {
       return selectedOption.content;
     }
@@ -6311,7 +6204,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];
       });
@@ -6321,7 +6214,7 @@ class MakerPopup extends Component {
       return _objectSpread$1(_objectSpread$1({}, result), this.props.requestData);
     });
     _defineProperty(this, "compileRequestData", () => {
-      var result = {};
+      const result = {};
       if (!this.props.hideFormat) {
         result.format = this.state.selectedFormat;
       }
@@ -6345,7 +6238,7 @@ class MakerPopup extends Component {
       if (!this.isReadyToSubmit()) {
         return;
       }
-      var data = this.compileRequestData();
+      const data = this.compileRequestData();
       this.setState({
         submitting: true
       });
@@ -6547,12 +6440,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) {
@@ -6567,12 +6460,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
@@ -6580,7 +6473,7 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onToggleStartDateFilter", () => {
-      var {
+      const {
         filterDateStartVisible
       } = this.state;
       if (filterDateStartVisible) {
@@ -6594,7 +6487,7 @@ class ExportCsvPopup extends Component {
       }
     });
     _defineProperty(this, "onToggleEndDateFilter", () => {
-      var {
+      const {
         filterDateEndVisible
       } = this.state;
       if (filterDateEndVisible) {
@@ -6608,10 +6501,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"),
@@ -6620,10 +6513,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"),
@@ -6632,32 +6525,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", () => {
@@ -6693,7 +6586,7 @@ class ExportCsvPopup extends Component {
       });
     });
     _defineProperty(this, "renderContent", () => {
-      var {
+      const {
         saving,
         columns
       } = this.state;
@@ -6729,7 +6622,7 @@ class ExportCsvPopup extends Component {
         })
       });
     });
-    var state = {
+    const state = {
       columns: props.columns,
       selectedHeaders: props.columns.filter(c => c.key && c.selected),
       selectedSource: [],
@@ -6742,13 +6635,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, {
@@ -6787,11 +6680,11 @@ class ExportCsvPopup extends Component {
   }
 }
 
-var _excluded = ["id", "label", "help", "showError", "required"];
+const _excluded = ["id", "label", "help", "showError", "required"];
 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; }
 function InputGroup(_ref) {
-  var {
+  let {
       id,
       label,
       help,
@@ -6826,7 +6719,7 @@ class Tabs extends Component {
     };
   }
   getTabClass(tab) {
-    var classes = "tab";
+    let classes = "tab";
     if (this.props.selectedTab === tab.value) {
       classes += " tab-selected";
     }
@@ -6868,7 +6761,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
@@ -6876,13 +6769,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);
@@ -6906,7 +6799,7 @@ class ColourOptions extends Component {
   }
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
-      var {
+      const {
         value
       } = this.props;
       this.setState({
@@ -6916,11 +6809,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"
     }, {
@@ -6933,7 +6826,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: {
@@ -6947,11 +6840,11 @@ class ColourOptions extends Component {
     });
   }
   renderColourOptions() {
-    var {
+    const {
       selectedColour,
       selectedOption
     } = this.state;
-    var content;
+    let content;
     switch (selectedOption) {
       case "picker":
         content = /*#__PURE__*/jsx("div", {
@@ -7019,7 +6912,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,
@@ -7046,7 +6939,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
@@ -7060,7 +6953,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;
       }
@@ -7074,7 +6967,7 @@ class ColourPicker extends Component {
       });
     });
     _defineProperty(this, "onDone", () => {
-      var {
+      const {
         colourPickerOpen,
         selectedColour
       } = this.state;
@@ -7083,14 +6976,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;
@@ -7113,7 +7006,7 @@ class ColourPicker extends Component {
   }
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
-      var {
+      const {
         value
       } = this.props;
       this.setState({
@@ -7123,11 +7016,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"
     }, {
@@ -7140,7 +7033,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: {
@@ -7154,11 +7047,11 @@ class ColourPicker extends Component {
     });
   }
   renderColourOptions() {
-    var {
+    const {
       selectedColour,
       selectedOption
     } = this.state;
-    var content;
+    let content;
     switch (selectedOption) {
       case "picker":
         content = /*#__PURE__*/jsx("div", {
@@ -7226,7 +7119,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,
@@ -7239,11 +7132,11 @@ class ColourPicker extends Component {
     });
   }
   renderColourPopup() {
-    var {
+    const {
       colourPickerOpen
     } = this.state;
     if (!colourPickerOpen) return null;
-    var {
+    const {
       title
     } = this.props;
     return /*#__PURE__*/jsx(Popup, {
@@ -7271,12 +7164,12 @@ class ColourPicker extends Component {
     });
   }
   render() {
-    var {
+    const {
       colourCircleTop,
       colourCircleLeft,
       colour
     } = this.state;
-    var {
+    const {
       children,
       showHex
     } = this.props;
@@ -7312,10 +7205,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,
@@ -7333,8 +7226,8 @@ var BarLabel = _ref => {
     children: value
   });
 };
-var ComparisonStatBox = _ref2 => {
-  var {
+const ComparisonStatBox = _ref2 => {
+  let {
     title,
     data,
     prevText,
@@ -7343,19 +7236,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,
@@ -7454,8 +7347,8 @@ var ComparisonStatBox = _ref2 => {
   });
 };
 
-var StatBox = _ref => {
-  var {
+const StatBox = _ref => {
+  let {
     title,
     icon,
     value,
@@ -7464,7 +7357,7 @@ var StatBox = _ref => {
     viewGraphLink,
     isLoading
   } = _ref;
-  var change = (value / previousValue - 1) * 100;
+  let change = (value / previousValue - 1) * 100;
   if (isNaN(change)) {
     change = 0;
   }
@@ -7472,7 +7365,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", {