@magmamath/students-features 0.9.107-rc.chatbot-3 → 0.9.107-rc.chatbot-6
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 +22 -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/Chatbot.js +3 -2
- package/dist/commonjs/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js +22 -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/Chatbot.js +3 -2
- package/dist/module/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts +3 -2
- 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/Chatbot.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts +3 -2
- 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/Chatbot.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/Chat/Chat.tsx +28 -19
- package/src/features/chatbot/components/ChatControls/ChatControls.tsx +12 -3
- package/src/features/chatbot/components/Chatbot.tsx +2 -1
|
@@ -25,7 +25,8 @@ const Chat = ({
|
|
|
25
25
|
isHintFeedback,
|
|
26
26
|
isTextToSpeechEnabled,
|
|
27
27
|
isInputDisabled,
|
|
28
|
-
colorScheme = _styleTypes.ColorScheme.Blue
|
|
28
|
+
colorScheme = _styleTypes.ColorScheme.Blue,
|
|
29
|
+
ButtonWrapper
|
|
29
30
|
}) => {
|
|
30
31
|
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
31
32
|
const ref = (0, _react.useRef)(null);
|
|
@@ -57,21 +58,26 @@ const Chat = ({
|
|
|
57
58
|
},
|
|
58
59
|
children: [isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
59
60
|
style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
|
|
60
|
-
children: [messages.map(message =>
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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, {
|
|
75
81
|
colorScheme: colorScheme
|
|
76
82
|
})]
|
|
77
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","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":[]}
|
|
@@ -39,12 +39,13 @@ const Chatbot = ({
|
|
|
39
39
|
colorScheme: colorScheme,
|
|
40
40
|
isHintFeedback: isHintFeedback,
|
|
41
41
|
isTextToSpeechEnabled: isTextToSpeechEnabled,
|
|
42
|
-
isInputDisabled: isInputDisabled
|
|
42
|
+
isInputDisabled: isInputDisabled,
|
|
43
|
+
ButtonWrapper: ButtonWrapper
|
|
43
44
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatControls.ChatControls, {
|
|
44
45
|
model: model,
|
|
45
46
|
onPressChatIcon: openChat,
|
|
46
47
|
onPressClose: closeChat,
|
|
47
|
-
ButtonWrapper: ButtonWrapper,
|
|
48
|
+
ButtonWrapper: isInputDisabled ? undefined : ButtonWrapper,
|
|
48
49
|
iconSize: iconSize
|
|
49
50
|
})]
|
|
50
51
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_Chat","_ChatControls","_ChatBotModelContext","_styleTypes","_jsxRuntime","e","__esModule","default","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","ColorScheme","Blue","isChatAllowed","useUnit","$chatAccess","isAvailable","useStoreMap","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","jsxs","ChatBotModelContext","Provider","value","children","jsx","Chat","ChatControls","onPressChatIcon","onPressClose","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAkD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB3C,MAAMG,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGC,uBAAW,CAACC;AACd,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAAC,sBAAO,EAACX,KAAK,CAACY,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAG,IAAAC,0BAAW,EAACd,KAAK,CAACe,gBAAgB,EAAE,CAAC;IAAEF;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFb,KAAK,CAACgB,GAAG,CAACC,cAAc,CAACb,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMc,QAAQ,GAAGA,CAAA,KAAMlB,KAAK,CAACmB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMpB,KAAK,CAACmB,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACN,WAAW,IAAI,CAACH,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAf,WAAA,CAAA0B,IAAA,EAAC5B,oBAAA,CAAA6B,mBAAmB,CAACC,QAAQ;IAACC,KAAK,EAAExB,KAAM;IAAAyB,QAAA,gBACzC,IAAA9B,WAAA,CAAA+B,GAAA,EAACnC,KAAA,CAAAoC,IAAI;MACH3B,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_effectorReact","_Chat","_ChatControls","_ChatBotModelContext","_styleTypes","_jsxRuntime","e","__esModule","default","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","ColorScheme","Blue","isChatAllowed","useUnit","$chatAccess","isAvailable","useStoreMap","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","jsxs","ChatBotModelContext","Provider","value","children","jsx","Chat","ChatControls","onPressChatIcon","onPressClose","undefined","exports"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAkD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB3C,MAAMG,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGC,uBAAW,CAACC;AACd,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAAC,sBAAO,EAACX,KAAK,CAACY,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAG,IAAAC,0BAAW,EAACd,KAAK,CAACe,gBAAgB,EAAE,CAAC;IAAEF;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFb,KAAK,CAACgB,GAAG,CAACC,cAAc,CAACb,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMc,QAAQ,GAAGA,CAAA,KAAMlB,KAAK,CAACmB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMpB,KAAK,CAACmB,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACN,WAAW,IAAI,CAACH,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACE,IAAAf,WAAA,CAAA0B,IAAA,EAAC5B,oBAAA,CAAA6B,mBAAmB,CAACC,QAAQ;IAACC,KAAK,EAAExB,KAAM;IAAAyB,QAAA,gBACzC,IAAA9B,WAAA,CAAA+B,GAAA,EAACnC,KAAA,CAAAoC,IAAI;MACH3B,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA,eAAgB;MACjCE,aAAa,EAAEA;IAAc,CAC9B,CAAC,eAEF,IAAAV,WAAA,CAAA+B,GAAA,EAAClC,aAAA,CAAAoC,YAAY;MACX5B,KAAK,EAAEA,KAAM;MACb6B,eAAe,EAAEX,QAAS;MAC1BY,YAAY,EAAEV,SAAU;MACxBf,aAAa,EAAEF,eAAe,GAAG4B,SAAS,GAAG1B,aAAc;MAC3DC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC;AAAA0B,OAAA,CAAAjC,OAAA,GAAAA,OAAA","ignoreList":[]}
|
|
@@ -19,7 +19,8 @@ export const Chat = ({
|
|
|
19
19
|
isHintFeedback,
|
|
20
20
|
isTextToSpeechEnabled,
|
|
21
21
|
isInputDisabled,
|
|
22
|
-
colorScheme = ColorScheme.Blue
|
|
22
|
+
colorScheme = ColorScheme.Blue,
|
|
23
|
+
ButtonWrapper
|
|
23
24
|
}) => {
|
|
24
25
|
const dimensions = useWindowDimensions();
|
|
25
26
|
const ref = useRef(null);
|
|
@@ -51,21 +52,26 @@ export const Chat = ({
|
|
|
51
52
|
},
|
|
52
53
|
children: [isOpen && /*#__PURE__*/_jsxs(View, {
|
|
53
54
|
style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
|
|
54
|
-
children: [messages.map(message =>
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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, {
|
|
69
75
|
colorScheme: colorScheme
|
|
70
76
|
})]
|
|
71
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","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":[]}
|
|
@@ -34,12 +34,13 @@ export const Chatbot = ({
|
|
|
34
34
|
colorScheme: colorScheme,
|
|
35
35
|
isHintFeedback: isHintFeedback,
|
|
36
36
|
isTextToSpeechEnabled: isTextToSpeechEnabled,
|
|
37
|
-
isInputDisabled: isInputDisabled
|
|
37
|
+
isInputDisabled: isInputDisabled,
|
|
38
|
+
ButtonWrapper: ButtonWrapper
|
|
38
39
|
}), /*#__PURE__*/_jsx(ChatControls, {
|
|
39
40
|
model: model,
|
|
40
41
|
onPressChatIcon: openChat,
|
|
41
42
|
onPressClose: closeChat,
|
|
42
|
-
ButtonWrapper: ButtonWrapper,
|
|
43
|
+
ButtonWrapper: isInputDisabled ? undefined : ButtonWrapper,
|
|
43
44
|
iconSize: iconSize
|
|
44
45
|
})]
|
|
45
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useStoreMap","useUnit","Chat","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","isChatAllowed","$chatAccess","isAvailable","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","Provider","value","children","onPressChatIcon","onPressClose"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA4C,OAAO;AAC/D,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAGrD,SAASC,IAAI,QAAQ,gBAAa;AAClC,SAASC,YAAY,QAAQ,gCAA6B;AAE1D,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBlD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGb,WAAW,CAACc;AACd,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAGnB,OAAO,CAACU,KAAK,CAACU,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAGtB,WAAW,CAACW,KAAK,CAACY,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFX,KAAK,CAACa,GAAG,CAACC,cAAc,CAACV,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMW,QAAQ,GAAGA,CAAA,KAAMf,KAAK,CAACgB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMjB,KAAK,CAACgB,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACL,WAAW,IAAI,CAACF,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAACL,mBAAmB,CAACyB,QAAQ;IAACC,KAAK,EAAEnB,KAAM;IAAAoB,QAAA,gBACzCxB,IAAA,CAACL,IAAI;MACHS,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA;
|
|
1
|
+
{"version":3,"names":["React","useStoreMap","useUnit","Chat","ChatControls","ChatBotModelContext","ColorScheme","jsx","_jsx","jsxs","_jsxs","Chatbot","model","isHintFeedback","isTextToSpeechEnabled","isInputDisabled","textToSpeechConfig","ButtonWrapper","iconSize","colorScheme","Blue","isChatAllowed","$chatAccess","isAvailable","$currentChatData","t2s","setAudioConfig","openChat","setIsOpen","closeChat","Provider","value","children","onPressChatIcon","onPressClose","undefined"],"sourceRoot":"../../../../../src","sources":["features/chatbot/components/Chatbot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAA4C,OAAO;AAC/D,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AAGrD,SAASC,IAAI,QAAQ,gBAAa;AAClC,SAASC,YAAY,QAAQ,gCAA6B;AAE1D,SAASC,mBAAmB,QAAQ,mCAAgC;AACpE,SAASC,WAAW,QAAQ,yBAAsB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBlD,OAAO,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK;EACLC,cAAc;EACdC,qBAAqB,GAAG,KAAK;EAC7BC,eAAe;EACfC,kBAAkB;EAClBC,aAAa;EACbC,QAAQ;EACRC,WAAW,GAAGb,WAAW,CAACc;AACd,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAGnB,OAAO,CAACU,KAAK,CAACU,WAAW,CAAC;EAChD,MAAMC,WAAW,GAAGtB,WAAW,CAACW,KAAK,CAACY,gBAAgB,EAAE,CAAC;IAAED;EAAY,CAAC,KAAKA,WAAW,CAAC;EACzFX,KAAK,CAACa,GAAG,CAACC,cAAc,CAACV,kBAAkB,IAAI,IAAI,CAAC;EAEpD,MAAMW,QAAQ,GAAGA,CAAA,KAAMf,KAAK,CAACgB,SAAS,CAAC,IAAI,CAAC;EAC5C,MAAMC,SAAS,GAAGA,CAAA,KAAMjB,KAAK,CAACgB,SAAS,CAAC,KAAK,CAAC;EAE9C,IAAI,CAACL,WAAW,IAAI,CAACF,aAAa,EAAE;IAClC,OAAO,IAAI;EACb;EAEA,oBACEX,KAAA,CAACL,mBAAmB,CAACyB,QAAQ;IAACC,KAAK,EAAEnB,KAAM;IAAAoB,QAAA,gBACzCxB,IAAA,CAACL,IAAI;MACHS,KAAK,EAAEA,KAAM;MACbO,WAAW,EAAEA,WAAY;MACzBN,cAAc,EAAEA,cAAe;MAC/BC,qBAAqB,EAAEA,qBAAsB;MAC7CC,eAAe,EAAEA,eAAgB;MACjCE,aAAa,EAAEA;IAAc,CAC9B,CAAC,eAEFT,IAAA,CAACJ,YAAY;MACXQ,KAAK,EAAEA,KAAM;MACbqB,eAAe,EAAEN,QAAS;MAC1BO,YAAY,EAAEL,SAAU;MACxBZ,aAAa,EAAEF,eAAe,GAAGoB,SAAS,GAAGlB,aAAc;MAC3DC,QAAQ,EAAEA;IAAS,CACpB,CAAC;EAAA,CAC0B,CAAC;AAEnC,CAAC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ComponentType, PropsWithChildren } from 'react';
|
|
2
2
|
import { ChatbotModel } from '../../model/ChatBotModel';
|
|
3
3
|
import { ColorScheme } from '../../types/style.types';
|
|
4
4
|
type ChatProps = {
|
|
@@ -7,7 +7,8 @@ type ChatProps = {
|
|
|
7
7
|
isTextToSpeechEnabled: boolean;
|
|
8
8
|
isInputDisabled?: boolean;
|
|
9
9
|
colorScheme?: ColorScheme;
|
|
10
|
+
ButtonWrapper?: ComponentType<PropsWithChildren>;
|
|
10
11
|
};
|
|
11
|
-
export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, }: ChatProps) => React.JSX.Element;
|
|
12
|
+
export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, ButtonWrapper, }: ChatProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=Chat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,iIASjB,YAAY,
|
|
1
|
+
{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,iIASjB,YAAY,6BAgCd,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { ComponentType, PropsWithChildren } from 'react';
|
|
2
2
|
import { ChatbotModel } from '../../model/ChatBotModel';
|
|
3
3
|
import { ColorScheme } from '../../types/style.types';
|
|
4
4
|
type ChatProps = {
|
|
@@ -7,7 +7,8 @@ type ChatProps = {
|
|
|
7
7
|
isTextToSpeechEnabled: boolean;
|
|
8
8
|
isInputDisabled?: boolean;
|
|
9
9
|
colorScheme?: ColorScheme;
|
|
10
|
+
ButtonWrapper?: ComponentType<PropsWithChildren>;
|
|
10
11
|
};
|
|
11
|
-
export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, }: ChatProps) => React.JSX.Element;
|
|
12
|
+
export declare const Chat: ({ model, isHintFeedback, isTextToSpeechEnabled, isInputDisabled, colorScheme, ButtonWrapper, }: ChatProps) => React.JSX.Element;
|
|
12
13
|
export {};
|
|
13
14
|
//# sourceMappingURL=Chat.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chat.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/chatbot/components/Chat/Chat.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,iIASjB,YAAY,
|
|
1
|
+
{"version":3,"file":"Chatbot.d.ts","sourceRoot":"","sources":["../../../../../../src/features/chatbot/components/Chatbot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAGpD,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAA;AAElD,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,YAAY,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,qBAAqB,EAAE,OAAO,CAAA;IAC9B,kBAAkB,CAAC,EAAE;QACnB,KAAK,EAAE,OAAO,aAAa,CAAA;QAC3B,WAAW,EAAE,OAAO,YAAY,CAAA;KACjC,CAAA;IACD,aAAa,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,OAAO,iIASjB,YAAY,6BAgCd,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useRef } from 'react'
|
|
1
|
+
import React, { ComponentType, PropsWithChildren, useRef } from 'react'
|
|
2
2
|
import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native'
|
|
3
3
|
import { useStoreMap, useUnit } from 'effector-react'
|
|
4
4
|
|
|
@@ -21,6 +21,7 @@ type ChatProps = {
|
|
|
21
21
|
isTextToSpeechEnabled: boolean
|
|
22
22
|
isInputDisabled?: boolean
|
|
23
23
|
colorScheme?: ColorScheme
|
|
24
|
+
ButtonWrapper?: ComponentType<PropsWithChildren>
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
export const Chat = ({
|
|
@@ -29,6 +30,7 @@ export const Chat = ({
|
|
|
29
30
|
isTextToSpeechEnabled,
|
|
30
31
|
isInputDisabled,
|
|
31
32
|
colorScheme = ColorScheme.Blue,
|
|
33
|
+
ButtonWrapper,
|
|
32
34
|
}: ChatProps) => {
|
|
33
35
|
const dimensions = useWindowDimensions()
|
|
34
36
|
const ref = useRef<ScrollView>(null)
|
|
@@ -63,24 +65,31 @@ export const Chat = ({
|
|
|
63
65
|
>
|
|
64
66
|
{isOpen && (
|
|
65
67
|
<View style={[styles.gap, isInputDisabled && styles.messagesWithoutInput]}>
|
|
66
|
-
{messages.map((message) =>
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
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
|
+
})}
|
|
84
93
|
|
|
85
94
|
{isHelpRequestPending && <MessageLoader colorScheme={colorScheme} />}
|
|
86
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
|
|
|
@@ -51,13 +51,14 @@ export const Chatbot = ({
|
|
|
51
51
|
isHintFeedback={isHintFeedback}
|
|
52
52
|
isTextToSpeechEnabled={isTextToSpeechEnabled}
|
|
53
53
|
isInputDisabled={isInputDisabled}
|
|
54
|
+
ButtonWrapper={ButtonWrapper}
|
|
54
55
|
/>
|
|
55
56
|
|
|
56
57
|
<ChatControls
|
|
57
58
|
model={model}
|
|
58
59
|
onPressChatIcon={openChat}
|
|
59
60
|
onPressClose={closeChat}
|
|
60
|
-
ButtonWrapper={ButtonWrapper}
|
|
61
|
+
ButtonWrapper={isInputDisabled ? undefined : ButtonWrapper}
|
|
61
62
|
iconSize={iconSize}
|
|
62
63
|
/>
|
|
63
64
|
</ChatBotModelContext.Provider>
|