@plusscommunities/pluss-core-web 1.4.29 → 1.4.31

package/dist/index.esm.js

@@ -974,89 +974,6 @@ var readStorageWithCookie = function readStorageWithCookie(key, isJson) {
   return Cookies.get(key);
 };
 
-// import {
-//   baseUploadsUrl,
-//   baseLibraryUrl,
-//   defaultProfileImage,
-//   logo,
-//   baseStage,
-//   baseClient,
-//   contentSource,
-//   contentSourceSite,
-//   CONST_STRINGS,
-// } from '../config';
-// import { extensionFeatureInfo } from '../config/features';
-// export const arrayToObject = (array, key) => {
-//   array.reduce((obj, item) => {
-//     obj[item[key]] = item;
-//     return obj;
-//   }, {});
-// };
-// export const getLogo = (siteBranding) => {
-//   if (siteBranding && siteBranding.Logo) {
-//     return siteBranding.Logo;
-//   }
-//   return logo;
-// };
-// export const getUrlParams = () => {
-//   var vars = {};
-//   window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (m, key, value) {
-//     vars[key] = value;
-//   });
-//   return vars;
-// };
-// export const onlyAlphanumeric = (input) => {
-//   if (!input) {
-//     return input;
-//   }
-//   return input.replace(/[^a-z0-9]/gi, '');
-// };
-// export const isUrl = (url) => {
-//   const dotpos = url.lastIndexOf('.');
-//   if (dotpos < 2 || dotpos + 2 >= url.length) {
-//     return false;
-//   }
-//   return true;
-// };
-// export const generateImageName = (name) => {
-//   return `xxxxxxxx4xxxyxxxxxxxxxxxxx${name}`.replace(/[xy]/g, (c) => {
-//     // eslint-disable-next-line
-//     var r = (Math.random() * 16) | 0,
-//       v = c === 'x' ? r : (r & 0x3) | 0x8;
-//     return v.toString(16);
-//   });
-// };
-// export const capitalize = (string) => {
-//   if (_.isEmpty(string)) {
-//     return string;
-//   }
-//   return string.charAt(0).toUpperCase() + string.slice(1);
-// };
-// export const get300 = (url) => {
-//   if (!url) {
-//     return url;
-//   }
-//   if (url.indexOf('https://plussprdstorage.blob.core.windows.net/') !== -1) {
-//     return url.replace('https://plussprdstorage.blob.core.windows.net/', 'https://plusscdn.azureedge.net/');
-//   }
-//   if (url.indexOf('https://plusscdn.azureedge.net/') !== -1) {
-//     return url.replace('/uploads/', '/uploads300/').replace('/general/', '/general300/');
-//   }
-//   if (url.indexOf(baseUploadsUrl) !== -1 || url.indexOf(baseLibraryUrl) !== -1) {
-//     const extension = getExtension(url);
-//     let urlToUse = url;
-//     if (extension !== 'jpg') {
-//       urlToUse = `${url.substring(0, url.length - (extension.length + 1))}.jpg`;
-//     }
-//     return urlToUse.replace('/uploads/', '/300/');
-//   }
-//   return url;
-// };
-// export const getCompressed = (url) => {
-//   if (!url || typeof url !== 'string') return '';
-//   return url.replace('/uploads/', '/compressed/');
-// };
-
 var getTimepickerTime = function getTimepickerTime(input) {
   var timeSplit = input.split(':');
 
@@ -1146,613 +1063,18 @@ var getPluralOptions = function getPluralOptions(count, singular, plural) {
   }
 
   return plural;
-}; // export const getPercentage = (count, total) => {
-//   if (!count) {
-//     return '0%';
-//   }
-//   if (!total) {
-//     return '100%';
-//   }
-//   return `${Math.round((100 * count) / total)}%`;
-// };
-// export const getUserPreview = (user) => {
-//   return {
-//     displayName: user.displayName,
-//     id: user.Id,
-//     profilePic: user.profilePic || defaultProfileImage,
-//   };
-// };
-// export const usersToPreviews = (users) => {
-//   return _.map(users, getUserPreview);
-// };
-// export const getSiteNameFromRoles = (site, roles) => {
-//   return getSiteName(
-//     site,
-//     roles.map((r) => {
-//       return r.siteInfo;
-//     }),
-//   );
-// };
-// export const getSiteName = (site, sites) => {
-//   if (site === 'hq') {
-//     return 'HQ';
-//   }
-//   const siteObject = _.find(sites, (t) => {
-//     return t.Id === site;
-//   });
-//   if (siteObject) {
-//     return siteObject.siteName;
-//   }
-//   return site;
-// };
-// export const formatCurrency = (number, locale = 'en-AU', curencyCode = 'AUD', shouldFix = false) => {
-//   const formatter = Intl.NumberFormat(locale, { style: 'currency', currency: curencyCode, minimumFractionDigits: 2 });
-//   let formattedNumber = number;
-//   if (shouldFix && formatter.format(formattedNumber).indexOf('NaN') > -1) {
-//     formattedNumber = number.replace(/[^\d.-]/g, '');
-//   }
-//   return formatter.format(formattedNumber);
-// };
-// export const currencyToFloat = (number) => {
-//   let result = parseFloat(number);
-//   if (isNaN(result)) {
-//     result = parseFloat(number.replace(/[^\d.-]/g, ''));
-//     if (isNaN(result)) {
-//       result = 0;
-//     }
-//   }
-//   return result;
-// };
-// export const getCurrencySymbol = () => {
-//   return formatCurrency(0).replace(/[0-9.]+/g, '');
-// };
-// export const isCurrency = (text) => {
-//   if (!text) return false;
-//   const price = parseFloat(typeof text === 'string' ? text.replace(getCurrencySymbol(), '') : text, 10);
-//   return _.isNumber(price) && !Number.isNaN(price) ? price : false;
-// };
-// export const isPaidItem = (enabled, tickets) => {
-//   // console.log('isPaidItem', enabled, tickets);
-//   return (
-//     enabled &&
-//     tickets &&
-//     tickets.merchant &&
-//     tickets.categories &&
-//     tickets.categories.length > 0 &&
-//     tickets.categories.every((t) => !t.price || _.isNumber(t.price))
-//   );
-// };
-// export const getTotalQuantity = (tickets) => _.sumBy(tickets, (t) => t.quantity || 0);
-// export const getTotalPrice = (tickets) => _.sumBy(tickets, (t) => t.price * (t.quantity || 0));
-// export const parseTickets = (tickets, merchant) => {
-//   if (Array.isArray(tickets)) return { merchant, categories: tickets };
-//   if (tickets && typeof tickets === 'object') return tickets;
-//   return { merchant, categories: [{ category: 'Default', price: tickets }] };
-// };
-// export const compileTickets = (tickets, merchant) => {
-//   const newTickets = _.cloneDeep(tickets);
-//   newTickets.merchant = merchant;
-//   newTickets.categories = newTickets.categories.map((ticket) => {
-//     ticket.price = isCurrency(ticket.price);
-//     return ticket;
-//   });
-//   return newTickets;
-// };
-// export const getTicketPriceText = (ticket) => {
-//   return typeof ticket.price === 'string' ? ticket.price : formatCurrency(ticket.price);
-// };
-// export const isTicketCategoryValid = (ticket, ticketDetail) => {
-//   return !_.isEmpty(ticket.category) && ticketDetail.categories.filter((t) => t.category === ticket.category).length === 1;
-// };
-// export const isTicketPriceValid = (ticket) => {
-//   return ticket.price && isCurrency(ticket.price) !== false;
-// };
-// export const isTicketsValid = (tickets) => {
-//   if (tickets && tickets.categories && tickets.categories.length > 0) {
-//     return tickets.categories.every((ticket) => isTicketCategoryValid(ticket, tickets) && isTicketPriceValid(ticket));
-//   }
-//   return true;
-// };
-// export const getFee = (feeInfo, amount) => {
-//   if (!feeInfo.fee) return 0;
-//   return feeInfo.isPercentage ? (feeInfo.fee / 100) * amount : feeInfo.fee;
-// };
-// export const isRefund = (transaction) => transaction.TransactionType === 'REFUND';
-// export const combineTickets = (ticketsArray, diff = false) => {
-//   if (_.isNil(ticketsArray) || ticketsArray.length === 0) return [];
-//   const combined = ticketsArray.reduce((a, c) => {
-//     if (_.isNil(a) || a.length === 0) return c;
-//     const summed = a.map((cat) => {
-//       const cloned = _.clone(cat);
-//       const match = c.find((i) => i.category === cloned.category);
-//       cloned.quantity = (diff ? -1 : 1) * (cloned.quantity || 0) + (match ? match.quantity || 0 : 0);
-//       return cloned;
-//     });
-//     return summed;
-//   });
-//   return combined;
-// };
-// export const combineTransactions = (transactionsArray) => {
-//   if (_.isNil(transactionsArray) || transactionsArray.length === 0) return null;
-//   const combined = _.orderBy(transactionsArray, 'UnixTimestamp', 'desc').reduce((a, c) => {
-//     // console.log('transaction a', a.TransactionType, a.TransactionId, a.Amount, a.Fee.amount);
-//     // console.log('transaction c', c.TransactionType, c.TransactionId, c.Amount, c.Fee.amount);
-//     const cloned = _.cloneDeep(c);
-//     cloned.Amount = cloned.Amount + a.Amount;
-//     cloned.Fee.amount = cloned.Fee.amount + a.Fee.amount;
-//     cloned.Item.categories = combineTickets([cloned.Item.categories, a.Item.categories]);
-//     return cloned;
-//   });
-//   // console.log('combined', combined.TransactionType, combined.TransactionId, combined.Amount, combined.Fee.amount);
-//   return combined;
-// };
-// export const consolidateTransactions = (transactionsArray) => {
-//   const transactions = transactionsArray
-//     .filter((pt) => pt.TransactionType === 'PAYMENT')
-//     .map((p) => {
-//       // Combine with all refunds for the transaction
-//       const refunds = transactionsArray.filter((rt) => rt.TransactionType === 'REFUND' && rt.TransactionId === p.TransactionId);
-//       return combineTransactions([...refunds, p]);
-//     })
-//     .filter((p) => getTotalQuantity(p.Item.categories) > 0);
-//   return transactions;
-// };
-// export const isKiosk = (type) => {
-//   return type === 'KIOSK' || type === 'FORMKIOSK' || type === 'SIGNINKIOSK';
-// };
-// export const isContentSource = (site) => {
-//   if (`${baseClient}-${baseStage}` !== contentSource) {
-//     return false;
-//   }
-//   return site === contentSourceSite;
-// };
-// export const formatDuration = (msDuration) => {
-//   const diff = moment.duration(msDuration);
-//   let result = '';
-//   const days = Math.floor(diff.asDays());
-//   if (days > 0) {
-//     result += `${days} day${getPluralS(days)} `;
-//     diff.add(-days, 'd');
-//   }
-//   const hours = Math.floor(diff.asHours());
-//   if (hours > 0) {
-//     result += `${hours} hour${getPluralS(hours)} `;
-//     diff.add(-hours, 'h');
-//   }
-//   const minutes = Math.floor(diff.asMinutes());
-//   if (minutes > 0) {
-//     result += `${minutes} minute${getPluralS(minutes)} `;
-//     diff.add(-minutes, 'm');
-//   }
-//   if (_.isEmpty(result)) {
-//     return 'Less than a minute';
-//   }
-//   return result.trim();
-// };
-// export const clearLocalStorage = (key) => {
-//   window.localStorage.removeItem(key);
-//   Cookies.remove(key);
-// };
-// export const TIMESTAMPFORMAT = 'D MMM YYYY h:mma';
-// export const featureInfo = [
-//   ...extensionFeatureInfo,
-//   {
-//     key: 'dashboard',
-//     order: 1,
-//     text: 'Dashboard',
-//     icon: 'dashboard',
-//     isFontAwesome: false,
-//     url: '/mastermenu',
-//     countProps: null,
-//     visibleExps: null,
-//   },
-//   {
-//     key: 'events',
-//     order: 2,
-//     text: 'Events',
-//     icon: 'event',
-//     isFontAwesome: false,
-//     url: '/events',
-//     addUrl: '/events/event',
-//     addPermission: 'events',
-//     singularName: 'event',
-//     countProps: ['eventSubmissions', 'length'],
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'events' },
-//         {
-//           type: 'or',
-//           exps: [
-//             { type: 'permission', value: 'events' },
-//             { type: 'permission', value: 'eventAttendance' },
-//             { type: 'permission', value: 'eventSubmit' },
-//           ],
-//         },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'news',
-//     order: 3,
-//     text: 'News',
-//     icon: 'news',
-//     isFontAwesome: false,
-//     url: '/news',
-//     addUrl: '/news/article',
-//     addPermission: 'newsletter',
-//     singularName: 'news',
-//     countProps: ['newsSubmissions', 'length'],
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'news' },
-//         {
-//           type: 'or',
-//           exps: [
-//             { type: 'permission', value: 'newsletter' },
-//             { type: 'permission', value: 'newsletterSubmit' },
-//           ],
-//         },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'alerts',
-//     order: 4,
-//     text: 'Alerts',
-//     icon: 'exclamation-triangle',
-//     isFontAwesome: true,
-//     url: '/alerts',
-//     addUrl: '/alerts/addalert',
-//     addPermission: 'alerts',
-//     singularName: 'alert',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'alerts' },
-//         { type: 'permission', value: 'alerts' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'users',
-//     order: 5,
-//     text: 'Users',
-//     icon: 'people',
-//     isFontAwesome: false,
-//     url: '/usershub',
-//     addUrl: '/usershub/adduser',
-//     addPermission: 'userManagement',
-//     singularName: 'user',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'users' },
-//         { type: 'permission', value: 'userManagement' },
-//         { type: 'state', value: 'adminOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'gallery',
-//     order: 6,
-//     text: 'Gallery',
-//     icon: 'picture-o',
-//     isFontAwesome: true,
-//     url: '/imageLibrary',
-//     addPermission: 'addToPublishingImageLibrary',
-//     singularName: 'gallery image',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'gallery' },
-//         { type: 'permission', value: 'addToPublishingImageLibrary' },
-//         { type: 'state', value: 'adminOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'services',
-//     order: 7,
-//     text: 'Services',
-//     icon: 'stethoscope',
-//     isFontAwesome: true,
-//     url: '/services',
-//     addUrl: '/services/service',
-//     addPermission: 'services',
-//     singularName: 'service',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'services' },
-//         { type: 'permission', value: 'services' },
-//         { type: 'state', value: 'adminOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'sponsors',
-//     order: 8,
-//     text: 'Sponsors',
-//     icon: 'star-o',
-//     isFontAwesome: true,
-//     url: '/sponsors',
-//     addUrl: '/sponsors/sponsor',
-//     addPermission: 'services',
-//     singularName: 'sponsor',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'services' },
-//         { type: 'permission', value: 'services' },
-//         { type: 'state', value: 'adminOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'info',
-//     order: 9,
-//     text: 'Information',
-//     icon: 'info',
-//     isFontAwesome: false,
-//     url: '/info',
-//     addUrl: '/info/infopage',
-//     addPermission: 'infoPages',
-//     singularName: CONST_STRINGS.FAQ_ENTRY,
-//     countProps: null,
-//     visibleExps: {
-//       type: 'or',
-//       exps: [
-//         {
-//           type: 'and',
-//           exps: [
-//             { type: 'feature', value: 'importantContacts' },
-//             { type: 'permission', value: 'importantContacts' },
-//           ],
-//         },
-//         {
-//           type: 'and',
-//           exps: [
-//             { type: 'feature', value: 'maps' },
-//             { type: 'permission', value: 'maps' },
-//           ],
-//         },
-//         {
-//           type: 'and',
-//           exps: [
-//             { type: 'feature', value: 'infoPages' },
-//             { type: 'permission', value: 'infoPages' },
-//           ],
-//         },
-//         {
-//           type: 'and',
-//           exps: [
-//             { type: 'feature', value: 'news' },
-//             { type: 'permission', value: 'welcomePages' },
-//           ],
-//         },
-//         { type: 'permission', value: 'terms' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'surveys',
-//     order: 11,
-//     text: 'Surveys',
-//     icon: 'pie-chart',
-//     isFontAwesome: true,
-//     url: '/polls',
-//     addUrl: '/polls/poll',
-//     addPermission: 'polls',
-//     singularName: 'survey',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'surveys' },
-//         { type: 'permission', value: 'polls' },
-//         { type: 'state', value: 'conciergeOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'facilities',
-//     order: 12,
-//     text: CONST_STRINGS.FACILITIES,
-//     icon: 'facility',
-//     isFontAwesome: false,
-//     url: '/facilities',
-//     addUrl: '/facilities/facility',
-//     addPermission: 'facilities',
-//     singularName: 'facility',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'facilities' },
-//         { type: 'permission', value: 'facilities' },
-//         { type: 'state', value: 'conciergeOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'offers',
-//     order: 13,
-//     text: 'Offers',
-//     icon: 'shopping-bag',
-//     isFontAwesome: true,
-//     url: '/offers',
-//     addUrl: '/offers/offer',
-//     addPermission: 'offers',
-//     singularName: 'offer',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'offers' },
-//         { type: 'permission', value: 'offers' },
-//         { type: 'state', value: 'conciergeOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'signin',
-//     order: 14,
-//     text: 'Sign Ins',
-//     icon: 'signin',
-//     isFontAwesome: false,
-//     url: '/signinHub',
-//     addUrl: null,
-//     addPermission: 'visitors',
-//     singularName: 'visitor',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'visitors' },
-//         { type: 'permission', value: 'visitors' },
-//         { type: 'state', value: 'conciergeOpen' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'food',
-//     order: 15,
-//     text: 'Restaurant Manager',
-//     icon: 'cutlery',
-//     isFontAwesome: true,
-//     url: '/food',
-//     addUrl: null,
-//     addPermission: 'food',
-//     singularName: 'dish',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'feature', value: 'food' },
-//         { type: 'permission', value: 'food' },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'payment',
-//     order: 16,
-//     text: 'Payment',
-//     icon: 'usd',
-//     isFontAwesome: true,
-//     url: '/payment',
-//     addUrl: null,
-//     addPermission: null,
-//     singularName: 'payment',
-//     countProps: null,
-//     visibleExps: {
-//       type: 'and',
-//       exps: [
-//         { type: 'props', value: 'paymentEnabled' },
-//         {
-//           type: 'or',
-//           exps: [
-//             { type: 'feature', value: 'managePayments' },
-//             { type: 'permission', value: 'viewPayments' },
-//           ],
-//         },
-//       ],
-//     },
-//   },
-//   {
-//     key: 'automation',
-//     order: 17,
-//     text: 'Automation',
-//     icon: 'bolt',
-//     isFontAwesome: true,
-//     url: '/automationHub',
-//     addUrl: null,
-//     addPermission: null,
-//     singularName: 'automation',
-//     countProps: null,
-//     visibleExps: { type: 'master', value: true },
-//   },
-// ];
-// export const getFeatureInfo = (type) => {
-//   switch (type) {
-//     case 'maps':
-//       return {
-//         key: 'maps',
-//         icon: 'map',
-//         isFontAwesome: true,
-//         url: '/info',
-//         addUrl: '/info/map',
-//         addPermission: 'maps',
-//         singularName: 'map',
-//       };
-//     case 'importantContacts':
-//       return {
-//         key: 'importantContacts',
-//         icon: 'address-card-o',
-//         isFontAwesome: true,
-//         url: '/info',
-//         addUrl: '/info/importantcontact',
-//         addPermission: 'importantContacts',
-//         singularName: 'contact',
-//       };
-//     case 'info':
-//     case 'infoPages':
-//       return featureInfo.find((n) => n.key === 'info');
-//     default:
-//       const info = featureInfo.find((n) => n.key === type);
-//       return info || { key: type, icon: type };
-//   }
-// };
+};
 
 var setChatUser = function setChatUser(auth) {
-  if (!window.tidioChatApi || !window.tidioChatApi.setVisitorData) {
-    setTimeout(function () {
-      setChatUser(auth);
-    }, 1000);
-    return;
-  }
+  return;
+}; // deprecated
 
