feat - Add filter for reports by agent, label and inboxes (#3084)

* Adds filter for agents, labels and inboxes * Added Inboxes Reports Feature * Fixed populating of filter dropdown issue * If applied, fixes code climate style-lint warnings * Fixes codeclimate warnings * if applied, Refactors sidebar file to fix codclimate warnings * if applied, fixes the download reports button for filtered report-data * If applied, replaces native img tag with thumbnail component * If applied, replaces hardcoded color string with variable * If applied, adds a11y labels to multiselect dropdowns * If applied, Renames reports methods to generic names * If applied, Adds test cases for Labels and Inboxes * If applied, write a test spec for fileDownload helper * if applied, Moves fileDownload method to a utils folder * If applied, Fixes the report file name type * Test Spec for Reports Store module * Fix specs - add restoreAllMocks Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com> Co-authored-by: Pranav Raj S <pranav@chatwoot.com>
2021-09-30 13:13:45 +05:30
parent 57abdc4d5f
commit a1563917ba
21 changed files with 1215 additions and 283 deletions
--- a/app/javascript/dashboard/i18n/default-sidebar.js
+++ b/app/javascript/dashboard/i18n/default-sidebar.js
@@ -1,245 +1,13 @@
-import { frontendURL } from '../helper/URLHelper';
+import common from './sidebarItems/common';
+import contacts from './sidebarItems/contacts';
+import reports from './sidebarItems/reports';
+import campaigns from './sidebarItems/campaigns';
+import settings from './sidebarItems/settings';

 export const getSidebarItems = accountId => ({
-  common: {
-    routes: [
-      'home',
-      'inbox_dashboard',
-      'inbox_conversation',
-      'conversation_through_inbox',
-      'notifications_dashboard',
-      'profile_settings',
-      'profile_settings_index',
-      'label_conversations',
-      'conversations_through_label',
-      'team_conversations',
-      'conversations_through_team',
-      'notifications_index',
-    ],
-    menuItems: {
-      assignedToMe: {
-        icon: 'ion-chatbox-working',
-        label: 'CONVERSATIONS',
-        hasSubMenu: false,
-        key: '',
-        toState: frontendURL(`accounts/${accountId}/dashboard`),
-        toolTip: 'Conversation from all subscribed inboxes',
-        toStateName: 'home',
-      },
-      contacts: {
-        icon: 'ion-person',
-        label: 'CONTACTS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/contacts`),
-        toStateName: 'contacts_dashboard',
-      },
-      notifications: {
-        icon: 'ion-ios-bell',
-        label: 'NOTIFICATIONS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/notifications`),
-        toStateName: 'notifications_dashboard',
-      },
-      report: {
-        icon: 'ion-arrow-graph-up-right',
-        label: 'REPORTS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/reports`),
-        toStateName: 'settings_account_reports',
-      },
-      campaigns: {
-        icon: 'ion-speakerphone',
-        label: 'CAMPAIGNS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/campaigns`),
-        toStateName: 'settings_account_campaigns',
-      },
-      settings: {
-        icon: 'ion-settings',
-        label: 'SETTINGS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings`),
-        toStateName: 'settings_home',
-      },
-    },
-  },
-  contacts: {
-    routes: [
-      'contacts_dashboard',
-      'contacts_dashboard_manage',
-      'contacts_labels_dashboard',
-    ],
-    menuItems: {
-      back: {
-        icon: 'ion-ios-arrow-back',
-        label: 'HOME',
-        hasSubMenu: false,
-        toStateName: 'home',
-        toState: frontendURL(`accounts/${accountId}/dashboard`),
-      },
-      contacts: {
-        icon: 'ion-person',
-        label: 'ALL_CONTACTS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/contacts`),
-        toStateName: 'contacts_dashboard',
-      },
-    },
-  },
-  reports: {
-    routes: ['settings_account_reports', 'csat_reports'],
-    menuItems: {
-      back: {
-        icon: 'ion-ios-arrow-back',
-        label: 'HOME',
-        hasSubMenu: false,
-        toStateName: 'home',
-        toState: frontendURL(`accounts/${accountId}/dashboard`),
-      },
-      reportOverview: {
-        icon: 'ion-arrow-graph-up-right',
-        label: 'REPORTS_OVERVIEW',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/reports/overview`),
-        toStateName: 'settings_account_reports',
-      },
-      csatReports: {
-        icon: 'ion-happy',
-        label: 'CSAT',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/reports/csat`),
-        toStateName: 'csat_reports',
-      },
-    },
-  },
-  campaigns: {
-    routes: ['settings_account_campaigns', 'one_off'],
-    menuItems: {
-      back: {
-        icon: 'ion-ios-arrow-back',
-        label: 'HOME',
-        hasSubMenu: false,
-        toStateName: 'home',
-        toState: frontendURL(`accounts/${accountId}/dashboard`),
-      },
-      ongoingCampaigns: {
-        icon: 'ion-arrow-swap',
-        label: 'ONGOING',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/campaigns/ongoing`),
-        toStateName: 'settings_account_campaigns',
-      },
-      onOffCampaigns: {
-        icon: 'ion-radio-waves',
-        label: 'ONE_OFF',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/campaigns/one_off`),
-        toStateName: 'one_off',
-      },
-    },
-  },
-  settings: {
-    routes: [
-      'agent_list',
-      'canned_list',
-      'labels_list',
-      'settings_inbox',
-      'attributes_list',
-      'settings_inbox_new',
-      'settings_inbox_list',
-      'settings_inbox_show',
-      'settings_inboxes_page_channel',
-      'settings_inboxes_add_agents',
-      'settings_inbox_finish',
-      'settings_integrations',
-      'settings_integrations_webhook',
-      'settings_integrations_integration',
-      'settings_applications',
-      'settings_applications_webhook',
-      'settings_applications_integration',
-      'general_settings',
-      'general_settings_index',
-      'settings_teams_list',
-      'settings_teams_new',
-      'settings_teams_add_agents',
-      'settings_teams_finish',
-      'settings_teams_edit',
-      'settings_teams_edit_members',
-      'settings_teams_edit_finish',
-    ],
-    menuItems: {
-      back: {
-        icon: 'ion-ios-arrow-back',
-        label: 'HOME',
-        hasSubMenu: false,
-        toStateName: 'home',
-        toState: frontendURL(`accounts/${accountId}/dashboard`),
-      },
-      agents: {
-        icon: 'ion-person-stalker',
-        label: 'AGENTS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/agents/list`),
-        toStateName: 'agent_list',
-      },
-      teams: {
-        icon: 'ion-ios-people',
-        label: 'TEAMS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/teams/list`),
-        toStateName: 'settings_teams_list',
-      },
-      inboxes: {
-        icon: 'ion-archive',
-        label: 'INBOXES',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/inboxes/list`),
-        toStateName: 'settings_inbox_list',
-      },
-      labels: {
-        icon: 'ion-pricetags',
-        label: 'LABELS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/labels/list`),
-        toStateName: 'labels_list',
-      },
-      attributes: {
-        icon: 'ion-code',
-        label: 'ATTRIBUTES',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/attributes/list`),
-        toStateName: 'attributes_list',
-      },
-      cannedResponses: {
-        icon: 'ion-chatbox-working',
-        label: 'CANNED_RESPONSES',
-        hasSubMenu: false,
-        toState: frontendURL(
-          `accounts/${accountId}/settings/canned-response/list`
-        ),
-        toStateName: 'canned_list',
-      },
-      settings_integrations: {
-        icon: 'ion-flash',
-        label: 'INTEGRATIONS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/integrations`),
-        toStateName: 'settings_integrations',
-      },
-      settings_applications: {
-        icon: 'ion-asterisk',
-        label: 'APPLICATIONS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/applications`),
-        toStateName: 'settings_applications',
-      },
-      general_settings_index: {
-        icon: 'ion-gear-a',
-        label: 'ACCOUNT_SETTINGS',
-        hasSubMenu: false,
-        toState: frontendURL(`accounts/${accountId}/settings/general`),
-        toStateName: 'general_settings_index',
-      },
-    },
-  },
+  common: common(accountId),
+  contacts: contacts(accountId),
+  reports: reports(accountId),
+  campaigns: campaigns(accountId),
+  settings: settings(accountId),
 });
