Feature: As a admin, I should be able to add webhooks to account (#572)

Co-authored-by: Pranav Raj S <pranavrajs@gmail.com>

app/javascript/dashboard/i18n/default-sidebar.js

@@ -52,6 +52,8 @@ export default {
       'settings_inboxes_add_agents',
       'settings_inbox_finish',
       'billing',
+      'settings_integrations',
+      'settings_integrations_webhook',
     ],
     menuItems: {
       back: {
@@ -89,12 +91,12 @@ export default {
         toState: frontendURL('settings/billing'),
         toStateName: 'billing',
       },
-      account: {
-        icon: 'ion-beer',
-        label: 'Account Settings',
+      settings_integrations: {
+        icon: 'ion-flash',
+        label: 'Integrations',
         hasSubMenu: false,
-        toState: frontendURL('settings/account'),
-        toStateName: 'account',
+        toState: frontendURL('settings/integrations'),
+        toStateName: 'settings_integrations',
       },
     },
   },

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

@@ -59,7 +59,7 @@
         "TITLE": "Confirm Deletion",
         "MESSAGE": "Are you sure to delete ",
         "YES": "Yes, Delete ",
-        "NO": "No, Keep "
+        "NO": "No, Keep it "
       }
     },
     "EDIT": {

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

@@ -67,7 +67,7 @@
         "TITLE": "Confirm Deletion",
         "MESSAGE": "Are you sure to delete ",
         "YES": "Yes, Delete ",
-        "NO": "No, Keep "
+        "NO": "No, Keep it "
       }
     }
   }

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

@@ -88,7 +88,7 @@
         "TITLE": "Confirm Deletion",
         "MESSAGE": "Are you sure to delete ",
         "YES": "Yes, Delete ",
-        "NO": "No, Keep "
+        "NO": "No, Keep it "
       },
       "API": {
         "SUCCESS_MESSAGE": "Inbox deleted successfully",

app/javascript/dashboard/i18n/locale/en/index.js

@@ -12,6 +12,7 @@ import { default as _resetPassword } from './resetPassword.json';
 import { default as _setNewPassword } from './setNewPassword.json';
 import { default as _settings } from './settings.json';
 import { default as _signup } from './signup.json';
+import { default as _integrations } from './integrations.json';
 
 export default {
   ..._agentMgmt,
@@ -27,4 +28,5 @@ export default {
   ..._setNewPassword,
   ..._settings,
   ..._signup,
+  ..._integrations,
 };

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

@@ -0,0 +1,54 @@
+{
+  "INTEGRATION_SETTINGS": {
+    "HEADER": "Integrations",
+    "WEBHOOK": {
+      "TITLE": "Webhook",
+      "CONFIGURE": "Configure",
+      "HEADER": "Webhook settings",
+      "HEADER_BTN_TXT": "Add new webhook",
+      "INTEGRATION_TXT": "Webhook events provide you the realtime information about what's happening in your Chatwoot account. You can make use of the webhooks to communicate the events to your favourite apps like Slack or Github. Click on Configure to set up your webhooks.",
+      "LOADING": "Fetching attached webhooks",
+      "SEARCH_404": "There are no items matching this query",
+      "SIDEBAR_TXT": "<p><b>Webhooks</b> </p> <p>Webhooks are HTTP callbacks which can be defined for every account. They are triggered by events like message creation in Chatwoot. You can create more than one webhook for this account. <br /><br /> For creating a <b>webhook</b>, click on the <b>Add new webhook</b> button. You can also remove any existing webhook by clicking on the Delete button.</p>",
+      "LIST": {
+        "404": "There are no webhooks configured for this account.",
+        "TITLE": "Manage webhooks",
+        "DESC": "Webhooks are predefined reply templates which can be used to quickly send out replies to tickets.",
+        "TABLE_HEADER": [
+          "Webhook endpoint",
+          "Actions"
+        ]
+      },
+      "ADD": {
+        "CANCEL": "Cancel",
+        "TITLE": "Add new webhook",
+        "DESC": "Webhook events provide you the realtime information about what's happening in your Chatwoot account. Please enter a valid URL to configure a callback.",
+        "FORM": {
+          "END_POINT": {
+            "LABEL": "Webhook URL",
+            "PLACEHOLDER": "Example: https://example/api/webhook",
+            "ERROR": "Please enter a valid URL"
+          },
+          "SUBMIT": "Create webhook"
+        },
+        "API": {
+          "SUCCESS_MESSAGE": "Webhook added successfully",
+          "ERROR_MESSAGE": "Could not connect to Woot Server, Please try again later"
+        }
+      },
+      "DELETE": {
+        "BUTTON_TEXT": "Delete",
+        "API": {
+          "SUCCESS_MESSAGE": "Webhook deleted successfully",
+          "ERROR_MESSAGE": "Could not connect to Woot Server, Please try again later"
+        },
+        "CONFIRM": {
+          "TITLE": "Confirm Deletion",
+          "MESSAGE": "Are you sure to delete ",
+          "YES": "Yes, Delete ",
+          "NO": "No, Keep it "
+        }
+      }
+    }
+  }
+}

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

@@ -0,0 +1,5 @@
+{
+  "WEBHOOKS_SETTINGS": {
+    "HEADER": "Webhook Settings"
+  }
+}