@plusscommunities/pluss-core-web 1.4.28 → 1.4.30

package/dist/index.umd.js

@@ -972,89 +972,6 @@
     return Cookies__default['default'].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(':');
 
@@ -1144,569 +1061,7 @@
     }
 
     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) {
@@ -6338,6 +5693,29 @@
       _classCallCheck__default['default'](this, HubSidebar);
 
       _this = _super.call(this, props);
+
+      _defineProperty__default['default'](_assertThisInitialized__default['default'](_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__default['default'].createElement("div", {
+          className: "hubSidebar_helpGuideContainer"
+        }, /*#__PURE__*/React__default['default'].createElement(Button, {
+          buttonType: "outlined",
+          isActive: true,
+          leftIcon: "info-circle",
+          narrow: true,
+          onClick: onHelpGuidePress
+        }, text || 'Help Guide'));
+      });
+
       _this.state = {
         showSidebar: false
       };
@@ -6442,7 +5820,7 @@
           className: "hubSidebar_content"
         }, this.props.sections.map(function (section, i) {
           return _this4.renderSection(section, i);
-        })));
+        })), this.renderHelpGuide());
       }
     }]);
 
@@ -6554,7 +5932,10 @@
             buttonStyle: b.buttonStyle,
             className: b.className,
             onClick: b.onClick,
-            isActive: b.isActive
+            isActive: b.isActive,
+            leftIcon: b.leftIcon,
+            leftIconType: b.leftIconType,
+            leftIconColour: b.leftIconColour
           }, b.loading ? /*#__PURE__*/React__default['default'].createElement(FontAwesome__default['default'], {
             name: "spinner fa-pulse fa-fw"
           }) : b.text);
@@ -11833,6 +11214,27 @@
     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__default['default'](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; }
@@ -11909,6 +11311,7 @@
   exports.Helper = index$3;
   exports.Reducers = Reducers;
   exports.Session = session;
+  exports.Urls = Urls;
 
   Object.defineProperty(exports, '__esModule', { value: true });