@servicetitan/titan-chat-ui 1.0.1

package/dist/components/chat/chat-message.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { CHAT_UI_STORE_TOKEN } from '../../stores';
+import { MessageContentFile } from '../message-content/message-content-file';
+import { MessageContentText } from '../message-content/message-content-text';
+import { ChatMessageTemplateAgent } from './chat-message-template-agent';
+import { ChatMessageTemplateUser } from './chat-message-template-user';
+/**
+ * ChatMessage component provides a default way to render chat messages in the chat UI and contains only most generic
+ * components and templates/customizations rendering
+ */
+export const ChatMessage = observer(({ message }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const isAgent = message.participant.isAgent;
+    const { messageTemplates, messages } = chatUiStore.customizations;
+    const messageCustomization = messages === null || messages === void 0 ? void 0 : messages.find(c => c.predicate(message));
+    const isSystem = Boolean(messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isSystem);
+    let messageContentNode;
+    if (messageCustomization) {
+        messageContentNode = _jsx(messageCustomization.component, { message: message });
+    }
+    else {
+        // Default message content rendering
+        switch (message.type) {
+            case 'message':
+            case 'welcome':
+                messageContentNode = (_jsx(MessageContentText, { message: message }));
+                break;
+            case 'file':
+                messageContentNode = (_jsx(MessageContentFile, { message: message }));
+                break;
+            default: {
+                messageContentNode = _jsxs(BodyText, { children: ["Unknown message type: ", message.type] });
+            }
+        }
+    }
+    if (!messageContentNode) {
+        return null;
+    }
+    if (isSystem) {
+        return messageContentNode;
+    }
+    let ComponentTemplate;
+    if (isAgent) {
+        const template = messageTemplates === null || messageTemplates === void 0 ? void 0 : messageTemplates.agent;
+        ComponentTemplate = (template === null || template === void 0 ? void 0 : template.predicate(message))
+            ? template.component
+            : ChatMessageTemplateAgent;
+    }
+    else {
+        const template = messageTemplates === null || messageTemplates === void 0 ? void 0 : messageTemplates.user;
+        ComponentTemplate = (template === null || template === void 0 ? void 0 : template.predicate(message))
+            ? template.component
+            : ChatMessageTemplateUser;
+    }
+    return _jsx(ComponentTemplate, { message: message, children: messageContentNode });
+});
+//# sourceMappingURL=chat-message.js.map

package/dist/components/chat/chat-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AAMvE;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAA0B,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACvE,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC;IAC5C,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC,cAAc,CAAC;IAClE,MAAM,oBAAoB,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;IACvE,MAAM,QAAQ,GAAG,OAAO,CAAC,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,QAAQ,CAAC,CAAC;IAEzD,IAAI,kBAAyC,CAAC;IAC9C,IAAI,oBAAoB,EAAE,CAAC;QACvB,kBAAkB,GAAG,KAAC,oBAAoB,CAAC,SAAS,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;IAC9E,CAAC;SAAM,CAAC;QACJ,oCAAoC;QACpC,QAAQ,OAAO,CAAC,IAAI,EAAE,CAAC;YACnB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS;gBACV,kBAAkB,GAAG,CACjB,KAAC,kBAAkB,IACf,OAAO,EAAE,OAAyD,GACpE,CACL,CAAC;gBACF,MAAM;YACV,KAAK,MAAM;gBACP,kBAAkB,GAAG,CACjB,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAA+B,GAAI,CACnE,CAAC;gBACF,MAAM;YACV,OAAO,CAAC,CAAC,CAAC;gBACN,kBAAkB,GAAG,MAAC,QAAQ,yCAAwB,OAAO,CAAC,IAAI,IAAY,CAAC;YACnF,CAAC;QACL,CAAC;IACL,CAAC;IAED,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACtB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ,EAAE,CAAC;QACX,OAAO,kBAAkB,CAAC;IAC9B,CAAC;IAED,IAAI,iBAA2D,CAAC;IAChE,IAAI,OAAO,EAAE,CAAC;QACV,MAAM,QAAQ,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,CAAC;QACzC,iBAAiB,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,OAAO,CAAC;YAC5C,CAAC,CAAC,QAAQ,CAAC,SAAS;YACpB,CAAC,CAAC,wBAAwB,CAAC;IACnC,CAAC;SAAM,CAAC;QACJ,MAAM,QAAQ,GAAG,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,CAAC;QACxC,iBAAiB,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,OAAO,CAAC;YAC5C,CAAC,CAAC,QAAQ,CAAC,SAAS;YACpB,CAAC,CAAC,uBAAuB,CAAC;IAClC,CAAC;IACD,OAAO,KAAC,iBAAiB,IAAC,OAAO,EAAE,OAAO,YAAG,kBAAkB,GAAqB,CAAC;AACzF,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-messages.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface IChatMessagesProps {
+    className?: string;
+}
+export declare const ChatMessages: FC<IChatMessagesProps>;
+export {};
+//# sourceMappingURL=chat-messages.d.ts.map

