coinsperformance 0.0.4 → 0.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Molecules/ExperientialComponents/NewActivityBanner.d.ts +18 -0
- package/dist/components/Molecules/ExperientialComponents/NewActivityBanner.js +78 -0
- package/dist/components/Molecules/ExperientialComponents/NewActivityBanner.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewActivityCard.d.ts +25 -0
- package/dist/components/Molecules/ExperientialComponents/NewActivityCard.js +72 -0
- package/dist/components/Molecules/ExperientialComponents/NewActivityCard.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewAddPostCard.d.ts +9 -0
- package/dist/components/Molecules/ExperientialComponents/NewAddPostCard.js +29 -0
- package/dist/components/Molecules/ExperientialComponents/NewAddPostCard.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostCard.d.ts +27 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostCard.js +89 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostCard.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfo.d.ts +29 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfo.js +217 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfo.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfoStyles.d.ts +441 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfoStyles.js +416 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostInfoStyles.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostList.d.ts +51 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostList.js +79 -0
- package/dist/components/Molecules/ExperientialComponents/NewPostList.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityBannerStyles.d.ts +120 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityBannerStyles.js +124 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityBannerStyles.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.d.ts +86 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.js +91 -0
- package/dist/components/Molecules/ExperientialComponents/newActivityCardStyles.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/newAddPostCardStyles.d.ts +107 -0
- package/dist/components/Molecules/ExperientialComponents/newAddPostCardStyles.js +110 -0
- package/dist/components/Molecules/ExperientialComponents/newAddPostCardStyles.js.map +1 -0
- package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.d.ts +197 -0
- package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.js +201 -0
- package/dist/components/Molecules/ExperientialComponents/newPostCardStyles.js.map +1 -0
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.d.ts +1 -1
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js +2 -2
- package/dist/components/Molecules/PerformanceScreen/PreformanceResultScreen.js.map +1 -1
- package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.d.ts +2 -0
- package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.js +3 -2
- package/dist/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.js.map +1 -1
- package/dist/components/Molecules/SLI/SLIChart.d.ts +4 -0
- package/dist/components/Molecules/SLI/SLIChart.js +254 -0
- package/dist/components/Molecules/SLI/SLIChart.js.map +1 -0
- package/dist/components/Molecules/SLI/data.d.ts +14 -0
- package/dist/components/Molecules/SLI/data.js +236 -0
- package/dist/components/Molecules/SLI/data.js.map +1 -0
- package/dist/components/Molecules/SLI/sliUtils.d.ts +44 -0
- package/dist/components/Molecules/SLI/sliUtils.js +59 -0
- package/dist/components/Molecules/SLI/sliUtils.js.map +1 -0
- package/dist/components/Organisms/NewActivityList/NewActivityList.d.ts +10 -0
- package/dist/components/Organisms/NewActivityList/NewActivityList.js +35 -0
- package/dist/components/Organisms/NewActivityList/NewActivityList.js.map +1 -0
- package/dist/components/Organisms/PostDetails/ImageGallery.d.ts +1 -1
- package/dist/components/Organisms/PostDetails/ImageGallery.js +15 -5
- package/dist/components/Organisms/PostDetails/ImageGallery.js.map +1 -1
- package/dist/index.d.ts +7 -0
- package/dist/index.js +15 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/common-utils.d.ts +2 -0
- package/dist/utils/common-utils.js +151 -1
- package/dist/utils/common-utils.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,197 @@
|
|
|
1
|
+
export declare const newPostCardStyles: {
|
|
2
|
+
mainContainer: {
|
|
3
|
+
display: string;
|
|
4
|
+
flexDirection: string;
|
|
5
|
+
width: {
|
|
6
|
+
base: string;
|
|
7
|
+
md: string;
|
|
8
|
+
};
|
|
9
|
+
height: string;
|
|
10
|
+
borderRadius: string;
|
|
11
|
+
border: string;
|
|
12
|
+
paddingTop: string;
|
|
13
|
+
paddingBottom: string;
|
|
14
|
+
paddingX: string;
|
|
15
|
+
gap: string;
|
|
16
|
+
};
|
|
17
|
+
headerSection: {
|
|
18
|
+
display: string;
|
|
19
|
+
alignItems: string;
|
|
20
|
+
gap: string;
|
|
21
|
+
width: string;
|
|
22
|
+
};
|
|
23
|
+
profileContainer: {
|
|
24
|
+
width: string;
|
|
25
|
+
height: string;
|
|
26
|
+
borderRadius: string;
|
|
27
|
+
background: string;
|
|
28
|
+
display: string;
|
|
29
|
+
alignItems: string;
|
|
30
|
+
justifyContent: string;
|
|
31
|
+
padding: string;
|
|
32
|
+
position: string;
|
|
33
|
+
};
|
|
34
|
+
profileImage: {
|
|
35
|
+
width: string;
|
|
36
|
+
height: string;
|
|
37
|
+
borderRadius: string;
|
|
38
|
+
};
|
|
39
|
+
userName: {
|
|
40
|
+
fontFamily: string;
|
|
41
|
+
fontWeight: string;
|
|
42
|
+
fontSize: string;
|
|
43
|
+
lineHeight: string;
|
|
44
|
+
color: string;
|
|
45
|
+
flex: number;
|
|
46
|
+
};
|
|
47
|
+
editIcon: {
|
|
48
|
+
width: string;
|
|
49
|
+
height: string;
|
|
50
|
+
cursor: string;
|
|
51
|
+
};
|
|
52
|
+
mainImageContainer: {
|
|
53
|
+
width: string;
|
|
54
|
+
height: string;
|
|
55
|
+
borderRadius: string;
|
|
56
|
+
position: string;
|
|
57
|
+
overflow: string;
|
|
58
|
+
};
|
|
59
|
+
mainImage: {
|
|
60
|
+
width: string;
|
|
61
|
+
height: string;
|
|
62
|
+
objectFit: string;
|
|
63
|
+
borderRadius: string;
|
|
64
|
+
};
|
|
65
|
+
badgeContainer: {
|
|
66
|
+
display: string;
|
|
67
|
+
alignItems: string;
|
|
68
|
+
gap: string;
|
|
69
|
+
background: string;
|
|
70
|
+
border: string;
|
|
71
|
+
borderRadius: string;
|
|
72
|
+
padding: string;
|
|
73
|
+
height: string;
|
|
74
|
+
width: string;
|
|
75
|
+
};
|
|
76
|
+
badgeIcon: {
|
|
77
|
+
width: string;
|
|
78
|
+
height: string;
|
|
79
|
+
};
|
|
80
|
+
badgeText: {
|
|
81
|
+
fontFamily: string;
|
|
82
|
+
fontWeight: string;
|
|
83
|
+
fontSize: string;
|
|
84
|
+
lineHeight: string;
|
|
85
|
+
color: string;
|
|
86
|
+
};
|
|
87
|
+
contentSection: {
|
|
88
|
+
display: string;
|
|
89
|
+
flexDirection: string;
|
|
90
|
+
gap: string;
|
|
91
|
+
width: string;
|
|
92
|
+
};
|
|
93
|
+
contentText: {
|
|
94
|
+
fontFamily: string;
|
|
95
|
+
fontWeight: string;
|
|
96
|
+
fontSize: string;
|
|
97
|
+
lineHeight: string;
|
|
98
|
+
color: string;
|
|
99
|
+
};
|
|
100
|
+
readMoreText: {
|
|
101
|
+
fontFamily: string;
|
|
102
|
+
fontWeight: string;
|
|
103
|
+
fontSize: string;
|
|
104
|
+
lineHeight: string;
|
|
105
|
+
color: string;
|
|
106
|
+
cursor: string;
|
|
107
|
+
};
|
|
108
|
+
attachmentHeading: {
|
|
109
|
+
fontFamily: string;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
fontSize: string;
|
|
112
|
+
lineHeight: string;
|
|
113
|
+
color: string;
|
|
114
|
+
};
|
|
115
|
+
attachmentContainer: {
|
|
116
|
+
display: string;
|
|
117
|
+
gap: string;
|
|
118
|
+
alignItems: string;
|
|
119
|
+
};
|
|
120
|
+
attachmentIcon: {
|
|
121
|
+
width: string;
|
|
122
|
+
height: string;
|
|
123
|
+
background: string;
|
|
124
|
+
borderRadius: string;
|
|
125
|
+
display: string;
|
|
126
|
+
alignItems: string;
|
|
127
|
+
justifyContent: string;
|
|
128
|
+
padding: string;
|
|
129
|
+
};
|
|
130
|
+
divider: {
|
|
131
|
+
width: string;
|
|
132
|
+
height: string;
|
|
133
|
+
background: string;
|
|
134
|
+
};
|
|
135
|
+
footerSection: {
|
|
136
|
+
display: string;
|
|
137
|
+
justifyContent: string;
|
|
138
|
+
alignItems: string;
|
|
139
|
+
gap: string;
|
|
140
|
+
paddingX: string;
|
|
141
|
+
width: string;
|
|
142
|
+
};
|
|
143
|
+
reactionsContainer: {
|
|
144
|
+
display: string;
|
|
145
|
+
alignItems: string;
|
|
146
|
+
gap: string;
|
|
147
|
+
};
|
|
148
|
+
overlappingImages: {
|
|
149
|
+
display: string;
|
|
150
|
+
position: string;
|
|
151
|
+
};
|
|
152
|
+
overlappingImage: {
|
|
153
|
+
width: string;
|
|
154
|
+
height: string;
|
|
155
|
+
borderRadius: string;
|
|
156
|
+
border: string;
|
|
157
|
+
marginLeft: string;
|
|
158
|
+
"&:first-child": {
|
|
159
|
+
marginLeft: string;
|
|
160
|
+
};
|
|
161
|
+
};
|
|
162
|
+
reactionCount: {
|
|
163
|
+
fontFamily: string;
|
|
164
|
+
fontWeight: string;
|
|
165
|
+
fontSize: string;
|
|
166
|
+
lineHeight: string;
|
|
167
|
+
color: string;
|
|
168
|
+
};
|
|
169
|
+
commentsContainer: {
|
|
170
|
+
display: string;
|
|
171
|
+
alignItems: string;
|
|
172
|
+
gap: string;
|
|
173
|
+
};
|
|
174
|
+
commentIcon: {
|
|
175
|
+
width: string;
|
|
176
|
+
height: string;
|
|
177
|
+
};
|
|
178
|
+
commentCount: {
|
|
179
|
+
fontFamily: string;
|
|
180
|
+
fontWeight: string;
|
|
181
|
+
fontSize: string;
|
|
182
|
+
lineHeight: string;
|
|
183
|
+
color: string;
|
|
184
|
+
};
|
|
185
|
+
emojiSection: {
|
|
186
|
+
alignItems: string;
|
|
187
|
+
justifyContent: string;
|
|
188
|
+
gap: string;
|
|
189
|
+
};
|
|
190
|
+
emojiText: {
|
|
191
|
+
color: string;
|
|
192
|
+
fontFamily: string;
|
|
193
|
+
fontSize: string;
|
|
194
|
+
fontWeight: string;
|
|
195
|
+
lineHeight: string;
|
|
196
|
+
};
|
|
197
|
+
};
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.newPostCardStyles = void 0;
|
|
4
|
+
exports.newPostCardStyles = {
|
|
5
|
+
mainContainer: {
|
|
6
|
+
display: "flex",
|
|
7
|
+
flexDirection: "column",
|
|
8
|
+
// width: "350px",
|
|
9
|
+
// maxWidth: "325px",
|
|
10
|
+
width: { base: "100%", md: "auto" },
|
|
11
|
+
height: "auto",
|
|
12
|
+
borderRadius: "12px",
|
|
13
|
+
border: "1px solid rgba(0,0,0,0.1)",
|
|
14
|
+
// background: "#faf9fe",
|
|
15
|
+
paddingTop: "12px",
|
|
16
|
+
paddingBottom: "24px",
|
|
17
|
+
paddingX: "12px",
|
|
18
|
+
gap: "8px",
|
|
19
|
+
},
|
|
20
|
+
headerSection: {
|
|
21
|
+
display: "flex",
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
gap: "8px",
|
|
24
|
+
width: "100%",
|
|
25
|
+
},
|
|
26
|
+
profileContainer: {
|
|
27
|
+
width: "48px",
|
|
28
|
+
height: "48px",
|
|
29
|
+
borderRadius: "8px",
|
|
30
|
+
background: "#8877ea",
|
|
31
|
+
display: "flex",
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
justifyContent: "center",
|
|
34
|
+
padding: "24px",
|
|
35
|
+
position: "relative",
|
|
36
|
+
},
|
|
37
|
+
profileImage: {
|
|
38
|
+
width: "40px",
|
|
39
|
+
height: "40px",
|
|
40
|
+
borderRadius: "50%",
|
|
41
|
+
},
|
|
42
|
+
userName: {
|
|
43
|
+
fontFamily: "Poppins",
|
|
44
|
+
fontWeight: "600",
|
|
45
|
+
fontSize: "16px",
|
|
46
|
+
lineHeight: "28px",
|
|
47
|
+
color: "#263238",
|
|
48
|
+
flex: 1,
|
|
49
|
+
},
|
|
50
|
+
editIcon: {
|
|
51
|
+
width: "24px",
|
|
52
|
+
height: "24px",
|
|
53
|
+
cursor: "pointer",
|
|
54
|
+
},
|
|
55
|
+
mainImageContainer: {
|
|
56
|
+
width: "100%",
|
|
57
|
+
height: "193px",
|
|
58
|
+
borderRadius: "8px",
|
|
59
|
+
position: "relative",
|
|
60
|
+
overflow: "hidden",
|
|
61
|
+
},
|
|
62
|
+
mainImage: {
|
|
63
|
+
width: "100%",
|
|
64
|
+
height: "100%",
|
|
65
|
+
objectFit: "cover",
|
|
66
|
+
borderRadius: "8px",
|
|
67
|
+
},
|
|
68
|
+
badgeContainer: {
|
|
69
|
+
display: "flex",
|
|
70
|
+
alignItems: "center",
|
|
71
|
+
gap: "4px",
|
|
72
|
+
background: "#faf9fe",
|
|
73
|
+
border: "1px solid #faf9fe",
|
|
74
|
+
borderRadius: "4px",
|
|
75
|
+
padding: "4px",
|
|
76
|
+
height: "27px",
|
|
77
|
+
width: "fit-content",
|
|
78
|
+
},
|
|
79
|
+
badgeIcon: {
|
|
80
|
+
width: "16px",
|
|
81
|
+
height: "16px",
|
|
82
|
+
},
|
|
83
|
+
badgeText: {
|
|
84
|
+
fontFamily: "Poppins",
|
|
85
|
+
fontWeight: "400",
|
|
86
|
+
fontSize: "14px",
|
|
87
|
+
lineHeight: "20px",
|
|
88
|
+
color: "#faf9fe",
|
|
89
|
+
},
|
|
90
|
+
contentSection: {
|
|
91
|
+
display: "flex",
|
|
92
|
+
flexDirection: "column",
|
|
93
|
+
gap: "8px",
|
|
94
|
+
width: "100%",
|
|
95
|
+
},
|
|
96
|
+
contentText: {
|
|
97
|
+
fontFamily: "Poppins",
|
|
98
|
+
fontWeight: "400",
|
|
99
|
+
fontSize: "12px",
|
|
100
|
+
lineHeight: "24px",
|
|
101
|
+
color: "#666a6b",
|
|
102
|
+
},
|
|
103
|
+
readMoreText: {
|
|
104
|
+
fontFamily: "Poppins",
|
|
105
|
+
fontWeight: "700",
|
|
106
|
+
fontSize: "12px",
|
|
107
|
+
lineHeight: "24px",
|
|
108
|
+
color: "#130159",
|
|
109
|
+
cursor: "pointer",
|
|
110
|
+
},
|
|
111
|
+
attachmentHeading: {
|
|
112
|
+
fontFamily: "Poppins",
|
|
113
|
+
fontWeight: "700",
|
|
114
|
+
fontSize: "12px",
|
|
115
|
+
lineHeight: "28px",
|
|
116
|
+
color: "#312961",
|
|
117
|
+
},
|
|
118
|
+
attachmentContainer: {
|
|
119
|
+
display: "flex",
|
|
120
|
+
gap: "8px",
|
|
121
|
+
alignItems: "center",
|
|
122
|
+
},
|
|
123
|
+
attachmentIcon: {
|
|
124
|
+
width: "41px",
|
|
125
|
+
height: "40px",
|
|
126
|
+
background: "#f4f2ff",
|
|
127
|
+
borderRadius: "4px",
|
|
128
|
+
display: "flex",
|
|
129
|
+
alignItems: "center",
|
|
130
|
+
justifyContent: "center",
|
|
131
|
+
padding: "4px",
|
|
132
|
+
},
|
|
133
|
+
divider: {
|
|
134
|
+
width: "100%",
|
|
135
|
+
height: "1px",
|
|
136
|
+
background: "#E0E0E0",
|
|
137
|
+
},
|
|
138
|
+
footerSection: {
|
|
139
|
+
display: "flex",
|
|
140
|
+
justifyContent: "flex-end",
|
|
141
|
+
alignItems: "center",
|
|
142
|
+
gap: "24px",
|
|
143
|
+
paddingX: "8px",
|
|
144
|
+
width: "100%",
|
|
145
|
+
},
|
|
146
|
+
reactionsContainer: {
|
|
147
|
+
display: "flex",
|
|
148
|
+
alignItems: "center",
|
|
149
|
+
gap: "8px",
|
|
150
|
+
},
|
|
151
|
+
overlappingImages: {
|
|
152
|
+
display: "flex",
|
|
153
|
+
position: "relative",
|
|
154
|
+
},
|
|
155
|
+
overlappingImage: {
|
|
156
|
+
width: "24px",
|
|
157
|
+
height: "24px",
|
|
158
|
+
borderRadius: "50%",
|
|
159
|
+
border: "2px solid white",
|
|
160
|
+
marginLeft: "-10px",
|
|
161
|
+
"&:first-child": {
|
|
162
|
+
marginLeft: "0px",
|
|
163
|
+
},
|
|
164
|
+
},
|
|
165
|
+
reactionCount: {
|
|
166
|
+
fontFamily: "Poppins",
|
|
167
|
+
fontWeight: "500",
|
|
168
|
+
fontSize: "12px",
|
|
169
|
+
lineHeight: "20px",
|
|
170
|
+
color: "#666a6b",
|
|
171
|
+
},
|
|
172
|
+
commentsContainer: {
|
|
173
|
+
display: "flex",
|
|
174
|
+
alignItems: "center",
|
|
175
|
+
gap: "8px",
|
|
176
|
+
},
|
|
177
|
+
commentIcon: {
|
|
178
|
+
width: "24px",
|
|
179
|
+
height: "24px",
|
|
180
|
+
},
|
|
181
|
+
commentCount: {
|
|
182
|
+
fontFamily: "Poppins",
|
|
183
|
+
fontWeight: "500",
|
|
184
|
+
fontSize: "12px",
|
|
185
|
+
lineHeight: "20px",
|
|
186
|
+
color: "#666a6b",
|
|
187
|
+
},
|
|
188
|
+
emojiSection: {
|
|
189
|
+
alignItems: "flex-end",
|
|
190
|
+
justifyContent: "flex-end",
|
|
191
|
+
gap: "24px",
|
|
192
|
+
},
|
|
193
|
+
emojiText: {
|
|
194
|
+
color: "#666A6B",
|
|
195
|
+
fontFamily: "Poppins",
|
|
196
|
+
fontSize: "12px",
|
|
197
|
+
fontWeight: "500",
|
|
198
|
+
lineHeight: "20px",
|
|
199
|
+
},
|
|
200
|
+
};
|
|
201
|
+
//# sourceMappingURL=newPostCardStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"newPostCardStyles.js","sourceRoot":"","sources":["../../../../src/components/Molecules/ExperientialComponents/newPostCardStyles.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ const react_2 = require("@chakra-ui/react");
|
|
|
9
9
|
const react_loading_skeleton_1 = __importDefault(require("react-loading-skeleton"));
|
|
10
10
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
11
11
|
const QuizResult_styles_1 = require("./QuizResult.styles");
|
|
12
|
-
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, loading = false, hideHomeworkButton, hideReviewButton, badgesrc, isTryout = false, onBackToTeacherButton, coins
|
|
12
|
+
const PreformanceResultScreen = ({ percentage, description, timeTaken, comparisonText, imgSrc, onLevelUp, onReview, onBackToHomework, isMobile = false, rivSrc, error = false, loading = false, hideHomeworkButton, hideReviewButton, badgesrc, isTryout = false, onBackToTeacherButton, coins, coinsSrc, shouldSkipApiCall = false, }) => {
|
|
13
13
|
const getContent = () => {
|
|
14
14
|
if (isTryout) {
|
|
15
15
|
return {
|
|
@@ -137,7 +137,7 @@ const PreformanceResultScreen = ({ percentage, description, timeTaken, compariso
|
|
|
137
137
|
paddingRight: "0px",
|
|
138
138
|
paddingBottom: isMobile ? "5px" : "14px",
|
|
139
139
|
}, children: "Your performance data couldn\u2019t be loaded right now.Please try again in a moment." }), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })] })) : ((0, jsx_runtime_1.jsxs)(react_2.Box, { children: [!shouldSkipApiCall &&
|
|
140
|
-
(loading ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? "46px" : "58px", height: isMobile ? "35px" : "48px", style: { borderRadius: "8px" } }), (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? "150px" : "200px", height: isMobile ? "18px" : "22px" })] })) : ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: coinsSrc, alt: "Coins icon", w: { base: "46px", md: "58px" }, h: { base: "35px", md: "48px" } }), (0, jsx_runtime_1.
|
|
140
|
+
(loading ? ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? "46px" : "58px", height: isMobile ? "35px" : "48px", style: { borderRadius: "8px" } }), (0, jsx_runtime_1.jsx)(react_loading_skeleton_1.default, { width: isMobile ? "150px" : "200px", height: isMobile ? "18px" : "22px" })] })) : ((0, jsx_runtime_1.jsxs)(react_2.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_2.Image, { src: coinsSrc, alt: "Coins icon", w: { base: "46px", md: "58px" }, h: { base: "35px", md: "48px" } }), (0, jsx_runtime_1.jsx)(react_2.Text, { fontFamily: "Poppins, sans-serif", fontSize: { base: "12px", md: "16px" }, color: "#000", fontWeight: "400", lineHeight: "22px", children: coins })] }))), (0, jsx_runtime_1.jsx)(react_2.Box, { sx: QuizResult_styles_1.styles.separator })] })), (0, jsx_runtime_1.jsxs)(react_2.Box, { sx: {
|
|
141
141
|
...QuizResult_styles_1.styles.buttonContainer,
|
|
142
142
|
flexDirection: isTryout ? "row-reverse" : "row",
|
|
143
143
|
}, children: [!hideHomeworkButton && ((0, jsx_runtime_1.jsx)(react_2.Button, { sx: { ...QuizResult_styles_1.styles.button, ...QuizResult_styles_1.styles.buttonSecondary }, onClick: isTryout ? onReview : onBackToHomework, children: content.secondaryButton })), (0, jsx_runtime_1.jsx)(react_2.Button, { sx: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAA4D;AAC5D,oFAA8C;AAC9C,yDAAiD;AACjD,2DAA6C;AA0B7C,MAAM,uBAAuB,GAA2C,CAAC,EACvE,UAAU,EACV,WAAW,EACX,SAAS,EACT,cAAc,EACd,MAAM,EACN,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,GAAG,KAAK,EACb,OAAO,GAAG,KAAK,EACf,kBAAkB,EAClB,gBAAgB,EAChB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,qBAAqB,EACrB,KAAK,
|
|
1
|
+
{"version":3,"file":"PreformanceResultScreen.js","sourceRoot":"","sources":["../../../../src/components/Molecules/PerformanceScreen/PreformanceResultScreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,8 @@ interface RevisionCompleteCardProps {
|
|
|
10
10
|
secondaryButtonText?: string;
|
|
11
11
|
onSecondaryButtonClick?: () => void;
|
|
12
12
|
badge?: string;
|
|
13
|
+
coins?: string;
|
|
14
|
+
coinsSrc?: string;
|
|
13
15
|
}
|
|
14
16
|
declare const RevisionCompleteCard: React.FC<RevisionCompleteCardProps>;
|
|
15
17
|
export default RevisionCompleteCard;
|
|
@@ -26,14 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
27
|
const S = __importStar(require("./RevisionCompleteCard.styles"));
|
|
28
28
|
const react_canvas_1 = require("@rive-app/react-canvas");
|
|
29
|
-
const
|
|
29
|
+
const react_1 = require("@chakra-ui/react");
|
|
30
|
+
const RevisionCompleteCard = ({ title = "Revision\ncompleted!", description, buttonText, rivSrc, imageSrc, onButtonClick, isMatchthefollowing, secondaryButtonText, onSecondaryButtonClick, badge, coins, coinsSrc, }) => {
|
|
30
31
|
const { rive, RiveComponent } = (0, react_canvas_1.useRive)({
|
|
31
32
|
src: rivSrc,
|
|
32
33
|
autoplay: true,
|
|
33
34
|
onLoad: () => console.log("Rive loaded:", rivSrc),
|
|
34
35
|
onStateChange: (event) => console.log("State changed:", event),
|
|
35
36
|
});
|
|
36
|
-
return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)(S.OuterContainer, { children: [(0, jsx_runtime_1.jsx)(S.OuterCard, { children: (0, jsx_runtime_1.jsxs)(S.InnerCard, { children: [(0, jsx_runtime_1.jsxs)(S.TopSection, { children: [rivSrc ? ((0, jsx_runtime_1.jsx)(RiveComponent, { style: { width: "100%", height: "200px" } })) : ((0, jsx_runtime_1.jsx)(S.Image, { src: imageSrc, alt: title })), isMatchthefollowing && badge && (0, jsx_runtime_1.jsx)(S.Badge, { children: badge }), !isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.Title, { children: title })] }), (0, jsx_runtime_1.jsx)(S.Divider, {}), (0, jsx_runtime_1.jsxs)(S.Content, { children: [isMatchthefollowing && (0, jsx_runtime_1.jsx)(S.SubTitle, { children: title }), (0, jsx_runtime_1.jsx)(S.Description, { isMatchthefollowing: isMatchthefollowing, children: description })] })] }) }), coins && ((0, jsx_runtime_1.jsxs)(react_1.Box, { display: "flex", alignItems: "center", gap: "10px", mt: "10px", children: [(0, jsx_runtime_1.jsx)(react_1.Image, { src: coinsSrc, alt: "Coins icon", w: { base: "46px", md: "58px" }, h: { base: "35px", md: "48px" } }), (0, jsx_runtime_1.jsxs)(react_1.Text, { fontFamily: "Poppins, sans-serif", fontSize: { base: "12px", md: "16px" }, color: "#000", fontWeight: "400", lineHeight: "22px", children: ["You earned +", coins, " Bonus Learning Coins"] })] })), (0, jsx_runtime_1.jsx)(S.ButtonContainer, { children: !isMatchthefollowing ? ((0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.SecondaryButton, { onClick: onButtonClick, children: buttonText }), (0, jsx_runtime_1.jsx)(S.PrimaryButton, { onClick: onSecondaryButtonClick, children: secondaryButtonText })] })) })] }));
|
|
37
38
|
};
|
|
38
39
|
exports.default = RevisionCompleteCard;
|
|
39
40
|
//# sourceMappingURL=RevisionCompleteCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;
|
|
1
|
+
{"version":3,"file":"RevisionCompleteCard.js","sourceRoot":"","sources":["../../../../src/components/Molecules/RevisionCompleteCard/RevisionCompleteCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,iEAAmD;AACnD,yDAAiD;AACjD,4CAAoD;AAiBpD,MAAM,oBAAoB,GAAwC,CAAC,EACjE,KAAK,GAAG,sBAAsB,EAC9B,WAAW,EACX,UAAU,EACV,MAAM,EACN,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,EACL,KAAK,EACL,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,IAAA,sBAAO,EAAC;QACtC,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,MAAM,CAAC;QACjD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,KAAK,CAAC;KAC/D,CAAC,CAAC;IACH,OAAO,CACL,wBAAC,CAAC,CAAC,cAAc,eACf,uBAAC,CAAC,CAAC,SAAS,cACV,wBAAC,CAAC,CAAC,SAAS,eACV,wBAAC,CAAC,CAAC,UAAU,eACV,MAAM,CAAC,CAAC,CAAC,CACR,uBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAI,CAC7D,CAAC,CAAC,CAAC,CACF,uBAAC,CAAC,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,GAAI,CACvC,EACA,mBAAmB,IAAI,KAAK,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,EAC1D,CAAC,mBAAmB,IAAI,uBAAC,CAAC,CAAC,KAAK,cAAE,KAAK,GAAW,IACtC,EAEf,uBAAC,CAAC,CAAC,OAAO,KAAG,EAEb,wBAAC,CAAC,CAAC,OAAO,eACP,mBAAmB,IAAI,uBAAC,CAAC,CAAC,QAAQ,cAAE,KAAK,GAAc,EACxD,uBAAC,CAAC,CAAC,WAAW,IAAC,mBAAmB,EAAE,mBAAmB,YACpD,WAAW,GACE,IACN,IACA,GACF,EACb,KAAK,IAAI,CACR,wBAAC,WAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,aAC1D,uBAAC,aAAK,IACJ,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,YAAY,EAChB,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAC/B,CAAC,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAC/B,EACF,wBAAC,YAAI,IACH,UAAU,EAAC,qBAAqB,EAChC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EACtC,KAAK,EAAC,MAAM,EACZ,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,MAAM,6BAEJ,KAAK,6BACb,IACH,CACP,EAED,uBAAC,CAAC,CAAC,eAAe,cAEf,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACtB,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,CACrB,CAAC,CAAC,CAAC,CACF,6DACE,uBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,aAAa,YACtC,UAAU,GACO,EACpB,uBAAC,CAAC,CAAC,aAAa,IAAC,OAAO,EAAE,sBAAsB,YAC7C,mBAAmB,GACJ,IACjB,CACJ,GACiB,IACH,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}
|