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

@@ -0,0 +1,107 @@
+import axios from 'axios';
+import { actions } from '../../automations';
+import * as types from '../../../mutation-types';
+import automationsList 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: { payload: automationsList } });
+      await actions.get({ commit });
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isFetching: true }],
+        [types.default.SET_AUTOMATIONS, automationsList],
+        [types.default.SET_AUTOMATION_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_AUTOMATION_UI_FLAG, { isFetching: true }],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isFetching: false }],
+      ]);
+    });
+  });
+
+  describe('#create', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.post.mockResolvedValue({ data: automationsList[0] });
+      await actions.create({ commit }, automationsList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isCreating: true }],
+        [types.default.ADD_AUTOMATION, automationsList[0]],
+        [types.default.SET_AUTOMATION_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_AUTOMATION_UI_FLAG, { isCreating: true }],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isCreating: false }],
+      ]);
+    });
+  });
+
+  describe('#update', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.patch.mockResolvedValue({
+        data: { payload: automationsList[0] },
+      });
+      await actions.update({ commit }, automationsList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isUpdating: true }],
+        [types.default.EDIT_AUTOMATION, automationsList[0]],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.patch.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.update({ commit }, automationsList[0])
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isUpdating: true }],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isUpdating: false }],
+      ]);
+    });
+  });
+
+  describe('#delete', () => {
+    it('sends correct actions if API is success', async () => {
+      axios.delete.mockResolvedValue({ data: automationsList[0] });
+      await actions.delete({ commit }, automationsList[0].id);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isDeleting: true }],
+        [types.default.DELETE_AUTOMATION, automationsList[0].id],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+    it('sends correct actions if API is error', async () => {
+      axios.delete.mockRejectedValue({ message: 'Incorrect header' });
+      await expect(
+        actions.delete({ commit }, automationsList[0].id)
+      ).rejects.toThrow(Error);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isDeleting: true }],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isDeleting: false }],
+      ]);
+    });
+  });
+
+  describe('#clone', () => {
+    it('clones the automation', async () => {
+      axios.post.mockResolvedValue({ data: automationsList[0] });
+      await actions.clone({ commit }, automationsList[0]);
+      expect(commit.mock.calls).toEqual([
+        [types.default.SET_AUTOMATION_UI_FLAG, { isCloning: true }],
+        [types.default.SET_AUTOMATION_UI_FLAG, { isCloning: false }],
+      ]);
+    });
+  });
+});

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

@@ -0,0 +1,36 @@
+export default [
+  {
+    name: 'Test 5',
+    description: 'Hello',
+    id: 46,
+    account_id: 1,
+    event_name: 'conversation_created',
+    conditions: [
+      {
+        values: ['open'],
+        attribute_key: 'status',
+        filter_operator: 'equal_to',
+      },
+    ],
+    actions: [{ action_name: 'add_label', action_params: ['testlabel'] }],
+    created_on: '2022-02-08T10:46:32.387Z',
+    active: true,
+  },
+  {
+    id: 47,
+    account_id: 1,
+    name: 'Snooze',
+    description: 'Test Description',
+    event_name: 'conversation_created',
+    conditions: [
+      {
+        values: ['pending'],
+        attribute_key: 'status',
+        filter_operator: 'equal_to',
+      },
+    ],
+    actions: [{ action_name: 'assign_team', action_params: [1] }],
+    created_on: '2022-02-08T11:19:44.714Z',
+    active: true,
+  },
+];

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

@@ -0,0 +1,25 @@
+import { getters } from '../../automations';
+import automations from './fixtures';
+describe('#getters', () => {
+  it('getAutomations', () => {
+    const state = { records: automations };
+    expect(getters.getAutomations(state)).toEqual(automations);
+  });
+
+  it('getUIFlags', () => {
+    const state = {
+      uiFlags: {
+        isFetching: true,
+        isCreating: false,
+        isUpdating: false,
+        isDeleting: false,
+      },
+    };
+    expect(getters.getUIFlags(state)).toEqual({
+      isFetching: true,
+      isCreating: false,
+      isUpdating: false,
+      isDeleting: false,
+    });
+  });
+});

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

@@ -0,0 +1,36 @@
+import types from '../../../mutation-types';
+import { mutations } from '../../automations';
+import automations from './fixtures';
+describe('#mutations', () => {
+  describe('#SET_automations', () => {
+    it('set autonmation records', () => {
+      const state = { records: [] };
+      mutations[types.SET_AUTOMATIONS](state, automations);
+      expect(state.records).toEqual(automations);
+    });
+  });
+
+  describe('#ADD_AUTOMATION', () => {
+    it('push newly created automatuion to the store', () => {
+      const state = { records: [automations[0]] };
+      mutations[types.ADD_AUTOMATION](state, automations[1]);
+      expect(state.records).toEqual([automations[0], automations[1]]);
+    });
+  });
+
+  describe('#EDIT_AUTOMATION', () => {
+    it('update automation record', () => {
+      const state = { records: [automations[0]] };
+      mutations[types.EDIT_AUTOMATION](state, automations[0]);
+      expect(state.records[0].name).toEqual('Test 5');
+    });
+  });
+
+  describe('#DELETE_AUTOMATION', () => {
+    it('delete automation record', () => {
+      const state = { records: [automations[0]] };
+      mutations[types.DELETE_AUTOMATION](state, 46);
+      expect(state.records).toEqual([]);
+    });
+  });
+});