@servicetitan/titan-chat-ui 2.0.3 → 2.0.4
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/messages/__tests-cy__/message-agent.test.js +2 -2
- package/dist/components/messages/__tests-cy__/message-agent.test.js.map +1 -1
- package/dist/components/messages/message-agent.d.ts +1 -1
- package/dist/components/messages/message-agent.d.ts.map +1 -1
- package/dist/components/messages/message-agent.js +2 -2
- package/dist/components/messages/message-agent.js.map +1 -1
- package/dist/components/messages/message-system.d.ts +1 -1
- package/dist/components/messages/message-system.d.ts.map +1 -1
- package/dist/components/messages/message-system.js +2 -2
- package/dist/components/messages/message-system.js.map +1 -1
- package/dist/components/messages/message-timeout.js +1 -1
- package/dist/components/messages/message-timeout.js.map +1 -1
- package/dist/components/messages/message-typing.js +1 -1
- package/dist/components/messages/message-typing.js.map +1 -1
- package/dist/components/messages/message-user.js +1 -1
- package/dist/components/messages/message-user.js.map +1 -1
- package/package.json +3 -3
- package/src/components/messages/__tests-cy__/message-agent.test.tsx +2 -2
- package/src/components/messages/message-agent.tsx +4 -4
- package/src/components/messages/message-system.tsx +4 -4
- package/src/components/messages/message-timeout.tsx +1 -1
- package/src/components/messages/message-typing.tsx +1 -1
- package/src/components/messages/message-user.tsx +2 -2
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
# v2.0.4 (Mon Jun 09 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- SPA-6766: Swapped data-cy and data-cy2 for chat message [#22](https://github.com/servicetitan/titan-chatbot-client/pull/22) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
1
13
|
# v2.0.3 (Mon Jun 09 2025)
|
|
2
14
|
|
|
3
15
|
#### 🐛 Bug Fix
|
|
@@ -28,11 +28,11 @@ describe('[MessageAgent]', () => {
|
|
|
28
28
|
ChatUiSelectors.chatMessageContentAgent.should('contain.text', 'message agent content');
|
|
29
29
|
});
|
|
30
30
|
it('should render with custom data-cy', () => {
|
|
31
|
-
mount(_jsx(MessageAgent, { "data-
|
|
31
|
+
mount(_jsx(MessageAgent, { "data-cy": "custom-data-cy", avatar: {
|
|
32
32
|
name: 'Test User Name',
|
|
33
33
|
icon: ChatParticipantIcon.Bot,
|
|
34
34
|
}, children: _jsx(BodyText, { children: "message agent content" }) }));
|
|
35
|
-
cy.
|
|
35
|
+
cy.getCy('custom-data-cy').should('be.visible');
|
|
36
36
|
});
|
|
37
37
|
it('should render custom message footer', () => {
|
|
38
38
|
mount(_jsx(MessageAgent, { messageFooter: _jsxs(Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [_jsx(MessageFooter, { name: "name", timestamp: new Date() }), _jsxs(Stack, { direction: "row", spacing: "1", children: [_jsx(Button, { iconName: "thumb_up", xsmall: true, fill: "subtle" }), _jsx(Button, { iconName: "thumb_down", xsmall: true, fill: "subtle" })] })] }), avatar: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-agent.test.js","sourceRoot":"","sources":["../../../../src/components/messages/__tests-cy__/message-agent.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;QACnC,KAAK,CACD,KAAC,YAAY,IACT,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;gBAC7B,SAAS,EAAE,cAAc;aAC5B,YAED,KAAC,QAAQ,eAAS,SAAS,sCAAiC,GACjD,CAClB,CAAC;QACF,eAAe,CAAC,gBAAgB,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QAC1F,eAAe,CAAC,aAAa,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QACxF,eAAe,CAAC,uBAAuB,CAAC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC5B,KAAK,CACD,KAAC,YAAY,IACT,SAAS,QACT,MAAM,EAAE;gBACJ,IAAI,EAAE,gBAAgB;gBACtB,IAAI,EAAE,mBAAmB,CAAC,GAAG;aAChC,YAED,KAAC,QAAQ,wCAAiC,GAC/B,CAClB,CAAC;QACF,eAAe,CAAC,uBAAuB,CAAC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;IAC5F,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QACzC,KAAK,CACD,KAAC,YAAY,
|
|
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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"}
|
|
@@ -8,7 +8,7 @@ export interface IMessageAgentProps {
|
|
|
8
8
|
subtle?: boolean;
|
|
9
9
|
omitAvatar?: boolean;
|
|
10
10
|
className?: string;
|
|
11
|
-
['data-
|
|
11
|
+
['data-cy']?: string;
|
|
12
12
|
}
|
|
13
13
|
export declare const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>>;
|
|
14
14
|
//# sourceMappingURL=message-agent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-agent.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,
|
|
1
|
+
{"version":3,"file":"message-agent.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAkB;IAC/B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAmDlE,CAAC"}
|
|
@@ -5,10 +5,10 @@ import * as Styles from './message-agent.module.less';
|
|
|
5
5
|
import { MessageAvatar } from './message-avatar';
|
|
6
6
|
export const MessageAgent = ({ avatar, children, className, fullWidth, isError, messageFooter, omitAvatar, subtle, ...rest }) => {
|
|
7
7
|
var _a;
|
|
8
|
-
const
|
|
8
|
+
const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-message-agent';
|
|
9
9
|
return (_jsxs("div", { className: classNames(Styles.messageRoot, {
|
|
10
10
|
[Styles.fullWidth]: Boolean(fullWidth),
|
|
11
|
-
}, className), "data-
|
|
11
|
+
}, className), "data-cy2": "titan-chat-message", "data-cy": dataCy, children: [_jsx("div", { className: Styles.messageAvatar, children: !omitAvatar && avatar ? _jsx(MessageAvatar, { ...avatar }) : _jsx("div", {}) }), _jsxs(Stack, { direction: "column", spacing: "1", className: classNames(Styles.messageContent), "data-cy": "titan-chat-message-content", "data-cy2": "titan-chat-message-content-agent", children: [subtle ? (children) : (_jsx("div", { className: classNames(Styles.messageBubble, {
|
|
12
12
|
[Styles.error]: Boolean(isError),
|
|
13
13
|
}), children: children })), Boolean(messageFooter) && (_jsx("div", { "data-cy": "titan-chat-message-footer", children: messageFooter }))] })] }));
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-agent.js","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatE,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,
|
|
1
|
+
{"version":3,"file":"message-agent.js","sourceRoot":"","sources":["../../../src/components/messages/message-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAatE,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,aAAa,EACb,UAAU,EACV,MAAM,EACN,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,0BAA0B,CAAC;IAC7D,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,WAAW,EAClB;YACI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,EACD,SAAS,CACZ,cACQ,oBAAoB,aACpB,MAAM,aAEf,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YAC/B,CAAC,UAAU,IAAI,MAAM,CAAC,CAAC,CAAC,KAAC,aAAa,OAAK,MAAM,GAAI,CAAC,CAAC,CAAC,eAAO,GAC9D,EACN,MAAC,KAAK,IACF,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,cAAc,CAAC,aACpC,4BAA4B,cAC3B,kCAAkC,aAE1C,MAAM,CAAC,CAAC,CAAC,CACN,QAAQ,CACX,CAAC,CAAC,CAAC,CACA,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;4BACxC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC;yBACnC,CAAC,YAED,QAAQ,GACP,CACT,EACA,OAAO,CAAC,aAAa,CAAC,IAAI,CACvB,yBAAa,2BAA2B,YAAE,aAAa,GAAO,CACjE,IACG,IACN,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { FC, PropsWithChildren } from 'react';
|
|
|
2
2
|
export interface IMessageSystemProps {
|
|
3
3
|
fullWidth?: boolean;
|
|
4
4
|
className?: string;
|
|
5
|
-
['data-
|
|
5
|
+
['data-cy']?: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>>;
|
|
8
8
|
//# sourceMappingURL=message-system.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-system.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,
|
|
1
|
+
{"version":3,"file":"message-system.d.ts","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,mBAAmB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,SAAS,CAAC,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAwBpE,CAAC"}
|
|
@@ -4,9 +4,9 @@ import classNames from 'classnames';
|
|
|
4
4
|
import * as Styles from './message-system.module.less';
|
|
5
5
|
export const MessageSystem = ({ children, className, fullWidth, ...rest }) => {
|
|
6
6
|
var _a;
|
|
7
|
-
const
|
|
7
|
+
const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'titan-chat-message-system';
|
|
8
8
|
return (_jsx("div", { className: classNames(Styles.messageRoot, {
|
|
9
9
|
[Styles.fullWidth]: Boolean(fullWidth),
|
|
10
|
-
}, className), "data-
|
|
10
|
+
}, className), "data-cy2": "titan-chat-message", "data-cy": dataCy, children: _jsx(Stack, { direction: "column", spacing: "1", className: Styles.messageContent, children: children }) }));
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=message-system.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-system.js","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,
|
|
1
|
+
{"version":3,"file":"message-system.js","sourceRoot":"","sources":["../../../src/components/messages/message-system.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,8BAA8B,CAAC;AAQvD,MAAM,CAAC,MAAM,aAAa,GAA+C,CAAC,EACtE,QAAQ,EACR,SAAS,EACT,SAAS,EACT,GAAG,IAAI,EACV,EAAE,EAAE;;IACD,MAAM,MAAM,GAAG,MAAA,IAAI,CAAC,SAAS,CAAC,mCAAI,2BAA2B,CAAC;IAC9D,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CACjB,MAAM,CAAC,WAAW,EAClB;YACI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,EACD,SAAS,CACZ,cACQ,oBAAoB,aACpB,MAAM,YAEf,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAE,MAAM,CAAC,cAAc,YACjE,QAAQ,GACL,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -9,6 +9,6 @@ export const MessageTimeout = ({ onReset, onResume }) => {
|
|
|
9
9
|
const handleReset = useCallback(() => {
|
|
10
10
|
onReset();
|
|
11
11
|
}, [onReset]);
|
|
12
|
-
return (_jsx(MessageSystem, { "data-
|
|
12
|
+
return (_jsx(MessageSystem, { "data-cy": "titan-chat-message-timeout", fullWidth: true, children: _jsxs(Stack, { direction: "column", spacing: "2", children: [_jsx(Divider, {}), _jsxs(BodyText, { el: "div", 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, primary: true, "data-cy": "titan-chat-message-timeout-resume", children: "Continue session" }), ' ', "or", ' ', _jsx(Link, { onClick: handleReset, primary: true, "data-cy": "titan-chat-message-timeout-reset", children: "Start new session" })] })] }) }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=message-timeout.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-timeout.js","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC7E,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,
|
|
1
|
+
{"version":3,"file":"message-timeout.js","sourceRoot":"","sources":["../../../src/components/messages/message-timeout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAC7E,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,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,aACjC,KAAC,OAAO,KAAG,EACX,MAAC,QAAQ,IAAC,EAAE,EAAC,KAAK,EAAC,SAAS,EAAC,WAAW,4CAEpC,cAAM,qDAEN,cAAM,EACN,KAAC,IAAI,IACD,OAAO,EAAE,YAAY,EACrB,OAAO,mBACC,mCAAmC,iCAGxC,EAAC,GAAG,QACR,GAAG,EACN,KAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,OAAO,mBAAS,kCAAkC,kCAEvE,IACA,IACP,GACI,CACnB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Stack } from '@servicetitan/design-system';
|
|
3
3
|
import { MessageAgent } from './message-agent';
|
|
4
4
|
import * as Styles from './message-typing.module.less';
|
|
5
|
-
export const MessageTyping = ({ avatar }) => (_jsx(MessageAgent, { avatar: avatar, "data-
|
|
5
|
+
export const MessageTyping = ({ avatar }) => (_jsx(MessageAgent, { avatar: avatar, "data-cy": "titan-chat-message-typing", subtle: true, children: _jsx(Stack, { 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 })] }) }) }));
|
|
6
6
|
//# sourceMappingURL=message-typing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-typing.js","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,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,
|
|
1
|
+
{"version":3,"file":"message-typing.js","sourceRoot":"","sources":["../../../src/components/messages/message-typing.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AAEpD,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,KAAK,IAAC,SAAS,EAAC,OAAO,EAAC,UAAU,EAAC,QAAQ,YACxC,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,GACF,GACG,CAClB,CAAC"}
|
|
@@ -3,7 +3,7 @@ import { Stack } from '@servicetitan/design-system';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import * as Styles from './message-user.module.less';
|
|
5
5
|
export const MessageUser = ({ children, className, isError, messageFooter, }) => {
|
|
6
|
-
return (_jsx("div", { className: classNames(Styles.messageRoot, 'max-w-100', className), "data-
|
|
6
|
+
return (_jsx("div", { className: classNames(Styles.messageRoot, 'max-w-100', className), "data-cy2": "titan-chat-message", "data-cy": "titan-chat-message-user", children: _jsxs(Stack, { direction: "column", spacing: "1", className: classNames('max-w-100', Styles.messageContent), children: [_jsx("div", { className: classNames(Styles.messageBubble, {
|
|
7
7
|
[Styles.error]: isError,
|
|
8
8
|
}), "data-cy": "titan-chat-message-content", "data-cy2": "titan-chat-message-content-user", children: children }), Boolean(messageFooter) && (_jsx("div", { className: Styles.messageFooter, "data-cy": "titan-chat-message-footer", children: messageFooter }))] }) }));
|
|
9
9
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"message-user.js","sourceRoot":"","sources":["../../../src/components/messages/message-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAQrD,MAAM,CAAC,MAAM,WAAW,GAA6C,CAAC,EAClE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"message-user.js","sourceRoot":"","sources":["../../../src/components/messages/message-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,KAAK,MAAM,MAAM,4BAA4B,CAAC;AAQrD,MAAM,CAAC,MAAM,WAAW,GAA6C,CAAC,EAClE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,aAAa,GAChB,EAAE,EAAE;IACD,OAAO,CACH,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,EAAE,SAAS,CAAC,cACxD,oBAAoB,aACrB,yBAAyB,YAEjC,MAAC,KAAK,IACF,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAC,GAAG,EACX,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,aAEzD,cACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;wBACxC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;qBAC1B,CAAC,aACM,4BAA4B,cAC3B,iCAAiC,YAEzC,QAAQ,GACP,EACL,OAAO,CAAC,aAAa,CAAC,IAAI,CACvB,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,aAAU,2BAA2B,YACpE,aAAa,GACZ,CACT,IACG,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@servicetitan/titan-chat-ui",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.4",
|
|
4
4
|
"description": "Chat experience UI package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"react-dom": "^18"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@servicetitan/titan-chat-ui-cypress": "^2.0.
|
|
44
|
+
"@servicetitan/titan-chat-ui-cypress": "^2.0.4",
|
|
45
45
|
"cypress": "^14.3.2"
|
|
46
46
|
},
|
|
47
47
|
"keywords": [
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"cli": {
|
|
55
55
|
"webpack": false
|
|
56
56
|
},
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "8284dbc696323dac87efcb5b4fe185d7b14fe73c"
|
|
58
58
|
}
|
|
@@ -46,7 +46,7 @@ describe('[MessageAgent]', () => {
|
|
|
46
46
|
it('should render with custom data-cy', () => {
|
|
47
47
|
mount(
|
|
48
48
|
<MessageAgent
|
|
49
|
-
data-
|
|
49
|
+
data-cy="custom-data-cy"
|
|
50
50
|
avatar={{
|
|
51
51
|
name: 'Test User Name',
|
|
52
52
|
icon: ChatParticipantIcon.Bot,
|
|
@@ -55,7 +55,7 @@ describe('[MessageAgent]', () => {
|
|
|
55
55
|
<BodyText>message agent content</BodyText>
|
|
56
56
|
</MessageAgent>
|
|
57
57
|
);
|
|
58
|
-
cy.
|
|
58
|
+
cy.getCy('custom-data-cy').should('be.visible');
|
|
59
59
|
});
|
|
60
60
|
|
|
61
61
|
it('should render custom message footer', () => {
|
|
@@ -12,7 +12,7 @@ export interface IMessageAgentProps {
|
|
|
12
12
|
subtle?: boolean;
|
|
13
13
|
omitAvatar?: boolean;
|
|
14
14
|
className?: string;
|
|
15
|
-
['data-
|
|
15
|
+
['data-cy']?: string;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
export const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>> = ({
|
|
@@ -26,7 +26,7 @@ export const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>> = ({
|
|
|
26
26
|
subtle,
|
|
27
27
|
...rest
|
|
28
28
|
}) => {
|
|
29
|
-
const
|
|
29
|
+
const dataCy = rest['data-cy'] ?? 'titan-chat-message-agent';
|
|
30
30
|
return (
|
|
31
31
|
<div
|
|
32
32
|
className={classNames(
|
|
@@ -36,8 +36,8 @@ export const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>> = ({
|
|
|
36
36
|
},
|
|
37
37
|
className
|
|
38
38
|
)}
|
|
39
|
-
data-
|
|
40
|
-
data-
|
|
39
|
+
data-cy2="titan-chat-message"
|
|
40
|
+
data-cy={dataCy}
|
|
41
41
|
>
|
|
42
42
|
<div className={Styles.messageAvatar}>
|
|
43
43
|
{!omitAvatar && avatar ? <MessageAvatar {...avatar} /> : <div />}
|
|
@@ -6,7 +6,7 @@ import * as Styles from './message-system.module.less';
|
|
|
6
6
|
export interface IMessageSystemProps {
|
|
7
7
|
fullWidth?: boolean;
|
|
8
8
|
className?: string;
|
|
9
|
-
['data-
|
|
9
|
+
['data-cy']?: string;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
export const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>> = ({
|
|
@@ -15,7 +15,7 @@ export const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>> = ({
|
|
|
15
15
|
fullWidth,
|
|
16
16
|
...rest
|
|
17
17
|
}) => {
|
|
18
|
-
const
|
|
18
|
+
const dataCy = rest['data-cy'] ?? 'titan-chat-message-system';
|
|
19
19
|
return (
|
|
20
20
|
<div
|
|
21
21
|
className={classNames(
|
|
@@ -25,8 +25,8 @@ export const MessageSystem: FC<PropsWithChildren<IMessageSystemProps>> = ({
|
|
|
25
25
|
},
|
|
26
26
|
className
|
|
27
27
|
)}
|
|
28
|
-
data-
|
|
29
|
-
data-
|
|
28
|
+
data-cy2="titan-chat-message"
|
|
29
|
+
data-cy={dataCy}
|
|
30
30
|
>
|
|
31
31
|
<Stack direction="column" spacing="1" className={Styles.messageContent}>
|
|
32
32
|
{children}
|
|
@@ -17,7 +17,7 @@ export const MessageTimeout: FC<IMessageTimeoutProps> = ({ onReset, onResume })
|
|
|
17
17
|
}, [onReset]);
|
|
18
18
|
|
|
19
19
|
return (
|
|
20
|
-
<MessageSystem data-
|
|
20
|
+
<MessageSystem data-cy="titan-chat-message-timeout" fullWidth>
|
|
21
21
|
<Stack direction="column" spacing="2">
|
|
22
22
|
<Divider />
|
|
23
23
|
<BodyText el="div" className="ta-center">
|
|
@@ -9,7 +9,7 @@ export interface IMessageTypingProps {
|
|
|
9
9
|
}
|
|
10
10
|
|
|
11
11
|
export const MessageTyping: FC<IMessageTypingProps> = ({ avatar }) => (
|
|
12
|
-
<MessageAgent avatar={avatar} data-
|
|
12
|
+
<MessageAgent avatar={avatar} data-cy="titan-chat-message-typing" subtle>
|
|
13
13
|
<Stack className="h-100" alignItems="center">
|
|
14
14
|
<div className={Styles.dotsContainer} data-cy="titan-chat-message-typing-dots">
|
|
15
15
|
<span className={Styles.dot} />
|
|
@@ -18,8 +18,8 @@ export const MessageUser: FC<PropsWithChildren<IMessageUserProps>> = ({
|
|
|
18
18
|
return (
|
|
19
19
|
<div
|
|
20
20
|
className={classNames(Styles.messageRoot, 'max-w-100', className)}
|
|
21
|
-
data-
|
|
22
|
-
data-
|
|
21
|
+
data-cy2="titan-chat-message"
|
|
22
|
+
data-cy="titan-chat-message-user"
|
|
23
23
|
>
|
|
24
24
|
<Stack
|
|
25
25
|
direction="column"
|