@servicetitan/titan-chat-ui 2.0.1 → 2.0.2

package/dist/utils/__tests__/text-utils.test.js

@@ -0,0 +1,59 @@
+import { expect } from '@jest/globals';
+import { extractFilenameAndExt, formatChatMessageDate, getFirstName, getNameInitials, getNameInitialsFirst, } from '../text-utils';
+describe('text-utils', () => {
+    test('should get initials from name', () => {
+        expect(getNameInitials('')).toEqual('');
+        expect(getNameInitials('A')).toEqual('A');
+        expect(getNameInitials('AB')).toEqual('A');
+        expect(getNameInitials('abcd')).toEqual('A');
+        expect(getNameInitials('  abcd   ')).toEqual('A');
+        expect(getNameInitials('   a b c   ')).toEqual('AB');
+        expect(getNameInitials('abcd ef')).toEqual('AE');
+        expect(getNameInitials('a b c d')).toEqual('AB');
+    });
+    test('should extract filename and ext', () => {
+        expect(extractFilenameAndExt('')).toEqual(['', '']);
+        expect(extractFilenameAndExt('a')).toEqual(['a', '']);
+        expect(extractFilenameAndExt('a.')).toEqual(['a.', '']);
+        expect(extractFilenameAndExt('a.b')).toEqual(['a.', 'b']);
+        expect(extractFilenameAndExt('a.b.c')).toEqual(['a.b.', 'c']);
+        expect(extractFilenameAndExt('aaaa.bbbb.cccc')).toEqual(['aaaa.bbbb.', 'cccc']);
+    });
+    test('should getFirstName', () => {
+        expect(getFirstName('')).toEqual('');
+        expect(getFirstName('A')).toEqual('A');
+        expect(getFirstName('AB')).toEqual('AB');
+        expect(getFirstName('abcd')).toEqual('abcd');
+        expect(getFirstName('  abcd   ')).toEqual('abcd');
+        expect(getFirstName('   a b c   ')).toEqual('a');
+        expect(getFirstName('abcd ef')).toEqual('abcd');
+        expect(getFirstName('a b c d')).toEqual('a');
+    });
+    test('should getNameInitialsFirst', () => {
+        expect(getNameInitials('')).toEqual('');
+        expect(getNameInitials('A')).toEqual('A');
+        expect(getNameInitials('AB')).toEqual('A');
+        expect(getNameInitials('abcd')).toEqual('A');
+        expect(getNameInitials('  abcd   ')).toEqual('A');
+        expect(getNameInitials('   a b c   ')).toEqual('AB');
+        expect(getNameInitials('abcd ef')).toEqual('AE');
+        expect(getNameInitials('a b c d')).toEqual('AB');
+    });
+    test('should formatChatMessageDate', () => {
+        const date = new Date('2023-10-01T12:00:00Z');
+        expect(formatChatMessageDate(date)).toEqual('12:00 PM');
+        expect(formatChatMessageDate(new Date('2023-10-01T00:00:00Z'))).toEqual('12:00 AM');
+        expect(formatChatMessageDate(new Date('2023-10-01T23:59:59Z'))).toEqual('11:59 PM');
+    });
+    test('should getNameInitialsFirst', () => {
+        expect(getNameInitialsFirst('')).toEqual('');
+        expect(getNameInitialsFirst('A')).toEqual('A');
+        expect(getNameInitialsFirst('AB')).toEqual('A');
+        expect(getNameInitialsFirst('abcd')).toEqual('A');
+        expect(getNameInitialsFirst('  abcd   ')).toEqual('A');
+        expect(getNameInitialsFirst('   a b c   ')).toEqual('A');
+        expect(getNameInitialsFirst('abcd ef')).toEqual('A');
+        expect(getNameInitialsFirst('a b c d')).toEqual('A');
+    });
+});
+//# sourceMappingURL=text-utils.test.js.map

package/dist/utils/__tests__/text-utils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-utils.test.js","sourceRoot":"","sources":["../../../src/utils/__tests__/text-utils.test.ts"],"names":[],"mappings":"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"}

package/dist/utils/text-utils.d.ts

@@ -3,9 +3,4 @@ export declare const getFirstName: (name: string) => string;
 export declare const getNameInitials: (name: string) => string;
 export declare const getNameInitialsFirst: (name: string) => string;
 export declare const extractFilenameAndExt: (fileName: string) => [string, string];
