@servicetitan/titan-chat-ui-anvil2 3.0.0

package/dist/components/message-content/message-content-text.d.ts

@@ -0,0 +1,8 @@
+import { ChatMessageModelText, ChatMessageModelWelcome } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+interface IMessageContentTextProps {
+    message: ChatMessageModelText | ChatMessageModelWelcome;
+}
+export declare const MessageContentText: FC<IMessageContentTextProps>;
+export {};
+//# sourceMappingURL=message-content-text.d.ts.map

package/dist/components/message-content/message-content-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,UAAU,wBAAwB;IAC9B,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;CAC3D;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAE1D,CAAC"}

package/dist/components/message-content/message-content-text.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { observer } from 'mobx-react';
+import { MultilineText } from '../common/multiline-text';
+export const MessageContentText = observer(({ message }) => {
+    return _jsx(MultilineText, { text: message.message });
+});
+//# sourceMappingURL=message-content-text.js.map

package/dist/components/message-content/message-content-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-text.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAMzD,MAAM,CAAC,MAAM,kBAAkB,GAAiC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrF,OAAO,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,GAAI,CAAC;AACpD,CAAC,CAAC,CAAC"}

package/dist/components/messages/__tests-cy__/message-agent.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-agent.test.d.ts.map

package/dist/components/messages/__tests-cy__/message-agent.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.test.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-agent.test.tsx"],"names":[],"mappings":""}

package/dist/components/messages/__tests-cy__/message-agent.test.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AnvilProvider, Button, Flex, Text } from '@servicetitan/anvil2';
+import IconThumbDown from '@servicetitan/anvil2/assets/icons/material/round/thumb_down.svg';
+import IconThumbUp from '@servicetitan/anvil2/assets/icons/material/round/thumb_up.svg';
+import { ChatParticipantIcon } from '@servicetitan/titan-chat-ui-common';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount as cyMount } from 'cypress/react';
+import { MessageAgent } from '../message-agent';
+import { MessageFooter } from '../message-footer';
+describe('[MessageAgent]', () => {
+    beforeEach(() => {
+        cy.viewport('macbook-13');
+        cy.clock(new Date('2023-10-10T10:10:00Z').getTime());
+    });
+    const mount = (children) => {
+        return cyMount(_jsx(AnvilProvider, { children: children }));
+    };
+    it('should be properly rendered', () => {
+        mount(_jsx(MessageAgent, { avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+                className: 'custom-class',
+            }, children: _jsx(Text, { "data-cy": "content", children: "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', () => {
+        mount(_jsx(MessageAgent, { fullWidth: true, avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(Text, { children: "message agent content" }) }));
+        ChatUiSelectors.chatMessageContentAgent.should('contain.text', 'message agent content');
+    });
+    it('should render with custom data-cy', () => {
+        mount(_jsx(MessageAgent, { "data-cy": "custom-data-cy", avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(Text, { children: "message agent content" }) }));
+        cy.getCy('custom-data-cy').should('be.visible');
+    });
+    it('should render custom message footer', () => {
+        mount(_jsx(MessageAgent, { messageFooter: _jsxs(Flex, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsx(MessageFooter, { name: "name", timestamp: new Date() }), _jsxs(Flex, { direction: "row", gap: "2", children: [_jsx(Button, { icon: IconThumbUp, size: "small", appearance: "ghost" }), _jsx(Button, { icon: IconThumbDown, size: "small", appearance: "ghost" })] })] }), avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(Text, { children: "message agent content" }) }));
+        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 subtle message', () => {
+        mount(_jsx(MessageAgent, { subtle: true, avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(Flex, { className: "border h-100", alignItems: "center", "data-cy": "custom-content", children: _jsx(Text, { children: "message agent content" }) }) }));
+        ChatUiSelectors.chatAvatarBot.should('be.visible');
+        cy.getCy('custom-content')
+            .should('be.visible')
+            .should('contain.text', 'message agent content');
+    });
+    describe('with different icon types', () => {
+        const render = (icon) => {
+            return mount(_jsx(MessageAgent, { avatar: {
+                    name: 'Test User Name',
+                    icon,
+                }, children: _jsx(Text, { children: "message agent content" }) }));
+        };
+        it('icon bot', () => {
+            render(ChatParticipantIcon.Bot);
+            ChatUiSelectors.chatAvatarBot.should('be.visible');
+        });
+        it('icon initials', () => {
+            render(ChatParticipantIcon.Initials);
+            ChatUiSelectors.chatAvatarInitials.should('be.visible').should('contain.text', 'T');
+        });
+        it('icon empty', () => {
+            render(ChatParticipantIcon.Empty);
+            ChatUiSelectors.chatAvatarEmpty.should('exist').should('not.be.visible');
+        });
+    });
+});
+//# sourceMappingURL=message-agent.test.js.map

package/dist/components/messages/__tests-cy__/message-agent.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-agent.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/messages/__tests-cy__/message-system.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-system.test.d.ts.map

package/dist/components/messages/__tests-cy__/message-system.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.test.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-system.test.tsx"],"names":[],"mappings":""}

package/dist/components/messages/__tests-cy__/message-system.test.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex, Text } from '@servicetitan/anvil2';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageSystem } from '../message-system';
+describe('[MessageSystem]', () => {
+    beforeEach(() => {
+        cy.viewport('macbook-13');
+    });
+    it('should be properly rendered', () => {
+        mount(_jsx(MessageSystem, { className: "custom-class", children: _jsx(Flex, { className: "border", children: _jsx(Text, { "data-cy": "content", children: "message system content" }) }) }));
+        ChatUiSelectors.chatMessageSystem.should('have.class', 'custom-class').should('be.visible');
+    });
+    it('should be properly rendered fullwidth', () => {
+        mount(_jsx(MessageSystem, { className: "custom-class", fullWidth: true, children: _jsx(Flex, { className: "border", children: _jsx(Text, { "data-cy": "content", children: "message system content" }) }) }));
+        ChatUiSelectors.chatMessageSystem.should('have.class', 'custom-class').should('be.visible');
+    });
+});
+//# sourceMappingURL=message-system.test.js.map