package/dist/components/chat/chat-messages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAU9C,CAAC"}

package/dist/components/chat/chat-messages.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { CHAT_UI_STORE_TOKEN } from '../../stores';
+import { ChatMessage } from './chat-message';
+import { ChatMessageTyping } from './chat-message-typing';
+export const ChatMessages = observer(({ className }) => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    return (_jsxs(Stack, { direction: "column", spacing: "2", className: className, "data-cy": "titan-chat-messages", children: [chatUiStore.messages.map(message => (_jsx(ChatMessage, { message: message }, message.id))), chatUiStore.isAgentTyping && _jsx(ChatMessageTyping, {})] }));
+});
+//# sourceMappingURL=chat-messages.js.map

package/dist/components/chat/chat-messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-messages.js","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAM1D,MAAM,CAAC,MAAM,YAAY,GAA2B,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,aAAU,qBAAqB,aACpF,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACjC,KAAC,WAAW,IAAkB,OAAO,EAAE,OAAO,IAA5B,OAAO,CAAC,EAAE,CAAsB,CACrD,CAAC,EACD,WAAW,CAAC,aAAa,IAAI,KAAC,iBAAiB,KAAG,IAC/C,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-notifications.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export interface IChatNotificationsProps {
+}
+export declare const ChatNotifications: FC<IChatNotificationsProps>;
+//# sourceMappingURL=chat-notifications.d.ts.map

package/dist/components/chat/chat-notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notifications.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-notifications.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAK3B,MAAM,WAAW,uBAAuB;CAAG;AAE3C,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,uBAAuB,CAQxD,CAAC"}

package/dist/components/chat/chat-notifications.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { CHAT_UI_STORE_TOKEN } from '../../stores';
+import { ChatError } from './chat-error';
+import { ChatTimer } from './chat-timer';
+export const ChatNotifications = observer(() => {
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    return (_jsxs(Stack, { direction: "column", spacing: "2", "data-cy": "titan-chat-notifications", children: [chatUiStore.timer && !chatUiStore.isError && _jsx(ChatTimer, {}), chatUiStore.isError && _jsx(ChatError, {})] }));
+});
+//# sourceMappingURL=chat-notifications.js.map

package/dist/components/chat/chat-notifications.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-notifications.js","sourceRoot":"","sources":["../../../src/components/chat/chat-notifications.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,MAAM,CAAC,MAAM,iBAAiB,GAAgC,QAAQ,CAAC,GAAG,EAAE;IACxE,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,aAAS,0BAA0B,aACnE,WAAW,CAAC,KAAK,IAAI,CAAC,WAAW,CAAC,OAAO,IAAI,KAAC,SAAS,KAAG,EAC1D,WAAW,CAAC,OAAO,IAAI,KAAC,SAAS,KAAG,IACjC,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-timer.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ChatTimer: FC;
+//# sourceMappingURL=chat-timer.d.ts.map

