Initial commit: Add logistics and order_detail message types

- Add Logistics component with progress tracking
- Add OrderDetail component for order information
- Support data-driven steps and actions
- Add blue color scale to widget SCSS
- Fix node overflow and progress bar rendering issues
- Add English translations for dashboard components

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

app/javascript/dashboard/store/modules/specs/customRole/actions.spec.js

@@ -0,0 +1,97 @@
+import axios from 'axios';
+import { actions } from '../../customRole';
+import * as types from '../../../mutation-types';
+import { customRoleList } from './fixtures';
+
+const commit = vi.fn();
+global.axios = axios;
+vi.mock('axios');
+
+describe('#actions', () => {
+  describe('#getCustomRole', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.get.mockResolvedValue({ data: customRoleList });
+      await actions.getCustomRole({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { fetchingList: true }],
+        [types.default.SET_CUSTOM_ROLE, customRoleList],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { fetchingList: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.get.mockRejectedValue({ message: 'Incorrect header' });
+      await actions.getCustomRole({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { fetchingList: true }],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { fetchingList: false }],
+      ]);
+    });
+  });
+
+  describe('#createCustomRole', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.post.mockResolvedValue({ data: customRoleList[0] });
+      await actions.createCustomRole({ commit }, customRoleList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { creatingItem: true }],
+        [types.default.ADD_CUSTOM_ROLE, customRoleList[0]],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { creatingItem: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.post.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.createCustomRole({ commit })).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { creatingItem: true }],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { creatingItem: false }],
+      ]);
+    });
+  });
+
+  describe('#updateCustomRole', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.patch.mockResolvedValue({ data: customRoleList[0] });
+      await actions.updateCustomRole(
+        { commit },
+        { id: 1, ...customRoleList[0] }
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { updatingItem: true }],
+        [types.default.EDIT_CUSTOM_ROLE, customRoleList[0]],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { updatingItem: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.updateCustomRole({ commit }, { id: 1 })
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { updatingItem: true }],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { updatingItem: false }],
+      ]);
+    });
+  });
+
+  describe('#deleteCustomRole', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.delete.mockResolvedValue({ data: customRoleList[0] });
+      await actions.deleteCustomRole({ commit }, 1);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { deletingItem: true }],
+        [types.default.DELETE_CUSTOM_ROLE, 1],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { deletingItem: true }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.delete.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.deleteCustomRole({ commit }, 1)).rejects.toThrow(
+        Error
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { deletingItem: true }],
+        [types.default.SET_CUSTOM_ROLE_UI_FLAG, { deletingItem: true }],
+      ]);
+    });
+  });
+});

app/javascript/dashboard/store/modules/specs/customRole/fixtures.js