package/dist/components/messages/__tests-cy__/message-system.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-system.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC7B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,YACnC,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACpB,KAAC,IAAI,eAAS,SAAS,uCAA8B,GAClD,GACK,CACnB,CAAC;QACF,eAAe,CAAC,iBAAiB,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,KAAK,CACD,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,EAAC,SAAS,kBAC7C,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,YACpB,KAAC,IAAI,eAAS,SAAS,uCAA8B,GAClD,GACK,CACnB,CAAC;QACF,eAAe,CAAC,iBAAiB,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAChG,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/messages/__tests-cy__/message-timeout.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-timeout.test.d.ts.map

package/dist/components/messages/__tests-cy__/message-timeout.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.test.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-timeout.test.tsx"],"names":[],"mappings":""}

package/dist/components/messages/__tests-cy__/message-timeout.test.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageTimeout } from '../message-timeout';
+describe('MessageTimeout', () => {
+    it('should render message', () => {
+        const onResume = cy.spy().as('onResume');
+        const onReset = cy.spy().as('onReset');
+        mount(_jsx(MessageTimeout, { onResume: onResume, onReset: onReset }));
+        ChatUiSelectors.chatMessageTimeout
+            .should('be.visible')
+            .should('contain.text', [
+            'Your session has timed out.',
+            'Would you like to resume it or start a new one?',
+            'Continue session or Start new session',
+        ].join(''));
+        ChatUiSelectors.chatMessageTimeoutResume.should('be.visible');
+        ChatUiSelectors.chatMessageTimeoutReset.should('be.visible');
+        ChatUiSelectors.chatMessageTimeoutResume.click();
+        cy.get('@onResume').should('have.been.calledOnce');
+        ChatUiSelectors.chatMessageTimeoutReset.click();
+        cy.get('@onReset').should('have.been.calledOnce');
+    });
+});
+//# sourceMappingURL=message-timeout.test.js.map

