feat: Edit automation modal (#3876)

* Add automation modal

* Fix the v-model for automations

* Actions and Condition dropdowns for automations

* Fix merge conflicts

* Handle event change and confirmation

* Appends new action

* Removes actions

* Automation api integration

* Api integration for creating automations

* Registers vuex module to the global store

* Automations table

* Updarted labels and actions

* Integrate automation api

* Fixes the mutation error - removed the data key wrapper

* Fixed the automation condition models to work with respective event types

* Remove temporary fixes added to the api request

* Displa timestamp and automation status values

* Added the clone buton

* Removed uncessary helper method

* Specs for automations

* Handle WIP code

* Remove the payload wrap

* Fix the action query payload

* Removed unnecessary files

* Disabled Automations routes

* Ability to delete automations

* Fix specs

* Edit automation modal

* Edit automation modal and api integration

* Replaced hardcoded values

* Using absolute paths

* Update app/javascript/dashboard/routes/dashboard/settings/automation/EditAutomationRule.vue

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

* Update app/javascript/dashboard/routes/dashboard/settings/automation/Index.vue

Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>

* Intendation fix

* Disable automation route

* Minor fix

Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
Co-authored-by: Nithin David Thomas <1277421+nithindavid@users.noreply.github.com>
Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

app/javascript/dashboard/components/layout/config/sidebarItems/settings.js

@@ -69,13 +69,13 @@ const settings = accountId => ({
       ),
       toStateName: 'attributes_list',
     },
-    {
-      icon: 'automation',
-      label: 'AUTOMATION',
-      hasSubMenu: false,
-      toState: frontendURL(`accounts/${accountId}/settings/automation/list`),
-      toStateName: 'automation_list',
-    },
+    // {
+    //   icon: 'automation',
+    //   label: 'AUTOMATION',
+    //   hasSubMenu: false,
+    //   toState: frontendURL(`accounts/${accountId}/settings/automation/list`),
+    //   toStateName: 'automation_list',
+    // },
     {
       icon: 'chat-multiple',
       label: 'CANNED_RESPONSES',

app/javascript/dashboard/routes/dashboard/settings/automation/AddAutomationRule.vue

@@ -434,13 +434,13 @@ export default {
 }
 .event_wrapper {
   select {
-    margin: 0;
+    margin: var(--space-zero);
   }
   .info-message {
     font-size: var(--font-size-mini);
-    color: #868686;
+    color: var(--s-500);
     text-align: right;
   }
-  margin-bottom: 1.6rem;
+  margin-bottom: var(--space-medium);
 }
 </style>