chore: Enable Help Center on Sidebar (#5435)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/components/layout/Sidebar.vue

@@ -80,6 +80,7 @@ export default {
       inboxes: 'inboxes/getInboxes',
       accountId: 'getCurrentAccountId',
       currentRole: 'getCurrentRole',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
       labels: 'labels/getLabelsOnSidebar',
       teams: 'teams/getMyTeams',
     }),
@@ -108,9 +109,15 @@ export default {
     },
     primaryMenuItems() {
       const menuItems = this.sideMenuConfig.primaryMenu;
-      return menuItems.filter(menuItem =>
-        menuItem.roles.includes(this.currentRole)
-      );
+      return menuItems.filter(menuItem => {
+        if (menuItem.featureFlag) {
+          return this.isFeatureEnabledonAccount(
+            this.accountId,
+            menuItem.featureFlag
+          );
+        }
+        return menuItem.roles.includes(this.currentRole);
+      });
     },
     activeSecondaryMenu() {
       const { secondaryMenu } = this.sideMenuConfig;

app/javascript/dashboard/components/layout/config/sidebarItems/primaryMenu.js

@@ -33,6 +33,15 @@ const primaryMenuItems = accountId => [
     toStateName: 'settings_account_campaigns',
     roles: ['administrator'],
   },
+  {
+    icon: 'library',
+    key: 'helpcenter',
+    label: 'HELP_CENTER.TITLE',
+    featureFlag: 'help_center',
+    toState: frontendURL(`accounts/${accountId}/portals`),
+    toStateName: 'list_all_portals',
+    roles: ['administrator'],
+  },
   {
     icon: 'settings',
     key: 'settings',

app/javascript/dashboard/i18n/locale/en/settings.json

@@ -193,6 +193,7 @@
     "REPORTS_OVERVIEW": "Overview",
     "FACEBOOK_REAUTHORIZE": "Your Facebook connection has expired, please reconnect your Facebook page to continue services",
     "HELP_CENTER": {
+      "TITLE": "Help Center (Beta)",
       "ALL_ARTICLES": "All Articles",
       "MY_ARTICLES": "My Articles",
       "DRAFT": "Draft",

app/javascript/dashboard/store/modules/accounts.js

@@ -21,6 +21,11 @@ export const getters = {
   getUIFlags($state) {
     return $state.uiFlags;
   },
+  isFeatureEnabledonAccount: $state => (id, featureName) => {
+    const { features = {} } =
+      $state.records.find(record => record.id === Number(id)) || {};
+    return features[featureName] || false;
+  },
 };
 
 export const actions = {