-export declare const ellipsisText: (text: string, lineLength: number, linesCount: number, lastLineLength?: number) => {
-    lines: string[];
-    isCut: boolean;
-};
-export declare function extractContentFromHtml(html: string): string;
 //# sourceMappingURL=text-utils.d.ts.map

package/dist/utils/text-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-utils.d.ts","sourceRoot":"","sources":["../../src/utils/text-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,UAK/C;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,MAG3C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAO9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,KAAG,CAAC,MAAM,EAAE,MAAM,CASvE,CAAC;AAEF,eAAO,MAAM,YAAY,GACrB,MAAM,MAAM,EACZ,YAAY,MAAM,EAClB,YAAY,MAAM,EAClB,iBAAgB,MAAmB,KACpC;IAAE,KAAK,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAgCnC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,UAgBlD"}
+{"version":3,"file":"text-utils.d.ts","sourceRoot":"","sources":["../../src/utils/text-utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,IAAI,UAK/C;AAED,eAAO,MAAM,YAAY,GAAI,MAAM,MAAM,KAAG,MAG3C,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,MAAM,KAAG,MAO9C,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,MAAM,MAAM,KAAG,MAGnD,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,KAAG,CAAC,MAAM,EAAE,MAAM,CASvE,CAAC"}

package/dist/utils/text-utils.js

@@ -5,11 +5,11 @@ export function formatChatMessageDate(date) {
     });
 }
 export const getFirstName = (name) => {
-    const parts = name.split(' ');
+    const parts = name.trim().split(' ');
     return parts[0];
 };
 export const getNameInitials = (name) => {
-    const parts = name.split(' ');
+    const parts = name.trim().split(' ');
     return parts
         .filter(Boolean)
         .splice(0, 2)
@@ -30,53 +30,4 @@ export const extractFilenameAndExt = (fileName) => {
         fileName.substring(lastIndex + 1, fileName.length),
     ];
 };
-export const ellipsisText = (text, lineLength, linesCount, lastLineLength = lineLength) => {
-    let lines = text.split('\n').map(l => l.trim());
-    let isCut = false;
-    let charsLeft = lineLength * linesCount - lastLineLength;
-    let linesLeft = linesCount;
-    for (let i = 0; i < lines.length; i++) {
-        let line = lines[i];
-        let linesInRow = Math.trunc(line.length / lineLength);
-        if (line.length % lineLength > 0) {
-            linesInRow++;
-        }
-        if (linesInRow === 0) {
-            linesInRow = 1;
-        }
-        linesLeft -= linesInRow;
-        line = line.slice(0, charsLeft);
-        lines[i] = line;
-        charsLeft = charsLeft - Math.max(lineLength, line.length);
-        if (charsLeft <= 0 || linesLeft <= 0) {
-            isCut = line.length >= lineLength - lastLineLength || i < lines.length - 1;
-            lines = lines.slice(0, i + 1);
-            if (line.length >= lineLength - lastLineLength) {
-                lines[i] = lines[i] + '...';
-            }
-            break;
-        }
-    }
-    return {
-        isCut,
-        lines,
-    };
-};
-export function extractContentFromHtml(html) {
-    const span = document.createElement('span');
-    span.innerHTML = html;
-    function getTextLoop(element) {
-        const texts = [];
-        Array.from(element.childNodes).forEach(node => {
-            if (node.nodeType === Node.TEXT_NODE && node.textContent) {
-                texts.push(node.textContent.trim());
-            }
-            else {
-                texts.push(...getTextLoop(node));
-            }
-        });
-        return texts;
-    }
-    return getTextLoop(span).join(' ');
-}
 //# sourceMappingURL=text-utils.js.map

