@memori.ai/memori-react 2.9.2 → 2.10.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 +14 -0
- package/dist/components/ChatBubble/ChatBubble.js +31 -31
- package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
- package/dist/components/MemoriWidget/MemoriWidget.d.ts +15 -1
- package/dist/components/MemoriWidget/MemoriWidget.js +238 -225
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.js +6 -1
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.js +31 -31
- package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
- package/esm/components/MemoriWidget/MemoriWidget.d.ts +15 -1
- package/esm/components/MemoriWidget/MemoriWidget.js +238 -225
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.js +6 -1
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ChatBubble/ChatBubble.tsx +1 -1
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +0 -3
- package/src/components/MemoriWidget/MemoriWidget.tsx +335 -289
- package/src/components/StartPanel/StartPanel.tsx +8 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [2.10.0](https://github.com/memori-ai/memori-react/compare/v2.9.2...v2.10.0) (2023-08-10)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add typeMessage and typeMessageHidden as event-based functions ([f717fb7](https://github.com/memori-ai/memori-react/commit/f717fb7f44105cbb61a921695b01036925671bf9))
|
|
9
|
+
* typeMessage(hidden) awaits previous emission to be read before submitting ([85ac7ae](https://github.com/memori-ai/memori-react/commit/85ac7ae72dcc3cf8e759a25b5df017d361e47355))
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
* cleanup typeMessage and typeMessageHidden ([0eff5fc](https://github.com/memori-ai/memori-react/commit/0eff5fc0b1033ff9c67e864bdcf8fed735a0a931))
|
|
15
|
+
* start button test speakers on try catch ([9337764](https://github.com/memori-ai/memori-react/commit/93377648937e0e21b19b8ac50d87062955d7c899))
|
|
16
|
+
|
|
3
17
|
## [2.9.2](https://github.com/memori-ai/memori-react/compare/v2.9.1...v2.9.2) (2023-08-03)
|
|
4
18
|
|
|
5
19
|
|
|
@@ -12,42 +12,42 @@ const FeedbackButtons_1 = tslib_1.__importDefault(require("../FeedbackButtons/Fe
|
|
|
12
12
|
const react_i18next_1 = require("react-i18next");
|
|
13
13
|
const ChatBubble = ({ message, memori, tenant, baseUrl, apiUrl, showFeedback, simulateUserPrompt, showAIicon = true, }) => {
|
|
14
14
|
const { t } = (0, react_i18next_1.useTranslation)();
|
|
15
|
-
return ((0, jsx_runtime_1.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(react_1.Transition, { show: true, appear: true, as: "div", className: (0, classnames_1.default)('memori-chat--bubble-container', {
|
|
16
|
+
'memori-chat--bubble-from-user': !!message.fromUser,
|
|
17
|
+
'memori-chat--with-addon': (message.generatedByAI && showAIicon) ||
|
|
18
|
+
(showFeedback && simulateUserPrompt),
|
|
19
|
+
}), children: [!message.fromUser && ((0, jsx_runtime_1.jsxs)(react_1.Transition.Child, { as: "picture", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, children: [(0, jsx_runtime_1.jsx)("source", { src: (0, media_1.getResourceUrl)({
|
|
20
|
+
type: 'avatar',
|
|
21
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
22
|
+
resourceURI: memori.avatarURL,
|
|
23
|
+
baseURL: baseUrl,
|
|
24
|
+
apiURL: apiUrl,
|
|
25
|
+
}) }), (0, jsx_runtime_1.jsx)("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
|
|
26
|
+
? (0, media_1.getResourceUrl)({
|
|
20
27
|
type: 'avatar',
|
|
21
28
|
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
22
29
|
resourceURI: memori.avatarURL,
|
|
23
30
|
baseURL: baseUrl,
|
|
24
31
|
apiURL: apiUrl,
|
|
25
|
-
})
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}), enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, children: [(message.translatedText || message.text)
|
|
45
|
-
.split(/\r\n|\r|\n/)
|
|
46
|
-
.map((row, index) => ((0, jsx_runtime_1.jsx)("p", { children: row }, index))), ((message.generatedByAI && showAIicon) ||
|
|
47
|
-
(showFeedback && simulateUserPrompt)) && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat--bubble-addon", children: [showFeedback && !!simulateUserPrompt && ((0, jsx_runtime_1.jsx)(FeedbackButtons_1.default, { memori: memori, className: "memori-chat--bubble-feedback", dropdown: true, onNegativeClick: msg => {
|
|
48
|
-
if (msg)
|
|
49
|
-
simulateUserPrompt(msg);
|
|
50
|
-
} })), message.generatedByAI && showAIicon && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { align: "left", content: t('generatedByAI'), className: "memori-chat--bubble-ai-icon", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(AI_1.default, { title: t('generatedByAI') || undefined }) }) }))] }))] }), message.fromUser && ((0, jsx_runtime_1.jsx)(react_1.Transition.Child, { as: "div", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, children: (0, jsx_runtime_1.jsx)(User_1.default, {}) }))] })] }));
|
|
32
|
+
})
|
|
33
|
+
: (0, media_1.getResourceUrl)({
|
|
34
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
35
|
+
type: 'avatar',
|
|
36
|
+
baseURL: baseUrl || 'https://app.twincreator.com',
|
|
37
|
+
apiURL: apiUrl,
|
|
38
|
+
}) })] })), (0, jsx_runtime_1.jsxs)(react_1.Transition.Child, { as: "div", className: (0, classnames_1.default)('memori-chat--bubble', {
|
|
39
|
+
'memori-chat--user-bubble': !!message.fromUser,
|
|
40
|
+
'memori-chat--with-addon': (message.generatedByAI && showAIicon) ||
|
|
41
|
+
(showFeedback && simulateUserPrompt),
|
|
42
|
+
'memori-chat--ai-generated': message.generatedByAI && showAIicon,
|
|
43
|
+
'memori-chat--with-feedback': showFeedback,
|
|
44
|
+
}), enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-09 translate-x-${message.fromUser ? '30' : '-30'}`, children: [(message.translatedText || message.text)
|
|
45
|
+
.split(/\r\n|\r|\n/)
|
|
46
|
+
.map((row, index) => ((0, jsx_runtime_1.jsx)("p", { children: row }, index))), ((message.generatedByAI && showAIicon) ||
|
|
47
|
+
(showFeedback && simulateUserPrompt)) && ((0, jsx_runtime_1.jsxs)("div", { className: "memori-chat--bubble-addon", children: [showFeedback && !!simulateUserPrompt && ((0, jsx_runtime_1.jsx)(FeedbackButtons_1.default, { memori: memori, className: "memori-chat--bubble-feedback", dropdown: true, onNegativeClick: msg => {
|
|
48
|
+
if (msg)
|
|
49
|
+
simulateUserPrompt(msg);
|
|
50
|
+
} })), message.generatedByAI && showAIicon && ((0, jsx_runtime_1.jsx)(Tooltip_1.default, { align: "left", content: t('generatedByAI'), className: "memori-chat--bubble-ai-icon", children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(AI_1.default, { title: t('generatedByAI') || undefined }) }) }))] }))] }), message.fromUser && ((0, jsx_runtime_1.jsx)(react_1.Transition.Child, { as: "div", className: "memori-chat--bubble-avatar", enter: "transition ease-in-out duration-300", enterFrom: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, enterTo: "opacity-1 scale-1 translate-x-0", leave: "transition ease-in-out duration-300", leaveFrom: "opacity-1 scale-1 translate-x-0", leaveTo: `opacity-0 scale-075 ${message.fromUser ? 'translate-x-15' : 'translate-x--15'}`, children: (0, jsx_runtime_1.jsx)(User_1.default, {}) }))] }) }));
|
|
51
51
|
};
|
|
52
52
|
exports.default = ChatBubble;
|
|
53
53
|
//# sourceMappingURL=ChatBubble.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAM5B,6CAA+C;AAC/C,+CAAqD;AACrD,iEAAiC;AACjC,6DAA6B;AAC7B,oEAAoC;AACpC,iGAAiE;AACjE,iDAA+C;AAa/C,MAAM,UAAU,GAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,UAAU,GAAG,IAAI,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":";;;;AACA,oEAA4B;AAM5B,6CAA+C;AAC/C,+CAAqD;AACrD,iEAAiC;AACjC,6DAA6B;AAC7B,oEAAoC;AACpC,iGAAiE;AACjE,iDAA+C;AAa/C,MAAM,UAAU,GAAoB,CAAC,EACnC,OAAO,EACP,MAAM,EACN,MAAM,EACN,OAAO,EACP,MAAM,EACN,YAAY,EACZ,kBAAkB,EAClB,UAAU,GAAG,IAAI,GAClB,EAAE,EAAE;IACH,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAE/B,OAAO,CACL,2DAEE,wBAAC,kBAAU,IACT,IAAI,QACJ,MAAM,QACN,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,+BAA+B,EAAE;gBAC7C,+BAA+B,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ;gBACnD,yBAAyB,EACvB,CAAC,OAAO,CAAC,aAAa,IAAI,UAAU,CAAC;oBACrC,CAAC,YAAY,IAAI,kBAAkB,CAAC;aACvC,CAAC,aAED,CAAC,OAAO,CAAC,QAAQ,IAAI,CACpB,wBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAC,SAAS,EACZ,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAE,uBACT,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBACxC,EAAE,EACF,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,uBACP,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBACxC,EAAE,aAEF,mCACE,GAAG,EAAE,IAAA,sBAAc,EAAC;gCAClB,IAAI,EAAE,QAAQ;gCACd,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE;gCACpB,WAAW,EAAE,MAAM,CAAC,SAAS;gCAC7B,OAAO,EAAE,OAAO;gCAChB,MAAM,EAAE,MAAM;6BACf,CAAC,GACF,EACF,gCACE,SAAS,EAAC,gCAAgC,EAC1C,GAAG,EAAE,MAAM,CAAC,IAAI,EAChB,GAAG,EACD,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC;gCAC7C,CAAC,CAAC,IAAA,sBAAc,EAAC;oCACb,IAAI,EAAE,QAAQ;oCACd,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE;oCACpB,WAAW,EAAE,MAAM,CAAC,SAAS;oCAC7B,OAAO,EAAE,OAAO;oCAChB,MAAM,EAAE,MAAM;iCACf,CAAC;gCACJ,CAAC,CAAC,IAAA,sBAAc,EAAC;oCACb,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE;oCACpB,IAAI,EAAE,QAAQ;oCACd,OAAO,EAAE,OAAO,IAAI,6BAA6B;oCACjD,MAAM,EAAE,MAAM;iCACf,CAAC,GAER,IACe,CACpB,EACD,wBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,IAAA,oBAAE,EAAC,qBAAqB,EAAE;wBACnC,0BAA0B,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ;wBAC9C,yBAAyB,EACvB,CAAC,OAAO,CAAC,aAAa,IAAI,UAAU,CAAC;4BACrC,CAAC,YAAY,IAAI,kBAAkB,CAAC;wBACtC,2BAA2B,EAAE,OAAO,CAAC,aAAa,IAAI,UAAU;wBAChE,4BAA4B,EAAE,YAAY;qBAC3C,CAAC,EACF,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAE,kCACT,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAC5B,EAAE,EACF,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,mCACP,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAC5B,EAAE,aAED,CAAC,OAAO,CAAC,cAAc,IAAI,OAAO,CAAC,IAAI,CAAC;6BACtC,KAAK,CAAC,YAAY,CAAC;6BACnB,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACnB,wCAAgB,GAAG,IAAX,KAAK,CAAW,CACzB,CAAC,EACH,CAAC,CAAC,OAAO,CAAC,aAAa,IAAI,UAAU,CAAC;4BACrC,CAAC,YAAY,IAAI,kBAAkB,CAAC,CAAC,IAAI,CACzC,iCAAK,SAAS,EAAC,2BAA2B,aACvC,YAAY,IAAI,CAAC,CAAC,kBAAkB,IAAI,CACvC,uBAAC,yBAAe,IACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,8BAA8B,EACxC,QAAQ,QACR,eAAe,EAAE,GAAG,CAAC,EAAE;wCACrB,IAAI,GAAG;4CAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;oCACnC,CAAC,GACD,CACH,EAEA,OAAO,CAAC,aAAa,IAAI,UAAU,IAAI,CACtC,uBAAC,iBAAO,IACN,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,CAAC,CAAC,eAAe,CAAC,EAC3B,SAAS,EAAC,6BAA6B,YAEvC,2CACE,uBAAC,YAAE,IAAC,KAAK,EAAE,CAAC,CAAC,eAAe,CAAC,IAAI,SAAS,GAAI,GACzC,GACC,CACX,IACG,CACP,IACgB,EAElB,OAAO,CAAC,QAAQ,IAAI,CACnB,uBAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAE,uBACT,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBACxC,EAAE,EACF,OAAO,EAAC,iCAAiC,EACzC,KAAK,EAAC,qCAAqC,EAC3C,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,uBACP,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBACxC,EAAE,YAEF,uBAAC,cAAI,KAAG,GACS,CACpB,IACU,GACZ,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -6,11 +6,25 @@ import Avatar, { Props as AvatarProps } from '../Avatar/Avatar';
|
|
|
6
6
|
import ChangeMode, { Props as ChangeModeProps } from '../ChangeMode/ChangeMode';
|
|
7
7
|
import Header, { Props as HeaderProps } from '../Header/Header';
|
|
8
8
|
declare const getMemoriState: (integrationId?: string | undefined) => object | null;
|
|
9
|
-
|
|
9
|
+
type MemoriTextEnteredEvent = CustomEvent<{
|
|
10
|
+
text: string;
|
|
11
|
+
hidden?: boolean;
|
|
12
|
+
}>;
|
|
13
|
+
declare const typeMessage: (message: string, hidden?: boolean) => void;
|
|
14
|
+
declare const typeMessageHidden: (message: string) => void;
|
|
15
|
+
interface CustomEventMap {
|
|
16
|
+
MemoriTextEntered: MemoriTextEnteredEvent;
|
|
17
|
+
}
|
|
10
18
|
declare global {
|
|
19
|
+
interface Document {
|
|
20
|
+
addEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: Document, ev: CustomEventMap[K]) => void): void;
|
|
21
|
+
removeEventListener<K extends keyof CustomEventMap>(type: K, listener: (this: Document, ev: CustomEventMap[K]) => void): void;
|
|
22
|
+
dispatchEvent<K extends keyof CustomEventMap>(ev: CustomEventMap[K]): void;
|
|
23
|
+
}
|
|
11
24
|
interface Window {
|
|
12
25
|
getMemoriState: typeof getMemoriState;
|
|
13
26
|
typeMessage: typeof typeMessage;
|
|
27
|
+
typeMessageHidden: typeof typeMessageHidden;
|
|
14
28
|
}
|
|
15
29
|
}
|
|
16
30
|
export interface LayoutProps {
|