@magmamath/students-features 0.9.107-rc.chatbot-4 → 0.9.107-rc.chatbot-7
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/dist/commonjs/features/chatbot/components/Chat/Chat.js +20 -16
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatControls/ChatControls.js +6 -1
- package/dist/commonjs/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessage/ChatMessage.js +1 -6
- package/dist/commonjs/features/chatbot/components/ChatMessage/ChatMessage.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js +20 -16
- package/dist/module/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js +5 -2
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatMessage/ChatMessage.js +1 -6
- package/dist/module/features/chatbot/components/ChatMessage/ChatMessage.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts +2 -3
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ChatMessage.d.ts +2 -3
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/Chat/Chat.tsx +25 -19
- package/src/features/chatbot/components/ChatControls/ChatControls.tsx +12 -3
- package/src/features/chatbot/components/ChatMessage/ChatMessage.tsx +3 -10
|
@@ -58,22 +58,26 @@ const Chat = ({
|
|
|
58
58
|
},
|
|
59
59
|
children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
60
60
|
style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
|
|
61
|
-
children: [messages.map(message =>
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
61
|
+
children: [messages.map(message => {
|
|
62
|
+
const Wrapper = ButtonWrapper && messages.length === 1 ? ButtonWrapper : _react.default.Fragment;
|
|
63
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Wrapper, {
|
|
64
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatMessage.ChatMessage, {
|
|
65
|
+
isTranslated: isTranslated,
|
|
66
|
+
withIcon: !message.isOwnMessage && message.id === lastMessageId,
|
|
67
|
+
message: message,
|
|
68
|
+
variant: message.isOwnMessage ? _modelTypes.MessageVariant.SENT : _modelTypes.MessageVariant.RECEIVED,
|
|
69
|
+
colorScheme: colorScheme,
|
|
70
|
+
withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
|
|
71
|
+
t2sState: {
|
|
72
|
+
isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
|
|
73
|
+
isActive: message.id === currentPlayingId,
|
|
74
|
+
isLoading: isTextToSpeechPending,
|
|
75
|
+
status: audioStatus,
|
|
76
|
+
disabled: isTextToSpeechPending
|
|
77
|
+
}
|
|
78
|
+
}, message.id)
|
|
79
|
+
});
|
|
80
|
+
}), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {
|
|
77
81
|
colorScheme: colorScheme
|
|
78
82
|
})]
|
|
79
83
|
}), isOpen && !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_ChatInput","_modelTypes","_styleTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","ColorScheme","Blue","ButtonWrapper","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","ChatInput","hasMessages","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_ChatInput","_modelTypes","_styleTypes","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TOOLBAR_HEIGHT","BOTTOM_OFFSET","Platform","select","web","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","ColorScheme","Blue","ButtonWrapper","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","jsx","View","style","styles","container","maxHeight","children","jsxs","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","Wrapper","length","React","Fragment","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","ChatInput","hasMessages","exports","StyleSheet","create","flex","alignItems","width","paddingVertical","paddingRight","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,7 +10,10 @@ var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
|
10
10
|
var _effectorReact = require("effector-react");
|
|
11
11
|
var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
|
|
12
12
|
var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
|
|
13
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
13
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
18
|
const ChatControls = ({
|
|
16
19
|
model,
|
|
@@ -23,9 +26,11 @@ const ChatControls = ({
|
|
|
23
26
|
}
|
|
24
27
|
}) => {
|
|
25
28
|
const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
|
|
29
|
+
const shouldAnimateCrossButton = (0, _effectorReact.useStoreMap)(model.$currentChatData, data => data.messages.length === 1);
|
|
26
30
|
if (isOpen) {
|
|
27
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
31
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
28
32
|
style: styles.container,
|
|
33
|
+
entering: shouldAnimateCrossButton ? _reactNativeReanimated.FadeIn.duration(900) : undefined,
|
|
29
34
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
30
35
|
onPress: onPressClose,
|
|
31
36
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_CloseIcon","_jsxRuntime","e","__esModule","default","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","React","Fragment","iconSize","width","height","isOpen","useUnit","$isOpen","jsx","View","style","styles","container","children","Button","onPress","button","buttonClose","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","WHITE","raiseLevel","customColorScheme","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","CloseIcon","Pressable","ChatbotIcon","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,cAAA,GAAAH,OAAA;AAEA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_CloseIcon","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","React","Fragment","iconSize","width","height","isOpen","useUnit","$isOpen","shouldAnimateCrossButton","useStoreMap","$currentChatData","data","messages","length","jsx","View","style","styles","container","entering","FadeIn","duration","undefined","children","Button","onPress","button","buttonClose","variant","ButtonVariant","PRIMARY","size","ButtonSize","LARGE","colorScheme","ButtonColor","WHITE","raiseLevel","customColorScheme","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","CloseIcon","Pressable","ChatbotIcon","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -16,15 +16,10 @@ const variantsMap = {
|
|
|
16
16
|
};
|
|
17
17
|
const ChatMessage = ({
|
|
18
18
|
variant,
|
|
19
|
-
ButtonWrapper,
|
|
20
19
|
...props
|
|
21
20
|
}) => {
|
|
22
21
|
const Component = variantsMap[variant];
|
|
23
|
-
return
|
|
24
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
25
|
-
...props
|
|
26
|
-
})
|
|
27
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
22
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
|
|
28
23
|
...props
|
|
29
24
|
});
|
|
30
25
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_ReceivedMessage","_SentMessage","_modelTypes","_jsxRuntime","e","__esModule","default","variantsMap","MessageVariant","SENT","SentMessage","RECEIVED","ReceivedMessage","ChatMessage","variant","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_ReceivedMessage","_SentMessage","_modelTypes","_jsxRuntime","e","__esModule","default","variantsMap","MessageVariant","SENT","SentMessage","RECEIVED","ReceivedMessage","ChatMessage","variant","props","Component","jsx","exports"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAEA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgBxD,MAAMG,WAAgE,GAAG;EACvE,CAACC,0BAAc,CAACC,IAAI,GAAGC,wBAAW;EAClC,CAACF,0BAAc,CAACG,QAAQ,GAAGC;AAC7B,CAAC;AAEM,MAAMC,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGT,WAAW,CAACO,OAAO,CAAC;EACtC,oBAAO,IAAAX,WAAA,CAAAc,GAAA,EAACD,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC;AAAAG,OAAA,CAAAL,WAAA,GAAAA,WAAA","ignoreList":[]}
|
|
@@ -52,22 +52,26 @@ export const Chat = ({
|
|
|
52
52
|
},
|
|
53
53
|
children: [isOpen && /*#__PURE__*/_jsxs(View, {
|
|
54
54
|
style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
|
|
55
|
-
children: [messages.map(message =>
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
55
|
+
children: [messages.map(message => {
|
|
56
|
+
const Wrapper = ButtonWrapper && messages.length === 1 ? ButtonWrapper : React.Fragment;
|
|
57
|
+
return /*#__PURE__*/_jsx(Wrapper, {
|
|
58
|
+
children: /*#__PURE__*/_jsx(ChatMessage, {
|
|
59
|
+
isTranslated: isTranslated,
|
|
60
|
+
withIcon: !message.isOwnMessage && message.id === lastMessageId,
|
|
61
|
+
message: message,
|
|
62
|
+
variant: message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED,
|
|
63
|
+
colorScheme: colorScheme,
|
|
64
|
+
withErrorSpotting: errorSpottingEnabled && !message.isOwnMessage,
|
|
65
|
+
t2sState: {
|
|
66
|
+
isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
|
|
67
|
+
isActive: message.id === currentPlayingId,
|
|
68
|
+
isLoading: isTextToSpeechPending,
|
|
69
|
+
status: audioStatus,
|
|
70
|
+
disabled: isTextToSpeechPending
|
|
71
|
+
}
|
|
72
|
+
}, message.id)
|
|
73
|
+
});
|
|
74
|
+
}), isHelpRequestPending && /*#__PURE__*/_jsx(MessageLoader, {
|
|
71
75
|
colorScheme: colorScheme
|
|
72
76
|
})]
|
|
73
77
|
}), isOpen && !isInputDisabled && /*#__PURE__*/_jsx(ChatInput, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","ChatInput","MessageVariant","ColorScheme","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","Blue","ButtonWrapper","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","hasMessages","
|
|
1
|
+
{"version":3,"names":["React","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","useStoreMap","useUnit","ChatMessage","MessageLoader","ChatInput","MessageVariant","ColorScheme","jsx","_jsx","jsxs","_jsxs","TOOLBAR_HEIGHT","BOTTOM_OFFSET","select","web","default","Chat","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","colorScheme","Blue","ButtonWrapper","dimensions","ref","isOpen","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","currentPlayingId","t2s","$currentPlayingId","isTranslated","translation","$isTranslated","audioStatus","$status","errorSpottingEnabled","errorSpotting","$isEnabled","messages","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","style","styles","container","maxHeight","children","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","Wrapper","length","Fragment","withIcon","isOwnMessage","variant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","hasMessages","create","flex","alignItems","width","paddingVertical","paddingRight","marginBottom"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,9 +3,10 @@
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { Pressable, StyleSheet, View } from 'react-native';
|
|
5
5
|
import { Button, ButtonColor, ButtonSize, ButtonStates, ButtonVariant, COLORS } from '@magmamath/react-native-ui';
|
|
6
|
-
import { useUnit } from 'effector-react';
|
|
6
|
+
import { useStoreMap, useUnit } from 'effector-react';
|
|
7
7
|
import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
|
|
8
8
|
import { CloseIcon } from "../../../../shared/icons/CloseIcon.js";
|
|
9
|
+
import Animated, { FadeIn } from 'react-native-reanimated';
|
|
9
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
11
|
export const ChatControls = ({
|
|
11
12
|
model,
|
|
@@ -18,9 +19,11 @@ export const ChatControls = ({
|
|
|
18
19
|
}
|
|
19
20
|
}) => {
|
|
20
21
|
const isOpen = useUnit(model.$isOpen);
|
|
22
|
+
const shouldAnimateCrossButton = useStoreMap(model.$currentChatData, data => data.messages.length === 1);
|
|
21
23
|
if (isOpen) {
|
|
22
|
-
return /*#__PURE__*/_jsx(View, {
|
|
24
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
23
25
|
style: styles.container,
|
|
26
|
+
entering: shouldAnimateCrossButton ? FadeIn.duration(900) : undefined,
|
|
24
27
|
children: /*#__PURE__*/_jsx(Button, {
|
|
25
28
|
onPress: onPressClose,
|
|
26
29
|
style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonStates","ButtonVariant","COLORS","useUnit","ChatbotIcon","CloseIcon","jsx","_jsx","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","Fragment","iconSize","width","height","isOpen","$isOpen","style","styles","container","children","onPress","button","buttonClose","variant","PRIMARY","size","LARGE","colorScheme","WHITE","raiseLevel","customColorScheme","DEFAULT","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC1D,SACEC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,YAAY,EACZC,aAAa,EACbC,MAAM,QACD,4BAA4B;AACnC,SAASC,OAAO,QAAQ,gBAAgB;
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","View","Button","ButtonColor","ButtonSize","ButtonStates","ButtonVariant","COLORS","useStoreMap","useUnit","ChatbotIcon","CloseIcon","Animated","FadeIn","jsx","_jsx","ChatControls","model","onPressChatIcon","onPressClose","ButtonWrapper","Fragment","iconSize","width","height","isOpen","$isOpen","shouldAnimateCrossButton","$currentChatData","data","messages","length","style","styles","container","entering","duration","undefined","children","onPress","button","buttonClose","variant","PRIMARY","size","LARGE","colorScheme","WHITE","raiseLevel","customColorScheme","DEFAULT","backgroundColor","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","borderRadius","paddingHorizontal","borderWidth"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -11,15 +11,10 @@ const variantsMap = {
|
|
|
11
11
|
};
|
|
12
12
|
export const ChatMessage = ({
|
|
13
13
|
variant,
|
|
14
|
-
ButtonWrapper,
|
|
15
14
|
...props
|
|
16
15
|
}) => {
|
|
17
16
|
const Component = variantsMap[variant];
|
|
18
|
-
return
|
|
19
|
-
children: /*#__PURE__*/_jsx(Component, {
|
|
20
|
-
...props
|
|
21
|
-
})
|
|
22
|
-
}) : /*#__PURE__*/_jsx(Component, {
|
|
17
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
23
18
|
...props
|
|
24
19
|
});
|
|
25
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ReceivedMessage","SentMessage","MessageVariant","jsx","_jsx","variantsMap","SENT","RECEIVED","ChatMessage","variant","
|
|
1
|
+
{"version":3,"names":["React","ReceivedMessage","SentMessage","MessageVariant","jsx","_jsx","variantsMap","SENT","RECEIVED","ChatMessage","variant","props","Component"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/ChatMessage.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAyB,OAAO;AAE5C,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,WAAW,QAAQ,kBAAe;AAE3C,SAASC,cAAc,QAAQ,4BAAyB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAgBxD,MAAMC,WAAgE,GAAG;EACvE,CAACH,cAAc,CAACI,IAAI,GAAGL,WAAW;EAClC,CAACC,cAAc,CAACK,QAAQ,GAAGP;AAC7B,CAAC;AAED,OAAO,MAAMQ,WAAW,GAAGA,CAAC;EAAEC,OAAO;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACtE,MAAMC,SAAS,GAAGN,WAAW,CAACI,OAAO,CAAC;EACtC,oBAAOL,IAAA,CAACO,SAAS;IAAA,GAAKD;EAAK,CAAG,CAAC;AACjC,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQrD,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,IAAI,mGAOd,SAAS,
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQrD,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,IAAI,mGAOd,SAAS,sBA0EX,CAAA"}
|
package/dist/typescript/commonjs/features/chatbot/components/ChatControls/ChatControls.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,YAAY,uEAMtB,iBAAiB,sBA0DnB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { T2SState } from '../../types/t2s.types';
|
|
3
3
|
import { MessageVariant } from '../../types/model.types';
|
|
4
4
|
import { ConversationMessage } from '../../types/units.types';
|
|
@@ -11,9 +11,8 @@ type ChatMessageProps = {
|
|
|
11
11
|
withErrorSpotting?: boolean;
|
|
12
12
|
withIcon?: boolean;
|
|
13
13
|
colorScheme?: ColorScheme;
|
|
14
|
-
ButtonWrapper?: ComponentType<PropsWithChildren>;
|
|
15
14
|
};
|
|
16
15
|
export type VariantProps = Omit<ChatMessageProps, 'variant'>;
|
|
17
|
-
export declare const ChatMessage: ({ variant,
|
|
16
|
+
export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;
|
|
18
17
|
export {};
|
|
19
18
|
//# sourceMappingURL=ChatMessage.d.ts.map
|
package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ChatMessage.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAI5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQrD,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,IAAI,mGAOd,SAAS,
|
|
1
|
+
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAU,MAAM,OAAO,CAAA;AAIvE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAQrD,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,IAAI,mGAOd,SAAS,sBA0EX,CAAA"}
|
package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"ChatControls.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatControls/ChatControls.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAWxD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAKvD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,eAAe,EAAE,MAAM,IAAI,CAAA;IAC3B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,YAAY,uEAMtB,iBAAiB,sBA0DnB,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { T2SState } from '../../types/t2s.types';
|
|
3
3
|
import { MessageVariant } from '../../types/model.types';
|
|
4
4
|
import { ConversationMessage } from '../../types/units.types';
|
|
@@ -11,9 +11,8 @@ type ChatMessageProps = {
|
|
|
11
11
|
withErrorSpotting?: boolean;
|
|
12
12
|
withIcon?: boolean;
|
|
13
13
|
colorScheme?: ColorScheme;
|
|
14
|
-
ButtonWrapper?: ComponentType<PropsWithChildren>;
|
|
15
14
|
};
|
|
16
15
|
export type VariantProps = Omit<ChatMessageProps, 'variant'>;
|
|
17
|
-
export declare const ChatMessage: ({ variant,
|
|
16
|
+
export declare const ChatMessage: ({ variant, ...props }: ChatMessageProps) => React.JSX.Element;
|
|
18
17
|
export {};
|
|
19
18
|
//# sourceMappingURL=ChatMessage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"ChatMessage.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/ChatMessage/ChatMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAI5C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,KAAK,gBAAgB,GAAG;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,OAAO,EAAE,mBAAmB,CAAA;IAC5B,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAA;AAO5D,eAAO,MAAM,WAAW,0BAA2B,gBAAgB,sBAGlE,CAAA"}
|
package/package.json
CHANGED
|
@@ -65,25 +65,31 @@ export const Chat = ({
|
|
|
65
65
|
>
|
|
66
66
|
{isOpen && (
|
|
67
67
|
<View style={[styles.gap, isInputDisabled && styles.messagesWithoutInput]}>
|
|
68
|
-
{messages.map((message) =>
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
68
|
+
{messages.map((message) => {
|
|
69
|
+
const Wrapper =
|
|
70
|
+
ButtonWrapper && messages.length === 1 ? ButtonWrapper : React.Fragment
|
|
71
|
+
|
|
72
|
+
return (
|
|
73
|
+
<Wrapper>
|
|
74
|
+
<ChatMessage
|
|
75
|
+
key={message.id}
|
|
76
|
+
isTranslated={isTranslated}
|
|
77
|
+
withIcon={!message.isOwnMessage && message.id === lastMessageId}
|
|
78
|
+
message={message}
|
|
79
|
+
variant={message.isOwnMessage ? MessageVariant.SENT : MessageVariant.RECEIVED}
|
|
80
|
+
colorScheme={colorScheme}
|
|
81
|
+
withErrorSpotting={errorSpottingEnabled && !message.isOwnMessage}
|
|
82
|
+
t2sState={{
|
|
83
|
+
isEnabled: isTextToSpeechEnabled && !message.isOwnMessage,
|
|
84
|
+
isActive: message.id === currentPlayingId,
|
|
85
|
+
isLoading: isTextToSpeechPending,
|
|
86
|
+
status: audioStatus,
|
|
87
|
+
disabled: isTextToSpeechPending,
|
|
88
|
+
}}
|
|
89
|
+
/>
|
|
90
|
+
</Wrapper>
|
|
91
|
+
)
|
|
92
|
+
})}
|
|
87
93
|
|
|
88
94
|
{isHelpRequestPending && <MessageLoader colorScheme={colorScheme} />}
|
|
89
95
|
</View>
|
|
@@ -9,10 +9,11 @@ import {
|
|
|
9
9
|
ButtonVariant,
|
|
10
10
|
COLORS,
|
|
11
11
|
} from '@magmamath/react-native-ui'
|
|
12
|
-
import { useUnit } from 'effector-react'
|
|
12
|
+
import { useStoreMap, useUnit } from 'effector-react'
|
|
13
13
|
import { ChatbotModel } from '../../model/ChatBotModel'
|
|
14
14
|
import { ChatbotIcon } from '../../../../shared/icons/ChatbotIcon'
|
|
15
15
|
import { CloseIcon } from '../../../../shared/icons/CloseIcon'
|
|
16
|
+
import Animated, { FadeIn } from 'react-native-reanimated'
|
|
16
17
|
|
|
17
18
|
type ChatControlsProps = {
|
|
18
19
|
model: ChatbotModel
|
|
@@ -30,9 +31,17 @@ export const ChatControls = ({
|
|
|
30
31
|
iconSize = { width: 80, height: 100 },
|
|
31
32
|
}: ChatControlsProps) => {
|
|
32
33
|
const isOpen = useUnit(model.$isOpen)
|
|
34
|
+
const shouldAnimateCrossButton = useStoreMap(
|
|
35
|
+
model.$currentChatData,
|
|
36
|
+
(data) => data.messages.length === 1,
|
|
37
|
+
)
|
|
38
|
+
|
|
33
39
|
if (isOpen) {
|
|
34
40
|
return (
|
|
35
|
-
<View
|
|
41
|
+
<Animated.View
|
|
42
|
+
style={styles.container}
|
|
43
|
+
entering={shouldAnimateCrossButton ? FadeIn.duration(900) : undefined}
|
|
44
|
+
>
|
|
36
45
|
<Button
|
|
37
46
|
onPress={onPressClose}
|
|
38
47
|
style={{
|
|
@@ -65,7 +74,7 @@ export const ChatControls = ({
|
|
|
65
74
|
>
|
|
66
75
|
<CloseIcon />
|
|
67
76
|
</Button>
|
|
68
|
-
</View>
|
|
77
|
+
</Animated.View>
|
|
69
78
|
)
|
|
70
79
|
}
|
|
71
80
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { ComponentType
|
|
1
|
+
import React, { ComponentType } from 'react'
|
|
2
2
|
|
|
3
3
|
import { ReceivedMessage } from './ReceivedMessage'
|
|
4
4
|
import { SentMessage } from './SentMessage'
|
|
@@ -15,7 +15,6 @@ type ChatMessageProps = {
|
|
|
15
15
|
withErrorSpotting?: boolean
|
|
16
16
|
withIcon?: boolean
|
|
17
17
|
colorScheme?: ColorScheme
|
|
18
|
-
ButtonWrapper?: ComponentType<PropsWithChildren>
|
|
19
18
|
}
|
|
20
19
|
|
|
21
20
|
export type VariantProps = Omit<ChatMessageProps, 'variant'>
|
|
@@ -25,13 +24,7 @@ const variantsMap: Record<MessageVariant, ComponentType<VariantProps>> = {
|
|
|
25
24
|
[MessageVariant.RECEIVED]: ReceivedMessage,
|
|
26
25
|
}
|
|
27
26
|
|
|
28
|
-
export const ChatMessage = ({ variant,
|
|
27
|
+
export const ChatMessage = ({ variant, ...props }: ChatMessageProps) => {
|
|
29
28
|
const Component = variantsMap[variant]
|
|
30
|
-
return
|
|
31
|
-
<ButtonWrapper>
|
|
32
|
-
<Component {...props} />
|
|
33
|
-
</ButtonWrapper>
|
|
34
|
-
) : (
|
|
35
|
-
<Component {...props} />
|
|
36
|
-
)
|
|
29
|
+
return <Component {...props} />
|
|
37
30
|
}
|