@memori.ai/memori-react 2.18.8 → 2.19.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 +20 -0
- package/README.md +1 -0
- package/dist/components/Chat/Chat.d.ts +3 -1
- package/dist/components/Chat/Chat.js +2 -2
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/Chat/Chat.test.js +12 -0
- package/dist/components/Chat/Chat.test.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.d.ts +4 -1
- package/dist/components/ChatBubble/ChatBubble.js +4 -2
- package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.test.js +27 -0
- package/dist/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +39 -26
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +3 -2
- package/dist/index.js.map +1 -1
- package/esm/components/Chat/Chat.d.ts +3 -1
- package/esm/components/Chat/Chat.js +2 -2
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/Chat/Chat.test.js +12 -0
- package/esm/components/Chat/Chat.test.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.d.ts +4 -1
- package/esm/components/ChatBubble/ChatBubble.js +5 -3
- package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.test.js +27 -0
- package/esm/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +39 -26
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Chat/Chat.stories.tsx +51 -0
- package/src/components/Chat/Chat.test.tsx +96 -0
- package/src/components/Chat/Chat.tsx +7 -0
- package/src/components/Chat/__snapshots__/Chat.test.tsx.snap +1329 -252
- package/src/components/ChatBubble/ChatBubble.stories.tsx +57 -0
- package/src/components/ChatBubble/ChatBubble.test.tsx +55 -0
- package/src/components/ChatBubble/ChatBubble.tsx +66 -17
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +73 -0
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +14 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +55 -42
- package/src/index.stories.tsx +59 -39
- package/src/index.tsx +4 -0
package/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,YAEN,MAAM,wCAAwC,CAAC;AAEhD,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "2.
|
|
2
|
+
"version": "2.19.0",
|
|
3
3
|
"name": "@memori.ai/memori-react",
|
|
4
4
|
"author": "Memori Srl",
|
|
5
5
|
"main": "dist/index.js",
|
|
@@ -283,7 +283,7 @@
|
|
|
283
283
|
"dependencies": {
|
|
284
284
|
"@fontsource/exo-2": "^4.5.10",
|
|
285
285
|
"@headlessui/react": "1.7.4",
|
|
286
|
-
"@memori.ai/memori-api-client": "^2.
|
|
286
|
+
"@memori.ai/memori-api-client": "^2.4.0",
|
|
287
287
|
"@react-three/drei": "8.20.2",
|
|
288
288
|
"@react-three/fiber": "7.0.25",
|
|
289
289
|
"antd": "4.18.9",
|
|
@@ -232,3 +232,54 @@ WithAIGeneratedMessages.args = {
|
|
|
232
232
|
setAttachmentsMenuOpen: () => {},
|
|
233
233
|
setSendOnEnter: () => {},
|
|
234
234
|
};
|
|
235
|
+
|
|
236
|
+
export const WithUser = Template.bind({});
|
|
237
|
+
WithUser.args = {
|
|
238
|
+
user: { avatarURL: 'https://picsum.photos/200' },
|
|
239
|
+
memori,
|
|
240
|
+
tenant,
|
|
241
|
+
sessionID,
|
|
242
|
+
history,
|
|
243
|
+
dialogState,
|
|
244
|
+
layout: 'DEFAULT',
|
|
245
|
+
simulateUserPrompt: () => {},
|
|
246
|
+
sendMessage: (msg: string) => console.log(msg),
|
|
247
|
+
stopListening: () => {},
|
|
248
|
+
resetTranscript: () => {},
|
|
249
|
+
setAttachmentsMenuOpen: () => {},
|
|
250
|
+
setSendOnEnter: () => {},
|
|
251
|
+
};
|
|
252
|
+
|
|
253
|
+
export const WithCustomUserAvatar = Template.bind({});
|
|
254
|
+
WithCustomUserAvatar.args = {
|
|
255
|
+
userAvatar: 'https://picsum.photos/200',
|
|
256
|
+
memori,
|
|
257
|
+
tenant,
|
|
258
|
+
sessionID,
|
|
259
|
+
history,
|
|
260
|
+
dialogState,
|
|
261
|
+
layout: 'DEFAULT',
|
|
262
|
+
simulateUserPrompt: () => {},
|
|
263
|
+
sendMessage: (msg: string) => console.log(msg),
|
|
264
|
+
stopListening: () => {},
|
|
265
|
+
resetTranscript: () => {},
|
|
266
|
+
setAttachmentsMenuOpen: () => {},
|
|
267
|
+
setSendOnEnter: () => {},
|
|
268
|
+
};
|
|
269
|
+
|
|
270
|
+
export const WithCustomUserAvatarAsElement = Template.bind({});
|
|
271
|
+
WithCustomUserAvatarAsElement.args = {
|
|
272
|
+
userAvatar: <span>USER</span>,
|
|
273
|
+
memori,
|
|
274
|
+
tenant,
|
|
275
|
+
sessionID,
|
|
276
|
+
history,
|
|
277
|
+
dialogState,
|
|
278
|
+
layout: 'DEFAULT',
|
|
279
|
+
simulateUserPrompt: () => {},
|
|
280
|
+
sendMessage: (msg: string) => console.log(msg),
|
|
281
|
+
stopListening: () => {},
|
|
282
|
+
resetTranscript: () => {},
|
|
283
|
+
setAttachmentsMenuOpen: () => {},
|
|
284
|
+
setSendOnEnter: () => {},
|
|
285
|
+
};
|
|
@@ -287,3 +287,99 @@ it('renders Chat on X2a state unchanged', () => {
|
|
|
287
287
|
);
|
|
288
288
|
expect(container).toMatchSnapshot();
|
|
289
289
|
});
|
|
290
|
+
|
|
291
|
+
it('renders Chat with user unchanged', () => {
|
|
292
|
+
const { container } = render(
|
|
293
|
+
<Chat
|
|
294
|
+
user={{ avatarURL: 'https://picsum.photos/200' }}
|
|
295
|
+
memori={memori}
|
|
296
|
+
tenant={tenant}
|
|
297
|
+
dialogState={dialogState}
|
|
298
|
+
layout="DEFAULT"
|
|
299
|
+
setDialogState={jest.fn()}
|
|
300
|
+
client={client}
|
|
301
|
+
history={history}
|
|
302
|
+
pushMessage={jest.fn()}
|
|
303
|
+
sessionID={sessionID}
|
|
304
|
+
simulateUserPrompt={jest.fn()}
|
|
305
|
+
selectReceiverTag={jest.fn()}
|
|
306
|
+
setAttachmentsMenuOpen={jest.fn()}
|
|
307
|
+
setSendOnEnter={jest.fn()}
|
|
308
|
+
userMessage=""
|
|
309
|
+
onChangeUserMessage={jest.fn()}
|
|
310
|
+
sendMessage={jest.fn()}
|
|
311
|
+
isPlayingAudio={false}
|
|
312
|
+
stopAudio={jest.fn()}
|
|
313
|
+
showMicrophone={false}
|
|
314
|
+
listening={false}
|
|
315
|
+
startListening={jest.fn()}
|
|
316
|
+
stopListening={jest.fn()}
|
|
317
|
+
resetTranscript={jest.fn()}
|
|
318
|
+
/>
|
|
319
|
+
);
|
|
320
|
+
expect(container).toMatchSnapshot();
|
|
321
|
+
});
|
|
322
|
+
|
|
323
|
+
it('renders Chat with custom user avatar unchanged', () => {
|
|
324
|
+
const { container } = render(
|
|
325
|
+
<Chat
|
|
326
|
+
userAvatar="https://picsum.photos/200"
|
|
327
|
+
memori={memori}
|
|
328
|
+
tenant={tenant}
|
|
329
|
+
dialogState={dialogState}
|
|
330
|
+
layout="DEFAULT"
|
|
331
|
+
setDialogState={jest.fn()}
|
|
332
|
+
client={client}
|
|
333
|
+
history={history}
|
|
334
|
+
pushMessage={jest.fn()}
|
|
335
|
+
sessionID={sessionID}
|
|
336
|
+
simulateUserPrompt={jest.fn()}
|
|
337
|
+
selectReceiverTag={jest.fn()}
|
|
338
|
+
setAttachmentsMenuOpen={jest.fn()}
|
|
339
|
+
setSendOnEnter={jest.fn()}
|
|
340
|
+
userMessage=""
|
|
341
|
+
onChangeUserMessage={jest.fn()}
|
|
342
|
+
sendMessage={jest.fn()}
|
|
343
|
+
isPlayingAudio={false}
|
|
344
|
+
stopAudio={jest.fn()}
|
|
345
|
+
showMicrophone={false}
|
|
346
|
+
listening={false}
|
|
347
|
+
startListening={jest.fn()}
|
|
348
|
+
stopListening={jest.fn()}
|
|
349
|
+
resetTranscript={jest.fn()}
|
|
350
|
+
/>
|
|
351
|
+
);
|
|
352
|
+
expect(container).toMatchSnapshot();
|
|
353
|
+
});
|
|
354
|
+
|
|
355
|
+
it('renders Chat with custom user avatar as react element unchanged', () => {
|
|
356
|
+
const { container } = render(
|
|
357
|
+
<Chat
|
|
358
|
+
userAvatar={<span>USER</span>}
|
|
359
|
+
memori={memori}
|
|
360
|
+
tenant={tenant}
|
|
361
|
+
dialogState={dialogState}
|
|
362
|
+
layout="DEFAULT"
|
|
363
|
+
setDialogState={jest.fn()}
|
|
364
|
+
client={client}
|
|
365
|
+
history={history}
|
|
366
|
+
pushMessage={jest.fn()}
|
|
367
|
+
sessionID={sessionID}
|
|
368
|
+
simulateUserPrompt={jest.fn()}
|
|
369
|
+
selectReceiverTag={jest.fn()}
|
|
370
|
+
setAttachmentsMenuOpen={jest.fn()}
|
|
371
|
+
setSendOnEnter={jest.fn()}
|
|
372
|
+
userMessage=""
|
|
373
|
+
onChangeUserMessage={jest.fn()}
|
|
374
|
+
sendMessage={jest.fn()}
|
|
375
|
+
isPlayingAudio={false}
|
|
376
|
+
stopAudio={jest.fn()}
|
|
377
|
+
showMicrophone={false}
|
|
378
|
+
listening={false}
|
|
379
|
+
startListening={jest.fn()}
|
|
380
|
+
stopListening={jest.fn()}
|
|
381
|
+
resetTranscript={jest.fn()}
|
|
382
|
+
/>
|
|
383
|
+
);
|
|
384
|
+
expect(container).toMatchSnapshot();
|
|
385
|
+
});
|
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
Memori,
|
|
6
6
|
Message,
|
|
7
7
|
Tenant,
|
|
8
|
+
User,
|
|
8
9
|
} from '@memori.ai/memori-api-client/dist/types';
|
|
9
10
|
import { hasTouchscreen } from '../../helpers/utils';
|
|
10
11
|
import { getResourceUrl } from '../../helpers/media';
|
|
@@ -59,6 +60,8 @@ export interface Props {
|
|
|
59
60
|
resetTranscript: () => void;
|
|
60
61
|
customMediaRenderer?: MediaWidgetProps['customMediaRenderer'];
|
|
61
62
|
layout: MemoriProps['layout'];
|
|
63
|
+
userAvatar?: MemoriProps['userAvatar'];
|
|
64
|
+
user?: User;
|
|
62
65
|
}
|
|
63
66
|
|
|
64
67
|
const Chat: React.FC<Props> = ({
|
|
@@ -98,6 +101,8 @@ const Chat: React.FC<Props> = ({
|
|
|
98
101
|
stopListening,
|
|
99
102
|
resetTranscript,
|
|
100
103
|
customMediaRenderer,
|
|
104
|
+
user,
|
|
105
|
+
userAvatar,
|
|
101
106
|
}) => {
|
|
102
107
|
const scrollToBottom = () => {
|
|
103
108
|
setTimeout(() => {
|
|
@@ -194,6 +199,8 @@ const Chat: React.FC<Props> = ({
|
|
|
194
199
|
!message.fromUser &&
|
|
195
200
|
dialogState?.acceptsFeedback
|
|
196
201
|
}
|
|
202
|
+
user={user}
|
|
203
|
+
userAvatar={userAvatar}
|
|
197
204
|
/>
|
|
198
205
|
{showDates && !!message.timestamp && (
|
|
199
206
|
<small
|