package/dist/components/messages/__tests-cy__/message-timeout.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-timeout.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC7B,MAAM,QAAQ,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC;QACzC,MAAM,OAAO,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;QACvC,KAAK,CAAC,KAAC,cAAc,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC,CAAC;QAEhE,eAAe,CAAC,kBAAkB;aAC7B,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CACH,cAAc,EACd;YACI,6BAA6B;YAC7B,iDAAiD;YACjD,uCAAuC;SAC1C,CAAC,IAAI,CAAC,EAAE,CAAC,CACb,CAAC;QACN,eAAe,CAAC,wBAAwB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC9D,eAAe,CAAC,uBAAuB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAE7D,eAAe,CAAC,wBAAwB,CAAC,KAAK,EAAE,CAAC;QACjD,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;QACnD,eAAe,CAAC,uBAAuB,CAAC,KAAK,EAAE,CAAC;QAChD,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/messages/__tests-cy__/message-typing.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-typing.test.d.ts.map

package/dist/components/messages/__tests-cy__/message-typing.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-typing.test.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-typing.test.tsx"],"names":[],"mappings":""}

package/dist/components/messages/__tests-cy__/message-typing.test.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ChatParticipantIcon } from '@servicetitan/titan-chat-ui-common';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageTyping } from '../message-typing';
+describe('ChatMessageTyping', () => {
+    function render(icon) {
+        mount(_jsx(MessageTyping, { avatar: {
+                name: 'Test User Name',
+                icon,
+                className: 'custom-class',
+            } }));
+        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);
+        ChatUiSelectors.chatAvatarBot
+            .should('be.visible')
+            .should('have.class', 'custom-class')
+            .invoke('css', 'background-image')
+            .then(bgColor => {
+            const isSvg = Boolean(bgColor.indexOf('data:image/svg+xml;base64') >= 0);
+            expect(isSvg).to.eq(true);
+        });
+    });
+    it('should render message with empty icon', () => {
+        render(ChatParticipantIcon.Empty);
+        ChatUiSelectors.chatAvatarEmpty.should('exist').should('not.be.visible');
+    });
+    it('should render message with initials', () => {
+        render(ChatParticipantIcon.Initials);
+        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
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
+        cy.tick(10000);
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
+        cy.tick(20000);
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
+        cy.tick(30000);
+        ChatUiSelectors.chatMessageTypingDots.should('be.visible');
+    });
+});
+//# sourceMappingURL=message-typing.test.js.map

package/dist/components/messages/__tests-cy__/message-typing.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-typing.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-typing.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC/B,SAAS,MAAM,CAAC,IAAyB;QACrC,KAAK,CACD,KAAC,aAAa,IACV,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI;gBACJ,SAAS,EAAE,cAAc;aAC5B,GACH,CACL,CAAC;QACF,eAAe,CAAC,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAC3F,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC;IAED,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAChC,eAAe,CAAC,aAAa;aACxB,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC;aACpC,MAAM,CAAC,KAAK,EAAE,kBAAkB,CAAC;aACjC,IAAI,CAAC,OAAO,CAAC,EAAE;YACZ,MAAM,KAAK,GAAG,OAAO,CAChB,OAAyB,CAAC,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,CACvE,CAAC;YACF,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;IACX,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAClC,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACrC,eAAe,CAAC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IACxF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC5C,EAAE,CAAC,KAAK,EAAE,CAAC;QACX,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACrC,wFAAwF;QACxF,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC3D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC3D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC3D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,eAAe,CAAC,qBAAqB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/messages/__tests-cy__/message-user.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=message-user.test.d.ts.map

package/dist/components/messages/__tests-cy__/message-user.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-user.test.d.ts","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-user.test.tsx"],"names":[],"mappings":""}