package/dist/utils/text-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-utils.js","sourceRoot":"","sources":["../../src/utils/text-utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"text-utils.js","sourceRoot":"","sources":["../../src/utils/text-utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CAAC,IAAU;IAC5C,OAAO,IAAI,CAAC,kBAAkB,CAAC,OAAO,EAAE;QACpC,IAAI,EAAE,SAAS;QACf,MAAM,EAAE,SAAS;KACpB,CAAC,CAAC;AACP,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAY,EAAU,EAAE;IACjD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,IAAY,EAAU,EAAE;IACpD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACrC,OAAO,KAAK;SACP,MAAM,CAAC,OAAO,CAAC;SACf,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;SACZ,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAE,CAAC,WAAW,EAAE,CAAC;SAC7B,IAAI,CAAC,EAAE,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAU,EAAE;IACzD,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,OAAO,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,QAAgB,EAAoB,EAAE;IACxE,MAAM,SAAS,GAAG,QAAQ,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;IAC5C,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;QACnB,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC1B,CAAC;IACD,OAAO;QACH,QAAQ,CAAC,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG,GAAG;QACtC,QAAQ,CAAC,SAAS,CAAC,SAAS,GAAG,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;KACrD,CAAC;AACN,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chat-ui",
-    "version": "2.0.1",
+    "version": "2.0.2",
     "description": "Chat experience UI package",
     "repository": {
         "type": "git",
@@ -8,12 +8,18 @@
         "directory": "packages/titan-chat-ui"
     },
     "main": "./dist/index.js",
-    "typings": "./dist/index.d.ts",
+    "typings": [
+        "./dist/index.d.ts"
+    ],
+    "exports": {
+        ".": "./dist/index.js"
+    },
     "scripts": {
         "publish:local": "yalc publish",
         "push:local": "yalc push"
     },
     "dependencies": {
+        "@local/utils": "^2.0.2",
         "lodash": "4.17.21",
         "nanoid": "^5.1.5"
     },
@@ -48,5 +54,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "53df617a686ac095137f23a502d40e91de301a78"
+    "gitHead": "320b1a392e53567f8723d3d79eb66d2074df1e8e"
 }

package/src/components/chat/__tests-cy__/chat-messages.test.tsx

@@ -1,3 +1,4 @@
+import { ChatUiSelectors } from '@local/utils';
 import { Provider } from '@servicetitan/react-ioc';
 import { mount } from 'cypress/react';
 import { mockChatMessageModelText } from '../../../models';
