touchstudy-core 0.1.192 → 0.1.193

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;