touchstudy-core 0.1.161 → 0.1.163

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'));
@@ -427,7 +427,7 @@ var question_count = "문제 갯수";
 var multi_choice = "여러 개임";
 var category = "문항 카테고리";
 var korean_category = "지문 영역";
-var korean_subcateogry = "지문 세부 영역";
+var korean_subcategory = "지문 세부 영역";
 var _category = "카테고리";
 var score = "점수";
 var enter_score = "점수 입력";
@@ -1484,6 +1484,24 @@ 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 lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1570,7 +1588,7 @@ var lang_ko = {
 	multi_choice: multi_choice,
 	category: category,
 	korean_category: korean_category,
-	korean_subcateogry: korean_subcateogry,
+	korean_subcategory: korean_subcategory,
 	_category: _category,
 	score: score,
 	enter_score: enter_score,
@@ -2605,7 +2623,25 @@ 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
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2712,7 +2748,7 @@ var number_of_answers$1 = "Number of answers";
 var correct_answers$1 = "Correct answers";
 var category$1 = "Category";
 var korean_category$1 = "Category";
-var korean_subcateogry$1 = "Subcategory";
+var korean_subcategory$1 = "Subcategory";
 var _category$1 = "Category";
 var score$1 = "Score";
 var enter_title$1 = "Enter title";
@@ -3750,6 +3786,24 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -3858,7 +3912,7 @@ var lang_en = {
 	correct_answers: correct_answers$1,
 	category: category$1,
 	korean_category: korean_category$1,
-	korean_subcateogry: korean_subcateogry$1,
+	korean_subcategory: korean_subcategory$1,
 	_category: _category$1,
 	score: score$1,
 	enter_title: enter_title$1,
@@ -4873,7 +4927,25 @@ 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
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -6228,10 +6300,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 +7622,8 @@ var getClassesApi = function getClassesApi(textSearch) {
   return api.get("" + COURSE_URL, {
     params: {
       textSearch: textSearch,
+      pageSize: 100,
+      currentPage: 1,
       roles: [exports.Role.Admin]
     }
   });
@@ -7589,11 +7675,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 +7696,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 +8179,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 +8257,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 +8279,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 +8338,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 +8517,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 +8590,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 +8602,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 +8834,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 +8846,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 +8868,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 +8895,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 +8907,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 +9227,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 +9309,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;
@@ -14367,37 +14486,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, {
@@ -14460,7 +14554,8 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
       id: "content-question",
       style: {
         paddingRight: "40px",
-        minHeight: "64px"
+        minHeight: "96px",
+        width: "100%"
       },
       name: "content",
       placeholder: t("the_problem_is_difficult"),
@@ -23471,6 +23566,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 +23581,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 +23596,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 +23618,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 +23669,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",
@@ -28469,10 +28578,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 +32560,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 +32587,7 @@ var OrderBy$2;
 var NOTIFICATION_HEADERS = [{
   title: "#"
 }, {
-  title: "name",
+  title: "notification_title",
   sortKey: NotificationSortBy.Name
 }, {
   title: "type",
@@ -32690,6 +32801,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 +32819,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 +32861,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 +33156,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 +33200,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, {