@@ -31,8 +32,9 @@ describe('[ChatMessages]', () => {
 
     it('should render default chat', () => {
         render();
-        cy.getCy('titan-chat-messages').should('be.visible');
-        cy.getCy2('chat-message-normal').should('have.length', 2);
+
+        ChatUiSelectors.chatMessages.should('be.visible');
+        ChatUiSelectors.chatMessage.should('have.length', 2);
     });
 
     it('should render several consecutive agent messages without extra avatars', () => {
@@ -80,21 +82,19 @@ describe('[ChatMessages]', () => {
         ];
         render();
 
-        const getAgentMessages = () =>
-            cy.getCy2('chat-message-normal').filter('[data-cy="chat-message-agent"]');
-        const getUserMessages = () =>
-            cy.getCy2('chat-message-normal').filter('[data-cy="chat-message-user"]');
-        const getAvatar = (i: number) =>
-            getAgentMessages().eq(i).find('[data-cy="chat-avatar-bot"]');
-        const getTimestamp = (i: number, isUser = false) =>
-            (isUser ? getUserMessages() : getAgentMessages())
+        const getTimestamp = (i: number) =>
+            ChatUiSelectors.chatMessage
                 .eq(i)
-                .find(`[data-cy="chat-message-${isUser ? 'user' : 'agent'}-footer"]`);
+                .find(`[data-cy="${ChatUiSelectors.cy.chatMessageFooter}"]`);
 
-        getAgentMessages().should('have.length', 4);
-        getUserMessages().should('have.length', 4);
+        ChatUiSelectors.chatMessageAgent.should('have.length', 4);
+        ChatUiSelectors.chatMessageUser.should('have.length', 4);
 
         // Agent avatar should be visible only for the first message in group
+        const getAvatar = (i: number) =>
+            ChatUiSelectors.chatMessageAgent
+                .find(`[data-cy="${ChatUiSelectors.cy.chatAvatar}"]`)
+                .eq(i);
         getAvatar(0).should('be.visible');
         getAvatar(1).should('not.exist');
         getAvatar(2).should('not.exist');
@@ -105,9 +105,9 @@ describe('[ChatMessages]', () => {
         getTimestamp(1).should('be.visible').should('contain.text', 'agent • 10:10 AM');
         getTimestamp(2).should('not.exist');
         getTimestamp(3).should('be.visible').should('contain.text', 'agent • 10:11 AM');
-        getTimestamp(0, true).should('be.visible').should('contain.text', '11:10 AM');
-        getTimestamp(1, true).should('be.visible').should('contain.text', '11:11 AM');
-        getTimestamp(2, true).should('not.exist');
-        getTimestamp(3, true).should('be.visible').should('contain.text', '11:12 AM');
+        getTimestamp(4).should('be.visible').should('contain.text', '11:10 AM');
+        getTimestamp(5).should('be.visible').should('contain.text', '11:11 AM');
+        getTimestamp(6).should('not.exist');
+        getTimestamp(7).should('be.visible').should('contain.text', '11:12 AM');
     });
 });

package/src/components/chat/__tests-cy__/chat.test.tsx

@@ -1,3 +1,4 @@
+import { ChatUiSelectors } from '@local/utils';
 import { Container, provide, useDependencies } from '@servicetitan/react-ioc';
 import { mount } from 'cypress/react';
 import { useEffect } from 'react';
@@ -71,7 +72,7 @@ describe('[Chat]', () => {
         cy.spy(chatUiStore, 'run').as('runSpy');
         mount(<ChatWrapper />);
 
-        cy.getCy('titan-chat-connecting').should('be.visible');
+        ChatUiSelectors.chatConnecting.should('be.visible');
         cy.tick(1000);
         return cy.wrap(
             new Promise(resolve => {
@@ -88,37 +89,37 @@ describe('[Chat]', () => {
     };
 
     const ask = (message: string) => {
-        cy.getCy('titan-chat-input').type(`${message}{enter}`);
+        ChatUiSelectors.chatInput.type(`${message}{enter}`);
     };
 
     it('should render default chat', () => {
         render().then(() => {
-            cy.getCy('titan-chat-messages').should('be.visible');
-            cy.getCy('chat-message-agent').should('have.length', 1).should('be.visible');
-            cy.getCy('chat-message-agent-content')
+            ChatUiSelectors.chatMessages.should('be.visible');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 1).should('be.visible');
+            ChatUiSelectors.chatMessageContentAgent
                 .should('be.visible')
                 .should(
                     'contain.text',
                     "Hello! I'm generic echo bot. I can echo your messages. Try it out!"
                 );
-            cy.getCy('titan-chat-notifications').should('exist');
-            cy.getCy('titan-chat-send').should('be.visible').should('be.disabled');
-            cy.getCy('titan-chat-input').should('be.visible').should('not.be.disabled');
+            ChatUiSelectors.chatNotifications.should('exist');
+            ChatUiSelectors.chatSend.should('be.visible').should('be.disabled');
+            ChatUiSelectors.chatInput.should('be.visible').should('not.be.disabled');
 
-            cy.getCy('titan-chat-input').type('Hello');
-            cy.getCy('titan-chat-send').click();
+            ChatUiSelectors.chatInput.type('Hello');
+            ChatUiSelectors.chatSend.click();
 
-            cy.getCy('chat-message-user')
+            ChatUiSelectors.chatMessageUser
                 .should('be.visible')
                 .should('have.length', 1)
                 .should('contain.text', 'Hello');
-            cy.getCy('chat-message-typing').should('be.visible');
-            cy.getCy('chat-message-agent').should('have.length', 1);
+            ChatUiSelectors.chatMessageTyping.should('be.visible');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 1);
 
             cy.tick(1000);
 
-            cy.getCy('chat-message-typing').should('not.exist');
-            cy.getCy('chat-message-agent').should('have.length', 2);
+            ChatUiSelectors.chatMessageTyping.should('not.exist');
+            ChatUiSelectors.chatMessageAgent.should('have.length', 2);
         });
     });
 
@@ -132,8 +133,8 @@ describe('[Chat]', () => {
                 },
             });
 
-            cy.getCy('titan-chat-timer').should('not.exist');
-            cy.getCy('titan-chat-error').should('be.visible');
+            ChatUiSelectors.chatTimer.should('not.exist');
+            ChatUiSelectors.chatError.should('be.visible');
         });
     });
 
@@ -143,15 +144,15 @@ describe('[Chat]', () => {
             cy.tick(1000);
 
             // Check error message
-            cy.getCy('titan-chat-message-user-error')
+            ChatUiSelectors.chatMessageError
                 .should('be.visible')
                 .should('contain.text', 'Message not delivered. Retry');
-            cy.getCy('titan-chat-error')
+            ChatUiSelectors.chatError
                 .should('be.visible')
                 .should('contain.text', ['Custom Error Title', 'Custom error message'].join(''));
 
             // Retry message
-            cy.getCy('titan-chat-message-user-retry').should('be.visible').click();
+            ChatUiSelectors.chatMessageErrorRetry.should('be.visible').click();
             cy.tick(1000);
         });
     });

