touchstudy-core 0.1.162 → 0.1.164

package/dist/index.js

@@ -27,10 +27,10 @@ require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
 var reactVirtualized = require('react-virtualized');
 var formik = require('formik');
-var styles$c = require('@mui/material/styles');
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
+var styles$c = require('@mui/material/styles');
 var Grid = _interopDefault(require('@mui/material/Grid'));
 var Typography = _interopDefault(require('@mui/material/Typography'));
 var Card = _interopDefault(require('@mui/material/Card'));
@@ -1484,6 +1484,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,
@@ -2605,7 +2624,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";
@@ -3750,6 +3788,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,
@@ -4873,7 +4930,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__default.use(reactI18next.initReactI18next).init({
@@ -6228,10 +6304,22 @@ function _finally(body, finalizer) {
 
 (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";
 })(exports.RecentUserAction || (exports.RecentUserAction = {}));
 
 (function (UserSortColumn) {
@@ -7538,6 +7626,8 @@ var getClassesApi = function getClassesApi(textSearch) {
   return api.get("" + COURSE_URL, {
     params: {
       textSearch: textSearch,
+      pageSize: 100,
+      currentPage: 1,
       roles: [exports.Role.Admin]
     }
   });
@@ -7589,11 +7679,7 @@ var ClassSelector = function ClassSelector(_ref) {
   }, [searchString]);
   React.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);
@@ -7614,7 +7700,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,
@@ -8097,6 +8183,12 @@ var ChatRightItem = function ChatRightItem(_ref) {
     isOpenTooltip = _useTooltip.isOpenTooltip,
     handleCloseTooltip = _useTooltip.handleCloseTooltip,
     handleOpenTooltip = _useTooltip.handleOpenTooltip;
+  React.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(material.Typography, {
     fontWeight: 500,
     fontSize: "12px",
@@ -8169,17 +8261,15 @@ var ChatRightItem = function ChatRightItem(_ref) {
     style: {
       "float": "inline-end",
       maxWidth: 400,
-      background: styles.less_dark
-    }
-  }, React__default.createElement(material.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) {
@@ -8193,6 +8283,12 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     toggleImageDialog = _ref.toggleImageDialog;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  React.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(material.Typography, {
     fontWeight: 500,
     fontSize: "12px",
@@ -8246,17 +8342,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(material.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) {
@@ -8427,6 +8521,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 = React.useRef(true);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  React.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(tinymceReact.Editor, {
+    disabled: disabled,
+    init: config || options,
+    value: initValue,
+    onEditorChange: handleChange
+  });
+};
+
 var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
   var open = _ref.open,
     onClose = _ref.onClose,
@@ -8459,7 +8594,7 @@ var UpdateMessageDialog = function UpdateMessageDialog(_ref) {
       handleUpdateMessage(content || "");
     }
   }, function (_ref2) {
-    _objectDestructuringEmpty(_ref2);
+    var setFieldValue = _ref2.setFieldValue;
     return React__default.createElement(formik.Form, null, React__default.createElement("label", {
       htmlFor: "content",
       className: styles$1['form-label'] + "  " + styles$1['form-label-dialog']
@@ -8471,7 +8606,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(material.DialogActions, {
       sx: {
         display: 'flex',
@@ -8694,7 +8838,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,
@@ -8707,15 +8850,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]);
@@ -8738,8 +8872,8 @@ var InputChat = function InputChat(_ref) {
     width: "100%"
   }, React__default.createElement(material.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: {
@@ -8765,17 +8899,9 @@ var InputChat = function InputChat(_ref) {
   }, React__default.createElement(io5.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(material.Typography, {
     fontWeight: 500,
@@ -8785,8 +8911,8 @@ var InputChat = function InputChat(_ref) {
   }, t('this_is_the_guidance_text'))), React__default.createElement(material.Box, {
     display: "flex",
     flexDirection: "column",
-    justifyContent: "flex-end",
-    alignItems: "flex-start",
+    justifyContent: "flex-start",
+    alignItems: "flex-end",
     gap: "16px"
   }, React__default.createElement(material.Button, {
     variant: "contained",
@@ -9105,7 +9231,6 @@ var ChatContainer = function ChatContainer(_ref) {
     onReachTop = _ref.onReachTop,
     onReachBottom = _ref.onReachBottom,
     onEndScrollToEnd = _ref.onEndScrollToEnd;
-  var inputRef = React.useRef(null);
   var listRef = React.useRef(null);
   var listItemRef = React.useRef(null);
   var scrollRef = React.useRef();
@@ -9188,9 +9313,7 @@ var ChatContainer = function ChatContainer(_ref) {
     className: "d-flex justify-content-center align-items-center"
   }, React__default.createElement(material.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;
@@ -10922,7 +11045,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") reactToastify.toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else reactToastify.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") reactToastify.toast.error(t("duplicate_passcode_for_siblings_please_contact_admin_for_assistance"));else {
+          !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+          localStorage.removeItem(LEARNING_SPACE);
+          reactToastify.toast.error(getErrorMessage(t, error));
+        }
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
@@ -11451,7 +11578,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);
         reactToastify.toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
@@ -11547,6 +11675,7 @@ var useLogiQRCode = function useLogiQRCode(props) {
     error = _useState8[0],
     setError = _useState8[1];
   var firstLoadRef = React.useRef(true);
+  var hasErrorRef = React.useRef(false);
   var onVerify = React.useCallback(function (token) {
     setTokenReCaptcha(token);
   }, []);
@@ -11562,7 +11691,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);
@@ -11583,6 +11713,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);
     }
   };
@@ -11888,7 +12019,8 @@ var useLoginWithEmail = function useLoginWithEmail(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         reactToastify.toast.error(getErrorMessage(t, error, t("request_login_fail")));
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
@@ -12008,7 +12140,8 @@ var useLogin$2 = function useLogin(_ref) {
           }), token, redirectUrl);
         });
       }, function (error) {
-        console.log(error);
+        !!academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
+        localStorage.removeItem(LEARNING_SPACE);
         reactToastify.toast.error(getErrorMessage(t, error, t("request_login_fail")));
       }));
     } catch (e) {
@@ -14351,6 +14484,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 = React.useRef(true);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  React.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(tinymceReact.Editor, {
+    disabled: disabled,
+    init: config || options,
+    value: initValue,
+    onEditorChange: handleChange
+  });
+};
+
 var schema$1 = yup.object().shape({
   content: yup.string().required()
 });
@@ -14367,37 +14542,12 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
   var handleSaveNote = function handleSaveNote(content) {
     onSaveNote(content);
   };
-  var _useState = React.useState(false),
-    keyboardOpen = _useState[0],
-    setKeyboardOpen = _useState[1];
-  React.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(material.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, {
     id: "customized-dialog-title"
   }, React__default.createElement(Typography, {
@@ -14426,7 +14576,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(formik.Form, null, React__default.createElement(DialogContent, {
       sx: {
         padding: 0,
@@ -14455,16 +14606,22 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       flexDirection: "row",
       alignItems: "center"
     }, React__default.createElement(formik.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(material.Box, {
       marginBottom: "4px"
     })))), React__default.createElement(DialogActions, {
@@ -14954,7 +15111,18 @@ var NoteItem = function NoteItem(_ref) {
     number: (data.questionOrder || 0) + 1
   }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(material.Typography, Object.assign({
     className: "truncate"
-  }, NoteItemStyles.contentText), data.content)), React__default.createElement(material.Box, null, (isAdmin || data.isOwned) && React__default.createElement(material.ClickAwayListener, {
+  }, NoteItemStyles.contentText, {
+    sx: {
+      display: "-webkit-box",
+      lineClamp: 1,
+      WebkitLineClamp: 1,
+      WebkitBoxOrient: "vertical",
+      overflow: "hidden"
+    },
+    dangerouslySetInnerHTML: {
+      __html: data.content || ""
+    }
+  }))), React__default.createElement(material.Box, null, (isAdmin || data.isOwned) && React__default.createElement(material.ClickAwayListener, {
     onClickAway: onClose
   }, React__default.createElement(material.Box, null, React__default.createElement(CustomTooltip, {
     onClose: onClose,
@@ -15154,8 +15322,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) {
@@ -23471,6 +23642,7 @@ var Textbook = function Textbook(_ref) {
     getTextbookList = _ref.getTextbookList,
     onViewQA = _ref.onViewQA;
   var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
+  var isStudentSite = role === exports.Role.Student;
   var _useDrawer = useDrawer(),
     isOpenDialog = _useDrawer.isOpenDialog,
     handleCloseDialog = _useDrawer.handleCloseDialog,
@@ -23485,6 +23657,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(material.Stack, {
     sx: {
       border: 1,
@@ -23497,16 +23672,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(material.Stack, null, React__default.createElement(material.Stack, {
     flexDirection: "row"
   }, React__default.createElement(material.Typography, {
@@ -23516,7 +23694,16 @@ var Textbook = function Textbook(_ref) {
   }, t("test_name")), React__default.createElement(material.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(material.Stack, {
     flexDirection: "row"
   }, React__default.createElement(material.Typography, {
@@ -23558,9 +23745,7 @@ var Textbook = function Textbook(_ref) {
     onClick: handleOpenDialog
   }, React__default.createElement(fa.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(material.Button, {
+  }), t("test_start")), isEditable && React__default.createElement(material.Button, {
     variant: "outlined",
     sx: {
       width: "fit-content",
@@ -25438,6 +25623,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);
 };
@@ -26971,6 +27162,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 () {
+            reactToastify.toast.success(t("update_data_successfully"));
+          });
+        });
+      }, function (error) {
+        reactToastify.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
@@ -26996,7 +27208,8 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
     handleCreateClass: handleCreateClass,
     handleUpdateClass: handleUpdateClass,
     handleChangePage: handleChangePage,
-    handleDeleteClass: handleDeleteClass
+    handleDeleteClass: handleDeleteClass,
+    handleToggleHidden: handleToggleHidden
   };
 };
 
@@ -27009,7 +27222,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 === exports.Role.Admin;
+  var isAdmin = reactRedux.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(exports.Role.Admin);
+  });
+  var isTeacher = reactRedux.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(exports.Role.Teacher);
+  }) && !isAdmin;
+  var isAdminSite = role === exports.Role.Admin;
   var _useClassList = useClassList(history, classCreateUrl, classUpdateUrl),
     t = _useClassList.t,
     paging = _useClassList.paging,
@@ -27024,7 +27245,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(material.Box, null, React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center",
@@ -27032,7 +27257,7 @@ var ClassList = function ClassList(_ref) {
     mb: 2
   }, React__default.createElement(material.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(fa.FaPlus, {
@@ -27055,7 +27280,7 @@ var ClassList = function ClassList(_ref) {
   }), React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, React__default.createElement(material.TableContainer, null, React__default.createElement(Table, null, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, CLASS_HEADERS.map(function (i, index) {
+  }, React__default.createElement(material.TableContainer, null, React__default.createElement(Table, null, React__default.createElement(TableHead, null, React__default.createElement(TableRow, null, headers.map(function (i, index) {
     return React__default.createElement(TableCell, {
       key: index,
       onClick: !!i.sortKey ? function () {
@@ -27072,7 +27297,13 @@ var ClassList = function ClassList(_ref) {
       key: i.id
     }, React__default.createElement(TableCell, null, (paging.page - 1) * paging.limit + index + 1), React__default.createElement(TableCell, {
       className: "text-nowrap"
-    }, i.name), React__default.createElement(TableCell, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell, null, i.totalStudents), React__default.createElement(TableCell, null, i.totalTeachers), React__default.createElement(TableCell, null, i.totalLessons), React__default.createElement(TableCell, null, (isAdmin || isSuperAdmin) && React__default.createElement("div", {
+    }, i.name), React__default.createElement(TableCell, null, toLocalTime(i.startDate, t("date_format"))), React__default.createElement(TableCell, null, toLocalTime(i.endDate, t("date_format"))), React__default.createElement(TableCell, null, i.totalStudents), React__default.createElement(TableCell, null, i.totalTeachers), React__default.createElement(TableCell, null, i.totalLessons), isTeacher && React__default.createElement(TableCell, null, React__default.createElement(material.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, null, (isAdminSite || isSuperAdmin) && React__default.createElement("div", {
       className: "d-flex"
     }, React__default.createElement(material.IconButton, {
       color: "default",
@@ -27090,7 +27321,7 @@ var ClassList = function ClassList(_ref) {
       }
     }, React__default.createElement(fa6.FaTrashCan, {
       size: 12
-    }))), !(isAdmin || isSuperAdmin) && React__default.createElement(material.IconButton, {
+    }))), !(isAdminSite || isSuperAdmin) && React__default.createElement(material.IconButton, {
       color: "default",
       className: "bg-primary text-white me-1",
       onClick: function onClick() {
@@ -28469,10 +28700,10 @@ var RecentUserActionDialog = function RecentUserActionDialog(_ref) {
       }
     }, t(i.title)));
   }))), React__default.createElement(material.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(material.TableRow, {
       key: i.id
-    }, React__default.createElement(material.TableCell, null, index + 1), React__default.createElement(material.TableCell, null, ((_i$targetUser = i.targetUser) === null || _i$targetUser === void 0 ? void 0 : _i$targetUser.fullName) || ''), React__default.createElement(material.TableCell, null, formatRole((_i$targetUser2 = i.targetUser) === null || _i$targetUser2 === void 0 ? void 0 : _i$targetUser2.roles, t)), React__default.createElement(material.TableCell, null, t(RecentUserActionNames[i.action] || '')), React__default.createElement(material.TableCell, null, utcToLocalTime(i.createdAt, t("date_time_format"))));
+    }, React__default.createElement(material.TableCell, null, index + 1), React__default.createElement(material.TableCell, null, ((_i$targetUser = i.targetUser) === null || _i$targetUser === void 0 ? void 0 : _i$targetUser.fullName) || ''), React__default.createElement(material.TableCell, null, formatRole((_i$targetUser2 = i.targetUser) === null || _i$targetUser2 === void 0 ? void 0 : _i$targetUser2.roles, t)), React__default.createElement(material.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(material.TableCell, null, utcToLocalTime(i.createdAt, t("date_time_format"))));
   }), !(recentUserActions !== null && recentUserActions !== void 0 && recentUserActions.length) && React__default.createElement(material.TableRow, null, React__default.createElement(material.TableCell, {
     sx: {
       textAlign: 'center'
@@ -32451,16 +32682,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";
@@ -32476,7 +32709,7 @@ var OrderBy$2;
 var NOTIFICATION_HEADERS = [{
   title: "#"
 }, {
-  title: "name",
+  title: "notification_title",
   sortKey: NotificationSortBy.Name
 }, {
   title: "type",
@@ -32690,6 +32923,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(material.Grid, {
@@ -32704,14 +32941,14 @@ var NotificationForm = function NotificationForm(_ref) {
   }, React__default.createElement(material.FormGroup, null, React__default.createElement(material.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, {
@@ -32746,9 +32983,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", {
@@ -33043,6 +33278,10 @@ var NotificationList = function NotificationList(_ref) {
     handleDeleteNotification = _useNotificationList.handleDeleteNotification,
     onChangeFilterType = _useNotificationList.onChangeFilterType;
   var Wrapper = as || Container;
+  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
@@ -33083,9 +33322,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(material.Grid, {
@@ -38186,6 +38423,7 @@ var Header = function Header(_ref) {
   }, [isTeacherSide, language]);
   return React__default.createElement(material.Stack, {
     width: "100%",
+    height: "78px",
     display: "flex",
     flexDirection: "row",
     gap: {