touchstudy-core 0.1.162 → 0.1.164

package/dist/index.modern.js

@@ -13,7 +13,7 @@ export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 export { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, memo, createElement } from 'react';
-import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, Skeleton, Tabs, Tab, Divider, Drawer, tableCellClasses, Accordion, AccordionSummary, AccordionDetails, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Switch, CardMedia as CardMedia$1, MenuList } from '@mui/material';
+import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, Skeleton, Tabs, Tab, Divider, Drawer, tableCellClasses, Accordion, AccordionSummary, AccordionDetails, TableContainer, Switch, RadioGroup, Radio, FormControl, InputLabel, Chip, 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, FaCalendar, FaUser, FaBookOpen, FaPlus, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaCheckCircle, FaShare, FaExchangeAlt } from 'react-icons/fa';
@@ -30,10 +30,10 @@ import 'moment/locale/en-au.js';
 import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
 export { CellMeasurerCache, MultiGrid } from 'react-virtualized';
 import { Formik, Form, Field, FieldArray } from 'formik';
-import { alpha } from '@mui/material/styles';
 import tinymce from 'tinymce';
 import '@wiris/mathtype-tinymce6';
 import { Editor } from '@tinymce/tinymce-react';
+import { alpha } from '@mui/material/styles';
 import Grid$1 from '@mui/material/Grid';
 import Typography$1 from '@mui/material/Typography';
 import Card from '@mui/material/Card';
@@ -1488,6 +1488,25 @@ var textbook_name = "교재 이름";
 var korean_language = "국어";
 var answer_cannot_be_empty = "답변은 비워둘 수 없습니다";
 var are_you_sure_to_create_student_parent_note = "학생/학부모에게 노트를 생성하시겠습니까?";
