@servicetitan/titan-chatbot-ui-anvil2 4.2.0 → 4.3.1

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# v4.3.1 (Fri Oct 17 2025)
+
+#### 🐛 Bug Fix
+
+- SPA-7194: Filter position customization [#64](https://github.com/servicetitan/titan-chatbot-client/pull/64) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
+# v4.3.0 (Wed Oct 08 2025)
+
+#### 🚀 Enhancement
+
+- SPA-7396: Updated API contract. Improved markdown rendering. Exposed markdown text component [#63](https://github.com/servicetitan/titan-chatbot-client/pull/63) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+#### Authors: 1
+
+- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
+
+---
+
 # v4.2.0 (Tue Oct 07 2025)
 
 #### 🚀 Enhancement

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

@@ -1 +1 @@
-{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIH,mBAAmB,EACtB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAGH,qBAAqB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAU9D,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CAoErC,CAAC"}
+{"version":3,"file":"chatbot.d.ts","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIH,mBAAmB,EACtB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAGH,qBAAqB,EACxB,MAAM,iCAAiC,CAAC;AAEzC,OAAO,EAAE,aAAa,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAW9D,MAAM,WAAW,aAAa;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,aAAa,CA6ErC,CAAC"}

package/dist/components/chatbot/chatbot.js

@@ -10,12 +10,13 @@ import { ChatbotToChatProviderAdapter } from './chatbot-to-chat-provider-adapter
 import * as Styles from './chatbot.module.less';
 import { ChatFilters } from './filters/chatbot-filters';
 import { ChatbotMessageAnswer } from './messages/chatbot-message-answer';
+import { ChatbotMessageQuestion } from './messages/chatbot-message-question';
 import { ChatbotMessageTimeout } from './messages/chatbot-message-timeout';
 import { ChatbotMessageTyping } from './messages/chatbot-message-typing';
 import { ChatbotMessageWelcome } from './messages/chatbot-message-welcome';
 import { ChatbotMessageTemplateAgent } from './templates/chatbot-message-template-agent';
 export const Chatbot = observer(({ botIcon, botName, className, customizations, onReady, style }) => {
-    var _a;
+    var _a, _b;
     const [chatUiStore, chatUiBackendStore] = useDependencies(CHATBOT_UI_STORE_TOKEN, CHATBOT_UI_BACKEND_STORE_TOKEN);
     useEffect(() => {
         const init = async () => {
@@ -49,6 +50,10 @@ export const Chatbot = observer(({ botIcon, botName, className, customizations,
             },
             messages: [
                 ...((_d = customizations === null || customizations === void 0 ? void 0 : customizations.messages) !== null && _d !== void 0 ? _d : []),
+                {
+                    predicate: (message) => !message.participant.isAgent && message.type === 'message',
+                    component: ChatbotMessageQuestion,
+                },
                 {
                     predicate: (message) => message.type === 'welcome',
                     component: ChatbotMessageWelcome,
@@ -66,6 +71,9 @@ export const Chatbot = observer(({ botIcon, botName, className, customizations,
             messageTemplates: templateCustomizations,
         };
     }, [customizations]);
-    return (_jsx(ChatbotToChatProviderAdapter, { children: _jsxs(Flex, { direction: "column", className: className, style: style, children: [_jsx(Chat, { className: Styles.chat, customizations: customizationsMerged }), Boolean((_a = customizationsMerged.filters) === null || _a === void 0 ? void 0 : _a.enabled) && (_jsx(ChatFilters, { className: "p-inline-6 p-block-end-4" }))] }) }));
+    const isFilterEnabled = Boolean((_a = customizationsMerged.filters) === null || _a === void 0 ? void 0 : _a.enabled);
+    const isTopFilter = Boolean(isFilterEnabled && ((_b = customizationsMerged.filters) === null || _b === void 0 ? void 0 : _b.position) === 'top');
+    const isBottomFilter = isFilterEnabled && !isTopFilter;
+    return (_jsx(ChatbotToChatProviderAdapter, { children: _jsxs(Flex, { direction: "column", className: className, style: style, children: [isTopFilter && _jsx(ChatFilters, { className: "p-inline-6 p-block-4" }), _jsx(Chat, { className: Styles.chat, customizations: customizationsMerged }), isBottomFilter && _jsx(ChatFilters, { className: "p-inline-6 p-block-end-4" })] }) }));
 });
 //# sourceMappingURL=chatbot.js.map

package/dist/components/chatbot/chatbot.js.map

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { AnvilProvider } from '@servicetitan/anvil2';
+import { runChatbotMessageQuestionSharedTests } from '@servicetitan/cypress-shared';
+import { ChatbotMessageQuestion } from '../chatbot-message-question';
+describe('[ChatbotMessageQuestion]', () => {
+    runChatbotMessageQuestionSharedTests(ChatbotMessageQuestion, component => (_jsx(AnvilProvider, { children: component })));
+});
+//# sourceMappingURL=chatbot-message-question.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-question.test.js","sourceRoot":"","sources":["../../../../../src/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,oCAAoC,EAAE,MAAM,8BAA8B,CAAC;AACpF,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAErE,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACtC,oCAAoC,CAAC,sBAAsB,EAAE,SAAS,CAAC,EAAE,CAAC,CACtE,KAAC,aAAa,cAAE,SAAS,GAAiB,CAC7C,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/dist/components/chatbot/messages/chatbot-message-question.d.ts

@@ -0,0 +1,6 @@
+import { ChatMessageModelText } from '@servicetitan/titan-chat-ui-common';
+import { FC } from 'react';
+export declare const ChatbotMessageQuestion: FC<{
+    message: ChatMessageModelText;
+}>;
+//# sourceMappingURL=chatbot-message-question.d.ts.map

package/dist/components/chatbot/messages/chatbot-message-question.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-question.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-question.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAE1E,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC;IAAE,OAAO,EAAE,oBAAoB,CAAA;CAAE,CAUxE,CAAC"}

package/dist/components/chatbot/messages/chatbot-message-question.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageContentText } from '@servicetitan/titan-chat-ui-anvil2';
+import { observer } from 'mobx-react';
+export const ChatbotMessageQuestion = observer(({ message }) => {
+    return (_jsx(MessageContentText, { message: message, className: "m-block-1", "data-cy": "titan-chatbot-message-question" }));
+});
+//# sourceMappingURL=chatbot-message-question.js.map

package/dist/components/chatbot/messages/chatbot-message-question.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chatbot-message-question.js","sourceRoot":"","sources":["../../../../src/components/chatbot/messages/chatbot-message-question.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,CAAC,MAAM,sBAAsB,GAA0C,QAAQ,CACjF,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACZ,OAAO,CACH,KAAC,kBAAkB,IACf,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,WAAW,aACb,gCAAgC,GAC1C,CACL,CAAC;AACN,CAAC,CACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/titan-chatbot-ui-anvil2",
-    "version": "4.2.0",
+    "version": "4.3.1",
     "description": "Chatbot experience UI package (Anvil2 version)",
     "repository": {
         "type": "git",
@@ -17,9 +17,9 @@
         "push:local": "yalc push"
     },
     "dependencies": {
-        "@servicetitan/titan-chat-ui-anvil2": "^4.2.0",
-        "@servicetitan/titan-chat-ui-common": "^4.2.0",
-        "@servicetitan/titan-chatbot-api": "^4.2.0",
+        "@servicetitan/titan-chat-ui-anvil2": "^4.3.1",
+        "@servicetitan/titan-chat-ui-common": "^4.3.1",
+        "@servicetitan/titan-chatbot-api": "^4.3.1",
         "nanoid": "^5.1.5"
     },
     "peerDependencies": {
@@ -36,7 +36,7 @@
         "react-dom": ">=18"
     },
     "devDependencies": {
-        "@servicetitan/cypress-shared": "^4.2.0",
+        "@servicetitan/cypress-shared": "^4.3.1",
         "cypress": "^15.2.0"
     },
     "keywords": [
@@ -49,5 +49,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "165f0a686b7a040223f6a0928b10d1d8cf6033e6"
+    "gitHead": "7cce005ccee14dcf26a03e9643bcf582a13031ed"
 }

package/src/components/chatbot/chatbot.tsx

@@ -18,6 +18,7 @@ import { ChatbotToChatProviderAdapter } from './chatbot-to-chat-provider-adapter
 import * as Styles from './chatbot.module.less';
 import { ChatFilters } from './filters/chatbot-filters';
 import { ChatbotMessageAnswer } from './messages/chatbot-message-answer';
+import { ChatbotMessageQuestion } from './messages/chatbot-message-question';
 import { ChatbotMessageTimeout } from './messages/chatbot-message-timeout';
 import { ChatbotMessageTyping } from './messages/chatbot-message-typing';
 import { ChatbotMessageWelcome } from './messages/chatbot-message-welcome';
@@ -70,6 +71,11 @@ export const Chatbot: FC<IChatbotProps> = observer(
                 },
                 messages: [
                     ...(customizations?.messages ?? []),
+                    {
+                        predicate: (message: ChatMessageModelText) =>
+                            !message.participant.isAgent && message.type === 'message',
+                        component: ChatbotMessageQuestion,
+                    },
                     {
                         predicate: (message: ChatMessageModelWelcome) => message.type === 'welcome',
                         component: ChatbotMessageWelcome,
@@ -89,13 +95,17 @@ export const Chatbot: FC<IChatbotProps> = observer(
             };
         }, [customizations]);
 
+        const isFilterEnabled = Boolean(customizationsMerged.filters?.enabled);
+        const isTopFilter = Boolean(
+            isFilterEnabled && customizationsMerged.filters?.position === 'top'
+        );
+        const isBottomFilter = isFilterEnabled && !isTopFilter;
         return (
             <ChatbotToChatProviderAdapter>
                 <Flex direction="column" className={className} style={style}>
+                    {isTopFilter && <ChatFilters className="p-inline-6 p-block-4" />}
                     <Chat className={Styles.chat} customizations={customizationsMerged} />
-                    {Boolean(customizationsMerged.filters?.enabled) && (
-                        <ChatFilters className="p-inline-6 p-block-end-4" />
-                    )}
+                    {isBottomFilter && <ChatFilters className="p-inline-6 p-block-end-4" />}
                 </Flex>
             </ChatbotToChatProviderAdapter>
         );

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

@@ -0,0 +1,9 @@
+import { AnvilProvider } from '@servicetitan/anvil2';
+import { runChatbotMessageQuestionSharedTests } from '@servicetitan/cypress-shared';
+import { ChatbotMessageQuestion } from '../chatbot-message-question';
+
+describe('[ChatbotMessageQuestion]', () => {
+    runChatbotMessageQuestionSharedTests(ChatbotMessageQuestion, component => (
+        <AnvilProvider>{component}</AnvilProvider>
+    ));
+});

package/src/components/chatbot/messages/chatbot-message-question.tsx

@@ -0,0 +1,16 @@
+import { MessageContentText } from '@servicetitan/titan-chat-ui-anvil2';
+import { ChatMessageModelText } from '@servicetitan/titan-chat-ui-common';
+import { observer } from 'mobx-react';
+import { FC } from 'react';
+
+export const ChatbotMessageQuestion: FC<{ message: ChatMessageModelText }> = observer(
+    ({ message }) => {
+        return (
+            <MessageContentText
+                message={message}
+                className="m-block-1"
+                data-cy="titan-chatbot-message-question"
+            />
+        );
+    }
+);