package/dist/components/chat/chat-timer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-timer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAIxC,eAAO,MAAM,SAAS,EAAE,EA2BtB,CAAC"}

package/dist/components/chat/chat-timer.js

@@ -0,0 +1,18 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Banner, BodyText, Link } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { useCallback } from 'react';
+import { CHAT_UI_STORE_TOKEN } from '../../stores';
+import * as Styles from './chat-timer.module.less';
+export const ChatTimer = observer(() => {
+    var _a, _b;
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const secondsLeft = (_b = (_a = chatUiStore.timer) === null || _a === void 0 ? void 0 : _a.secondsLeft) !== null && _b !== void 0 ? _b : 0;
+    const restartTimers = useCallback(() => chatUiStore.restartTimers(), [chatUiStore]);
+    if (!chatUiStore.timer) {
+        return null;
+    }
+    return (_jsxs(Banner, { status: "info", title: "Chat inactive", icon: true, className: Styles.banner, "data-cy": "titan-chat-timer", children: [_jsxs(BodyText, { el: "p", children: ['Are you still there? Please respond within ', _jsxs("b", { children: [secondsLeft, "s"] }), ' or this chat will time out.'] }), _jsx(Link, { onClick: restartTimers, subdued: true, "data-cy": "titan-chat-timer-restart", children: "I'm here" })] }));
+});
+//# sourceMappingURL=chat-timer.js.map

package/dist/components/chat/chat-timer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-timer.js","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,MAAM,MAAM,0BAA0B,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAO,QAAQ,CAAC,GAAG,EAAE;;IACvC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,WAAW,GAAG,MAAA,MAAA,WAAW,CAAC,KAAK,0CAAE,WAAW,mCAAI,CAAC,CAAC;IAExD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEpF,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,MAAC,MAAM,IACH,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,eAAe,EACrB,IAAI,QACJ,SAAS,EAAE,MAAM,CAAC,MAAM,aAChB,kBAAkB,aAE1B,MAAC,QAAQ,IAAC,EAAE,EAAC,GAAG,aACX,6CAA6C,EAC9C,wBAAI,WAAW,SAAM,EACpB,8BAA8B,IACxB,EACX,KAAC,IAAI,IAAC,OAAO,EAAE,aAAa,EAAE,OAAO,mBAAS,0BAA0B,yBAEjE,IACF,CACZ,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/chat/chat-timer.module.less

@@ -0,0 +1,5 @@
+@import '@servicetitan/tokens/dist/tokens.less';
+
+.banner {
+    border: 0 !important;
+}

package/dist/components/chat/chat.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChatCustomizations } from '../../models';
+export interface IChatProps {
+    className?: string;
+    customizations?: ChatCustomizations;
+}
+export declare const Chat: FC<IChatProps>;
+//# sourceMappingURL=chat.d.ts.map

package/dist/components/chat/chat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CAqC9B,CAAC"}

