@memori.ai/memori-react 2.17.1 → 2.18.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 +22 -0
- package/README.md +2 -0
- package/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.css +2 -2
- package/dist/components/Header/Header.d.ts +2 -0
- package/dist/components/Header/Header.js +3 -2
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Header/Header.test.js +10 -6
- package/dist/components/Header/Header.test.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +3 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +8 -3
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/icons/Clear.d.ts +5 -0
- package/dist/components/icons/Clear.js +6 -0
- package/dist/components/icons/Clear.js.map +1 -0
- package/dist/components/layouts/website-assistant.css +54 -23
- package/dist/styles.css +2 -1
- package/esm/components/Avatar/Avatar.js +1 -1
- package/esm/components/Avatar/Avatar.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.css +2 -2
- package/esm/components/Header/Header.d.ts +2 -0
- package/esm/components/Header/Header.js +3 -2
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/Header/Header.test.js +10 -6
- package/esm/components/Header/Header.test.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +3 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +8 -3
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/icons/Clear.d.ts +5 -0
- package/esm/components/icons/Clear.js +4 -0
- package/esm/components/icons/Clear.js.map +1 -0
- package/esm/components/layouts/website-assistant.css +54 -23
- package/esm/styles.css +2 -1
- package/package.json +1 -1
- package/src/components/Avatar/Avatar.tsx +7 -3
- package/src/components/Avatar/__snapshots__/Avatar.test.tsx.snap +2 -2
- package/src/components/ChatBubble/ChatBubble.css +2 -2
- package/src/components/Header/Header.stories.tsx +26 -5
- package/src/components/Header/Header.test.tsx +25 -0
- package/src/components/Header/Header.tsx +15 -0
- package/src/components/Header/__snapshots__/Header.test.tsx.snap +79 -1
- package/src/components/MemoriWidget/MemoriWidget.stories.tsx +22 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +13 -1
- package/src/components/icons/Clear.tsx +23 -0
- package/src/components/layouts/__snapshots__/Chat.test.tsx.snap +1 -1
- package/src/components/layouts/__snapshots__/FullPage.test.tsx.snap +2 -2
- package/src/components/layouts/__snapshots__/Totem.test.tsx.snap +2 -2
- package/src/components/layouts/__snapshots__/WebsiteAssistant.test.tsx.snap +1 -1
- package/src/components/layouts/website-assistant.css +54 -23
- package/src/styles.css +2 -1
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const Clear = ({ className, title, }) => ((0, jsx_runtime_1.jsx)("svg", { ...(!title ? { 'aria-hidden': 'true' } : {}), focusable: "false", role: "img", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1024 1024", className: className, "aria-label": title, children: (0, jsx_runtime_1.jsx)("path", { d: "M899.1 869.6l-53-305.6H864c14.4 0 26-11.6 26-26V346c0-14.4-11.6-26-26-26H618V138c0-14.4-11.6-26-26-26H432c-14.4 0-26 11.6-26 26v182H160c-14.4 0-26 11.6-26 26v192c0 14.4 11.6 26 26 26h17.9l-53 305.6c-.3 1.5-.4 3-.4 4.4 0 14.4 11.6 26 26 26h723c1.5 0 3-.1 4.4-.4 14.2-2.4 23.7-15.9 21.2-30zM204 390h272V182h72v208h272v104H204V390zm468 440V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H416V674c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v156H202.8l45.1-260H776l45.1 260H672z" }) }));
|
|
5
|
+
exports.default = Clear;
|
|
6
|
+
//# sourceMappingURL=Clear.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Clear.js","sourceRoot":"","sources":["../../../src/components/icons/Clear.tsx"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,KAAK,GAIN,EAAE,EAAE,CAAC,CACJ,mCACM,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC7C,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,eAAe,EACvB,SAAS,EAAE,SAAS,gBACR,KAAK,YAEjB,iCAAM,CAAC,EAAC,idAAid,GAAQ,GAC7d,CACP,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -44,6 +44,12 @@
|
|
|
44
44
|
box-shadow: 0 0 0.5em 0.2em rgba(0, 0, 0, 0.85) inset, 0 0 0.15em 0 rgba(255, 255, 255, 0.85);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
+
.memori-website_assistant--trigger-button .memori-blob,
|
|
48
|
+
.memori-website_assistant--trigger-button .memori-blob .mainDiv,
|
|
49
|
+
.memori-website_assistant--trigger-button .memori-blob figure {
|
|
50
|
+
pointer-events: none;
|
|
51
|
+
touch-action: none;
|
|
52
|
+
}
|
|
47
53
|
|
|
48
54
|
@media (max-width: 768px) {
|
|
49
55
|
.memori-website_assistant--trigger-button .memori-blob {
|
|
@@ -94,7 +100,7 @@
|
|
|
94
100
|
}
|
|
95
101
|
|
|
96
102
|
.memori-website_assistant--trigger-button .memori-blob figure {
|
|
97
|
-
width:
|
|
103
|
+
width: 85%;
|
|
98
104
|
border-radius: 0;
|
|
99
105
|
opacity: 0.75;
|
|
100
106
|
}
|
|
@@ -221,23 +227,7 @@
|
|
|
221
227
|
margin-top: auto;
|
|
222
228
|
}
|
|
223
229
|
|
|
224
|
-
.memori-website_assistant-layout--avatar .memori--avatar-wrapper>div {
|
|
225
|
-
overflow: visible !important;
|
|
226
|
-
/* width: 100% !important;
|
|
227
|
-
height: 100% !important; */
|
|
228
|
-
width: auto !important;
|
|
229
|
-
height: 90% !important;
|
|
230
|
-
max-height: 90%;
|
|
231
|
-
border-radius: 0;
|
|
232
|
-
transform: scale(1.7) translate(0px, 10vh);
|
|
233
|
-
}
|
|
234
230
|
|
|
235
|
-
.memori-website_assistant-layout--avatar .memori--avatar-wrapper canvas {
|
|
236
|
-
width: auto !important;
|
|
237
|
-
max-width: 100%;
|
|
238
|
-
height: 100% !important;
|
|
239
|
-
max-height: 100%;
|
|
240
|
-
}
|
|
241
231
|
|
|
242
232
|
.memori-website_assistant-layout--controls {
|
|
243
233
|
position: relative;
|
|
@@ -331,26 +321,51 @@
|
|
|
331
321
|
z-index: 2;
|
|
332
322
|
}
|
|
333
323
|
|
|
334
|
-
.memori-website_assistant-layout--avatar .memori--avatar-wrapper
|
|
335
|
-
|
|
324
|
+
.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader {
|
|
325
|
+
display: flex;
|
|
336
326
|
width: 100%;
|
|
337
327
|
height: 100%;
|
|
328
|
+
align-items: center;
|
|
329
|
+
justify-content: center;
|
|
338
330
|
transform: none !important;
|
|
339
331
|
}
|
|
340
332
|
|
|
341
|
-
.memori-website_assistant
|
|
342
|
-
|
|
333
|
+
.memori-layout-website_assistant .memori--avatar-wrapper>div {
|
|
334
|
+
overflow: visible !important;
|
|
335
|
+
/* width: 100% !important;
|
|
336
|
+
height: 100% !important; */
|
|
337
|
+
width: auto !important;
|
|
338
|
+
height: 90% !important;
|
|
339
|
+
max-height: 90%;
|
|
340
|
+
border-radius: 0;
|
|
341
|
+
}
|
|
342
|
+
|
|
343
|
+
.memori-layout-website_assistant .memori--avatar-wrapper>div canvas+div {
|
|
344
|
+
position: absolute !important;
|
|
343
345
|
width: 100%;
|
|
344
346
|
height: 100%;
|
|
345
|
-
align-items: center;
|
|
346
|
-
justify-content: center;
|
|
347
347
|
transform: none !important;
|
|
348
348
|
}
|
|
349
349
|
|
|
350
|
+
.memori-layout-website_assistant.memori--avatar-readyplayerme-full .memori--avatar-wrapper>div {
|
|
351
|
+
transform: scale(1.7) translate(0px, 10vh);
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.memori-website_assistant-layout--avatar .memori--avatar-wrapper canvas {
|
|
355
|
+
width: auto !important;
|
|
356
|
+
max-width: 100%;
|
|
357
|
+
height: 100% !important;
|
|
358
|
+
max-height: 100%;
|
|
359
|
+
}
|
|
360
|
+
|
|
350
361
|
.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader figure {
|
|
351
362
|
text-align: center;
|
|
352
363
|
}
|
|
353
364
|
|
|
365
|
+
.memori-layout-website_assistant.memori--avatar-readyplayerme .memori-website_assistant--trigger-button .memori-blob figure {
|
|
366
|
+
width: 100%;
|
|
367
|
+
}
|
|
368
|
+
|
|
354
369
|
.memori-website_assistant-layout--avatar .memori--avatar-wrapper .avatar-loader .memori-spin--spinner {
|
|
355
370
|
background: none;
|
|
356
371
|
}
|
|
@@ -358,4 +373,20 @@
|
|
|
358
373
|
.memori-website_assistant-layout .memori--description-text,
|
|
359
374
|
.memori-website_assistant-layout .memori--translation-toggle {
|
|
360
375
|
display: none;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.memori-website_assistant-layout .memori-chat--bubble,
|
|
379
|
+
.memori-website_assistant-layout .memori-chat--bubble.memori-chat--user-bubble {
|
|
380
|
+
opacity: 0.6;
|
|
381
|
+
transition: opacity 0.2s ease-in-out;
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
.memori-website_assistant-layout .memori-chat--bubble p,
|
|
385
|
+
.memori-website_assistant-layout .memori-chat--bubble.memori-chat--user-bubble p {
|
|
386
|
+
opacity: 1;
|
|
387
|
+
}
|
|
388
|
+
|
|
389
|
+
.memori-website_assistant-layout .memori-chat--bubble:hover,
|
|
390
|
+
.memori-website_assistant-layout .memori-chat--bubble.memori-chat--user-bubble:hover {
|
|
391
|
+
opacity: 1;
|
|
361
392
|
}
|
package/dist/styles.css
CHANGED
|
@@ -70,7 +70,8 @@ body.sb-show-main #root,
|
|
|
70
70
|
--memori-primary-text: #fff;
|
|
71
71
|
--memori-inner-content-pad: 1rem;
|
|
72
72
|
--memori-inner-bg: transparent;
|
|
73
|
-
--memori-chat-bubble-bg: #
|
|
73
|
+
--memori-chat-bubble-bg: #fff;
|
|
74
|
+
--memori-chat-user-bubble-bg: var(--memori-primary);
|
|
74
75
|
--memori-text-color: #000;
|
|
75
76
|
--memori-button-bg: #fff;
|
|
76
77
|
--memori-button-text: #000;
|
|
@@ -26,7 +26,7 @@ const Avatar = ({ memori, integration, integrationConfig, tenant, instruct = fal
|
|
|
26
26
|
return (_jsxs(_Fragment, { children: [((integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme' ||
|
|
27
27
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'readyplayerme-full' ||
|
|
28
28
|
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) === 'customglb') &&
|
|
29
|
-
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cx('memori--avatar-wrapper', {
|
|
29
|
+
(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatarURL) ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: cx('memori--avatar-wrapper', `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
|
|
30
30
|
hidden: !avatar3dVisible,
|
|
31
31
|
}), children: [isClient &&
|
|
32
32
|
(integrationConfig.avatar === 'readyplayerme' ||
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAMlE,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,UAAwC,MAAM,eAAe,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,IAAI,MAAM,cAAc,CAAC;AAChC,OAAO,WAAW,MAAM,qCAAqC,CAAC;AAC9D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,GAAG,MAAM,cAAc,CAAC;AAC/B,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,EAAE,MAAM,YAAY,CAAC;AAiB5B,MAAM,MAAM,GAAoB,CAAC,EAC/B,MAAM,EACN,WAAW,EACX,iBAAiB,EACjB,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,eAAe,GAAG,KAAK,EACvB,kBAAkB,EAClB,qBAAqB,GAAG,KAAK,EAC7B,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,KAAK,EACf,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,IAAI,CAAC,CAAC;IACpB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,SAAS,GAAG,OAAO,CACvB,GAAG,EAAE,CACH,cAAc;QACZ,CAAC,CAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAC7B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CACG;QACpC,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,SAAS;YACX,CAAC,CAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CACG,EACxC,CAAC,cAAc,EAAE,OAAO,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,8BACG,CAAC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,MAAK,eAAe;gBAC7C,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,MAAK,oBAAoB;gBAClD,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,MAAM,MAAK,WAAW,CAAC;iBAC5C,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,CAAA,CAAC,CAAC,CAAC,CAC7B,8BACE,eACE,SAAS,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
.memori-chat--bubble.memori-chat--user-bubble {
|
|
83
83
|
border-radius: 16px 16px 0 16px;
|
|
84
84
|
margin: 10px 10px 5px auto;
|
|
85
|
-
background: var(--memori-
|
|
85
|
+
background: var(--memori-chat-user-bubble-bg);
|
|
86
86
|
box-shadow: 0 1px 6px 0 #d1d3de, 0 1px 3px 0 #c5c6d1;
|
|
87
87
|
color: var(--memori-primary-text);
|
|
88
88
|
}
|
|
@@ -236,4 +236,4 @@
|
|
|
236
236
|
30% {
|
|
237
237
|
transform: translateY(-10px);
|
|
238
238
|
}
|
|
239
|
-
}
|
|
239
|
+
}
|
|
@@ -12,7 +12,8 @@ import ShareButton from '../ShareButton/ShareButton';
|
|
|
12
12
|
import FullscreenExit from '../icons/FullscreenExit';
|
|
13
13
|
import Fullscreen from '../icons/Fullscreen';
|
|
14
14
|
import Refresh from '../icons/Refresh';
|
|
15
|
-
|
|
15
|
+
import Clear from '../icons/Clear';
|
|
16
|
+
const Header = ({ className, memori, history, position, setShowPositionDrawer, setShowSettingsDrawer, speakerMuted, setSpeakerMuted, hasUserActivatedSpeak = false, showShare = true, showSettings = true, showSpeaker = true, showReload = false, showClear = false, clearHistory, }) => {
|
|
16
17
|
const { t } = useTranslation();
|
|
17
18
|
const [fullScreenAvailable, setFullScreenAvailable] = useState(false);
|
|
18
19
|
const [fullScreen, setFullScreen] = useState(false);
|
|
@@ -23,7 +24,7 @@ const Header = ({ className, memori, history, position, setShowPositionDrawer, s
|
|
|
23
24
|
}, []);
|
|
24
25
|
return (_jsxs("div", { className: cx('memori-header', className), children: [showReload && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--reload", title: t('reload') || 'Reload', icon: _jsx(Refresh, {}), onClick: () => {
|
|
25
26
|
window.location.reload();
|
|
26
|
-
} })), memori.needsPosition && position && (_jsxs("div", { className: "memori-header--position", children: [_jsx("span", { className: "memori-header--position-placeName", children: position.placeName }), _jsx(Button, { icon: _jsx(MapMarker, {}), shape: "circle", className: "memori-header--button memori-header--button--position", onClick: () => setShowPositionDrawer(true) })] })), fullScreenAvailable && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--fullscreen", title: fullScreen
|
|
27
|
+
} })), showClear && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--clear", title: t('clearHistory') || 'Clear chat', icon: _jsx(Clear, {}), onClick: clearHistory })), memori.needsPosition && position && (_jsxs("div", { className: "memori-header--position", children: [_jsx("span", { className: "memori-header--position-placeName", children: position.placeName }), _jsx(Button, { icon: _jsx(MapMarker, {}), shape: "circle", className: "memori-header--button memori-header--button--position", onClick: () => setShowPositionDrawer(true) })] })), fullScreenAvailable && (_jsx(Button, { primary: true, shape: "circle", className: "memori-header--button memori-header--button--fullscreen", title: fullScreen
|
|
27
28
|
? t('fullscreenExit') || 'Exit fullscreen'
|
|
28
29
|
: t('fullscreenEnter') || 'Enter fullscreen', icon: fullScreen ? _jsx(FullscreenExit, {}) : _jsx(Fullscreen, {}), onClick: () => {
|
|
29
30
|
if (!document.fullscreenElement) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,YAAY,CAAC;AAM5B,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AACzD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAC7E,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAC7C,OAAO,OAAO,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { render } from '@testing-library/react';
|
|
|
3
3
|
import { memori, history } from '../../mocks/data';
|
|
4
4
|
import Header from './Header';
|
|
5
5
|
it('renders Header unchanged', () => {
|
|
6
|
-
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
|
|
6
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false, clearHistory: jest.fn() }));
|
|
7
7
|
expect(container).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
9
|
it('renders Header with position unchanged', () => {
|
|
@@ -14,23 +14,27 @@ it('renders Header with position unchanged', () => {
|
|
|
14
14
|
placeName: 'Berlin',
|
|
15
15
|
latitude: 52.520008,
|
|
16
16
|
longitude: 13.404954,
|
|
17
|
-
}, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
|
|
17
|
+
}, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false, clearHistory: jest.fn() }));
|
|
18
18
|
expect(container).toMatchSnapshot();
|
|
19
19
|
});
|
|
20
20
|
it('renders Header with speaker muted unchanged', () => {
|
|
21
|
-
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: true, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false }));
|
|
21
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: true, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false, clearHistory: jest.fn() }));
|
|
22
22
|
expect(container).toMatchSnapshot();
|
|
23
23
|
});
|
|
24
24
|
it('renders Header with share button unchanged', () => {
|
|
25
|
-
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: true, showSettings: false }));
|
|
25
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: true, showSettings: false, clearHistory: jest.fn() }));
|
|
26
26
|
expect(container).toMatchSnapshot();
|
|
27
27
|
});
|
|
28
28
|
it('renders Header with settings button unchanged', () => {
|
|
29
|
-
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: true }));
|
|
29
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: true, clearHistory: jest.fn() }));
|
|
30
|
+
expect(container).toMatchSnapshot();
|
|
31
|
+
});
|
|
32
|
+
it('renders Header with clear button unchanged', () => {
|
|
33
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: false, showShare: false, showSettings: false, showClear: true, clearHistory: jest.fn() }));
|
|
30
34
|
expect(container).toMatchSnapshot();
|
|
31
35
|
});
|
|
32
36
|
it('renders Header with user activated speak unchanged', () => {
|
|
33
|
-
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: true, showShare: false, showSettings: false }));
|
|
37
|
+
const { container } = render(_jsx(Header, { memori: memori, history: history, setShowPositionDrawer: jest.fn(), setShowSettingsDrawer: jest.fn(), speakerMuted: false, setSpeakerMuted: jest.fn(), hasUserActivatedSpeak: true, showShare: false, showSettings: false, clearHistory: jest.fn() }));
|
|
34
38
|
expect(container).toMatchSnapshot();
|
|
35
39
|
});
|
|
36
40
|
//# sourceMappingURL=Header.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../src/components/Header/Header.test.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IAClC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,KAAC,MAAM,IACL,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE,EAChC,qBAAqB,EAAE,IAAI,CAAC,EAAE,EAAE,EAChC,YAAY,EAAE,KAAK,EACnB,eAAe,EAAE,IAAI,CAAC,EAAE,EAAE,EAC1B,qBAAqB,EAAE,KAAK,EAC5B,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"Header.test.js","sourceRoot":"","sources":["../../../src/components/Header/Header.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -74,6 +74,8 @@ export interface Props {
|
|
|
74
74
|
showDates?: boolean;
|
|
75
75
|
showContextPerLine?: boolean;
|
|
76
76
|
showSettings?: boolean;
|
|
77
|
+
showClear?: boolean;
|
|
78
|
+
showOnlyLastMessages?: boolean;
|
|
77
79
|
showTypingText?: boolean;
|
|
78
80
|
preview?: boolean;
|
|
79
81
|
embed?: boolean;
|
|
@@ -102,5 +104,5 @@ export interface Props {
|
|
|
102
104
|
customMediaRenderer?: ChatProps['customMediaRenderer'];
|
|
103
105
|
additionalSettings?: JSX.Element | null;
|
|
104
106
|
}
|
|
105
|
-
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, showTypingText, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, }: Props) => JSX.Element;
|
|
107
|
+
declare const MemoriWidget: ({ memori, memoriConfigs, memoriLang, multilingual, integration, layout, customLayout, showInstruct, showShare, preview, embed, showInputs, showDates, showContextPerLine, showSettings, showTypingText, showClear, showOnlyLastMessages, height, secret, baseUrl, apiUrl, initialContextVars, initialQuestion, ogImage, sessionID: initialSessionID, tenant, personification, authToken, AZURE_COGNITIVE_SERVICES_TTS_KEY, onStateChange, additionalInfo, additionalSettings, customMediaRenderer, }: Props) => JSX.Element;
|
|
106
108
|
export default MemoriWidget;
|
|
@@ -120,7 +120,7 @@ let audioContext;
|
|
|
120
120
|
let memoriPassword;
|
|
121
121
|
let speakerMuted = false;
|
|
122
122
|
let memoriSpeaking = false;
|
|
123
|
-
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, showTypingText = false, 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, additionalSettings, customMediaRenderer, }) => {
|
|
123
|
+
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, showTypingText = false, showClear = false, showOnlyLastMessages, 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, additionalSettings, customMediaRenderer, }) => {
|
|
124
124
|
var _a, _b, _c, _d, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _t, _u, _v, _w, _x, _y;
|
|
125
125
|
const { t, i18n } = useTranslation();
|
|
126
126
|
const [isClient, setIsClient] = useState(false);
|
|
@@ -1718,6 +1718,9 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1718
1718
|
observer.disconnect();
|
|
1719
1719
|
};
|
|
1720
1720
|
}, []);
|
|
1721
|
+
const showFullHistory = showOnlyLastMessages === undefined
|
|
1722
|
+
? layout !== 'TOTEM' && layout !== 'WEBSITE_ASSISTANT'
|
|
1723
|
+
: !showOnlyLastMessages;
|
|
1721
1724
|
const headerProps = {
|
|
1722
1725
|
memori,
|
|
1723
1726
|
history,
|
|
@@ -1745,6 +1748,8 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1745
1748
|
showSettings,
|
|
1746
1749
|
hasUserActivatedSpeak,
|
|
1747
1750
|
showReload: selectedLayout === 'TOTEM',
|
|
1751
|
+
showClear,
|
|
1752
|
+
clearHistory: () => setHistory(h => h.slice(-1)),
|
|
1748
1753
|
};
|
|
1749
1754
|
const avatarProps = {
|
|
1750
1755
|
memori,
|
|
@@ -1793,7 +1798,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1793
1798
|
memoriTyping,
|
|
1794
1799
|
typingText,
|
|
1795
1800
|
showTypingText,
|
|
1796
|
-
history:
|
|
1801
|
+
history: showFullHistory ? history : history.slice(-2),
|
|
1797
1802
|
authToken: loginToken,
|
|
1798
1803
|
dialogState: currentDialogState,
|
|
1799
1804
|
setDialogState: setCurrentDialogState,
|
|
@@ -1854,7 +1859,7 @@ const MemoriWidget = ({ memori, memoriConfigs, memoriLang, multilingual, integra
|
|
|
1854
1859
|
: selectedLayout === 'WEBSITE_ASSISTANT'
|
|
1855
1860
|
? WebsiteAssistantLayout
|
|
1856
1861
|
: FullPageLayout;
|
|
1857
|
-
return (_jsxs("div", { className: cx('memori', 'memori-widget', `memori-layout-${layout.toLowerCase()}`, `memori-controls-${controlsPosition.toLowerCase()}`, {
|
|
1862
|
+
return (_jsxs("div", { className: cx('memori', 'memori-widget', `memori-layout-${layout.toLowerCase()}`, `memori-controls-${controlsPosition.toLowerCase()}`, `memori--avatar-${(integrationConfig === null || integrationConfig === void 0 ? void 0 : integrationConfig.avatar) || 'default'}`, {
|
|
1858
1863
|
'memori--preview': preview,
|
|
1859
1864
|
'memori--embed': embed,
|
|
1860
1865
|
'memori--with-integration': integration,
|