feat: Add Contacts page (#1335)

Co-authored-by: Sojan <sojan@pepalo.com>
Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

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

@@ -7,6 +7,7 @@ export const getSidebarItems = accountId => ({
       'inbox_dashboard',
       'inbox_conversation',
       'conversation_through_inbox',
+      'contacts_dashboard',
       'settings_account_reports',
       'profile_settings',
       'profile_settings_index',
@@ -23,6 +24,13 @@ export const getSidebarItems = accountId => ({
         toolTip: 'Conversation from all subscribed inboxes',
         toStateName: 'home',
       },
+      contacts: {
+        icon: 'ion-person-stalker',
+        label: 'CONTACTS',
+        hasSubMenu: false,
+        toState: frontendURL(`accounts/${accountId}/contacts`),
+        toStateName: 'contacts_dashboard',
+      },
       report: {
         icon: 'ion-arrow-graph-up-right',
         label: 'REPORTS',

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

@@ -95,5 +95,21 @@
     "SUCCESS_MESSAGE": "Updated contact successfully",
     "CONTACT_ALREADY_EXIST": "This email address is in use for another contact.",
     "ERROR_MESSAGE": "There was an error updating the contact, please try again"
+  },
+  "CONTACTS_PAGE": {
+    "HEADER": "Contacts",
+    "SEARCH_BUTTON": "Search",
+    "SEARCH_INPUT_PLACEHOLDER": "Search for contacts",
+    "LIST": {
+      "LOADING_MESSAGE": "Loading contacts...",
+      "404": "No contacts matches your search 🔍",
+      "TABLE_HEADER": [
+        "Name",
+        "Phone Number",
+        "Conversations",
+        "Last Contacted"
+      ],
+      "EDIT_BUTTON": "Edit"
+    }
   }
 }

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

@@ -0,0 +1,21 @@
+{
+  "CONTACTS_PAGE": {
+    "HEADER": "Contacts",
+    "SEARCH_BUTTON": "Search",
+    "SEARCH_INPUT_PLACEHOLDER": "Search for contacts",
+    "LIST": {
+      "404": "There are no canned responses available in this account.",
+      "TITLE": "Manage canned responses",
+      "DESC": "Canned Responses are predefined reply templates which can be used to quickly send out replies to tickets.",
+      "TABLE_HEADER": [
+        "Name",
+        "Phone Number",
+        "Conversations",
+        "Last Contacted"
+      ],
+      "EDIT_BUTTON": "Edit",
+      "VIEW_BUTTON": "View"
+
+    }
+  }
+}

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

@@ -57,8 +57,7 @@
       },
       "AVAILABILITY": {
         "LABEL": "Availability",
-        "STATUSES_LIST": [
-          {
+        "STATUSES_LIST": [{
             "value": "online",
             "label": "Online"
           },
@@ -122,6 +121,7 @@
   "SIDEBAR": {
     "CONVERSATIONS": "Conversations",
     "REPORTS": "Reports",
+    "CONTACTS": "Contacts",
     "SETTINGS": "Settings",
     "HOME": "Home",
     "AGENTS": "Agents",