touchstudy-core 0.1.169 → 0.1.171

package/dist/index.js

@@ -1532,6 +1532,8 @@ var admin_to_admin = "관리자에서 관리자에게";
 var teacher_to_admin = "교사에서 관리자에게";
 var admin_to_teachers = "관리자에서 교사들에게";
 var teacher_to_teachers = "교사에서 교사들에게";
+var student_required = "학생은 필수입니다";
+var teachers_required = "교사가 필요합니다";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2699,7 +2701,9 @@ var lang_ko = {
 	admin_to_admin: admin_to_admin,
 	teacher_to_admin: teacher_to_admin,
 	admin_to_teachers: admin_to_teachers,
-	teacher_to_teachers: teacher_to_teachers
+	teacher_to_teachers: teacher_to_teachers,
+	student_required: student_required,
+	teachers_required: teachers_required
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3890,6 +3894,8 @@ var admin_to_admin$1 = "Admin to admin";
 var teacher_to_admin$1 = "Teacher to admin";
 var admin_to_teachers$1 = "Admin to teachers";
 var teacher_to_teachers$1 = "Teacher to teachers";
+var student_required$1 = "Student is required";
+var teachers_required$1 = "Teachers are required";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -5059,7 +5065,9 @@ var lang_en = {
 	admin_to_admin: admin_to_admin$1,
 	teacher_to_admin: teacher_to_admin$1,
 	admin_to_teachers: admin_to_teachers$1,
-	teacher_to_teachers: teacher_to_teachers$1
+	teacher_to_teachers: teacher_to_teachers$1,
+	student_required: student_required$1,
+	teachers_required: teachers_required$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -6456,6 +6464,28 @@ var formatPhoneNumber = function formatPhoneNumber(phoneNumberString) {
   return phoneNumberString;
 };
 
+var cleanRichText = function cleanRichText(html, fontSize) {
+  if (fontSize === void 0) {
+    fontSize = "1rem";
+  }
+  var container = document.createElement('div');
+  container.innerHTML = html;
+  var tagsToRemove = ['script', 'style', 'img', 'video', 'audio', 'iframe', 'canvas', 'object', 'embed', 'table'];
+  tagsToRemove.forEach(function (tag) {
+    container.querySelectorAll(tag).forEach(function (el) {
+      return el.remove();
+    });
+  });
+  var textTags = ['p', 'div', 'section', 'article', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'address', 'aside', 'span', 'a', 'strong', 'b', 'em', 'i', 'u', 'small', 'abbr', 'cite', 'code', 'mark', 'sub', 'sup', 'time', 'kbd', 'samp', 'var', 'q', 'dfn', 'br', 'label', 'legend', 'summary', 'dt', 'dd', 'caption', 'figcaption', 'title'];
+  container.querySelectorAll('*').forEach(function (el) {
+    if (textTags.includes(el.tagName)) {
+      el.style.fontSize = fontSize;
+      el.style.lineHeight = "1";
+    }
+  });
+  return container.innerHTML;
+};
+
 var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
   var currentDayOfWeek = moment.utc(utcDateTime).weekday();
   var diff = dayOfWeek - currentDayOfWeek;
@@ -15760,15 +15790,18 @@ var NoteItem = function NoteItem(_ref) {
   var handleItemClick = function handleItemClick() {
     onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(data);
   };
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(data.content);
+  }, [data.content]);
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [cleanedRichText, JSON.stringify(data)]);
   React.useEffect(function () {
     if (window.MathJax) {
       var _window$MathJax;
       (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
     }
-  }, [data.content]);
+  }, [cleanedRichText]);
   return React__default.createElement(material.Box, Object.assign({}, NoteItemStyles.root, {
     onClick: handleItemClick,
     sx: {
@@ -15800,7 +15833,7 @@ var NoteItem = function NoteItem(_ref) {
       overflow: "hidden"
     },
     dangerouslySetInnerHTML: {
-      __html: data.content || ""
+      __html: cleanedRichText
     }
   }))), React__default.createElement(material.Box, null, (isAdmin || data.isOwned) && React__default.createElement(material.ClickAwayListener, {
     onClickAway: onClose
@@ -15913,6 +15946,9 @@ var NoteItemList = function NoteItemList(_ref) {
     onView(data);
   };
   var disabled = !data.isOwned && (!isAdminUser || data.type == undefined || data.type == exports.NoteType.TeacherToAllAdmin || data.type == exports.NoteType.TeacherToTeachers);
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(data.content);
+  }, [data.content]);
   React.useEffect(function () {
     if (window.MathJax) {
       var _window$MathJax;
@@ -15947,7 +15983,7 @@ var NoteItemList = function NoteItemList(_ref) {
       overflow: "hidden"
     },
     dangerouslySetInnerHTML: {
-      __html: data.content
+      __html: cleanedRichText
     }
   })), React__default.createElement(TableCell, {
     className: "text-nowrap"
@@ -16424,9 +16460,14 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
         var field = _ref3.field;
         return React__default.createElement(StudentSelector, {
           value: field.value,
-          onChange: function onChange(val) {
-            setFieldValue("studentId", val === null || val === void 0 ? void 0 : val.value);
-            setFieldValue("student", val);
+          onChange: function (val) {
+            try {
+              return Promise.resolve(setFieldValue("studentId", val === null || val === void 0 ? void 0 : val.value)).then(function () {
+                return Promise.resolve(setFieldValue("student", val)).then(function () {});
+              });
+            } catch (e) {
+              return Promise.reject(e);
+            }
           },
           isMulti: false
         });
@@ -16437,7 +16478,7 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
       lineHeight: "11.93px",
       mt: 1,
       color: "#F34B4B"
-    }, errors.studentId)), (type === exports.NoteType.AdminToAllAdmin || type === exports.NoteType.AdminToAllTeacher) && React__default.createElement(material.FormControl, {
+    }, t(errors.studentId))), (type === exports.NoteType.AdminToAllAdmin || type === exports.NoteType.AdminToAllTeacher) && React__default.createElement(material.FormControl, {
       className: "w-100"
     }, React__default.createElement(material.FormLabel, {
       className: "fw-medium",
@@ -16474,12 +16515,17 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
         var field = _ref4.field;
         return React__default.createElement(TeacherSelector$1, {
           value: field.value,
-          onChange: function onChange(val) {
-            var _val$map, _val$map2;
-            setFieldValue("userIds", (_val$map = val === null || val === void 0 ? void 0 : (_val$map2 = val.map) === null || _val$map2 === void 0 ? void 0 : _val$map2.call(val, function (i) {
-              return i.value;
-            })) != null ? _val$map : []);
-            setFieldValue("users", val != null ? val : []);
+          onChange: function (val) {
+            try {
+              var _val$map, _val$map2;
+              return Promise.resolve(setFieldValue("userIds", (_val$map = val === null || val === void 0 ? void 0 : (_val$map2 = val.map) === null || _val$map2 === void 0 ? void 0 : _val$map2.call(val, function (i) {
+                return i.value;
+              })) != null ? _val$map : [])).then(function () {
+                return Promise.resolve(setFieldValue("users", val != null ? val : [])).then(function () {});
+              });
+            } catch (e) {
+              return Promise.reject(e);
+            }
           },
           isDisabled: !!selectedNote,
           exceptMe: true,
@@ -16493,7 +16539,7 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
       lineHeight: "11.93px",
       mt: 1,
       color: "#F34B4B"
-    }, errors.userIds)), React__default.createElement(material.Stack, null, React__default.createElement("label", {
+    }, t(errors.userIds))), React__default.createElement(material.Stack, null, React__default.createElement("label", {
       htmlFor: "content-question",
       className: styles["form-label"] + "  " + styles$5["form-label-dialog"]
     }, t("incorrect_answer_note_contents")), React__default.createElement(material.Box, {
@@ -16524,7 +16570,7 @@ var GeneralNoteDialog = function GeneralNoteDialog(_ref) {
       lineHeight: "11.93px",
       mt: 1,
       color: "#F34B4B"
-    }, errors.content), React__default.createElement(material.Box, {
+    }, t(errors.content)), React__default.createElement(material.Box, {
       marginBottom: "4px"
     })))), React__default.createElement(DialogActions, {
       sx: {
@@ -16789,7 +16835,8 @@ var NoteList = function NoteList(_ref) {
     open: openConfirmNote,
     toggle: handleCloseConfirmStudentNoteDialog,
     onConfirm: handleSaveStudentNote,
-    text: t("are_you_sure_to_create_student_parent_note")
+    text: t("are_you_sure_to_create_student_parent_note"),
+    zIndex: 1300
   }), React__default.createElement(ConfirmDeleteDialog, {
     open: openDeleteNoteDialog,
     toggle: handleCloseDeleteDialog,
@@ -17649,7 +17696,7 @@ var ExamResultItem = function ExamResultItem(_ref) {
   };
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   var examTime = React.useMemo(function () {
     return utcToLocalTime(data.startTime, "HH:mm") + " ~ " + utcToLocalTime(data.endTime, "HH:mm");
   }, [data.startTime, data.endTime]);
@@ -23210,7 +23257,7 @@ var TextbookResultItem = function TextbookResultItem(_ref) {
   };
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   return React__default.createElement(material.Stack, {
     height: "100%",
     direction: "column",
@@ -26156,7 +26203,7 @@ var CourseAttendanceItem = function CourseAttendanceItem(_ref) {
   var lastAttendance = timAgo(data.lastAttendanceDate, t);
   React.useEffect(function () {
     onLoad === null || onLoad === void 0 ? void 0 : onLoad();
-  }, []);
+  }, [JSON.stringify(data)]);
   return React__default.createElement(material.Stack, {
     direction: "column",
     px: 2,
@@ -39095,10 +39142,19 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
     onLoad = _ref.onLoad;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var announcementData = convertAnnouncementData(t, role, data);
+  var cleanedRichText = React.useMemo(function () {
+    return cleanRichText(announcementData.content);
+  }, [announcementData.content]);
+  React.useEffect(function () {
+    if (window.MathJax) {
+      var _window$MathJax;
+      (_window$MathJax = window.MathJax) === null || _window$MathJax === void 0 ? void 0 : _window$MathJax.typeset();
+    }
+  }, [cleanedRichText]);
   React.useEffect(function () {
     onLoad();
-  }, []);
-  var announcementData = convertAnnouncementData(t, role, data);
+  }, [cleanedRichText, data.createdAt, announcementData.action, announcementData.name]);
   return React__default.createElement(React.Fragment, null, renderLink(React__default.createElement(material.ListItemButton, {
     sx: _extends({
       py: 1.5,
@@ -39121,14 +39177,18 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
     sx: {
       marginBlock: 0
     },
-    primary: React__default.createElement(material.Typography, null, React__default.createElement(material.Typography, {
+    primary: React__default.createElement(material.Box, null, React__default.createElement(material.Typography, {
       fontWeight: 600,
       display: "inline-block"
     }, announcementData.name), announcementData.action && React__default.createElement(material.Typography, {
       display: "inline-block",
       px: "4px"
-    }, announcementData.action + ":"), React__default.createElement(material.Typography, {
+    }, announcementData.action + ":"), React__default.createElement(material.Box, {
       display: "inline-block",
+      sx: {
+        verticalAlign: "middle"
+      }
+    }, React__default.createElement(material.Box, {
       sx: {
         display: "-webkit-box",
         lineClamp: 2,
@@ -39138,9 +39198,9 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
         overflow: "hidden"
       },
       dangerouslySetInnerHTML: {
-        __html: announcementData.content || ""
+        __html: cleanedRichText
       }
-    })),
+    }))),
     secondary: React__default.createElement(material.Typography, {
       variant: "caption",
       sx: {
@@ -40697,6 +40757,7 @@ exports.VirtualTableView = VirtualTableView;
 exports.api = api;
 exports.apiUpload = apiUpload;
 exports.canAccessRoute = canAccess;
+exports.cleanRichText = cleanRichText;
 exports.convertHHMMSStoSeconds = convertHHMMSStoSeconds;
 exports.createRecentUserActionListApi = createRecentUserActionListApi;
 exports.diffFromNow = diffFromNow;