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

@@ -0,0 +1,93 @@
+import axios from 'axios';
+import { actions } from '../../attributes';
+import * as types from '../../../mutation-types';
+import attributesList from './fixtures';
+
+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: attributesList });
+      await actions.get({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isFetching: true }],
+        [types.default.SET_CUSTOM_ATTRIBUTE, attributesList],
+        [types.default.SET_CUSTOM_ATTRIBUTE_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_CUSTOM_ATTRIBUTE_UI_FLAG, { isFetching: true }],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+  describe('#create', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.post.mockResolvedValue({ data: attributesList[0] });
+      await actions.create({ commit }, attributesList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isCreating: true }],
+        [types.default.ADD_CUSTOM_ATTRIBUTE, attributesList[0]],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isCreating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.post.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(actions.create({ commit })).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isCreating: true }],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isCreating: false }],
+      ]);
+    });
+  });
+
+  describe('#update', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.patch.mockResolvedValue({ data: attributesList[0] });
+      await actions.update({ commit }, attributesList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isUpdating: true }],
+        [types.default.EDIT_CUSTOM_ATTRIBUTE, attributesList[0]],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.update({ commit }, attributesList[0])
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isUpdating: true }],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+  });
+
+  describe('#delete', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.delete.mockResolvedValue({ data: attributesList[0] });
+      await actions.delete({ commit }, attributesList[0].id);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isDeleting: true }],
+        [types.default.DELETE_CUSTOM_ATTRIBUTE, attributesList[0].id],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.delete.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.delete({ commit }, attributesList[0].id)
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isDeleting: true }],
+        [types.default.SET_CUSTOM_ATTRIBUTE_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+  });
+});

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

@@ -0,0 +1,16 @@
+export default [
+  {
+    attribute_display_name: 'Language',
+    attribute_display_type: 1,
+    attribute_description: 'The conversation language',
+    attribute_key: 'language',
+    attribute_model: 0,
+  },
+  {
+    attribute_display_name: 'Language one',
+    attribute_display_type: 2,
+    attribute_description: 'The conversation language one',
+    attribute_key: 'language_one',
+    attribute_model: 1,
+  },
+];

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

@@ -0,0 +1,50 @@
+import { getters } from '../../attributes';
+import attributesList from './fixtures';
+
+describe('#getters', () => {
+  it('getAttributes', () => {
+    const state = { records: attributesList };
+    expect(getters.getAttributes(state)).toEqual([
+      {
+        attribute_display_name: 'Language',
+        attribute_display_type: 1,
+        attribute_description: 'The conversation language',
+        attribute_key: 'language',
+        attribute_model: 0,
+      },
+      {
+        attribute_display_name: 'Language one',
+        attribute_display_type: 2,
+        attribute_description: 'The conversation language one',
+        attribute_key: 'language_one',
+        attribute_model: 1,
+      },
+    ]);
+  });
+
+  it('getAttributesByModel', () => {
+    const state = { records: attributesList };
+    expect(getters.getAttributesByModel(state)(1)).toEqual([
+      {
+        attribute_display_name: 'Language one',
+        attribute_display_type: 2,
+        attribute_description: 'The conversation language one',
+        attribute_key: 'language_one',
+        attribute_model: 1,
+      },
+    ]);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        isFetching: true,
+        isCreating: false,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      isFetching: true,
+      isCreating: false,
+    });
+  });
+});

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

@@ -0,0 +1,44 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../attributes';
+import attributesList from './fixtures';
+
+describe('#mutations', () => {
+  describe('#SET_CUSTOM_ATTRIBUTE', () => {
+    it('set attribute records', () => {
+      const state = { records: [] };
+      mutations[types.SET_CUSTOM_ATTRIBUTE](state, attributesList);
+      expect(state.records).toEqual(attributesList);
+    });
+  });
+
+  describe('#ADD_CUSTOM_ATTRIBUTE', () => {
+    it('push newly created attributes to the store', () => {
+      const state = { records: [attributesList[0]] };
+      mutations[types.ADD_CUSTOM_ATTRIBUTE](state, attributesList[1]);
+      expect(state.records).toEqual([attributesList[0], attributesList[1]]);
+    });
+  });
+  describe('#EDIT_CUSTOM_ATTRIBUTE', () => {
+    it('update attribute record', () => {
+      const state = { records: [attributesList[0]] };
+      mutations[types.EDIT_CUSTOM_ATTRIBUTE](state, {
+        attribute_display_name: 'Language',
+        attribute_display_type: 0,
+        attribute_description: 'The conversation language',
+        attribute_key: 'language',
+        attribute_model: 0,
+      });
+      expect(state.records[0].attribute_description).toEqual(
+        'The conversation language'
+      );
+    });
+  });
+
+  describe('#DELETE_CUSTOM_ATTRIBUTE', () => {
+    it('delete attribute record', () => {
+      const state = { records: [attributesList[0]] };
+      mutations[types.DELETE_CUSTOM_ATTRIBUTE](state, attributesList[0]);
+      expect(state.records).toEqual([attributesList[0]]);
+    });
+  });
+});