Feature: Typing Indicator on widget and dashboard (#811)

* Adds typing indicator for widget
* typing indicator for agents in dashboard

Co-authored-by: Pranav Raj Sreepuram <pranavrajs@gmail.com>

app/javascript/dashboard/helper/specs/URLHelper.spec.js

@@ -0,0 +1,51 @@
+import {
+  frontendURL,
+  conversationUrl,
+  accountIdFromPathname,
+} from '../URLHelper';
+
+describe('#URL Helpers', () => {
+  describe('conversationUrl', () => {
+    it('should return direct conversation URL if activeInbox is nil', () => {
+      expect(conversationUrl(1, undefined, 1)).toBe(
+        'accounts/1/conversations/1'
+      );
+    });
+    it('should return ibox conversation URL if activeInbox is not nil', () => {
+      expect(conversationUrl(1, 2, 1)).toBe(
+        'accounts/1/inbox/2/conversations/1'
+      );
+    });
+  });
+
+  describe('frontendURL', () => {
+    it('should return url without params if params passed is nil', () => {
+      expect(frontendURL('main', null)).toBe('/app/main');
+    });
+    it('should return url without params if params passed is not nil', () => {
+      expect(frontendURL('main', { ping: 'pong' })).toBe('/app/main?ping=pong');
+    });
+  });
+
+  /* 
+  
+  export const accountIdFromPathname = pathname => {
+  const isInsideAccountScopedURLs = pathname.includes('/app/accounts');
+  const accountId = isInsideAccountScopedURLs ? pathname.split('/')[3] : '';
+  return Number(accountId);
+};
+
+  */
+
+  describe('accountIdFromPathname', () => {
+    it('should return account id if accont scoped url is passed', () => {
+      expect(accountIdFromPathname('/app/accounts/1/settings/general')).toBe(1);
+    });
+    it('should return empty string if accont scoped url not is passed', () => {
+      expect(accountIdFromPathname('/app/accounts/settings/general')).toBe('');
+    });
+    it('should return empty string if empty string is passed', () => {
+      expect(accountIdFromPathname('')).toBe('');
+    });
+  });
+});

app/javascript/dashboard/helper/specs/commons.spec.js

@@ -0,0 +1,26 @@
+import { getTypingUsersText } from '../commons';
+
+describe('#getTypingUsersText', () => {
+  it('returns the correct text is there is only one typing user', () => {
+    expect(getTypingUsersText([{ name: 'Pranav' }])).toEqual(
+      'Pranav is typing'
+    );
+  });
+
+  it('returns the correct text is there are two typing users', () => {
+    expect(
+      getTypingUsersText([{ name: 'Pranav' }, { name: 'Nithin' }])
+    ).toEqual('Pranav and Nithin are typing');
+  });
+
+  it('returns the correct text is there are more than two users are typing', () => {
+    expect(
+      getTypingUsersText([
+        { name: 'Pranav' },
+        { name: 'Nithin' },
+        { name: 'Subin' },
+        { name: 'Sojan' },
+      ])
+    ).toEqual('Pranav and 3 others are typing');
+  });
+});