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/utils/api.js

@@ -0,0 +1,112 @@
+import fromUnixTime from 'date-fns/fromUnixTime';
+import differenceInDays from 'date-fns/differenceInDays';
+import Cookies from 'js-cookie';
+import { LOCAL_STORAGE_KEYS } from 'dashboard/constants/localStorage';
+import { SESSION_STORAGE_KEYS } from 'dashboard/constants/sessionStorage';
+import { LocalStorage } from 'shared/helpers/localStorage';
+import SessionStorage from 'shared/helpers/sessionStorage';
+import { emitter } from 'shared/helpers/mitt';
+import {
+  ANALYTICS_IDENTITY,
+  ANALYTICS_RESET,
+  CHATWOOT_RESET,
+  CHATWOOT_SET_USER,
+} from '../../constants/appEvents';
+
+Cookies.defaults = { sameSite: 'Lax' };
+
+export const getLoadingStatus = state => state.fetchAPIloadingStatus;
+export const setLoadingStatus = (state, status) => {
+  state.fetchAPIloadingStatus = status;
+};
+
+export const setUser = user => {
+  emitter.emit(CHATWOOT_SET_USER, { user });
+  emitter.emit(ANALYTICS_IDENTITY, { user });
+};
+
+export const getHeaderExpiry = response =>
+  fromUnixTime(response.headers.expiry);
+
+export const setAuthCredentials = response => {
+  const expiryDate = getHeaderExpiry(response);
+  Cookies.set('cw_d_session_info', JSON.stringify(response.headers), {
+    expires: differenceInDays(expiryDate, new Date()),
+  });
+  setUser(response.data.data, expiryDate);
+};
+
+export const clearBrowserSessionCookies = () => {
+  Cookies.remove('cw_d_session_info');
+  Cookies.remove('auth_data');
+  Cookies.remove('user');
+};
+
+export const clearLocalStorageOnLogout = () => {
+  LocalStorage.remove(LOCAL_STORAGE_KEYS.DRAFT_MESSAGES);
+};
+
+export const clearSessionStorageOnLogout = () => {
+  SessionStorage.remove(SESSION_STORAGE_KEYS.IMPERSONATION_USER);
+};
+
+export const deleteIndexedDBOnLogout = async () => {
+  let dbs = [];
+  try {
+    dbs = await window.indexedDB.databases();
+    dbs = dbs.map(db => db.name);
+  } catch (e) {
+    dbs = JSON.parse(localStorage.getItem('cw-idb-names') || '[]');
+  }
+
+  dbs.forEach(dbName => {
+    const deleteRequest = window.indexedDB.deleteDatabase(dbName);
+
+    deleteRequest.onerror = event => {
+      // eslint-disable-next-line no-console
+      console.error(`Error deleting database ${dbName}.`, event);
+    };
+
+    deleteRequest.onsuccess = () => {
+      // eslint-disable-next-line no-console
+      console.log(`Database ${dbName} deleted successfully.`);
+    };
+  });
+
+  localStorage.removeItem('cw-idb-names');
+};
+
+export const clearCookiesOnLogout = () => {
+  emitter.emit(CHATWOOT_RESET);
+  emitter.emit(ANALYTICS_RESET);
+  clearBrowserSessionCookies();
+  clearLocalStorageOnLogout();
+  clearSessionStorageOnLogout();
+  const globalConfig = window.globalConfig || {};
+  const logoutRedirectLink = globalConfig.LOGOUT_REDIRECT_LINK || '/';
+  window.location = logoutRedirectLink;
+};
+
+export const parseAPIErrorResponse = error => {
+  if (error?.response?.data?.message) {
+    return error?.response?.data?.message;
+  }
+  if (error?.response?.data?.error) {
+    return error?.response?.data?.error;
+  }
+  if (error?.response?.data?.errors) {
+    return error?.response?.data?.errors[0];
+  }
+  return error;
+};
+
+export const throwErrorMessage = error => {
+  const errorMessage = parseAPIErrorResponse(error);
+  throw new Error(errorMessage);
+};
+
+export const parseLinearAPIErrorResponse = (error, defaultMessage) => {
+  const errorData = error.response.data;
+  const errorMessage = errorData?.error?.errors?.[0]?.message || defaultMessage;
+  return errorMessage;
+};

app/javascript/dashboard/store/utils/specs/api.spec.js

@@ -0,0 +1,75 @@
+import {
+  getLoadingStatus,
+  parseAPIErrorResponse,
+  setLoadingStatus,
+  throwErrorMessage,
+  parseLinearAPIErrorResponse,
+} from '../api';
+
+describe('#getLoadingStatus', () => {
+  it('returns correct status', () => {
+    expect(getLoadingStatus({ fetchAPIloadingStatus: true })).toBe(true);
+  });
+});
+
+describe('#setLoadingStatus', () => {
+  it('set correct status', () => {
+    const state = { fetchAPIloadingStatus: true };
+    setLoadingStatus(state, false);
+    expect(state.fetchAPIloadingStatus).toBe(false);
+  });
+});
+
+describe('#parseAPIErrorResponse', () => {
+  it('returns correct values', () => {
+    expect(
+      parseAPIErrorResponse({
+        response: { data: { message: 'Error Message [message]' } },
+      })
+    ).toBe('Error Message [message]');
+
+    expect(
+      parseAPIErrorResponse({
+        response: { data: { error: 'Error Message [error]' } },
+      })
+    ).toBe('Error Message [error]');
+
+    expect(parseAPIErrorResponse('Error: 422 Failed')).toBe(
+      'Error: 422 Failed'
+    );
+  });
+});
+
+describe('#throwErrorMessage', () => {
+  it('throws correct error', () => {
+    const errorFn = function throwErrorMessageFn() {
+      throwErrorMessage({
+        response: { data: { message: 'Error Message [message]' } },
+      });
+    };
+    expect(errorFn).toThrow('Error Message [message]');
+  });
+});
+
+describe('#parseLinearAPIErrorResponse', () => {
+  it('returns correct values', () => {
+    expect(
+      parseLinearAPIErrorResponse(
+        {
+          response: {
+            data: {
+              error: {
+                errors: [
+                  {
+                    message: 'Error Message [message]',
+                  },
+                ],
+              },
+            },
+          },
+        },
+        'Default Message'
+      )
+    ).toBe('Error Message [message]');
+  });
+});