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/conversationLabels/actions.spec.js

@@ -0,0 +1,106 @@
+import axios from 'axios';
+import { actions } from '../../conversationLabels';
+import * as types from '../../../mutation-types';
+
+const commit = vi.fn();
+global.axios = axios;
+vi.mock('axios');
+
+describe('#actions', () => {
+  describe('#get', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.get.mockResolvedValue({
+        data: { payload: ['customer-success', 'on-hold'] },
+      });
+      await actions.get({ commit }, 1);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isFetching: true }],
+
+        [
+          types.default.SET_CONVERSATION_LABELS,
+          { id: 1, data: ['customer-success', 'on-hold'] },
+        ],
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.get.mockRejectedValue({ message: 'Incorrect header' });
+      await actions.get({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isFetching: true }],
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+
+  describe('#update', () => {
+    it('updates correct actions if API is success', async () => {
+      axios.post.mockResolvedValue({
+        data: { payload: { conversationId: '1', labels: ['on-hold'] } },
+      });
+      await actions.update(
+        { commit },
+        { conversationId: '1', labels: ['on-hold'] }
+      );
+
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isUpdating: true }],
+        [
+          types.default.SET_CONVERSATION_LABELS,
+          {
+            id: '1',
+            data: { conversationId: '1', labels: ['on-hold'] },
+          },
+        ],
+        [
+          types.default.SET_CONVERSATION_LABELS_UI_FLAG,
+          { isUpdating: false, isError: false },
+        ],
+      ]);
+    });
+
+    it('sends correct actions if API is error', async () => {
+      axios.post.mockRejectedValue({ message: 'Incorrect header' });
+      await actions.update(
+        { commit },
+        { conversationId: '1', labels: ['on-hold'] }
+      );
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CONVERSATION_LABELS_UI_FLAG, { isUpdating: true }],
+        [
+          types.default.SET_CONVERSATION_LABELS_UI_FLAG,
+          { isUpdating: false, isError: true },
+        ],
+      ]);
+    });
+  });
+
+  describe('#setBulkConversationLabels', () => {
+    it('it send correct mutations', () => {
+      actions.setBulkConversationLabels({ commit }, [
+        { id: 1, labels: ['customer-support'] },
+      ]);
+      expect(commit.mock.calls).toEqual([
+        [
+          types.default.SET_BULK_CONVERSATION_LABELS,
+          [{ id: 1, labels: ['customer-support'] }],
+        ],
+      ]);
+    });
+  });
+
+  describe('#setBulkConversationLabels', () => {
+    it('it send correct mutations', () => {
+      actions.setConversationLabel(
+        { commit },
+        { id: 1, data: ['customer-support'] }
+      );
+      expect(commit.mock.calls).toEqual([
+        [
+          types.default.SET_CONVERSATION_LABELS,
+          { id: 1, data: ['customer-support'] },
+        ],
+      ]);
+    });
+  });
+});

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

@@ -0,0 +1,24 @@
+import { getters } from '../../conversationLabels';
+
+describe('#getters', () => {
+  it('getConversationLabels', () => {
+    const state = {
+      records: { 1: ['customer-success', 'on-hold'] },
+    };
+    expect(getters.getConversationLabels(state)(1)).toEqual([
+      'customer-success',
+      'on-hold',
+    ]);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        isFetching: true,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      isFetching: true,
+    });
+  });
+});

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

@@ -0,0 +1,49 @@
+import * as types from '../../../mutation-types';
+import { mutations } from '../../conversationLabels';
+
+describe('#mutations', () => {
+  describe('#SET_CONVERSATION_LABELS_UI_FLAG', () => {
+    it('set ui flags', () => {
+      const state = { uiFlags: { isFetching: true } };
+      mutations[types.default.SET_CONVERSATION_LABELS_UI_FLAG](state, {
+        isFetching: false,
+      });
+      expect(state.uiFlags).toEqual({
+        isFetching: false,
+      });
+    });
+  });
+
+  describe('#SET_CONVERSATION_LABELS', () => {
+    it('set contact labels', () => {
+      const state = { records: {} };
+      mutations[types.default.SET_CONVERSATION_LABELS](state, {
+        id: 1,
+        data: ['customer-success', 'on-hold'],
+      });
+      expect(state.records).toEqual({
+        1: ['customer-success', 'on-hold'],
+      });
+    });
+  });
+
+  describe('#SET_BULK_CONVERSATION_LABELS', () => {
+    it('set contact labels in bulk', () => {
+      const state = { records: {} };
+      mutations[types.default.SET_BULK_CONVERSATION_LABELS](state, [
+        {
+          id: 1,
+          labels: ['customer-success', 'on-hold'],
+        },
+        {
+          id: 2,
+          labels: ['customer-success'],
+        },
+      ]);
+      expect(state.records).toEqual({
+        1: ['customer-success', 'on-hold'],
+        2: ['customer-success'],
+      });
+    });
+  });
+});