+var notification_title = "알림 제목";
+var vieweduser = "사용자 조회";
+var updateduser = "사용자 업데이트";
+var creatednewuser = "새 사용자 생성";
+var importeduser = "사용자 가져오기";
+var viewedqna = "Q&A 조회";
+var completedqna = "Q&A 완료";
+var answeredqna = "Q&A 답변";
+var removemessageqna = "Q&A 메시지 삭제";
+var updatemessageqna = "Q&A 메시지 업데이트";
+var viewedexamresult = "시험 결과 조회";
+var printedexamresult = "시험 결과 출력";
+var viewedattendance = "출석 조회";
+var updatedattendance = "출석 업데이트";
+var addedteachertoclass = "교사 수업 추가";
+var removedteacherfromclass = "교사 수업 제거";
+var addedstudenttoclass = "학생 수업 추가";
+var removedstudentfromclass = "학생 수업 제거";
+var hidden = "숨겨진";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2609,7 +2628,26 @@ var lang_ko = {
 	textbook_name: textbook_name,
 	korean_language: korean_language,
 	answer_cannot_be_empty: answer_cannot_be_empty,
-	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note
+	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note,
+	notification_title: notification_title,
+	vieweduser: vieweduser,
+	updateduser: updateduser,
+	creatednewuser: creatednewuser,
+	importeduser: importeduser,
+	viewedqna: viewedqna,
+	completedqna: completedqna,
+	answeredqna: answeredqna,
+	removemessageqna: removemessageqna,
+	updatemessageqna: updatemessageqna,
+	viewedexamresult: viewedexamresult,
+	printedexamresult: printedexamresult,
+	viewedattendance: viewedattendance,
+	updatedattendance: updatedattendance,
+	addedteachertoclass: addedteachertoclass,
+	removedteacherfromclass: removedteacherfromclass,
+	addedstudenttoclass: addedstudenttoclass,
+	removedstudentfromclass: removedstudentfromclass,
+	hidden: hidden
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3754,6 +3792,25 @@ var textbook_name$1 = "Textbook name";
 var korean_language$1 = "Korean";
 var answer_cannot_be_empty$1 = "Answer cannot be empty";
 var are_you_sure_to_create_student_parent_note$1 = "Are you sure you want to create a note for the student/parent?";
+var notification_title$1 = "Notification title";
+var vieweduser$1 = "Viewed user";
+var updateduser$1 = "Updated user";
+var creatednewuser$1 = "Created new user";
+var importeduser$1 = "Imported user";
+var viewedqna$1 = "Viewed Q&A";
+var completedqna$1 = "Completed Q&A";
+var answeredqna$1 = "Answered Q&A";
+var removemessageqna$1 = "Remove message Q&A";
+var updatemessageqna$1 = "Update message Q&A";
+var viewedexamresult$1 = "Viewed exam result";
+var printedexamresult$1 = "Printed exam result";
+var viewedattendance$1 = "Viewed attendance";
+var updatedattendance$1 = "Updated attendance";
+var addedteachertoclass$1 = "Added teacher to class";
+var removedteacherfromclass$1 = "Removed teacher from class";
+var addedstudenttoclass$1 = "Added student to class";
+var removedstudentfromclass$1 = "Removed student from class";
+var hidden$1 = "Hidden";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4877,7 +4934,26 @@ var lang_en = {
 	textbook_name: textbook_name$1,
 	korean_language: korean_language$1,
 	answer_cannot_be_empty: answer_cannot_be_empty$1,
-	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note$1
+	are_you_sure_to_create_student_parent_note: are_you_sure_to_create_student_parent_note$1,
+	notification_title: notification_title$1,
+	vieweduser: vieweduser$1,
+	updateduser: updateduser$1,
+	creatednewuser: creatednewuser$1,
+	importeduser: importeduser$1,
+	viewedqna: viewedqna$1,
+	completedqna: completedqna$1,
+	answeredqna: answeredqna$1,
+	removemessageqna: removemessageqna$1,
+	updatemessageqna: updatemessageqna$1,
+	viewedexamresult: viewedexamresult$1,
+	printedexamresult: printedexamresult$1,
+	viewedattendance: viewedattendance$1,
+	updatedattendance: updatedattendance$1,
+	addedteachertoclass: addedteachertoclass$1,
+	removedteacherfromclass: removedteacherfromclass$1,
+	addedstudenttoclass: addedstudenttoclass$1,
+	removedstudentfromclass: removedstudentfromclass$1,
+	hidden: hidden$1
 };
 
 i18n.use(initReactI18next).init({
@@ -6240,10 +6316,22 @@ var OrderType;
 var RecentUserAction;
 (function (RecentUserAction) {
   RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["UpdatedUser"] = "UpdatedUser";
+  RecentUserAction["CreatedNewUser"] = "CreatedNewUser";
+  RecentUserAction["ImportedUser"] = "ImportedUser";
   RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["CompletedQNA"] = "CompletedQNA";
+  RecentUserAction["AnsweredQNA"] = "AnsweredQNA";
+  RecentUserAction["RemoveMessageQNA"] = "RemoveMessageQNA";
+  RecentUserAction["UpdateMessageQNA"] = "UpdateMessageQNA";
   RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
   RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
   RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+  RecentUserAction["UpdatedAttendance"] = "UpdatedAttendance";
+  RecentUserAction["AddedTeacherToClass"] = "AddedTeacherToClass";
+  RecentUserAction["RemovedTeacherFromClass"] = "RemovedTeacherFromClass";
+  RecentUserAction["AddedStudentToClass"] = "AddedStudentToClass";
+  RecentUserAction["RemovedStudentFromClass"] = "RemovedStudentFromClass";
 })(RecentUserAction || (RecentUserAction = {}));
 
 var UserSortColumn;
@@ -7556,6 +7644,8 @@ var getClassesApi = function getClassesApi(textSearch) {
   return api.get("" + COURSE_URL, {
     params: {
       textSearch: textSearch,
+      pageSize: 100,
+      currentPage: 1,
       roles: [Role.Admin]
     }
   });
@@ -7607,11 +7697,7 @@ var ClassSelector = function ClassSelector(_ref) {
   }, [searchString]);
   useEffect(function () {
     timeout && timeout.current && clearTimeout(timeout.current);
-    if (!searchString || searchString.trim().length < 2) {
-      setClasses([]);
-    } else {
-      timeout.current = setTimeout(loadData, 300);
-    }
+    timeout.current = setTimeout(loadData, 300);
   }, [searchString]);
   var options = classes.filter(function (classOption) {
     return !externalClassIds || externalClassIds && !externalClassIds.includes(classOption.id);
@@ -7632,7 +7718,7 @@ var ClassSelector = function ClassSelector(_ref) {
       return setSearchString(inputValue);
     },
     isLoading: isLoading,
-    placeholder: t('placeholder_student_selector'),
+    placeholder: t('select_placeholder'),
     isMulti: true,
     value: value,
     onChange: onChange,
@@ -8115,6 +8201,12 @@ var ChatRightItem = function ChatRightItem(_ref) {
     isOpenTooltip = _useTooltip.isOpenTooltip,
     handleCloseTooltip = _useTooltip.handleCloseTooltip,
     handleOpenTooltip = _useTooltip.handleOpenTooltip;
+  useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [content]);
   return React__default.createElement("div", null, showTimestamp && React__default.createElement(Typography, {
     fontWeight: 500,
     fontSize: "12px",
@@ -8187,17 +8279,15 @@ var ChatRightItem = function ChatRightItem(_ref) {
     style: {
       "float": "inline-end",
       maxWidth: 400,
-      background: styles.less_dark
-    }
-  }, React__default.createElement(Typography, {
-    fontWeight: 500,
-    fontSize: "14px",
-    lineHeight: "16.71px",
-    color: "#fff",
-    sx: {
-      wordBreak: "break-word"
+      background: styles.less_dark,
+      color: "#FFF",
+      fontSize: "14px",
+      fontWeight: 500
+    },
+    dangerouslySetInnerHTML: {
+      __html: content || ""
     }
-  }, content))))));
+  })))));
 };
 
 var ChatLeftItem = function ChatLeftItem(_ref) {
@@ -8211,6 +8301,12 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     toggleImageDialog = _ref.toggleImageDialog;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [content]);
   return React__default.createElement("div", null, showTimestamp && React__default.createElement(Typography, {
     fontWeight: 500,
     fontSize: "12px",
@@ -8264,17 +8360,15 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
   }) : React__default.createElement("div", {
     className: styles$1["wrap-content"] + " " + styles$1["content-chat-sender"],
     style: {
-      maxWidth: 400
-    }
-  }, React__default.createElement(Typography, {
-    fontWeight: 500,
-    fontSize: "14px",
-    lineHeight: "16.71px",
-    color: styles.gray_700,
-    sx: {
-      wordBreak: "break-word"
+      maxWidth: 400,
+      color: styles.gray_700,
+      fontSize: "14px",
+      fontWeight: 500
+    },
+    dangerouslySetInnerHTML: {
+      __html: content || ""
     }
-  }, content)))));
+  }))));
 };
 
 var ImageDetailDialog = function ImageDetailDialog(_ref) {
@@ -8445,6 +8539,47 @@ var iconPlusCircle = function iconPlusCircle(_ref) {
   }));
 };
 