@@ -0,0 +1,77 @@
+export const customRoleList = [
+  {
+    id: 1,
+    name: 'Super Custom Role',
+    description: 'Role with all available custom role permissions',
+    permissions: [
+      'conversation_participating_manage',
+      'conversation_unassigned_manage',
+      'conversation_manage',
+      'contact_manage',
+      'report_manage',
+      'knowledge_base_manage',
+    ],
+    created_at: '2024-09-04T05:30:22.282Z',
+    updated_at: '2024-09-05T09:21:02.844Z',
+  },
+  {
+    id: 2,
+    name: 'Conversation Manager Role',
+    description: 'Role for managing all aspects of conversations',
+    permissions: [
+      'conversation_unassigned_manage',
+      'conversation_participating_manage',
+      'conversation_manage',
+    ],
+    created_at: '2024-09-05T09:21:38.692Z',
+    updated_at: '2024-09-05T09:21:38.692Z',
+  },
+  {
+    id: 3,
+    name: 'Participating Agent Role',
+    description: 'Role for agents participating in conversations',
+    permissions: ['conversation_participating_manage'],
+    created_at: '2024-09-06T08:03:14.550Z',
+    updated_at: '2024-09-06T08:03:14.550Z',
+  },
+  {
+    id: 4,
+    name: 'Contact Manager Role',
+    description: 'Role for managing contacts only',
+    permissions: ['contact_manage'],
+    created_at: '2024-09-06T08:15:56.877Z',
+    updated_at: '2024-09-06T09:53:28.103Z',
+  },
+  {
+    id: 5,
+    name: 'Report Analyst Role',
+    description: 'Role for accessing and managing reports',
+    permissions: ['report_manage'],
+    created_at: '2024-09-06T09:53:58.277Z',
+    updated_at: '2024-09-06T09:53:58.277Z',
+  },
+  {
+    id: 6,
+    name: 'Knowledge Base Editor Role',
+    description: 'Role for managing the knowledge base',
+    permissions: ['knowledge_base_manage'],
+    created_at: '2024-09-06T09:54:27.649Z',
+    updated_at: '2024-09-06T09:54:27.649Z',
+  },
+  {
+    id: 7,
+    name: 'Unassigned Queue Manager Role',
+    description: 'Role for managing unassigned conversations',
+    permissions: ['conversation_unassigned_manage'],
+    created_at: '2024-09-06T09:55:00.503Z',
+    updated_at: '2024-09-06T09:55:00.503Z',
+  },
+  {
+    id: 8,
+    name: 'Basic Conversation Handler Role',
+    description: 'Role for basic conversation management',
+    permissions: ['conversation_manage'],
+    created_at: '2024-09-06T09:55:19.519Z',
+    updated_at: '2024-09-06T09:55:19.519Z',
+  },
+];

app/javascript/dashboard/store/modules/specs/customRole/getters.spec.js

@@ -0,0 +1,26 @@
+import { getters } from '../../customRole';
+import { customRoleList } from './fixtures';
+
+describe('#getters', () => {
+  it('getCustomRoles', () => {
+    const state = { records: customRoleList };
+    expect(getters.getCustomRoles(state)).toEqual(customRoleList);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        fetchingList: true,
+        creatingItem: false,
+        updatingItem: false,
+        deletingItem: false,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      fetchingList: true,
+      creatingItem: false,
+      updatingItem: false,
+      deletingItem: false,
+    });
+  });
+});

app/javascript/dashboard/store/modules/specs/customRole/mutations.spec.js

@@ -0,0 +1,48 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../customRole';
+import { customRoleList } from './fixtures';
+
+describe('#mutations', () => {
+  describe('#SET_CUSTOM_ROLE', () => {
+    it('set custom role records', () => {
+      const state = { records: [] };
+      mutations[types.SET_CUSTOM_ROLE](state, customRoleList);
+      expect(state.records).toEqual(customRoleList);
+    });
+  });
+
+  describe('#ADD_CUSTOM_ROLE', () => {
+    it('push newly created custom role to the store', () => {
+      const state = { records: [customRoleList[0]] };
+      mutations[types.ADD_CUSTOM_ROLE](state, customRoleList[1]);
+      expect(state.records).toEqual([customRoleList[0], customRoleList[1]]);
+    });
+  });
+
+  describe('#EDIT_CUSTOM_ROLE', () => {
+    it('update custom role record', () => {
+      const state = { records: [customRoleList[0]] };
+      const updatedRole = { ...customRoleList[0], name: 'Updated Role' };
+      mutations[types.EDIT_CUSTOM_ROLE](state, updatedRole);
+      expect(state.records).toEqual([updatedRole]);
+    });
+  });
+
+  describe('#DELETE_CUSTOM_ROLE', () => {
+    it('delete custom role record', () => {
+      const state = { records: [customRoleList[0], customRoleList[1]] };
+      mutations[types.DELETE_CUSTOM_ROLE](state, customRoleList[0].id);
+      expect(state.records).toEqual([customRoleList[1]]);
+    });
+  });
+
+  describe('#SET_CUSTOM_ROLE_UI_FLAG', () => {
+    it('set custom role UI flags', () => {
+      const state = { uiFlags: {} };
+      mutations[types.SET_CUSTOM_ROLE_UI_FLAG](state, {
+        fetchingList: true,
+      });
+      expect(state.uiFlags).toEqual({ fetchingList: true });
+    });
+  });
+});