feat: Use feature flags across the routes (#10797)

app/javascript/dashboard/routes/dashboard/settings/agentBots/agentBot.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import Bot from './Index.vue';
 import CsmlEditBot from './csml/Edit.vue';
 import CsmlNewBot from './csml/New.vue';
@@ -23,6 +24,7 @@ export default {
           name: 'agent_bots',
           component: Bot,
           meta: {
+            featureFlag: FEATURE_FLAGS.AGENT_BOTS,
             permissions: ['administrator'],
           },
         },
@@ -31,6 +33,7 @@ export default {
           name: 'agent_bots_csml_new',
           component: CsmlNewBot,
           meta: {
+            featureFlag: FEATURE_FLAGS.AGENT_BOTS,
             permissions: ['administrator'],
           },
         },
@@ -39,6 +42,7 @@ export default {
           name: 'agent_bots_csml_edit',
           component: CsmlEditBot,
           meta: {
+            featureFlag: FEATURE_FLAGS.AGENT_BOTS,
             permissions: ['administrator'],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/agents/agent.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import SettingsWrapper from '../SettingsWrapper.vue';
 import AgentHome from './Index.vue';
@@ -19,6 +20,7 @@ export default {
           name: 'agent_list',
           component: AgentHome,
           meta: {
+            featureFlag: FEATURE_FLAGS.AGENT_MANAGEMENT,
             permissions: ['administrator'],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/attributes/attributes.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import SettingsWrapper from '../SettingsWrapper.vue';
 import AttributesHome from './Index.vue';
@@ -19,6 +20,7 @@ export default {
           name: 'attributes_list',
           component: AttributesHome,
           meta: {
+            featureFlag: FEATURE_FLAGS.CUSTOM_ATTRIBUTES,
             permissions: ['administrator'],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/auditlogs/audit.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 
 import SettingsWrapper from '../SettingsWrapper.vue';
@@ -19,6 +20,7 @@ export default {
           path: 'list',
           name: 'auditlogs_list',
           meta: {
+            featureFlag: FEATURE_FLAGS.AUDIT_LOGS,
             permissions: ['administrator'],
           },
           component: AuditLogsHome,

app/javascript/dashboard/routes/dashboard/settings/automation/automation.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import SettingsWrapper from '../SettingsWrapper.vue';
 import Automation from './Index.vue';
@@ -19,6 +20,7 @@ export default {
           name: 'automation_list',
           component: Automation,
           meta: {
+            featureFlag: FEATURE_FLAGS.AUTOMATIONS,
             permissions: ['administrator'],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/canned/canned.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import {
   ROLES,
@@ -22,6 +23,7 @@ export default {
           path: 'list',
           name: 'canned_list',
           meta: {
+            featureFlag: FEATURE_FLAGS.CANNED_RESPONSES,
             permissions: [...ROLES, ...CONVERSATION_PERMISSIONS],
           },
           component: CannedHome,

app/javascript/dashboard/routes/dashboard/settings/customRoles/customRole.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from 'dashboard/helper/URLHelper';
 
 import SettingsWrapper from '../SettingsWrapper.vue';
@@ -17,6 +18,7 @@ export default {
           path: 'list',
           name: 'custom_roles_list',
           meta: {
+            featureFlag: FEATURE_FLAGS.CUSTOM_ROLES,
             permissions: ['administrator'],
           },
           component: CustomRolesHome,

app/javascript/dashboard/routes/dashboard/settings/inbox/inbox.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import ChannelFactory from './ChannelFactory.vue';
 
@@ -27,6 +28,7 @@ export default {
           name: 'settings_inbox_list',
           component: InboxHome,
           meta: {
+            featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
             permissions: ['administrator'],
           },
         },
@@ -55,6 +57,7 @@ export default {
               name: 'settings_inbox_new',
               component: ChannelList,
               meta: {
+                featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
                 permissions: ['administrator'],
               },
             },
@@ -63,6 +66,7 @@ export default {
               name: 'settings_inbox_finish',
               component: FinishSetup,
               meta: {
+                featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
                 permissions: ['administrator'],
               },
             },
@@ -71,6 +75,7 @@ export default {
               name: 'settings_inboxes_page_channel',
               component: ChannelFactory,
               meta: {
+                featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
                 permissions: ['administrator'],
               },
               props: route => {
@@ -81,6 +86,7 @@ export default {
               path: ':inbox_id/agents',
               name: 'settings_inboxes_add_agents',
               meta: {
+                featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
                 permissions: ['administrator'],
               },
               component: AddAgents,
@@ -92,6 +98,7 @@ export default {
           name: 'settings_inbox_show',
           component: Settings,
           meta: {
+            featureFlag: FEATURE_FLAGS.INBOX_MANAGEMENT,
             permissions: ['administrator'],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 import SettingsWrapper from '../SettingsWrapper.vue';
 import IntegrationHooks from './IntegrationHooks.vue';
@@ -19,6 +20,7 @@ export default {
           name: 'settings_applications',
           component: Index,
           meta: {
+            featureFlag: FEATURE_FLAGS.INTEGRATIONS,
             permissions: ['administrator'],
           },
         },
@@ -27,6 +29,7 @@ export default {
           component: DashboardApps,
           name: 'settings_integrations_dashboard_apps',
           meta: {
+            featureFlag: FEATURE_FLAGS.INTEGRATIONS,
             permissions: ['administrator'],
           },
         },
@@ -35,6 +38,7 @@ export default {
           component: Webhook,
           name: 'settings_integrations_webhook',
           meta: {
+            featureFlag: FEATURE_FLAGS.INTEGRATIONS,
             permissions: ['administrator'],
           },
         },
@@ -62,6 +66,7 @@ export default {
           name: 'settings_integrations_slack',
           component: Slack,
           meta: {
+            featureFlag: FEATURE_FLAGS.INTEGRATIONS,
             permissions: ['administrator'],
           },
           props: route => ({ code: route.query.code }),
@@ -71,6 +76,7 @@ export default {
           name: 'settings_applications_integration',
           component: IntegrationHooks,
           meta: {
+            featureFlag: FEATURE_FLAGS.INTEGRATIONS,
             permissions: ['administrator'],
           },
           props: route => ({

app/javascript/dashboard/routes/dashboard/settings/labels/labels.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 
 import SettingsWrapper from '../SettingsWrapper.vue';
@@ -23,6 +24,7 @@ export default {
           path: 'list',
           name: 'labels_list',
           meta: {
+            featureFlag: FEATURE_FLAGS.LABELS,
             permissions: ['administrator'],
           },
           component: Index,

app/javascript/dashboard/routes/dashboard/settings/macros/macros.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from 'dashboard/helper/URLHelper';
 
 import {
@@ -20,6 +21,7 @@ export default {
           name: 'macros_wrapper',
           component: Macros,
           meta: {
+            featureFlag: FEATURE_FLAGS.MACROS,
             permissions: [...ROLES, ...CONVERSATION_PERMISSIONS],
           },
         },
@@ -41,6 +43,7 @@ export default {
           name: 'macros_edit',
           component: MacroEditor,
           meta: {
+            featureFlag: FEATURE_FLAGS.MACROS,
             permissions: [...ROLES, ...CONVERSATION_PERMISSIONS],
           },
         },
@@ -49,6 +52,7 @@ export default {
           name: 'macros_new',
           component: MacroEditor,
           meta: {
+            featureFlag: FEATURE_FLAGS.MACROS,
             permissions: [...ROLES, ...CONVERSATION_PERMISSIONS],
           },
         },

app/javascript/dashboard/routes/dashboard/settings/sla/sla.routes.js

@@ -1,3 +1,4 @@
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 import { frontendURL } from '../../../../helper/URLHelper';
 
 import SettingsWrapper from '../SettingsWrapper.vue';
@@ -14,6 +15,7 @@ export default {
           path: '',
           name: 'sla_wrapper',
           meta: {
+            featureFlag: FEATURE_FLAGS.SLA,
             permissions: ['administrator'],
           },
           redirect: to => {
@@ -24,6 +26,7 @@ export default {
           path: 'list',
           name: 'sla_list',
           meta: {
+            featureFlag: FEATURE_FLAGS.SLA,
             permissions: ['administrator'],
           },
           component: Index,

app/javascript/dashboard/routes/dashboard/settings/teams/teams.routes.js

@@ -1,5 +1,5 @@
 import { frontendURL } from '../../../../helper/URLHelper';
-import { FEATURE_FLAGS } from 'dashboard/featureFlags';
+import { FEATURE_FLAGS } from '../../../../featureFlags';
 
 import TeamsIndex from './Index.vue';
 import CreateStepWrap from './Create/Index.vue';