package/src/components/chat/chat-error.tsx

@@ -25,7 +25,7 @@ export const ChatError: FC = observer(() => {
             className={Styles.banner}
             data-cy="titan-chat-error"
         >
-            <MultilineText text={error.message} />
+            <MultilineText text={error.message} data-cy="titan-chat-error-text" />
             {error.recoverStrategy && (
                 <Button
                     className="m-t-2 bg-white-i"

package/src/components/chat/chat-message-template-user.tsx

@@ -22,7 +22,7 @@ export const ChatMessageTemplateUser: FC<PropsWithChildren<IChatMessageProps>> =
                 isError={isError}
                 messageFooter={
                     isError ? (
-                        <Eyebrow className="c-red-600" data-cy="titan-chat-message-user-error">
+                        <Eyebrow className="c-red-600" data-cy="titan-chat-message-error">
                             Message not delivered. Retry
                             <Button
                                 iconName="refresh"
@@ -31,7 +31,7 @@ export const ChatMessageTemplateUser: FC<PropsWithChildren<IChatMessageProps>> =
                                 negative
                                 aria-label="Retry send message"
                                 onClick={handleRetry}
-                                data-cy="titan-chat-message-user-retry"
+                                data-cy="titan-chat-message-error-retry"
                             />
                         </Eyebrow>
                     ) : !omitTimestamp ? (

package/src/components/chat/chat.tsx

@@ -49,7 +49,7 @@ export const Chat: FC<IChatProps> = observer(({ className, customizations }) =>
                     <ChatNotifications />
                     {!chatUiStore.customizations?.input?.isDisabled && (
                         <Stack className="p-x-3 p-y-2" direction="column" spacing="2">
-                            <ChatInputFile className="box-sizing-border-box border-radius-1 border border-style-dashed" />
+                            <ChatInputFile className="p-2 box-sizing-border-box border-radius-1 border border-style-dashed" />
                             <ChatInput />
                             {Boolean(footerComponent) && footerComponent}
                         </Stack>

package/src/components/messages/__tests-cy__/message-agent.test.tsx

@@ -1,5 +1,6 @@
 // eslint-disable-next-line spaced-comment
 /// <reference types="../../../cypress" />
+import { ChatUiSelectors } from '@local/utils';
 import { BodyText, Button, Stack } from '@servicetitan/design-system';
 import { mount } from 'cypress/react';
 import { ChatParticipantIcon } from '../../../models/support-chat';
@@ -24,12 +25,9 @@ describe('[MessageAgent]', () => {
                 <BodyText data-cy="content">message agent content</BodyText>
             </MessageAgent>
         );
-        cy.getCy('chat-message-agent').should('be.visible').children().should('have.length', 2);
-        cy.getCy('chat-avatar-bot').should('be.visible').should('have.class', 'custom-class');
-        cy.getCy('chat-message-agent-content')
-
-            .should('contain.text', 'message agent content');
-        cy.getCy('content').should('contain.text', 'message agent content');
+        ChatUiSelectors.chatMessageAgent.should('be.visible').children().should('have.length', 2);
+        ChatUiSelectors.chatAvatarBot.should('be.visible').should('have.class', 'custom-class');
+        ChatUiSelectors.chatMessageContentAgent.should('contain.text', 'message agent content');
     });
 
     it('should be full width', () => {
@@ -44,13 +42,13 @@ describe('[MessageAgent]', () => {
                 <BodyText>message agent content</BodyText>
             </MessageAgent>
         );
-        cy.getCy('chat-message-agent-center').should('contain.text', 'message agent content');
+        ChatUiSelectors.chatMessageContentAgent.should('contain.text', 'message agent content');
     });
 
     it('should render with custom data-cy', () => {
         mount(
             <MessageAgent
-                data-cy="custom-data-cy"
+                data-cy2="custom-data-cy"
                 avatar={{
                     name: 'Test User Name',
                     icon: ChatParticipantIcon.Bot,
@@ -59,8 +57,7 @@ describe('[MessageAgent]', () => {
                 <BodyText>message agent content</BodyText>
             </MessageAgent>
         );
-        cy.getCy('custom-data-cy').should('be.visible');
-        cy.getCy('custom-data-cy-content').should('be.visible');
+        cy.getCy2('custom-data-cy').should('be.visible');
     });
 
     it('should render custom message footer', () => {
@@ -83,27 +80,12 @@ describe('[MessageAgent]', () => {
                 <BodyText>message agent content</BodyText>
             </MessageAgent>
         );
-        cy.getCy('chat-message-agent').should('be.visible').children().should('have.length', 2);
-        cy.getCy('chat-message-agent-footer')
+        ChatUiSelectors.chatMessageAgent.should('be.visible').children().should('have.length', 2);
+        ChatUiSelectors.chatMessageFooter
             .should('be.visible')
             .should('contain.text', 'name • 10:10 AM');
     });
 
-    it('should render error message', () => {
-        mount(
-            <MessageAgent
-                isError
-                avatar={{
-                    name: 'Test User Name',
-                    icon: ChatParticipantIcon.Bot,
-                }}
-            >
-                <BodyText>message agent content</BodyText>
-            </MessageAgent>
-        );
-        cy.getCy2('chat-message-error').should('be.visible');
-    });
-
     it('should render subtle message', () => {
         mount(
             <MessageAgent
@@ -118,7 +100,7 @@ describe('[MessageAgent]', () => {
                 </Stack>
             </MessageAgent>
         );
-        cy.getCy('chat-avatar-bot').should('be.visible');
+        ChatUiSelectors.chatAvatarBot.should('be.visible');
         cy.getCy('custom-content')
             .should('be.visible')
             .should('contain.text', 'message agent content');
@@ -139,17 +121,17 @@ describe('[MessageAgent]', () => {
         };
         it('icon bot', () => {
             render(ChatParticipantIcon.Bot);
-            cy.getCy('chat-avatar-bot').should('be.visible');
+            ChatUiSelectors.chatAvatarBot.should('be.visible');
         });
 
         it('icon initials', () => {
             render(ChatParticipantIcon.Initials);
-            cy.getCy('chat-avatar-initials').should('be.visible').should('contain.text', 'T');
+            ChatUiSelectors.chatAvatarInitials.should('be.visible').should('contain.text', 'T');
         });
 
         it('icon empty', () => {
             render(ChatParticipantIcon.Empty);
-            cy.getCy('chat-avatar-empty').should('exist').should('not.be.visible');
+            ChatUiSelectors.chatAvatarEmpty.should('exist').should('not.be.visible');
         });
     });
 });

package/src/components/messages/__tests-cy__/message-system.test.tsx

@@ -1,5 +1,6 @@
 // eslint-disable-next-line spaced-comment
 /// <reference types="../../../cypress" />
+import { ChatUiSelectors } from '@local/utils';
 import { BodyText, Stack } from '@servicetitan/design-system';
 import { mount } from 'cypress/react';
 import { MessageSystem } from '../message-system';
@@ -17,7 +18,7 @@ describe('[MessageSystem]', () => {
                 </Stack>
             </MessageSystem>
         );
-        cy.getCy('chat-message-system').should('have.class', 'custom-class').should('be.visible');
+        ChatUiSelectors.chatMessageSystem.should('have.class', 'custom-class').should('be.visible');
     });
 
     it('should be properly rendered fullwidth', () => {
@@ -28,6 +29,6 @@ describe('[MessageSystem]', () => {
                 </Stack>
             </MessageSystem>
         );
-        cy.getCy('chat-message-system').should('have.class', 'custom-class').should('be.visible');
+        ChatUiSelectors.chatMessageSystem.should('have.class', 'custom-class').should('be.visible');
     });
 });

package/src/components/messages/__tests-cy__/message-timeout.test.tsx

@@ -1,5 +1,6 @@
 // eslint-disable-next-line spaced-comment
 /// <reference types="../../../cypress" />
+import { ChatUiSelectors } from '@local/utils';
 import { mount } from 'cypress/react';
 import { MessageTimeout } from '../message-timeout';
 
@@ -9,7 +10,7 @@ describe('MessageTimeout', () => {
         const onReset = cy.spy().as('onReset');
         mount(<MessageTimeout onResume={onResume} onReset={onReset} />);
 
-        cy.getCy('chat-message-timeout')
+        ChatUiSelectors.chatMessageTimeout
             .should('be.visible')
             .should(
                 'contain.text',
@@ -19,20 +20,12 @@ describe('MessageTimeout', () => {
                     'Continue session or Start new session',
                 ].join('')
             );
-        cy.getCy('chat-message-timeout-resume').should('be.visible');
-        cy.getCy('chat-message-timeout-reset').should('be.visible');
+        ChatUiSelectors.chatMessageTimeoutResume.should('be.visible');
+        ChatUiSelectors.chatMessageTimeoutReset.should('be.visible');
 
-        cy.getCy('chat-message-timeout-resume').click();
+        ChatUiSelectors.chatMessageTimeoutResume.click();
         cy.get('@onResume').should('have.been.calledOnce');
-        cy.getCy('chat-message-timeout-reset').click();
+        ChatUiSelectors.chatMessageTimeoutReset.click();
         cy.get('@onReset').should('have.been.calledOnce');
     });
-
-    it('should render with custom data-cy', () => {
-        mount(<MessageTimeout onResume={cy.stub()} onReset={cy.stub()} data-cy="custom-data-cy" />);
-
-        cy.getCy('custom-data-cy').should('be.visible');
-        cy.getCy('custom-data-cy-resume').should('be.visible');
-        cy.getCy('custom-data-cy-reset').should('be.visible');
-    });
 });

package/src/components/messages/__tests-cy__/message-typing.test.tsx

@@ -1,5 +1,6 @@
 // eslint-disable-next-line spaced-comment
 /// <reference types="../../../cypress" />
+import { ChatUiSelectors } from '@local/utils';
 import { mount } from 'cypress/react';
 import { ChatParticipantIcon } from '../../../models/support-chat';
 import { MessageTyping } from '../message-typing';
@@ -15,13 +16,13 @@ describe('ChatMessageTyping', () => {
                 }}
             />
         );
-        cy.getCy('chat-message-typing').should('be.visible').children().should('have.length', 2);
-        cy.getCy('chat-message-typing-dots').should('be.visible');
+        ChatUiSelectors.chatMessageTyping.should('be.visible').children().should('have.length', 2);
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
     }
 
     it('should render message with bot icon', () => {
         render(ChatParticipantIcon.Bot);
-        cy.getCy('chat-avatar-bot')
+        ChatUiSelectors.chatAvatarBot
             .should('be.visible')
             .should('have.class', 'custom-class')
             .invoke('css', 'background-image')
@@ -35,24 +36,24 @@ describe('ChatMessageTyping', () => {
 
     it('should render message with empty icon', () => {
         render(ChatParticipantIcon.Empty);
-        cy.getCy('chat-avatar-empty').should('exist').should('not.be.visible');
+        ChatUiSelectors.chatAvatarEmpty.should('exist').should('not.be.visible');
     });
 
     it('should render message with initials', () => {
         render(ChatParticipantIcon.Initials);
-        cy.getCy('chat-avatar-initials').should('be.visible').should('contain.text', 'T');
+        ChatUiSelectors.chatAvatarInitials.should('be.visible').should('contain.text', 'T');
     });
 
     it('should not cancel the dots animation', () => {
         cy.clock();
         render(ChatParticipantIcon.Initials);
         // Verify the rendered component + check the dots animation doesn't change over the time
-        cy.getCy('chat-message-typing-dots').should('be.visible');
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
         cy.tick(10000);
-        cy.getCy('chat-message-typing-dots').should('be.visible');
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
         cy.tick(20000);
-        cy.getCy('chat-message-typing-dots').should('be.visible');
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
         cy.tick(30000);
-        cy.getCy('chat-message-typing-dots').should('be.visible');
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
     });
 });