package/dist/components/messages/__tests-cy__/message-user.test.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@servicetitan/anvil2';
+import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
+import { mount } from 'cypress/react';
+import { MessageUser } from '../message-user';
+describe('[MessageUser]', () => {
+    beforeEach(() => {
+        cy.viewport('macbook-13');
+    });
+    it('should be properly rendered', () => {
+        mount(_jsx(MessageUser, { children: _jsx(Text, { "data-cy": "content", children: "message user content" }) }));
+        ChatUiSelectors.chatMessageUser.should('be.visible');
+        ChatUiSelectors.chatMessageContent
+            .should('be.visible')
+            .should('contain.text', 'message user content');
+    });
+    it('should be properly rendered with long text', () => {
+        const longText = 'message user content '.repeat(100).trim();
+        mount(_jsx(MessageUser, { children: _jsx(Text, { "data-cy": "content", children: longText }) }));
+        ChatUiSelectors.chatMessageContent.should('be.visible').should('contain.text', longText);
+    });
+    it('should be rendered with footer', () => {
+        mount(_jsx(MessageUser, { messageFooter: _jsx(Text, { children: "message user footer" }), children: _jsx(Text, { "data-cy": "content", children: "message user content" }) }));
+        ChatUiSelectors.chatMessageFooter.should('be.visible');
+    });
+});
+//# sourceMappingURL=message-user.test.js.map

package/dist/components/messages/__tests-cy__/message-user.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-user.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-user.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC9B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,WAAW,cACR,KAAC,IAAI,eAAS,SAAS,qCAA4B,GACzC,CACjB,CAAC;QACF,eAAe,CAAC,eAAe,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrD,eAAe,CAAC,kBAAkB;aAC7B,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,cAAc,EAAE,sBAAsB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QAClD,MAAM,QAAQ,GAAG,uBAAuB,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5D,KAAK,CACD,KAAC,WAAW,cACR,KAAC,IAAI,eAAS,SAAS,YAAE,QAAQ,GAAQ,GAC/B,CACjB,CAAC;QACF,eAAe,CAAC,kBAAkB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IAC7F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACtC,KAAK,CACD,KAAC,WAAW,IAAC,aAAa,EAAE,KAAC,IAAI,sCAA2B,YACxD,KAAC,IAAI,eAAS,SAAS,qCAA4B,GACzC,CACjB,CAAC;QACF,eAAe,CAAC,iBAAiB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/messages/message-agent.d.ts

@@ -0,0 +1,14 @@
+import { FC, PropsWithChildren, ReactNode } from 'react';
+import { IMessageAvatarProps } from './message-avatar';
+export interface IMessageAgentProps {
+    avatar?: IMessageAvatarProps;
+    messageFooter?: ReactNode;
+    isError?: boolean;
+    fullWidth?: boolean;
+    subtle?: boolean;
+    omitAvatar?: boolean;
+    className?: string;
+    ['data-cy']?: string;
+}
+export declare const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>>;
+//# sourceMappingURL=message-agent.d.ts.map

package/dist/components/messages/message-agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAmDlE,CAAC"}

