feat: kickstart new page for captain

2024-08-14 13:43:22 +05:30
parent 1e9d3d0a0e
commit 76ee84fa09
5 changed files with 39 additions and 0 deletions
@@ -27,6 +27,7 @@ const settings = accountId => ({
    'settings_inboxes_add_agents',
    'settings_inboxes_page_channel',
    'settings_integrations_dashboard_apps',
+    'settings_integrations_captain',
    'settings_integrations_integration',
    'settings_integrations_slack',
    'settings_integrations_webhook',
@@ -14,6 +14,7 @@ const FEATURE_HELP_URLS = {
  message_reply_to: 'https://chwt.app/hc/reply-to',
  reports: 'https://chwt.app/hc/reports',
  sla: 'https://chwt.app/hc/sla',
+  captain: 'https://chwt.app/hc/captain',
  team_management: 'https://chwt.app/hc/teams',
 };

@@ -5,7 +5,11 @@
    "LEARN_MORE": "Learn more about integrations",
    "LOADING": "Fetching integrations",
    "CAPTAIN": {
+      "TITLE": "Captain",
+      "DESCRIPTION": "Captain is a native AI assistant built for your product and trained on your company's knowledge base. It responds like a human and resolves customer queries effectively. Configure it to your inboxes easily.",
+      "LEARN_MORE": "Learn more about Captain",
      "DISABLED": "Captain is not enabled on your account.",
+      "HEADER_BTN_TXT": "Connect new inbox",
      "CLICK_HERE_TO_CONFIGURE": "Click here to configure",
      "LOADING_CONSOLE": "Loading Captain Console...",
      "FAILED_TO_LOAD_CONSOLE": "Failed to load Captain Console. Please refresh and try again.",
@@ -0,0 +1,24 @@
+<script setup>
+import IntegrationSettingsLayout from '../Layout.vue';
+import BaseSettingsHeader from 'dashboard/routes/dashboard/settings/components/BaseSettingsHeader.vue';
+</script>
+
+<template>
+  <IntegrationSettingsLayout>
+    <template #header>
+      <BaseSettingsHeader
+        :title="$t('INTEGRATION_SETTINGS.CAPTAIN.TITLE')"
+        :description="$t('INTEGRATION_SETTINGS.CAPTAIN.DESCRIPTION')"
+        :link-text="$t('INTEGRATION_SETTINGS.CAPTAIN.LEARN_MORE')"
+        feature-name="captain"
+        :back-button-label="$t('INTEGRATION_SETTINGS.HEADER')"
+      >
+        <template #actions>
+          <woot-button class="rounded-md button nice" icon="add-circle">
+            {{ $t('INTEGRATION_SETTINGS.CAPTAIN.HEADER_BTN_TXT') }}
+          </woot-button>
+        </template>
+      </BaseSettingsHeader>
+    </template>
+  </IntegrationSettingsLayout>
+</template>
@@ -4,6 +4,7 @@ const IntegrationHooks = () => import('./IntegrationHooks.vue');
 const Index = () => import('./Index.vue');
 const Webhook = () => import('./Webhooks/Index.vue');
 const DashboardApps = () => import('./DashboardApps/Index.vue');
+const Captain = () => import('./Captain/Index.vue');
 const Slack = () => import('./Slack.vue');
 const SettingsContent = () => import('../Wrapper.vue');

@@ -30,6 +31,14 @@ export default {
            permissions: ['administrator'],
          },
        },
+        {
+          path: 'captain',
+          component: Captain,
+          name: 'settings_integrations_captain',
+          meta: {
+            permissions: ['administrator'],
+          },
+        },
      ],
    },
    {