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/sdk/specs/cookieHelpers.spec.js

@@ -0,0 +1,130 @@
+import Cookies from 'js-cookie';
+import {
+  getUserCookieName,
+  getUserString,
+  hasUserKeys,
+  setCookieWithDomain,
+} from '../cookieHelpers';
+
+describe('#getUserCookieName', () => {
+  it('returns correct cookie name', () => {
+    global.$chatwoot = { websiteToken: '123456' };
+    expect(getUserCookieName()).toBe('cw_user_123456');
+  });
+});
+
+describe('#getUserString', () => {
+  it('returns correct user string', () => {
+    expect(
+      getUserString({
+        user: {
+          name: 'Pranav',
+          email: 'pranav@example.com',
+          avatar_url: 'https://images.chatwoot.com/placeholder',
+          identifier_hash: '12345',
+        },
+        identifier: '12345',
+      })
+    ).toBe(
+      'avatar_urlhttps://images.chatwoot.com/placeholderemailpranav@example.comnamePranavidentifier_hash12345identifier12345'
+    );
+
+    expect(
+      getUserString({
+        user: {
+          email: 'pranav@example.com',
+          avatar_url: 'https://images.chatwoot.com/placeholder',
+        },
+      })
+    ).toBe(
+      'avatar_urlhttps://images.chatwoot.com/placeholderemailpranav@example.comnameidentifier_hashidentifier'
+    );
+  });
+});
+
+describe('#hasUserKeys', () => {
+  it('checks whether the allowed list of keys are present', () => {
+    expect(hasUserKeys({})).toBe(false);
+    expect(hasUserKeys({ randomKey: 'randomValue' })).toBe(false);
+    expect(hasUserKeys({ avatar_url: 'randomValue' })).toBe(true);
+  });
+});
+
+// Mock the 'set' method of the 'Cookies' object
+
+describe('setCookieWithDomain', () => {
+  beforeEach(() => {
+    vi.spyOn(Cookies, 'set');
+  });
+
+  afterEach(() => {
+    vi.restoreAllMocks();
+  });
+
+  it('should set a cookie with default parameters', () => {
+    setCookieWithDomain('myCookie', 'cookieValue');
+
+    expect(Cookies.set).toHaveBeenCalledWith('myCookie', 'cookieValue', {
+      expires: 365,
+      sameSite: 'Lax',
+      domain: undefined,
+    });
+  });
+
+  it('should set a cookie with custom expiration and sameSite attribute', () => {
+    setCookieWithDomain('myCookie', 'cookieValue', {
+      expires: 30,
+    });
+
+    expect(Cookies.set).toHaveBeenCalledWith('myCookie', 'cookieValue', {
+      expires: 30,
+      sameSite: 'Lax',
+      domain: undefined,
+    });
+  });
+
+  it('should set a cookie with a specific base domain', () => {
+    setCookieWithDomain('myCookie', 'cookieValue', {
+      baseDomain: 'example.com',
+    });
+
+    expect(Cookies.set).toHaveBeenCalledWith('myCookie', 'cookieValue', {
+      expires: 365,
+      sameSite: 'Lax',
+      domain: 'example.com',
+    });
+  });
+
+  it('should stringify the cookie value when setting the value', () => {
+    setCookieWithDomain(
+      'myCookie',
+      { value: 'cookieValue' },
+      {
+        baseDomain: 'example.com',
+      }
+    );
+
+    expect(Cookies.set).toHaveBeenCalledWith(
+      'myCookie',
+      JSON.stringify({ value: 'cookieValue' }),
+      {
+        expires: 365,
+        sameSite: 'Lax',
+        domain: 'example.com',
+      }
+    );
+  });
+
+  it('should set a cookie with custom expiration, sameSite attribute, and specific base domain', () => {
+    setCookieWithDomain('myCookie', 'cookieValue', {
+      expires: 7,
+      baseDomain: 'example.com',
+    });
+
+    expect(Cookies.set).toHaveBeenCalledWith('myCookie', 'cookieValue', {
+      expires: 7,
+      sameSite: 'Lax',
+      domain: 'example.com',
+    });
+  });
+});

app/javascript/sdk/specs/settingsHelpers.spec.js

@@ -0,0 +1,38 @@
+import {
+  getBubbleView,
+  getWidgetStyle,
+  isExpandedView,
+  isFlatWidgetStyle,
+} from '../settingsHelper';
+
+describe('#getBubbleView', () => {
+  it('returns correct view', () => {
+    expect(getBubbleView('')).toEqual('standard');
+    expect(getBubbleView('standard')).toEqual('standard');
+    expect(getBubbleView('expanded_bubble')).toEqual('expanded_bubble');
+  });
+});
+
+describe('#isExpandedView', () => {
+  it('returns true if it is expanded view', () => {
+    expect(isExpandedView('')).toEqual(false);
+    expect(isExpandedView('standard')).toEqual(false);
+    expect(isExpandedView('expanded_bubble')).toEqual(true);
+  });
+});
+
+describe('#getWidgetStyle', () => {
+  it('returns correct view', () => {
+    expect(getWidgetStyle('')).toEqual('standard');
+    expect(getWidgetStyle('standard')).toEqual('standard');
+    expect(getWidgetStyle('flat')).toEqual('flat');
+  });
+});
+
+describe('#isFlatWidgetStyle', () => {
+  it('returns true if it is expanded view', () => {
+    expect(isFlatWidgetStyle('')).toEqual(false);
+    expect(isFlatWidgetStyle('standard')).toEqual(false);
+    expect(isFlatWidgetStyle('flat')).toEqual(true);
+  });
+});