-  if (!auth.user) {
-    return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-      name: undefined,
-      email: undefined,
-      phone: undefined,
-      site: undefined,
-      company: CoreConfig.env.clientName,
-      distinct_id: undefined
-    });
-  }
-
-  return window.tidioChatApi && window.tidioChatApi.setVisitorData({
-    name: "".concat(auth.user.displayName, " - ").concat(CoreConfig.env.clientName, " ").concat(auth.site),
-    email: auth.user.email,
-    phone: auth.user.phoneNumber,
-    site: auth.site,
-    userType: auth.auth,
-    company: CoreConfig.env.clientName,
-    distinct_id: auth.user.Id
-  });
-};
 var openChat = function openChat() {
-  window.tidioChatApi.display(true);
-  window.tidioChatApi.open();
-};
+  return;
+}; // deprecated
+
 var hideChat = function hideChat() {
-  if (window.tidioChatApi && window.tidioChatApi.display) {
-    setTimeout(function () {
-      window.tidioChatApi.display(false);
-    }, 1000);
-  } else {
-    setTimeout(function () {
-      hideChat();
-    }, 1000);
-  }
+  return;
 };
 
 // api
@@ -6340,6 +5662,29 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
     _classCallCheck(this, HubSidebar);
 
     _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "renderHelpGuide", function () {
+      if (!_this.props.helpGuide) return null;
+      var _this$props$helpGuide = _this.props.helpGuide,
+          text = _this$props$helpGuide.text,
+          url = _this$props$helpGuide.url;
+
+      var onHelpGuidePress = function onHelpGuidePress() {
+        if (!url) return;
+        window.open(url, '_blank');
+      };
+
+      return /*#__PURE__*/React.createElement("div", {
+        className: "hubSidebar_helpGuideContainer"
+      }, /*#__PURE__*/React.createElement(Button, {
+        buttonType: "outlined",
+        isActive: true,
+        leftIcon: "info-circle",
+        narrow: true,
+        onClick: onHelpGuidePress
+      }, text || 'Help Guide'));
+    });
+
     _this.state = {
       showSidebar: false
     };