package/dist/components/messages/message-agent.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import classNames from 'classnames';
+import * as Styles from './message-agent.module.less';
+import { MessageAvatar } from './message-avatar';
+export const MessageAgent = ({ avatar, children, className, fullWidth, isError, messageFooter, omitAvatar, subtle, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-message-agent';
+    return (_jsxs("div", { className: classNames(Styles.messageRoot, {
+            [Styles.fullWidth]: Boolean(fullWidth),
+        }, className), "data-cy2": "titan-chat-message", "data-cy": dataCy, children: [_jsx("div", { className: Styles.messageAvatar, children: !omitAvatar && avatar ? _jsx(MessageAvatar, { ...avatar }) : _jsx("div", {}) }), _jsxs(Flex, { direction: "column", gap: "2", className: classNames(Styles.messageContent), "data-cy": "titan-chat-message-content", "data-cy2": "titan-chat-message-content-agent", children: [subtle ? (children) : (_jsx("div", { className: classNames(Styles.messageBubble, {
+                            [Styles.error]: Boolean(isError),
+                        }), children: children })), Boolean(messageFooter) && (_jsx("div", { "data-cy": "titan-chat-message-footer", children: messageFooter }))] })] }));
+};
+//# sourceMappingURL=message-agent.js.map

package/dist/components/messages/message-agent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-agent.js","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatE,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,0BAA0B,CAAC;IAC7D,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,WAAW,EAClB;YACI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,EACD,SAAS,CACZ,cACQ,oBAAoB,aACpB,MAAM,aAEf,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAC/B,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,MAAM,GAAI,CAAC,CAAC,CAAC,eAAO,GAC9D,EACN,MAAC,IAAI,IACD,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAC,GAAG,EACP,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,aACpC,4BAA4B,cAC3B,kCAAkC,aAE1C,MAAM,CAAC,CAAC,CAAC,CACN,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;4BACxC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;yBACnC,CAAC,YAED,QAAQ,GACP,CACT,EACA,OAAO,CAAC,aAAa,CAAC,IAAI,CACvB,yBAAa,2BAA2B,YAAE,aAAa,GAAO,CACjE,IACE,IACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-agent.module.less

@@ -0,0 +1,51 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+@color-gradient-bot-start: #2270ee;
+@color-gradient-bot-end: #8772e5;
+
+/* stylelint-disable declaration-property-value-no-unknown */
+.messageRoot {
+    display: grid;
+    max-width: 100%;
+    column-gap: @spacing-2;
+    row-gap: @spacing-1;
+    grid-template-areas: 'avatar content .';
+    grid-template-rows: auto;
+    grid-template-columns: minmax(@spacing-5, auto) 1fr minmax(@spacing-5, auto);
+
+    &.fullWidth {
+        //width: 100%;
+        grid-template-areas: 'avatar content';
+        grid-template-rows: auto;
+        grid-template-columns: minmax(@spacing-5, auto) 1fr;
+    }
+
+    .messageAvatar {
+        grid-area: avatar;
+    }
+
+    .messageContent {
+        max-width: 100%;
+        grid-area: content;
+        overflow-wrap: anywhere;
+        justify-self: flex-start;
+    }
+
+    .messageBubble {
+        color: @color-neutral-200;
+        padding: @spacing-2 @spacing-3;
+        background-color: @color-blue-100;
+        position: relative;
+        border-radius: @spacing-0 @spacing-3 @spacing-3 @spacing-3;
+        box-sizing: border-box;
+
+        &.error {
+            color: @color-neutral-400;
+            background-color: @color-red-100;
+
+            &::after {
+                background: @color-red-200;
+            }
+        }
+    }
+}

package/dist/components/messages/message-avatar.d.ts

@@ -0,0 +1,9 @@
+import { ChatParticipantIcon } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+export interface IMessageAvatarProps {
+    className?: string;
+    name: string;
+    icon: ChatParticipantIcon;
+}
+export declare const MessageAvatar: FC<IMessageAvatarProps>;
+//# sourceMappingURL=message-avatar.d.ts.map

package/dist/components/messages/message-avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-avatar.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAmB,MAAM,oCAAoC,CAAC;AAE1F,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAGpC,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAyBjD,CAAC"}

package/dist/components/messages/message-avatar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from '@servicetitan/anvil2';
+import { ChatParticipantIcon, getNameInitials } from '@servicetitan/titan-chat-ui-common';
+import classNames from 'classnames';
+import { useMemo } from 'react';
+import * as Styles from './message-avatar.module.less';
+export const MessageAvatar = ({ className, icon, name }) => {
+    const isEmpty = icon === ChatParticipantIcon.Empty;
+    const isInitials = icon === ChatParticipantIcon.Initials;
+    const isBot = icon === ChatParticipantIcon.Bot;
+    const nameInitials = useMemo(() => getNameInitials(name), [name]);
+    return (_jsx("div", { className: classNames('align-self-end', Styles.userIcon, {
+            [Styles.bot]: isBot,
+            [Styles.system]: isEmpty,
+        }, className), "data-cy": "titan-chat-avatar", "data-cy2": `titan-chat-avatar-${icon}`, children: _jsx(Text, { variant: "body", inline: true, children: isInitials ? nameInitials : null }) }));
+};
+//# sourceMappingURL=message-avatar.js.map

package/dist/components/messages/message-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-avatar.js","sourceRoot":"","sources":["../../../src/components/messages/message-avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAC1F,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,OAAO,GAAG,IAAI,KAAK,mBAAmB,CAAC,KAAK,CAAC;IACnD,MAAM,UAAU,GAAG,IAAI,KAAK,mBAAmB,CAAC,QAAQ,CAAC;IACzD,MAAM,KAAK,GAAG,IAAI,KAAK,mBAAmB,CAAC,GAAG,CAAC;IAC/C,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAElE,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,gBAAgB,EAChB,MAAM,CAAC,QAAQ,EACf;YACI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK;YACnB,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO;SAC3B,EACD,SAAS,CACZ,aACO,mBAAmB,cACjB,qBAAqB,IAAI,EAAE,YAErC,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,kBACtB,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,GAC9B,GACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-avatar.module.less

@@ -0,0 +1,26 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.userIcon {
+    width: @spacing-5;
+    height: @spacing-5;
+    min-width: @spacing-5;
+    min-height: @spacing-5;
+    border-radius: @spacing-3;
+    background-color: @color-neutral-60;
+    font-size: @typescale-4;
+    color: @color-neutral-400;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+
+    &.bot {
+        background-image: url('../../assets/floating-chat-avatar.svg');
+    }
+
+    &.system {
+        min-height: @spacing-0;
+        height: @spacing-0;
+        background-color: transparent;
+    }
+}

package/dist/components/messages/message-footer.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface IMessageFooterProps {
+    timestamp?: Date;
+    name?: string;
+}
+export declare const MessageFooter: FC<IMessageFooterProps>;
+//# sourceMappingURL=message-footer.d.ts.map

package/dist/components/messages/message-footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-footer.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-footer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAQjD,CAAC"}

package/dist/components/messages/message-footer.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Text } from '@servicetitan/anvil2';
+import { formatChatMessageDate } from '@servicetitan/titan-chat-ui-common';
+export const MessageFooter = ({ name, timestamp }) => {
+    return (_jsxs(Text, { variant: "eyebrow", children: [Boolean(name) && name, name && timestamp && ' • ', timestamp && formatChatMessageDate(timestamp)] }));
+};
+//# sourceMappingURL=message-footer.js.map

