@servicetitan/titan-chatbot-ui-anvil2 4.1.2 → 4.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +24 -0
- package/dist/components/chatbot/chatbot.d.ts.map +1 -1
- package/dist/components/chatbot/chatbot.js +5 -0
- package/dist/components/chatbot/chatbot.js.map +1 -1
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.d.ts.map +1 -1
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.js +2 -3
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.js.map +1 -1
- package/dist/components/chatbot/feedback/chatbot-message-feedback-popover.module.less +4 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.d.ts +2 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.d.ts.map +1 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.js +8 -0
- package/dist/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.js.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-question.d.ts +6 -0
- package/dist/components/chatbot/messages/chatbot-message-question.d.ts.map +1 -0
- package/dist/components/chatbot/messages/chatbot-message-question.js +7 -0
- package/dist/components/chatbot/messages/chatbot-message-question.js.map +1 -0
- package/package.json +6 -6
- package/src/components/chatbot/chatbot.tsx +6 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.module.less +4 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.module.less.d.ts +1 -0
- package/src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx +4 -4
- package/src/components/chatbot/messages/__tests-cy__/chatbot-message-question.test.tsx +9 -0
- package/src/components/chatbot/messages/chatbot-message-question.tsx +16 -0
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v4.3.0 (Wed Oct 08 2025)
|
|
2
|
+
|
|
3
|
+
#### 🚀 Enhancement
|
|
4
|
+
|
|
5
|
+
- 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))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v4.2.0 (Tue Oct 07 2025)
|
|
14
|
+
|
|
15
|
+
#### 🚀 Enhancement
|
|
16
|
+
|
|
17
|
+
- SPA-7396: Updated titan chatbot API contract. Changed Anvil2 feedback buttons. [#62](https://github.com/servicetitan/titan-chatbot-client/pull/62) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v4.0.1 (Fri Sep 19 2025)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
|
@@ -1 +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;
|
|
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;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,CAyErC,CAAC"}
|
|
@@ -10,6 +10,7 @@ import { ChatbotToChatProviderAdapter } from './chatbot-to-chat-provider-adapter
|
|
|
10
10
|
import * as Styles from './chatbot.module.less';
|
|
11
11
|
import { ChatFilters } from './filters/chatbot-filters';
|
|
12
12
|
import { ChatbotMessageAnswer } from './messages/chatbot-message-answer';
|
|
13
|
+
import { ChatbotMessageQuestion } from './messages/chatbot-message-question';
|
|
13
14
|
import { ChatbotMessageTimeout } from './messages/chatbot-message-timeout';
|
|
14
15
|
import { ChatbotMessageTyping } from './messages/chatbot-message-typing';
|
|
15
16
|
import { ChatbotMessageWelcome } from './messages/chatbot-message-welcome';
|
|
@@ -49,6 +50,10 @@ export const Chatbot = observer(({ botIcon, botName, className, customizations,
|
|
|
49
50
|
},
|
|
50
51
|
messages: [
|
|
51
52
|
...((_d = customizations === null || customizations === void 0 ? void 0 : customizations.messages) !== null && _d !== void 0 ? _d : []),
|
|
53
|
+
{
|
|
54
|
+
predicate: (message) => !message.participant.isAgent && message.type === 'message',
|
|
55
|
+
component: ChatbotMessageQuestion,
|
|
56
|
+
},
|
|
52
57
|
{
|
|
53
58
|
predicate: (message) => message.type === 'welcome',
|
|
54
59
|
component: ChatbotMessageWelcome,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatbot.js","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"chatbot.js","sourceRoot":"","sources":["../../../src/components/chatbot/chatbot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatbot-message-feedback-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chatbot-message-feedback-popover.d.ts","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx"],"names":[],"mappings":"AAKA,OAAO,EAKH,MAAM,EAET,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EAAE,EAAE,EAAmD,MAAM,OAAO,CAAC;AAK5E,UAAU,4BAA4B;IAClC,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,6BAA6B,EAAE,EAAE,CAAC,4BAA4B,CAuL1E,CAAC"}
|
|
@@ -2,8 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Button, Flex, Icon, Link, Popover, Spinner, Text } from '@servicetitan/anvil2';
|
|
3
3
|
import IconCheck from '@servicetitan/anvil2/assets/icons/material/round/check.svg';
|
|
4
4
|
import IconError from '@servicetitan/anvil2/assets/icons/material/round/error.svg';
|
|
5
|
-
import
|
|
6
|
-
import IconThumbUp from '@servicetitan/anvil2/assets/icons/material/round/thumb_up.svg';
|
|
5
|
+
import IconThumbDownAlt from '@servicetitan/anvil2/assets/icons/material/round/thumb_down_off_alt.svg';
|
|
7
6
|
import { provide, useDependencies } from '@servicetitan/react-ioc';
|
|
8
7
|
import { CHATBOT_UI_STORE_TOKEN, MessageFeedbackGuardrailStore, MessageFeedbackStore, Models, useCustomizationChatbot, } from '@servicetitan/titan-chatbot-api';
|
|
9
8
|
import classNames from 'classnames';
|
|
@@ -57,6 +56,6 @@ export const ChatbotMessageFeedbackPopover = provide({
|
|
|
57
56
|
return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: classNames(className, Styles.feedback), "data-cy": "titan-chatbot-message-feedback-failed", children: [_jsx(Icon, { svg: IconError, className: "c-status-danger" }), _jsx(Text, { className: classNames('c-status-danger', Styles.feedbackResultText), children: "Failed to send feedback." })] }));
|
|
58
57
|
}
|
|
59
58
|
const SubmitButton = (_jsx(Button, { appearance: "primary", disabled: !feedbackStore.isValid, onClick: handleFeedbackSubmit, "data-cy": "titan-chatbot-message-feedback-submit", children: "Submit" }));
|
|
60
|
-
return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: className, children: [!isGuardrail && title && _jsx(Text, { variant: "eyebrow", children: title }), !isGuardrail && (_jsx(Button, { icon:
|
|
59
|
+
return (_jsxs(Flex, { direction: "row", gap: "2", alignItems: "center", className: className, children: [!isGuardrail && title && _jsx(Text, { variant: "eyebrow", children: title }), !isGuardrail && (_jsx(Button, { icon: IconThumbDownAlt, className: Styles.feedbackThumbUp, size: "small", appearance: "ghost", "aria-label": "thumb up", onClick: handleFeedbackThumbsUp, "data-cy": "titan-chatbot-message-feedback-thumbs-up" })), _jsx(Popover, { placement: "top-start", onOutsidePress: () => setIsPopoverOpen(false), open: isPopoverOpen, children: isGuardrail ? (_jsxs(Fragment, { children: [_jsx(Popover.Trigger, { children: props => (_jsx(Link, { ...props, onClick: () => setIsPopoverOpen(true), className: classNames('fs-paragraph-small', Styles.provideAnswer), color: "blue", "data-cy": "titan-chatbot-message-feedback-provide-answer", children: "Provide correct answer" })) }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Provide correct answer" }) }), _jsx(ChatbotMessageFeedbackFormGuardrail, {}), SubmitButton] }) })] })) : (_jsxs(Fragment, { children: [_jsx(Popover.Button, { icon: IconThumbDownAlt, size: "small", appearance: "ghost", onClick: () => setIsPopoverOpen(true), "aria-label": "thumb down", "data-cy": "titan-chatbot-message-feedback-thumbs-down" }), _jsx(Popover.Content, { children: _jsxs(Flex, { direction: "column", children: [_jsx(Flex, { justifyContent: "space-between", alignItems: "center", children: _jsx(Text, { el: "h3", variant: "headline", size: "small", children: "Why didn't this answer solve your problem?" }) }), _jsx(ChatbotMessageFeedbackForm, {}), SubmitButton] }) })] })) })] }));
|
|
61
60
|
}));
|
|
62
61
|
//# sourceMappingURL=chatbot-message-feedback-popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chatbot-message-feedback-popover.js","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACxF,OAAO,SAAS,MAAM,4DAA4D,CAAC;AACnF,OAAO,SAAS,MAAM,4DAA4D,CAAC;AACnF,OAAO,
|
|
1
|
+
{"version":3,"file":"chatbot-message-feedback-popover.js","sourceRoot":"","sources":["../../../../src/components/chatbot/feedback/chatbot-message-feedback-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
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":""}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { AnvilProvider } from '@servicetitan/anvil2';
|
|
3
|
+
import { runChatbotMessageQuestionSharedTests } from '@servicetitan/cypress-shared';
|
|
4
|
+
import { ChatbotMessageQuestion } from '../chatbot-message-question';
|
|
5
|
+
describe('[ChatbotMessageQuestion]', () => {
|
|
6
|
+
runChatbotMessageQuestionSharedTests(ChatbotMessageQuestion, component => (_jsx(AnvilProvider, { children: component })));
|
|
7
|
+
});
|
|
8
|
+
//# sourceMappingURL=chatbot-message-question.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { MessageContentText } from '@servicetitan/titan-chat-ui-anvil2';
|
|
3
|
+
import { observer } from 'mobx-react';
|
|
4
|
+
export const ChatbotMessageQuestion = observer(({ message }) => {
|
|
5
|
+
return (_jsx(MessageContentText, { message: message, className: "m-block-1", "data-cy": "titan-chatbot-message-question" }));
|
|
6
|
+
});
|
|
7
|
+
//# sourceMappingURL=chatbot-message-question.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/titan-chatbot-ui-anvil2",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.3.0",
|
|
4
4
|
"description": "Chatbot experience UI package (Anvil2 version)",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,9 +17,9 @@
|
|
|
17
17
|
"push:local": "yalc push"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@servicetitan/titan-chat-ui-anvil2": "^4.
|
|
21
|
-
"@servicetitan/titan-chat-ui-common": "^4.
|
|
22
|
-
"@servicetitan/titan-chatbot-api": "^4.
|
|
20
|
+
"@servicetitan/titan-chat-ui-anvil2": "^4.3.0",
|
|
21
|
+
"@servicetitan/titan-chat-ui-common": "^4.3.0",
|
|
22
|
+
"@servicetitan/titan-chatbot-api": "^4.3.0",
|
|
23
23
|
"nanoid": "^5.1.5"
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-dom": ">=18"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@servicetitan/cypress-shared": "^4.
|
|
39
|
+
"@servicetitan/cypress-shared": "^4.3.0",
|
|
40
40
|
"cypress": "^15.2.0"
|
|
41
41
|
},
|
|
42
42
|
"keywords": [
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"cli": {
|
|
50
50
|
"webpack": false
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "640e7253dc9fa5135ca7c330391989d4e3d06374"
|
|
53
53
|
}
|
|
@@ -18,6 +18,7 @@ import { ChatbotToChatProviderAdapter } from './chatbot-to-chat-provider-adapter
|
|
|
18
18
|
import * as Styles from './chatbot.module.less';
|
|
19
19
|
import { ChatFilters } from './filters/chatbot-filters';
|
|
20
20
|
import { ChatbotMessageAnswer } from './messages/chatbot-message-answer';
|
|
21
|
+
import { ChatbotMessageQuestion } from './messages/chatbot-message-question';
|
|
21
22
|
import { ChatbotMessageTimeout } from './messages/chatbot-message-timeout';
|
|
22
23
|
import { ChatbotMessageTyping } from './messages/chatbot-message-typing';
|
|
23
24
|
import { ChatbotMessageWelcome } from './messages/chatbot-message-welcome';
|
|
@@ -70,6 +71,11 @@ export const Chatbot: FC<IChatbotProps> = observer(
|
|
|
70
71
|
},
|
|
71
72
|
messages: [
|
|
72
73
|
...(customizations?.messages ?? []),
|
|
74
|
+
{
|
|
75
|
+
predicate: (message: ChatMessageModelText) =>
|
|
76
|
+
!message.participant.isAgent && message.type === 'message',
|
|
77
|
+
component: ChatbotMessageQuestion,
|
|
78
|
+
},
|
|
73
79
|
{
|
|
74
80
|
predicate: (message: ChatMessageModelWelcome) => message.type === 'welcome',
|
|
75
81
|
component: ChatbotMessageWelcome,
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { Button, Flex, Icon, Link, Popover, Spinner, Text } from '@servicetitan/anvil2';
|
|
2
2
|
import IconCheck from '@servicetitan/anvil2/assets/icons/material/round/check.svg';
|
|
3
3
|
import IconError from '@servicetitan/anvil2/assets/icons/material/round/error.svg';
|
|
4
|
-
import
|
|
5
|
-
import IconThumbUp from '@servicetitan/anvil2/assets/icons/material/round/thumb_up.svg';
|
|
4
|
+
import IconThumbDownAlt from '@servicetitan/anvil2/assets/icons/material/round/thumb_down_off_alt.svg';
|
|
6
5
|
import { provide, useDependencies } from '@servicetitan/react-ioc';
|
|
7
6
|
import {
|
|
8
7
|
CHATBOT_UI_STORE_TOKEN,
|
|
@@ -136,7 +135,8 @@ export const ChatbotMessageFeedbackPopover: FC<IChatbotMessageFeedbackProps> = p
|
|
|
136
135
|
{!isGuardrail && title && <Text variant="eyebrow">{title}</Text>}
|
|
137
136
|
{!isGuardrail && (
|
|
138
137
|
<Button
|
|
139
|
-
icon={
|
|
138
|
+
icon={IconThumbDownAlt}
|
|
139
|
+
className={Styles.feedbackThumbUp}
|
|
140
140
|
size="small"
|
|
141
141
|
appearance="ghost"
|
|
142
142
|
aria-label="thumb up"
|
|
@@ -182,7 +182,7 @@ export const ChatbotMessageFeedbackPopover: FC<IChatbotMessageFeedbackProps> = p
|
|
|
182
182
|
) : (
|
|
183
183
|
<Fragment>
|
|
184
184
|
<Popover.Button
|
|
185
|
-
icon={
|
|
185
|
+
icon={IconThumbDownAlt}
|
|
186
186
|
size="small"
|
|
187
187
|
appearance="ghost"
|
|
188
188
|
onClick={() => setIsPopoverOpen(true)}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { AnvilProvider } from '@servicetitan/anvil2';
|
|
2
|
+
import { runChatbotMessageQuestionSharedTests } from '@servicetitan/cypress-shared';
|
|
3
|
+
import { ChatbotMessageQuestion } from '../chatbot-message-question';
|
|
4
|
+
|
|
5
|
+
describe('[ChatbotMessageQuestion]', () => {
|
|
6
|
+
runChatbotMessageQuestionSharedTests(ChatbotMessageQuestion, component => (
|
|
7
|
+
<AnvilProvider>{component}</AnvilProvider>
|
|
8
|
+
));
|
|
9
|
+
});
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { MessageContentText } from '@servicetitan/titan-chat-ui-anvil2';
|
|
2
|
+
import { ChatMessageModelText } from '@servicetitan/titan-chat-ui-common';
|
|
3
|
+
import { observer } from 'mobx-react';
|
|
4
|
+
import { FC } from 'react';
|
|
5
|
+
|
|
6
|
+
export const ChatbotMessageQuestion: FC<{ message: ChatMessageModelText }> = observer(
|
|
7
|
+
({ message }) => {
|
|
8
|
+
return (
|
|
9
|
+
<MessageContentText
|
|
10
|
+
message={message}
|
|
11
|
+
className="m-block-1"
|
|
12
|
+
data-cy="titan-chatbot-message-question"
|
|
13
|
+
/>
|
|
14
|
+
);
|
|
15
|
+
}
|
|
16
|
+
);
|