@@ -6444,7 +5789,7 @@ var HubSidebar = /*#__PURE__*/function (_PureComponent) {
         className: "hubSidebar_content"
       }, this.props.sections.map(function (section, i) {
         return _this4.renderSection(section, i);
-      })));
+      })), this.renderHelpGuide());
     }
   }]);
 
@@ -7439,11 +6784,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
             onDrop: function onDrop(files) {
               return _this6.onDrop(files, true);
             }
-          }, function (_ref8) {
-            var getRootProps = _ref8.getRootProps;
+          }, function (state) {
+            var getRootProps = state.getRootProps,
+                getInputProps = state.getInputProps;
             return /*#__PURE__*/React.createElement("div", _extends({
               className: "imageInput_buttonContainer-simple"
-            }, getRootProps()), /*#__PURE__*/React.createElement(Button, {
+            }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement(Button, {
               buttonType: "secondary",
               className: "imageInput_button imageInput_button-simple",
               disabled: true
@@ -7491,13 +6837,14 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         disabled: this.props.disabled,
         accept: this.getAccept(),
         onDrop: this.onDrop
-      }, function (_ref9) {
-        var getRootProps = _ref9.getRootProps,
-            isDragActive = _ref9.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React.createElement("div", _extends({
           style: _objectSpread$a({}, _this6.props.style),
           className: "imageInput_upload ".concat(_this6.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React.createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("div", {
           className: "".concat(isDragActive ? 'imageInput_dropZoneActive' : '', " ").concat(_this6.props.horizontalText ? ' imageInput_horizontalText' : '')
         }, !_this6.props.simpleStyle && /*#__PURE__*/React.createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7741,15 +7088,16 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this12.onDrop(files, true);
         }
-      }, function (_ref10) {
-        var getRootProps = _ref10.getRootProps,
-            isDragActive = _ref10.isDragActive;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps,
+            isDragActive = state.isDragActive;
         return /*#__PURE__*/React.createElement("div", _extends({
           style: {
             padding: '15px'
           },
           className: "imageInput_upload folder ".concat(_this12.getErrorState())
-        }, getRootProps()), /*#__PURE__*/React.createElement("div", {
+        }, getRootProps()), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement("div", {
           className: isDragActive ? 'imageInput_dropZoneActive' : ''
         }, /*#__PURE__*/React.createElement("img", {
           src: "https://s3-ap-southeast-2.amazonaws.com/pluss60-dev-media/pluss/document.svg",
@@ -7843,11 +7191,12 @@ var ImageInputComponent = /*#__PURE__*/function (_Component) {
         onDrop: function onDrop(files) {
           return _this15.onDrop(files, true);
         }
-      }, function (_ref11) {
-        var getRootProps = _ref11.getRootProps;
+      }, function (state) {
+        var getRootProps = state.getRootProps,
+            getInputProps = state.getInputProps;
         return /*#__PURE__*/React.createElement("div", _extends({}, getRootProps(), {
           className: "imageInputRight_button"
-        }), /*#__PURE__*/React.createElement(FontAwesome, {
+        }), /*#__PURE__*/React.createElement("input", getInputProps()), /*#__PURE__*/React.createElement(FontAwesome, {
           className: "imageInputRight_button_icon",
           name: "plus-circle"
         }), /*#__PURE__*/React.createElement("p", {
@@ -11838,6 +11187,27 @@ var index = /*#__PURE__*/Object.freeze({
   Tabs: Tabs
 });
 
+var HelpGuide = {
+  Dashboard: 'https://www.notion.so/plusscommunities/Getting-Started-on-Community-Manager-09fb060d6c9a4448ad3764fdb737a243?pvs=4#e020858ed894461b83d307367ba4c299',
+  FeaturePicker: 'https://www.notion.so/plusscommunities/Getting-Started-on-Community-Manager-09fb060d6c9a4448ad3764fdb737a243?pvs=4#dce59fe82dae4f049ce1503c41a54d44',
+  News: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#2776fdb4ed5149cca48e6be792dec32b',
+  Events: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#b83768f31d57404499f5cff0f54905da',
+  Alerts: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#9a19c903ad4a41c2bb557de1922802c5',
+  Gallery: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#7abde97ce18b42df9bacb2b1dad352aa',
+  Groups: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#a944987e875e4d1796086912960036e2',
+  Maintenance: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#6aa1966fe9bd4e26a57d1116566d0f33',
+  Facilities: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#57f0eb8a09a14196b456a081778eb0ae',
+  Services: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#894364ba645446e98c7213d28c032cfa',
+  Offers: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#af0a26b5a04243bb92a68d712e661870',
+  Survey: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#6467564cea4c4ea893b69cf54e1fe4ed',
+  Information: 'https://www.notion.so/plusscommunities/Using-the-Features-234e8e4959c24d4f917dfa4982115cc9?pvs=4#3c83b4aa82564e31b15a2c8a6d4b416a',
+  Users: 'https://plusscommunities.notion.site/Managing-Your-Users-3a29335153344eaa9aef6314141f4adc',
+  Payment: 'https://plusscommunities.notion.site/Setting-up-Your-Payment-Gateway-32443cffd7ce400db6ff5abed780e700'
+};
+var Urls = {
+  HelpGuide: HelpGuide
+};
+
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -11905,4 +11275,4 @@ var Reducers = {
   scheduledActions: ScheduledActionsReducer
 };
 
-export { index$1 as Actions, analytics as Analytics, index$2 as Apis, colours as Colours, index as Components, CoreConfig as Config, index$3 as Helper, Reducers, session as Session };
+export { index$1 as Actions, analytics as Analytics, index$2 as Apis, colours as Colours, index as Components, CoreConfig as Config, index$3 as Helper, Reducers, session as Session, Urls };