package/dist/components/messages/message-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-footer.js","sourceRoot":"","sources":["../../../src/components/messages/message-footer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAQ3E,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IAC1E,OAAO,CACH,MAAC,IAAI,IAAC,OAAO,EAAC,SAAS,aAClB,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,EACrB,IAAI,IAAI,SAAS,IAAI,KAAK,EAC1B,SAAS,IAAI,qBAAqB,CAAC,SAAS,CAAC,IAC3C,CACV,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-system.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+export interface IMessageSystemProps {
+    fullWidth?: boolean;
+    className?: string;
+    ['data-cy']?: string;
+}
+export declare const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>>;
+//# sourceMappingURL=message-system.d.ts.map

package/dist/components/messages/message-system.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAwBpE,CAAC"}

package/dist/components/messages/message-system.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import classNames from 'classnames';
+import * as Styles from './message-system.module.less';
+export const MessageSystem = ({ children, className, fullWidth, ...rest }) => {
+    var _a;
+    const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-message-system';
+    return (_jsx("div", { className: classNames(Styles.messageRoot, {
+            [Styles.fullWidth]: Boolean(fullWidth),
+        }, className), "data-cy2": "titan-chat-message", "data-cy": dataCy, children: _jsx(Flex, { direction: "column", gap: "2", className: Styles.messageContent, children: children }) }));
+};
+//# sourceMappingURL=message-system.js.map

package/dist/components/messages/message-system.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-system.js","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,2BAA2B,CAAC;IAC9D,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,WAAW,EAClB;YACI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,EACD,SAAS,CACZ,cACQ,oBAAoB,aACpB,MAAM,YAEf,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YAC5D,QAAQ,GACN,GACL,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-system.module.less