package/dist/components/chat/chat.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Stack } from '@servicetitan/design-system';
+import { useDependencies } from '@servicetitan/react-ioc';
+import { observer } from 'mobx-react';
+import { Fragment, useEffect, useRef } from 'react';
+import { CHAT_UI_STORE_TOKEN } from '../../stores';
+import { ChatConnecting } from './chat-connecting';
+import { ChatInput } from './chat-input';
+import { ChatInputFile } from './chat-input-file';
+import { ChatMessages } from './chat-messages';
+import { ChatNotifications } from './chat-notifications';
+export const Chat = observer(({ className, customizations }) => {
+    const scrollRef = useRef(null);
+    const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
+    const footerComponent = customizations === null || customizations === void 0 ? void 0 : customizations.footerComponent;
+    useEffect(() => {
+        chatUiStore.setCustomizationContext(customizations);
+    }, [chatUiStore, customizations]);
+    useEffect(() => {
+        setTimeout(() => {
+            if (scrollRef.current) {
+                scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
+            }
+        }, 0);
+    }, [chatUiStore.scrollCounter]);
+    return (_jsx(Stack, { direction: "column", className: className, "data-cy": "titan-chat", children: chatUiStore.isStarting ? (_jsx(ChatConnecting, { className: "p-3" })) : (_jsxs(Fragment, { children: [_jsx("div", { ref: scrollRef, className: "flex-grow-1 of-y-auto", children: _jsx(ChatMessages, { className: "p-3" }) }), _jsx(ChatNotifications, {}), _jsxs("div", { children: [_jsx(ChatInputFile, { className: "m-3 m-b-0 p-3 border-radius-1 border border-style-dashed" }), _jsx(ChatInput, { className: "p-x-3 p-y-2" }), Boolean(footerComponent) && footerComponent] })] })) }));
+});
+//# sourceMappingURL=chat.js.map

package/dist/components/chat/chat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,MAAM,CAAC,MAAM,IAAI,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAE3D,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACX,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACpB,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;YACjE,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAC/D,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,KAAC,cAAc,IAAC,SAAS,EAAC,KAAK,GAAG,CACrC,CAAC,CAAC,CAAC,CACA,MAAC,QAAQ,eACL,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,uBAAuB,YAClD,KAAC,YAAY,IAAC,SAAS,EAAC,KAAK,GAAG,GAC9B,EACN,KAAC,iBAAiB,KAAG,EACrB,0BACI,KAAC,aAAa,IAAC,SAAS,EAAC,0DAA0D,GAAG,EACtF,KAAC,SAAS,IAAC,SAAS,EAAC,aAAa,GAAG,EACpC,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,IAC1C,IACC,CACd,GACG,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

package/dist/components/common/multiline-text.d.ts

@@ -0,0 +1,8 @@
+import { BodyTextProps } from '@servicetitan/design-system/dist/components/BodyText/BodyText';
+import { FC } from 'react';
+interface MultilineTextProps extends BodyTextProps {
+    text: string;
+}
+export declare const MultilineText: FC<MultilineTextProps>;
+export {};
+//# sourceMappingURL=multiline-text.d.ts.map

package/dist/components/common/multiline-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text.d.ts","sourceRoot":"","sources":["../../../src/components/common/multiline-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,+DAA+D,CAAC;AAE9F,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAG9C,UAAU,kBAAmB,SAAQ,aAAa;IAC9C,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAmBhD,CAAC"}

package/dist/components/common/multiline-text.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { BodyText } from '@servicetitan/design-system';
+import classNames from 'classnames';
+import { Fragment, useMemo } from 'react';
+import * as Styles from './multiline-text.module.less';
+export const MultilineText = ({ className, text, ...rest }) => {
+    const textParts = useMemo(() => text.split('\n'), [text]);
+    return (_jsx(Fragment, { children: textParts.map((part, index) => {
+            return (_jsx(BodyText, { el: "p", ...rest, className: classNames(Styles.multilineText, className), children: part.trim() ? part : _jsx("span", { children: "\u00A0" }) }, index));
+        }) }));
+};
+//# sourceMappingURL=multiline-text.js.map

package/dist/components/common/multiline-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiline-text.js","sourceRoot":"","sources":["../../../src/components/common/multiline-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAM,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAClF,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC1D,OAAO,CACH,KAAC,QAAQ,cACJ,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC3B,OAAO,CACH,KAAC,QAAQ,IACL,EAAE,EAAC,GAAG,KAGF,IAAI,EACR,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,YAErD,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oCAAmB,IAJpC,KAAK,CAKH,CACd,CAAC;QACN,CAAC,CAAC,GACK,CACd,CAAC;AACN,CAAC,CAAC"}

package/dist/components/common/multiline-text.module.less