+var TinyChatEditor = function TinyChatEditor(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onChange = _ref.onChange,
+    initValue = _ref.initValue,
+    config = _ref.config;
+  var isFirstChange = useRef(true);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    if (window.tinymce) {
+      window.tinymce = tinymce;
+    }
+  }, []);
+  var options = {
+    height: 126,
+    menubar: false,
+    readonly: false,
+    external_plugins: {
+      tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
+    },
+    toolbar: 'tiny_mce_wiris_formulaEditor',
+    branding: false,
+    extended_valid_elements: '*[.*]',
+    placeholder: t("send_message")
+  };
+  var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
+    onChange(value);
+  };
+  return React__default.createElement(Editor, {
+    disabled: disabled,
+    init: config || options,
+    value: initValue,
+    onEditorChange: handleChange
+  });
+};
+
 var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
   var open = _ref.open,
     onClose = _ref.onClose,
@@ -8477,7 +8612,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       handleUpdateMessage(content || "");
     }
   }, function (_ref2) {
-    _objectDestructuringEmpty(_ref2);
+    var setFieldValue = _ref2.setFieldValue;
     return React__default.createElement(Form, null, React__default.createElement("label", {
       htmlFor: "content",
       className: styles$1['form-label'] + "  " + styles$1['form-label-dialog']
@@ -8489,7 +8624,16 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       name: "content",
       validate: validate,
       placeholder: t('the_problem_is_difficult'),
-      className: styles$1['form-control']
+      className: styles$1['form-control'],
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return React__default.createElement(TinyChatEditor, {
+          initValue: field.value,
+          onChange: function onChange(text) {
+            return setFieldValue("content", text);
+          }
+        });
+      }
     }), React__default.createElement(DialogActions, {
       sx: {
         display: 'flex',
@@ -8712,7 +8856,6 @@ var iconSendMessage = function iconSendMessage(_ref) {
 
 var InputChat = function InputChat(_ref) {
   var text = _ref.text,
-    inputRef = _ref.inputRef,
     onChangeInput = _ref.onChangeInput,
     onSubmit = _ref.onSubmit,
     isCompleted = _ref.isCompleted,
@@ -8725,15 +8868,6 @@ var InputChat = function InputChat(_ref) {
   var handleSubmit = function handleSubmit() {
     onSubmit();
   };
-  var handleInputChange = function handleInputChange(event) {
-    onChangeInput(event.target.value);
-  };
-  var handleKeyPressEnter = function handleKeyPressEnter(e) {
-    if (e.key === "Enter") {
-      handleSubmit();
-      return;
-    }
-  };
   var handleSelectedFile = function handleSelectedFile(e) {
     var files = e.target.files;
     handleUploadImage(files[0]);
@@ -8756,8 +8890,8 @@ var InputChat = function InputChat(_ref) {
     width: "100%"
   }, React__default.createElement(Box, {
     display: "flex",
-    border: "1px solid #97A1AF",
-    borderRadius: "6px",
+    border: selectedFile ? "1px solid #97A1AF" : undefined,
+    borderRadius: selectedFile ? "6px" : undefined,
     flexDirection: "column"
   }, selectedFile && React__default.createElement("div", {
     style: {
@@ -8783,17 +8917,9 @@ var InputChat = function InputChat(_ref) {
   }, React__default.createElement(IoCloseOutline, {
     color: "#fff",
     size: 30
-  }))), React__default.createElement("input", {
-    className: styles$1["input-chat"],
-    style: {
-      border: "none"
-    },
-    placeholder: t("send_message"),
-    ref: inputRef,
-    value: text,
-    width: "100%",
-    onKeyPress: handleKeyPressEnter,
-    onChange: handleInputChange,
+  }))), React__default.createElement(TinyChatEditor, {
+    initValue: text,
+    onChange: onChangeInput,
     disabled: isCompleted
   })), React__default.createElement(Typography, {
     fontWeight: 500,
@@ -8803,8 +8929,8 @@ var InputChat = function InputChat(_ref) {
   }, t('this_is_the_guidance_text'))), React__default.createElement(Box, {
     display: "flex",
     flexDirection: "column",
-    justifyContent: "flex-end",
-    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    alignItems: "flex-end",
     gap: "16px"
   }, React__default.createElement(Button, {
     variant: "contained",
@@ -9123,7 +9249,6 @@ var ChatContainer = function ChatContainer(_ref) {
     onReachTop = _ref.onReachTop,
     onReachBottom = _ref.onReachBottom,
     onEndScrollToEnd = _ref.onEndScrollToEnd;
-  var inputRef = useRef(null);
   var listRef = useRef(null);
   var listItemRef = useRef(null);
   var scrollRef = useRef();
@@ -9206,9 +9331,7 @@ var ChatContainer = function ChatContainer(_ref) {
     className: "d-flex justify-content-center align-items-center"
   }, React__default.createElement(CircularProgress, null)), React__default.createElement(ChatList, Object.assign({}, chatListProps, {
     listItemRef: listItemRef
-  }))), React__default.createElement(InputChat, Object.assign({}, inputProps, {
-    inputRef: inputRef
-  })));
+  }))), React__default.createElement(InputChat, Object.assign({}, inputProps)));
 };
 
 var MessageSortBy;
@@ -10940,7 +11063,11 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
         });
       }, function (error) {
         var _error$response, _error$response2, _error$response2$data;
-        if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 500 && (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) === "PhoneNumberIsDuplicated") toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else toast.error(getErrorMessage(t, error));
+        if ((error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 500 && (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.title) === "PhoneNumberIsDuplicated") toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else {
+          !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+          localStorage.removeItem(LEARNING_SPACE);
+          toast.error(getErrorMessage(t, error));
+        }
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -11469,7 +11596,8 @@ var useLogin$1 = function useLogin(_ref) {
         }();
         return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
@@ -11565,6 +11693,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
     error = _useState8[0],
     setError = _useState8[1];
   var firstLoadRef = useRef(true);
+  var hasErrorRef = useRef(false);
   var onVerify = useCallback(function (token) {
     setTokenReCaptcha(token);
   }, []);
@@ -11580,7 +11709,8 @@ var useLogiQRCode = function useLogiQRCode(props) {
       if (!tokenReCaptcha) return Promise.resolve();
       resetData();
       setLoadingQR(true);
-      if (!academyDomain) localStorage.setItem(LEARNING_SPACE, "true");
+      if (!academyDomain || hasErrorRef.current) localStorage.setItem(LEARNING_SPACE, "true");
+      if (hasErrorRef.current) localStorage.removeItem(ACADEMY_DOMAIN);
       var _temp = _catch(function () {
         return Promise.resolve(generateQRCode(academyDomain, tokenReCaptcha)).then(function (response) {
           setQrCodeData(response.data);
@@ -11601,6 +11731,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
       setInfo(recievedData === null || recievedData === void 0 ? void 0 : recievedData.data);
       setStatus(QRCodeStatus.Scanned);
     } catch (error) {
+      hasErrorRef.current = true;
       setInvalid(true);
     }
   };
@@ -11906,7 +12037,8 @@ var useLoginWithEmail = function useLoginWithEmail(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
@@ -12026,7 +12158,8 @@ var useLogin$2 = function useLogin(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         toast.error(getErrorMessage(t, error, t("request_login_fail")));
       }));
     } catch (e) {
@@ -14369,6 +14502,48 @@ var iconCloseDialog = function iconCloseDialog(_ref) {
   }));
 };
 
