@servicetitan/titan-chat-ui 1.1.2 → 2.0.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 +24 -0
- package/dist/components/chat/__tests-cy__/chat-messages.test.js +69 -1
- package/dist/components/chat/__tests-cy__/chat-messages.test.js.map +1 -1
- package/dist/components/chat/chat-input.js +2 -2
- package/dist/components/chat/chat-input.js.map +1 -1
- package/dist/components/chat/chat-log.d.ts +8 -0
- package/dist/components/chat/chat-log.d.ts.map +1 -0
- package/dist/components/chat/chat-log.js +15 -0
- package/dist/components/chat/chat-log.js.map +1 -0
- package/dist/components/chat/chat-message-template-agent.d.ts.map +1 -1
- package/dist/components/chat/chat-message-template-agent.js +2 -2
- package/dist/components/chat/chat-message-template-agent.js.map +1 -1
- package/dist/components/chat/chat-message-template-user.js +2 -2
- package/dist/components/chat/chat-message-template-user.js.map +1 -1
- package/dist/components/chat/chat-message.d.ts +1 -5
- package/dist/components/chat/chat-message.d.ts.map +1 -1
- package/dist/components/chat/chat-message.js +4 -4
- package/dist/components/chat/chat-message.js.map +1 -1
- package/dist/components/chat/chat-messages.d.ts +3 -0
- package/dist/components/chat/chat-messages.d.ts.map +1 -1
- package/dist/components/chat/chat-messages.js +35 -7
- package/dist/components/chat/chat-messages.js.map +1 -1
- package/dist/components/chat/chat.d.ts.map +1 -1
- package/dist/components/chat/chat.js +3 -1
- package/dist/components/chat/chat.js.map +1 -1
- package/dist/components/messages/__tests-cy__/message-agent.test.js +1 -1
- package/dist/components/messages/__tests-cy__/message-agent.test.js.map +1 -1
- package/dist/components/messages/message-agent.d.ts +1 -0
- package/dist/components/messages/message-agent.d.ts.map +1 -1
- package/dist/components/messages/message-agent.js +3 -5
- package/dist/components/messages/message-agent.js.map +1 -1
- package/dist/components/messages/message-agent.module.less +29 -37
- package/dist/components/messages/message-footer.d.ts +1 -1
- package/dist/components/messages/message-footer.d.ts.map +1 -1
- package/dist/components/messages/message-footer.js +1 -1
- package/dist/components/messages/message-footer.js.map +1 -1
- package/dist/components/messages/message-user.d.ts.map +1 -1
- package/dist/components/messages/message-user.js +2 -2
- package/dist/components/messages/message-user.js.map +1 -1
- package/dist/components/messages/message-user.module.less +3 -6
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/dist/models/chat-customizations.d.ts +14 -6
- package/dist/models/chat-customizations.d.ts.map +1 -1
- package/dist/models/support-chat.d.ts +4 -4
- package/dist/models/support-chat.d.ts.map +1 -1
- package/dist/models/support-chat.js +18 -0
- package/dist/models/support-chat.js.map +1 -1
- package/dist/stores/__mocks-cy__/chat-ui.store.mock.d.ts +6 -1
- package/dist/stores/__mocks-cy__/chat-ui.store.mock.d.ts.map +1 -1
- package/dist/stores/__mocks-cy__/chat-ui.store.mock.js +30 -0
- package/dist/stores/__mocks-cy__/chat-ui.store.mock.js.map +1 -1
- package/dist/stores/__tests__/chat-input.store.test.d.ts +2 -0
- package/dist/stores/__tests__/chat-input.store.test.d.ts.map +1 -0
- package/dist/stores/__tests__/chat-input.store.test.js +32 -0
- package/dist/stores/__tests__/chat-input.store.test.js.map +1 -0
- package/dist/stores/chat-ui.store.d.ts +19 -10
- package/dist/stores/chat-ui.store.d.ts.map +1 -1
- package/dist/stores/chat-ui.store.js +47 -48
- package/dist/stores/chat-ui.store.js.map +1 -1
- package/dist/utils/test-utils.d.ts +5 -0
- package/dist/utils/test-utils.d.ts.map +1 -0
- package/dist/utils/test-utils.js +17 -0
- package/dist/utils/test-utils.js.map +1 -0
- package/package.json +2 -2
- package/src/components/chat/__tests-cy__/chat-messages.test.tsx +78 -1
- package/src/components/chat/chat-input.tsx +4 -4
- package/src/components/chat/chat-log.tsx +29 -0
- package/src/components/chat/chat-message-template-agent.tsx +7 -3
- package/src/components/chat/chat-message-template-user.tsx +3 -3
- package/src/components/chat/chat-message.tsx +58 -52
- package/src/components/chat/chat-messages.tsx +55 -11
- package/src/components/chat/chat.tsx +14 -8
- package/src/components/messages/__tests-cy__/message-agent.test.tsx +1 -1
- package/src/components/messages/message-agent.module.less +29 -37
- package/src/components/messages/message-agent.module.less.d.ts +0 -1
- package/src/components/messages/message-agent.tsx +5 -4
- package/src/components/messages/message-footer.tsx +4 -3
- package/src/components/messages/message-user.module.less +3 -6
- package/src/components/messages/message-user.tsx +6 -5
- package/src/index.ts +3 -0
- package/src/models/chat-customizations.ts +17 -6
- package/src/models/support-chat.ts +22 -10
- package/src/stores/__mocks-cy__/chat-ui.store.mock.ts +6 -0
- package/src/stores/__tests__/chat-input.store.test.ts +39 -0
- package/src/stores/chat-ui.store.ts +54 -55
- package/src/utils/test-utils.ts +22 -0
- package/tsconfig.json +1 -2
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
# v2.0.1 (Tue Jun 03 2025)
|
|
2
|
+
|
|
3
|
+
#### 🐛 Bug Fix
|
|
4
|
+
|
|
5
|
+
- SPA-6767: [Help Center] Utilize chat/chatbot UI packages in the HC [#14](https://github.com/servicetitan/titan-chatbot-client/pull/14) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v2.0.0 (Mon Jun 02 2025)
|
|
14
|
+
|
|
15
|
+
#### 💥 Breaking Change
|
|
16
|
+
|
|
17
|
+
- SPA-6767: [Help Center] Utilize chat/chatbot UI packages in the HC [#13](https://github.com/servicetitan/titan-chatbot-client/pull/13) ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Alexandr Yarmolchuk ([@AlexYarmolchuk](https://github.com/AlexYarmolchuk))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
1
25
|
# v1.1.2 (Wed May 21 2025)
|
|
2
26
|
|
|
3
27
|
#### 🐛 Bug Fix
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Provider } from '@servicetitan/react-ioc';
|
|
3
3
|
import { mount } from 'cypress/react';
|
|
4
|
+
import { mockChatMessageModelText } from '../../../models';
|
|
4
5
|
import { CHAT_UI_STORE_TOKEN } from '../../../stores';
|
|
5
6
|
import { ChatUiStoreMock } from '../../../stores/__mocks-cy__/chat-ui.store.mock';
|
|
6
7
|
import { ChatMessages } from '../chat-messages';
|
|
@@ -17,12 +18,79 @@ describe('[ChatMessages]', () => {
|
|
|
17
18
|
provide: CHAT_UI_STORE_TOKEN,
|
|
18
19
|
useValue: storeMock,
|
|
19
20
|
},
|
|
20
|
-
], children: _jsx(ChatMessages, {}) }));
|
|
21
|
+
], children: _jsx(ChatMessages, { messages: storeMock.messages }) }));
|
|
21
22
|
};
|
|
22
23
|
it('should render default chat', () => {
|
|
23
24
|
render();
|
|
24
25
|
cy.getCy('titan-chat-messages').should('be.visible');
|
|
25
26
|
cy.getCy2('chat-message-normal').should('have.length', 2);
|
|
26
27
|
});
|
|
28
|
+
it('should render several consecutive agent messages without extra avatars', () => {
|
|
29
|
+
storeMock.messages = [
|
|
30
|
+
mockChatMessageModelText(true, {
|
|
31
|
+
id: 'id1',
|
|
32
|
+
timestamp: new Date('2023-01-01T10:10:00Z'),
|
|
33
|
+
message: 'Hello, this is the first message',
|
|
34
|
+
}),
|
|
35
|
+
mockChatMessageModelText(true, {
|
|
36
|
+
id: 'id2',
|
|
37
|
+
message: 'Hello, this is the second message. '.repeat(5).trim(),
|
|
38
|
+
timestamp: new Date('2023-01-01T10:10:59.999Z'),
|
|
39
|
+
}),
|
|
40
|
+
mockChatMessageModelText(true, {
|
|
41
|
+
id: 'id3',
|
|
42
|
+
message: 'Hello, this is the third message',
|
|
43
|
+
timestamp: new Date('2023-01-01T10:11:00Z'),
|
|
44
|
+
}),
|
|
45
|
+
mockChatMessageModelText(true, {
|
|
46
|
+
id: 'id4',
|
|
47
|
+
message: 'Hello, this is the forth message',
|
|
48
|
+
timestamp: new Date('2023-01-01T10:11:01Z'),
|
|
49
|
+
}),
|
|
50
|
+
mockChatMessageModelText(false, {
|
|
51
|
+
id: 'id11',
|
|
52
|
+
timestamp: new Date('2023-01-01T11:10:00Z'),
|
|
53
|
+
message: 'Hello, this is the first message',
|
|
54
|
+
}),
|
|
55
|
+
mockChatMessageModelText(false, {
|
|
56
|
+
id: 'id22',
|
|
57
|
+
message: 'Hello, this is the second message',
|
|
58
|
+
timestamp: new Date('2023-01-01T11:11:00Z'),
|
|
59
|
+
}),
|
|
60
|
+
mockChatMessageModelText(false, {
|
|
61
|
+
id: 'id33',
|
|
62
|
+
message: 'Hello, this is the third message',
|
|
63
|
+
timestamp: new Date('2023-01-01T11:12:00Z'),
|
|
64
|
+
}),
|
|
65
|
+
mockChatMessageModelText(false, {
|
|
66
|
+
id: 'id44',
|
|
67
|
+
message: 'Hello, this is the forth message',
|
|
68
|
+
timestamp: new Date('2023-01-01T11:12:01Z'),
|
|
69
|
+
}),
|
|
70
|
+
];
|
|
71
|
+
render();
|
|
72
|
+
const getAgentMessages = () => cy.getCy2('chat-message-normal').filter('[data-cy="chat-message-agent"]');
|
|
73
|
+
const getUserMessages = () => cy.getCy2('chat-message-normal').filter('[data-cy="chat-message-user"]');
|
|
74
|
+
const getAvatar = (i) => getAgentMessages().eq(i).find('[data-cy="chat-avatar-bot"]');
|
|
75
|
+
const getTimestamp = (i, isUser = false) => (isUser ? getUserMessages() : getAgentMessages())
|
|
76
|
+
.eq(i)
|
|
77
|
+
.find(`[data-cy="chat-message-${isUser ? 'user' : 'agent'}-footer"]`);
|
|
78
|
+
getAgentMessages().should('have.length', 4);
|
|
79
|
+
getUserMessages().should('have.length', 4);
|
|
80
|
+
// Agent avatar should be visible only for the first message in group
|
|
81
|
+
getAvatar(0).should('be.visible');
|
|
82
|
+
getAvatar(1).should('not.exist');
|
|
83
|
+
getAvatar(2).should('not.exist');
|
|
84
|
+
getAvatar(3).should('not.exist');
|
|
85
|
+
// Footer with date should be visible only for the different formatted timestamps
|
|
86
|
+
getTimestamp(0).should('not.exist');
|
|
87
|
+
getTimestamp(1).should('be.visible').should('contain.text', 'agent • 10:10 AM');
|
|
88
|
+
getTimestamp(2).should('not.exist');
|
|
89
|
+
getTimestamp(3).should('be.visible').should('contain.text', 'agent • 10:11 AM');
|
|
90
|
+
getTimestamp(0, true).should('be.visible').should('contain.text', '11:10 AM');
|
|
91
|
+
getTimestamp(1, true).should('be.visible').should('contain.text', '11:11 AM');
|
|
92
|
+
getTimestamp(2, true).should('not.exist');
|
|
93
|
+
getTimestamp(3, true).should('be.visible').should('contain.text', '11:12 AM');
|
|
94
|
+
});
|
|
27
95
|
});
|
|
28
96
|
//# sourceMappingURL=chat-messages.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-messages.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-messages.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,iDAAiD,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC5B,IAAI,SAA0B,CAAC;IAE/B,UAAU,CAAC,GAAG,EAAE;QACZ,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QACtB,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,sBAAsB,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;QACrD,SAAS,GAAG,IAAI,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,OAAO,KAAK,CACR,KAAC,QAAQ,IACL,UAAU,EAAE;gBACR;oBACI,OAAO,EAAE,mBAAmB;oBAC5B,QAAQ,EAAE,SAAS;iBACtB;aACJ,YAED,KAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"chat-messages.test.js","sourceRoot":"","sources":["../../../../src/components/chat/__tests-cy__/chat-messages.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Form, FormTextArea
|
|
2
|
+
import { Button, Form, FormTextArea } from '@servicetitan/design-system';
|
|
3
3
|
import { provide, useDependencies } from '@servicetitan/react-ioc';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { observer } from 'mobx-react';
|
|
@@ -80,7 +80,7 @@ export const ChatInput = provide({
|
|
|
80
80
|
textareaRef.current.focus();
|
|
81
81
|
}
|
|
82
82
|
}, []);
|
|
83
|
-
return (_jsx(Form, { className: className, onSubmit: handleSendMessage, children: _jsxs(
|
|
83
|
+
return (_jsx(Form, { className: classNames(className), onSubmit: handleSendMessage, children: _jsxs("div", { className: classNames('d-f flex-row gap-2'), children: [_jsx(FormTextArea, { ref: textareaRef, name: "question", placeholder: "Type your message", rows: 1, maxRows: 2, autoHeight: true, onKeyPress: handleTextKeyPress, value: supportChatInputStore.formState.$.message.value, error: supportChatInputStore.formState.$.message.error, onChange: supportChatInputStore.formState.$.message.onChangeHandler, onFocus: () => {
|
|
84
84
|
setTimeout(() => {
|
|
85
85
|
chatUiStore.triggerScroll();
|
|
86
86
|
}, 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-input.js","sourceRoot":"","sources":["../../../src/components/chat/chat-input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"chat-input.js","sourceRoot":"","sources":["../../../src/components/chat/chat-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ChatCustomizations } from '../../models';
|
|
3
|
+
export interface IChatProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
customizations?: ChatCustomizations;
|
|
6
|
+
}
|
|
7
|
+
export declare const ChatLog: FC<IChatProps>;
|
|
8
|
+
//# sourceMappingURL=chat-log.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-log.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-log.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAIlD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,UAAU,CAejC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Stack } from '@servicetitan/design-system';
|
|
3
|
+
import { useDependencies } from '@servicetitan/react-ioc';
|
|
4
|
+
import { observer } from 'mobx-react';
|
|
5
|
+
import { useEffect } from 'react';
|
|
6
|
+
import { CHAT_UI_STORE_TOKEN } from '../../stores';
|
|
7
|
+
import { ChatMessages } from './chat-messages';
|
|
8
|
+
export const ChatLog = observer(({ className, customizations }) => {
|
|
9
|
+
const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
chatUiStore.setCustomizationContext(customizations);
|
|
12
|
+
}, [chatUiStore, customizations]);
|
|
13
|
+
return (_jsx(Stack, { direction: "column", className: className, "data-cy": "titan-chat", children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }));
|
|
14
|
+
});
|
|
15
|
+
//# sourceMappingURL=chat-log.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-log.js","sourceRoot":"","sources":["../../../src/components/chat/chat-log.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,MAAM,CAAC,MAAM,OAAO,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;IAC9E,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAChE,KAAC,YAAY,IACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,mBAAmB,EAAE,WAAW,CAAC,aAAa,GAChD,GACE,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message-template-agent.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,
|
|
1
|
+
{"version":3,"file":"chat-message-template-agent.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMjD,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAqB7E,CAAC"}
|
|
@@ -5,10 +5,10 @@ import { getFirstName } from '../../utils/text-utils';
|
|
|
5
5
|
import { MessageAgent } from '../messages/message-agent';
|
|
6
6
|
import { MessageFooter } from '../messages/message-footer';
|
|
7
7
|
import { useAvatarProps } from '../messages/use-avatar-props';
|
|
8
|
-
export const ChatMessageTemplateAgent = observer(({ children, message }) => {
|
|
8
|
+
export const ChatMessageTemplateAgent = observer(({ children, message, omitAvatar, omitTimestamp }) => {
|
|
9
9
|
const { participant: { icon, name }, } = message;
|
|
10
10
|
const firstName = useMemo(() => getFirstName(name), [name]);
|
|
11
11
|
const avatarProps = useAvatarProps(name, icon);
|
|
12
|
-
return (_jsx(MessageAgent, { avatar: avatarProps, messageFooter: _jsx(MessageFooter, { name: firstName, timestamp: message.timestamp }), children: children }));
|
|
12
|
+
return (_jsx(MessageAgent, { avatar: avatarProps, omitAvatar: omitAvatar, messageFooter: !omitTimestamp ? (_jsx(MessageFooter, { name: firstName, timestamp: message.timestamp })) : undefined, children: children }));
|
|
13
13
|
});
|
|
14
14
|
//# sourceMappingURL=chat-message-template-agent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message-template-agent.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAA6C,QAAQ,CACtF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"chat-message-template-agent.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-agent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,OAAO,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAA6C,QAAQ,CACtF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE;IACjD,MAAM,EACF,WAAW,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,GAC9B,GAAG,OAAO,CAAC;IACZ,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC5D,MAAM,WAAW,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC/C,OAAO,CACH,KAAC,YAAY,IACT,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,UAAU,EACtB,aAAa,EACT,CAAC,aAAa,CAAC,CAAC,CAAC,CACb,KAAC,aAAa,IAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CACnE,CAAC,CAAC,CAAC,SAAS,YAGhB,QAAQ,GACE,CAClB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -7,10 +7,10 @@ import { ChatMessageState } from '../../models';
|
|
|
7
7
|
import { CHAT_UI_STORE_TOKEN } from '../../stores';
|
|
8
8
|
import { MessageFooter } from '../messages/message-footer';
|
|
9
9
|
import { MessageUser } from '../messages/message-user';
|
|
10
|
-
export const ChatMessageTemplateUser = observer(({ children, message }) => {
|
|
10
|
+
export const ChatMessageTemplateUser = observer(({ children, message, omitTimestamp }) => {
|
|
11
11
|
const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
|
|
12
12
|
const isError = message.state === ChatMessageState.Failed;
|
|
13
13
|
const handleRetry = useCallback(() => chatUiStore.sendMessageRetry(message), [chatUiStore, message]);
|
|
14
|
-
return (_jsx(MessageUser, { isError: isError, messageFooter: isError ? (_jsxs(Eyebrow, { className: "c-red-600", "data-cy": "titan-chat-message-user-error", children: ["Message not delivered. Retry", _jsx(Button, { iconName: "refresh", fill: "subtle", size: "xsmall", negative: true, "aria-label": "Retry send message", onClick: handleRetry, "data-cy": "titan-chat-message-user-retry" })] })) : (_jsx(MessageFooter, { timestamp: message.timestamp })), children: children }));
|
|
14
|
+
return (_jsx(MessageUser, { isError: isError, messageFooter: isError ? (_jsxs(Eyebrow, { className: "c-red-600", "data-cy": "titan-chat-message-user-error", children: ["Message not delivered. Retry", _jsx(Button, { iconName: "refresh", fill: "subtle", size: "xsmall", negative: true, "aria-label": "Retry send message", onClick: handleRetry, "data-cy": "titan-chat-message-user-retry" })] })) : !omitTimestamp ? (_jsx(MessageFooter, { timestamp: message.timestamp })) : null, children: children }));
|
|
15
15
|
});
|
|
16
16
|
//# sourceMappingURL=chat-message-template-user.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message-template-user.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,uBAAuB,GAA6C,QAAQ,CACrF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"chat-message-template-user.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message-template-user.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAyB,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAqB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,MAAM,CAAC,MAAM,uBAAuB,GAA6C,QAAQ,CACrF,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE;IACrC,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,KAAK,gBAAgB,CAAC,MAAM,CAAC;IAE1D,MAAM,WAAW,GAAG,WAAW,CAC3B,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAC3C,CAAC,WAAW,EAAE,OAAO,CAAC,CACzB,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAE,OAAO,EAChB,aAAa,EACT,OAAO,CAAC,CAAC,CAAC,CACN,MAAC,OAAO,IAAC,SAAS,EAAC,WAAW,aAAS,+BAA+B,6CAElE,KAAC,MAAM,IACH,QAAQ,EAAC,SAAS,EAClB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,sBACG,oBAAoB,EAC/B,OAAO,EAAE,WAAW,aACZ,+BAA+B,GACzC,IACI,CACb,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CACjB,KAAC,aAAa,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,CAClD,CAAC,CAAC,CAAC,IAAI,YAGX,QAAQ,GACC,CACjB,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
interface IChatMessageProps {
|
|
4
|
-
message: ChatMessageModelBase;
|
|
5
|
-
}
|
|
2
|
+
import { IChatMessageProps } from '../../models';
|
|
6
3
|
/**
|
|
7
4
|
* ChatMessage component provides a default way to render chat messages in the chat UI and contains only most generic
|
|
8
5
|
* components and templates/customizations rendering
|
|
9
6
|
*/
|
|
10
7
|
export declare const ChatMessage: FC<IChatMessageProps>;
|
|
11
|
-
export {};
|
|
12
8
|
//# sourceMappingURL=chat-message.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AACzD,OAAO,
|
|
1
|
+
{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAgC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAYjD;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,iBAAiB,CA+D7C,CAAC"}
|
|
@@ -11,14 +11,14 @@ import { ChatMessageTemplateUser } from './chat-message-template-user';
|
|
|
11
11
|
* ChatMessage component provides a default way to render chat messages in the chat UI and contains only most generic
|
|
12
12
|
* components and templates/customizations rendering
|
|
13
13
|
*/
|
|
14
|
-
export const ChatMessage = observer(({ message }) => {
|
|
14
|
+
export const ChatMessage = observer(({ message, omitAvatar, omitTimestamp }) => {
|
|
15
15
|
const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
|
|
16
16
|
const isAgent = message.participant.isAgent;
|
|
17
17
|
const { messageTemplates, messages } = chatUiStore.customizations;
|
|
18
18
|
const messageCustomization = messages === null || messages === void 0 ? void 0 : messages.find(c => c.predicate(message));
|
|
19
19
|
const isSystem = Boolean(messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isSystem);
|
|
20
20
|
let messageContentNode;
|
|
21
|
-
if (messageCustomization) {
|
|
21
|
+
if (messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.component) {
|
|
22
22
|
messageContentNode = _jsx(messageCustomization.component, { message: message });
|
|
23
23
|
}
|
|
24
24
|
else {
|
|
@@ -36,7 +36,7 @@ export const ChatMessage = observer(({ message }) => {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
}
|
|
39
|
-
if (!messageContentNode) {
|
|
39
|
+
if (!messageContentNode || (messageCustomization === null || messageCustomization === void 0 ? void 0 : messageCustomization.isIgnored)) {
|
|
40
40
|
return null;
|
|
41
41
|
}
|
|
42
42
|
if (isSystem) {
|
|
@@ -55,6 +55,6 @@ export const ChatMessage = observer(({ message }) => {
|
|
|
55
55
|
? template.component
|
|
56
56
|
: ChatMessageTemplateUser;
|
|
57
57
|
}
|
|
58
|
-
return _jsx(ComponentTemplate, { message: message, children: messageContentNode });
|
|
58
|
+
return (_jsx(ComponentTemplate, { message: message, omitAvatar: omitAvatar, omitTimestamp: omitTimestamp, children: messageContentNode }));
|
|
59
59
|
});
|
|
60
60
|
//# sourceMappingURL=chat-message.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-message.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAQtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAC;AAC7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;
|
|
1
|
+
{"version":3,"file":"chat-message.js","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { ChatMessageModelBase } from '../../models';
|
|
2
3
|
interface IChatMessagesProps {
|
|
3
4
|
className?: string;
|
|
5
|
+
messages: ChatMessageModelBase[];
|
|
6
|
+
showTypingIndicator?: boolean;
|
|
4
7
|
}
|
|
5
8
|
export declare const ChatMessages: FC<IChatMessagesProps>;
|
|
6
9
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chat-messages.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAKpD,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAqD/C,CAAC"}
|
|
@@ -1,12 +1,40 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Stack } from '@servicetitan/design-system';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { CHAT_UI_STORE_TOKEN } from '../../stores';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { formatChatMessageDate } from '../../utils/text-utils';
|
|
6
5
|
import { ChatMessage } from './chat-message';
|
|
7
6
|
import { ChatMessageTyping } from './chat-message-typing';
|
|
8
|
-
export const ChatMessages =
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
7
|
+
export const ChatMessages = ({ className, messages, showTypingIndicator, }) => {
|
|
8
|
+
// Split messages into chunks divided by participant name and message time (with 1 minute accuracy)
|
|
9
|
+
const messagesChunks = useMemo(() => messages.reduce((acc, message) => {
|
|
10
|
+
if (!acc.length) {
|
|
11
|
+
acc.push([[message]]);
|
|
12
|
+
return acc;
|
|
13
|
+
}
|
|
14
|
+
const lastMessage = acc.at(-1).at(-1).at(-1);
|
|
15
|
+
if (lastMessage.participant.name !== message.participant.name) {
|
|
16
|
+
acc.push([[message]]);
|
|
17
|
+
}
|
|
18
|
+
else if (formatChatMessageDate(lastMessage.timestamp) !==
|
|
19
|
+
formatChatMessageDate(message.timestamp)) {
|
|
20
|
+
acc.at(-1).push([message]);
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
acc.at(-1).at(-1).push(message);
|
|
24
|
+
}
|
|
25
|
+
return acc;
|
|
26
|
+
}, []), [messages]);
|
|
27
|
+
return (_jsxs(Stack, { direction: "column", spacing: "2", className: className, "data-cy": "titan-chat-messages", children: [messagesChunks
|
|
28
|
+
.map(sameParticipantMessages => {
|
|
29
|
+
// Set omit avatar for all messages except the first one
|
|
30
|
+
const firstParticipantMessage = sameParticipantMessages[0][0];
|
|
31
|
+
return sameParticipantMessages.map(sameDateMessages => {
|
|
32
|
+
const lastTimestampMessage = sameDateMessages.at(-1);
|
|
33
|
+
return sameDateMessages.map(message => {
|
|
34
|
+
return (_jsx(ChatMessage, { message: message, omitAvatar: message !== firstParticipantMessage, omitTimestamp: message !== lastTimestampMessage }, message.id));
|
|
35
|
+
});
|
|
36
|
+
});
|
|
37
|
+
})
|
|
38
|
+
.flat(2), showTypingIndicator && _jsx(ChatMessageTyping, {})] }));
|
|
39
|
+
};
|
|
12
40
|
//# sourceMappingURL=chat-messages.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-messages.js","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,
|
|
1
|
+
{"version":3,"file":"chat-messages.js","sourceRoot":"","sources":["../../../src/components/chat/chat-messages.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAM,OAAO,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ1D,MAAM,CAAC,MAAM,YAAY,GAA2B,CAAC,EACjD,SAAS,EACT,QAAQ,EACR,mBAAmB,GACtB,EAAE,EAAE;IACD,mGAAmG;IACnG,MAAM,cAAc,GAAG,OAAO,CAC1B,GAAG,EAAE,CACD,QAAQ,CAAC,MAAM,CAAC,CAAC,GAA+B,EAAE,OAAO,EAAE,EAAE;QACzD,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;YACd,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;YACtB,OAAO,GAAG,CAAC;QACf,CAAC;QACD,MAAM,WAAW,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;QAChD,IAAI,WAAW,CAAC,WAAW,CAAC,IAAI,KAAK,OAAO,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;YAC5D,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;aAAM,IACH,qBAAqB,CAAC,WAAW,CAAC,SAAS,CAAC;YAC5C,qBAAqB,CAAC,OAAO,CAAC,SAAS,CAAC,EAC1C,CAAC;YACC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACtC,CAAC;QACD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,EACV,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,EAAC,SAAS,EAAE,SAAS,aAAU,qBAAqB,aACpF,cAAc;iBACV,GAAG,CAAC,uBAAuB,CAAC,EAAE;gBAC3B,wDAAwD;gBACxD,MAAM,uBAAuB,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC9D,OAAO,uBAAuB,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE;oBAClD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC,CAAC,CAAE,CAAC;oBACtD,OAAO,gBAAgB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;wBAClC,OAAO,CACH,KAAC,WAAW,IAER,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,OAAO,KAAK,uBAAuB,EAC/C,aAAa,EAAE,OAAO,KAAK,oBAAoB,IAH1C,OAAO,CAAC,EAAE,CAIjB,CACL,CAAC;oBACN,CAAC,CAAC,CAAC;gBACP,CAAC,CAAC,CAAC;YACP,CAAC,CAAC;iBACD,IAAI,CAAC,CAAC,CAAC,EACX,mBAAmB,IAAI,KAAC,iBAAiB,KAAG,IACzC,CACX,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAQlD,MAAM,WAAW,UAAU;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACvC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,UAAU,CA2C9B,CAAC"}
|
|
@@ -10,9 +10,11 @@ import { ChatInputFile } from './chat-input-file';
|
|
|
10
10
|
import { ChatMessages } from './chat-messages';
|
|
11
11
|
import { ChatNotifications } from './chat-notifications';
|
|
12
12
|
export const Chat = observer(({ className, customizations }) => {
|
|
13
|
+
var _a, _b;
|
|
13
14
|
const scrollRef = useRef(null);
|
|
14
15
|
const [chatUiStore] = useDependencies(CHAT_UI_STORE_TOKEN);
|
|
15
16
|
const footerComponent = customizations === null || customizations === void 0 ? void 0 : customizations.footerComponent;
|
|
17
|
+
const loadingComponent = customizations === null || customizations === void 0 ? void 0 : customizations.loadingComponent;
|
|
16
18
|
useEffect(() => {
|
|
17
19
|
chatUiStore.setCustomizationContext(customizations);
|
|
18
20
|
}, [chatUiStore, customizations]);
|
|
@@ -23,6 +25,6 @@ export const Chat = observer(({ className, customizations }) => {
|
|
|
23
25
|
}
|
|
24
26
|
}, 0);
|
|
25
27
|
}, [chatUiStore.scrollCounter]);
|
|
26
|
-
return (_jsx(Stack, { direction: "column", className: className, "data-cy": "titan-chat", children: chatUiStore.isStarting ? (_jsx(ChatConnecting, { className: "p-3" })) : (_jsxs(Fragment, { children: [_jsx("div", { ref: scrollRef, className: "flex-grow-1 of-y-auto", children: _jsx(ChatMessages, {
|
|
28
|
+
return (_jsx(Stack, { direction: "column", className: className, "data-cy": "titan-chat", children: chatUiStore.isStarting ? ((loadingComponent !== null && loadingComponent !== void 0 ? loadingComponent : _jsx(ChatConnecting, { className: "p-x-3 p-y-2" }))) : (_jsxs(Fragment, { children: [_jsx("div", { ref: scrollRef, className: "p-x-3 p-y-2 flex-grow-1 of-y-auto", children: _jsx(ChatMessages, { messages: chatUiStore.messages, showTypingIndicator: chatUiStore.isAgentTyping }) }), _jsx(ChatNotifications, {}), !((_b = (_a = chatUiStore.customizations) === null || _a === void 0 ? void 0 : _a.input) === null || _b === void 0 ? void 0 : _b.isDisabled) && (_jsxs(Stack, { className: "p-x-3 p-y-2", direction: "column", spacing: "2", children: [_jsx(ChatInputFile, { className: "box-sizing-border-box border-radius-1 border border-style-dashed" }), _jsx(ChatInput, {}), Boolean(footerComponent) && footerComponent] }))] })) }));
|
|
27
29
|
});
|
|
28
30
|
//# sourceMappingURL=chat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,MAAM,CAAC,MAAM,IAAI,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../../src/components/chat/chat.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAM,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,MAAM,CAAC,MAAM,IAAI,GAAmB,QAAQ,CAAC,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE;;IAC3E,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,CAAC,GAAG,eAAe,CAAC,mBAAmB,CAAC,CAAC;IAE3D,MAAM,eAAe,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,CAAC;IACxD,MAAM,gBAAgB,GAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,gBAAgB,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,WAAW,CAAC,uBAAuB,CAAC,cAAc,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC;IAElC,SAAS,CAAC,GAAG,EAAE;QACX,UAAU,CAAC,GAAG,EAAE;YACZ,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;gBACpB,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,OAAO,CAAC,YAAY,CAAC;YACjE,CAAC;QACL,CAAC,EAAE,CAAC,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IAEhC,OAAO,CACH,KAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,EAAE,SAAS,aAAU,YAAY,YAC/D,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CACtB,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,KAAC,cAAc,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC,CACnE,CAAC,CAAC,CAAC,CACA,MAAC,QAAQ,eACL,cAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,mCAAmC,YAC9D,KAAC,YAAY,IACT,QAAQ,EAAE,WAAW,CAAC,QAAQ,EAC9B,mBAAmB,EAAE,WAAW,CAAC,aAAa,GAChD,GACA,EACN,KAAC,iBAAiB,KAAG,EACpB,CAAC,CAAA,MAAA,MAAA,WAAW,CAAC,cAAc,0CAAE,KAAK,0CAAE,UAAU,CAAA,IAAI,CAC/C,MAAC,KAAK,IAAC,SAAS,EAAC,aAAa,EAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAC,GAAG,aACzD,KAAC,aAAa,IAAC,SAAS,EAAC,kEAAkE,GAAG,EAC9F,KAAC,SAAS,KAAG,EACZ,OAAO,CAAC,eAAe,CAAC,IAAI,eAAe,IACxC,CACX,IACM,CACd,GACG,CACX,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -28,7 +28,7 @@ describe('[MessageAgent]', () => {
|
|
|
28
28
|
name: 'Test User Name',
|
|
29
29
|
icon: ChatParticipantIcon.Bot,
|
|
30
30
|
}, children: _jsx(BodyText, { children: "message agent content" }) }));
|
|
31
|
-
cy.getCy('chat-message-agent-center').should('
|
|
31
|
+
cy.getCy('chat-message-agent-center').should('contain.text', 'message agent content');
|
|
32
32
|
});
|
|
33
33
|
it('should render with custom data-cy', () => {
|
|
34
34
|
mount(_jsx(MessageAgent, { "data-cy": "custom-data-cy", 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,0CAA0C;AAC1C,0CAA0C;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,6BAA6B,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,KAAK,CAAC,oBAAoB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;QACxF,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;QACtF,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC;aAEjC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;QACrD,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,uBAAuB,CAAC,CAAC;IACxE,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,KAAK,CAAC,2BAA2B,CAAC,CAAC,MAAM,CAAC,
|
|
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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"}
|
|
@@ -7,6 +7,7 @@ export interface IMessageAgentProps extends IDataCyProps {
|
|
|
7
7
|
isError?: boolean;
|
|
8
8
|
fullWidth?: boolean;
|
|
9
9
|
subtle?: boolean;
|
|
10
|
+
omitAvatar?: boolean;
|
|
10
11
|
}
|
|
11
12
|
export declare const MessageAgent: FC<PropsWithChildren<IMessageAgentProps>>;
|
|
12
13
|
//# 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;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACpD,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;
|
|
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;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEtD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,kBAAkB,CAAC;AAEtE,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACpD,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;CACxB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CA8ClE,CAAC"}
|
|
@@ -3,16 +3,14 @@ import { Stack } from '@servicetitan/design-system';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import * as Styles from './message-agent.module.less';
|
|
5
5
|
import { MessageAvatar } from './message-avatar';
|
|
6
|
-
export const MessageAgent = ({ avatar, children, fullWidth, isError, messageFooter, subtle, ...rest }) => {
|
|
6
|
+
export const MessageAgent = ({ avatar, children, fullWidth, isError, messageFooter, omitAvatar, subtle, ...rest }) => {
|
|
7
7
|
var _a;
|
|
8
8
|
const dataCy = (_a = rest['data-cy']) !== null && _a !== void 0 ? _a : 'chat-message-agent';
|
|
9
9
|
const dataCy2 = isError ? 'chat-message-error' : 'chat-message-normal';
|
|
10
10
|
return (_jsxs("div", { className: classNames(Styles.messageRoot, {
|
|
11
11
|
[Styles.fullWidth]: Boolean(fullWidth),
|
|
12
|
-
}), "data-cy": dataCy, "data-cy2": dataCy2, children: [_jsx("div", { className: Styles.messageAvatar, children: avatar ? _jsx(MessageAvatar, { ...avatar }) : _jsx("div", {}) }), _jsxs(Stack, { direction: "column", spacing: "1", className: classNames(Styles.messageContent, {
|
|
13
|
-
'w-100': Boolean(fullWidth),
|
|
14
|
-
}), "data-cy": `${dataCy}-center`, children: [subtle ? (children) : (_jsx("div", { className: classNames(Styles.messageBubble, {
|
|
12
|
+
}), "data-cy": dataCy, "data-cy2": dataCy2, 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": `${dataCy}-center`, children: [subtle ? (children) : (_jsx("div", { className: classNames(Styles.messageBubble, {
|
|
15
13
|
[Styles.error]: Boolean(isError),
|
|
16
|
-
}), "data-cy": `${dataCy}-content`, children: children })), Boolean(messageFooter) && _jsx("div", { "data-cy": `${dataCy}-footer`, children: messageFooter })] })] }));
|
|
14
|
+
}), "data-cy": `${dataCy}-content`, "data-cy2": "chat-message-content", children: children })), Boolean(messageFooter) && _jsx("div", { "data-cy": `${dataCy}-footer`, children: messageFooter })] })] }));
|
|
17
15
|
};
|
|
18
16
|
//# sourceMappingURL=message-agent.js.map
|
|
@@ -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;AAGpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;
|
|
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;AAGpC,OAAO,KAAK,MAAM,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAuB,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAWtE,MAAM,CAAC,MAAM,YAAY,GAA8C,CAAC,EACpE,MAAM,EACN,QAAQ,EACR,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,oBAAoB,CAAC;IACvD,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACvE,OAAO,CACH,eACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE;YACtC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC;SACzC,CAAC,aACO,MAAM,cACL,OAAO,aAEjB,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,aACnC,GAAG,MAAM,SAAS,aAE1B,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,aACO,GAAG,MAAM,UAAU,cACnB,sBAAsB,YAE9B,QAAQ,GACP,CACT,EACA,OAAO,CAAC,aAAa,CAAC,IAAI,yBAAc,GAAG,MAAM,SAAS,YAAG,aAAa,GAAO,IAC9E,IACN,CACT,CAAC;AACN,CAAC,CAAC"}
|