@memori.ai/memori-react 2.7.2 → 2.8.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 +14 -0
- package/README.md +49 -28
- package/dist/components/Chat/Chat.d.ts +2 -0
- package/dist/components/Chat/Chat.js +2 -2
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/dist/components/MediaWidget/MediaItemWidget.js +8 -4
- package/dist/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/dist/components/MediaWidget/MediaItemWidget.test.js +4 -0
- package/dist/components/MediaWidget/MediaItemWidget.test.js.map +1 -1
- package/dist/components/MediaWidget/MediaWidget.d.ts +2 -0
- package/dist/components/MediaWidget/MediaWidget.js +2 -2
- package/dist/components/MediaWidget/MediaWidget.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +20 -5
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/esm/components/Chat/Chat.d.ts +2 -0
- package/esm/components/Chat/Chat.js +2 -2
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.d.ts +3 -1
- package/esm/components/MediaWidget/MediaItemWidget.js +8 -4
- package/esm/components/MediaWidget/MediaItemWidget.js.map +1 -1
- package/esm/components/MediaWidget/MediaItemWidget.test.js +4 -0
- package/esm/components/MediaWidget/MediaItemWidget.test.js.map +1 -1
- package/esm/components/MediaWidget/MediaWidget.d.ts +2 -0
- package/esm/components/MediaWidget/MediaWidget.js +2 -2
- package/esm/components/MediaWidget/MediaWidget.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +2 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +20 -5
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.js +2 -2
- package/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Chat/Chat.tsx +6 -1
- package/src/components/MediaWidget/MediaItemWidget.stories.tsx +25 -0
- package/src/components/MediaWidget/MediaItemWidget.test.tsx +11 -0
- package/src/components/MediaWidget/MediaItemWidget.tsx +12 -0
- package/src/components/MediaWidget/MediaWidget.tsx +4 -1
- package/src/components/MediaWidget/__snapshots__/MediaItemWidget.test.tsx.snap +12 -0
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +21 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +173 -150
- package/src/index.tsx +3 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [2.8.1](https://github.com/memori-ai/memori-react/compare/v2.8.0...v2.8.1) (2023-07-28)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* enhancements to speak func, add polish voices ([8356152](https://github.com/memori-ai/memori-react/commit/8356152d4269a4625e87f37ee423352b3bae3ac1))
|
|
9
|
+
|
|
10
|
+
## [2.8.0](https://github.com/memori-ai/memori-react/compare/v2.7.2...v2.8.0) (2023-07-21)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Features
|
|
14
|
+
|
|
15
|
+
* add customMediaRenderer prop ([ae66ae9](https://github.com/memori-ai/memori-react/commit/ae66ae9f0076e3e9954d27256a2a0f36c80177dc))
|
|
16
|
+
|
|
3
17
|
## [2.7.2](https://github.com/memori-ai/memori-react/compare/v2.7.1...v2.7.2) (2023-07-20)
|
|
4
18
|
|
|
5
19
|
|
package/README.md
CHANGED
|
@@ -54,34 +54,35 @@ const App = () => (
|
|
|
54
54
|
|
|
55
55
|
### Props
|
|
56
56
|
|
|
57
|
-
| Prop | Required | Type
|
|
58
|
-
| ---------------------------------- | -------------- |
|
|
59
|
-
| `memoriName` | \* (see below) | `string`
|
|
60
|
-
| `ownerUserName` | \* (see below) | `string`
|
|
61
|
-
| `memoriID` | \* (see below) | `string`
|
|
62
|
-
| `ownerUserID` | \* (see below) | `string`
|
|
63
|
-
| `tenantID` | ✔️ | `string`
|
|
64
|
-
| `sessionID` | | `string`
|
|
65
|
-
| `authToken` | | `string`
|
|
66
|
-
| `integrationID` | | `string`
|
|
67
|
-
| `secretToken` | | `string`
|
|
68
|
-
| `height` | | `string`
|
|
69
|
-
| `showShare` | | `bool`
|
|
70
|
-
| `showSettings` | | `bool`
|
|
71
|
-
| `showInstruct` | | `bool`
|
|
72
|
-
| `baseURL` | | `string`
|
|
73
|
-
| `apiURL` | | `string`
|
|
74
|
-
| `tag` | | `string`
|
|
75
|
-
| `pin` | | `string`
|
|
76
|
-
| `context` | | `string`
|
|
77
|
-
| `initialQuestion` | | `string`
|
|
78
|
-
| `uiLang` | | `'en' \| 'it'`
|
|
79
|
-
| `multilingual` | | `bool`
|
|
80
|
-
| `spokenLang` | | `string`
|
|
81
|
-
| `onStateChange` | | `function`
|
|
82
|
-
| `AZURE_COGNITIVE_SERVICES_TTS_KEY` | | `string`
|
|
83
|
-
| `layout` | | `string`
|
|
84
|
-
| `customLayout` | | `React.FC<LayoutProps>`
|
|
57
|
+
| Prop | Required | Type | Default | Description |
|
|
58
|
+
| ---------------------------------- | -------------- | ---------------------------------- | --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
|
|
59
|
+
| `memoriName` | \* (see below) | `string` | | Name of the Memori |
|
|
60
|
+
| `ownerUserName` | \* (see below) | `string` | | Username of the Memori owner |
|
|
61
|
+
| `memoriID` | \* (see below) | `string` | | ID of the Memori |
|
|
62
|
+
| `ownerUserID` | \* (see below) | `string` | | ID of the Memori owner |
|
|
63
|
+
| `tenantID` | ✔️ | `string` | | Tenant ID, example: "app.twincreator.com" or "app.memorytwin.com" |
|
|
64
|
+
| `sessionID` | | `string` | | Initial Session ID, UUID which refers to the session to the Memori and identifies a conversation and its permissions (giver, receiver, anonymous). A session would be started autonomously with the params set, but if you have an existing and valid sessionID you can pass it as already opened one. Use this at your risk, as session recovery might break or start session as anon user. In most cases, you shoudn't use this prop. |
|
|
65
|
+
| `authToken` | | `string` | | Authentication token from user login, needed for giver sessions to upload assets |
|
|
66
|
+
| `integrationID` | | `string` | | Integration ID, UUID which refers to the public page layout |
|
|
67
|
+
| `secretToken` | | `string` | | Secret token, the password of a private or secret Memori |
|
|
68
|
+
| `height` | | `string` | "100%" | Height of the Memori |
|
|
69
|
+
| `showShare` | | `bool` | `true` | Show the share button |
|
|
70
|
+
| `showSettings` | | `bool` | `false` | Show the settings panel button |
|
|
71
|
+
| `showInstruct` | | `bool` | `false` | Show the switch selecting between test mode or instruct mode, needs an administrative session as a giver |
|
|
72
|
+
| `baseURL` | | `string` | | Base URL of the Memori, example: "https://app.twincreator.com" or "https://app.memorytwin.com" |
|
|
73
|
+
| `apiURL` | | `string` | "https://backend.memori.ai" | URL of the Memori API |
|
|
74
|
+
| `tag` | | `string` | | Tag of the person opening the session to the Memori, could be the giver or a receiver |
|
|
75
|
+
| `pin` | | `string` | | PIN of the person opening the session to the Memori, could be the giver or a receiver |
|
|
76
|
+
| `context` | | `string` | | Initial context of the conversation, dictionary with "key: value" pairs as context variables |
|
|
77
|
+
| `initialQuestion` | | `string` | | Initial question to ask to the Memori, starts the conversation as this would be sent to the Memori |
|
|
78
|
+
| `uiLang` | | `'en' \| 'it'` | "en" | Language of the UI, es: "en" or "it" |
|
|
79
|
+
| `multilingual` | | `bool` | `false` | Enable multilingual mode, if enabled the user can switch between spoken languages |
|
|
80
|
+
| `spokenLang` | | `string` | | Language of the spoken text, as defaults to user selection. Example: "en" or "it" |
|
|
81
|
+
| `onStateChange` | | `function` | | Callback function called when the state of the Memori changes |
|
|
82
|
+
| `AZURE_COGNITIVE_SERVICES_TTS_KEY` | | `string` | | Azure Cognitive Services TTS key, used to generate the audio of the Memori and for STT recognition |
|
|
83
|
+
| `layout` | | `string` | | Layout of the Memori, can be "FULLPAGE" (default), "CHAT" or "TOTEM", see [below](#layouts) |
|
|
84
|
+
| `customLayout` | | `React.FC<LayoutProps>` | | Custom layout component, see [below](#custom-layout) |
|
|
85
|
+
| `customMediaRenderer` | | `(mimeType: string) => JSX.Element | null` | | Custom media renderer, see [below](#custom-media-renderer) |
|
|
85
86
|
|
|
86
87
|
\*: one of these pairs is required: `memoriName` + `ownerUserName`, `memoriID` + `ownerUserID`
|
|
87
88
|
|
|
@@ -235,6 +236,26 @@ const CustomLayout: React.FC<LayoutProps> = ({
|
|
|
235
236
|
);
|
|
236
237
|
```
|
|
237
238
|
|
|
239
|
+
## Custom media renderer
|
|
240
|
+
|
|
241
|
+
You can override the default media renderer by passing a custom function to the `customMediaRenderer` prop.
|
|
242
|
+
This can override the default media renderer for all media types or just for a specific one.
|
|
243
|
+
|
|
244
|
+
You can also use this to extend the default media renderer with additional media types.
|
|
245
|
+
|
|
246
|
+
```tsx
|
|
247
|
+
<Memori
|
|
248
|
+
...
|
|
249
|
+
customMediaRenderer={(mimeType: string) => {
|
|
250
|
+
if (mimeType === 'custom/content-type') {
|
|
251
|
+
return <MyCustomImageRenderer />;
|
|
252
|
+
}
|
|
253
|
+
|
|
254
|
+
return null;
|
|
255
|
+
}}
|
|
256
|
+
/>
|
|
257
|
+
```
|
|
258
|
+
|
|
238
259
|
## See also
|
|
239
260
|
|
|
240
261
|
- [memori-api-client](https://github.com/memori-ai/memori-api-client) - API client for Memori
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DialogState, Memori, Message, Tenant } from '@memori.ai/memori-api-client/dist/types';
|
|
3
|
+
import { Props as MediaWidgetProps } from '../MediaWidget/MediaWidget';
|
|
3
4
|
import memoriApiClient from '@memori.ai/memori-api-client';
|
|
4
5
|
export interface Props {
|
|
5
6
|
memori: Memori;
|
|
@@ -38,6 +39,7 @@ export interface Props {
|
|
|
38
39
|
startListening: () => void;
|
|
39
40
|
stopListening: () => void;
|
|
40
41
|
resetTranscript: () => void;
|
|
42
|
+
customMediaRenderer?: MediaWidgetProps['customMediaRenderer'];
|
|
41
43
|
}
|
|
42
44
|
declare const Chat: React.FC<Props>;
|
|
43
45
|
export default Chat;
|
|
@@ -10,7 +10,7 @@ const ChatBubble_1 = tslib_1.__importDefault(require("../ChatBubble/ChatBubble")
|
|
|
10
10
|
const MediaWidget_1 = tslib_1.__importDefault(require("../MediaWidget/MediaWidget"));
|
|
11
11
|
const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
12
12
|
const ChatInputs_1 = tslib_1.__importDefault(require("../ChatInputs/ChatInputs"));
|
|
13
|
-
const Chat = ({ memori, tenant, sessionID, baseUrl, apiUrl, translateTo, memoriTyping, history = [], authToken, dialogState, simulateUserPrompt, showDates = false, showContextPerLine = false, showAIicon = true, selectReceiverTag, preview = false, instruct = false, showInputs = true, showMicrophone = false, microphoneMode = 'HOLD_TO_TALK', sendOnEnter, setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, listening, isPlayingAudio, stopAudio, startListening, stopListening, resetTranscript, }) => {
|
|
13
|
+
const Chat = ({ memori, tenant, sessionID, baseUrl, apiUrl, translateTo, memoriTyping, history = [], authToken, dialogState, simulateUserPrompt, showDates = false, showContextPerLine = false, showAIicon = true, selectReceiverTag, preview = false, instruct = false, showInputs = true, showMicrophone = false, microphoneMode = 'HOLD_TO_TALK', sendOnEnter, setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, listening, isPlayingAudio, stopAudio, startListening, stopListening, resetTranscript, customMediaRenderer, }) => {
|
|
14
14
|
var _a, _b, _c, _d, _e;
|
|
15
15
|
const scrollToBottom = () => {
|
|
16
16
|
setTimeout(() => {
|
|
@@ -89,7 +89,7 @@ const Chat = ({ memori, tenant, sessionID, baseUrl, apiUrl, translateTo, memoriT
|
|
|
89
89
|
!!Object.keys((_a = message.contextVars) !== null && _a !== void 0 ? _a : {}).length && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat--context-vars", children: Object.keys((_b = message.contextVars) !== null && _b !== void 0 ? _b : {}).map(key => {
|
|
90
90
|
var _a, _b, _c;
|
|
91
91
|
return ((_a = message.contextVars) === null || _a === void 0 ? void 0 : _a[key]) === '-' ? ((0, jsx_runtime_1.jsx)("div", { className: `memori-chat--context-tag memori-chat--context-tag-canceled`, children: (0, jsx_runtime_1.jsx)("span", { className: "memori-chat--context-tag-text", children: key }) }, key)) : ((_b = message.contextVars) === null || _b === void 0 ? void 0 : _b[key]) === '✔️' ? ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat--context-tag", children: (0, jsx_runtime_1.jsx)("span", { className: "memori-chat--context-tag-text", children: key }) }, key)) : ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat--context-tag", children: (0, jsx_runtime_1.jsxs)("span", { className: "memori-chat--context-tag-text", children: [key, ": ", (_c = message.contextVars) === null || _c === void 0 ? void 0 : _c[key]] }) }, key));
|
|
92
|
-
}) })), (0, jsx_runtime_1.jsx)(MediaWidget_1.default, { simulateUserPrompt: simulateUserPrompt, media: (_c = message === null || message === void 0 ? void 0 : message.media) === null || _c === void 0 ? void 0 : _c.filter(m => m.mimeType !== 'text/html' && m.mimeType !== 'text/plain'), links: (_d = message === null || message === void 0 ? void 0 : message.media) === null || _d === void 0 ? void 0 : _d.filter(m => m.mimeType === 'text/html'), sessionID: sessionID, baseUrl: baseUrl, apiUrl: apiUrl, translateTo: translateTo })] }, index));
|
|
92
|
+
}) })), (0, jsx_runtime_1.jsx)(MediaWidget_1.default, { simulateUserPrompt: simulateUserPrompt, media: (_c = message === null || message === void 0 ? void 0 : message.media) === null || _c === void 0 ? void 0 : _c.filter(m => m.mimeType !== 'text/html' && m.mimeType !== 'text/plain'), links: (_d = message === null || message === void 0 ? void 0 : message.media) === null || _d === void 0 ? void 0 : _d.filter(m => m.mimeType === 'text/html'), sessionID: sessionID, baseUrl: baseUrl, apiUrl: apiUrl, translateTo: translateTo, customMediaRenderer: customMediaRenderer })] }, index));
|
|
93
93
|
}), memoriTyping && ((0, jsx_runtime_1.jsx)("div", { className: "memori-chat--bubble", children: (0, jsx_runtime_1.jsxs)("div", { id: "wave", children: [(0, jsx_runtime_1.jsx)("span", { className: "dot" }), (0, jsx_runtime_1.jsx)("span", { className: "dot" }), (0, jsx_runtime_1.jsx)("span", { className: "dot" })] }) })), (dialogState === null || dialogState === void 0 ? void 0 : dialogState.hints) && dialogState.hints.length > 0 && ((0, jsx_runtime_1.jsx)(MediaWidget_1.default, { simulateUserPrompt: simulateUserPrompt, hints: dialogState.translatedHints
|
|
94
94
|
? dialogState.translatedHints
|
|
95
95
|
: dialogState.hints.map(h => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AACzC,oEAA4B;AAO5B,+CAAqD;AACrD,+CAAqD;AACrD,kFAAkD;AAClD,
|
|
1
|
+
{"version":3,"file":"Chat.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,8 +7,9 @@ export interface Props {
|
|
|
7
7
|
translateTo?: string;
|
|
8
8
|
baseURL?: string;
|
|
9
9
|
apiURL?: string;
|
|
10
|
+
customMediaRenderer?: (mimeType: string) => JSX.Element | null;
|
|
10
11
|
}
|
|
11
|
-
export declare const RenderMediaItem: ({ isChild, item, sessionID, tenantID, preview, baseURL, apiURL, onClick, }: {
|
|
12
|
+
export declare const RenderMediaItem: ({ isChild, item, sessionID, tenantID, preview, baseURL, apiURL, onClick, customMediaRenderer, }: {
|
|
12
13
|
isChild?: boolean | undefined;
|
|
13
14
|
item: Medium;
|
|
14
15
|
sessionID?: string | undefined;
|
|
@@ -17,6 +18,7 @@ export declare const RenderMediaItem: ({ isChild, item, sessionID, tenantID, pre
|
|
|
17
18
|
baseURL?: string | undefined;
|
|
18
19
|
apiURL?: string | undefined;
|
|
19
20
|
onClick?: ((mediumID: string) => void) | undefined;
|
|
21
|
+
customMediaRenderer?: ((mimeType: string) => JSX.Element | null) | undefined;
|
|
20
22
|
}) => JSX.Element;
|
|
21
23
|
declare const MediaItemWidget: React.FC<Props>;
|
|
22
24
|
export default MediaItemWidget;
|
|
@@ -16,7 +16,7 @@ const FilePdf_1 = tslib_1.__importDefault(require("../icons/FilePdf"));
|
|
|
16
16
|
const FileExcel_1 = tslib_1.__importDefault(require("../icons/FileExcel"));
|
|
17
17
|
const FileWord_1 = tslib_1.__importDefault(require("../icons/FileWord"));
|
|
18
18
|
const react_2 = require("@headlessui/react");
|
|
19
|
-
const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, }) => {
|
|
19
|
+
const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview = false, baseURL, apiURL, onClick, customMediaRenderer, }) => {
|
|
20
20
|
const url = (0, media_1.getResourceUrl)({
|
|
21
21
|
resourceURI: item.url,
|
|
22
22
|
sessionID,
|
|
@@ -24,6 +24,10 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
|
|
|
24
24
|
baseURL,
|
|
25
25
|
apiURL,
|
|
26
26
|
});
|
|
27
|
+
const customRenderer = customMediaRenderer === null || customMediaRenderer === void 0 ? void 0 : customMediaRenderer(item.mimeType);
|
|
28
|
+
if (customRenderer) {
|
|
29
|
+
return customRenderer;
|
|
30
|
+
}
|
|
27
31
|
switch (item.mimeType) {
|
|
28
32
|
case 'image/jpeg':
|
|
29
33
|
case 'image/png':
|
|
@@ -69,7 +73,7 @@ const RenderMediaItem = ({ isChild = false, item, sessionID, tenantID, preview =
|
|
|
69
73
|
}
|
|
70
74
|
};
|
|
71
75
|
exports.RenderMediaItem = RenderMediaItem;
|
|
72
|
-
const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, apiURL, }) => {
|
|
76
|
+
const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, apiURL, customMediaRenderer, }) => {
|
|
73
77
|
const [media, setMedia] = (0, react_1.useState)(items);
|
|
74
78
|
const [openModalMedium, setOpenModalMedium] = (0, react_1.useState)();
|
|
75
79
|
const translateMediaCaptions = (0, react_1.useCallback)(async () => {
|
|
@@ -129,7 +133,7 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
|
|
|
129
133
|
title: item.title,
|
|
130
134
|
url: item.url,
|
|
131
135
|
content: item.content,
|
|
132
|
-
} }) }, item.url + '&index=' + index))) }), media
|
|
136
|
+
}, customMediaRenderer: customMediaRenderer }) }, item.url + '&index=' + index))) }), media
|
|
133
137
|
.filter(m => {
|
|
134
138
|
var _a;
|
|
135
139
|
return !((_a = m.properties) === null || _a === void 0 ? void 0 : _a.executable) &&
|
|
@@ -142,7 +146,7 @@ const MediaItemWidget = ({ items, sessionID, tenantID, translateTo, baseURL, api
|
|
|
142
146
|
title: openModalMedium.title,
|
|
143
147
|
url: openModalMedium.url,
|
|
144
148
|
content: openModalMedium.content,
|
|
145
|
-
} }) }))] }));
|
|
149
|
+
}, customMediaRenderer: customMediaRenderer }) }))] }));
|
|
146
150
|
};
|
|
147
151
|
exports.default = MediaItemWidget;
|
|
148
152
|
//# sourceMappingURL=MediaItemWidget.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":";;;;;AACA,iCAAgE;AAChE,+CAAqD;AACrD,6DAA4D;AAC5D,uDAA2D;AAC3D,8FAA8D;AAC9D,yEAAyC;AACzC,8DAA8B;AAC9B,gEAAgC;AAChC,iEAAiC;AACjC,uEAAuC;AACvC,2EAA2C;AAC3C,yEAAyC;AACzC,6CAA+C;
|
|
1
|
+
{"version":3,"file":"MediaItemWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -87,4 +87,8 @@ it('renders MediaItemWidget unchanged with css snippet to exec', () => {
|
|
|
87
87
|
] }));
|
|
88
88
|
expect(container).toMatchSnapshot();
|
|
89
89
|
});
|
|
90
|
+
it('renders MediaItemWidget unchanged with custom media renderer', () => {
|
|
91
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(MediaItemWidget_1.default, { items: [], sessionID: data_1.sessionID, customMediaRenderer: mimeType => (0, jsx_runtime_1.jsx)("pre", { children: mimeType }) }));
|
|
92
|
+
expect(container).toMatchSnapshot();
|
|
93
|
+
});
|
|
90
94
|
//# sourceMappingURL=MediaItemWidget.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItemWidget.test.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.test.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MediaItemWidget.test.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaItemWidget.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Medium, TranslatedHint } from '@memori.ai/memori-api-client/dist/types';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { Props as MediaItemProps } from './MediaItemWidget';
|
|
3
4
|
export interface Props {
|
|
4
5
|
hints?: TranslatedHint[];
|
|
5
6
|
links?: Medium[];
|
|
@@ -9,6 +10,7 @@ export interface Props {
|
|
|
9
10
|
baseUrl?: string;
|
|
10
11
|
apiUrl?: string;
|
|
11
12
|
translateTo?: string;
|
|
13
|
+
customMediaRenderer?: MediaItemProps['customMediaRenderer'];
|
|
12
14
|
}
|
|
13
15
|
declare const MediaWidget: React.FC<Props>;
|
|
14
16
|
export default MediaWidget;
|
|
@@ -9,14 +9,14 @@ const MediaItemWidget_1 = tslib_1.__importDefault(require("./MediaItemWidget"));
|
|
|
9
9
|
const react_2 = require("@headlessui/react");
|
|
10
10
|
const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
11
11
|
const react_i18next_1 = require("react-i18next");
|
|
12
|
-
const MediaWidget = ({ hints = [], links = [], media = [], simulateUserPrompt = () => { }, sessionID, baseUrl, apiUrl, translateTo, }) => {
|
|
12
|
+
const MediaWidget = ({ hints = [], links = [], media = [], simulateUserPrompt = () => { }, sessionID, baseUrl, apiUrl, translateTo, customMediaRenderer, }) => {
|
|
13
13
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
14
14
|
const [showHints, setShowHints] = (0, react_1.useState)(true);
|
|
15
15
|
const [hintsPagination, setHintsPagination] = (0, react_1.useState)(6);
|
|
16
16
|
(0, react_1.useEffect)(() => {
|
|
17
17
|
setShowHints(true);
|
|
18
18
|
}, [hints]);
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && ((0, jsx_runtime_1.jsx)(MediaItemWidget_1.default, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl })), (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, jsx_runtime_1.jsx)(LinkItemWidget_1.default, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.slice(0, hintsPagination).map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: "li", enter: "ease-out duration-500", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-1 translate-y-0", leave: "ease-in duration-300", leaveFrom: "opacity-1", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-media--hint'), primary: true, onClick: () => {
|
|
19
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "memori-media-widget", children: [(media === null || media === void 0 ? void 0 : media.length) > 0 && ((0, jsx_runtime_1.jsx)(MediaItemWidget_1.default, { items: media, sessionID: sessionID, translateTo: translateTo, baseURL: baseUrl, apiURL: apiUrl, customMediaRenderer: customMediaRenderer })), (links === null || links === void 0 ? void 0 : links.length) > 0 && (0, jsx_runtime_1.jsx)(LinkItemWidget_1.default, { items: links, baseUrl: baseUrl }), (hints === null || hints === void 0 ? void 0 : hints.length) > 0 && showHints && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.Transition, { appear: true, show: true, as: "ul", className: "memori-media--hints", children: hints.slice(0, hintsPagination).map((item, index) => ((0, jsx_runtime_1.jsx)(react_2.Transition.Child, { as: "li", enter: "ease-out duration-500", enterFrom: "opacity-0 translate-y-1", enterTo: "opacity-1 translate-y-0", leave: "ease-in duration-300", leaveFrom: "opacity-1", leaveTo: "opacity-0", children: (0, jsx_runtime_1.jsx)(Button_1.default, { className: (0, classnames_1.default)('memori-media--hint'), primary: true, onClick: () => {
|
|
20
20
|
simulateUserPrompt(item.originalText, item.text);
|
|
21
21
|
setShowHints(false);
|
|
22
22
|
}, onTouchEnd: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":";;;;AAIA,iCAAmD;AACnD,kEAAkC;AAClC,8EAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"MediaWidget.js","sourceRoot":"","sources":["../../../src/components/MediaWidget/MediaWidget.tsx"],"names":[],"mappings":"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"}
|
|
@@ -70,6 +70,7 @@ export interface Props {
|
|
|
70
70
|
additionalInfo?: OpenSession['additionalInfo'] & {
|
|
71
71
|
[key: string]: string;
|
|
72
72
|
};
|
|
73
|
+
customMediaRenderer?: ChatProps['customMediaRenderer'];
|
|
73
74
|
}
|
|
74
|
-
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, additionalInfo, }: Props) => JSX.Element;
|
|
75
|
+
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, additionalInfo, customMediaRenderer, }: Props) => JSX.Element;
|
|
75
76
|
export default MemoriWidget;
|
|
@@ -88,7 +88,8 @@ let audioDestination;
|
|
|
88
88
|
let audioContext;
|
|
89
89
|
let memoriPassword;
|
|
90
90
|
let speakerMuted = false;
|
|
91
|
-
|
|
91
|
+
let speakLanguage;
|
|
92
|
+
const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout = 'DEFAULT', customLayout, showInstruct = false, showShare, preview = false, embed = false, showInputs = true, showDates = false, showContextPerLine = false, showSettings = true, height = '100vh', secret, baseUrl = 'https://app.twincreator.com', apiUrl = 'https://backend.memori.ai', initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, additionalInfo, customMediaRenderer, }) => {
|
|
92
93
|
var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w, _x, _y;
|
|
93
94
|
const { t, i18n } = (0, react_i18next_1.useTranslation)();
|
|
94
95
|
const [isClient, setIsClient] = (0, react_1.useState)(false);
|
|
@@ -107,7 +108,11 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
107
108
|
const isMultilanguageEnabled = multilingual !== undefined
|
|
108
109
|
? multilingual
|
|
109
110
|
: !!(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.multilanguage);
|
|
110
|
-
const [userLang,
|
|
111
|
+
const [userLang, _setUserLang] = (0, react_1.useState)((_m = (_l = (_k = (_j = (_f = memoriLang !== null && memoriLang !== void 0 ? memoriLang : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.lang) !== null && _f !== void 0 ? _f : (_h = (_g = memori === null || memori === void 0 ? void 0 : memori.culture) === null || _g === void 0 ? void 0 : _g.split('-')) === null || _h === void 0 ? void 0 : _h[0]) !== null && _j !== void 0 ? _j : language) !== null && _k !== void 0 ? _k : integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.uiLang) !== null && _l !== void 0 ? _l : i18n.language) !== null && _m !== void 0 ? _m : 'IT');
|
|
112
|
+
const setUserLang = lang => {
|
|
113
|
+
_setUserLang(lang);
|
|
114
|
+
speakLanguage = lang;
|
|
115
|
+
};
|
|
111
116
|
const [loading, setLoading] = (0, react_1.useState)(false);
|
|
112
117
|
const [memoriTyping, setMemoriTyping] = (0, react_1.useState)(false);
|
|
113
118
|
const selectedLayout = layout || (integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.layout) || 'DEFAULT';
|
|
@@ -765,6 +770,11 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
765
770
|
? 'ru-RU-DmitryNeural'
|
|
766
771
|
: 'ru-RU-SvetlanaNeural'}`;
|
|
767
772
|
break;
|
|
773
|
+
case 'PL':
|
|
774
|
+
voice = `${memori.voiceType === 'MALE'
|
|
775
|
+
? 'pl-PL-MarekNeural'
|
|
776
|
+
: 'pl-PL-AgnieszkaNeural'}`;
|
|
777
|
+
break;
|
|
768
778
|
default:
|
|
769
779
|
voice = `${memori.voiceType === 'MALE'
|
|
770
780
|
? 'it-IT-DiegoNeural'
|
|
@@ -805,6 +815,9 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
805
815
|
case 'RU':
|
|
806
816
|
voice = 'ru-RU';
|
|
807
817
|
break;
|
|
818
|
+
case 'PL':
|
|
819
|
+
voice = 'pl-PL';
|
|
820
|
+
break;
|
|
808
821
|
default:
|
|
809
822
|
voice = 'it-IT';
|
|
810
823
|
break;
|
|
@@ -850,7 +863,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
850
863
|
}, text);
|
|
851
864
|
return ssmlText;
|
|
852
865
|
};
|
|
853
|
-
const speak = (text) => {
|
|
866
|
+
const speak = (0, react_1.useCallback)((text) => {
|
|
854
867
|
if (!AZURE_COGNITIVE_SERVICES_TTS_KEY)
|
|
855
868
|
return;
|
|
856
869
|
stopListening();
|
|
@@ -921,7 +934,8 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
921
934
|
source.disconnect();
|
|
922
935
|
onEndSpeakStartListen();
|
|
923
936
|
};
|
|
924
|
-
|
|
937
|
+
const lang = speakLanguage || userLang;
|
|
938
|
+
speechSynthesizer.speakSsmlAsync(`<speak version="1.0" xmlns="http://www.w3.org/2001/10/synthesis" xmlns:mstts="https://www.w3.org/2001/mstts" xmlns:emo="http://www.w3.org/2009/10/emotionml" xml:lang="${getCultureCodeByLanguage(lang)}"><voice name="${getTTSVoice(lang)}"><s>${replaceTextWithPhonemes(escapeHTML(text), lang.toLowerCase())}</s></voice></speak>`, result => {
|
|
925
939
|
if (result) {
|
|
926
940
|
setIsPlayingAudio(true);
|
|
927
941
|
try {
|
|
@@ -968,7 +982,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
968
982
|
setIsPlayingAudio(false);
|
|
969
983
|
});
|
|
970
984
|
setMemoriTyping(false);
|
|
971
|
-
};
|
|
985
|
+
}, [userLang, speakerMuted]);
|
|
972
986
|
const stopAudio = () => {
|
|
973
987
|
setIsPlayingAudio(false);
|
|
974
988
|
try {
|
|
@@ -1648,6 +1662,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1648
1662
|
resetTranscript,
|
|
1649
1663
|
listening,
|
|
1650
1664
|
isPlayingAudio,
|
|
1665
|
+
customMediaRenderer,
|
|
1651
1666
|
};
|
|
1652
1667
|
const integrationBackground = integration && globalBackgroundUrl ? ((0, jsx_runtime_1.jsx)("div", { className: "memori--global-background", children: (0, jsx_runtime_1.jsx)("div", { className: "memori--global-background-image", style: { backgroundImage: globalBackgroundUrl } }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "memori--global-background no-background-image" }));
|
|
1653
1668
|
const integrationStyle = integration ? ((0, jsx_runtime_1.jsx)("style", { dangerouslySetInnerHTML: { __html: integrationStylesheet } })) : null;
|