@servicetitan/titan-chat-ui-anvil2 3.0.1 → 3.1.1

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

@@ -1,5 +1,9 @@
 @import '@servicetitan/tokens/dist/tokens.less';
 
+.formContainer {
+    width: 100%;
+}
+
 .form-textarea {
     margin-bottom: @spacing-0 !important;
 

package/dist/components/chat/chat-message-template-user.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-template-user.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGH,iBAAiB,EACpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAuC5E,CAAC"}
+{"version":3,"file":"chat-message-template-user.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGH,iBAAiB,EACpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAI3D,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CA0C5E,CAAC"}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Text } from '@servicetitan/anvil2';
+import { Button, Flex, Text } from '@servicetitan/anvil2';
 import IconRefresh from '@servicetitan/anvil2/assets/icons/material/round/refresh.svg';
 import { useDependencies } from '@servicetitan/react-ioc';
 import { CHAT_UI_STORE_TOKEN, ChatMessageState, } from '@servicetitan/titan-chat-ui-common';
@@ -11,6 +11,6 @@ export const ChatMessageTemplateUser = observer(({ children, message, omitTimest
     const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
     const isError = message.state === ChatMessageState.Failed;
     const handleRetry = useCallback(() => chatUiStore.sendMessageRetry(message), [chatUiStore, message]);
-    return (_jsx(MessageUser, { isError: isError, messageFooter: isError ? (_jsxs(Text, { variant: "eyebrow", className: "c-red-600", "data-cy": "titan-chat-message-error", children: ["Message not delivered. Retry", _jsx(Button, { icon: IconRefresh, appearance: "ghost", size: "small", "aria-label": "Retry send message", onClick: handleRetry, "data-cy": "titan-chat-message-error-retry" })] })) : !omitTimestamp ? (_jsx(MessageFooter, { timestamp: message.timestamp })) : null, children: children }));
+    return (_jsx(MessageUser, { isError: isError, messageFooter: isError ? (_jsxs(Flex, { direction: "row", alignItems: "center", gap: "1", children: [_jsx(Text, { variant: "eyebrow", className: "c-danger", "data-cy": "titan-chat-message-error", children: "Message not delivered. Retry" }), _jsx(Button, { icon: IconRefresh, appearance: "ghost", size: "small", className: "c-danger", "aria-label": "Retry send message", onClick: handleRetry, "data-cy": "titan-chat-message-error-retry" })] })) : !omitTimestamp ? (_jsx(MessageFooter, { timestamp: message.timestamp })) : null, children: children }));
 });
 //# sourceMappingURL=chat-message-template-user.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-message-template-user.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,WAAW,MAAM,8DAA8D,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACH,mBAAmB,EACnB,gBAAgB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,uBAAuB,GAA6C,QAAQ,CACrF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;IACrC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC;IAE1D,MAAM,WAAW,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAC3C,CAAC,WAAW,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,OAAO,EAChB,aAAa,EACT,OAAO,CAAC,CAAC,CAAC,CACN,MAAC,IAAI,IACD,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,WAAW,aACb,0BAA0B,6CAGlC,KAAC,MAAM,IACH,IAAI,EAAE,WAAW,EACjB,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,gBACD,oBAAoB,EAC/B,OAAO,EAAE,WAAW,aACZ,gCAAgC,GAC1C,IACC,CACV,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAClD,CAAC,CAAC,CAAC,IAAI,YAGX,QAAQ,GACC,CACjB,CAAC;AACN,CAAC,CACJ,CAAC"}
+{"version":3,"file":"chat-message-template-user.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,WAAW,MAAM,8DAA8D,CAAC;AACvF,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EACH,mBAAmB,EACnB,gBAAgB,GAEnB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,uBAAuB,GAA6C,QAAQ,CACrF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;IACrC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC;IAE1D,MAAM,WAAW,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAC3C,CAAC,WAAW,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,OAAO,EAChB,aAAa,EACT,OAAO,CAAC,CAAC,CAAC,CACN,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC7C,KAAC,IAAI,IACD,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,UAAU,aACZ,0BAA0B,6CAG/B,EACP,KAAC,MAAM,IACH,IAAI,EAAE,WAAW,EACjB,UAAU,EAAC,OAAO,EAClB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,UAAU,gBACT,oBAAoB,EAC/B,OAAO,EAAE,WAAW,aACZ,gCAAgC,GAC1C,IACC,CACV,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAClD,CAAC,CAAC,CAAC,IAAI,YAGX,QAAQ,GACC,CACjB,CAAC;AACN,CAAC,CACJ,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"chat-timer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,SAAS,EAAE,EA0BtB,CAAC"}
+{"version":3,"file":"chat-timer.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAExC,eAAO,MAAM,SAAS,EAAE,EAqBtB,CAAC"}

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

@@ -1,10 +1,9 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Announcement, Link, Text } from '@servicetitan/anvil2';
+import { Alert, Link, Text } from '@servicetitan/anvil2';
 import { useDependencies } from '@servicetitan/react-ioc';
 import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
 import { observer } from 'mobx-react';
 import { useCallback } from 'react';
-import * as Styles from './chat-timer.module.less';
 export const ChatTimer = observer(() => {
     var _a, _b;
     const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
@@ -13,6 +12,6 @@ export const ChatTimer = observer(() => {
     if (!chatUiStore.timer) {
         return null;
     }
-    return (_jsxs(Announcement, { status: "info", title: "Chat inactive", className: Styles.banner, "data-cy": "titan-chat-timer", children: [_jsxs(Text, { variant: "body", children: ['Are you still there? Please respond within ', _jsxs("b", { children: [secondsLeft, "s"] }), ' or this chat will time out.'] }), _jsx(Link, { onClick: restartTimers, appearance: "secondary", "data-cy": "titan-chat-timer-restart", children: "I'm here" })] }));
+    return (_jsxs(Alert, { status: "info", title: "Chat inactive", "data-cy": "titan-chat-timer", children: [_jsxs(Text, { variant: "body", children: ['Are you still there? Please respond within ', _jsxs("b", { children: [secondsLeft, "s"] }), ' or this chat will time out.'] }), _jsx(Link, { onClick: restartTimers, appearance: "secondary", "data-cy": "titan-chat-timer-restart", children: "I'm here" })] }));
 });
 //# sourceMappingURL=chat-timer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-timer.js","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AACxC,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,YAAY,IACT,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,eAAe,EACrB,SAAS,EAAE,MAAM,CAAC,MAAM,aAChB,kBAAkB,aAE1B,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,aACf,6CAA6C,EAC9C,wBAAI,WAAW,SAAM,EACpB,8BAA8B,IAC5B,EACP,KAAC,IAAI,IAAC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAC,WAAW,aAAS,0BAA0B,yBAEhF,IACI,CAClB,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"chat-timer.js","sourceRoot":"","sources":["../../../src/components/chat/chat-timer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,WAAW,EAAE,MAAM,OAAO,CAAC;AAExC,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,KAAK,IAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,eAAe,aAAS,kBAAkB,aACjE,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,aACf,6CAA6C,EAC9C,wBAAI,WAAW,SAAM,EACpB,8BAA8B,IAC5B,EACP,KAAC,IAAI,IAAC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAC,WAAW,aAAS,0BAA0B,yBAEhF,IACH,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAOxD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA2C9B,CAAC"}
+{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAuB,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAG7F,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAQ9C,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CAsD9B,CAAC"}

package/dist/components/chat/chat.js

@@ -2,13 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Flex } from '@servicetitan/anvil2';
 import { useDependencies } from '@servicetitan/react-ioc';
 import { CHAT_UI_STORE_TOKEN } from '@servicetitan/titan-chat-ui-common';
+import classNames from 'classnames';
 import { observer } from 'mobx-react';
-import { Fragment, useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 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';
+import * as Styles from './chat.module.less';
 export const Chat = observer(({ className, customizations }) => {
     var _a, _b;
     const scrollRef = useRef(null);
@@ -25,6 +27,9 @@ export const Chat = observer(({ className, customizations }) => {
             }
         }, 0);
     }, [chatUiStore.scrollCounter]);
-    return (_jsx(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: chatUiStore.isStarting ? ((loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : _jsx(ChatConnecting, { className: "p-x-3 p-y-2" }))) : (_jsxs(Fragment, { children: [_jsx("div", { ref: scrollRef, className: "p-x-3 p-y-2 flex-grow-1 of-y-auto", children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }), _jsx(ChatNotifications, {}), !((_b = (_a = chatUiStore.customizations) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.isDisabled) && (_jsxs(Flex, { className: "p-x-3 p-y-2", direction: "column", gap: "4", children: [_jsx(ChatInputFile, { className: "p-2 box-sizing-border-box border-radius-1 border border-style-dashed" }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] })) }));
+    if (chatUiStore.isStarting) {
+        return (_jsx(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : _jsx(ChatConnecting, { className: "p-inline-6 p-block-4" }) }));
+    }
+    return (_jsxs(Flex, { direction: "column", className: className, "data-cy": "titan-chat", children: [_jsx(Flex, { direction: "column", ref: scrollRef, grow: "1", className: classNames('p-inline-6 p-block-4', Styles.scrollContainer), children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }), _jsx(ChatNotifications, {}), !((_b = (_a = chatUiStore.customizations) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.isDisabled) && (_jsxs(Flex, { className: "p-inline-6 p-block-4", direction: "column", gap: "4", children: [_jsx(ChatInputFile, { className: classNames('p-4 border-radius-small border-color-subdued', Styles.fileContainer) }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] }));
 });
 //# sourceMappingURL=chat.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAsB,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACxD,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;IACxD,MAAM,gBAAgB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC;IAE1D,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,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAC9D,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,KAAC,cAAc,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CACnE,CAAC,CAAC,CAAC,CACA,MAAC,QAAQ,eACL,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,mCAAmC,YAC9D,KAAC,YAAY,IACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,mBAAmB,EAAE,WAAW,CAAC,aAAa,GAChD,GACA,EACN,KAAC,iBAAiB,KAAG,EACpB,CAAC,CAAA,MAAA,MAAA,WAAW,CAAC,cAAc,0CAAE,KAAK,0CAAE,UAAU,CAAA,IAAI,CAC/C,MAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aACpD,KAAC,aAAa,IAAC,SAAS,EAAC,sEAAsE,GAAG,EAClG,KAAC,SAAS,KAAG,EACZ,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,IACzC,CACV,IACM,CACd,GACE,CACV,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+.scrollContainer {
+    overflow-y: auto;
+    overflow-x: hidden;
+}
+
+.fileContainer {
+    border-width: 1px;
+    border-style: dashed;
+}

package/dist/components/message-content/__tests-cy__/message-content-file.test.d.ts

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

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

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

package/dist/components/message-content/__tests-cy__/message-content-file.test.js

@@ -0,0 +1,6 @@
+import { runMessageContentFileSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { MessageContentFile } from '../message-content-file';
+describe('MessageContentFile', () => {
+    runMessageContentFileSharedTests(MessageContentFile, { isAnvil2: true });
+});
+//# sourceMappingURL=message-content-file.test.js.map

package/dist/components/message-content/__tests-cy__/message-content-file.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-content-file.test.js","sourceRoot":"","sources":["../../../../src/components/message-content/__tests-cy__/message-content-file.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,wCAAwC,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,gCAAgC,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AAC7E,CAAC,CAAC,CAAC"}

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

@@ -1,83 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AnvilProvider, Button, Flex, Text } from '@servicetitan/anvil2';
+import { 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 { runMessageAgentSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 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');
-        });
-    });
+describe('MessageAgent', () => {
+    runMessageAgentSharedTests(MessageAgent, {
+        TextComponent: Text,
+        ButtonComponent: Button,
+        ContainerComponent: Flex,
+        MessageFooterComponent: MessageFooter,
+        thumbUpIcon: IconThumbUp,
+        thumbDownIcon: IconThumbDown,
+    }, { isAnvil2: true });
 });
 //# sourceMappingURL=message-agent.test.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"message-agent.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-agent.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,aAAa,MAAM,iEAAiE,CAAC;AAC5F,OAAO,WAAW,MAAM,+DAA+D,CAAC;AACxF,OAAO,EAAE,0BAA0B,EAAE,MAAM,wCAAwC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,0BAA0B,CACtB,YAAY,EACZ;QACI,aAAa,EAAE,IAAI;QACnB,eAAe,EAAE,MAAM;QACvB,kBAAkB,EAAE,IAAI;QACxB,sBAAsB,EAAE,aAAa;QACrC,WAAW,EAAE,WAAW;QACxB,aAAa,EAAE,aAAa;KAC/B,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACrB,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -1,19 +1,10 @@
-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 { runMessageSystemSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 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');
-    });
+describe('MessageSystem', () => {
+    runMessageSystemSharedTests(MessageSystem, {
+        TextComponent: Text,
+        ContainerComponent: Flex,
+    }, { isAnvil2: true });
 });
 //# sourceMappingURL=message-system.test.js.map

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

@@ -1 +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"}
+{"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,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,2BAA2B,CACvB,aAAa,EACb;QACI,aAAa,EAAE,IAAI;QACnB,kBAAkB,EAAE,IAAI;KAC3B,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACrB,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -1,25 +1,6 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ChatUiSelectors } from '@servicetitan/titan-chatbot-ui-cypress';
-import { mount } from 'cypress/react';
+import { runMessageTimeoutSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 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');
-    });
+    runMessageTimeoutSharedTests(MessageTimeout);
 });
 //# sourceMappingURL=message-timeout.test.js.map

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

@@ -1 +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"}
+{"version":3,"file":"message-timeout.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-timeout.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,wCAAwC,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,4BAA4B,CAAC,cAAc,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC"}

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

@@ -1,48 +1,6 @@
-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 { runMessageTypingSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 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');
-    });
+describe('MessageTyping', () => {
+    runMessageTypingSharedTests(MessageTyping);
 });
 //# sourceMappingURL=message-typing.test.js.map

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

@@ -1 +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"}
+{"version":3,"file":"message-typing.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-typing.test.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAC;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC3B,2BAA2B,CAAC,aAAa,CAAC,CAAC;AAC/C,CAAC,CAAC,CAAC"}

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

@@ -1,27 +1,7 @@
-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 { runMessageUserSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
 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');
-    });
+describe('MessageUser', () => {
+    runMessageUserSharedTests(MessageUser, Text);
 });
 //# sourceMappingURL=message-user.test.js.map

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

@@ -1 +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"}
+{"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,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IACzB,yBAAyB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AACjD,CAAC,CAAC,CAAC"}

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

@@ -1 +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"}
+{"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;AAIxC,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

@@ -2,6 +2,7 @@ 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';
+import * as Styles from './message-timeout.module.less';
 export const MessageTimeout = ({ onReset, onResume }) => {
     const handleResume = useCallback(() => {
         onResume();
@@ -9,6 +10,6 @@ export const MessageTimeout = ({ onReset, 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" })] })] }) }));
+    return (_jsx(MessageSystem, { "data-cy": "titan-chat-message-timeout", fullWidth: true, children: _jsxs(Flex, { direction: "column", alignItems: "center", gap: "4", children: [_jsx(Divider, {}), _jsxs(Text, { variant: "body", className: Styles.timeoutMessage, 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

@@ -1 +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"}
+{"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;AACjD,OAAO,KAAK,MAAM,MAAM,+BAA+B,CAAC;AAOxD,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,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAChD,KAAC,OAAO,KAAG,EACX,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,4CAEjD,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-timeout.module.less

@@ -0,0 +1,3 @@
+.timeoutMessage {
+    text-align: center;
+}

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

@@ -2,5 +2,5 @@ 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 })] }) }) }));
+export const MessageTyping = ({ avatar }) => (_jsx(MessageAgent, { avatar: avatar, "data-cy": "titan-chat-message-typing", subtle: true, children: _jsx(Flex, { className: Styles.container, 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

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

@@ -1 +1 @@
-{"version":3,"file":"message-typing.js","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAClE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,aAAU,2BAA2B,EAAC,MAAM,kBACpE,KAAC,IAAI,IAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACvC,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAAU,gCAAgC,aAC1E,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,IAC7B,GACH,GACI,CAClB,CAAC"}
+{"version":3,"file":"message-typing.js","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAMvD,MAAM,CAAC,MAAM,aAAa,GAA4B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAClE,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,aAAU,2BAA2B,EAAC,MAAM,kBACpE,KAAC,IAAI,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,EAAE,UAAU,EAAC,QAAQ,YAClD,eAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAAU,gCAAgC,aAC1E,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EAC/B,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,IAC7B,GACH,GACI,CAClB,CAAC"}

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

@@ -1,5 +1,9 @@
 @import '@servicetitan/tokens/dist/tokens.less';
 
+.container {
+    height: 100%;
+}
+
 .dotsContainer {
     @keyframes dot-jumping {
         0% {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chat-ui-anvil2",
-    "version": "3.0.1",
+    "version": "3.1.1",
     "description": "Chat experience UI package (Anvil2 version)",
     "repository": {
         "type": "git",
@@ -17,7 +17,7 @@
         "push:local": "yalc push"
     },
     "dependencies": {
-        "@servicetitan/titan-chat-ui-common": "^3.0.1",
+        "@servicetitan/titan-chat-ui-common": "^3.1.1",
         "lodash": "4.17.21",
         "nanoid": "^5.1.5"
     },
@@ -36,7 +36,7 @@
         "react-dom": "^18"
     },
     "devDependencies": {
-        "@servicetitan/titan-chatbot-ui-cypress": "^3.0.1",
+        "@servicetitan/titan-chatbot-ui-cypress": "^3.1.1",
         "cypress": "^14.3.2"
     },
     "keywords": [
@@ -49,5 +49,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "4aea1ee0fe4bce5c3f6c09db1d49067eb75ac83a"
+    "gitHead": "83c89de5b42d24ce5d7fcd034810bf596a673a08"
 }

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

@@ -0,0 +1,6 @@
+import { runChatErrorSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatError } from '../chat-error';
+
+describe('ChatError', () => {
+    runChatErrorSharedTests(ChatError);
+});

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

@@ -0,0 +1,6 @@
+import { runChatInputFileSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatInputFile } from '../chat-input-file';
+
+describe('ChatInputFile', () => {
+    runChatInputFileSharedTests(ChatInputFile, { isAnvil2: true });
+});

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

@@ -0,0 +1,6 @@
+import { runChatInputSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatInput } from '../chat-input';
+
+describe('ChatInput', () => {
+    runChatInputSharedTests(ChatInput);
+});

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

@@ -0,0 +1,6 @@
+import { runChatLogSharedTests } from '@servicetitan/titan-chatbot-ui-cypress';
+import { ChatLog } from '../chat-log';
+
+describe('[ChatLog]', () => {
+    runChatLogSharedTests(ChatLog);
+});