--- a/app/javascript/dashboard/i18n/locale/en/report.json
+++ b/app/javascript/dashboard/i18n/locale/en/report.json
@@ -61,6 +61,195 @@
      "PLACEHOLDER": "Select date range"
    }
  },
+  "AGENT_REPORTS": {
+    "HEADER": "Agents Overview",
+    "LOADING_CHART": "Loading chart data...",
+    "NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
+    "DOWNLOAD_AGENT_REPORTS": "Download agent reports",
+    "FILTER_DROPDOWN_LABEL": "Select Agent",
+    "METRICS": {
+      "CONVERSATIONS": {
+        "NAME": "Conversations",
+        "DESC": "( Total )"
+      },
+      "INCOMING_MESSAGES": {
+        "NAME": "Incoming Messages",
+        "DESC": "( Total )"
+      },
+      "OUTGOING_MESSAGES": {
+        "NAME": "Outgoing Messages",
+        "DESC": "( Total )"
+      },
+      "FIRST_RESPONSE_TIME": {
+        "NAME": "First response time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_TIME": {
+        "NAME": "Resolution Time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_COUNT": {
+        "NAME": "Resolution Count",
+        "DESC": "( Total )"
+      }
+    },
+    "DATE_RANGE": [
+      {
+        "id": 0,
+        "name": "Last 7 days"
+      },
+      {
+        "id": 1,
+        "name": "Last 30 days"
+      },
+      {
+        "id": 2,
+        "name": "Last 3 months"
+      },
+      {
+        "id": 3,
+        "name": "Last 6 months"
+      },
+      {
+        "id": 4,
+        "name": "Last year"
+      },
+      {
+        "id": 5,
+        "name": "Custom date range"
+      }
+    ],
+    "CUSTOM_DATE_RANGE": {
+      "CONFIRM": "Apply",
+      "PLACEHOLDER": "Select date range"
+    }
+  },
+  "LABEL_REPORTS": {
+    "HEADER": "Labels Overview",
+    "LOADING_CHART": "Loading chart data...",
+    "NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
+    "DOWNLOAD_LABEL_REPORTS": "Download label reports",
+    "FILTER_DROPDOWN_LABEL": "Select Label",
+    "METRICS": {
+      "CONVERSATIONS": {
+        "NAME": "Conversations",
+        "DESC": "( Total )"
+      },
+      "INCOMING_MESSAGES": {
+        "NAME": "Incoming Messages",
+        "DESC": "( Total )"
+      },
+      "OUTGOING_MESSAGES": {
+        "NAME": "Outgoing Messages",
+        "DESC": "( Total )"
+      },
+      "FIRST_RESPONSE_TIME": {
+        "NAME": "First response time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_TIME": {
+        "NAME": "Resolution Time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_COUNT": {
+        "NAME": "Resolution Count",
+        "DESC": "( Total )"
+      }
+    },
+    "DATE_RANGE": [
+      {
+        "id": 0,
+        "name": "Last 7 days"
+      },
+      {
+        "id": 1,
+        "name": "Last 30 days"
+      },
+      {
+        "id": 2,
+        "name": "Last 3 months"
+      },
+      {
+        "id": 3,
+        "name": "Last 6 months"
+      },
+      {
+        "id": 4,
+        "name": "Last year"
+      },
+      {
+        "id": 5,
+        "name": "Custom date range"
+      }
+    ],
+    "CUSTOM_DATE_RANGE": {
+      "CONFIRM": "Apply",
+      "PLACEHOLDER": "Select date range"
+    }
+  },
+  "INBOX_REPORTS": {
+    "HEADER": "Inbox Overview",
+    "LOADING_CHART": "Loading chart data...",
+    "NO_ENOUGH_DATA": "We've not received enough data points to generate report, Please try again later.",
+    "DOWNLOAD_INBOX_REPORTS": "Download inbox reports",
+    "FILTER_DROPDOWN_LABEL": "Select Inbox",
+    "METRICS": {
+      "CONVERSATIONS": {
+        "NAME": "Conversations",
+        "DESC": "( Total )"
+      },
+      "INCOMING_MESSAGES": {
+        "NAME": "Incoming Messages",
+        "DESC": "( Total )"
+      },
+      "OUTGOING_MESSAGES": {
+        "NAME": "Outgoing Messages",
+        "DESC": "( Total )"
+      },
+      "FIRST_RESPONSE_TIME": {
+        "NAME": "First response time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_TIME": {
+        "NAME": "Resolution Time",
+        "DESC": "( Avg )"
+      },
+      "RESOLUTION_COUNT": {
+        "NAME": "Resolution Count",
+        "DESC": "( Total )"
+      }
+    },
+    "DATE_RANGE": [
+      {
+        "id": 0,
+        "name": "Last 7 days"
+      },
+      {
+        "id": 1,
+        "name": "Last 30 days"
+      },
+      {
+        "id": 2,
+        "name": "Last 3 months"
+      },
+      {
+        "id": 3,
+        "name": "Last 6 months"
+      },
+      {
+        "id": 4,
+        "name": "Last year"
+      },
+      {
+        "id": 5,
+        "name": "Custom date range"
+      }
+    ],
+    "CUSTOM_DATE_RANGE": {
+      "CONFIRM": "Apply",
+      "PLACEHOLDER": "Select date range"
+    }
+  },
  "CSAT_REPORTS": {
    "HEADER": "CSAT Reports",
    "NO_RECORDS": "There are no CSAT survey responses available.",
@@ -78,13 +267,13 @@
        "TOOLTIP": "Total number of responses collected"
      },
      "SATISFACTION_SCORE": {
-         "LABEL": "Satisfaction score",
-         "TOOLTIP": "Total number of positive responses / Total number of responses * 100"
+        "LABEL": "Satisfaction score",
+        "TOOLTIP": "Total number of positive responses / Total number of responses * 100"
      },
      "RESPONSE_RATE": {
-         "LABEL": "Response rate",
-         "TOOLTIP": "Total number of responses / Total number of CSAT survey messages sent * 100"
+        "LABEL": "Response rate",
+        "TOOLTIP": "Total number of responses / Total number of CSAT survey messages sent * 100"
      }
    }
  }
-}
+}
--- a/app/javascript/dashboard/i18n/locale/en/settings.json
+++ b/app/javascript/dashboard/i18n/locale/en/settings.json
@@ -146,7 +146,10 @@
    "CSAT": "CSAT",
    "CAMPAIGNS": "Campaigns",
    "ONGOING": "Ongoing",
-    "ONE_OFF": "One off"
+    "ONE_OFF": "One off",
+    "REPORTS_AGENT": "Agents",
+    "REPORTS_LABEL": "Labels",
+    "REPORTS_INBOX": "Inbox"
  },
  "CREATE_ACCOUNT": {
    "NO_ACCOUNT_WARNING": "Uh oh! We could not find any Chatwoot accounts. Please create a new account to continue.",
--- a/app/javascript/dashboard/i18n/sidebarItems/campaigns.js
+++ b/app/javascript/dashboard/i18n/sidebarItems/campaigns.js
@@ -0,0 +1,30 @@
+import { frontendURL } from '../../helper/URLHelper';
+
+const campaigns = accountId => ({
+  routes: ['settings_account_campaigns', 'one_off'],
+  menuItems: {
+    back: {
+      icon: 'ion-ios-arrow-back',
+      label: 'HOME',
+      hasSubMenu: false,
+      toStateName: 'home',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+    },
+    ongoingCampaigns: {
+      icon: 'ion-arrow-swap',
+      label: 'ONGOING',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/campaigns/ongoing`),
+      toStateName: 'settings_account_campaigns',
+    },
+    onOffCampaigns: {
+      icon: 'ion-radio-waves',
+      label: 'ONE_OFF',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/campaigns/one_off`),
+      toStateName: 'one_off',
+    },
+  },
+});
+
+export default campaigns;
--- a/app/javascript/dashboard/i18n/sidebarItems/common.js
+++ b/app/javascript/dashboard/i18n/sidebarItems/common.js
@@ -0,0 +1,66 @@
+import { frontendURL } from '../../helper/URLHelper';
+
+const common = accountId => ({
+  routes: [
+    'home',
+    'inbox_dashboard',
+    'inbox_conversation',
+    'conversation_through_inbox',
+    'notifications_dashboard',
+    'profile_settings',
+    'profile_settings_index',
+    'label_conversations',
+    'conversations_through_label',
+    'team_conversations',
+    'conversations_through_team',
+    'notifications_index',
+  ],
+  menuItems: {
+    assignedToMe: {
+      icon: 'ion-chatbox-working',
+      label: 'CONVERSATIONS',
+      hasSubMenu: false,
+      key: '',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+      toolTip: 'Conversation from all subscribed inboxes',
+      toStateName: 'home',
+    },
+    contacts: {
+      icon: 'ion-person',
+      label: 'CONTACTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/contacts`),
+      toStateName: 'contacts_dashboard',
+    },
+    notifications: {
+      icon: 'ion-ios-bell',
+      label: 'NOTIFICATIONS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/notifications`),
+      toStateName: 'notifications_dashboard',
+    },
+    report: {
+      icon: 'ion-arrow-graph-up-right',
+      label: 'REPORTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports`),
+      toStateName: 'settings_account_reports',
+    },
+    campaigns: {
+      icon: 'ion-speakerphone',
+      label: 'CAMPAIGNS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/campaigns`),
+      toStateName: 'settings_account_campaigns',
+    },
+    settings: {
+      icon: 'ion-settings',
+      label: 'SETTINGS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings`),
+      toStateName: 'settings_home',
+    },
+  },
+});
+
+export default common;
--- a/app/javascript/dashboard/i18n/sidebarItems/contacts.js
+++ b/app/javascript/dashboard/i18n/sidebarItems/contacts.js
@@ -0,0 +1,27 @@
+import { frontendURL } from '../../helper/URLHelper';
+
+const contacts = accountId => ({
+  routes: [
+    'contacts_dashboard',
+    'contacts_dashboard_manage',
+    'contacts_labels_dashboard',
+  ],
+  menuItems: {
+    back: {
+      icon: 'ion-ios-arrow-back',
+      label: 'HOME',
+      hasSubMenu: false,
+      toStateName: 'home',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+    },
+    contacts: {
+      icon: 'ion-person',
+      label: 'ALL_CONTACTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/contacts`),
+      toStateName: 'contacts_dashboard',
+    },
+  },
+});
+
+export default contacts;
--- a/app/javascript/dashboard/i18n/sidebarItems/reports.js
+++ b/app/javascript/dashboard/i18n/sidebarItems/reports.js
@@ -0,0 +1,57 @@
+import { frontendURL } from '../../helper/URLHelper';
+
+const reports = accountId => ({
+  routes: [
+    'settings_account_reports',
+    'csat_reports',
+    'agent_reports',
+    'label_reports',
+    'inbox_reports',
+  ],
+  menuItems: {
+    back: {
+      icon: 'ion-ios-arrow-back',
+      label: 'HOME',
+      hasSubMenu: false,
+      toStateName: 'home',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+    },
+    reportOverview: {
+      icon: 'ion-arrow-graph-up-right',
+      label: 'REPORTS_OVERVIEW',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/overview`),
+      toStateName: 'settings_account_reports',
+    },
+    csatReports: {
+      icon: 'ion-happy',
+      label: 'CSAT',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/csat`),
+      toStateName: 'csat_reports',
+    },
+    agentReports: {
+      icon: 'ion-ios-people',
+      label: 'REPORTS_AGENT',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/agent`),
+      toStateName: 'agent_reports',
+    },
+    labelReports: {
+      icon: 'ion-pricetags',
+      label: 'REPORTS_LABEL',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/label`),
+      toStateName: 'label_reports',
+    },
+    inboxReports: {
+      icon: 'ion-archive',
+      label: 'REPORTS_INBOX',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/reports/inboxes`),
+      toStateName: 'inbox_reports',
+    },
+  },
+});
+
+export default reports;
--- a/app/javascript/dashboard/i18n/sidebarItems/settings.js
+++ b/app/javascript/dashboard/i18n/sidebarItems/settings.js
@@ -0,0 +1,108 @@
+import { frontendURL } from '../../helper/URLHelper';
+
+const settings = accountId => ({
+  routes: [
+    'agent_list',
+    'canned_list',
+    'labels_list',
+    'settings_inbox',
+    'attributes_list',
+    'settings_inbox_new',
+    'settings_inbox_list',
+    'settings_inbox_show',
+    'settings_inboxes_page_channel',
+    'settings_inboxes_add_agents',
+    'settings_inbox_finish',
+    'settings_integrations',
+    'settings_integrations_webhook',
+    'settings_integrations_integration',
+    'settings_applications',
+    'settings_applications_webhook',
+    'settings_applications_integration',
+    'general_settings',
+    'general_settings_index',
+    'settings_teams_list',
+    'settings_teams_new',
+    'settings_teams_add_agents',
+    'settings_teams_finish',
+    'settings_teams_edit',
+    'settings_teams_edit_members',
+    'settings_teams_edit_finish',
+  ],
+  menuItems: {
+    back: {
+      icon: 'ion-ios-arrow-back',
+      label: 'HOME',
+      hasSubMenu: false,
+      toStateName: 'home',
+      toState: frontendURL(`accounts/${accountId}/dashboard`),
+    },
+    agents: {
+      icon: 'ion-person-stalker',
+      label: 'AGENTS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/agents/list`),
+      toStateName: 'agent_list',
+    },
+    teams: {
+      icon: 'ion-ios-people',
+      label: 'TEAMS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/teams/list`),
+      toStateName: 'settings_teams_list',
+    },
+    inboxes: {
+      icon: 'ion-archive',
+      label: 'INBOXES',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/inboxes/list`),
+      toStateName: 'settings_inbox_list',
+    },
+    labels: {
+      icon: 'ion-pricetags',
+      label: 'LABELS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/labels/list`),
+      toStateName: 'labels_list',
+    },
+    attributes: {
+      icon: 'ion-code',
+      label: 'ATTRIBUTES',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/attributes/list`),
+      toStateName: 'attributes_list',
+    },
+    cannedResponses: {
+      icon: 'ion-chatbox-working',
+      label: 'CANNED_RESPONSES',
+      hasSubMenu: false,
+      toState: frontendURL(
+        `accounts/${accountId}/settings/canned-response/list`
+      ),
+      toStateName: 'canned_list',
+    },
+    settings_integrations: {
+      icon: 'ion-flash',
+      label: 'INTEGRATIONS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/integrations`),
+      toStateName: 'settings_integrations',
+    },
+    settings_applications: {
+      icon: 'ion-asterisk',
+      label: 'APPLICATIONS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/applications`),
+      toStateName: 'settings_applications',
+    },
+    general_settings_index: {
+      icon: 'ion-gear-a',
+      label: 'ACCOUNT_SETTINGS',
+      hasSubMenu: false,
+      toState: frontendURL(`accounts/${accountId}/settings/general`),
+      toStateName: 'general_settings_index',
+    },
+  },
+});
+
+export default settings;