+var NoteTinyEditor = function NoteTinyEditor(_ref) {
+  var _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    onChange = _ref.onChange,
+    initValue = _ref.initValue,
+    config = _ref.config;
+  var isFirstChange = useRef(true);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    if (window.tinymce) {
+      window.tinymce = tinymce;
+    }
+  }, []);
+  var options = {
+    height: 280,
+    menubar: false,
+    readonly: false,
+    external_plugins: {
+      tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
+    },
+    plugins: ['anchor', 'autolink', 'charmap', 'codesample', 'emoticons', 'image', 'link', 'lists', 'media', 'searchreplace', 'table', 'textcolor', 'wordcount'],
+    toolbar: 'undo redo | blocks fontfamily fontsize forecolor backcolor | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat | tiny_mce_wiris_formulaEditor | tiny_mce_wiris_formulaEditorChemistry',
+    branding: false,
+    extended_valid_elements: '*[.*]',
+    placeholder: t("the_problem_is_difficult")
+  };
+  var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
+    onChange(value);
+  };
+  return React__default.createElement(Editor, {
+    disabled: disabled,
+    init: config || options,
+    value: initValue,
+    onEditorChange: handleChange
+  });
+};
+
 var schema$1 = object().shape({
   content: string().required()
 });
@@ -14385,37 +14560,12 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
   var handleSaveNote = function handleSaveNote(content) {
     onSaveNote(content);
   };
