@servicetitan/titan-chat-ui-anvil2 5.2.3 → 5.3.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v5.3.0 (Fri Jan 09 2026)
+
+#### 🚀 Enhancement
+
+- SPA-7821: ISH: chatbot input sanitization [#80](https://github.com/servicetitan/titan-chatbot-client/pull/80) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v5.2.4 (Fri Jan 09 2026)
+
+#### 🐛 Bug Fix
+
+- SPA-7821: File send error state [#81](https://github.com/servicetitan/titan-chatbot-client/pull/81) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
 # v5.1.0 (Tue Dec 02 2025)
 
 #### 🚀 Enhancement

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

@@ -1 +1 @@
-{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AACA,OAAO,EAIH,iBAAiB,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA8D7C,CAAC"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AACA,OAAO,EAIH,iBAAiB,EAEpB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AAMzD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA+D7C,CAAC"}

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

@@ -24,7 +24,7 @@ export const ChatMessage = observer(({ message, omitAvatar, omitTimestamp }) =>
         switch (message.type) {
             case 'message':
             case 'welcome':
-                messageContentNode = (_jsx(MessageContentText, { message: message }));
+                messageContentNode = (_jsx(MessageContentText, { useMarkdown: message.participant.isAgent, message: message }));
                 break;
             case 'file':
                 messageContentNode = (_jsx(MessageContentFile, { message: message }));

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

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

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

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

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

@@ -5,8 +5,10 @@ import { ChatMessageState } from '@servicetitan/titan-chat-ui-common';
 import { observer } from 'mobx-react';
 import { Fragment } from 'react';
 export const MessageContentFile = observer(({ message }) => {
+    var _a;
     const isDelivering = message.state === ChatMessageState.Delivering;
     const isDelivered = message.state === ChatMessageState.Delivered;
-    return (_jsxs(Fragment, { children: [_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", children: [_jsx(Icon, { svg: IconFileAttach }), _jsx("span", { children: message.fileName })] }), (isDelivering || isDelivered) && (_jsx(Text, { variant: "body", size: "small", className: "ta-right", subdued: true, children: isDelivered ? 'File uploaded' : 'Please wait while uploading...' }))] }));
+    const isFailed = message.state === ChatMessageState.Failed;
+    return (_jsxs(Fragment, { children: [_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", children: [_jsx(Icon, { svg: IconFileAttach }), _jsx("span", { children: message.fileName })] }), isFailed && (_jsxs(Text, { variant: "body", size: "small", className: "ta-right c-red-500", children: ["File upload failed: ", (_a = message.error) !== null && _a !== void 0 ? _a : 'Unknown error'] })), (isDelivering || isDelivered) && (_jsx(Text, { variant: "body", 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

@@ -1 +1 @@
-{"version":3,"file":"message-content-file.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAwB,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrC,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,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7C,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,EAC7B,yBAAO,OAAO,CAAC,QAAQ,GAAQ,IAC5B,EACN,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,CAC9B,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,kBACzD,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,GAC9D,CACV,IACM,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}
+{"version":3,"file":"message-content-file.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-file.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAC9F,OAAO,EAAwB,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMrC,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;IACjE,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC;IAE3D,OAAO,CACH,MAAC,QAAQ,eACL,MAAC,IAAI,IAAC,SAAS,EAAC,KAAK,EAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7C,KAAC,IAAI,IAAC,GAAG,EAAE,cAAc,GAAI,EAC7B,yBAAO,OAAO,CAAC,QAAQ,GAAQ,IAC5B,EACN,QAAQ,IAAI,CACT,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,qCACvC,MAAA,OAAO,CAAC,KAAK,mCAAI,eAAe,IAClD,CACV,EACA,CAAC,YAAY,IAAI,WAAW,CAAC,IAAI,CAC9B,KAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,UAAU,EAAC,OAAO,kBACzD,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gCAAgC,GAC9D,CACV,IACM,CACd,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -3,6 +3,7 @@ import { FC } from 'react';
 interface IMessageContentTextProps {
     className?: string;
     message: ChatMessageModelText | ChatMessageModelWelcome;
+    useMarkdown?: boolean;
     ['data-cy']?: string;
 }
 export declare const MessageContentText: FC<IMessageContentTextProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAG3B,UAAU,wBAAwB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;IACxD,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAK3D,CAAC"}
+{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAEnG,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAI3B,UAAU,wBAAwB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;IACxD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAa3D,CAAC"}

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { observer } from 'mobx-react';
 import { MarkdownText } from '../common/markdown-text';
-export const MessageContentText = observer(({ className, message, ...rest }) => {
+import { MultilineText } from '../common/multiline-text';
+export const MessageContentText = observer(({ className, message, useMarkdown = true, ...rest }) => {
     var _a;
     const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-text';
-    return _jsx(MarkdownText, { className: className, text: message.message, "data-cy": dataCy });
+    return (_jsx("div", { className: className, "data-cy": dataCy, children: useMarkdown ? (_jsx(MarkdownText, { text: message.message, "data-cy": "titan-chat-text-markdown" })) : (_jsx(MultilineText, { text: message.message, "data-cy": "titan-chat-text-multiline" })) }));
 });
 //# sourceMappingURL=message-content-text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"message-content-text.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAQvD,MAAM,CAAC,MAAM,kBAAkB,GAAiC,QAAQ,CACpE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;;IAChC,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,iBAAiB,CAAC;IACpD,OAAO,KAAC,YAAY,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,aAAW,MAAM,GAAI,CAAC;AAC1F,CAAC,CACJ,CAAC"}
+{"version":3,"file":"message-content-text.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AASzD,MAAM,CAAC,MAAM,kBAAkB,GAAiC,QAAQ,CACpE,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;;IACpD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,iBAAiB,CAAC;IACpD,OAAO,CACH,cAAK,SAAS,EAAE,SAAS,aAAW,MAAM,YACrC,WAAW,CAAC,CAAC,CAAC,CACX,KAAC,YAAY,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,aAAU,0BAA0B,GAAG,CAC7E,CAAC,CAAC,CAAC,CACA,KAAC,aAAa,IAAC,IAAI,EAAE,OAAO,CAAC,OAAO,aAAU,2BAA2B,GAAG,CAC/E,GACC,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chat-ui-anvil2",
-    "version": "5.2.3",
+    "version": "5.3.0",
     "description": "Chat experience UI package (Anvil2 version)",
     "repository": {
         "type": "git",
@@ -17,7 +17,7 @@
         "push:local": "yalc push"
     },
     "dependencies": {
-        "@servicetitan/titan-chat-ui-common": "^5.2.3",
+        "@servicetitan/titan-chat-ui-common": "^5.3.0",
         "dompurify": "^3.2.6",
         "lodash": "4.17.21",
         "nanoid": "^5.1.5",
@@ -39,7 +39,7 @@
         "react-dom": ">=18"
     },
     "devDependencies": {
-        "@servicetitan/cypress-shared": "^5.2.3",
+        "@servicetitan/cypress-shared": "^5.3.0",
         "cypress": "^15.2.0"
     },
     "keywords": [
@@ -52,5 +52,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "e55c913f13784a374207c09c3f9e9c0b2cabf665"
+    "gitHead": "8b6cbe5dd27a1c2a8bcbfe755f7eed15228b35fa"
 }

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

@@ -34,6 +34,7 @@ export const ChatMessage: FC<IChatMessageProps> = observer(
                 case 'welcome':
                     messageContentNode = (
                         <MessageContentText
+                            useMarkdown={message.participant.isAgent}
                             message={message as ChatMessageModelText | ChatMessageModelWelcome}
                         />
                     );

package/src/components/message-content/message-content-file.tsx

@@ -11,6 +11,7 @@ interface IMessageContentFileProps {
 export const MessageContentFile: FC<IMessageContentFileProps> = observer(({ message }) => {
     const isDelivering = message.state === ChatMessageState.Delivering;
     const isDelivered = message.state === ChatMessageState.Delivered;
+    const isFailed = message.state === ChatMessageState.Failed;
 
     return (
         <Fragment>
@@ -18,6 +19,11 @@ export const MessageContentFile: FC<IMessageContentFileProps> = observer(({ mess
                 <Icon svg={IconFileAttach} />
                 <span>{message.fileName}</span>
             </Flex>
+            {isFailed && (
+                <Text variant="body" size="small" className="ta-right c-red-500">
+                    File upload failed: {message.error ?? 'Unknown error'}
+                </Text>
+            )}
             {(isDelivering || isDelivered) && (
                 <Text variant="body" size="small" className="ta-right" subdued>
                     {isDelivered ? 'File uploaded' : 'Please wait while uploading...'}

package/src/components/message-content/message-content-text.tsx

@@ -2,16 +2,26 @@ import { ChatMessageModelText, ChatMessageModelWelcome } from '@servicetitan/tit
 import { observer } from 'mobx-react';
 import { FC } from 'react';
 import { MarkdownText } from '../common/markdown-text';
+import { MultilineText } from '../common/multiline-text';
 
 interface IMessageContentTextProps {
     className?: string;
     message: ChatMessageModelText | ChatMessageModelWelcome;
+    useMarkdown?: boolean;
     ['data-cy']?: string;
 }
 
 export const MessageContentText: FC<IMessageContentTextProps> = observer(
-    ({ className, message, ...rest }) => {
+    ({ className, message, useMarkdown = true, ...rest }) => {
         const dataCy = rest['data-cy'] ?? 'titan-chat-text';
-        return <MarkdownText className={className} text={message.message} data-cy={dataCy} />;
+        return (
+            <div className={className} data-cy={dataCy}>
+                {useMarkdown ? (
+                    <MarkdownText text={message.message} data-cy="titan-chat-text-markdown" />
+                ) : (
+                    <MultilineText text={message.message} data-cy="titan-chat-text-multiline" />
+                )}
+            </div>
+        );
     }
 );