@servicetitan/titan-chat-ui 3.2.0 → 3.2.1
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 +12 -0
- package/dist/components/message-content/message-content-text.d.ts.map +1 -1
- package/dist/components/message-content/message-content-text.js +3 -1
- package/dist/components/message-content/message-content-text.js.map +1 -1
- package/dist/components/message-content/message-content-text.module.less +8 -0
- package/package.json +4 -4
- package/src/components/message-content/message-content-text.module.less +8 -0
- package/src/components/message-content/message-content-text.module.less.d.ts +3 -0
- package/src/components/message-content/message-content-text.tsx +3 -1
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v3.2.1 (Tue Sep 09 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- SPA-7282: Fixed browser default "p" style for messages. [#54](https://github.com/servicetitan/titan-chatbot-client/pull/54) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v3.2.0 (Tue Sep 09 2025)
|
|
2
14
|
|
|
3
15
|
#### 🚀 Enhancement
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;
|
|
1
|
+
{"version":3,"file":"message-content-text.d.ts","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAInG,OAAO,EAAE,EAAE,EAAsB,MAAM,OAAO,CAAC;AAM/C,UAAU,wBAAwB;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,oBAAoB,GAAG,uBAAuB,CAAC;IACxD,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAID,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,wBAAwB,CAqF3D,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { BodyText, Headline, Link } from '@servicetitan/design-system';
|
|
3
|
+
import classNames from 'classnames';
|
|
3
4
|
import DOMpurify from 'dompurify';
|
|
4
5
|
import { observer } from 'mobx-react';
|
|
5
6
|
import { useMemo } from 'react';
|
|
6
7
|
import Markdown from 'react-markdown';
|
|
7
8
|
import rehypeRaw from 'rehype-raw';
|
|
8
9
|
import remarkGfm from 'remark-gfm';
|
|
10
|
+
import * as Styles from './message-content-text.module.less';
|
|
9
11
|
export const MessageContentText = observer(({ className, message, ...rest }) => {
|
|
10
12
|
var _a;
|
|
11
13
|
const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-text';
|
|
@@ -38,6 +40,6 @@ export const MessageContentText = observer(({ className, message, ...rest }) =>
|
|
|
38
40
|
return (_jsx(Headline, { el: "h6", size: "small", children: children }));
|
|
39
41
|
},
|
|
40
42
|
}), []);
|
|
41
|
-
return (_jsx(BodyText, { el: "div", className: className, "data-cy": dataCy, children: _jsx(Markdown, { components: markdownComponents, rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm], children: DOMpurify.sanitize(message.message) }) }));
|
|
43
|
+
return (_jsx(BodyText, { el: "div", className: classNames(Styles.content, className), "data-cy": dataCy, children: _jsx(Markdown, { components: markdownComponents, rehypePlugins: [rehypeRaw], remarkPlugins: [remarkGfm], children: DOMpurify.sanitize(message.message) }) }));
|
|
42
44
|
});
|
|
43
45
|
//# sourceMappingURL=message-content-text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-content-text.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEvE,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,QAAwB,MAAM,gBAAgB,CAAC;AACtD,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"message-content-text.js","sourceRoot":"","sources":["../../../src/components/message-content/message-content-text.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/titan-chat-ui",
|
|
3
|
-
"version": "3.2.
|
|
3
|
+
"version": "3.2.1",
|
|
4
4
|
"description": "Chat experience UI package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"push:local": "yalc push"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
|
-
"@servicetitan/titan-chat-ui-common": "^3.2.
|
|
20
|
+
"@servicetitan/titan-chat-ui-common": "^3.2.1",
|
|
21
21
|
"dompurify": "^3.2.6",
|
|
22
22
|
"lodash": "4.17.21",
|
|
23
23
|
"nanoid": "^5.1.5",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"react-dom": ">=18"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@servicetitan/cypress-shared": "^3.2.
|
|
45
|
+
"@servicetitan/cypress-shared": "^3.2.1",
|
|
46
46
|
"cypress": "^14.3.2"
|
|
47
47
|
},
|
|
48
48
|
"keywords": [
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"cli": {
|
|
56
56
|
"webpack": false
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "f6a97e29c801f2dd05627766056f9b6e9b2c2318"
|
|
59
59
|
}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { BodyText, Headline, Link } from '@servicetitan/design-system';
|
|
2
2
|
import { ChatMessageModelText, ChatMessageModelWelcome } from '@servicetitan/titan-chat-ui-common';
|
|
3
|
+
import classNames from 'classnames';
|
|
3
4
|
import DOMpurify from 'dompurify';
|
|
4
5
|
import { observer } from 'mobx-react';
|
|
5
6
|
import { FC, ReactNode, useMemo } from 'react';
|
|
6
7
|
import Markdown, { Components } from 'react-markdown';
|
|
7
8
|
import rehypeRaw from 'rehype-raw';
|
|
8
9
|
import remarkGfm from 'remark-gfm';
|
|
10
|
+
import * as Styles from './message-content-text.module.less';
|
|
9
11
|
|
|
10
12
|
interface IMessageContentTextProps {
|
|
11
13
|
className?: string;
|
|
@@ -89,7 +91,7 @@ export const MessageContentText: FC<IMessageContentTextProps> = observer(
|
|
|
89
91
|
);
|
|
90
92
|
|
|
91
93
|
return (
|
|
92
|
-
<BodyText el="div" className={className} data-cy={dataCy}>
|
|
94
|
+
<BodyText el="div" className={classNames(Styles.content, className)} data-cy={dataCy}>
|
|
93
95
|
<Markdown
|
|
94
96
|
components={markdownComponents}
|
|
95
97
|
rehypePlugins={[rehypeRaw]}
|