From 27ac262a269b09e0153e5cd23bd8bf34548ac68c Mon Sep 17 00:00:00 2001
From: Vishnu Narayanan <iamwishnu@gmail.com>
Date: Thu, 22 Feb 2024 04:15:43 +0530
Subject: [PATCH] feat(ee): Add support for SLA in automation rules (#8910)

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
---
 .../dashboard/helper/automationHelper.js      |  9 +++-
 .../mixins/automations/methodsMixin.js        | 12 +++++-
 .../settings/automation/AddAutomationRule.vue | 17 +++++++-
 .../automation/EditAutomationRule.vue         | 17 +++++++-
 .../dashboard/settings/automation/Index.vue   |  6 +++
 .../settings/automation/constants.js          |  5 +++
 .../routes/dashboard/settings/sla/Index.vue   | 16 ++++++-
 .../shared/mixins/specs/automationFixtures.js | 42 +++++++++++++++++++
 .../mixins/specs/automationMixin.spec.js      |  7 ++++
 9 files changed, 125 insertions(+), 6 deletions(-)

diff --git a/app/javascript/dashboard/helper/automationHelper.js b/app/javascript/dashboard/helper/automationHelper.js
index d1a85570b..665e8faf6 100644
--- a/app/javascript/dashboard/helper/automationHelper.js
+++ b/app/javascript/dashboard/helper/automationHelper.js
@@ -129,7 +129,13 @@ export const agentList = agents => [
   ...(agents || []),
 ];
 
-export const getActionOptions = ({ agents, teams, labels, type }) => {
+export const getActionOptions = ({
+  agents,
+  teams,
+  labels,
+  slaPolicies,
+  type,
+}) => {
   const actionsMap = {
     assign_agent: agentList(agents),
     assign_team: teams,
@@ -137,6 +143,7 @@ export const getActionOptions = ({ agents, teams, labels, type }) => {
     add_label: generateConditionOptions(labels, 'title'),
     remove_label: generateConditionOptions(labels, 'title'),
     change_priority: PRIORITY_CONDITION_VALUES,
+    add_sla: slaPolicies,
   };
   return actionsMap[type];
 };
diff --git a/app/javascript/dashboard/mixins/automations/methodsMixin.js b/app/javascript/dashboard/mixins/automations/methodsMixin.js
index de108910a..a7e8d8120 100644
--- a/app/javascript/dashboard/mixins/automations/methodsMixin.js
+++ b/app/javascript/dashboard/mixins/automations/methodsMixin.js
@@ -27,6 +27,7 @@ export default {
       inboxes: 'inboxes/getInboxes',
       labels: 'labels/getLabels',
       teams: 'teams/getTeams',
+      slaPolicies: 'sla/getSLA',
     }),
     booleanFilterOptions() {
       return [
@@ -257,8 +258,15 @@ export default {
       };
     },
     getActionDropdownValues(type) {
-      const { agents, labels, teams } = this;
-      return getActionOptions({ agents, labels, teams, languages, type });
+      const { agents, labels, teams, slaPolicies } = this;
+      return getActionOptions({
+        agents,
+        labels,
+        teams,
+        slaPolicies,
+        languages,
+        type,
+      });
     },
     manifestCustomAttributes() {
       const conversationCustomAttributesRaw = this.$store.getters[
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue
index 67184054a..152b55aae 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue
@@ -144,6 +144,7 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
 import alertMixin from 'shared/mixins/alertMixin';
 import automationMethodsMixin from 'dashboard/mixins/automations/methodsMixin';
 import automationValidationsMixin from 'dashboard/mixins/automations/validationsMixin';
@@ -173,7 +174,6 @@ export default {
       automationTypes: JSON.parse(JSON.stringify(AUTOMATIONS)),
       automationRuleEvent: AUTOMATION_RULE_EVENTS[0].key,
       automationRuleEvents: AUTOMATION_RULE_EVENTS,
-      automationActionTypes: AUTOMATION_ACTION_TYPES,
       automationMutated: false,
       show: true,
       automation: {
@@ -202,6 +202,10 @@ export default {
     };
   },
   computed: {
+    ...mapGetters({
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
+    }),
     hasAutomationMutated() {
       if (
         this.automation.conditions[0].values ||
@@ -210,6 +214,12 @@ export default {
         return true;
       return false;
     },
+    automationActionTypes() {
+      const isSLAEnabled = this.isFeatureEnabled('sla');
+      return isSLAEnabled
+        ? AUTOMATION_ACTION_TYPES
+        : AUTOMATION_ACTION_TYPES.filter(action => action.key !== 'add_sla');
+    },
   },
   mounted() {
     this.$store.dispatch('inboxes/get');
@@ -221,6 +231,11 @@ export default {
     this.allCustomAttributes = this.$store.getters['attributes/getAttributes'];
     this.manifestCustomAttributes();
   },
+  methods: {
+    isFeatureEnabled(flag) {
+      return this.isFeatureEnabledonAccount(this.accountId, flag);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
index 3ac454868..1b2b5a9fe 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue
@@ -142,6 +142,7 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
 import alertMixin from 'shared/mixins/alertMixin';
 import automationMethodsMixin from 'dashboard/mixins/automations/methodsMixin';
 import automationValidationsMixin from 'dashboard/mixins/automations/validationsMixin';
@@ -175,7 +176,6 @@ export default {
       automationTypes: JSON.parse(JSON.stringify(AUTOMATIONS)),
       automationRuleEvent: AUTOMATION_RULE_EVENTS[0].key,
       automationRuleEvents: AUTOMATION_RULE_EVENTS,
-      automationActionTypes: AUTOMATION_ACTION_TYPES,
       automationMutated: false,
       show: true,
       automation: null,
@@ -185,6 +185,10 @@ export default {
     };
   },
   computed: {
+    ...mapGetters({
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
+    }),
     hasAutomationMutated() {
       if (
         this.automation.conditions[0].values ||
@@ -193,12 +197,23 @@ export default {
         return true;
       return false;
     },
+    automationActionTypes() {
+      const isSLAEnabled = this.isFeatureEnabled('sla');
+      return isSLAEnabled
+        ? AUTOMATION_ACTION_TYPES
+        : AUTOMATION_ACTION_TYPES.filter(action => action.key !== 'add_sla');
+    },
   },
   mounted() {
     this.manifestCustomAttributes();
     this.allCustomAttributes = this.$store.getters['attributes/getAttributes'];
     this.formatAutomation(this.selectedResponse);
   },
+  methods: {
+    isFeatureEnabled(flag) {
+      return this.isFeatureEnabledonAccount(this.accountId, flag);
+    },
+  },
 };
 </script>
 <style lang="scss" scoped>
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
index 886f7bd34..65aa6487a 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue
@@ -153,6 +153,8 @@ export default {
     ...mapGetters({
       records: ['automations/getAutomations'],
       uiFlags: 'automations/getUIFlags',
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
     }),
     // Delete Modal
     deleteConfirmText() {
@@ -168,6 +170,9 @@ export default {
     deleteMessage() {
       return ` ${this.selectedResponse.name}?`;
     },
+    isSLAEnabled() {
+      return this.isFeatureEnabledonAccount(this.accountId, 'sla');
+    },
   },
   mounted() {
     this.$store.dispatch('inboxes/get');
@@ -177,6 +182,7 @@ export default {
     this.$store.dispatch('labels/get');
     this.$store.dispatch('campaigns/get');
     this.$store.dispatch('automations/get');
+    if (this.isSLAEnabled) this.$store.dispatch('sla/get');
   },
   methods: {
     openAddPopup() {
diff --git a/app/javascript/dashboard/routes/dashboard/settings/automation/constants.js b/app/javascript/dashboard/routes/dashboard/settings/automation/constants.js
index e86aa5161..c8d67745c 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/automation/constants.js
+++ b/app/javascript/dashboard/routes/dashboard/settings/automation/constants.js
@@ -611,4 +611,9 @@ export const AUTOMATION_ACTION_TYPES = [
     label: 'Change Priority',
     inputType: 'search_select',
   },
+  {
+    key: 'add_sla',
+    label: 'Add SLA',
+    inputType: 'search_select',
+  },
 ];
diff --git a/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
index 473583f6d..6c4002821 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/sla/Index.vue
@@ -111,12 +111,26 @@ export default {
     ...mapGetters({
       records: 'sla/getSLA',
       uiFlags: 'sla/getUIFlags',
+      accountId: 'getCurrentAccountId',
+      isFeatureEnabledonAccount: 'accounts/isFeatureEnabledonAccount',
     }),
+    isSLAEnabled() {
+      return this.isFeatureEnabledonAccount(this.accountId, 'sla');
+    },
   },
   mounted() {
-    this.$store.dispatch('sla/get');
+    this.isSLAfeatureEnabled();
   },
   methods: {
+    isSLAfeatureEnabled() {
+      if (!this.isSLAEnabled) {
+        this.$router.push({
+          name: 'general_settings_index',
+        });
+      } else {
+        this.$store.dispatch('sla/get');
+      }
+    },
     openAddPopup() {
       this.showAddPopup = true;
     },
diff --git a/app/javascript/shared/mixins/specs/automationFixtures.js b/app/javascript/shared/mixins/specs/automationFixtures.js
index 81a53ad25..1647f9004 100644
--- a/app/javascript/shared/mixins/specs/automationFixtures.js
+++ b/app/javascript/shared/mixins/specs/automationFixtures.js
@@ -762,3 +762,45 @@ export const expectedOutputForCustomAttributeGenerator = [
     ],
   },
 ];
+export const slaPolicies = [
+  {
+    id: 1,
+    account_id: 1,
+    name: 'Low',
+    first_response_time_threshold: 60,
+    next_response_time_threshold: 120,
+    resolution_time_threshold: 240,
+    created_at: '2022-01-26T08:06:39.470Z',
+    updated_at: '2022-01-26T08:06:39.470Z',
+  },
+  {
+    id: 2,
+    account_id: 1,
+    name: 'Medium',
+    first_response_time_threshold: 30,
+    next_response_time_threshold: 60,
+    resolution_time_threshold: 120,
+    created_at: '2022-01-26T08:06:39.470Z',
+    updated_at: '2022-01-26T08:06:39.470Z',
+  },
+  {
+    id: 3,
+    account_id: 1,
+    name: 'High',
+    first_response_time_threshold: 15,
+    next_response_time_threshold: 30,
+    resolution_time_threshold: 60,
+    created_at: '2022-01-26T08:06:39.470Z',
+    updated_at: '2022-01-26T08:06:39.470Z',
+  },
+  {
+    id: 4,
+    account_id: 1,
+    name: 'Urgent',
+    first_response_time_threshold: 5,
+    next_response_time_threshold: 10,
+    resolution_time_threshold: 20,
+    created_at: '2022-01-26T08:06:39.470Z',
+    updated_at: '2022-01-26T08:06:39.470Z',
+  },
+];
diff --git a/app/javascript/shared/mixins/specs/automationMixin.spec.js b/app/javascript/shared/mixins/specs/automationMixin.spec.js
index 36dd2973a..465e6e9b4 100644
--- a/app/javascript/shared/mixins/specs/automationMixin.spec.js
+++ b/app/javascript/shared/mixins/specs/automationMixin.spec.js
@@ -13,6 +13,7 @@ import {
   inboxes,
   languages,
   countries,
+  slaPolicies,
   MESSAGE_CONDITION_VALUES,
   automationToSubmit,
   savedAutomation,
@@ -89,6 +90,9 @@ const generateComputedProperties = () => {
     countries() {
       return countries;
     },
+    slaPolicies() {
+      return slaPolicies;
+    },
     MESSAGE_CONDITION_VALUES() {
       return MESSAGE_CONDITION_VALUES;
     },
@@ -433,6 +437,9 @@ describe('automationMethodsMixin', () => {
       teams() {
         return teams;
       },
+      slaPolicies() {
+        return slaPolicies;
+      },
     };
     const expectedActionDropdownValues = [
       { id: 'testlabel', name: 'testlabel' },