@@ -0,0 +1,9 @@
+@import '@servicetitan/tokens/core/tokens.less';
+
+p.multiline-text:first-child {
+    margin-top: @spacing-0;
+}
+
+p.multiline-text:last-child {
+    margin-bottom: @spacing-0;
+}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChatMessageModelFile } from '../../models';
+interface IMessageContentFileProps {
+    message: ChatMessageModelFile;
+}
+export declare const MessageContentFile: FC<IMessageContentFileProps>;
+export {};
+//# sourceMappingURL=message-content-file.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-file.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAoB,MAAM,cAAc,CAAC;AAEtE,UAAU,wBAAwB;IAC9B,OAAO,EAAE,oBAAoB,CAAC;CACjC;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAiB1D,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BodyText, Icon, Stack } from '@servicetitan/design-system';
+import { observer } from 'mobx-react';
+import { Fragment } from 'react';
+import { ChatMessageState } from '../../models';
+export const MessageContentFile = observer(({ message }) => {
+    const isDelivering = message.state === ChatMessageState.Delivering;
+    const isDelivered = message.state === ChatMessageState.Delivered;
+    return (_jsxs(Fragment, { children: [_jsxs(Stack, { direction: "row", spacing: "1", alignItems: "center", children: [_jsx(Icon, { name: "attach_file" }), _jsx("span", { children: message.fileName })] }), (isDelivering || isDelivered) && (_jsx(BodyText, { el: "div", size: "small", className: "ta-right", subdued: true, children: isDelivered ? 'File uploaded' : 'Please wait while uploading...' }))] }));
+});
+//# sourceMappingURL=message-content-file.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-file.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAwB,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAMtE,MAAM,CAAC,MAAM,kBAAkB,GAAiC,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrF,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,UAAU,CAAC;IACnE,MAAM,WAAW,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,SAAS,CAAC;IAEjE,OAAO,CACH,MAAC,QAAQ,eACL,MAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAClD,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,EAC3B,yBAAO,OAAO,CAAC,QAAQ,GAAQ,IAC3B,EACP,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,CAC9B,KAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,kBACvD,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,GAC1D,CACd,IACM,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChatMessageModelText, ChatMessageModelWelcome } from '../../models/support-chat';
+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":"AACA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAC3B,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAG1F,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":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,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,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// eslint-disable-next-line spaced-comment
+/// <reference types="../../../cypress" />
+import { BodyText, Button, Stack } from '@servicetitan/design-system';
+import { mount } from 'cypress/react';
+import { ChatParticipantIcon } from '../../../models/support-chat';
+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());
+    });
+    it('should be properly rendered', () => {
+        mount(_jsx(MessageAgent, { avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+                className: 'custom-class',
+            }, children: _jsx(BodyText, { "data-cy": "content", children: "message agent content" }) }));
+        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');
+    });
+    it('should be full width', () => {
+        mount(_jsx(MessageAgent, { fullWidth: true, avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(BodyText, { children: "message agent content" }) }));
+        cy.getCy('chat-message-agent-center').should('have.class', 'w-100');
+    });
+    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(BodyText, { children: "message agent content" }) }));
+        cy.getCy('custom-data-cy').should('be.visible');
+        cy.getCy('custom-data-cy-content').should('be.visible');
+    });
+    it('should render custom message footer', () => {
+        mount(_jsx(MessageAgent, { messageFooter: _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsx(MessageFooter, { name: "name", timestamp: new Date() }), _jsxs(Stack, { direction: "row", spacing: "1", children: [_jsx(Button, { iconName: "thumb_up", xsmall: true, fill: "subtle" }), _jsx(Button, { iconName: "thumb_down", xsmall: true, fill: "subtle" })] })] }), avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(BodyText, { children: "message agent content" }) }));
+        cy.getCy('chat-message-agent').should('be.visible').children().should('have.length', 2);
+        cy.getCy('chat-message-agent-footer')
+            .should('be.visible')
+            .should('contain.text', 'name • 10:10 AM');
+    });
+    it('should render error message', () => {
+        mount(_jsx(MessageAgent, { isError: true, avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(BodyText, { children: "message agent content" }) }));
+        cy.getCy2('chat-message-error').should('be.visible');
+    });
+    it('should render subtle message', () => {
+        mount(_jsx(MessageAgent, { subtle: true, avatar: {
+                name: 'Test User Name',
+                icon: ChatParticipantIcon.Bot,
+            }, children: _jsx(Stack, { className: "border h-100", alignItems: "center", "data-cy": "custom-content", children: _jsx(BodyText, { children: "message agent content" }) }) }));
+        cy.getCy('chat-avatar-bot').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(BodyText, { children: "message agent content" }) }));
+        };
+        it('icon bot', () => {
+            render(ChatParticipantIcon.Bot);
+            cy.getCy('chat-avatar-bot').should('be.visible');
+        });
+        it('icon initials', () => {
+            render(ChatParticipantIcon.Initials);
+            cy.getCy('chat-avatar-initials').should('be.visible').should('contain.text', 'T');
+        });
+        it('icon empty', () => {
+            render(ChatParticipantIcon.Empty);
+            cy.getCy('chat-avatar-empty').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":";AAAA,0CAA0C;AAC1C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,YAAY,IACT,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;gBAC7B,SAAS,EAAE,cAAc;aAC5B,YAED,KAAC,QAAQ,eAAS,SAAS,sCAAiC,GACjD,CAClB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACxF,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QACtF,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC;aAEjC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;QACrD,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,KAAK,CACD,KAAC,YAAY,IACT,SAAS,QACT,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,KAAK,CACD,KAAC,YAAY,eACD,gBAAgB,EACxB,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAChD,EAAE,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,KAAK,CACD,KAAC,YAAY,IACT,aAAa,EACT,MAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,eAAe,EAAC,UAAU,EAAC,QAAQ,aACrE,KAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,IAAI,EAAE,GAAI,EACpD,MAAC,KAAK,IAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAC,GAAG,aAC9B,KAAC,MAAM,IAAC,QAAQ,EAAC,UAAU,EAAC,MAAM,QAAC,IAAI,EAAC,QAAQ,GAAG,EACnD,KAAC,MAAM,IAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,QAAC,IAAI,EAAC,QAAQ,GAAG,IACjD,IACJ,EAEZ,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACxF,EAAE,CAAC,KAAK,CAAC,2BAA2B,CAAC;aAChC,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,YAAY,IACT,OAAO,QACP,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACF,EAAE,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACpC,KAAK,CACD,KAAC,YAAY,IACT,MAAM,QACN,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,EAAC,UAAU,EAAC,QAAQ,aAAS,gBAAgB,YACxE,KAAC,QAAQ,wCAAiC,GACtC,GACG,CAClB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACjD,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;aACrB,MAAM,CAAC,YAAY,CAAC;aACpB,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACvC,MAAM,MAAM,GAAG,CAAC,IAAyB,EAAE,EAAE;YACzC,OAAO,KAAK,CACR,KAAC,YAAY,IACT,MAAM,EAAE;oBACJ,IAAI,EAAE,gBAAgB;oBACtB,IAAI;iBACP,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACN,CAAC,CAAC;QACF,EAAE,CAAC,UAAU,EAAE,GAAG,EAAE;YAChB,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;YAChC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;YACrB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;YACrC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;QACtF,CAAC,CAAC,CAAC;QAEH,EAAE,CAAC,YAAY,EAAE,GAAG,EAAE;YAClB,MAAM,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAClC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;QAC3E,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

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,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line spaced-comment
+/// <reference types="../../../cypress" />
+import { BodyText, Stack } from '@servicetitan/design-system';
+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(Stack, { className: "border", children: _jsx(BodyText, { "data-cy": "content", children: "message system content" }) }) }));
+        cy.getCy('chat-message-system').should('have.class', 'custom-class').should('be.visible');
+    });
+    it('should be properly rendered fullwidth', () => {
+        mount(_jsx(MessageSystem, { className: "custom-class", fullWidth: true, children: _jsx(Stack, { className: "border", children: _jsx(BodyText, { "data-cy": "content", children: "message system content" }) }) }));
+        cy.getCy('chat-message-system').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,0CAA0C;AAC1C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC9D,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,KAAK,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAC,QAAQ,eAAS,SAAS,uCAAkC,GACzD,GACI,CACnB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC7C,KAAK,CACD,KAAC,aAAa,IAAC,SAAS,EAAC,cAAc,EAAC,SAAS,kBAC7C,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,YACrB,KAAC,QAAQ,eAAS,SAAS,uCAAkC,GACzD,GACI,CACnB,CAAC;QACF,EAAE,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9F,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,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line spaced-comment
+/// <reference types="../../../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 }));
+        cy.getCy('chat-message-timeout')
+            .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(''));
+        cy.getCy('chat-message-timeout-resume').should('be.visible');
+        cy.getCy('chat-message-timeout-reset').should('be.visible');
+        cy.getCy('chat-message-timeout-resume').click();
+        cy.get('@onResume').should('have.been.calledOnce');
+        cy.getCy('chat-message-timeout-reset').click();
+        cy.get('@onReset').should('have.been.calledOnce');
+    });
+    it('should render with custom data-cy', () => {
+        mount(_jsx(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');
+    });
+});
+//# 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,0CAA0C;AAC1C,0CAA0C;AAC1C,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,KAAK,CAAC,sBAAsB,CAAC;aAC3B,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,KAAK,CAAC,6BAA6B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC7D,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAE5D,EAAE,CAAC,KAAK,CAAC,6BAA6B,CAAC,CAAC,KAAK,EAAE,CAAC;QAChD,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;QACnD,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,CAAC,KAAK,EAAE,CAAC;QAC/C,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,MAAM,CAAC,sBAAsB,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,KAAK,CAAC,KAAC,cAAc,IAAC,QAAQ,EAAE,EAAE,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,CAAC,IAAI,EAAE,aAAU,gBAAgB,GAAG,CAAC,CAAC;QAE5F,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAChD,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QACvD,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC1D,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,49 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// eslint-disable-next-line spaced-comment
+/// <reference types="../../../cypress" />
+import { mount } from 'cypress/react';
+import { ChatParticipantIcon } from '../../../models/support-chat';
+import { MessageTyping } from '../message-typing';
+describe('ChatMessageTyping', () => {
+    function render(icon) {
+        mount(_jsx(MessageTyping, { avatar: {
+                name: 'Test User Name',
+                icon,
+                className: 'custom-class',
+            } }));
+        cy.getCy('chat-message-typing').should('be.visible').children().should('have.length', 2);
+        cy.getCy('chat-message-typing-dots').should('be.visible');
+    }
+    it('should render message with bot icon', () => {
+        render(ChatParticipantIcon.Bot);
+        cy.getCy('chat-avatar-bot')
+            .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);
+        cy.getCy('chat-avatar-empty').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');
+    });
+    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');
+        cy.tick(10000);
+        cy.getCy('chat-message-typing-dots').should('be.visible');
+        cy.tick(20000);
+        cy.getCy('chat-message-typing-dots').should('be.visible');
+        cy.tick(30000);
+        cy.getCy('chat-message-typing-dots').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,0CAA0C;AAC1C,0CAA0C;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,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,KAAK,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACzF,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9D,CAAC;IAED,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;QAChC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC;aACtB,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,KAAK,CAAC,mBAAmB,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,GAAG,EAAE;QAC3C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;QACrC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,CAAC,CAAC;IACtF,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,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC1D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC1D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;QAC1D,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACf,EAAE,CAAC,KAAK,CAAC,0BAA0B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IAC9D,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":""}