feat: Add macros routes and views (#5604)

app/javascript/dashboard/routes/dashboard/settings/macros/Index.vue

@@ -0,0 +1,11 @@
+<template>
+  <div>
+    Macros
+  </div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>

app/javascript/dashboard/routes/dashboard/settings/macros/MacroEditor.vue

@@ -0,0 +1,9 @@
+<template>
+  <div>MacrosEditor</div>
+</template>
+
+<script>
+export default {};
+</script>
+
+<style></style>

app/javascript/dashboard/routes/dashboard/settings/macros/macros.routes.js

@@ -0,0 +1,38 @@
+import SettingsContent from '../Wrapper';
+import Macros from './Index';
+const MacroEditor = () => import('./MacroEditor');
+import { frontendURL } from 'dashboard/helper/URLHelper';
+
+export default {
+  routes: [
+    {
+      path: frontendURL('accounts/:accountId/settings/macros'),
+      component: SettingsContent,
+      props: {
+        headerTitle: 'MACROS.HEADER',
+        icon: 'flash-settings',
+        showNewButton: false,
+      },
+      children: [
+        {
+          path: '',
+          name: 'macros_wrapper',
+          component: Macros,
+          roles: ['administrator', 'agent'],
+        },
+        {
+          path: 'new',
+          name: 'macros_new',
+          component: MacroEditor,
+          roles: ['administrator', 'agent'],
+        },
+        {
+          path: ':macroId/edit',
+          name: 'macros_edit',
+          component: MacroEditor,
+          roles: ['administrator', 'agent'],
+        },
+      ],
+    },
+  ],
+};

app/javascript/dashboard/routes/dashboard/settings/settings.routes.js

@@ -11,6 +11,7 @@ import inbox from './inbox/inbox.routes';
 import integrationapps from './integrationapps/integrations.routes';
 import integrations from './integrations/integrations.routes';
 import labels from './labels/labels.routes';
+import macros from './macros/macros.routes';
 import profile from './profile/profile.routes';
 import reports from './reports/reports.routes';
 import store from '../../../store';
@@ -41,6 +42,7 @@ export default {
     ...integrationapps.routes,
     ...integrations.routes,
     ...labels.routes,
+    ...macros.routes,
     ...profile.routes,
     ...reports.routes,
     ...teams.routes,