@magmamath/students-features 0.1.2 → 0.2.0-fix-teacher-feedback-button2
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/ChatControls/ChatControls.js +5 -21
- package/dist/commonjs/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/commonjs/features/feedback/components/EmptyComment/EmptyComment.js +54 -0
- package/dist/commonjs/features/feedback/components/EmptyComment/EmptyComment.js.map +1 -0
- package/dist/commonjs/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js +43 -0
- package/dist/commonjs/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js.map +1 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedback.js +51 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedback.js.map +1 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js +110 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map +1 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/colorSchemes.js +44 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackButton/colorSchemes.js.map +1 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherComment.js +97 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherComment.js.map +1 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.js +68 -0
- package/dist/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.js.map +1 -0
- package/dist/commonjs/features/feedback/components/UnreadMessagesBadge.js +61 -0
- package/dist/commonjs/features/feedback/components/UnreadMessagesBadge.js.map +1 -0
- package/dist/commonjs/features/feedback/components/icons/MessageBubbleIcon.js +32 -0
- package/dist/commonjs/features/feedback/components/icons/MessageBubbleIcon.js.map +1 -0
- package/dist/commonjs/features/feedback/components/icons/XCloseIcon.js +30 -0
- package/dist/commonjs/features/feedback/components/icons/XCloseIcon.js.map +1 -0
- package/dist/commonjs/features/feedback/components/index.js +41 -0
- package/dist/commonjs/features/feedback/components/index.js.map +1 -0
- package/dist/commonjs/features/feedback/constants.js +30 -0
- package/dist/commonjs/features/feedback/constants.js.map +1 -0
- package/dist/commonjs/features/feedback/helpers.js +70 -0
- package/dist/commonjs/features/feedback/helpers.js.map +1 -0
- package/dist/commonjs/features/feedback/index.js +50 -0
- package/dist/commonjs/features/feedback/index.js.map +1 -0
- package/dist/commonjs/features/feedback/model/teacherFeedback.model.js +215 -0
- package/dist/commonjs/features/feedback/model/teacherFeedback.model.js.map +1 -0
- package/dist/commonjs/features/feedback/types/teacherFeedback.types.js +18 -0
- package/dist/commonjs/features/feedback/types/teacherFeedback.types.js.map +1 -0
- package/dist/commonjs/index.js +12 -0
- package/dist/commonjs/index.js.map +1 -1
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js +6 -22
- package/dist/module/features/chatbot/components/ChatControls/ChatControls.js.map +1 -1
- package/dist/module/features/feedback/components/EmptyComment/EmptyComment.js +48 -0
- package/dist/module/features/feedback/components/EmptyComment/EmptyComment.js.map +1 -0
- package/dist/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js +37 -0
- package/dist/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js.map +1 -0
- package/dist/module/features/feedback/components/TeacherFeedback.js +45 -0
- package/dist/module/features/feedback/components/TeacherFeedback.js.map +1 -0
- package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js +104 -0
- package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map +1 -0
- package/dist/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.js +40 -0
- package/dist/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.js.map +1 -0
- package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.js +91 -0
- package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.js.map +1 -0
- package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.js +61 -0
- package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.js.map +1 -0
- package/dist/module/features/feedback/components/UnreadMessagesBadge.js +55 -0
- package/dist/module/features/feedback/components/UnreadMessagesBadge.js.map +1 -0
- package/dist/module/features/feedback/components/icons/MessageBubbleIcon.js +24 -0
- package/dist/module/features/feedback/components/icons/MessageBubbleIcon.js.map +1 -0
- package/dist/module/features/feedback/components/icons/XCloseIcon.js +22 -0
- package/dist/module/features/feedback/components/icons/XCloseIcon.js.map +1 -0
- package/dist/module/features/feedback/components/index.js +8 -0
- package/dist/module/features/feedback/components/index.js.map +1 -0
- package/dist/module/features/feedback/constants.js +25 -0
- package/dist/module/features/feedback/constants.js.map +1 -0
- package/dist/module/features/feedback/helpers.js +65 -0
- package/dist/module/features/feedback/helpers.js.map +1 -0
- package/dist/module/features/feedback/index.js +7 -0
- package/dist/module/features/feedback/index.js.map +1 -0
- package/dist/module/features/feedback/model/teacherFeedback.model.js +210 -0
- package/dist/module/features/feedback/model/teacherFeedback.model.js.map +1 -0
- package/dist/module/features/feedback/types/teacherFeedback.types.js +14 -0
- package/dist/module/features/feedback/types/teacherFeedback.types.js.map +1 -0
- package/dist/module/index.js +1 -0
- package/dist/module/index.js.map +1 -1
- package/dist/typescript/commonjs/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/commonjs/features/feedback/components/EmptyComment/EmptyComment.d.ts +8 -0
- package/dist/typescript/commonjs/features/feedback/components/EmptyComment/EmptyComment.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.d.ts +7 -0
- package/dist/typescript/commonjs/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedback.d.ts +9 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedback.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts +11 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts +37 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts +12 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts +10 -0
- package/dist/typescript/commonjs/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/UnreadMessagesBadge.d.ts +10 -0
- package/dist/typescript/commonjs/features/feedback/components/UnreadMessagesBadge.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/icons/MessageBubbleIcon.d.ts +4 -0
- package/dist/typescript/commonjs/features/feedback/components/icons/MessageBubbleIcon.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/icons/XCloseIcon.d.ts +4 -0
- package/dist/typescript/commonjs/features/feedback/components/icons/XCloseIcon.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/components/index.d.ts +6 -0
- package/dist/typescript/commonjs/features/feedback/components/index.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/constants.d.ts +20 -0
- package/dist/typescript/commonjs/features/feedback/constants.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/helpers.d.ts +3 -0
- package/dist/typescript/commonjs/features/feedback/helpers.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/index.d.ts +5 -0
- package/dist/typescript/commonjs/features/feedback/index.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/model/teacherFeedback.model.d.ts +45 -0
- package/dist/typescript/commonjs/features/feedback/model/teacherFeedback.model.d.ts.map +1 -0
- package/dist/typescript/commonjs/features/feedback/types/teacherFeedback.types.d.ts +33 -0
- package/dist/typescript/commonjs/features/feedback/types/teacherFeedback.types.d.ts.map +1 -0
- package/dist/typescript/commonjs/index.d.ts +1 -0
- package/dist/typescript/commonjs/index.d.ts.map +1 -1
- package/dist/typescript/module/features/chatbot/components/ChatControls/ChatControls.d.ts.map +1 -1
- package/dist/typescript/module/features/feedback/components/EmptyComment/EmptyComment.d.ts +8 -0
- package/dist/typescript/module/features/feedback/components/EmptyComment/EmptyComment.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.d.ts +7 -0
- package/dist/typescript/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedback.d.ts +9 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedback.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts +11 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts +37 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackButton/colorSchemes.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts +12 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts +10 -0
- package/dist/typescript/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts +10 -0
- package/dist/typescript/module/features/feedback/components/UnreadMessagesBadge.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/icons/MessageBubbleIcon.d.ts +4 -0
- package/dist/typescript/module/features/feedback/components/icons/MessageBubbleIcon.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/icons/XCloseIcon.d.ts +4 -0
- package/dist/typescript/module/features/feedback/components/icons/XCloseIcon.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/components/index.d.ts +6 -0
- package/dist/typescript/module/features/feedback/components/index.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/constants.d.ts +20 -0
- package/dist/typescript/module/features/feedback/constants.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/helpers.d.ts +3 -0
- package/dist/typescript/module/features/feedback/helpers.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/index.d.ts +5 -0
- package/dist/typescript/module/features/feedback/index.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/model/teacherFeedback.model.d.ts +45 -0
- package/dist/typescript/module/features/feedback/model/teacherFeedback.model.d.ts.map +1 -0
- package/dist/typescript/module/features/feedback/types/teacherFeedback.types.d.ts +33 -0
- package/dist/typescript/module/features/feedback/types/teacherFeedback.types.d.ts.map +1 -0
- package/dist/typescript/module/index.d.ts +1 -0
- package/dist/typescript/module/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/src/features/chatbot/components/ChatControls/ChatControls.tsx +4 -27
- package/src/features/feedback/components/EmptyComment/EmptyComment.tsx +43 -0
- package/src/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.tsx +33 -0
- package/src/features/feedback/components/TeacherFeedback.tsx +46 -0
- package/src/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx +117 -0
- package/src/features/feedback/components/TeacherFeedbackButton/colorSchemes.ts +38 -0
- package/src/features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx +80 -0
- package/src/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.tsx +69 -0
- package/src/features/feedback/components/UnreadMessagesBadge.tsx +61 -0
- package/src/features/feedback/components/icons/MessageBubbleIcon.tsx +16 -0
- package/src/features/feedback/components/icons/XCloseIcon.tsx +14 -0
- package/src/features/feedback/components/index.ts +5 -0
- package/src/features/feedback/constants.ts +26 -0
- package/src/features/feedback/helpers.ts +66 -0
- package/src/features/feedback/index.ts +4 -0
- package/src/features/feedback/model/teacherFeedback.model.ts +255 -0
- package/src/features/feedback/types/teacherFeedback.types.ts +32 -0
- package/src/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_index","require","_index2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_index","require","_index2","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_index3"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,OAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,OAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,OAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAd,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { ActivityIndicator, Pressable, StyleSheet, View } from 'react-native';
|
|
5
|
-
import { Button
|
|
5
|
+
import { Button } from '@magmamath/react-native-ui';
|
|
6
6
|
import { useUnit } from 'effector-react';
|
|
7
7
|
import { ChatbotIcon } from "../../../../shared/icons/ChatbotIcon.js";
|
|
8
8
|
import { GlobeIcon } from "../../../../shared/icons/GlobeIcon.js";
|
|
@@ -37,24 +37,12 @@ export const ChatControls = ({
|
|
|
37
37
|
}), /*#__PURE__*/_jsx(Button, {
|
|
38
38
|
onPress: onPressClose,
|
|
39
39
|
style: {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
size: ButtonSize.LARGE,
|
|
44
|
-
colorScheme: ButtonColor.GRAY,
|
|
45
|
-
raiseLevel: 5,
|
|
46
|
-
customColorScheme: {
|
|
47
|
-
[ButtonStates.DEFAULT]: {
|
|
48
|
-
backgroundColor: '#FFF',
|
|
49
|
-
borderColor: COLORS.NEUTRAL_5,
|
|
50
|
-
raiseColor: COLORS.NEUTRAL_5
|
|
51
|
-
},
|
|
52
|
-
[ButtonStates.PRESSED]: {
|
|
53
|
-
backgroundColor: COLORS.NEUTRAL_4,
|
|
54
|
-
borderColor: COLORS.NEUTRAL_5,
|
|
55
|
-
raiseColor: COLORS.NEUTRAL_5
|
|
40
|
+
container: styles.buttonClose,
|
|
41
|
+
button: {
|
|
42
|
+
backgroundColor: '#FFF'
|
|
56
43
|
}
|
|
57
44
|
},
|
|
45
|
+
raiseLevel: 5,
|
|
58
46
|
children: /*#__PURE__*/_jsx(CloseIcon, {})
|
|
59
47
|
})]
|
|
60
48
|
});
|
|
@@ -79,11 +67,7 @@ const styles = StyleSheet.create({
|
|
|
79
67
|
},
|
|
80
68
|
buttonClose: {
|
|
81
69
|
width: 50,
|
|
82
|
-
height: 50
|
|
83
|
-
borderRadius: 50,
|
|
84
|
-
paddingHorizontal: 0,
|
|
85
|
-
borderWidth: 1.5,
|
|
86
|
-
borderColor: COLORS.NEUTRAL_5
|
|
70
|
+
height: 50
|
|
87
71
|
},
|
|
88
72
|
buttonTranslate: {
|
|
89
73
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","ActivityIndicator","Pressable","StyleSheet","View","Button","
|
|
1
|
+
{"version":3,"names":["React","ActivityIndicator","Pressable","StyleSheet","View","Button","useUnit","ChatbotIcon","GlobeIcon","CloseIcon","jsx","_jsx","jsxs","_jsxs","ChatControls","model","onPressTranslate","onPressChatIcon","onPressClose","isTranslationEnabled","ButtonWrapper","isOpen","$isOpen","isTranslated","translation","$isTranslated","isTranslationPending","translateBatchFx","pending","isHelpRequestPending","sendHelpRequestFx","backgroundColor","fillColor","style","styles","container","children","onPress","disabled","buttonTranslate","color","buttonClose","button","raiseLevel","create","alignItems","justifyContent","flexDirection","height","gap","width","borderRadius","borderWidth","borderColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../../../../src","sources":["features/chatbot/components/ChatControls/ChatControls.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
5
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
6
|
+
import { BUENOS_AIRES_FONT, NO_COMMENTS_SWE, NO_COMMENTS_ENG } from "../../constants.js";
|
|
7
|
+
import { Locale } from "../../types/teacherFeedback.types.js";
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
export const EmptyComment = ({
|
|
10
|
+
locale
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/_jsx(View, {
|
|
13
|
+
style: styles.container,
|
|
14
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
15
|
+
style: styles.text,
|
|
16
|
+
children: locale === Locale.SV ? NO_COMMENTS_SWE : NO_COMMENTS_ENG
|
|
17
|
+
})
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
const styles = StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
padding: 8,
|
|
23
|
+
gap: 10,
|
|
24
|
+
borderTopLeftRadius: 8,
|
|
25
|
+
borderTopRightRadius: 8,
|
|
26
|
+
borderBottomRightRadius: 8,
|
|
27
|
+
shadowColor: COLORS.PRIMARY_SHADOW,
|
|
28
|
+
shadowOffset: {
|
|
29
|
+
width: 0,
|
|
30
|
+
height: 1
|
|
31
|
+
},
|
|
32
|
+
shadowOpacity: 0.25,
|
|
33
|
+
shadowRadius: 3,
|
|
34
|
+
elevation: 3,
|
|
35
|
+
backgroundColor: COLORS.NEUTRAL_3,
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
justifyContent: 'center'
|
|
38
|
+
},
|
|
39
|
+
text: {
|
|
40
|
+
fontSize: 24,
|
|
41
|
+
fontFamily: BUENOS_AIRES_FONT,
|
|
42
|
+
fontWeight: '600',
|
|
43
|
+
color: COLORS.NEUTRAL_7,
|
|
44
|
+
padding: 8,
|
|
45
|
+
lineHeight: 20
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
//# sourceMappingURL=EmptyComment.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","COLORS","BUENOS_AIRES_FONT","NO_COMMENTS_SWE","NO_COMMENTS_ENG","Locale","jsx","_jsx","EmptyComment","locale","style","styles","container","children","text","SV","create","padding","gap","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","shadowColor","PRIMARY_SHADOW","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","NEUTRAL_3","alignItems","justifyContent","fontSize","fontFamily","fontWeight","color","NEUTRAL_7","lineHeight"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/EmptyComment/EmptyComment.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,iBAAiB,EAAEC,eAAe,EAAEC,eAAe,QAAQ,oBAAiB;AACrF,SAASC,MAAM,QAAQ,sCAAmC;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAM1D,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAA0B,CAAC,KAAK;EAC7D,oBACEF,IAAA,CAACP,IAAI;IAACU,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,eAC5BN,IAAA,CAACR,IAAI;MAACW,KAAK,EAAEC,MAAM,CAACG,IAAK;MAAAD,QAAA,EAAEJ,MAAM,KAAKJ,MAAM,CAACU,EAAE,GAAGZ,eAAe,GAAGC;IAAe,CAAO;EAAC,CACvF,CAAC;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGb,UAAU,CAACkB,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,OAAO,EAAE,CAAC;IACVC,GAAG,EAAE,EAAE;IACPC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE,CAAC;IACvBC,uBAAuB,EAAE,CAAC;IAC1BC,WAAW,EAAErB,MAAM,CAACsB,cAAc;IAClCC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,eAAe,EAAE7B,MAAM,CAAC8B,SAAS;IACjCC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDnB,IAAI,EAAE;IACJoB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAEjC,iBAAiB;IAC7BkC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAEpC,MAAM,CAACqC,SAAS;IACvBrB,OAAO,EAAE,CAAC;IACVsB,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js
ADDED
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Text, View, StyleSheet } from 'react-native';
|
|
5
|
+
import { MessageBubbleIcon } from "../icons/MessageBubbleIcon.js";
|
|
6
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
7
|
+
import { BUENOS_AIRES_FONT } from "../../constants.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
export const ListCardCommentsCount = ({
|
|
10
|
+
count
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
13
|
+
style: styles.container,
|
|
14
|
+
children: [/*#__PURE__*/_jsx(MessageBubbleIcon, {
|
|
15
|
+
size: 23,
|
|
16
|
+
color: COLORS.NEUTRAL_7
|
|
17
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
18
|
+
style: styles.text,
|
|
19
|
+
children: count
|
|
20
|
+
})]
|
|
21
|
+
});
|
|
22
|
+
};
|
|
23
|
+
const styles = StyleSheet.create({
|
|
24
|
+
container: {
|
|
25
|
+
width: 64,
|
|
26
|
+
flexDirection: 'row',
|
|
27
|
+
alignItems: 'center',
|
|
28
|
+
gap: 8
|
|
29
|
+
},
|
|
30
|
+
text: {
|
|
31
|
+
fontSize: 14,
|
|
32
|
+
fontFamily: BUENOS_AIRES_FONT,
|
|
33
|
+
color: COLORS.NEUTRAL_7,
|
|
34
|
+
fontWeight: 400
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
//# sourceMappingURL=ListCardCommentsCount.js.map
|
package/dist/module/features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","View","StyleSheet","MessageBubbleIcon","COLORS","BUENOS_AIRES_FONT","jsx","_jsx","jsxs","_jsxs","ListCardCommentsCount","count","style","styles","container","children","size","color","NEUTRAL_7","text","create","width","flexDirection","alignItems","gap","fontSize","fontFamily","fontWeight"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/ListCardCommentsCount/ListCardCommentsCount.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,iBAAiB,QAAQ,+BAA4B;AAC9D,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,iBAAiB,QAAQ,oBAAiB;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMnD,OAAO,MAAMC,qBAAqB,GAAGA,CAAC;EAAEC;AAAkC,CAAC,KAAK;EAC9E,oBACEF,KAAA,CAACR,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,gBAC5BR,IAAA,CAACJ,iBAAiB;MAACa,IAAI,EAAE,EAAG;MAACC,KAAK,EAAEb,MAAM,CAACc;IAAU,CAAE,CAAC,eACxDX,IAAA,CAACP,IAAI;MAACY,KAAK,EAAEC,MAAM,CAACM,IAAK;MAAAJ,QAAA,EAAEJ;IAAK,CAAO,CAAC;EAAA,CACpC,CAAC;AAEX,CAAC;AAED,MAAME,MAAM,GAAGX,UAAU,CAACkB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,KAAK,EAAE,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP,CAAC;EACDL,IAAI,EAAE;IACJM,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAErB,iBAAiB;IAC7BY,KAAK,EAAEb,MAAM,CAACc,SAAS;IACvBS,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { useStoreMap, useUnit } from 'effector-react';
|
|
5
|
+
import { View, StyleSheet } from 'react-native';
|
|
6
|
+
import { TeacherFeedbackButton } from "./TeacherFeedbackButton/TeacherFeedbackButton.js";
|
|
7
|
+
import { TeacherFeedbackComments } from "./TeacherFeedbackComments/TeacherFeedbackComments.js";
|
|
8
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
9
|
+
export const TeacherFeedback = ({
|
|
10
|
+
model,
|
|
11
|
+
mode
|
|
12
|
+
}) => {
|
|
13
|
+
const isOpen = useUnit(model.$isOpened);
|
|
14
|
+
const assignmentId = useUnit(model.$assignmentId);
|
|
15
|
+
const problemId = useUnit(model.$currentProblemId);
|
|
16
|
+
const locale = useUnit(model.$locale);
|
|
17
|
+
const isLoading = useUnit(model.getCommentsByAssignmentIdFx.pending);
|
|
18
|
+
const teacherFeedback = useStoreMap({
|
|
19
|
+
store: model.$comments,
|
|
20
|
+
fn: (feedback, [assignmentId, problemId]) => feedback.get(assignmentId)?.[problemId] ?? null,
|
|
21
|
+
keys: [assignmentId, problemId]
|
|
22
|
+
});
|
|
23
|
+
if (!problemId || !teacherFeedback) return null;
|
|
24
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
25
|
+
style: styles.container,
|
|
26
|
+
children: [isOpen && /*#__PURE__*/_jsx(TeacherFeedbackComments, {
|
|
27
|
+
comments: teacherFeedback.comments,
|
|
28
|
+
locale: locale,
|
|
29
|
+
mode: mode
|
|
30
|
+
}), /*#__PURE__*/_jsx(TeacherFeedbackButton, {
|
|
31
|
+
onPress: () => model.setIsOpened(!isOpen),
|
|
32
|
+
unreadCommentsCount: teacherFeedback.unreadMessagesCount,
|
|
33
|
+
isOpen: isOpen,
|
|
34
|
+
isLoading: isLoading,
|
|
35
|
+
size: mode === 'regular' ? 'small' : 'large'
|
|
36
|
+
})]
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
const styles = StyleSheet.create({
|
|
40
|
+
container: {
|
|
41
|
+
alignItems: 'flex-end',
|
|
42
|
+
gap: 11
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
//# sourceMappingURL=TeacherFeedback.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useStoreMap","useUnit","View","StyleSheet","TeacherFeedbackButton","TeacherFeedbackComments","jsx","_jsx","jsxs","_jsxs","TeacherFeedback","model","mode","isOpen","$isOpened","assignmentId","$assignmentId","problemId","$currentProblemId","locale","$locale","isLoading","getCommentsByAssignmentIdFx","pending","teacherFeedback","store","$comments","fn","feedback","get","keys","style","styles","container","children","comments","onPress","setIsOpened","unreadCommentsCount","unreadMessagesCount","size","create","alignItems","gap"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/TeacherFeedback.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,OAAO,QAAQ,gBAAgB;AACrD,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,SAASC,qBAAqB,QAAQ,kDAA+C;AACrF,SAASC,uBAAuB,QAAQ,sDAAmD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ3F,OAAO,MAAMC,eAAe,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAA2B,CAAC,KAAK;EACxE,MAAMC,MAAM,GAAGZ,OAAO,CAACU,KAAK,CAACG,SAAS,CAAC;EACvC,MAAMC,YAAY,GAAGd,OAAO,CAACU,KAAK,CAACK,aAAa,CAAC;EACjD,MAAMC,SAAS,GAAGhB,OAAO,CAACU,KAAK,CAACO,iBAAiB,CAAC;EAClD,MAAMC,MAAM,GAAGlB,OAAO,CAACU,KAAK,CAACS,OAAO,CAAC;EACrC,MAAMC,SAAS,GAAGpB,OAAO,CAACU,KAAK,CAACW,2BAA2B,CAACC,OAAO,CAAC;EACpE,MAAMC,eAAe,GAAGxB,WAAW,CAAC;IAClCyB,KAAK,EAAEd,KAAK,CAACe,SAAS;IACtBC,EAAE,EAAEA,CAACC,QAAQ,EAAE,CAACb,YAAY,EAAEE,SAAS,CAAC,KAAKW,QAAQ,CAACC,GAAG,CAACd,YAAY,CAAC,GAAGE,SAAS,CAAC,IAAI,IAAI;IAC5Fa,IAAI,EAAE,CAACf,YAAY,EAAEE,SAAS;EAChC,CAAC,CAAC;EAEF,IAAI,CAACA,SAAS,IAAI,CAACO,eAAe,EAAE,OAAO,IAAI;EAE/C,oBACEf,KAAA,CAACP,IAAI;IAAC6B,KAAK,EAAEC,MAAM,CAACC,SAAU;IAAAC,QAAA,GAC3BrB,MAAM,iBAAIN,IAAA,CAACF,uBAAuB;MAAC8B,QAAQ,EAAEX,eAAe,CAACW,QAAS;MAAChB,MAAM,EAAEA,MAAO;MAACP,IAAI,EAAEA;IAAK,CAAE,CAAC,eACtGL,IAAA,CAACH,qBAAqB;MACpBgC,OAAO,EAAEA,CAAA,KAAMzB,KAAK,CAAC0B,WAAW,CAAC,CAACxB,MAAM,CAAE;MAC1CyB,mBAAmB,EAAEd,eAAe,CAACe,mBAAoB;MACzD1B,MAAM,EAAEA,MAAO;MACfQ,SAAS,EAAEA,SAAU;MACrBmB,IAAI,EAAE5B,IAAI,KAAK,SAAS,GAAG,OAAO,GAAG;IAAQ,CAC9C,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMoB,MAAM,GAAG7B,UAAU,CAACsC,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,UAAU,EAAE,UAAU;IACtBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
|
package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { StyleSheet, View } from 'react-native';
|
|
5
|
+
import { Button, COLORS } from '@magmamath/react-native-ui';
|
|
6
|
+
import { UnreadMessagesBadge } from "../UnreadMessagesBadge.js";
|
|
7
|
+
import { MessageBubbleIcon } from "../icons/MessageBubbleIcon.js";
|
|
8
|
+
import { XCloseIcon } from "../icons/XCloseIcon.js";
|
|
9
|
+
import { COLOR_SCHEMES } from "./colorSchemes.js";
|
|
10
|
+
import { TEACHER_FEEDBACK_BUTTON_ID } from "../../constants.js";
|
|
11
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
export const TeacherFeedbackButton = ({
|
|
13
|
+
isOpen,
|
|
14
|
+
onPress,
|
|
15
|
+
unreadCommentsCount,
|
|
16
|
+
isLoading,
|
|
17
|
+
size = 'large'
|
|
18
|
+
}) => {
|
|
19
|
+
const handlePress = event => {
|
|
20
|
+
event.stopPropagation();
|
|
21
|
+
onPress?.();
|
|
22
|
+
// @ts-ignore
|
|
23
|
+
event.isFromFeedbackButton = true;
|
|
24
|
+
};
|
|
25
|
+
if (isOpen) {
|
|
26
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
27
|
+
id: TEACHER_FEEDBACK_BUTTON_ID,
|
|
28
|
+
onPress: handlePress,
|
|
29
|
+
size: "large",
|
|
30
|
+
variant: "primary",
|
|
31
|
+
disabled: isLoading,
|
|
32
|
+
isLoading: isLoading,
|
|
33
|
+
style: {
|
|
34
|
+
container: styles.container,
|
|
35
|
+
button: [styles.button, {
|
|
36
|
+
borderColor: COLORS.NEUTRAL_5
|
|
37
|
+
}, styles[size]]
|
|
38
|
+
},
|
|
39
|
+
"data-skip-confetti": "true",
|
|
40
|
+
customColorScheme: COLOR_SCHEMES.GREY,
|
|
41
|
+
icon: /*#__PURE__*/_jsx(XCloseIcon, {
|
|
42
|
+
size: size === 'large' ? 37 : 26
|
|
43
|
+
})
|
|
44
|
+
}, 'open');
|
|
45
|
+
}
|
|
46
|
+
return /*#__PURE__*/_jsx(Button, {
|
|
47
|
+
id: TEACHER_FEEDBACK_BUTTON_ID,
|
|
48
|
+
onPress: handlePress,
|
|
49
|
+
size: "large",
|
|
50
|
+
variant: "primary",
|
|
51
|
+
disabled: isLoading,
|
|
52
|
+
isLoading: isLoading,
|
|
53
|
+
style: {
|
|
54
|
+
container: styles.container,
|
|
55
|
+
button: [styles.button, {
|
|
56
|
+
borderColor: !!unreadCommentsCount ? COLORS.BLUE_6 : COLORS.NEUTRAL_5
|
|
57
|
+
}, styles[size]]
|
|
58
|
+
},
|
|
59
|
+
customColorScheme: !!unreadCommentsCount ? COLOR_SCHEMES.BLUE : COLOR_SCHEMES.GREY,
|
|
60
|
+
icon: /*#__PURE__*/_jsxs(View, {
|
|
61
|
+
style: styles.iconContainer,
|
|
62
|
+
children: [/*#__PURE__*/_jsx(MessageBubbleIcon, {
|
|
63
|
+
color: !!unreadCommentsCount ? COLORS.NEUTRAL_1 : COLORS.NEUTRAL_9,
|
|
64
|
+
size: size === 'large' ? 37 : 26
|
|
65
|
+
}), !!unreadCommentsCount && /*#__PURE__*/_jsx(View, {
|
|
66
|
+
style: styles.badgeContainer,
|
|
67
|
+
children: /*#__PURE__*/_jsx(UnreadMessagesBadge, {
|
|
68
|
+
badgeContent: unreadCommentsCount
|
|
69
|
+
})
|
|
70
|
+
})]
|
|
71
|
+
})
|
|
72
|
+
}, 'closed');
|
|
73
|
+
};
|
|
74
|
+
const styles = StyleSheet.create({
|
|
75
|
+
container: {
|
|
76
|
+
width: 54,
|
|
77
|
+
height: 54
|
|
78
|
+
},
|
|
79
|
+
small: {
|
|
80
|
+
width: 50,
|
|
81
|
+
height: 50
|
|
82
|
+
},
|
|
83
|
+
large: {
|
|
84
|
+
width: 75,
|
|
85
|
+
height: 75
|
|
86
|
+
},
|
|
87
|
+
button: {
|
|
88
|
+
borderWidth: 2
|
|
89
|
+
},
|
|
90
|
+
buttonLarge: {
|
|
91
|
+
width: 75,
|
|
92
|
+
height: 75,
|
|
93
|
+
borderWidth: 2
|
|
94
|
+
},
|
|
95
|
+
iconContainer: {
|
|
96
|
+
position: 'relative'
|
|
97
|
+
},
|
|
98
|
+
badgeContainer: {
|
|
99
|
+
position: 'absolute',
|
|
100
|
+
top: -17,
|
|
101
|
+
right: -17
|
|
102
|
+
}
|
|
103
|
+
});
|
|
104
|
+
//# sourceMappingURL=TeacherFeedbackButton.js.map
|
package/dist/module/features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","View","Button","COLORS","UnreadMessagesBadge","MessageBubbleIcon","XCloseIcon","COLOR_SCHEMES","TEACHER_FEEDBACK_BUTTON_ID","jsx","_jsx","jsxs","_jsxs","TeacherFeedbackButton","isOpen","onPress","unreadCommentsCount","isLoading","size","handlePress","event","stopPropagation","isFromFeedbackButton","id","variant","disabled","style","container","styles","button","borderColor","NEUTRAL_5","customColorScheme","GREY","icon","BLUE_6","BLUE","iconContainer","children","color","NEUTRAL_1","NEUTRAL_9","badgeContainer","badgeContent","create","width","height","small","large","borderWidth","buttonLarge","position","top","right"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackButton/TeacherFeedbackButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ButtonStates, COLORS } from '@magmamath/react-native-ui';
|
|
4
|
+
export const COLOR_SCHEMES = {
|
|
5
|
+
BLUE: {
|
|
6
|
+
[ButtonStates.DEFAULT]: {
|
|
7
|
+
borderColor: COLORS.BLUE_6,
|
|
8
|
+
raiseColor: COLORS.BLUE_6,
|
|
9
|
+
backgroundColor: COLORS.PRIMARY_BLUE
|
|
10
|
+
},
|
|
11
|
+
[ButtonStates.PRESSED]: {
|
|
12
|
+
borderColor: COLORS.BLUE_6,
|
|
13
|
+
raiseColor: COLORS.BLUE_6,
|
|
14
|
+
backgroundColor: COLORS.PRIMARY_BLUE
|
|
15
|
+
},
|
|
16
|
+
[ButtonStates.HOVER]: {
|
|
17
|
+
borderColor: COLORS.BLUE_6,
|
|
18
|
+
raiseColor: COLORS.BLUE_6,
|
|
19
|
+
backgroundColor: COLORS.PRIMARY_BLUE
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
GREY: {
|
|
23
|
+
[ButtonStates.DEFAULT]: {
|
|
24
|
+
borderColor: COLORS.NEUTRAL_5,
|
|
25
|
+
raiseColor: COLORS.NEUTRAL_5,
|
|
26
|
+
backgroundColor: COLORS.NEUTRAL_1
|
|
27
|
+
},
|
|
28
|
+
[ButtonStates.PRESSED]: {
|
|
29
|
+
borderColor: COLORS.NEUTRAL_5,
|
|
30
|
+
raiseColor: COLORS.NEUTRAL_5,
|
|
31
|
+
backgroundColor: COLORS.NEUTRAL_1
|
|
32
|
+
},
|
|
33
|
+
[ButtonStates.HOVER]: {
|
|
34
|
+
borderColor: COLORS.NEUTRAL_5,
|
|
35
|
+
raiseColor: COLORS.NEUTRAL_5,
|
|
36
|
+
backgroundColor: COLORS.NEUTRAL_1
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=colorSchemes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ButtonStates","COLORS","COLOR_SCHEMES","BLUE","DEFAULT","borderColor","BLUE_6","raiseColor","backgroundColor","PRIMARY_BLUE","PRESSED","HOVER","GREY","NEUTRAL_5","NEUTRAL_1"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackButton/colorSchemes.ts"],"mappings":";;AAAA,SAASA,YAAY,EAAEC,MAAM,QAAQ,4BAA4B;AAEjE,OAAO,MAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAE;IACJ,CAACH,YAAY,CAACI,OAAO,GAAG;MACtBC,WAAW,EAAEJ,MAAM,CAACK,MAAM;MAC1BC,UAAU,EAAEN,MAAM,CAACK,MAAM;MACzBE,eAAe,EAAEP,MAAM,CAACQ;IAC1B,CAAC;IACD,CAACT,YAAY,CAACU,OAAO,GAAG;MACtBL,WAAW,EAAEJ,MAAM,CAACK,MAAM;MAC1BC,UAAU,EAAEN,MAAM,CAACK,MAAM;MACzBE,eAAe,EAAEP,MAAM,CAACQ;IAC1B,CAAC;IACD,CAACT,YAAY,CAACW,KAAK,GAAG;MACpBN,WAAW,EAAEJ,MAAM,CAACK,MAAM;MAC1BC,UAAU,EAAEN,MAAM,CAACK,MAAM;MACzBE,eAAe,EAAEP,MAAM,CAACQ;IAC1B;EACF,CAAC;EACDG,IAAI,EAAE;IACJ,CAACZ,YAAY,CAACI,OAAO,GAAG;MACtBC,WAAW,EAAEJ,MAAM,CAACY,SAAS;MAC7BN,UAAU,EAAEN,MAAM,CAACY,SAAS;MAC5BL,eAAe,EAAEP,MAAM,CAACa;IAC1B,CAAC;IACD,CAACd,YAAY,CAACU,OAAO,GAAG;MACtBL,WAAW,EAAEJ,MAAM,CAACY,SAAS;MAC7BN,UAAU,EAAEN,MAAM,CAACY,SAAS;MAC5BL,eAAe,EAAEP,MAAM,CAACa;IAC1B,CAAC;IACD,CAACd,YAAY,CAACW,KAAK,GAAG;MACpBN,WAAW,EAAEJ,MAAM,CAACY,SAAS;MAC7BN,UAAU,EAAEN,MAAM,CAACY,SAAS;MAC5BL,eAAe,EAAEP,MAAM,CAACa;IAC1B;EACF;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { View, Text, StyleSheet } from 'react-native';
|
|
5
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
6
|
+
import { getRelativeTime } from "../../helpers.js";
|
|
7
|
+
import { BUENOS_AIRES_FONT } from "../../constants.js";
|
|
8
|
+
import { Locale } from "../../types/teacherFeedback.types.js";
|
|
9
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
+
export const TeacherComment = ({
|
|
11
|
+
content,
|
|
12
|
+
teacherName,
|
|
13
|
+
createdAt,
|
|
14
|
+
locale,
|
|
15
|
+
isLastComment
|
|
16
|
+
}) => {
|
|
17
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
18
|
+
style: {
|
|
19
|
+
marginBottom: isLastComment ? 8 : 0
|
|
20
|
+
},
|
|
21
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
22
|
+
style: styles.authorInfo,
|
|
23
|
+
children: [/*#__PURE__*/_jsx(Text, {
|
|
24
|
+
style: styles.teacherName,
|
|
25
|
+
numberOfLines: 1,
|
|
26
|
+
children: teacherName
|
|
27
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
28
|
+
style: styles.spacer
|
|
29
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
30
|
+
style: styles.dateAdded,
|
|
31
|
+
numberOfLines: 1,
|
|
32
|
+
children: getRelativeTime(createdAt, locale ?? Locale.US)
|
|
33
|
+
})]
|
|
34
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
35
|
+
style: styles.container,
|
|
36
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
37
|
+
style: styles.text,
|
|
38
|
+
children: content
|
|
39
|
+
})
|
|
40
|
+
})]
|
|
41
|
+
});
|
|
42
|
+
};
|
|
43
|
+
const styles = StyleSheet.create({
|
|
44
|
+
container: {
|
|
45
|
+
padding: 8,
|
|
46
|
+
gap: 8,
|
|
47
|
+
borderTopLeftRadius: 8,
|
|
48
|
+
borderTopRightRadius: 8,
|
|
49
|
+
borderBottomRightRadius: 8,
|
|
50
|
+
shadowColor: COLORS.PRIMARY_SHADOW,
|
|
51
|
+
shadowOffset: {
|
|
52
|
+
width: 0,
|
|
53
|
+
height: 1
|
|
54
|
+
},
|
|
55
|
+
shadowOpacity: 0.25,
|
|
56
|
+
shadowRadius: 3,
|
|
57
|
+
elevation: 3,
|
|
58
|
+
backgroundColor: COLORS.NEUTRAL_3
|
|
59
|
+
},
|
|
60
|
+
text: {
|
|
61
|
+
fontSize: 20,
|
|
62
|
+
fontFamily: BUENOS_AIRES_FONT,
|
|
63
|
+
color: COLORS.NEUTRAL_10,
|
|
64
|
+
lineHeight: 20
|
|
65
|
+
},
|
|
66
|
+
authorInfo: {
|
|
67
|
+
flexDirection: 'row',
|
|
68
|
+
alignItems: 'center',
|
|
69
|
+
gap: 8
|
|
70
|
+
},
|
|
71
|
+
teacherName: {
|
|
72
|
+
maxWidth: 200,
|
|
73
|
+
fontSize: 16,
|
|
74
|
+
fontWeight: '600',
|
|
75
|
+
fontFamily: BUENOS_AIRES_FONT,
|
|
76
|
+
color: COLORS.NEUTRAL_9
|
|
77
|
+
},
|
|
78
|
+
dateAdded: {
|
|
79
|
+
maxWidth: 140,
|
|
80
|
+
fontSize: 16,
|
|
81
|
+
fontFamily: BUENOS_AIRES_FONT,
|
|
82
|
+
fontWeight: '400',
|
|
83
|
+
color: COLORS.NEUTRAL_7
|
|
84
|
+
},
|
|
85
|
+
spacer: {
|
|
86
|
+
height: 14,
|
|
87
|
+
width: 2,
|
|
88
|
+
backgroundColor: COLORS.NEUTRAL_6
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
//# sourceMappingURL=TeacherComment.js.map
|
package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherComment.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","Text","StyleSheet","COLORS","getRelativeTime","BUENOS_AIRES_FONT","Locale","jsx","_jsx","jsxs","_jsxs","TeacherComment","content","teacherName","createdAt","locale","isLastComment","style","marginBottom","children","styles","authorInfo","numberOfLines","spacer","dateAdded","US","container","text","create","padding","gap","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","shadowColor","PRIMARY_SHADOW","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","backgroundColor","NEUTRAL_3","fontSize","fontFamily","color","NEUTRAL_10","lineHeight","flexDirection","alignItems","maxWidth","fontWeight","NEUTRAL_9","NEUTRAL_7","NEUTRAL_6"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackComments/TeacherComment.tsx"],"mappings":"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","ignoreList":[]}
|
package/dist/module/features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.js
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useEffect, useRef } from 'react';
|
|
4
|
+
import { Platform, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native';
|
|
5
|
+
import { TeacherComment } from "./TeacherComment.js";
|
|
6
|
+
import { EmptyComment } from "../EmptyComment/EmptyComment.js";
|
|
7
|
+
import { EMPTY_COMMENT_ID } from "../../constants.js";
|
|
8
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const TOOLBAR_HEIGHT = 140;
|
|
11
|
+
const BOTTOM_OFFSET = Platform.OS === 'web' ? 270 : 304;
|
|
12
|
+
const SIMPLE_MODE_OFFSET = 70;
|
|
13
|
+
export const TeacherFeedbackComments = ({
|
|
14
|
+
comments,
|
|
15
|
+
locale,
|
|
16
|
+
mode
|
|
17
|
+
}) => {
|
|
18
|
+
const ref = useRef(null);
|
|
19
|
+
const dimensions = useWindowDimensions();
|
|
20
|
+
const MAX_HEIGHT = dimensions.height - TOOLBAR_HEIGHT - BOTTOM_OFFSET;
|
|
21
|
+
useEffect(() => {
|
|
22
|
+
ref.current?.scrollToEnd({
|
|
23
|
+
animated: false
|
|
24
|
+
});
|
|
25
|
+
}, []);
|
|
26
|
+
if (!comments) return null;
|
|
27
|
+
return /*#__PURE__*/_jsx(View, {
|
|
28
|
+
style: [styles.container, {
|
|
29
|
+
maxHeight: MAX_HEIGHT - (mode === 'simple' ? SIMPLE_MODE_OFFSET : 0)
|
|
30
|
+
}],
|
|
31
|
+
children: /*#__PURE__*/_jsx(ScrollView, {
|
|
32
|
+
ref: ref,
|
|
33
|
+
contentContainerStyle: styles.commentsList,
|
|
34
|
+
onContentSizeChange: () => ref.current?.scrollToEnd(),
|
|
35
|
+
children: comments.length === 1 && comments[0]._id === EMPTY_COMMENT_ID ? /*#__PURE__*/_jsx(EmptyComment, {
|
|
36
|
+
locale: locale
|
|
37
|
+
}) : comments.map((comment, index) => /*#__PURE__*/_jsx(TeacherComment, {
|
|
38
|
+
teacherName: comment.teacherName,
|
|
39
|
+
content: comment.content,
|
|
40
|
+
createdAt: comment.createdAt,
|
|
41
|
+
locale: locale,
|
|
42
|
+
isLastComment: index === comments.length - 1
|
|
43
|
+
}, comment._id))
|
|
44
|
+
})
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
const styles = StyleSheet.create({
|
|
48
|
+
container: {
|
|
49
|
+
width: 368,
|
|
50
|
+
backgroundColor: COLORS.NEUTRAL_1,
|
|
51
|
+
paddingTop: 8,
|
|
52
|
+
paddingLeft: 8,
|
|
53
|
+
paddingRight: 8,
|
|
54
|
+
paddingBottom: 0,
|
|
55
|
+
borderRadius: 8
|
|
56
|
+
},
|
|
57
|
+
commentsList: {
|
|
58
|
+
gap: 8
|
|
59
|
+
}
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=TeacherFeedbackComments.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useEffect","useRef","Platform","ScrollView","StyleSheet","useWindowDimensions","View","TeacherComment","EmptyComment","EMPTY_COMMENT_ID","COLORS","jsx","_jsx","TOOLBAR_HEIGHT","BOTTOM_OFFSET","OS","SIMPLE_MODE_OFFSET","TeacherFeedbackComments","comments","locale","mode","ref","dimensions","MAX_HEIGHT","height","current","scrollToEnd","animated","style","styles","container","maxHeight","children","contentContainerStyle","commentsList","onContentSizeChange","length","_id","map","comment","index","teacherName","content","createdAt","isLastComment","create","width","backgroundColor","NEUTRAL_1","paddingTop","paddingLeft","paddingRight","paddingBottom","borderRadius","gap"],"sourceRoot":"../../../../../../src","sources":["features/feedback/components/TeacherFeedbackComments/TeacherFeedbackComments.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAChD,SAASC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AAE1F,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,YAAY,QAAQ,iCAA8B;AAC3D,SAASC,gBAAgB,QAAQ,oBAAiB;AAClD,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAEnD,MAAMC,cAAc,GAAG,GAAG;AAC1B,MAAMC,aAAa,GAAGZ,QAAQ,CAACa,EAAE,KAAK,KAAK,GAAG,GAAG,GAAG,GAAG;AACvD,MAAMC,kBAAkB,GAAG,EAAE;AAQ7B,OAAO,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAmC,CAAC,KAAK;EACnG,MAAMC,GAAG,GAAGpB,MAAM,CAAoB,IAAI,CAAC;EAC3C,MAAMqB,UAAU,GAAGjB,mBAAmB,CAAC,CAAC;EACxC,MAAMkB,UAAU,GAAGD,UAAU,CAACE,MAAM,GAAGX,cAAc,GAAGC,aAAa;EAErEd,SAAS,CAAC,MAAM;IACdqB,GAAG,CAACI,OAAO,EAAEC,WAAW,CAAC;MAAEC,QAAQ,EAAE;IAAM,CAAC,CAAC;EAC/C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAACT,QAAQ,EAAE,OAAO,IAAI;EAE1B,oBACEN,IAAA,CAACN,IAAI;IAACsB,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAE;MAAEC,SAAS,EAAER,UAAU,IAAIH,IAAI,KAAK,QAAQ,GAAGJ,kBAAkB,GAAG,CAAC;IAAE,CAAC,CAAE;IAAAgB,QAAA,eACxGpB,IAAA,CAACT,UAAU;MACTkB,GAAG,EAAEA,GAAI;MACTY,qBAAqB,EAAEJ,MAAM,CAACK,YAAa;MAC3CC,mBAAmB,EAAEA,CAAA,KAAMd,GAAG,CAACI,OAAO,EAAEC,WAAW,CAAC,CAAE;MAAAM,QAAA,EAErDd,QAAQ,CAACkB,MAAM,KAAK,CAAC,IAAIlB,QAAQ,CAAC,CAAC,CAAC,CAACmB,GAAG,KAAK5B,gBAAgB,gBAC5DG,IAAA,CAACJ,YAAY;QAACW,MAAM,EAAEA;MAAO,CAAE,CAAC,GAEhCD,QAAQ,CAACoB,GAAG,CAAC,CAACC,OAAO,EAAEC,KAAK,kBAC1B5B,IAAA,CAACL,cAAc;QAEbkC,WAAW,EAAEF,OAAO,CAACE,WAAY;QACjCC,OAAO,EAAEH,OAAO,CAACG,OAAQ;QACzBC,SAAS,EAAEJ,OAAO,CAACI,SAAU;QAC7BxB,MAAM,EAAEA,MAAO;QACfyB,aAAa,EAAEJ,KAAK,KAAKtB,QAAQ,CAACkB,MAAM,GAAG;MAAE,GALxCG,OAAO,CAACF,GAMd,CACF;IACF,CACS;EAAC,CACT,CAAC;AAEX,CAAC;AAED,MAAMR,MAAM,GAAGzB,UAAU,CAACyC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,KAAK,EAAE,GAAG;IACVC,eAAe,EAAErC,MAAM,CAACsC,SAAS;IACjCC,UAAU,EAAE,CAAC;IACbC,WAAW,EAAE,CAAC;IACdC,YAAY,EAAE,CAAC;IACfC,aAAa,EAAE,CAAC;IAChBC,YAAY,EAAE;EAChB,CAAC;EACDnB,YAAY,EAAE;IACZoB,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { Text, View, StyleSheet, Platform } from 'react-native';
|
|
5
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const UnreadMessagesBadge = ({
|
|
8
|
+
badgeContent,
|
|
9
|
+
withBorder = false,
|
|
10
|
+
style
|
|
11
|
+
}) => {
|
|
12
|
+
return /*#__PURE__*/_jsx(View, {
|
|
13
|
+
style: [styles.container, style, !badgeContent && styles.emptyBadge, withBorder && styles.border, withBorder && (badgeContent ? styles.withBorderSize : styles.withBorderSizeEmpty)],
|
|
14
|
+
children: /*#__PURE__*/_jsx(Text, {
|
|
15
|
+
style: styles.text,
|
|
16
|
+
children: badgeContent && badgeContent > 99 ? '99+' : badgeContent
|
|
17
|
+
})
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
const styles = StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
alignItems: 'center',
|
|
23
|
+
justifyContent: 'center',
|
|
24
|
+
width: 20,
|
|
25
|
+
height: 20,
|
|
26
|
+
borderRadius: 10,
|
|
27
|
+
backgroundColor: COLORS.PRIMARY_RED
|
|
28
|
+
},
|
|
29
|
+
emptyBadge: {
|
|
30
|
+
width: 10,
|
|
31
|
+
height: 10
|
|
32
|
+
},
|
|
33
|
+
border: {
|
|
34
|
+
borderWidth: 1.5,
|
|
35
|
+
borderColor: COLORS.NEUTRAL_1
|
|
36
|
+
},
|
|
37
|
+
withBorderSize: {
|
|
38
|
+
width: 20,
|
|
39
|
+
height: 20,
|
|
40
|
+
borderRadius: 10
|
|
41
|
+
},
|
|
42
|
+
withBorderSizeEmpty: {
|
|
43
|
+
width: 11.5,
|
|
44
|
+
height: 11.5,
|
|
45
|
+
borderRadius: 5.75
|
|
46
|
+
},
|
|
47
|
+
text: {
|
|
48
|
+
fontSize: 12,
|
|
49
|
+
lineHeight: 16,
|
|
50
|
+
fontWeight: '600',
|
|
51
|
+
fontFamily: Platform.OS === 'web' ? 'Open Sans, sans-serif' : 'OpenSans-SemiBold',
|
|
52
|
+
color: COLORS.NEUTRAL_1
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
//# sourceMappingURL=UnreadMessagesBadge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","View","StyleSheet","Platform","COLORS","jsx","_jsx","UnreadMessagesBadge","badgeContent","withBorder","style","styles","container","emptyBadge","border","withBorderSize","withBorderSizeEmpty","children","text","create","alignItems","justifyContent","width","height","borderRadius","backgroundColor","PRIMARY_RED","borderWidth","borderColor","NEUTRAL_1","fontSize","lineHeight","fontWeight","fontFamily","OS","color"],"sourceRoot":"../../../../../src","sources":["features/feedback/components/UnreadMessagesBadge.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAA8B,cAAc;AACrF,SAASC,MAAM,QAAQ,4BAA4B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAQnD,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,YAAY;EAAEC,UAAU,GAAG,KAAK;EAAEC;AAAgC,CAAC,KAAK;EAC5G,oBACEJ,IAAA,CAACL,IAAI;IACHS,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChBF,KAAK,EACL,CAACF,YAAY,IAAIG,MAAM,CAACE,UAAU,EAClCJ,UAAU,IAAIE,MAAM,CAACG,MAAM,EAC3BL,UAAU,KAAKD,YAAY,GAAGG,MAAM,CAACI,cAAc,GAAGJ,MAAM,CAACK,mBAAmB,CAAC,CACjF;IAAAC,QAAA,eAEFX,IAAA,CAACN,IAAI;MAACU,KAAK,EAAEC,MAAM,CAACO,IAAK;MAAAD,QAAA,EAAET,YAAY,IAAIA,YAAY,GAAG,EAAE,GAAG,KAAK,GAAGA;IAAY,CAAO;EAAC,CACvF,CAAC;AAEX,CAAC;AAED,MAAMG,MAAM,GAAGT,UAAU,CAACiB,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAErB,MAAM,CAACsB;EAC1B,CAAC;EACDb,UAAU,EAAE;IACVS,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDT,MAAM,EAAE;IACNa,WAAW,EAAE,GAAG;IAChBC,WAAW,EAAExB,MAAM,CAACyB;EACtB,CAAC;EACDd,cAAc,EAAE;IACdO,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE;EAChB,CAAC;EACDR,mBAAmB,EAAE;IACnBM,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE,IAAI;IACZC,YAAY,EAAE;EAChB,CAAC;EACDN,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE9B,QAAQ,CAAC+B,EAAE,KAAK,KAAK,GAAG,uBAAuB,GAAG,mBAAmB;IACjFC,KAAK,EAAE/B,MAAM,CAACyB;EAChB;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { COLORS } from '@magmamath/react-native-ui';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const MessageBubbleIcon = ({
|
|
8
|
+
size = 26,
|
|
9
|
+
color = COLORS.NEUTRAL_1
|
|
10
|
+
}) => {
|
|
11
|
+
return /*#__PURE__*/_jsx(Svg, {
|
|
12
|
+
width: size,
|
|
13
|
+
height: size,
|
|
14
|
+
viewBox: "0 0 26 26",
|
|
15
|
+
fill: "none",
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M1.46731 10.0594C0.934026 14.231 2.94959 17.0124 4.72827 18.403C5.15473 20.0717 4.90596 21.8796 4.72827 22.5749C6.86227 22.1577 8.40099 20.946 8.93496 20.2507C12.6702 21.2937 23.0923 21.063 24.4129 14.7527C25.5097 9.51166 22.2158 5.12788 15.3416 3.80165C7.2255 2.23582 2.01279 5.79234 1.46731 10.0594Z",
|
|
18
|
+
stroke: color,
|
|
19
|
+
strokeWidth: "2",
|
|
20
|
+
strokeLinejoin: "round"
|
|
21
|
+
})
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=MessageBubbleIcon.js.map
|