@memori.ai/memori-react 1.0.0-alpha.22 → 1.0.0-alpha.24
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 +34 -0
- package/dist/components/Chat/Chat.d.ts +1 -0
- package/dist/components/Chat/Chat.js +4 -2
- package/dist/components/Chat/Chat.js.map +1 -1
- package/dist/components/Chat/Chat.stories.d.ts +2 -0
- package/dist/components/Chat/Chat.stories.js +32 -1
- package/dist/components/Chat/Chat.stories.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.css +67 -0
- package/dist/components/ChatBubble/ChatBubble.d.ts +3 -0
- package/dist/components/ChatBubble/ChatBubble.js +50 -27
- package/dist/components/ChatBubble/ChatBubble.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.stories.d.ts +3 -0
- package/dist/components/ChatBubble/ChatBubble.stories.js +41 -1
- package/dist/components/ChatBubble/ChatBubble.stories.js.map +1 -1
- package/dist/components/ChatBubble/ChatBubble.test.js +10 -0
- package/dist/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/dist/components/FeedbackButtons/FeedbackButtons.css +107 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.d.ts +11 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.js +69 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.js.map +1 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.stories.d.ts +5 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.stories.js +23 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.stories.js.map +1 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.test.d.ts +1 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.test.js +12 -0
- package/dist/components/FeedbackButtons/FeedbackButtons.test.js.map +1 -0
- package/dist/components/MemoriWidget/MemoriWidget.js +16 -4
- package/dist/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/dist/components/StartPanel/StartPanel.css +26 -0
- package/dist/components/StartPanel/StartPanel.js +9 -3
- package/dist/components/StartPanel/StartPanel.js.map +1 -1
- package/dist/components/icons/AI.d.ts +5 -0
- package/dist/components/icons/AI.js +11 -0
- package/dist/components/icons/AI.js.map +1 -0
- package/dist/components/icons/Feedback.d.ts +5 -0
- package/dist/components/icons/Feedback.js +9 -0
- package/dist/components/icons/Feedback.js.map +1 -0
- package/dist/components/icons/ThumbDown.d.ts +5 -0
- package/dist/components/icons/ThumbDown.js +8 -0
- package/dist/components/icons/ThumbDown.js.map +1 -0
- package/dist/components/icons/ThumbUp.d.ts +5 -0
- package/dist/components/icons/ThumbUp.js +8 -0
- package/dist/components/icons/ThumbUp.js.map +1 -0
- package/dist/components/ui/Tooltip.css +2 -0
- package/dist/locales/en.json +2 -0
- package/dist/locales/it.json +2 -0
- package/dist/mocks/data.d.ts +1 -0
- package/dist/mocks/data.js +49 -1
- package/dist/mocks/data.js.map +1 -1
- package/esm/components/Chat/Chat.d.ts +1 -0
- package/esm/components/Chat/Chat.js +4 -2
- package/esm/components/Chat/Chat.js.map +1 -1
- package/esm/components/Chat/Chat.stories.d.ts +2 -0
- package/esm/components/Chat/Chat.stories.js +32 -1
- package/esm/components/Chat/Chat.stories.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.css +67 -0
- package/esm/components/ChatBubble/ChatBubble.d.ts +3 -0
- package/esm/components/ChatBubble/ChatBubble.js +50 -27
- package/esm/components/ChatBubble/ChatBubble.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.stories.d.ts +3 -0
- package/esm/components/ChatBubble/ChatBubble.stories.js +40 -0
- package/esm/components/ChatBubble/ChatBubble.stories.js.map +1 -1
- package/esm/components/ChatBubble/ChatBubble.test.js +10 -0
- package/esm/components/ChatBubble/ChatBubble.test.js.map +1 -1
- package/esm/components/FeedbackButtons/FeedbackButtons.css +107 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.d.ts +11 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.js +66 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.js.map +1 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.stories.d.ts +5 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.stories.js +19 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.stories.js.map +1 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.test.d.ts +1 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.test.js +9 -0
- package/esm/components/FeedbackButtons/FeedbackButtons.test.js.map +1 -0
- package/esm/components/MemoriWidget/MemoriWidget.js +16 -4
- package/esm/components/MemoriWidget/MemoriWidget.js.map +1 -1
- package/esm/components/StartPanel/StartPanel.css +26 -0
- package/esm/components/StartPanel/StartPanel.js +9 -3
- package/esm/components/StartPanel/StartPanel.js.map +1 -1
- package/esm/components/icons/AI.d.ts +5 -0
- package/esm/components/icons/AI.js +8 -0
- package/esm/components/icons/AI.js.map +1 -0
- package/esm/components/icons/Feedback.d.ts +5 -0
- package/esm/components/icons/Feedback.js +6 -0
- package/esm/components/icons/Feedback.js.map +1 -0
- package/esm/components/icons/ThumbDown.d.ts +5 -0
- package/esm/components/icons/ThumbDown.js +5 -0
- package/esm/components/icons/ThumbDown.js.map +1 -0
- package/esm/components/icons/ThumbUp.d.ts +5 -0
- package/esm/components/icons/ThumbUp.js +5 -0
- package/esm/components/icons/ThumbUp.js.map +1 -0
- package/esm/components/ui/Tooltip.css +2 -0
- package/esm/locales/en.json +2 -0
- package/esm/locales/it.json +2 -0
- package/esm/mocks/data.d.ts +1 -0
- package/esm/mocks/data.js +48 -0
- package/esm/mocks/data.js.map +1 -1
- package/package.json +2 -2
- package/src/components/Chat/Chat.stories.tsx +34 -0
- package/src/components/Chat/Chat.tsx +11 -0
- package/src/components/ChatBubble/ChatBubble.css +67 -0
- package/src/components/ChatBubble/ChatBubble.stories.tsx +46 -0
- package/src/components/ChatBubble/ChatBubble.test.tsx +18 -0
- package/src/components/ChatBubble/ChatBubble.tsx +139 -85
- package/src/components/ChatBubble/__snapshots__/ChatBubble.test.tsx.snap +80 -0
- package/src/components/FeedbackButtons/FeedbackButtons.css +107 -0
- package/src/components/FeedbackButtons/FeedbackButtons.stories.tsx +25 -0
- package/src/components/FeedbackButtons/FeedbackButtons.test.tsx +11 -0
- package/src/components/FeedbackButtons/FeedbackButtons.tsx +154 -0
- package/src/components/FeedbackButtons/__snapshots__/FeedbackButtons.test.tsx.snap +47 -0
- package/src/components/MemoriWidget/MemoriWidget.tsx +19 -2
- package/src/components/StartPanel/StartPanel.css +26 -0
- package/src/components/StartPanel/StartPanel.tsx +10 -0
- package/src/components/icons/AI.tsx +34 -0
- package/src/components/icons/Feedback.tsx +24 -0
- package/src/components/icons/ThumbDown.tsx +29 -0
- package/src/components/icons/ThumbUp.tsx +29 -0
- package/src/components/ui/Tooltip.css +2 -0
- package/src/locales/en.json +2 -0
- package/src/locales/it.json +2 -0
- package/src/mocks/data.ts +51 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,39 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
+
## [1.0.0-alpha.24](https://github.com/memori-ai/memori-react/compare/v1.0.0-alpha.23...v1.0.0-alpha.24) (2023-02-02)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add feedback buttons on acceptsFeedback ([8be4ca4](https://github.com/memori-ai/memori-react/commit/8be4ca4a5bff4eeafc467170795761c96e54ff3b))
|
|
9
|
+
* add icon to show if a msg is generated by AI ([c0a5ab7](https://github.com/memori-ai/memori-react/commit/c0a5ab79631cf853c21c184a3b831d3a3d058074))
|
|
10
|
+
* import new feedback + completions disclaimer ([8fe3170](https://github.com/memori-ai/memori-react/commit/8fe31703c6c0602c76008c532591e74ae9de5c42))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* minor css fixes ([79fb904](https://github.com/memori-ai/memori-react/commit/79fb90456676ae0cb25d2eb95a7d49098891def8))
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Changes
|
|
19
|
+
|
|
20
|
+
* add show AI icon in integration config ([36575c9](https://github.com/memori-ai/memori-react/commit/36575c90f423e1bd38cb0e442fb307fb74ac1cc8))
|
|
21
|
+
* pick completion flag for generated by ai icon ([4ae8658](https://github.com/memori-ai/memori-react/commit/4ae8658056955232314143c012bc2929342e3511))
|
|
22
|
+
* show feedback buttons + ai icon on chat bubble floating addon ([3dbd011](https://github.com/memori-ai/memori-react/commit/3dbd0113c0af844822812ab06e3f9a611193b1b3))
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Maintenance
|
|
26
|
+
|
|
27
|
+
* **i18n:** add translation for generated by ai ([a7694bc](https://github.com/memori-ai/memori-react/commit/a7694bc8ac538185ae9f25833ba386b84e4fcad9))
|
|
28
|
+
* upgrade api client ([c65fb57](https://github.com/memori-ai/memori-react/commit/c65fb572af5b7c6de8e32657ab36be53e8b99812))
|
|
29
|
+
|
|
30
|
+
## [1.0.0-alpha.23](https://github.com/memori-ai/memori-react/compare/v1.0.0-alpha.22...v1.0.0-alpha.23) (2023-01-19)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
### Changes
|
|
34
|
+
|
|
35
|
+
* fixes for listening events ([76bc5f6](https://github.com/memori-ai/memori-react/commit/76bc5f616538d6621ff51b7ad41a9b07b8ad59ba))
|
|
36
|
+
|
|
3
37
|
## [1.0.0-alpha.22](https://github.com/memori-ai/memori-react/compare/v1.0.0-alpha.21...v1.0.0-alpha.22) (2023-01-17)
|
|
4
38
|
|
|
5
39
|
|
|
@@ -17,6 +17,7 @@ export interface Props {
|
|
|
17
17
|
simulateUserPrompt: (text: string, translatedText?: string) => void;
|
|
18
18
|
showDates?: boolean;
|
|
19
19
|
showContextPerLine?: boolean;
|
|
20
|
+
showAIicon?: boolean;
|
|
20
21
|
client: ReturnType<typeof memoriApiClient>;
|
|
21
22
|
selectReceiverTag: (tag: string) => Promise<void>;
|
|
22
23
|
preview?: boolean;
|
|
@@ -10,7 +10,7 @@ const MediaWidget_1 = tslib_1.__importDefault(require("../MediaWidget/MediaWidge
|
|
|
10
10
|
const Button_1 = tslib_1.__importDefault(require("../ui/Button"));
|
|
11
11
|
const ChatInputs_1 = tslib_1.__importDefault(require("../ChatInputs/ChatInputs"));
|
|
12
12
|
require("./Chat.css");
|
|
13
|
-
const Chat = ({ memori, tenant, sessionID, baseUrl, translateTo, memoriTyping, history = [], authToken, dialogState, simulateUserPrompt, showDates = false, showContextPerLine = false, selectReceiverTag, preview = false, instruct = false, showInputs = true, showMicrophone = false, sendOnEnter, setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, listening, isPlayingAudio, stopAudio, startListening, stopListening, resetTranscript, }) => {
|
|
13
|
+
const Chat = ({ memori, tenant, sessionID, baseUrl, translateTo, memoriTyping, history = [], authToken, dialogState, simulateUserPrompt, showDates = false, showContextPerLine = false, showAIicon = true, selectReceiverTag, preview = false, instruct = false, showInputs = true, showMicrophone = false, sendOnEnter, setSendOnEnter, attachmentsMenuOpen, setAttachmentsMenuOpen, userMessage = '', onChangeUserMessage, sendMessage, listening, isPlayingAudio, stopAudio, startListening, stopListening, resetTranscript, }) => {
|
|
14
14
|
var _a, _b, _c, _d, _e;
|
|
15
15
|
const scrollToBottom = () => {
|
|
16
16
|
setTimeout(() => {
|
|
@@ -80,7 +80,9 @@ const Chat = ({ memori, tenant, sessionID, baseUrl, translateTo, memoriTyping, h
|
|
|
80
80
|
history.map((message, index) => {
|
|
81
81
|
var _a, _b, _c, _d;
|
|
82
82
|
return (react_1.default.createElement(react_1.default.Fragment, { key: index },
|
|
83
|
-
react_1.default.createElement(ChatBubble_1.default, { message: message, memori: memori, tenant: tenant, baseUrl: baseUrl
|
|
83
|
+
react_1.default.createElement(ChatBubble_1.default, { message: message, memori: memori, tenant: tenant, baseUrl: baseUrl, simulateUserPrompt: simulateUserPrompt, showAIicon: showAIicon, showFeedback: index === history.length - 1 &&
|
|
84
|
+
!message.fromUser &&
|
|
85
|
+
(dialogState === null || dialogState === void 0 ? void 0 : dialogState.acceptsFeedback) }),
|
|
84
86
|
showDates && !!message.timestamp && (react_1.default.createElement("small", { className: `memori-chat--timestamp ${message.fromUser ? 'text-right' : 'text-left'}` }, new Intl.DateTimeFormat('it', {
|
|
85
87
|
hour: '2-digit',
|
|
86
88
|
minute: '2-digit',
|
|
@@ -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,qFAAqD;AACrD,kEAAkC;AAElC,kFAAkD;AAElD,sBAAoB;
|
|
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,qFAAqD;AACrD,kEAAkC;AAElC,kFAAkD;AAElD,sBAAoB;AAyCpB,MAAM,IAAI,GAAoB,CAAC,EAC7B,MAAM,EACN,MAAM,EACN,SAAS,EACT,OAAO,EACP,WAAW,EACX,YAAY,EACZ,OAAO,GAAG,EAAE,EACZ,SAAS,EACT,WAAW,EACX,kBAAkB,EAClB,SAAS,GAAG,KAAK,EACjB,kBAAkB,GAAG,KAAK,EAC1B,UAAU,GAAG,IAAI,EACjB,iBAAiB,EACjB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,cAAc,GAAG,KAAK,EACtB,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,GAAG,EAAE,EAChB,mBAAmB,EACnB,WAAW,EACX,SAAS,EACT,cAAc,EACd,SAAS,EACT,cAAc,EACd,aAAa,EACb,eAAe,GAChB,EAAE,EAAE;;IACH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,GAAG,EAAE;;YACd,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE;gBACpD,MAAA,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,0CAAE,cAAc,EAAE,CAAC;gBAC1D,MAAA,QAAQ;qBACL,aAAa,CAAC,uBAAuB,CAAC,0CACrC,QAAQ,CACR,CAAC,EACD,MAAA,MAAA,QAAQ,CAAC,aAAa,CAAC,uBAAuB,CAAC,0CAAE,YAAY,mCAAI,CAAC,CACnE,CAAC;aACL;iBAAM;gBACL,MAAA,QAAQ,CAAC,aAAa,CAAC,mBAAmB,CAAC,0CAAE,cAAc,CAAC;oBAC1D,QAAQ,EAAE,QAAQ;iBACnB,CAAC,CAAC;aACJ;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,CAAC,OAAO,IAAI,cAAc,EAAE,CAAC;IAC/B,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEvB,MAAM,eAAe,GAAG,GAAG,EAAE;;QAC3B,aAAa,EAAE,CAAC;QAChB,IAAI,IAAA,sBAAc,GAAE,IAAI,MAAM,CAAC,UAAU,IAAI,GAAG,EAAE;YAChD,MAAA,MAAA,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,0CAAE,SAAS,0CAAE,GAAG,CAAC,cAAc,CAAC,CAAC;YACxE,UAAU,CAAC,GAAG,EAAE;gBACd,cAAc,EAAE,CAAC;YACnB,CAAC,EAAE,GAAG,CAAC,CAAC;SACT;IACH,CAAC,CAAC;IACF,MAAM,cAAc,GAAG,GAAG,EAAE;;QAC1B,IACE,MAAA,MAAA,QAAQ;aACL,cAAc,CAAC,cAAc,CAAC,0CAC7B,SAAS,0CAAE,QAAQ,CAAC,cAAc,CAAC,EACvC;YACA,MAAA,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,0CAAE,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;YAC1E,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,CAAC;IACF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,IAAI,WAAW,KAAK,UAAU,IAAI,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,IAAG,CAAC,EAAE;YACzD,aAAa,EAAE,CAAC;YAChB,WAAW,CAAC,WAAW,CAAC,CAAC;YACzB,mBAAmB,CAAC,EAAE,CAAC,CAAC;YACxB,eAAe,EAAE,CAAC;SACnB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;YACpC,gCAAgC,EAAE,WAAW;SAC9C,CAAC,EACF,EAAE,EAAC,cAAc,EACjB,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,WAAW,EAAE,sBACd,MAAA,MAAA,MAAA,MAAA,MAAM,CAAC,OAAO,0CAAE,KAAK,CAAC,GAAG,CAAC,0CAAG,CAAC,CAAC,0CAAE,WAAW,EAAE,mCAAI,IAAI;QAExE,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gBACpC,4BAA4B,EAAE,IAAA,sBAAc,GAAE;aAC/C,CAAC;YAEF,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;oBACpC,4BAA4B,EAAE,IAAA,sBAAc,GAAE;iBAC/C,CAAC;gBAEF,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,oBAAoB,CAAC,EACnC,KAAK,EAAE;wBACL,eAAe,EAAE,QAAQ,IAAA,sBAAc,EAAC;4BACtC,IAAI,EAAE,OAAO;4BACb,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE;4BACpB,WAAW,EAAE,MAAM,CAAC,QAAQ;4BAC5B,OAAO,EAAE,OAAO;yBACjB,CAAC,YAAY,IAAA,sBAAc,EAAC;4BAC3B,IAAI,EAAE,OAAO;4BACb,QAAQ,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE;4BACpB,OAAO,EAAE,OAAO,IAAI,6BAA6B;yBAClD,CAAC,IAAI;qBACP,GACD;gBAED,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;;oBAAC,OAAA,CAC/B,8BAAC,eAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;wBACxB,8BAAC,oBAAU,IACT,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,YAAY,EACV,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC;gCAC5B,CAAC,OAAO,CAAC,QAAQ;iCACjB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,eAAe,CAAA,GAE9B;wBACD,SAAS,IAAI,CAAC,CAAC,OAAO,CAAC,SAAS,IAAI,CACnC,yCACE,SAAS,EAAE,0BACT,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WACpC,EAAE,IAED,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE;4BAC7B,IAAI,EAAE,SAAS;4BACf,MAAM,EAAE,SAAS;4BACjB,MAAM,EAAE,SAAS;yBAClB,CAAC,CAAC,MAAM,CACP,IAAI,IAAI,CACN,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC;4BAC7B,CAAC,CAAC,OAAO,CAAC,SAAS;4BACnB,CAAC,CAAC,GAAG,OAAO,CAAC,SAAS,GAAG,CAC5B,CACF,CACK,CACT;wBACA,kBAAkB;4BACjB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,MAAM,IAAI,CACjD,uCAAK,SAAS,EAAC,2BAA2B,IACvC,MAAM,CAAC,IAAI,CAAC,MAAA,OAAO,CAAC,WAAW,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;;4BAChD,OAAA,CAAA,MAAA,OAAO,CAAC,WAAW,0CAAG,GAAG,CAAC,MAAK,GAAG,CAAC,CAAC,CAAC,CACnC,uCACE,SAAS,EAAE,4DAA4D,EACvE,GAAG,EAAE,GAAG;gCAER,wCAAM,SAAS,EAAC,+BAA+B,IAC5C,GAAG,CACC,CACH,CACP,CAAC,CAAC,CAAC,CAAA,MAAA,OAAO,CAAC,WAAW,0CAAG,GAAG,CAAC,MAAK,IAAI,CAAC,CAAC,CAAC,CACxC,uCAAK,SAAS,EAAC,0BAA0B,EAAC,GAAG,EAAE,GAAG;gCAChD,wCAAM,SAAS,EAAC,+BAA+B,IAC5C,GAAG,CACC,CACH,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAC,0BAA0B,EAAC,GAAG,EAAE,GAAG;gCAChD,wCAAM,SAAS,EAAC,+BAA+B;oCAC5C,GAAG;0CAAI,MAAA,OAAO,CAAC,WAAW;uCAAG,GAAG,CAAC,CAC7B,CACH,CACP,CAAA;yBAAA,CACF,CACG,CACP;wBAEH,8BAAC,qBAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,MAAM,CAC3B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,WAAW,IAAI,CAAC,CAAC,QAAQ,KAAK,YAAY,CAC/D,EACD,KAAK,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,KAAK,WAAW,CAAC,EAC9D,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,GACxB,CACa,CAClB,CAAA;iBAAA,CAAC;gBAED,YAAY,IAAI,CACf,uCAAK,SAAS,EAAC,qBAAqB;oBAClC,uCAAK,EAAE,EAAC,MAAM;wBACZ,wCAAM,SAAS,EAAC,KAAK,GAAQ;wBAC7B,wCAAM,SAAS,EAAC,KAAK,GAAQ;wBAC7B,wCAAM,SAAS,EAAC,KAAK,GAAQ,CACzB,CACF,CACP;gBAEA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACrD,8BAAC,qBAAW,IACV,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EACH,WAAW,CAAC,eAAe;wBACzB,CAAC,CAAC,WAAW,CAAC,eAAe;wBAC7B,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;4BAC1B,IAAI,EAAE,CAAC;4BACP,YAAY,EAAE,CAAC;yBAChB,CAAC,CAAC,GAET,CACH;gBACD,uCAAK,EAAE,EAAC,kBAAkB,GAAG,CACzB,CACF;QAML,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,MAAK,IAAI,IAAI,SAAS,IAAI,CAC3C,uCAAK,SAAS,EAAC,yBAAyB,IACrC,MAAM,CAAC,IAAI,CAAC,MAAA,WAAW,CAAC,SAAS,mCAAI,EAAE,CAAC;aACtC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,CAAC,QAAQ,CAAC;aAClC,GAAG,CAAC,GAAG,CAAC,EAAE;;YAAC,OAAA,CACV,8BAAC,gBAAM,IACL,GAAG,EAAE,GAAG,EACR,IAAI,EACF,wCAAM,SAAS,EAAC,6BAA6B,IAAE,GAAG,CAAQ,EAE5D,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAEpC,MAAA,WAAW,CAAC,SAAS,0CAAG,GAAG,CAAC,CACtB,CACV,CAAA;SAAA,CAAC,CACA,CACP;QAEA,UAAU,IAAI,CACb,8BAAC,oBAAU,IACT,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,mBAAmB,EACxC,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,sBAAsB,EAAE,sBAAsB,EAC9C,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC9B,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,CAAC"}
|
|
@@ -11,3 +11,5 @@ export declare const WithContext: Story<Props>;
|
|
|
11
11
|
export declare const WithDatesAndContext: Story<Props>;
|
|
12
12
|
export declare const OnX3State: Story<Props>;
|
|
13
13
|
export declare const OnX2aState: Story<Props>;
|
|
14
|
+
export declare const AcceptsFeedback: Story<Props>;
|
|
15
|
+
export declare const WithAIGeneratedMessages: Story<Props>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.OnX2aState = exports.OnX3State = exports.WithDatesAndContext = exports.WithContext = exports.WithDates = exports.WithMedia = exports.WithHints = exports.MemoriTyping = exports.Default = void 0;
|
|
3
|
+
exports.WithAIGeneratedMessages = exports.AcceptsFeedback = exports.OnX2aState = exports.OnX3State = exports.WithDatesAndContext = exports.WithContext = exports.WithDates = exports.WithMedia = exports.WithHints = exports.MemoriTyping = exports.Default = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importStar(require("react"));
|
|
6
6
|
const data_1 = require("../../mocks/data");
|
|
@@ -159,4 +159,35 @@ exports.OnX2aState.args = {
|
|
|
159
159
|
setAttachmentsMenuOpen: () => { },
|
|
160
160
|
setSendOnEnter: () => { },
|
|
161
161
|
};
|
|
162
|
+
exports.AcceptsFeedback = Template.bind({});
|
|
163
|
+
exports.AcceptsFeedback.args = {
|
|
164
|
+
memori: data_1.memori,
|
|
165
|
+
tenant: data_1.tenant,
|
|
166
|
+
sessionID: data_1.sessionID,
|
|
167
|
+
history: data_1.history,
|
|
168
|
+
dialogState: {
|
|
169
|
+
...dialogState,
|
|
170
|
+
acceptsFeedback: true,
|
|
171
|
+
},
|
|
172
|
+
simulateUserPrompt: () => { },
|
|
173
|
+
sendMessage: (msg) => console.log(msg),
|
|
174
|
+
stopListening: () => { },
|
|
175
|
+
resetTranscript: () => { },
|
|
176
|
+
setAttachmentsMenuOpen: () => { },
|
|
177
|
+
setSendOnEnter: () => { },
|
|
178
|
+
};
|
|
179
|
+
exports.WithAIGeneratedMessages = Template.bind({});
|
|
180
|
+
exports.WithAIGeneratedMessages.args = {
|
|
181
|
+
memori: data_1.memori,
|
|
182
|
+
tenant: data_1.tenant,
|
|
183
|
+
sessionID: data_1.sessionID,
|
|
184
|
+
history: data_1.historyWithAIGeneratedMessages,
|
|
185
|
+
dialogState,
|
|
186
|
+
simulateUserPrompt: () => { },
|
|
187
|
+
sendMessage: (msg) => console.log(msg),
|
|
188
|
+
stopListening: () => { },
|
|
189
|
+
resetTranscript: () => { },
|
|
190
|
+
setAttachmentsMenuOpen: () => { },
|
|
191
|
+
setSendOnEnter: () => { },
|
|
192
|
+
};
|
|
162
193
|
//# sourceMappingURL=Chat.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.stories.tsx"],"names":[],"mappings":";;;;AAAA,uDAAwC;AAExC,
|
|
1
|
+
{"version":3,"file":"Chat.stories.js","sourceRoot":"","sources":["../../../src/components/Chat/Chat.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,6 +29,10 @@
|
|
|
29
29
|
line-height: 1.4em;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
.memori-chat--bubble-container.memori-chat--with-addon .memori-chat--bubble {
|
|
33
|
+
min-width: 9rem;
|
|
34
|
+
}
|
|
35
|
+
|
|
32
36
|
.memori-chat--bubble #wave {
|
|
33
37
|
position: relative;
|
|
34
38
|
width: 100px;
|
|
@@ -99,6 +103,69 @@
|
|
|
99
103
|
font-size: 1.5rem;
|
|
100
104
|
}
|
|
101
105
|
|
|
106
|
+
.memori-chat--bubble-addon {
|
|
107
|
+
display: flex;
|
|
108
|
+
align-items: center;
|
|
109
|
+
justify-content: flex-end;
|
|
110
|
+
margin-top: 0.5em;
|
|
111
|
+
margin-left: auto;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-ai-icon {
|
|
115
|
+
display: flex;
|
|
116
|
+
justify-content: flex-end;
|
|
117
|
+
padding: 3px;
|
|
118
|
+
text-align: right;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.memori-chat--bubble.memori-chat--with-addon .memori-chat--bubble-ai-icon svg {
|
|
122
|
+
overflow: visible;
|
|
123
|
+
width: 0.85rem;
|
|
124
|
+
height: 0.85rem;
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
.memori-chat--bubble-addon .memori-chat--feedback {
|
|
128
|
+
display: flex;
|
|
129
|
+
align-items: center;
|
|
130
|
+
padding: 0;
|
|
131
|
+
margin: 0;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.memori-chat--bubble-addon .memori-chat--feedback button {
|
|
135
|
+
width: auto;
|
|
136
|
+
min-width: 0;
|
|
137
|
+
height: auto;
|
|
138
|
+
min-height: 0;
|
|
139
|
+
padding: 0;
|
|
140
|
+
color: #333;
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.memori-chat--bubble-addon .memori-chat--feedback button .memori-button--icon svg {
|
|
144
|
+
width: 0.9rem;
|
|
145
|
+
height: 0.9rem;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.memori-chat--bubble-addon-separator {
|
|
149
|
+
width: 1px;
|
|
150
|
+
height: 1.5em;
|
|
151
|
+
margin: 0 0.5em;
|
|
152
|
+
background: #ccc;
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.memori-chat--bubble-addon .memori-tooltip {
|
|
156
|
+
display: inline-flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.memori-chat--bubble-addon .memori-tooltip .memori-tooltip--trigger {
|
|
161
|
+
display: flex;
|
|
162
|
+
align-items: center;
|
|
163
|
+
justify-content: flex-end;
|
|
164
|
+
padding: 3px;
|
|
165
|
+
line-height: 0;
|
|
166
|
+
text-align: right;
|
|
167
|
+
}
|
|
168
|
+
|
|
102
169
|
.transition {
|
|
103
170
|
transition-property: all;
|
|
104
171
|
}
|
|
@@ -6,37 +6,60 @@ const classnames_1 = tslib_1.__importDefault(require("classnames"));
|
|
|
6
6
|
const react_2 = require("@headlessui/react");
|
|
7
7
|
const media_1 = require("../../helpers/media");
|
|
8
8
|
const User_1 = tslib_1.__importDefault(require("../icons/User"));
|
|
9
|
+
const AI_1 = tslib_1.__importDefault(require("../icons/AI"));
|
|
10
|
+
const Tooltip_1 = tslib_1.__importDefault(require("../ui/Tooltip"));
|
|
11
|
+
const FeedbackButtons_1 = tslib_1.__importDefault(require("../FeedbackButtons/FeedbackButtons"));
|
|
9
12
|
require("./ChatBubble.css");
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
})
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
react_1.default.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
|
|
23
|
-
? (0, media_1.getResourceUrl)({
|
|
13
|
+
const react_i18next_1 = require("react-i18next");
|
|
14
|
+
const ChatBubble = ({ message, memori, tenant, baseUrl, showFeedback, simulateUserPrompt, showAIicon = true, }) => {
|
|
15
|
+
const { t } = (0, react_i18next_1.useTranslation)();
|
|
16
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
17
|
+
message.initial && react_1.default.createElement("div", { className: "memori-chat--bubble-initial" }),
|
|
18
|
+
react_1.default.createElement(react_2.Transition, { show: true, appear: true, as: "div", className: (0, classnames_1.default)('memori-chat--bubble-container', {
|
|
19
|
+
'memori-chat--bubble-from-user': !!message.fromUser,
|
|
20
|
+
'memori-chat--with-addon': (message.generatedByAI && showAIicon) ||
|
|
21
|
+
(showFeedback && simulateUserPrompt),
|
|
22
|
+
}) },
|
|
23
|
+
!message.fromUser && (react_1.default.createElement(react_2.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'}` },
|
|
24
|
+
react_1.default.createElement("source", { src: (0, media_1.getResourceUrl)({
|
|
24
25
|
type: 'avatar',
|
|
25
26
|
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
26
27
|
resourceURI: memori.avatarURL,
|
|
27
28
|
baseURL: baseUrl,
|
|
28
|
-
})
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
29
|
+
}) }),
|
|
30
|
+
react_1.default.createElement("img", { className: "memori-chat--bubble-avatar-img", alt: memori.name, src: memori.avatarURL && memori.avatarURL.length > 0
|
|
31
|
+
? (0, media_1.getResourceUrl)({
|
|
32
|
+
type: 'avatar',
|
|
33
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
34
|
+
resourceURI: memori.avatarURL,
|
|
35
|
+
baseURL: baseUrl,
|
|
36
|
+
})
|
|
37
|
+
: (0, media_1.getResourceUrl)({
|
|
38
|
+
tenantID: tenant === null || tenant === void 0 ? void 0 : tenant.id,
|
|
39
|
+
type: 'avatar',
|
|
40
|
+
baseURL: baseUrl || 'https://app.twincreator.com',
|
|
41
|
+
}) }))),
|
|
42
|
+
react_1.default.createElement(react_2.Transition.Child, { as: "div", className: (0, classnames_1.default)('memori-chat--bubble', {
|
|
43
|
+
'memori-chat--user-bubble': !!message.fromUser,
|
|
44
|
+
'memori-chat--with-addon': (message.generatedByAI && showAIicon) ||
|
|
45
|
+
(showFeedback && simulateUserPrompt),
|
|
46
|
+
'memori-chat--ai-generated': message.generatedByAI && showAIicon,
|
|
47
|
+
'memori-chat--with-feedback': showFeedback,
|
|
48
|
+
}), 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'}` },
|
|
49
|
+
(message.translatedText || message.text)
|
|
50
|
+
.split(/\r\n|\r|\n/)
|
|
51
|
+
.map((row, index) => (react_1.default.createElement("p", { key: index }, row))),
|
|
52
|
+
((message.generatedByAI && showAIicon) ||
|
|
53
|
+
(showFeedback && simulateUserPrompt)) && (react_1.default.createElement("div", { className: "memori-chat--bubble-addon" },
|
|
54
|
+
showFeedback && !!simulateUserPrompt && (react_1.default.createElement(FeedbackButtons_1.default, { memori: memori, className: "memori-chat--bubble-feedback", dropdown: true, onNegativeClick: msg => {
|
|
55
|
+
if (msg)
|
|
56
|
+
simulateUserPrompt(msg);
|
|
57
|
+
} })),
|
|
58
|
+
message.generatedByAI && showAIicon && (react_1.default.createElement(Tooltip_1.default, { alignLeft: true, content: t('generatedByAI'), className: "memori-chat--bubble-ai-icon" },
|
|
59
|
+
react_1.default.createElement("span", null,
|
|
60
|
+
react_1.default.createElement(AI_1.default, { title: t('generatedByAI') || undefined }))))))),
|
|
61
|
+
message.fromUser && (react_1.default.createElement(react_2.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'}` },
|
|
62
|
+
react_1.default.createElement(User_1.default, null))))));
|
|
63
|
+
};
|
|
41
64
|
exports.default = ChatBubble;
|
|
42
65
|
//# sourceMappingURL=ChatBubble.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,oEAA4B;AAM5B,6CAA+C;AAC/C,+CAAqD;AACrD,iEAAiC;
|
|
1
|
+
{"version":3,"file":"ChatBubble.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,3 +5,6 @@ export default meta;
|
|
|
5
5
|
export declare const Default: Story<Props>;
|
|
6
6
|
export declare const FromUser: Story<Props>;
|
|
7
7
|
export declare const Initial: Story<Props>;
|
|
8
|
+
export declare const GeneratedByAI: Story<Props>;
|
|
9
|
+
export declare const WithFeedbackButtons: Story<Props>;
|
|
10
|
+
export declare const WithAllAddonsContents: Story<Props>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Initial = exports.FromUser = exports.Default = void 0;
|
|
3
|
+
exports.WithAllAddonsContents = exports.WithFeedbackButtons = exports.GeneratedByAI = exports.Initial = exports.FromUser = exports.Default = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
6
|
const data_1 = require("../../mocks/data");
|
|
@@ -64,4 +64,44 @@ exports.Initial.args = {
|
|
|
64
64
|
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
65
65
|
},
|
|
66
66
|
};
|
|
67
|
+
exports.GeneratedByAI = Template.bind({});
|
|
68
|
+
exports.GeneratedByAI.args = {
|
|
69
|
+
memori: data_1.memori,
|
|
70
|
+
tenant: data_1.tenant,
|
|
71
|
+
message: {
|
|
72
|
+
fromUser: false,
|
|
73
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
74
|
+
initial: false,
|
|
75
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
76
|
+
generatedByAI: true,
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
exports.WithFeedbackButtons = Template.bind({});
|
|
80
|
+
exports.WithFeedbackButtons.args = {
|
|
81
|
+
memori: data_1.memori,
|
|
82
|
+
tenant: data_1.tenant,
|
|
83
|
+
message: {
|
|
84
|
+
fromUser: false,
|
|
85
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
86
|
+
initial: false,
|
|
87
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
88
|
+
generatedByAI: false,
|
|
89
|
+
},
|
|
90
|
+
showFeedback: true,
|
|
91
|
+
simulateUserPrompt: () => { },
|
|
92
|
+
};
|
|
93
|
+
exports.WithAllAddonsContents = Template.bind({});
|
|
94
|
+
exports.WithAllAddonsContents.args = {
|
|
95
|
+
memori: data_1.memori,
|
|
96
|
+
tenant: data_1.tenant,
|
|
97
|
+
message: {
|
|
98
|
+
fromUser: false,
|
|
99
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
100
|
+
initial: false,
|
|
101
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
102
|
+
generatedByAI: true,
|
|
103
|
+
},
|
|
104
|
+
showFeedback: true,
|
|
105
|
+
simulateUserPrompt: () => { },
|
|
106
|
+
};
|
|
67
107
|
//# sourceMappingURL=ChatBubble.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.stories.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2CAAkD;AAClD,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAInD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,IAAI;QACb,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"ChatBubble.stories.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,2CAAkD;AAClD,sEAAiD;AAEjD,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,oBAAU;IACrB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,oBAAU,OAAK,IAAI,GAAI,CAAC;AAInD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,IAAI;QACb,cAAc,EACZ,4EAA4E;KAC/E;CACF,CAAC;AAEW,QAAA,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,qBAAa,CAAC,IAAI,GAAG;IACnB,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;QAC9E,aAAa,EAAE,IAAI;KACpB;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,2BAAmB,CAAC,IAAI,GAAG;IACzB,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;QAC9E,aAAa,EAAE,KAAK;KACrB;IACD,YAAY,EAAE,IAAI;IAClB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC;AAEW,QAAA,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,6BAAqB,CAAC,IAAI,GAAG;IAC3B,MAAM,EAAN,aAAM;IACN,MAAM,EAAN,aAAM;IACN,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,IAAI,EAAE,4EAA4E;QAClF,OAAO,EAAE,KAAK;QACd,cAAc,EACZ,4EAA4E;QAC9E,aAAa,EAAE,IAAI;KACpB;IACD,YAAY,EAAE,IAAI;IAClB,kBAAkB,EAAE,GAAG,EAAE,GAAE,CAAC;CAC7B,CAAC"}
|
|
@@ -32,4 +32,14 @@ it('renders ChatBubble with user msg unchanged', () => {
|
|
|
32
32
|
} }));
|
|
33
33
|
expect(container).toMatchSnapshot();
|
|
34
34
|
});
|
|
35
|
+
it('renders ChatBubble with msg generated by AI unchanged', () => {
|
|
36
|
+
const { container } = (0, react_2.render)(react_1.default.createElement(ChatBubble_1.default, { memori: data_1.memori, tenant: data_1.tenant, message: {
|
|
37
|
+
fromUser: true,
|
|
38
|
+
text: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
39
|
+
initial: false,
|
|
40
|
+
generatedByAI: true,
|
|
41
|
+
translatedText: 'Proin libero ante, dignissim sit amet turpis a, pretium condimentum dolor.',
|
|
42
|
+
} }));
|
|
43
|
+
expect(container).toMatchSnapshot();
|
|
44
|
+
});
|
|
35
45
|
//# sourceMappingURL=ChatBubble.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatBubble.test.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AACtC,2CAAkD;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,IAAI;YACb,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ChatBubble.test.js","sourceRoot":"","sources":["../../../src/components/ChatBubble/ChatBubble.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,sEAAsC;AACtC,2CAAkD;AAElD,EAAE,CAAC,8BAA8B,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;IACvD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,IAAI;YACb,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;IACpD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;IAC/D,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,oBAAU,IACT,MAAM,EAAE,aAAM,EACd,MAAM,EAAE,aAAM,EACd,OAAO,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,4EAA4E;YAClF,OAAO,EAAE,KAAK;YACd,aAAa,EAAE,IAAI;YACnB,cAAc,EACZ,4EAA4E;SAC/E,GACD,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
.memori-chat--feedback button {
|
|
2
|
+
padding: 0.5em;
|
|
3
|
+
color: #333;
|
|
4
|
+
transition: all 0.3s ease-in-out;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.memori-chat--feedback button:hover,
|
|
8
|
+
.memori-chat--feedback button:focus {
|
|
9
|
+
opacity: 1;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.memori-chat--feedback button .memori-button--icon svg.memori-chat--feedback-clicked {
|
|
13
|
+
color: var(--memori-primary);
|
|
14
|
+
fill: var(--memori-primary);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.memori-chat--feedback-menu {
|
|
18
|
+
position: relative;
|
|
19
|
+
display: inline-flex;
|
|
20
|
+
text-align: left;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.transition {
|
|
24
|
+
transition-duration: .15s;
|
|
25
|
+
transition-property: all;
|
|
26
|
+
transition-timing-function: cubic-bezier(.4,0,.2,1);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.ease-out {
|
|
30
|
+
transition-timing-function: ease-out;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.ease-in {
|
|
34
|
+
transition-timing-function: ease-in;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.duration-100 {
|
|
38
|
+
transition-duration: 100ms;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.duration-200 {
|
|
42
|
+
transition-duration: 200ms;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.opacity-0 {
|
|
46
|
+
opacity: 0;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.opacity-100 {
|
|
50
|
+
opacity: 1;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.scale-95 {
|
|
54
|
+
transform: scale(0.95);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.scale-100 {
|
|
58
|
+
transform: scale(1);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
.memori-chat--feedback-menu-items {
|
|
62
|
+
position: absolute;
|
|
63
|
+
top: calc(100% - 0.25rem);
|
|
64
|
+
right: -2rem;
|
|
65
|
+
width: 14rem;
|
|
66
|
+
border: 1px solid rgba(0,0,0,0.05);
|
|
67
|
+
border-radius: 0.375rem;
|
|
68
|
+
margin-top: 0.5rem;
|
|
69
|
+
background-color: #fff;
|
|
70
|
+
box-shadow: 0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px 0 rgba(0,0,0,0.06);
|
|
71
|
+
outline: none;
|
|
72
|
+
transform-origin: top right;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.memori-chat--feedback-menu-items:focus {
|
|
76
|
+
outline: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.memori-chat--feedback-menu-items-container {
|
|
80
|
+
padding: 0.25rem;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.memori-chat--bubble-addon .memori-chat--feedback button.memori-chat--feedback-menu-item {
|
|
84
|
+
display: flex;
|
|
85
|
+
width: 100%;
|
|
86
|
+
align-items: center;
|
|
87
|
+
padding: 0.5rem;
|
|
88
|
+
border: none;
|
|
89
|
+
border-radius: 0.375rem;
|
|
90
|
+
margin: 0;
|
|
91
|
+
background: none;
|
|
92
|
+
box-shadow: none;
|
|
93
|
+
color: #333;
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
font-family: inherit;
|
|
96
|
+
font-size: 0.875rem;
|
|
97
|
+
font-weight: inherit;
|
|
98
|
+
line-height: inherit;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.memori-chat--bubble-addon .memori-chat--feedback button.memori-chat--feedback-menu-item:hover,
|
|
102
|
+
.memori-chat--bubble-addon .memori-chat--feedback button.memori-chat--feedback-menu-item:focus,
|
|
103
|
+
.memori-chat--bubble-addon .memori-chat--feedback button.memori-chat--feedback-menu-item:active,
|
|
104
|
+
.memori-chat--bubble-addon .memori-chat--feedback button.memori-chat--feedback-menu-item.memori-chat--feedback-menu-item-active {
|
|
105
|
+
background-color: var(--memori-primary, rgb(102, 103, 171));
|
|
106
|
+
color: var(--memori-primary-text, #fff);
|
|
107
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Memori } from '@memori.ai/memori-api-client/dist/types';
|
|
2
|
+
import './FeedbackButtons.css';
|
|
3
|
+
export interface Props {
|
|
4
|
+
memori: Memori;
|
|
5
|
+
onNegativeClick: (msg?: string) => void;
|
|
6
|
+
className?: string;
|
|
7
|
+
toggle?: boolean;
|
|
8
|
+
dropdown?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const FeedbackButtons: ({ memori, className, onNegativeClick, toggle, dropdown, }: Props) => JSX.Element;
|
|
11
|
+
export default FeedbackButtons;
|