-  var _useState = useState(false),
-    keyboardOpen = _useState[0],
-    setKeyboardOpen = _useState[1];
-  useEffect(function () {
-    var handleResize = function handleResize() {
-      if (window.innerHeight < window.outerHeight) {
-        setKeyboardOpen(true);
-      } else {
-        setKeyboardOpen(false);
-      }
-    };
-    window.addEventListener("resize", handleResize);
-    handleResize();
-    return function () {
-      return window.removeEventListener("resize", handleResize);
-    };
-  }, []);
   return React__default.createElement(Dialog, {
     onClose: onClose,
     open: open,
+    maxWidth: "md",
     scroll: "body",
-    PaperProps: {
-      sx: {
-        maxHeight: "unset",
-        minWidth: "363px",
-        overflowY: "auto",
-        position: "relative",
-        bottom: keyboardOpen ? "0" : undefined,
-        transition: "top 0.3s ease"
-      }
-    }
+    fullWidth: true
   }, React__default.createElement(DialogTitle$1, {
     id: "customized-dialog-title"
   }, React__default.createElement(Typography$1, {
@@ -14444,7 +14594,8 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       handleSaveNote(values.content);
     }
   }, function (_ref2) {
-    var values = _ref2.values;
+    var values = _ref2.values,
+      setFieldValue = _ref2.setFieldValue;
     return React__default.createElement(Form, null, React__default.createElement(DialogContent$1, {
       sx: {
         padding: 0,
@@ -14473,16 +14624,22 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       flexDirection: "row",
       alignItems: "center"
     }, React__default.createElement(Field, {
-      as: "textarea",
-      rows: 3,
       id: "content-question",
       style: {
-        paddingRight: "40px",
-        minHeight: "64px"
+        width: "100%"
       },
       name: "content",
       placeholder: t("the_problem_is_difficult"),
-      className: styles["form-control"]
+      className: styles["form-control"],
+      render: function render(_ref3) {
+        var field = _ref3.field;
+        return React__default.createElement(NoteTinyEditor, {
+          initValue: field.value,
+          onChange: function onChange(text) {
+            return setFieldValue("content", text);
+          }
+        });
+      }
     })), React__default.createElement(Box, {
       marginBottom: "4px"
     })))), React__default.createElement(DialogActions$1, {
@@ -14972,7 +15129,18 @@ var NoteItem = function NoteItem(_ref) {
     number: (data.questionOrder || 0) + 1
   }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(Typography, Object.assign({
     className: "truncate"
-  }, NoteItemStyles.contentText), data.content)), React__default.createElement(Box, null, (isAdmin || data.isOwned) && React__default.createElement(ClickAwayListener, {
+  }, NoteItemStyles.contentText, {
+    sx: {
+      display: "-webkit-box",
+      lineClamp: 1,
+      WebkitLineClamp: 1,
+      WebkitBoxOrient: "vertical",
+      overflow: "hidden"
+    },
+    dangerouslySetInnerHTML: {
+      __html: data.content || ""
+    }
+  }))), React__default.createElement(Box, null, (isAdmin || data.isOwned) && React__default.createElement(ClickAwayListener, {
     onClickAway: onClose
   }, React__default.createElement(Box, null, React__default.createElement(CustomTooltip, {
     onClose: onClose,
@@ -15172,8 +15340,11 @@ var NoteDrawer = function NoteDrawer(props) {
       fontSize: "14px",
       fontWeight: "300",
       color: "#414E62"
+    },
+    dangerouslySetInnerHTML: {
+      __html: (data === null || data === void 0 ? void 0 : data.content) || ""
     }
-  }, data === null || data === void 0 ? void 0 : data.content)));
+  })));
 };
 
 var useVirtualList = function useVirtualList(studentId, defaultFilter, getItemsApi) {
@@ -23489,6 +23660,7 @@ var Textbook = function Textbook(_ref) {
     getTextbookList = _ref.getTextbookList,
     onViewQA = _ref.onViewQA;
   var isTabletUp = useMediaQuery(theme.breakpoints.up("lg"));
+  var isStudentSite = role === Role.Student;
   var _useDrawer = useDrawer(),
     isOpenDialog = _useDrawer.isOpenDialog,
     handleCloseDialog = _useDrawer.handleCloseDialog,
@@ -23503,6 +23675,9 @@ var Textbook = function Textbook(_ref) {
     handleOpenConfirmDialog = _useTextbook.handleOpenConfirmDialog,
     handleCloseConfirmDialog = _useTextbook.handleCloseConfirmDialog,
     handleDeleteTextbook = _useTextbook.handleDeleteTextbook;
+  var isEditable = isSuperAdmin || textbook.isShared && ((textbook === null || textbook === void 0 ? void 0 : (_textbook$createdBy = textbook.createdBy) === null || _textbook$createdBy === void 0 ? void 0 : _textbook$createdBy.id) === (user === null || user === void 0 ? void 0 : user.id) || textbook.textbookOwners.some(function (i) {
+    return i.id === (user === null || user === void 0 ? void 0 : user.id);
+  }));
   return React__default.createElement(Stack, {
     sx: {
       border: 1,
@@ -23515,16 +23690,19 @@ var Textbook = function Textbook(_ref) {
     sx: {
       gap: "24px",
       flexDirection: "row",
-      alignItems: "center",
-      cursor: "pointer"
+      alignItems: "center"
     }
   }, React__default.createElement("img", {
     style: {
       objectFit: "contain",
-      height: "100%"
+      height: "100%",
+      cursor: !isStudentSite ? "pointer" : undefined
     },
     width: 68,
-    src: textbook.coverImage
+    src: textbook.coverImage,
+    onClick: function onClick() {
+      return !isStudentSite && handleOpenDetailDialog();
+    }
   }), React__default.createElement(Stack, null, React__default.createElement(Stack, {
     flexDirection: "row"
   }, React__default.createElement(Typography, {
@@ -23534,7 +23712,16 @@ var Textbook = function Textbook(_ref) {
   }, t("test_name")), React__default.createElement(Typography, {
     fontSize: "14px",
     color: styles.gray_900,
-    fontWeight: 700
+    fontWeight: 700,
+    sx: _extends({}, !isStudentSite && {
+      "&:hover": {
+        color: styles.less_dark
+      },
+      cursor: "pointer"
+    }),
+    onClick: function onClick() {
+      return !isStudentSite && handleOpenDetailDialog();
+    }
   }, textbook.name)), React__default.createElement(Stack, {
     flexDirection: "row"
   }, React__default.createElement(Typography, {
@@ -23576,9 +23763,7 @@ var Textbook = function Textbook(_ref) {
     onClick: handleOpenDialog
   }, React__default.createElement(FaBookOpen, {
     size: "20px"
-  }), t("test_start")), (isSuperAdmin || textbook.isShared && ((textbook === null || textbook === void 0 ? void 0 : (_textbook$createdBy = textbook.createdBy) === null || _textbook$createdBy === void 0 ? void 0 : _textbook$createdBy.id) === (user === null || user === void 0 ? void 0 : user.id) || textbook.textbookOwners.some(function (i) {
-    return i.id === (user === null || user === void 0 ? void 0 : user.id);
-  }))) && React__default.createElement(Button, {
+  }), t("test_start")), isEditable && React__default.createElement(Button, {
     variant: "outlined",
     sx: {
       width: "fit-content",
@@ -25456,6 +25641,12 @@ var updateClassApi = function updateClassApi(id, model) {
 var deleteClassApi = function deleteClassApi(id) {
   return api["delete"](CLASS_URL + "/" + id);
 };
+var hiddenClassesApi = function hiddenClassesApi(hidden, classId) {
+  return api.post(CLASS_URL + "/hidden", {
+    hidden: hidden,
+    courseIds: [classId]
+  });
+};
 var addStudentToClass = function addStudentToClass(id, studentIds) {
   return api.post(CLASS_URL + "/" + id + "/students", studentIds);
 };
@@ -26989,6 +27180,27 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
   var handleUpdateClass = function handleUpdateClass(value) {
     value.id && classUpdateUrl && pushTo(history, "" + classUpdateUrl.replace(":id", "" + value.id));
   };
+  var handleToggleHidden = function handleToggleHidden(e, classId) {
+    try {
+      var _temp5 = function _temp5() {
+        dispatch(setLoading(false));
+      };
+      var checked = e.target.checked;
+      dispatch(setLoading(true));
+      var _temp4 = _catch(function () {
+        return Promise.resolve(hiddenClassesApi(checked, classId)).then(function () {
+          return Promise.resolve(getClassList()).then(function () {
+            toast.success(t("update_data_successfully"));
+          });
+        });
+      }, function (error) {
+        toast.error(getErrorMessage(t, error));
+      });
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
   var handleChangePage = function handleChangePage(_, page) {
     setClassFilter(_extends({}, classFilter, {
       currentPage: page
@@ -27014,7 +27226,8 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
     handleCreateClass: handleCreateClass,
     handleUpdateClass: handleUpdateClass,
     handleChangePage: handleChangePage,
-    handleDeleteClass: handleDeleteClass
+    handleDeleteClass: handleDeleteClass,
+    handleToggleHidden: handleToggleHidden
   };
 };
 
@@ -27027,7 +27240,15 @@ var ClassList = function ClassList(_ref) {
     var _state$common, _state$common$user;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.isSuperAdmin;
   });
-  var isAdmin = role === Role.Admin;
+  var isAdmin = useSelector(function (state) {
+    var _state$common2, _state$common2$user, _state$common2$user$r;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : (_state$common2$user$r = _state$common2$user.roles) === null || _state$common2$user$r === void 0 ? void 0 : _state$common2$user$r.includes(Role.Admin);
+  });
+  var isTeacher = useSelector(function (state) {
+    var _state$common3, _state$common3$user, _state$common3$user$r;
+    return state === null || state === void 0 ? void 0 : (_state$common3 = state.common) === null || _state$common3 === void 0 ? void 0 : (_state$common3$user = _state$common3.user) === null || _state$common3$user === void 0 ? void 0 : (_state$common3$user$r = _state$common3$user.roles) === null || _state$common3$user$r === void 0 ? void 0 : _state$common3$user$r.includes(Role.Teacher);
+  }) && !isAdmin;
+  var isAdminSite = role === Role.Admin;
   var _useClassList = useClassList(history, classCreateUrl, classUpdateUrl),
     t = _useClassList.t,
     paging = _useClassList.paging,
@@ -27042,7 +27263,11 @@ var ClassList = function ClassList(_ref) {
     handleCreateClass = _useClassList.handleCreateClass,
     handleUpdateClass = _useClassList.handleUpdateClass,
     handleChangePage = _useClassList.handleChangePage,
-    handleDeleteClass = _useClassList.handleDeleteClass;
+    handleDeleteClass = _useClassList.handleDeleteClass,
+    handleToggleHidden = _useClassList.handleToggleHidden;
+  var headers = !isTeacher ? CLASS_HEADERS : [].concat(CLASS_HEADERS.slice(0, -1), [{
+    title: "hidden"
+  }], CLASS_HEADERS.slice(-1));
   return React__default.createElement(Box, null, React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
@@ -27050,7 +27275,7 @@ var ClassList = function ClassList(_ref) {
     mb: 2
   }, React__default.createElement(Typography, {
     variant: "h4"
-  }, t("classes")), (isAdmin || isSuperAdmin) && React__default.createElement(MButton, {
+  }, t("classes")), (isAdminSite || isSuperAdmin) && React__default.createElement(MButton, {
     variant: "contained",
     color: "inherit",
     startIcon: React__default.createElement(FaPlus, {
@@ -27073,7 +27298,7 @@ var ClassList = function ClassList(_ref) {
   }), React__default.createElement(Grid, {
     item: true,
     xs: 12
-  }, React__default.createElement(TableContainer, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead$1, null, React__default.createElement(TableRow$1, null, CLASS_HEADERS.map(function (i, index) {
+  }, React__default.createElement(TableContainer, null, React__default.createElement(Table$1, null, React__default.createElement(TableHead$1, null, React__default.createElement(TableRow$1, null, headers.map(function (i, index) {
     return React__default.createElement(TableCell$1, {
       key: index,
       onClick: !!i.sortKey ? function () {
@@ -27090,7 +27315,13 @@ var ClassList = function ClassList(_ref) {
       key: i.id
     }, React__default.createElement(TableCell$1, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell$1, {
       className: "text-nowrap"
-    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), React__default.createElement(TableCell$1, null, (isAdmin || isSuperAdmin) && React__default.createElement("div", {
+    }, i.name), React__default.createElement(TableCell$1, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell$1, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell$1, null, i.totalStudents), React__default.createElement(TableCell$1, null, i.totalTeachers), React__default.createElement(TableCell$1, null, i.totalLessons), isTeacher && React__default.createElement(TableCell$1, null, React__default.createElement(Switch, {
+      checked: i.hidden,
+      onChange: function onChange(e) {
+        var _i$id;
+        return handleToggleHidden(e, (_i$id = i.id) != null ? _i$id : 0);
+      }
+    })), React__default.createElement(TableCell$1, null, (isAdminSite || isSuperAdmin) && React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(IconButton, {
       color: "default",
@@ -27108,7 +27339,7 @@ var ClassList = function ClassList(_ref) {
       }
     }, React__default.createElement(FaTrashCan, {
       size: 12
-    }))), !(isAdmin || isSuperAdmin) && React__default.createElement(IconButton, {
+    }))), !(isAdminSite || isSuperAdmin) && React__default.createElement(IconButton, {
       color: "default",
       className: "bg-primary text-white me-1",
       onClick: function onClick() {
@@ -28487,10 +28718,10 @@ var RecentUserActionDialog = function RecentUserActionDialog(_ref) {
       }
     }, t(i.title)));
   }))), React__default.createElement(TableBody, null, recentUserActions === null || recentUserActions === void 0 ? void 0 : recentUserActions.map(function (i, index) {
-    var _i$targetUser, _i$targetUser2;
+    var _i$targetUser, _i$targetUser2, _RecentUserActionName, _RecentUserActionName2;
     return React__default.createElement(TableRow, {
       key: i.id
-    }, React__default.createElement(TableCell, null, index + 1), React__default.createElement(TableCell, null, ((_i$targetUser = i.targetUser) === null || _i$targetUser === void 0 ? void 0 : _i$targetUser.fullName) || ''), React__default.createElement(TableCell, null, formatRole((_i$targetUser2 = i.targetUser) === null || _i$targetUser2 === void 0 ? void 0 : _i$targetUser2.roles, t)), React__default.createElement(TableCell, null, t(RecentUserActionNames[i.action] || '')), React__default.createElement(TableCell, null, utcToLocalTime(i.createdAt, t("date_time_format"))));
+    }, React__default.createElement(TableCell, null, index + 1), React__default.createElement(TableCell, null, ((_i$targetUser = i.targetUser) === null || _i$targetUser === void 0 ? void 0 : _i$targetUser.fullName) || ''), React__default.createElement(TableCell, null, formatRole((_i$targetUser2 = i.targetUser) === null || _i$targetUser2 === void 0 ? void 0 : _i$targetUser2.roles, t)), React__default.createElement(TableCell, null, t(((_RecentUserActionName = RecentUserActionNames[i.action]) === null || _RecentUserActionName === void 0 ? void 0 : (_RecentUserActionName2 = _RecentUserActionName.toLowerCase) === null || _RecentUserActionName2 === void 0 ? void 0 : _RecentUserActionName2.call(_RecentUserActionName)) || '')), React__default.createElement(TableCell, null, utcToLocalTime(i.createdAt, t("date_time_format"))));
   }), !(recentUserActions !== null && recentUserActions !== void 0 && recentUserActions.length) && React__default.createElement(TableRow, null, React__default.createElement(TableCell, {
     sx: {
       textAlign: 'center'
@@ -32469,16 +32700,18 @@ var TypeNotificationEnum;
   TypeNotificationEnum[TypeNotificationEnum["Class"] = 2] = "Class";
   TypeNotificationEnum[TypeNotificationEnum["Student"] = 3] = "Student";
 })(TypeNotificationEnum || (TypeNotificationEnum = {}));
-var optionTypeNotification = [{
-  value: TypeNotificationEnum.Academy,
-  label: "Academy"
-}, {
-  value: TypeNotificationEnum.Class,
-  label: "Class"
-}, {
-  value: TypeNotificationEnum.Student,
-  label: "Student"
-}];
+var optionTypeNotification = function optionTypeNotification(t) {
+  return [{
+    value: TypeNotificationEnum.Academy,
+    label: t("academy")
+  }, {
+    value: TypeNotificationEnum.Class,
+    label: t("class")
+  }, {
+    value: TypeNotificationEnum.Student,
+    label: t("student")
+  }];
+};
 var NotificationSortBy;
 (function (NotificationSortBy) {
   NotificationSortBy["CreatedAt"] = "CreatedAt";
@@ -32494,7 +32727,7 @@ var OrderBy$3;
 var NOTIFICATION_HEADERS = [{
   title: "#"
 }, {
-  title: "name",
+  title: "notification_title",
   sortKey: NotificationSortBy.Name
 }, {
   title: "type",
@@ -32708,6 +32941,10 @@ var NotificationForm = function NotificationForm(_ref) {
       formikProp.setValues(_extends({}, DEFAULT_NOTIFICATION_REQUEST));
     }
   }, [JSON.stringify(data)]);
+  var optionTypes = optionTypeNotification(t);
+  var notificationTypes = isAdmin ? optionTypes : optionTypes.filter(function (i) {
+    return i.value !== TypeNotificationEnum.Academy;
+  });
   return React__default.createElement("div", {
     className: "d-flex flex-column"
   }, React__default.createElement(Grid, {
@@ -32722,14 +32959,14 @@ var NotificationForm = function NotificationForm(_ref) {
   }, React__default.createElement(FormGroup, null, React__default.createElement(FormLabel, {
     className: "mb-2 fw-bold",
     htmlFor: "class_name"
-  }, t("name"), " ", React__default.createElement("span", {
+  }, t("notification_title"), " ", React__default.createElement("span", {
     className: "text-danger"
   }, "*")), React__default.createElement(InputText, {
     id: "name",
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
     value: formikProp.values.name,
     onChange: handleChangeClassTitle,
-    placeholder: t("name")
+    placeholder: t("notification_title")
   }), formikProp.touched.name && formikProp.errors.name ? React__default.createElement("div", {
     className: "mt-1"
   }, React__default.createElement(ErrorHandler, {
@@ -32764,9 +33001,7 @@ var NotificationForm = function NotificationForm(_ref) {
     className: "" + styles$9["teacher-selector-wrapper"]
   }, React__default.createElement(TypeSelector, {
     disabled: !isAdmin && (!!id && !(data !== null && data !== void 0 && data.isOwned) || isTeacherAdmin),
-    optionTypeNotification: isAdmin ? optionTypeNotification : optionTypeNotification.filter(function (i) {
-      return i.value !== TypeNotificationEnum.Academy;
-    }),
+    optionTypeNotification: notificationTypes,
     value: formikProp.values.type,
     onChange: handleChangeType
   }), formikProp.touched.type && formikProp.errors.type ? React__default.createElement("div", {
@@ -33061,6 +33296,10 @@ var NotificationList = function NotificationList(_ref) {
     handleDeleteNotification = _useNotificationList.handleDeleteNotification,
     onChangeFilterType = _useNotificationList.onChangeFilterType;
   var Wrapper = as || Container$1;
+  var optionTypes = optionTypeNotification(t);
+  var notificationTypes = isAdmin ? optionTypes : optionTypes.filter(function (i) {
+    return i.value !== TypeNotificationEnum.Academy;
+  });
   return React__default.createElement(Wrapper, {
     maxWidth: "xl",
     className: "bg-white pt-5 p-4 rounded-4 " + className
@@ -33101,9 +33340,7 @@ var NotificationList = function NotificationList(_ref) {
     item: true,
     xs: 6
   }, React__default.createElement(SelectFilterType, {
-    optionTypeNotification: isAdmin ? optionTypeNotification : optionTypeNotification.filter(function (i) {
-      return i.value !== TypeNotificationEnum.Academy;
-    }),
+    optionTypeNotification: notificationTypes,
     value: notificationFilter.type,
     onChange: onChangeFilterType
   })))), React__default.createElement(Grid, {
@@ -38204,6 +38441,7 @@ var Header = function Header(_ref) {
   }, [isTeacherSide, language]);
   return React__default.createElement(Stack, {
     width: "100%",
+    height: "78px",
     display: "flex",
     flexDirection: "row",
     gap: {