@@ -0,0 +1,26 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+/* stylelint-disable declaration-property-value-no-unknown */
+.messageRoot {
+    display: grid;
+    grid-template-areas: '. content .';
+    grid-template-rows: auto;
+    grid-template-columns: minmax(@spacing-5, auto) 1fr minmax(@spacing-5, auto);
+    column-gap: @spacing-2;
+    row-gap: @spacing-1;
+    width: 100%;
+
+    &.fullWidth {
+        grid-template:
+            'content' auto
+            /
+            1fr;
+    }
+}
+
+.messageContent {
+    grid-area: content;
+    overflow-wrap: anywhere;
+    justify-self: flex-start;
+    width: 100%;
+}

package/dist/components/messages/message-timeout.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+export interface IMessageTimeoutProps {
+    onResume: () => void;
+    onReset: () => void;
+}
+export declare const MessageTimeout: FC<IMessageTimeoutProps>;
+//# sourceMappingURL=message-timeout.d.ts.map

package/dist/components/messages/message-timeout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAqCnD,CAAC"}

package/dist/components/messages/message-timeout.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Divider, Flex, Link, Text } from '@servicetitan/anvil2';
+import { useCallback } from 'react';
+import { MessageSystem } from './message-system';
+export const MessageTimeout = ({ onReset, onResume }) => {
+    const handleResume = useCallback(() => {
+        onResume();
+    }, [onResume]);
+    const handleReset = useCallback(() => {
+        onReset();
+    }, [onReset]);
+    return (_jsx(MessageSystem, { "data-cy": "titan-chat-message-timeout", fullWidth: true, children: _jsxs(Flex, { direction: "column", gap: "4", children: [_jsx(Divider, {}), _jsxs(Text, { className: "ta-center", children: ["Your session has timed out.", _jsx("br", {}), "Would you like to resume it or start a new one?", _jsx("br", {}), _jsx(Link, { onClick: handleResume, appearance: "primary", "data-cy": "titan-chat-message-timeout-resume", children: "Continue session" }), ' ', "or", ' ', _jsx(Link, { onClick: handleReset, appearance: "primary", "data-cy": "titan-chat-message-timeout-reset", children: "Start new session" })] })] }) }));
+};
+//# sourceMappingURL=message-timeout.js.map

package/dist/components/messages/message-timeout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-timeout.js","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOjD,MAAM,CAAC,MAAM,cAAc,GAA6B,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,OAAO,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,KAAC,aAAa,eAAS,4BAA4B,EAAC,SAAS,kBACzD,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC5B,KAAC,OAAO,KAAG,EACX,MAAC,IAAI,IAAC,SAAS,EAAC,WAAW,4CAEvB,cAAM,qDAEN,cAAM,EACN,KAAC,IAAI,IACD,OAAO,EAAE,YAAY,EACrB,UAAU,EAAC,SAAS,aACZ,mCAAmC,iCAGxC,EAAC,GAAG,QACR,GAAG,EACN,KAAC,IAAI,IACD,OAAO,EAAE,WAAW,EACpB,UAAU,EAAC,SAAS,aACZ,kCAAkC,kCAGvC,IACJ,IACJ,GACK,CACnB,CAAC;AACN,CAAC,CAAC"}

package/dist/components/messages/message-typing.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { IMessageAvatarProps } from './message-avatar';
+export interface IMessageTypingProps {
+    avatar: IMessageAvatarProps;
+}
+export declare const MessageTyping: FC<IMessageTypingProps>;
+//# sourceMappingURL=message-typing.d.ts.map

package/dist/components/messages/message-typing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-typing.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,mBAAmB,CAUjD,CAAC"}

package/dist/components/messages/message-typing.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex } from '@servicetitan/anvil2';
+import { MessageAgent } from './message-agent';
+import * as Styles from './message-typing.module.less';
+export const MessageTyping = ({ avatar }) => (_jsx(MessageAgent, { avatar: avatar, "data-cy": "titan-chat-message-typing", subtle: true, children: _jsx(Flex, { className: "h-100", alignItems: "center", children: _jsxs("div", { className: Styles.dotsContainer, "data-cy": "titan-chat-message-typing-dots", children: [_jsx("span", { className: Styles.dot }), _jsx("span", { className: Styles.dot }), _jsx("span", { className: Styles.dot })] }) }) }));
+//# sourceMappingURL=message-typing.js.map