chore: Auto capitalize the last name field while sending the canned response/variables (#6767)

* Capitalize last name

* Add more spec

* Fix last name spec issue

* More spec fixes

* Add more spec fixes

* Update user_drop_spec.rb

app/javascript/dashboard/helper/messageHelper.js

@@ -7,8 +7,8 @@ export const replaceVariablesInMessage = ({ message, variables }) => {
   });
 };
 
-export const capitalizeName = string => {
-  return string.charAt(0).toUpperCase() + string.slice(1);
+export const capitalizeName = name => {
+  return name.replace(/\b(\w)/g, s => s.toUpperCase());
 };
 
 const skipCodeBlocks = str => str.replace(/```(?:.|\n)+?```/g, '');
@@ -20,7 +20,9 @@ export const getFirstName = ({ user }) => {
 
 export const getLastName = ({ user }) => {
   if (user && user.name) {
-    return user.name.split(' ').length > 1 ? user.name.split(' ').pop() : '';
+    const lastName =
+      user.name.split(' ').length > 1 ? user.name.split(' ').pop() : '';
+    return capitalizeName(lastName);
   }
   return '';
 };
@@ -39,7 +41,7 @@ export const getMessageVariables = ({ conversation }) => {
     'contact.phone': sender?.phone_number,
     'contact.id': sender?.id,
     'conversation.id': id,
-    'agent.name': assignee?.name ? assignee?.name : '',
+    'agent.name': capitalizeName(assignee?.name || ''),
     'agent.first_name': getFirstName({ user: assignee }),
     'agent.last_name': getLastName({ user: assignee }),
     'agent.email': assignee?.email ?? '',

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

@@ -88,11 +88,11 @@ describe('#getMessageVariables', () => {
     const conversation = {
       meta: {
         assignee: {
-          name: 'Samuel Smith',
+          name: 'samuel Smith',
           email: 'samuel@example.com',
         },
         sender: {
-          name: 'John Doe',
+          name: 'john Doe',
           email: 'john.doe@gmail.com',
           phone_number: '1234567890',
         },
@@ -139,16 +139,28 @@ describe('#getUndefinedVariablesInMessage', () => {
 });
 
 describe('#capitalizeName', () => {
-  it('Capitalize name if name is passed', () => {
-    const string = 'hello world';
-    expect(capitalizeName(string)).toBe('Hello world');
+  it('capitalize name if name is passed', () => {
+    const string = 'john peter';
+    expect(capitalizeName(string)).toBe('John Peter');
+  });
+  it('capitalize first name if full name is passed', () => {
+    const string = 'john Doe';
+    expect(capitalizeName(string)).toBe('John Doe');
   });
   it('returns empty string if the string is empty', () => {
     const string = '';
     expect(capitalizeName(string)).toBe('');
   });
-  it('Capitalize first name if full name is passed', () => {
-    const string = 'john Doe';
+  it('capitalize last name if last name is passed', () => {
+    const string = 'john doe';
     expect(capitalizeName(string)).toBe('John Doe');
   });
+  it('capitalize first name if first name is passed', () => {
+    const string = 'john';
+    expect(capitalizeName(string)).toBe('John');
+  });
+  it('capitalize last name if last name is passed', () => {
+    const string = 'doe';
+    expect(capitalizeName(string)).toBe('Doe');
+  });
 });