feat: Add flat design for widget (#4065)

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

@@ -1,17 +0,0 @@
-import { getBubbleView, isExpandedView } from '../bubbleHelpers';
-
-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);
-  });
-});

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

@@ -1,4 +1,8 @@
-import { getUserCookieName } from '../cookieHelpers';
+import {
+  getUserCookieName,
+  getUserString,
+  hasUserKeys,
+} from '../cookieHelpers';
 
 describe('#getUserCookieName', () => {
   it('returns correct cookie name', () => {
@@ -6,3 +10,40 @@ describe('#getUserCookieName', () => {
     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);
+  });
+});

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);
+  });
+});