touchstudy-core 0.1.192 → 0.1.194

package/dist/index.modern.js

@@ -16,9 +16,9 @@ import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, us
 import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, useMediaQuery, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, CircularProgress, FormControl, RadioGroup, Radio, Accordion, AccordionSummary, AccordionDetails, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, Divider, Skeleton, Tabs, Tab, Drawer, TableContainer, tableCellClasses, Popover, Switch, InputLabel, Chip, ListItemButton, ListItemAvatar, ListItemText, Badge, CardMedia as CardMedia$1, MenuList } from '@mui/material';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlusCircle, FaEye, FaPlus, FaCalendar, FaUser, FaBookOpen, FaUpload, FaCheckCircle, FaShare, FaExchangeAlt, FaPencilAlt, FaBell } from 'react-icons/fa';
+import { FaSave, FaCaretDown, FaTrash, FaTimes, FaSortUp, FaSortDown, FaPlusCircle, FaEye, FaPlus, FaCalendar, FaUser, FaBookOpen, FaUpload, FaCheckCircle, FaShare, FaExchangeAlt, FaPencilAlt, FaBell } from 'react-icons/fa';
 import { IoMdArrowBack, IoIosAdd, IoMdSync, IoIosAlert, IoIosArrowDown, IoIosSearch, IoIosArrowUp, IoMdAdd } from 'react-icons/io';
-import { IoClose, IoSearch, IoCloseOutline, IoTime, IoChatbubbleEllipsesSharp, IoPrint, IoChevronDown, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoWarning, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCheckmark, IoCloseCircle, IoLogOut } from 'react-icons/io5';
+import { IoClose, IoSearch, IoTime, IoChatbubbleEllipsesSharp, IoPrint, IoChevronDown, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoWarning, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCheckmark, IoCloseCircle, IoLogOut } from 'react-icons/io5';
 import _$a from 'lodash';
 import { useSelector, useDispatch } from 'react-redux';
 import axios from 'axios';
@@ -1580,6 +1580,7 @@ var recent_class_exams = "최근 수업 시험";
 var there_are_no_problems_you_were_working_on = "풀던 문제가 없습니다.";
 var incomplete_exam = "미참가";
 var completed_exam = "참가";
