feat: Macros listing and Editor (#5606)

Co-authored-by: Pranav Raj S <pranav@chatwoot.com>

app/javascript/dashboard/mixins/macrosMixin.js

@@ -0,0 +1,20 @@
+export default {
+  methods: {
+    getDropdownValues(type) {
+      switch (type) {
+        case 'assign_team':
+        case 'send_email_to_team':
+          return this.teams;
+        case 'add_label':
+          return this.labels.map(i => {
+            return {
+              id: i.title,
+              name: i.title,
+            };
+          });
+        default:
+          return [];
+      }
+    },
+  },
+};

app/javascript/dashboard/mixins/specs/macros.spec.js

@@ -0,0 +1,41 @@
+import { createWrapper } from '@vue/test-utils';
+import macrosMixin from '../macrosMixin';
+import Vue from 'vue';
+import { teams, labels } from '../../helper/specs/macrosFixtures';
+describe('webhookMixin', () => {
+  describe('#getEventLabel', () => {
+    it('returns correct i18n translation:', () => {
+      const Component = {
+        render() {},
+        title: 'MyComponent',
+        mixins: [macrosMixin],
+        data: () => {
+          return {
+            teams,
+            labels,
+          };
+        },
+        methods: {
+          $t(text) {
+            return text;
+          },
+        },
+      };
+
+      const resolvedLabels = labels.map(i => {
+        return {
+          id: i.title,
+          name: i.title,
+        };
+      });
+
+      const Constructor = Vue.extend(Component);
+      const vm = new Constructor().$mount();
+      const wrapper = createWrapper(vm);
+      expect(wrapper.vm.getDropdownValues('assign_team')).toEqual(teams);
+      expect(wrapper.vm.getDropdownValues('send_email_to_team')).toEqual(teams);
+      expect(wrapper.vm.getDropdownValues('add_label')).toEqual(resolvedLabels);
+      expect(wrapper.vm.getDropdownValues()).toEqual([]);
+    });
+  });
+});