@magmamath/students-features 0.10.0-rc.7 → 0.11.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js +29 -15
- package/dist/commonjs/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/Chat/CloseButton.js +61 -0
- package/dist/commonjs/features/chatbot/components/Chat/CloseButton.js.map +1 -0
- package/dist/commonjs/features/chatbot/components/ChatControls/ChatControls.js +43 -58
- package/dist/commonjs/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatInput/ChatInput.js +3 -1
- package/dist/commonjs/features/chatbot/components/ChatInput/ChatInput.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js +2 -2
- package/dist/commonjs/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatInput/FreeText/SendMessageButton.js +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessage/MessageLoader.js +12 -20
- package/dist/commonjs/features/chatbot/components/ChatMessage/MessageLoader.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js +7 -6
- package/dist/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
- package/dist/commonjs/features/chatbot/components/ChatMessage/SentMessage.js +1 -1
- package/dist/commonjs/features/chatbot/components/Chatbot.js +21 -12
- package/dist/commonjs/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/commonjs/features/chatbot/model/ChatBotModel.js +27 -6
- package/dist/commonjs/features/chatbot/model/ChatBotModel.js.map +1 -1
- package/dist/commonjs/features/chatbot/model/ChatsCacheModel.js +9 -0
- package/dist/commonjs/features/chatbot/model/ChatsCacheModel.js.map +1 -1
- package/dist/commonjs/features/chatbot/types/model.types.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/Chat.js +29 -15
- package/dist/module/features/chatbot/components/Chat/Chat.js.map +1 -1
- package/dist/module/features/chatbot/components/Chat/CloseButton.js +55 -0
- package/dist/module/features/chatbot/components/Chat/CloseButton.js.map +1 -0
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js +45 -59
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatInput/ChatInput.js +3 -1
- package/dist/module/features/chatbot/components/ChatInput/ChatInput.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js +2 -2
- package/dist/module/features/chatbot/components/ChatInput/FreeText/ChatTextInput.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatInput/FreeText/SendMessageButton.js +1 -1
- package/dist/module/features/chatbot/components/ChatMessage/MessageLoader.js +12 -20
- package/dist/module/features/chatbot/components/ChatMessage/MessageLoader.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js +7 -6
- package/dist/module/features/chatbot/components/ChatMessage/ReceivedMessage.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatMessage/SentMessage.js +1 -1
- package/dist/module/features/chatbot/components/Chatbot.js +19 -11
- package/dist/module/features/chatbot/components/Chatbot.js.map +1 -1
- package/dist/module/features/chatbot/model/ChatBotModel.js +27 -6
- package/dist/module/features/chatbot/model/ChatBotModel.js.map +1 -1
- package/dist/module/features/chatbot/model/ChatsCacheModel.js +9 -0
- package/dist/module/features/chatbot/model/ChatsCacheModel.js.map +1 -1
- package/dist/module/features/chatbot/types/model.types.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts +2 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chat/CloseButton.d.ts +7 -0
- package/dist/typescript/commonjs/features/chatbot/components/Chat/CloseButton.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/chatbot/components/ChatControls/ChatControls.d.ts +3 -3
- package/dist/typescript/commonjs/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageLoader.d.ts +1 -6
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/MessageLoader.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/Chatbot.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/model/ChatBotModel.d.ts +1 -0
- package/dist/typescript/commonjs/features/chatbot/model/ChatBotModel.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/model/ChatsCacheModel.d.ts +1 -0
- package/dist/typescript/commonjs/features/chatbot/model/ChatsCacheModel.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/types/model.types.d.ts +2 -2
- package/dist/typescript/commonjs/features/chatbot/types/model.types.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/types/units.types.d.ts +1 -0
- package/dist/typescript/commonjs/features/chatbot/types/units.types.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts +2 -1
- package/dist/typescript/module/features/chatbot/components/Chat/Chat.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chat/CloseButton.d.ts +7 -0
- package/dist/typescript/module/features/chatbot/components/Chat/CloseButton.d.ts.map +1 -0
- package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts +3 -3
- package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatInput/ChatInput.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageLoader.d.ts +1 -6
- package/dist/typescript/module/features/chatbot/components/ChatMessage/MessageLoader.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatMessage/ReceivedMessage.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/Chatbot.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/model/ChatBotModel.d.ts +1 -0
- package/dist/typescript/module/features/chatbot/model/ChatBotModel.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/model/ChatsCacheModel.d.ts +1 -0
- package/dist/typescript/module/features/chatbot/model/ChatsCacheModel.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/types/model.types.d.ts +2 -2
- package/dist/typescript/module/features/chatbot/types/model.types.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/types/units.types.d.ts +1 -0
- package/dist/typescript/module/features/chatbot/types/units.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/features/chatbot/components/Chat/Chat.tsx +30 -13
- package/src/features/chatbot/components/Chat/CloseButton.tsx +60 -0
- package/src/features/chatbot/components/ChatControls/ChatControls.tsx +44 -66
- package/src/features/chatbot/components/ChatInput/ChatInput.tsx +3 -1
- package/src/features/chatbot/components/ChatInput/FreeText/ChatTextInput.tsx +2 -2
- package/src/features/chatbot/components/ChatInput/FreeText/SendMessageButton.tsx +1 -1
- package/src/features/chatbot/components/ChatMessage/MessageLoader.tsx +9 -21
- package/src/features/chatbot/components/ChatMessage/ReceivedMessage.tsx +7 -6
- package/src/features/chatbot/components/ChatMessage/SentMessage.tsx +1 -1
- package/src/features/chatbot/components/Chatbot.tsx +19 -11
- package/src/features/chatbot/model/ChatBotModel.ts +16 -3
- package/src/features/chatbot/model/ChatsCacheModel.ts +7 -0
- package/src/features/chatbot/types/model.types.ts +1 -2
- package/src/features/chatbot/types/units.types.ts +1 -0
|
@@ -7,9 +7,11 @@ exports.Chat = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _effectorReact = require("effector-react");
|
|
10
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
11
|
var _ChatMessage = require("../ChatMessage/ChatMessage.js");
|
|
11
12
|
var _MessageLoader = require("../ChatMessage/MessageLoader.js");
|
|
12
13
|
var _ChatInput = require("../ChatInput/ChatInput.js");
|
|
14
|
+
var _CloseButton = require("./CloseButton.js");
|
|
13
15
|
var _modelTypes = require("../../types/model.types.js");
|
|
14
16
|
var _styleTypes = require("../../types/style.types.js");
|
|
15
17
|
var _ConditionalWrapper = require("../../../../lib/components/ConditionalWrapper.js");
|
|
@@ -28,7 +30,8 @@ const Chat = ({
|
|
|
28
30
|
isInputDisabled,
|
|
29
31
|
colorScheme = _styleTypes.ColorScheme.Blue,
|
|
30
32
|
MessageWrapper,
|
|
31
|
-
TTSHighlightRenderer
|
|
33
|
+
TTSHighlightRenderer,
|
|
34
|
+
onPressClose
|
|
32
35
|
}) => {
|
|
33
36
|
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
34
37
|
const ref = (0, _react.useRef)(null);
|
|
@@ -38,6 +41,7 @@ const Chat = ({
|
|
|
38
41
|
const audioStatus = (0, _effectorReact.useUnit)(model.t2s.$status);
|
|
39
42
|
const currentPlayingId = (0, _effectorReact.useUnit)(model.t2s.$currentPlayingId);
|
|
40
43
|
const highlightedWordIndex = (0, _effectorReact.useUnit)(model.t2s.wordHighlight.$highlightedWordIndex);
|
|
44
|
+
const isScrollActive = (0, _effectorReact.useUnit)(model.$isScrollActive);
|
|
41
45
|
const isTranslated = (0, _effectorReact.useUnit)(model.translation.$isTranslated);
|
|
42
46
|
const errorSpottingEnabled = (0, _effectorReact.useUnit)(model.errorSpotting.$isEnabled);
|
|
43
47
|
const messages = (0, _effectorReact.useStoreMap)(model.$currentChatData, ({
|
|
@@ -46,21 +50,23 @@ const Chat = ({
|
|
|
46
50
|
const lastMessageId = messages.at(-1)?.id;
|
|
47
51
|
const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
|
|
48
52
|
const shouldWrapMessage = MessageWrapper && isInputDisabled && messages.length === 1;
|
|
49
|
-
return /*#__PURE__*/(0, _jsxRuntime.
|
|
53
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
50
54
|
style: [styles.container, {
|
|
51
55
|
maxHeight: MAX_HEIGHT
|
|
52
56
|
}],
|
|
53
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
57
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
|
|
54
58
|
ref: ref,
|
|
55
59
|
bounces: false,
|
|
56
60
|
contentContainerStyle: styles.list,
|
|
57
61
|
onContentSizeChange: (_, height) => {
|
|
58
|
-
|
|
62
|
+
if (messages.length > 1) {
|
|
63
|
+
ref.current?.scrollToEnd();
|
|
64
|
+
}
|
|
59
65
|
if (height >= MAX_HEIGHT) {
|
|
60
66
|
model.setScrollActive(true);
|
|
61
67
|
}
|
|
62
68
|
},
|
|
63
|
-
children:
|
|
69
|
+
children: isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
64
70
|
style: [styles.gap, isInputDisabled && styles.messagesWithoutInput],
|
|
65
71
|
children: [messages.map((message, index) => {
|
|
66
72
|
const key = `${message.id}-${index}`;
|
|
@@ -89,15 +95,18 @@ const Chat = ({
|
|
|
89
95
|
})
|
|
90
96
|
})
|
|
91
97
|
}, key);
|
|
92
|
-
}), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
98
|
+
}), isHelpRequestPending && /*#__PURE__*/(0, _jsxRuntime.jsx)(_MessageLoader.MessageLoader, {})]
|
|
99
|
+
})
|
|
100
|
+
}), isOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
101
|
+
style: styles.inputRow,
|
|
102
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseButton.CloseButton, {
|
|
103
|
+
onPress: onPressClose
|
|
104
|
+
}), !isInputDisabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatInput.ChatInput, {
|
|
96
105
|
isHintFeedback: isHintFeedback,
|
|
97
106
|
colorScheme: colorScheme,
|
|
98
107
|
hasMessages: messages.length > 1
|
|
99
108
|
})]
|
|
100
|
-
})
|
|
109
|
+
})]
|
|
101
110
|
});
|
|
102
111
|
};
|
|
103
112
|
exports.Chat = Chat;
|
|
@@ -106,19 +115,24 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
106
115
|
flex: 1,
|
|
107
116
|
alignItems: 'flex-end',
|
|
108
117
|
width: 378,
|
|
109
|
-
height: '100%'
|
|
118
|
+
height: '100%',
|
|
119
|
+
paddingRight: _reactNativeUi.SPACING['200']
|
|
110
120
|
},
|
|
111
121
|
list: {
|
|
112
122
|
alignItems: 'flex-end',
|
|
113
|
-
paddingVertical: 2
|
|
114
|
-
paddingRight: 6
|
|
123
|
+
paddingVertical: 2
|
|
115
124
|
},
|
|
116
125
|
messagesWithoutInput: {
|
|
117
|
-
marginBottom:
|
|
126
|
+
marginBottom: _reactNativeUi.SPACING['200']
|
|
127
|
+
},
|
|
128
|
+
inputRow: {
|
|
129
|
+
flexDirection: 'row',
|
|
130
|
+
alignItems: 'center',
|
|
131
|
+
gap: _reactNativeUi.SPACING['200']
|
|
118
132
|
},
|
|
119
133
|
gap: {
|
|
120
134
|
flex: 1,
|
|
121
|
-
gap:
|
|
135
|
+
gap: _reactNativeUi.SPACING['200']
|
|
122
136
|
}
|
|
123
137
|
});
|
|
124
138
|
//# sourceMappingURL=Chat.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatMessage","_MessageLoader","_ChatInput","_modelTypes","_styleTypes","_ConditionalWrapper","_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","MessageWrapper","TTSHighlightRenderer","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","shouldWrapMessage","length","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_reactNativeUi","_ChatMessage","_MessageLoader","_ChatInput","_CloseButton","_modelTypes","_styleTypes","_ConditionalWrapper","_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","MessageWrapper","TTSHighlightRenderer","onPressClose","dimensions","useWindowDimensions","ref","useRef","isOpen","useUnit","$isOpen","isHelpRequestPending","sendHelpRequestFx","pending","isTextToSpeechPending","api","textToSpeechTextFx","audioStatus","t2s","$status","currentPlayingId","$currentPlayingId","highlightedWordIndex","wordHighlight","$highlightedWordIndex","isScrollActive","$isScrollActive","isTranslated","translation","$isTranslated","errorSpottingEnabled","errorSpotting","$isEnabled","messages","useStoreMap","$currentChatData","lastMessageId","at","id","MAX_HEIGHT","height","shouldWrapMessage","length","jsxs","View","style","styles","container","maxHeight","children","jsx","ScrollView","bounces","contentContainerStyle","list","onContentSizeChange","_","current","scrollToEnd","setScrollActive","gap","messagesWithoutInput","map","message","index","key","isPlayingMessage","messageHighlightIndex","isWordHighlightEnabled","Fragment","ConditionalWrapper","withWrapper","Wrapper","ChatMessage","withIcon","isOwnMessage","variant","MessageVariant","SENT","RECEIVED","withErrorSpotting","t2sState","isEnabled","isActive","isLoading","status","disabled","MessageLoader","inputRow","CloseButton","onPress","ChatInput","hasMessages","exports","StyleSheet","create","flex","alignItems","width","paddingRight","SPACING","paddingVertical","marginBottom","flexDirection"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/Chat.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.CloseButton = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
+
var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const COLOR_SCHEME = {
|
|
14
|
+
[_reactNativeUi.ButtonStates.DEFAULT]: {
|
|
15
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
16
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
17
|
+
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
18
|
+
color: _reactNativeUi.COLORS.NEUTRAL_10
|
|
19
|
+
},
|
|
20
|
+
[_reactNativeUi.ButtonStates.PRESSED]: {
|
|
21
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
|
|
22
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
23
|
+
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
24
|
+
color: _reactNativeUi.COLORS.NEUTRAL_1
|
|
25
|
+
},
|
|
26
|
+
[_reactNativeUi.ButtonStates.HOVER]: {
|
|
27
|
+
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
|
|
28
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
29
|
+
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
30
|
+
color: _reactNativeUi.COLORS.NEUTRAL_10
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
const CloseButton = ({
|
|
34
|
+
onPress
|
|
35
|
+
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
36
|
+
onPress: onPress,
|
|
37
|
+
style: {
|
|
38
|
+
button: styles.button
|
|
39
|
+
},
|
|
40
|
+
variant: _reactNativeUi.ButtonVariant.PRIMARY,
|
|
41
|
+
size: _reactNativeUi.ButtonSize.MEDIUM,
|
|
42
|
+
colorScheme: _reactNativeUi.ButtonColor.WHITE,
|
|
43
|
+
raiseLevel: 5
|
|
44
|
+
// customColorScheme={COLOR_SCHEME}
|
|
45
|
+
,
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {
|
|
47
|
+
width: 18,
|
|
48
|
+
height: 18
|
|
49
|
+
})
|
|
50
|
+
});
|
|
51
|
+
exports.CloseButton = CloseButton;
|
|
52
|
+
const styles = _reactNative.StyleSheet.create({
|
|
53
|
+
button: {
|
|
54
|
+
width: 38,
|
|
55
|
+
height: 38,
|
|
56
|
+
borderRadius: 36,
|
|
57
|
+
paddingHorizontal: 0,
|
|
58
|
+
borderColor: _reactNativeUi.COLORS.NEUTRAL_5
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=CloseButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeUi","_CloseIcon","_jsxRuntime","e","__esModule","default","COLOR_SCHEME","ButtonStates","DEFAULT","backgroundColor","COLORS","NEUTRAL_1","borderColor","NEUTRAL_5","raiseColor","color","NEUTRAL_10","PRESSED","NEUTRAL_4","HOVER","NEUTRAL_3","CloseButton","onPress","jsx","Button","style","button","styles","variant","ButtonVariant","PRIMARY","size","ButtonSize","MEDIUM","colorScheme","ButtonColor","WHITE","raiseLevel","children","CloseIcon","width","height","exports","StyleSheet","create","borderRadius","paddingHorizontal"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/Chat/CloseButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAQA,IAAAG,UAAA,GAAAH,OAAA;AAA8D,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9D,MAAMG,YAAY,GAAG;EACnB,CAACC,2BAAY,CAACC,OAAO,GAAG;IACtBC,eAAe,EAAEC,qBAAM,CAACC,SAAS;IACjCC,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACM;EAChB,CAAC;EACD,CAACT,2BAAY,CAACU,OAAO,GAAG;IACtBR,eAAe,EAAEC,qBAAM,CAACQ,SAAS;IACjCN,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACC;EAChB,CAAC;EACD,CAACJ,2BAAY,CAACY,KAAK,GAAG;IACpBV,eAAe,EAAEC,qBAAM,CAACU,SAAS;IACjCR,WAAW,EAAEF,qBAAM,CAACG,SAAS;IAC7BC,UAAU,EAAEJ,qBAAM,CAACG,SAAS;IAC5BE,KAAK,EAAEL,qBAAM,CAACM;EAChB;AACF,CAAC;AAMM,MAAMK,WAAW,GAAGA,CAAC;EAAEC;AAA0B,CAAC,kBACvD,IAAApB,WAAA,CAAAqB,GAAA,EAACvB,cAAA,CAAAwB,MAAM;EACLF,OAAO,EAAEA,OAAQ;EACjBG,KAAK,EAAE;IAAEC,MAAM,EAAEC,MAAM,CAACD;EAAO,CAAE;EACjCE,OAAO,EAAEC,4BAAa,CAACC,OAAQ;EAC/BC,IAAI,EAAEC,yBAAU,CAACC,MAAO;EACxBC,WAAW,EAAEC,0BAAW,CAACC,KAAM;EAC/BC,UAAU,EAAE;EACZ;EAAA;EAAAC,QAAA,eAEA,IAAApC,WAAA,CAAAqB,GAAA,EAACtB,UAAA,CAAAsC,SAAS;IAACC,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE;AAAC,CAC9B,CACT;AAAAC,OAAA,CAAArB,WAAA,GAAAA,WAAA;AAED,MAAMM,MAAM,GAAGgB,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,MAAM,EAAE;IACNc,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVI,YAAY,EAAE,EAAE;IAChBC,iBAAiB,EAAE,CAAC;IACpBlC,WAAW,EAAEF,qBAAM,CAACG;EACtB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -4,75 +4,60 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ChatControls = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
-
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
11
10
|
var _effectorReact = require("effector-react");
|
|
12
11
|
var _ChatbotIcon = require("../../../../shared/icons/ChatbotIcon.js");
|
|
13
|
-
var _CloseIcon = require("../../../../shared/icons/CloseIcon.js");
|
|
14
12
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
13
|
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
14
|
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; }
|
|
17
|
-
|
|
15
|
+
const HELP_BUTTON_TIMEOUT_MS = 5000;
|
|
18
16
|
const ChatControls = ({
|
|
19
17
|
model,
|
|
20
18
|
onPressChatIcon,
|
|
21
|
-
|
|
19
|
+
onPressHelpButton,
|
|
20
|
+
withHelpButton = false,
|
|
22
21
|
ButtonWrapper = _react.default.Fragment,
|
|
23
22
|
iconSize = {
|
|
24
|
-
width:
|
|
25
|
-
height:
|
|
26
|
-
}
|
|
27
|
-
shouldAnimateCloseButton
|
|
23
|
+
width: 70,
|
|
24
|
+
height: 90
|
|
25
|
+
}
|
|
28
26
|
}) => {
|
|
29
27
|
const isOpen = (0, _effectorReact.useUnit)(model.$isOpen);
|
|
28
|
+
const [isHelpButtonVisible, setIsHelpButtonVisible] = (0, _react.useState)(withHelpButton);
|
|
29
|
+
(0, _react.useEffect)(() => {
|
|
30
|
+
const timeoutId = setTimeout(() => setIsHelpButtonVisible(false), HELP_BUTTON_TIMEOUT_MS);
|
|
31
|
+
return () => {
|
|
32
|
+
clearTimeout(timeoutId);
|
|
33
|
+
setIsHelpButtonVisible(false);
|
|
34
|
+
};
|
|
35
|
+
}, [withHelpButton]);
|
|
30
36
|
if (isOpen) {
|
|
31
|
-
return
|
|
32
|
-
style: styles.container,
|
|
33
|
-
entering: shouldAnimateCloseButton ? _reactNativeReanimated.FadeIn.duration(900) : undefined,
|
|
34
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
35
|
-
onPress: onPressClose,
|
|
36
|
-
style: {
|
|
37
|
-
button: styles.buttonClose
|
|
38
|
-
},
|
|
39
|
-
variant: _reactNativeUi.ButtonVariant.PRIMARY,
|
|
40
|
-
size: _reactNativeUi.ButtonSize.LARGE,
|
|
41
|
-
colorScheme: _reactNativeUi.ButtonColor.WHITE,
|
|
42
|
-
raiseLevel: 5,
|
|
43
|
-
customColorScheme: {
|
|
44
|
-
[_reactNativeUi.ButtonStates.DEFAULT]: {
|
|
45
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_1,
|
|
46
|
-
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
47
|
-
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
48
|
-
color: _reactNativeUi.COLORS.NEUTRAL_10
|
|
49
|
-
},
|
|
50
|
-
[_reactNativeUi.ButtonStates.PRESSED]: {
|
|
51
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_4,
|
|
52
|
-
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
53
|
-
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
54
|
-
color: _reactNativeUi.COLORS.NEUTRAL_1
|
|
55
|
-
},
|
|
56
|
-
[_reactNativeUi.ButtonStates.HOVER]: {
|
|
57
|
-
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3,
|
|
58
|
-
borderColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
59
|
-
raiseColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
60
|
-
color: _reactNativeUi.COLORS.NEUTRAL_10
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CloseIcon.CloseIcon, {})
|
|
64
|
-
})
|
|
65
|
-
});
|
|
37
|
+
return null;
|
|
66
38
|
}
|
|
67
39
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
68
40
|
style: styles.container,
|
|
69
41
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonWrapper, {
|
|
70
|
-
children: /*#__PURE__*/(0, _jsxRuntime.
|
|
71
|
-
|
|
72
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
42
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
43
|
+
style: styles.closedWrapper,
|
|
44
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
45
|
+
onPress: onPressChatIcon,
|
|
46
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatbotIcon.ChatbotIcon, {
|
|
47
|
+
width: iconSize?.width,
|
|
48
|
+
height: iconSize?.height
|
|
49
|
+
})
|
|
50
|
+
}), isHelpButtonVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Button, {
|
|
51
|
+
variant: _reactNativeUi.ButtonVariant.PRIMARY,
|
|
52
|
+
colorScheme: _reactNativeUi.ButtonColor.WHITE,
|
|
53
|
+
size: _reactNativeUi.ButtonSize.MEDIUM,
|
|
54
|
+
raiseLevel: 3,
|
|
55
|
+
onPress: onPressHelpButton,
|
|
56
|
+
style: {
|
|
57
|
+
text: styles.helpButtonText
|
|
58
|
+
},
|
|
59
|
+
children: "Want some help?"
|
|
60
|
+
})]
|
|
76
61
|
})
|
|
77
62
|
})
|
|
78
63
|
});
|
|
@@ -84,16 +69,16 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
84
69
|
justifyContent: 'flex-end',
|
|
85
70
|
flexDirection: 'row',
|
|
86
71
|
maxHeight: 100,
|
|
87
|
-
gap:
|
|
72
|
+
gap: 2,
|
|
88
73
|
paddingBottom: 5
|
|
89
74
|
},
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
75
|
+
closedWrapper: {
|
|
76
|
+
flexDirection: 'row',
|
|
77
|
+
alignItems: 'flex-end',
|
|
78
|
+
gap: 8
|
|
79
|
+
},
|
|
80
|
+
helpButtonText: {
|
|
81
|
+
textTransform: 'uppercase'
|
|
97
82
|
}
|
|
98
83
|
});
|
|
99
84
|
//# sourceMappingURL=ChatControls.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_ChatbotIcon","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HELP_BUTTON_TIMEOUT_MS","ChatControls","model","onPressChatIcon","onPressHelpButton","withHelpButton","ButtonWrapper","React","Fragment","iconSize","width","height","isOpen","useUnit","$isOpen","isHelpButtonVisible","setIsHelpButtonVisible","useState","useEffect","timeoutId","setTimeout","clearTimeout","jsx","View","style","styles","container","children","jsxs","closedWrapper","Pressable","onPress","ChatbotIcon","Button","variant","ButtonVariant","PRIMARY","colorScheme","ButtonColor","WHITE","size","ButtonSize","MEDIUM","raiseLevel","text","helpButtonText","exports","StyleSheet","create","alignItems","justifyContent","flexDirection","maxHeight","gap","paddingBottom","textTransform"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.ChatInput = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
9
10
|
var _effectorReact = require("effector-react");
|
|
10
11
|
var _ChatBotModelContext = require("../../context/ChatBotModelContext.js");
|
|
11
12
|
var _styleTypes = require("../../types/style.types.js");
|
|
@@ -67,7 +68,8 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
67
68
|
width: 305,
|
|
68
69
|
alignItems: 'center',
|
|
69
70
|
justifyContent: 'center',
|
|
70
|
-
marginVertical:
|
|
71
|
+
marginVertical: _reactNativeUi.SPACING['200'],
|
|
72
|
+
marginLeft: 6
|
|
71
73
|
}
|
|
72
74
|
});
|
|
73
75
|
//# sourceMappingURL=ChatInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_effectorReact","_ChatBotModelContext","_styleTypes","_RequestHintButton","_FreeTextInputBlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChatInput","isHintFeedback","hasMessages","colorScheme","ColorScheme","Blue","model","useChatModel","alternatives","useUnit","$alternatives","isTranslated","translation","$isTranslated","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","option","useMemo","length","shouldShowNextHintOption","hints","optionLabel","translatedText","text","sendMessage","useCallback","message","translatedMessage","shouldDisableInput","jsx","View","style","styles","container","children","isOpenChatEnabled","FreeTextInputBlock","onOptionPress","disabled","RequestHintButton","onPress","label","variant","HintButtonVariant","DEFAULT","exports","StyleSheet","create","flex","width","alignItems","justifyContent","marginVertical"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/ChatInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeUi","_effectorReact","_ChatBotModelContext","_styleTypes","_RequestHintButton","_FreeTextInputBlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ChatInput","isHintFeedback","hasMessages","colorScheme","ColorScheme","Blue","model","useChatModel","alternatives","useUnit","$alternatives","isTranslated","translation","$isTranslated","isTranslationPending","translateAllMessagesFx","pending","isHelpRequestPending","sendHelpRequestFx","lastMessageOptions","useStoreMap","$currentChatData","messages","lastMessage","at","options","option","useMemo","length","shouldShowNextHintOption","hints","optionLabel","translatedText","text","sendMessage","useCallback","message","translatedMessage","shouldDisableInput","jsx","View","style","styles","container","children","isOpenChatEnabled","FreeTextInputBlock","onOptionPress","disabled","RequestHintButton","onPress","label","variant","HintButtonVariant","DEFAULT","exports","StyleSheet","create","flex","width","alignItems","justifyContent","marginVertical","SPACING","marginLeft"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatInput/ChatInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -85,7 +85,7 @@ const ChatTextInput = ({
|
|
|
85
85
|
onBlur: handleOnBlur,
|
|
86
86
|
onFocus: handleOnFocus,
|
|
87
87
|
placeholder: placeholder,
|
|
88
|
-
placeholderTextColor: _reactNativeUi.COLORS.
|
|
88
|
+
placeholderTextColor: _reactNativeUi.COLORS.NEUTRAL_5,
|
|
89
89
|
style: styles.input
|
|
90
90
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SendMessageButton.SendMessageButton, {
|
|
91
91
|
onPress: handleSendMessage,
|
|
@@ -100,10 +100,10 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
100
100
|
position: 'relative',
|
|
101
101
|
width: '100%',
|
|
102
102
|
alignItems: 'flex-end',
|
|
103
|
-
height: 52,
|
|
104
103
|
justifyContent: 'center'
|
|
105
104
|
},
|
|
106
105
|
inputWrapper: {
|
|
106
|
+
height: 52,
|
|
107
107
|
position: 'absolute',
|
|
108
108
|
zIndex: 1,
|
|
109
109
|
left: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNative","_reactNativeUi","_studentsFeatures","_useKeyboard","_constants","_SendMessageButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","ColorScheme","Blue","placeholder","inputRef","useRef","isFocused","setIsFocused","useState","widthSv","useSharedValue","animatedStyle","useAnimatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","withTiming","duration","handleSendMessage","current","focus","handleOnFocus","handleOnBlur","useKeyBoard","enabled","callback","event","key","KeyboardKeys","ENTER","jsxs","View","style","styles","inputWrapper","children","jsx","TextInput","ref","placeholderTextColor","COLORS","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNative","_reactNativeUi","_studentsFeatures","_useKeyboard","_constants","_SendMessageButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MAX_AVAILABLE_MESSAGE_LENGTH","COMPACT_WIDTH","FULL_WIDTH","ANIMATION_DURATION","ChatTextInput","value","submitDisabled","onSubmit","onChangeText","onBlur","onFocus","colorScheme","ColorScheme","Blue","placeholder","inputRef","useRef","isFocused","setIsFocused","useState","widthSv","useSharedValue","animatedStyle","useAnimatedStyle","width","handleInputChange","text","length","hasText","trim","isExpanded","shouldCollapseInput","shouldExpandInput","withTiming","duration","handleSendMessage","current","focus","handleOnFocus","handleOnBlur","useKeyBoard","enabled","callback","event","key","KeyboardKeys","ENTER","jsxs","View","style","styles","inputWrapper","children","jsx","TextInput","ref","placeholderTextColor","COLORS","NEUTRAL_5","input","SendMessageButton","onPress","disabled","exports","StyleSheet","create","container","position","alignItems","justifyContent","height","zIndex","left","flexDirection","borderWidth","borderColor","borderRadius","backgroundColor","NEUTRAL_1","paddingHorizontal","SPACING","paddingVertical","elevation","shadowColor","shadowOffset","shadowOpacity","shadowRadius","flex","fontSize","minWidth","minHeight","fontWeight","fontFamily","FONT_FAMILY","buenosAires","Platform","OS","outlineStyle","arrowWrapper","marginLeft"],"sourceRoot":"../../../../../../../src","sources":["features/chatbot/components/ChatInput/FreeText/ChatTextInput.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAOA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAEA,IAAAO,kBAAA,GAAAP,OAAA;AAAuD,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAS,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEvD,MAAMW,4BAA4B,GAAG,GAAG;AACxC,MAAMC,aAAa,GAAG,GAAG;AACzB,MAAMC,UAAU,GAAG,GAAG;AACtB,MAAMC,kBAAkB,GAAG,GAAG;AAavB,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,cAAc;EACdC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,OAAO;EACPC,WAAW,GAAGC,6BAAW,CAACC,IAAI;EAC9BC;AACkB,CAAC,KAAK;EACxB,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAY,IAAI,CAAC;EACxC,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAChB,KAAK,GAAGH,UAAU,GAAGD,aAAa,CAAC;EAElE,MAAMqB,aAAa,GAAG,IAAAC,uCAAgB,EACpC,OAAO;IACLC,KAAK,EAAEJ,OAAO,CAACf;EACjB,CAAC,CAAC,EACF,CAACe,OAAO,CACV,CAAC;EAED,MAAMK,iBAAiB,GAAIC,IAAY,IAAK;IAC1C,IAAIA,IAAI,CAACC,MAAM,GAAG3B,4BAA4B,EAAE;IAEhDQ,YAAY,GAAGkB,IAAI,CAAC;IAEpB,MAAME,OAAO,GAAGF,IAAI,CAACG,IAAI,CAAC,CAAC,CAACF,MAAM,GAAG,CAAC;IACtC,MAAMG,UAAU,GAAGV,OAAO,CAACf,KAAK,GAAGJ,aAAa;IAChD,MAAM8B,mBAAmB,GAAG,CAACH,OAAO,IAAIE,UAAU;IAClD,MAAME,iBAAiB,GAAGJ,OAAO,IAAI,CAACE,UAAU;IAEhD,IAAIE,iBAAiB,EAAE;MACrBZ,OAAO,CAACf,KAAK,GAAG,IAAA4B,iCAAU,EAAC/B,UAAU,EAAE;QAAEgC,QAAQ,EAAE/B;MAAmB,CAAC,CAAC;MACxE;IACF;IACA,IAAI4B,mBAAmB,EAAE;MACvBX,OAAO,CAACf,KAAK,GAAG,IAAA4B,iCAAU,EAAChC,aAAa,EAAE;QAAEiC,QAAQ,EAAE/B;MAAmB,CAAC,CAAC;IAC7E;EACF,CAAC;EAED,MAAMgC,iBAAiB,GAAGA,CAAA,KAAM;IAC9B,IAAI7B,cAAc,IAAID,KAAK,CAACwB,IAAI,CAAC,CAAC,CAACF,MAAM,GAAG,CAAC,IAAItB,KAAK,CAACsB,MAAM,GAAG3B,4BAA4B,EAC1F;IAEFO,QAAQ,GAAG,CAAC;IACZkB,iBAAiB,CAAC,EAAE,CAAC;IACrBV,QAAQ,CAACqB,OAAO,EAAEC,KAAK,CAAC,CAAC;EAC3B,CAAC;EAED,MAAMC,aAAa,GAAIzD,CAAgD,IAAK;IAC1EqC,YAAY,CAAC,IAAI,CAAC;IAClBR,OAAO,GAAG7B,CAAC,CAAC;EACd,CAAC;EAED,MAAM0D,YAAY,GAAI1D,CAAgD,IAAK;IACzEqC,YAAY,CAAC,KAAK,CAAC;IACnBT,MAAM,GAAG5B,CAAC,CAAC;EACb,CAAC;EAED,IAAA2D,wBAAW,EAAC;IACVC,OAAO,EAAExB,SAAS;IAClByB,QAAQ,EAAGC,KAAK,IAAK;MACnB,IAAIA,KAAK,CAACC,GAAG,KAAKC,uBAAY,CAACC,KAAK,EAAE;QACpC,KAAKX,iBAAiB,CAAC,CAAC;MAC1B;IACF;EACF,CAAC,CAAC;EAEF,oBACE,IAAAxD,WAAA,CAAAoE,IAAA,EAAC3E,sBAAA,CAAAc,OAAQ,CAAC8D,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACC,YAAY,EAAE7B,aAAa,CAAE;IAAA8B,QAAA,gBACzD,IAAAzE,WAAA,CAAA0E,GAAA,EAAChF,YAAA,CAAAiF,SAAS;MACRC,GAAG,EAAExC,QAAS;MACdV,KAAK,EAAEA,KAAM;MACbG,YAAY,EAAEiB,iBAAkB;MAChChB,MAAM,EAAE8B,YAAa;MACrB7B,OAAO,EAAE4B,aAAc;MACvBxB,WAAW,EAAEA,WAAY;MACzB0C,oBAAoB,EAAEC,qBAAM,CAACC,SAAU;MACvCT,KAAK,EAAEC,MAAM,CAACS;IAAM,CACrB,CAAC,eACF,IAAAhF,WAAA,CAAA0E,GAAA,EAAC3E,kBAAA,CAAAkF,iBAAiB;MAChBC,OAAO,EAAE1B,iBAAkB;MAC3B2B,QAAQ,EAAE,CAAC,CAACxD,cAAe;MAC3BK,WAAW,EAAEA;IAAY,CAC1B,CAAC;EAAA,CACW,CAAC;AAEpB,CAAC;AAAAoD,OAAA,CAAA3D,aAAA,GAAAA,aAAA;AAED,MAAM8C,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,QAAQ,EAAE,UAAU;IACpB3C,KAAK,EAAE,MAAM;IACb4C,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE;EAClB,CAAC;EACDlB,YAAY,EAAE;IACZmB,MAAM,EAAE,EAAE;IACVH,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,CAAC;IACTC,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAElB,qBAAM,CAACC,SAAS;IAC7BkB,YAAY,EAAE,GAAG;IACjBC,eAAe,EAAEpB,qBAAM,CAACqB,SAAS;IACjCC,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7BE,SAAS,EAAE,CAAC;IACZC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAE5D,KAAK,EAAE,CAAC;MAAE8C,MAAM,EAAE;IAAE,CAAC;IACrCe,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE;EAChB,CAAC;EACD3B,KAAK,EAAE;IACL4B,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,EAAE;IACZC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAEC,0BAAW,CAACC,WAAW;IACnCf,iBAAiB,EAAEC,sBAAO,CAAC,GAAG,CAAC;IAC/BC,eAAe,EAAED,sBAAO,CAAC,GAAG,CAAC;IAC7B,IAAIe,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI;MAAEC,YAAY,EAAE;IAAO,CAAC;EACvD,CAAC;EACDC,YAAY,EAAE;IACZC,UAAU,EAAEnB,sBAAO,CAAC,GAAG;EACzB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -6,51 +6,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.MessageLoader = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
10
|
-
var _ThreeDotsLoader = require("../ThreeDotsLoader/ThreeDotsLoader.js");
|
|
11
|
-
var _constants = require("../../constants.js");
|
|
12
|
-
var _styleTypes = require("../../types/style.types.js");
|
|
13
9
|
var _studentsFeatures = require("@magmamath/students-features");
|
|
10
|
+
var _reactNativeUi = require("@magmamath/react-native-ui");
|
|
14
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
const MessageLoader = ({
|
|
17
|
-
colorScheme = _styleTypes.ColorScheme.Blue
|
|
18
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
13
|
+
const MessageLoader = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
19
14
|
style: styles.container,
|
|
20
15
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
21
16
|
style: styles.icon,
|
|
22
17
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_studentsFeatures.LavaIconInGlasses, {
|
|
23
|
-
width:
|
|
24
|
-
height:
|
|
18
|
+
width: 53,
|
|
19
|
+
height: 73
|
|
25
20
|
})
|
|
26
21
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
27
22
|
style: styles.loader,
|
|
28
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
29
|
-
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeUi.Loader, {
|
|
24
|
+
color: _reactNativeUi.LoaderColor.GRAY
|
|
30
25
|
})
|
|
31
26
|
})]
|
|
32
27
|
});
|
|
33
28
|
exports.MessageLoader = MessageLoader;
|
|
34
29
|
const styles = _reactNative.StyleSheet.create({
|
|
35
30
|
container: {
|
|
31
|
+
flex: 1,
|
|
36
32
|
flexDirection: 'row',
|
|
37
|
-
width:
|
|
38
|
-
alignItems: 'flex-end'
|
|
39
|
-
paddingLeft: 70
|
|
33
|
+
width: 365,
|
|
34
|
+
alignItems: 'flex-end'
|
|
40
35
|
},
|
|
41
36
|
icon: {
|
|
42
|
-
position: 'absolute',
|
|
43
|
-
zIndex: 1,
|
|
44
37
|
alignSelf: 'flex-end',
|
|
45
|
-
|
|
38
|
+
marginRight: 8
|
|
46
39
|
},
|
|
47
40
|
loader: {
|
|
48
41
|
flex: 1,
|
|
49
42
|
flexDirection: 'row',
|
|
50
43
|
alignItems: 'flex-start',
|
|
51
|
-
maxWidth:
|
|
44
|
+
maxWidth: 62,
|
|
52
45
|
padding: 8,
|
|
53
|
-
paddingTop: 15,
|
|
54
46
|
shadowColor: '#333333',
|
|
55
47
|
shadowOffset: {
|
|
56
48
|
width: 0,
|
|
@@ -59,7 +51,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
59
51
|
shadowOpacity: 0.25,
|
|
60
52
|
shadowRadius: 3,
|
|
61
53
|
elevation: 3,
|
|
62
|
-
borderRadius:
|
|
54
|
+
borderRadius: _reactNativeUi.BORDER_RADIUS['300'],
|
|
63
55
|
borderBottomLeftRadius: 0,
|
|
64
56
|
backgroundColor: _reactNativeUi.COLORS.NEUTRAL_3
|
|
65
57
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_studentsFeatures","_reactNativeUi","_jsxRuntime","e","__esModule","default","MessageLoader","jsxs","View","style","styles","container","children","jsx","icon","LavaIconInGlasses","width","height","loader","Loader","color","LoaderColor","GRAY","exports","StyleSheet","create","flex","flexDirection","alignItems","alignSelf","marginRight","maxWidth","padding","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","borderRadius","BORDER_RADIUS","borderBottomLeftRadius","backgroundColor","COLORS","NEUTRAL_3"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatMessage/MessageLoader.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAAuF,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhF,MAAMG,aAAa,GAAGA,CAAA,kBAC3B,IAAAJ,WAAA,CAAAK,IAAA,EAACR,YAAA,CAAAS,IAAI;EAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;EAAAC,QAAA,gBAC5B,IAAAV,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACI,IAAK;IAAAF,QAAA,eACvB,IAAAV,WAAA,CAAAW,GAAA,EAACb,iBAAA,CAAAe,iBAAiB;MAACC,KAAK,EAAE,EAAG;MAACC,MAAM,EAAE;IAAG,CAAE;EAAC,CACxC,CAAC,eACP,IAAAf,WAAA,CAAAW,GAAA,EAACd,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACQ,MAAO;IAAAN,QAAA,eACzB,IAAAV,WAAA,CAAAW,GAAA,EAACZ,cAAA,CAAAkB,MAAM;MAACC,KAAK,EAAEC,0BAAW,CAACC;IAAK,CAAE;EAAC,CAC/B,CAAC;AAAA,CACH,CACP;AAAAC,OAAA,CAAAjB,aAAA,GAAAA,aAAA;AAED,MAAMI,MAAM,GAAGc,uBAAU,CAACC,MAAM,CAAC;EAC/Bd,SAAS,EAAE;IACTe,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBX,KAAK,EAAE,GAAG;IACVY,UAAU,EAAE;EACd,CAAC;EACDd,IAAI,EAAE;IACJe,SAAS,EAAE,UAAU;IACrBC,WAAW,EAAE;EACf,CAAC;EACDZ,MAAM,EAAE;IACNQ,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBG,QAAQ,EAAE,EAAE;IACZC,OAAO,EAAE,CAAC;IACVC,WAAW,EAAE,SAAS;IACtBC,YAAY,EAAE;MAAElB,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCkB,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,YAAY,EAAEC,4BAAa,CAAC,KAAK,CAAC;IAClCC,sBAAsB,EAAE,CAAC;IACzBC,eAAe,EAAEC,qBAAM,CAACC;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}
|