+var failed_to_send_the_image_error = "이미지를 보내지 못했습니다: {{ message }}";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2787,7 +2788,8 @@ var lang_ko = {
 	recent_class_exams: recent_class_exams,
 	there_are_no_problems_you_were_working_on: there_are_no_problems_you_were_working_on,
 	incomplete_exam: incomplete_exam,
-	completed_exam: completed_exam
+	completed_exam: completed_exam,
+	failed_to_send_the_image_error: failed_to_send_the_image_error
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -4022,6 +4024,7 @@ var recent_class_exams$1 = "Recent Class Exams";
 var there_are_no_problems_you_were_working_on$1 = "There are no problems you were working on";
 var incomplete_exam$1 = "Incomplete";
 var completed_exam$1 = "Completed";
+var failed_to_send_the_image_error$1 = "Failed to send the image: {{ message }}";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -5231,7 +5234,8 @@ var lang_en = {
 	recent_class_exams: recent_class_exams$1,
 	there_are_no_problems_you_were_working_on: there_are_no_problems_you_were_working_on$1,
 	incomplete_exam: incomplete_exam$1,
-	completed_exam: completed_exam$1
+	completed_exam: completed_exam$1,
+	failed_to_send_the_image_error: failed_to_send_the_image_error$1
 };
 
 i18n.use(initReactI18next).init({
@@ -7362,15 +7366,18 @@ var useVirtualList = function useVirtualList(defaultFilter, getItemsApi) {
   var _useState2 = useState(0),
     totalPages = _useState2[0],
     setTotalPages = _useState2[1];
-  var _useState3 = useState(),
-    selectedItem = _useState3[0],
-    setSelectedItem = _useState3[1];
-  var _useState4 = useState(false),
-    isLoading = _useState4[0],
-    setLoading = _useState4[1];
-  var _useState5 = useState(),
-    filter = _useState5[0],
-    setFilter = _useState5[1];
+  var _useState3 = useState(0),
+    totalItems = _useState3[0],
+    setTotalItems = _useState3[1];
+  var _useState4 = useState(),
+    selectedItem = _useState4[0],
+    setSelectedItem = _useState4[1];
+  var _useState5 = useState(false),
+    isLoading = _useState5[0],
+    setLoading = _useState5[1];
+  var _useState6 = useState(),
+    filter = _useState6[0],
+    setFilter = _useState6[1];
   var handleChangeSelectedItem = function handleChangeSelectedItem(data) {
     setSelectedItem(data);
   };
@@ -7389,6 +7396,7 @@ var useVirtualList = function useVirtualList(defaultFilter, getItemsApi) {
         return Promise.resolve(getItemsApi(filter)).then(function (res) {
           var responseData = res.data;
           setTotalPages((responseData === null || responseData === void 0 ? void 0 : responseData.totalPages) || 0);
+          setTotalItems((responseData === null || responseData === void 0 ? void 0 : responseData.totalItems) || 0);
           var responseItems = (responseData === null || responseData === void 0 ? void 0 : responseData.items) || [];
           var results = responseItems;
           if (filter !== null && filter !== void 0 && filter.currentPage && filter.currentPage > 1) {
@@ -7405,16 +7413,13 @@ var useVirtualList = function useVirtualList(defaultFilter, getItemsApi) {
     }
   };
   var handleLoadMore = useCallback(function () {
-    if (!filter || !filter.currentPage || filter.currentPage >= totalPages) {
-      return;
-    }
+    if (isLoading) return;
     setFilter(function (state) {
-      var _filter$currentPage;
-      return !state ? state : _extends({}, state, {
-        currentPage: ((_filter$currentPage = filter.currentPage) != null ? _filter$currentPage : 0) + 1
+      return !state || state.currentPage === undefined || state.currentPage >= totalPages ? state : _extends({}, state, {
+        currentPage: state.currentPage + 1
       });
     });
-  }, [filter === null || filter === void 0 ? void 0 : filter.currentPage, totalPages]);
+  }, [totalPages, isLoading]);
   var handleItemAdded = function handleItemAdded(item) {
     var results = [].concat(_$a.uniqBy([item].concat(items), "id"));
     setItems(results);
@@ -7431,7 +7436,13 @@ var useVirtualList = function useVirtualList(defaultFilter, getItemsApi) {
   var handleChangeFilter = function handleChangeFilter(newFilter) {
     setFilter(newFilter);
   };
+  var resetData = function resetData() {
+    setTotalPages(0);
+    setTotalItems(0);
+    setItems([]);
+  };
   useEffect(function () {
+    resetData();
     setFilter(function (state) {
       if (JSON.stringify(state) == JSON.stringify(defaultFilter)) getItems();
       return defaultFilter;
@@ -7446,6 +7457,8 @@ var useVirtualList = function useVirtualList(defaultFilter, getItemsApi) {
     selectedItem: selectedItem,
     items: items,
     isLoading: isLoading,
+    totalItems: totalItems,
+    resetData: resetData,
     handleChangeFilter: handleChangeFilter,
     setItems: setItems,
     handleChangeSelectedItem: handleChangeSelectedItem,
@@ -9649,24 +9662,27 @@ var InputChat = function InputChat(_ref) {
       width: "fit-content"
     }
   }, React__default.createElement("img", {
-    src: selectedFile === null || selectedFile === void 0 ? void 0 : selectedFile.content,
+    src: selectedFile,
     style: {
       height: "100px",
       objectFit: "contain",
       objectPosition: "center"
     }
-  }), React__default.createElement("div", {
+  }), React__default.createElement(IconButton, {
+    size: "small",
+    color: "error",
     style: {
       position: "absolute",
       right: 0,
       top: 0,
-      cursor: "pointer"
+      padding: "8px",
+      cursor: "pointer",
+      background: grey[100]
     },
     onClick: handleDeleteSelectedImage
-  }, React__default.createElement(IoCloseOutline, {
-    color: "#fff",
-    size: 30
-  }))), React__default.createElement(TinyChatEditor, {
+  }, React__default.createElement(FaTrash, {
+    size: 16
+  }))), !selectedFile && React__default.createElement(TinyChatEditor, {
     initValue: text,
     onChange: onChangeInput,
     disabled: isCompleted
@@ -10367,14 +10383,17 @@ var useChatContainer = function useChatContainer(props) {
     selectedConversation = _useState[0],
     setSelectedConversation = _useState[1];
   var _useState2 = useState(),
-    selectedFile = _useState2[0],
-    setSelectedFile = _useState2[1];
-  var _useState3 = useState(),
-    message = _useState3[0],
-    setMessage = _useState3[1];
-  var _useState4 = useState(true),
-    isScrollToEnd = _useState4[0],
-    setScrollToEnd = _useState4[1];
+    file = _useState2[0],
+    setFile = _useState2[1];
+  var _useState3 = useState(null),
+    backgroundImage = _useState3[0],
+    setBackgroundImage = _useState3[1];
+  var _useState4 = useState(),
+    message = _useState4[0],
+    setMessage = _useState4[1];
+  var _useState5 = useState(true),
+    isScrollToEnd = _useState5[0],
+    setScrollToEnd = _useState5[1];
   var isAdmin = roles === null || roles === void 0 ? void 0 : roles.includes(Role.Admin);
   var _useMessageList = useMessageList({
       student: student
@@ -10397,34 +10416,39 @@ var useChatContainer = function useChatContainer(props) {
   };
   var handleAddMessage = function handleAddMessage() {
     try {
-      var _temp6 = function _temp6() {
+      var _temp3 = function _temp3(_result2) {
+        if (_exit) return _result2;
         loadingRef.current = false;
       };
+      var _exit = false;
       if (loadingRef.current) return Promise.resolve();
       loadingRef.current = true;
       if (!(selectedConversation !== null && selectedConversation !== void 0 && selectedConversation.id)) return Promise.resolve();
       setScrollToEnd(true);
-      var _temp5 = _catch(function () {
-        function _temp4() {
-          function _temp2() {
-            handleChangeInput('');
-            setSelectedFile(null);
-          }
-          var _temp = function (_message$content) {
+      var _temp2 = _catch(function () {
+        if (file) {
+          return Promise.resolve(handleUploadImageData(file)).then(function (selectedFile) {
+            if (!selectedFile) {
+              _exit = true;
+              return;
+            }
+            return Promise.resolve(apiAddMessage(selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id, _extends({}, selectedFile, {
+              contentType: 1
+            }))).then(function () {
+              setFile(undefined);
+              setBackgroundImage(null);
+            });
+          });
+        } else {
+          var _temp4 = function (_message$content) {
             if (message !== null && message !== void 0 && (_message$content = message.content) !== null && _message$content !== void 0 && _message$content.trim().length) {
-              return Promise.resolve(apiAddMessage(selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id, _extends({}, message))).then(function () {});
+              return Promise.resolve(apiAddMessage(selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id, _extends({}, message))).then(function () {
+                handleChangeInput('');
+              });
             }
           }();
-          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
         }
-        var _temp3 = function () {
-          if (selectedFile !== null && selectedFile !== void 0 && selectedFile.content) {
-            return Promise.resolve(apiAddMessage(selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id, _extends({}, selectedFile, {
-              contentType: 1
-            }))).then(function () {});
-          }
-        }();
-        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
       }, function (error) {
         setMessages(function (state) {
           return [].concat(state.filter(function (i) {
@@ -10433,31 +10457,51 @@ var useChatContainer = function useChatContainer(props) {
         });
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleUploadImage = function handleUploadImage(file) {
-    return file ? Promise.resolve(_finally(function () {
-      return _catch(function () {
+    try {
+      if (file) {
+        setFile(file);
+        var reader = new FileReader();
+        reader.onload = function () {
+          setBackgroundImage(reader.result);
+        };
+        reader.readAsDataURL(file);
+      }
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleUploadImageData = function handleUploadImageData(file) {
+    try {
+      return Promise.resolve(_catch(function () {
         var formData = new FormData();
         formData.append("upload", file);
         return Promise.resolve(apiUploadImageFile(formData)).then(function (res) {
           var _res$data;
-          setSelectedFile({
+          return {
             content: res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.url
-          });
+          };
         });
       }, function (error) {
+        toast.error(t("failed_to_send_the_image_error", {
+          message: getErrorMessage(t, error)
+        }));
         setMessages(function (state) {
           return [].concat(state.filter(function (i) {
             return (i === null || i === void 0 ? void 0 : i.id) !== 0;
           }));
         });
-        toast.error(getErrorMessage(t, error));
-      });
-    }, function () {})) : Promise.resolve();
+        return null;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
   var handleChangeInput = function handleChangeInput(text) {
     setMessage({
@@ -10466,7 +10510,7 @@ var useChatContainer = function useChatContainer(props) {
   };
   var handleNewMessageSent = function handleNewMessageSent(data) {
     try {
-      var _temp7 = function _temp7(_updateLastTimeReadCo) {
+      var _temp5 = function _temp5(_updateLastTimeReadCo) {
         _updateLastTimeReadCo;
       };
       if (!data) return Promise.resolve();
@@ -10475,14 +10519,14 @@ var useChatContainer = function useChatContainer(props) {
         return [].concat(state, [data]);
       });
       var _selectedConversation = selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id;
-      return Promise.resolve(_selectedConversation ? Promise.resolve(updateLastTimeReadConversation(selectedConversation.id)).then(_temp7) : _temp7(_selectedConversation));
+      return Promise.resolve(_selectedConversation ? Promise.resolve(updateLastTimeReadConversation(selectedConversation.id)).then(_temp5) : _temp5(_selectedConversation));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleNewConversation = function handleNewConversation(data) {
     try {
-      var _temp8 = function _temp8(_updateLastTimeReadCo2) {
+      var _temp6 = function _temp6(_updateLastTimeReadCo2) {
         _updateLastTimeReadCo2;
       };
       if (!data) return Promise.resolve();
@@ -10492,7 +10536,7 @@ var useChatContainer = function useChatContainer(props) {
         return [].concat(state, [item]);
       });
       var _selectedConversation2 = selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id;
-      return Promise.resolve(_selectedConversation2 ? Promise.resolve(updateLastTimeReadConversation(selectedConversation.id)).then(_temp8) : _temp8(_selectedConversation2));
+      return Promise.resolve(_selectedConversation2 ? Promise.resolve(updateLastTimeReadConversation(selectedConversation.id)).then(_temp6) : _temp6(_selectedConversation2));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10511,7 +10555,8 @@ var useChatContainer = function useChatContainer(props) {
     }
   };
   var handleDeleteSelectedImage = function handleDeleteSelectedImage() {
-    setSelectedFile(null);
+    setFile(undefined);
+    setBackgroundImage(null);
   };
   var cleanupPusher = function cleanupPusher() {
     pusher === null || pusher === void 0 ? void 0 : pusher.unbind("new-message-event", handleNewMessageSent);
@@ -10597,7 +10642,7 @@ var useChatContainer = function useChatContainer(props) {
       handleDeleteMessage: handleDeleteMessage
     },
     inputProps: {
-      selectedFile: selectedFile,
+      selectedFile: backgroundImage,
       text: (message === null || message === void 0 ? void 0 : message.content) || "",
       onChangeInput: handleChangeInput,
       onSubmit: handleAddMessage,
@@ -10680,10 +10725,11 @@ var useVirtualListView = function useVirtualListView(props) {
       handleLoadMore();
     }
   };
+  var decounceScroll = _$a.debounce(onScroll, 300);
   var rowCount = data.length + (loading ? 1 : 0);
   return {
     rowCount: rowCount,
-    onScroll: onScroll
+    onScroll: decounceScroll
   };
 };
 
@@ -16089,7 +16135,7 @@ var useStudentInfoDrawer = function useStudentInfoDrawer(props) {
         var _temp2 = function _temp2() {
           setLoading(false);
         };
-        if (!studentId) return Promise.resolve();
+        if (!studentId || !open) return Promise.resolve();
         setLoading(true);
         var _temp = _catch(function () {
           return Promise.resolve(getUserByIdApi(studentId)).then(function (res) {
@@ -16102,7 +16148,7 @@ var useStudentInfoDrawer = function useStudentInfoDrawer(props) {
       }
     };
     getStudent();
-  }, [studentId]);
+  }, [open, studentId]);
   useEffect(function () {
     if (open && inert) {
       var _document$getElementB;
@@ -23165,12 +23211,12 @@ var useExamResultData = function useExamResultData(props) {
   var _useState9 = useState(),
     openProblem = _useState9[0],
     setOpenProblem = _useState9[1];
-  var _useState10 = useState(),
-    selectedQuestion = _useState10[0],
-    setSelectedQuestion = _useState10[1];
-  var _useState11 = useState(),
-    errorMessage = _useState11[0],
-    setErrorMessage = _useState11[1];
+  var _useState0 = useState(),
+    selectedQuestion = _useState0[0],
+    setSelectedQuestion = _useState0[1];
+  var _useState1 = useState(),
+    errorMessage = _useState1[0],
+    setErrorMessage = _useState1[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var isBelongAcademy = !!user && user.academyDomain && !user.isLearningSpace;
@@ -24063,7 +24109,7 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
     return [texts.slice(0, middle), texts.slice(middle)];
   }, [JSON.stringify(categories)]);
   var formatTooltip = useCallback(function (_ref2) {
-    var _overallData$data$0$h, _overallData$data$, _overallData$data$1$h, _overallData$data$2, _overallData$data$2$h, _overallData$data$0$q, _overallData$data$3, _overallData$data$1$q, _overallData$data$4, _overallData$data$0$p, _overallData$data$5, _overallData$data$1$p, _overallData$data$6, _overallData$data$0$t, _overallData$data$7, _overallData$data$1$t, _overallData$data$8, _overallData$data$8$t, _overallData$data$0$l, _overallData$data$9, _overallData$data$1$l, _overallData$data$10, _overallData$data$10$, _overallData$data$0$c, _overallData$data$11, _overallData$data$11$, _overallData$data$1$c, _overallData$data$12, _overallData$data$12$;
+    var _overallData$data$0$h, _overallData$data$, _overallData$data$1$h, _overallData$data$2, _overallData$data$2$h, _overallData$data$0$q, _overallData$data$3, _overallData$data$1$q, _overallData$data$4, _overallData$data$0$p, _overallData$data$5, _overallData$data$1$p, _overallData$data$6, _overallData$data$0$t, _overallData$data$7, _overallData$data$1$t, _overallData$data$8, _overallData$data$8$t, _overallData$data$0$l, _overallData$data$9, _overallData$data$1$l, _overallData$data$0, _overallData$data$0$l2, _overallData$data$0$c, _overallData$data$1, _overallData$data$1$c, _overallData$data$1$c2, _overallData$data$10, _overallData$data$10$;
     var dataPointIndex = _ref2.dataPointIndex,
       w = _ref2.w;
     var label = categories[dataPointIndex];
@@ -24107,12 +24153,12 @@ var useOverallChartContainer = function useOverallChartContainer(isStudent, exam
           total: (_overallData$data$0$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$9 = overallData.data[0]) === null || _overallData$data$9 === void 0 ? void 0 : _overallData$data$9.lowLevelQuestions) != null ? _overallData$data$0$l : 0
         });
         avgValue = "" + t("n_questions", {
-          total: (_overallData$data$1$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$10 = overallData.data[1]) === null || _overallData$data$10 === void 0 ? void 0 : (_overallData$data$10$ = _overallData$data$10.lowLevelQuestions) === null || _overallData$data$10$ === void 0 ? void 0 : _overallData$data$10$.toFixed(2)) != null ? _overallData$data$1$l : 0
+          total: (_overallData$data$1$l = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$0 = overallData.data[1]) === null || _overallData$data$0 === void 0 ? void 0 : (_overallData$data$0$l2 = _overallData$data$0.lowLevelQuestions) === null || _overallData$data$0$l2 === void 0 ? void 0 : _overallData$data$0$l2.toFixed(2)) != null ? _overallData$data$1$l : 0
         });
         break;
       default:
-        myValue = ((_overallData$data$0$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$11 = overallData.data[0]) === null || _overallData$data$11 === void 0 ? void 0 : (_overallData$data$11$ = _overallData$data$11.correctRate) === null || _overallData$data$11$ === void 0 ? void 0 : _overallData$data$11$.toFixed(2)) != null ? _overallData$data$0$c : 0) + "%";
-        avgValue = ((_overallData$data$1$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$12 = overallData.data[1]) === null || _overallData$data$12 === void 0 ? void 0 : (_overallData$data$12$ = _overallData$data$12.correctRate) === null || _overallData$data$12$ === void 0 ? void 0 : _overallData$data$12$.toFixed(2)) != null ? _overallData$data$1$c : 0) + "%";
+        myValue = ((_overallData$data$0$c = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$1 = overallData.data[0]) === null || _overallData$data$1 === void 0 ? void 0 : (_overallData$data$1$c = _overallData$data$1.correctRate) === null || _overallData$data$1$c === void 0 ? void 0 : _overallData$data$1$c.toFixed(2)) != null ? _overallData$data$0$c : 0) + "%";
+        avgValue = ((_overallData$data$1$c2 = overallData === null || overallData === void 0 ? void 0 : (_overallData$data$10 = overallData.data[1]) === null || _overallData$data$10 === void 0 ? void 0 : (_overallData$data$10$ = _overallData$data$10.correctRate) === null || _overallData$data$10$ === void 0 ? void 0 : _overallData$data$10$.toFixed(2)) != null ? _overallData$data$1$c2 : 0) + "%";
         break;
     }
     return "<div style=\"padding: 8px; background: #fff; border-radius: 4px;\">\n                    <div style=\"border-bottom: 1px solid #f3f3f3; margin-bottom: 4px\"><strong>" + label + "</strong></div>\n                    <div style=\"display: flex; justify-content: space-between\">\n                        <p style=\"margin-right: 4px\"><strong style=\"color: " + w.globals.colors[0] + "\">" + t("my_data") + ":</strong></p>\n                        <p>" + myValue + "</p>\n                    </div>\n                    <div style=\"display: flex; justify-content: space-between\">\n                        <p style=\"margin-right: 4px\"><strong style=\"color: " + w.globals.colors[1] + "\">" + t("avg_data") + ":</strong></p>\n                        <p>" + avgValue + "</p>\n                    </div>\n                </div>";
@@ -29796,13 +29842,13 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var handleAddToClass = function handleAddToClass(userIds) {
     try {
-      var _temp12 = function _temp12() {
+      var _temp10 = function _temp10() {
         dispatch(setLoading(false));
       };
       if (!classId || !openSelectDialog) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp11 = _catch(function () {
-        function _temp10() {
+      var _temp1 = _catch(function () {
+        function _temp0() {
           return Promise.resolve(handleGetDetailData(false)).then(function () {
             toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
             handleCloseSelectDialog();
@@ -29819,18 +29865,18 @@ var useClassDetail = function useClassDetail(_ref) {
             });
           }
         }();
-        return _temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9);
+        return _temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9);
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11));
+      return Promise.resolve(_temp1 && _temp1.then ? _temp1.then(_temp10) : _temp10(_temp1));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleSubmit = function handleSubmit(values, _) {
     try {
-      var _temp16 = function _temp16() {
+      var _temp14 = function _temp14() {
         dispatch(setLoading(false));
       };
       if (values.courseWeeklyDays.some(function (i) {
@@ -29847,11 +29893,11 @@ var useClassDetail = function useClassDetail(_ref) {
       }
       var body = convertToRequestBody(values);
       dispatch(setLoading(true));
-      var _temp15 = _catch(function () {
-        function _temp14() {
+      var _temp13 = _catch(function () {
+        function _temp12() {
           toast.success(t(classId ? "update_class_successfully" : "create_class_successfully"));
         }
-        var _temp13 = function () {
+        var _temp11 = function () {
           if (!classId) {
             return Promise.resolve(createClassApi(body)).then(function (res) {
               pushTo(history, classListUrl + "/" + res.data.id);
@@ -29862,11 +29908,11 @@ var useClassDetail = function useClassDetail(_ref) {
             });
           }
         }();
-        return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
+        return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15));
+      return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -29874,7 +29920,7 @@ var useClassDetail = function useClassDetail(_ref) {
   var getStudentNotInClassList = function getStudentNotInClassList() {
     try {
       if (!classId) return Promise.resolve();
-      var _temp17 = _catch(function () {
+      var _temp15 = _catch(function () {
         var _textSearchRef$curren;
         return Promise.resolve(getStudentClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren = textSearchRef.current) === null || _textSearchRef$curren === void 0 ? void 0 : _textSearchRef$curren.value,
@@ -29905,7 +29951,7 @@ var useClassDetail = function useClassDetail(_ref) {
         setStudents([]);
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(function () {}) : void 0);
+      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -29913,7 +29959,7 @@ var useClassDetail = function useClassDetail(_ref) {
   var getTeacherNotInClassList = function getTeacherNotInClassList() {
     try {
       if (!classId) return Promise.resolve();
-      var _temp18 = _catch(function () {
+      var _temp16 = _catch(function () {
         var _textSearchRef$curren2;
         return Promise.resolve(getTeacherClassApi(classId, _extends({}, filter, {
           textSearch: (_textSearchRef$curren2 = textSearchRef.current) === null || _textSearchRef$curren2 === void 0 ? void 0 : _textSearchRef$curren2.value,
@@ -29944,7 +29990,7 @@ var useClassDetail = function useClassDetail(_ref) {
         setTeachers([]);
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -31702,9 +31748,9 @@ var useUserList = function useUserList(role) {
   var _useState9 = useState(),
     deleteFile = _useState9[0],
     setDeleteFile = _useState9[1];
-  var _useState10 = useState(false),
-    isOpenDeleteUserCsv = _useState10[0],
-    setOpenDeleteUserCsv = _useState10[1];
+  var _useState0 = useState(false),
+    isOpenDeleteUserCsv = _useState0[0],
+    setOpenDeleteUserCsv = _useState0[1];
   var inputFileRef = useRef(null);
   var firstLoadRef = useRef(true);
   var handleChangeSelectedStudent = function handleChangeSelectedStudent(student) {
@@ -31860,7 +31906,7 @@ var useUserList = function useUserList(role) {
   };
   var getUserList = function getUserList() {
     try {
-      var _temp10 = function _temp10() {
+      var _temp0 = function _temp0() {
         firstLoadRef.current && dispatch(setLoading(false));
         if (firstLoadRef.current) firstLoadRef.current = false;
       };
@@ -31889,7 +31935,7 @@ var useUserList = function useUserList(role) {
         setPaging(DEFAULT_PAGING_RESPONSE);
         console.log(error);
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -31905,7 +31951,7 @@ var useUserList = function useUserList(role) {
       setSelectedUser(user);
       setOpenUserDialog(true);
       return Promise.resolve(_catch(function () {
-        var _temp11 = function () {
+        var _temp1 = function () {
           if (!!user.id && !!user.email) {
             return Promise.resolve(createRecentUserActionListApi({
               userId: user === null || user === void 0 ? void 0 : user.id,
@@ -31915,7 +31961,7 @@ var useUserList = function useUserList(role) {
             })).then(function () {});
           }
         }();
-        if (_temp11 && _temp11.then) return _temp11.then(function () {});
+        if (_temp1 && _temp1.then) return _temp1.then(function () {});
       }, function (error) {
         console.error(getErrorMessage(t, error));
       }));
@@ -31944,18 +31990,18 @@ var useUserList = function useUserList(role) {
   };
   var handleCreateOrUpdateUser = function handleCreateOrUpdateUser(value) {
     try {
-      var _temp15 = function _temp15() {
+      var _temp13 = function _temp13() {
         dispatch(setLoading(false));
       };
       if (value.fullName === "marcus") return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp14 = _catch(function () {
-        function _temp13() {
+      var _temp12 = _catch(function () {
+        function _temp11() {
           return Promise.resolve(getUserList()).then(function () {
             handleCloseUserDialog();
           });
         }
-        var _temp12 = function () {
+        var _temp10 = function () {
           if (!!(selectedUser !== null && selectedUser !== void 0 && selectedUser.id)) {
             return Promise.resolve(updateUserApi(_extends({}, value, {
               grade: value.grade == null ? undefined : value.grade
@@ -31966,23 +32012,23 @@ var useUserList = function useUserList(role) {
             }))).then(function () {});
           }
         }();
-        return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
+        return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleDeleteUser = function handleDeleteUser() {
     try {
-      var _temp17 = function _temp17() {
+      var _temp15 = function _temp15() {
         dispatch(setLoading(false));
       };
       if (!(selectedUser !== null && selectedUser !== void 0 && selectedUser.id)) return Promise.resolve();
       dispatch(setLoading(true));
-      var _temp16 = _catch(function () {
+      var _temp14 = _catch(function () {
         return Promise.resolve(deleteUserApi(selectedUser.id)).then(function () {
           toggleConfirmDialog();
           getUserList();
@@ -31990,7 +32036,7 @@ var useUserList = function useUserList(role) {
       }, function (error) {
         toast.error(getErrorMessage(t, error));
       });
-      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp17) : _temp17(_temp16));
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp15) : _temp15(_temp14));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -32823,7 +32869,7 @@ var useCategoryOptions = function useCategoryOptions(subjectId, isMath, filter,
   };
   var getQuestionTypes = function getQuestionTypes(categoryId, subCategoryId) {
     try {
-      var _temp10 = function _temp10() {
+      var _temp0 = function _temp0() {
         setLoadingQuestionTypes(false);
       };
       setLoadingQuestionTypes(true);
@@ -32846,7 +32892,7 @@ var useCategoryOptions = function useCategoryOptions(subjectId, isMath, filter,
       }, function () {
         setQuestionTypes([]);
       });
-      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp0) : _temp0(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }