From 76ee84fa0992dd8e050d9fb88df6a1ec43f52421 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Wed, 14 Aug 2024 13:43:22 +0530
Subject: [PATCH] feat: kickstart new page for captain

---
 .../layout/config/sidebarItems/settings.js    |  1 +
 .../dashboard/helper/featureHelper.js         |  1 +
 .../i18n/locale/en/integrations.json          |  4 ++++
 .../settings/integrations/Captain/Index.vue   | 24 +++++++++++++++++++
 .../integrations/integrations.routes.js       |  9 +++++++
 5 files changed, 39 insertions(+)
 create mode 100644 app/javascript/dashboard/routes/dashboard/settings/integrations/Captain/Index.vue

diff --git a/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js b/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js
index e30c3bcb1..4d9122d24 100644
--- a/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js
+++ b/app/javascript/dashboard/components/layout/config/sidebarItems/settings.js
@@ -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',
diff --git a/app/javascript/dashboard/helper/featureHelper.js b/app/javascript/dashboard/helper/featureHelper.js
index c3dd3d880..56aa9b438 100644
--- a/app/javascript/dashboard/helper/featureHelper.js
+++ b/app/javascript/dashboard/helper/featureHelper.js
@@ -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',
 };
 
diff --git a/app/javascript/dashboard/i18n/locale/en/integrations.json b/app/javascript/dashboard/i18n/locale/en/integrations.json
index 9db2f0b96..f5a198153 100644
--- a/app/javascript/dashboard/i18n/locale/en/integrations.json
+++ b/app/javascript/dashboard/i18n/locale/en/integrations.json
@@ -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.",
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/Captain/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/integrations/Captain/Index.vue
new file mode 100644
index 000000000..68c80dfbf
--- /dev/null
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/Captain/Index.vue
@@ -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>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js b/app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js
index c4d319173..809d1b71a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js
+++ b/app/javascript/dashboard/routes/dashboard/settings/integrations/integrations.routes.js
@@ -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'],
+          },
+        },
       ],
     },
     {