touchstudy-core 0.1.170 → 0.1.172

package/dist/components/Print/hooks/useDeviceType.d.ts

@@ -0,0 +1,4 @@
+declare const useDeviceType: () => {
+    isTablet: boolean;
+};
+export default useDeviceType;

package/dist/containers/PreparedTextbook/components/PreparedTextbookForm.d.ts

@@ -1,6 +1,6 @@
 import { FormikProps } from "formik";
 import React, { FC } from "react";
-import { TextbookRequest } from "../configs/types";
+import { TextbookDetailResponse, TextbookRequest } from "../configs/types";
 interface Props extends FormikProps<TextbookRequest> {
     isCreatedByAdmin?: boolean;
     isSuperAdminUser: boolean;
@@ -11,6 +11,8 @@ interface Props extends FormikProps<TextbookRequest> {
     coverImage?: string;
     disabled?: boolean;
     ownersDisabled?: boolean;
+    handleSaveData: (values: TextbookRequest) => Promise<void>;
+    selectedTextbook?: TextbookDetailResponse;
     onUploadImage: (event: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
     onChangeTab: (_: React.SyntheticEvent, newValue: number) => void;
 }

package/dist/containers/PreparedTextbook/configs/constants.d.ts

@@ -93,3 +93,5 @@ export declare const CompareTypeOptions: {
     label: string;
     value: QuestionAnswerType;
 }[];
+export declare const SAVE_TIME_INTERVAL_IN_MILLISECONDS: number;
+export declare const SAVE_TIME_MAX_DIFF_IN_MILLISECONDS = 500;

package/dist/containers/PreparedTextbook/configs/enums.d.ts

@@ -19,3 +19,8 @@ export declare enum TextbookEditorType {
     Korea = 1,
     Math = 2
 }
+export declare enum PrintStatus {
+    Idle = 0,
+    Saving = 1,
+    Saved = 2
+}

package/dist/containers/PreparedTextbook/hooks/useTextbookManagement.d.ts

@@ -11,7 +11,7 @@ declare const useTextbookManagement: ({ textbookId, role, onNavigateList }: Prop
     isAdminSite: boolean;
     disabledTextbookOwners: boolean;
     isReadonly: boolean;
-    isEditable: boolean;
+    isEditable: any;
     isAdmin: any;
     theme: import("@mui/material").Theme;
     history: History;
@@ -20,6 +20,7 @@ declare const useTextbookManagement: ({ textbookId, role, onNavigateList }: Prop
     isSuperAdminUser: any;
     openDialog: boolean;
     handleSubmit: (values: TextbookRequest, _formikHelpers: FormikHelpers<TextbookRequest>) => Promise<void>;
+    handleSaveData: (values: TextbookRequest) => Promise<void>;
     selectedTextbook: TextbookDetailResponse | undefined;
     handleOpenDialog: (item?: any) => void;
     handleCloseDialog: () => void;

package/dist/index.js

@@ -70,6 +70,7 @@ var reactHookForm = require('react-hook-form');
 var yup$1 = require('@hookform/resolvers/yup');
 var pi = require('react-icons/pi');
 var Container = _interopDefault(require('@mui/material/Container'));
+var ai = require('react-icons/ai');
 var bs = require('react-icons/bs');
 var Popover = _interopDefault(require('@mui/material/Popover'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
@@ -1029,6 +1030,7 @@ var teacher_required = "선생님은 필수입니다";
 var total_users = "총 사용자";
 var added_date = "추가된 날짜";
 var sync_exam_results = "시험 결과 동기화";
+var sync_textbook_results = "교재 결과 동기화";
 var update_data_fail = "데이터 업데이트 실패";
 var add_students_to_class = "수업에 학생 추가";
 var add_teachers_to_class = "수업에 교사 추가";
@@ -1039,9 +1041,13 @@ var question_management = "질문 관리";
 var student_data = "학생 데이터";
 var problem_number_question_chart = "문제 {{number}}번";
 var are_you_sure_to_sync_exam_results_to_academy = "시험 결과를 아카데미 {{ academyName }}에 동기화하시겠습니까(백그라운드에서 실행되며 시간이 다소 소요됨)";
+var are_you_sure_to_sync_textbook_results_to_academy = "교재 학습 결과를 아카데미 {{ academyName }}에 동기화하시겠습니까? (백그라운드에서 실행되며 시간이 다소 소요됨)";
 var messages = {
-	exam_sessions_are_being_synchronized: "{{ total }} 개의 시험 세션이 동기화되고 있습니다"
+	exam_sessions_are_being_synchronized: "{{ total }} 개의 시험 세션이 동기화되고 있습니다",
+	textbook_sessions_are_being_synchronized: "{{ total }} 개의 교재 학습 세션이 동기화되고 있습니다"
 };
+var sync_exam = "시험 동기화";
+var sync_textbook = "교재 동기화";
 var submit = "제출하다";
 var must_select_a_teacher_first = "먼저 교사를 선택해야 합니다";
 var student_grade_is_invalid = "학생 등급은 1에서 12 사이여야 합니다";
@@ -1488,6 +1494,8 @@ var order_matters = "순서 상관 있음";
 var order_does_not_matter = "순서 상관 없음";
 var synonym_processing = "답 이음동의어 처리";
 var compare_type = "비교 유형";
+var all_changes_saved = "모든 변경 사항이 저장되었습니다";
+var saving = "절약";
 var textbook_name = "교재 이름";
 var korean_language = "국어";
 var answer_cannot_be_empty = "답변은 비워둘 수 없습니다";
@@ -1534,6 +1542,7 @@ var admin_to_teachers = "관리자에서 교사들에게";
 var teacher_to_teachers = "교사에서 교사들에게";
 var student_required = "학생은 필수입니다";
 var teachers_required = "교사가 필요합니다";
+var all_changes_are_not_saved_yet = "아직 모든 변경 사항이 저장되지 않았습니다";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2213,6 +2222,7 @@ var lang_ko = {
 	total_users: total_users,
 	added_date: added_date,
 	sync_exam_results: sync_exam_results,
+	sync_textbook_results: sync_textbook_results,
 	update_data_fail: update_data_fail,
 	add_students_to_class: add_students_to_class,
 	add_teachers_to_class: add_teachers_to_class,
@@ -2223,7 +2233,10 @@ var lang_ko = {
 	student_data: student_data,
 	problem_number_question_chart: problem_number_question_chart,
 	are_you_sure_to_sync_exam_results_to_academy: are_you_sure_to_sync_exam_results_to_academy,
+	are_you_sure_to_sync_textbook_results_to_academy: are_you_sure_to_sync_textbook_results_to_academy,
 	messages: messages,
+	sync_exam: sync_exam,
+	sync_textbook: sync_textbook,
 	submit: submit,
 	must_select_a_teacher_first: must_select_a_teacher_first,
 	student_grade_is_invalid: student_grade_is_invalid,
@@ -2658,6 +2671,8 @@ var lang_ko = {
 	order_does_not_matter: order_does_not_matter,
 	synonym_processing: synonym_processing,
 	compare_type: compare_type,
+	all_changes_saved: all_changes_saved,
+	saving: saving,
 	textbook_name: textbook_name,
 	korean_language: korean_language,
 	answer_cannot_be_empty: answer_cannot_be_empty,
@@ -2703,7 +2718,8 @@ var lang_ko = {
 	admin_to_teachers: admin_to_teachers,
 	teacher_to_teachers: teacher_to_teachers,
 	student_required: student_required,
-	teachers_required: teachers_required
+	teachers_required: teachers_required,
+	all_changes_are_not_saved_yet: all_changes_are_not_saved_yet
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3390,6 +3406,7 @@ var teacher_required$1 = "Teacher is required";
 var total_users$1 = "Total users";
 var added_date$1 = "Added date";
 var sync_exam_results$1 = "Sync exam results";
+var sync_textbook_results$1 = "Sync textbook results";
 var update_data_fail$1 = "Update data fail";
 var add_students_to_class$1 = "Add students to class";
 var add_teachers_to_class$1 = "Add teachers to class";
@@ -3400,9 +3417,13 @@ var question_management$1 = "Question Management";
 var student_data$1 = "Student Data";
 var problem_number_question_chart$1 = "Q. {{number}}";
 var are_you_sure_to_sync_exam_results_to_academy$1 = "Are you sure to sync exam results to academy \"{{ academyName }}\" (it will run in the background and take a while)";
+var are_you_sure_to_sync_textbook_results_to_academy$1 = "Are you sure to sync textbook results to academy \"{{ academyName }}\" (it will run in the background and take a while)";
 var messages$1 = {
-	exam_sessions_are_being_synchronized: "{{ total }} exam sessions are being synchronized"
+	exam_sessions_are_being_synchronized: "{{ total }} exam sessions are being synchronized",
+	textbook_sessions_are_being_synchronized: "{{ total }} textbook sessions are being synchronized"
 };
+var sync_exam$1 = "Sync Exam";
+var sync_textbook$1 = "Sync Textbook";
 var submit$1 = "Submit";
 var must_select_a_teacher_first$1 = "Must select a teacher first";
 var student_grade_is_invalid$1 = "Student grade must be from 1 to 12";
@@ -3850,6 +3871,8 @@ var order_matters$1 = "Order matters";
 var order_does_not_matter$1 = "Order doesn't matter";
 var synonym_processing$1 = "Answer Synonym processing";
 var compare_type$1 = "Compare Type";
+var all_changes_saved$1 = "All changes saved";
+var saving$1 = "Saving";
 var textbook_name$1 = "Textbook name";
 var korean_language$1 = "Korean";
 var answer_cannot_be_empty$1 = "Answer cannot be empty";
@@ -3896,6 +3919,7 @@ 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 all_changes_are_not_saved_yet$1 = "All changes are not saved yet";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4576,6 +4600,7 @@ var lang_en = {
 	total_users: total_users$1,
 	added_date: added_date$1,
 	sync_exam_results: sync_exam_results$1,
+	sync_textbook_results: sync_textbook_results$1,
 	update_data_fail: update_data_fail$1,
 	add_students_to_class: add_students_to_class$1,
 	add_teachers_to_class: add_teachers_to_class$1,
@@ -4586,7 +4611,10 @@ var lang_en = {
 	student_data: student_data$1,
 	problem_number_question_chart: problem_number_question_chart$1,
 	are_you_sure_to_sync_exam_results_to_academy: are_you_sure_to_sync_exam_results_to_academy$1,
+	are_you_sure_to_sync_textbook_results_to_academy: are_you_sure_to_sync_textbook_results_to_academy$1,
 	messages: messages$1,
+	sync_exam: sync_exam$1,
+	sync_textbook: sync_textbook$1,
 	submit: submit$1,
 	must_select_a_teacher_first: must_select_a_teacher_first$1,
 	student_grade_is_invalid: student_grade_is_invalid$1,
@@ -5022,6 +5050,8 @@ var lang_en = {
 	order_does_not_matter: order_does_not_matter$1,
 	synonym_processing: synonym_processing$1,
 	compare_type: compare_type$1,
+	all_changes_saved: all_changes_saved$1,
+	saving: saving$1,
 	textbook_name: textbook_name$1,
 	korean_language: korean_language$1,
 	answer_cannot_be_empty: answer_cannot_be_empty$1,
@@ -5067,7 +5097,8 @@ var lang_en = {
 	admin_to_teachers: admin_to_teachers$1,
 	teacher_to_teachers: teacher_to_teachers$1,
 	student_required: student_required$1,
-	teachers_required: teachers_required$1
+	teachers_required: teachers_required$1,
+	all_changes_are_not_saved_yet: all_changes_are_not_saved_yet$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -6262,6 +6293,12 @@ var HighSchoolGrade;
   TextbookEditorType[TextbookEditorType["Korea"] = 1] = "Korea";
   TextbookEditorType[TextbookEditorType["Math"] = 2] = "Math";
 })(exports.TextbookEditorType || (exports.TextbookEditorType = {}));
+var PrintStatus;
+(function (PrintStatus) {
+  PrintStatus[PrintStatus["Idle"] = 0] = "Idle";
+  PrintStatus[PrintStatus["Saving"] = 1] = "Saving";
+  PrintStatus[PrintStatus["Saved"] = 2] = "Saved";
+})(PrintStatus || (PrintStatus = {}));
 
 (function (SchoolType) {
   SchoolType[SchoolType["Default"] = 0] = "Default";
@@ -6464,6 +6501,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;
@@ -15768,15 +15827,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: {
@@ -15808,7 +15870,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
@@ -15921,6 +15983,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;
@@ -15955,7 +16020,7 @@ var NoteItemList = function NoteItemList(_ref) {
       overflow: "hidden"
     },
     dangerouslySetInnerHTML: {
-      __html: data.content
+      __html: cleanedRichText
     }
   })), React__default.createElement(TableCell, {
     className: "text-nowrap"
@@ -17668,7 +17733,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]);
@@ -23229,7 +23294,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",
@@ -26175,7 +26240,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,
@@ -33827,11 +33892,11 @@ var TextbookRow = function TextbookRow(_ref) {
   });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var isEditable = (!onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
     var _infoUser$email, _infoUser$email$trim;
     return (i === null || i === void 0 ? void 0 : i.email.trim().toUpperCase()) === (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$email = infoUser.email) === null || _infoUser$email === void 0 ? void 0 : (_infoUser$email$trim = _infoUser$email.trim()) === null || _infoUser$email$trim === void 0 ? void 0 : _infoUser$email$trim.toUpperCase()) && (i === null || i === void 0 ? void 0 : i.academyId) === (academy === null || academy === void 0 ? void 0 : academy.id);
-  })))) && data.totalUses <= 0;
-  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) && data.totalUses <= 0;
+  })));
+  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id);
   var isSharable = !data.isPublic && data.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && data.createdBy.id === infoUser.id);
   var handleUpdateTextbook = function handleUpdateTextbook() {
     onUpdateTextbook(data);
@@ -34852,10 +34917,10 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var isAdminSite = role === exports.Role.Admin;
   var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
   var isSuperAdminUser = !!user && user.isSuperAdmin;
-  var isEditable = !selectedTextbook || (!onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
     var _user$email, _user$email$trim;
     return i.email.trim().toUpperCase() === (user === null || user === void 0 ? void 0 : (_user$email = user.email) === null || _user$email === void 0 ? void 0 : (_user$email$trim = _user$email.trim()) === null || _user$email$trim === void 0 ? void 0 : _user$email$trim.toUpperCase()) && i.academyId === (academy === null || academy === void 0 ? void 0 : academy.id);
-  }))) && selectedTextbook.totalUses <= 0;
+  }));
   var disabledTextbookOwners = !selectedTextbook && isAdmin || selectedTextbook && (!isEditable || isTeacher && ((_selectedTextbook$cre2 = selectedTextbook.createdBy) === null || _selectedTextbook$cre2 === void 0 ? void 0 : _selectedTextbook$cre2.id) !== (user === null || user === void 0 ? void 0 : user.id) || isAdmin && !isSuperAdminUser);
   var handleOpenConfirmDeleteChapterDialog = function handleOpenConfirmDeleteChapterDialog(chapter) {
     setSelectedChapter(chapter);
@@ -34957,6 +35022,24 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
       return Promise.reject(e);
     }
   };
+  var handleSaveData = React.useCallback(function (values) {
+    try {
+      if (!coverImage && !(values !== null && values !== void 0 && values.coverImage)) {
+        return Promise.resolve();
+      }
+      return Promise.resolve(_catch(function () {
+        var coverImg = coverImage || (values === null || values === void 0 ? void 0 : values.coverImage);
+        return Promise.resolve(updateTextbookApi$1(_extends({}, values, {
+          coverImage: coverImg
+        }), (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.id) || 0, isSuperAdmin)).then(function () {});
+      }, function (error) {
+        reactToastify.toast.error(getErrorMessage(t, error));
+        throw error;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [coverImage, isSuperAdmin, JSON.stringify(selectedTextbook)]);
   React.useEffect(function () {
     if (!textbookId) return;
     handleGetTextbookDetail();
@@ -34975,6 +35058,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
+    handleSaveData: handleSaveData,
     selectedTextbook: selectedTextbook,
     handleOpenDialog: handleOpenDialog,
     handleCloseDialog: handleCloseDialog,
@@ -35268,6 +35352,8 @@ var CompareTypeOptions = [{
   label: "synonym_processing",
   value: exports.QuestionAnswerType.SynonymProcessing
 }];
+var SAVE_TIME_INTERVAL_IN_MILLISECONDS = 60 * 1000;
+var SAVE_TIME_MAX_DIFF_IN_MILLISECONDS = 500;
 
 var CustomTextbookTab = function CustomTextbookTab(props) {
   var children = props.children,
@@ -38443,7 +38529,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _excluded$n = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "onChangeTab", "onUploadImage"];
+var _excluded$n = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "selectedTextbook", "handleSaveData", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
   var isCreatedByAdmin = _ref.isCreatedByAdmin,
     isSuperAdminUser = _ref.isSuperAdminUser,
@@ -38454,6 +38540,8 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     coverImage = _ref.coverImage,
     disabled = _ref.disabled,
     ownersDisabled = _ref.ownersDisabled,
+    selectedTextbook = _ref.selectedTextbook,
+    handleSaveData = _ref.handleSaveData,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
     formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
@@ -38462,6 +38550,23 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     dirty = formikProps.dirty,
     submitCount = formikProps.submitCount,
     setValues = formikProps.setValues;
+  var theme = material.useTheme();
+  var savedRunRef = React.useRef(Date.now());
+  var runTimeRef = React.useRef(Date.now());
+  var valuesTextbook = React.useRef(null);
+  var isFirstLoad = true;
+  var _React$useState = React__default.useState(PrintStatus.Idle),
+    saveStatus = _React$useState[0],
+    setSaveStatus = _React$useState[1];
+  var timeoutRef = React.useRef(null);
+  var isProcessingRef = React.useRef(false);
+  var pendingValuesRef = React.useRef(null);
+  var _useState = React.useState(),
+    saved = _useState[0],
+    setSaved = _useState[1];
+  var _useState2 = React.useState(),
+    lastEdited = _useState2[0],
+    setLastEdited = _useState2[1];
   React.useEffect(function () {
     var handleBeforeUnload = function handleBeforeUnload(event) {
       var message = i18n.t("are_you_sure_you_want_to_quit_yours_changes_may_not_be_saved");
@@ -38482,9 +38587,100 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     var newValues = _resetAllCategoriesAndQuestionTypesBySubject(values, val);
     setValues(newValues);
   };
+  React.useEffect(function () {
+    if (!valuesTextbook.current && isFirstLoad && !_$8.isEqual(values, DEFAULT_TEXTBOOK_REQUEST)) {
+      valuesTextbook.current = _$8.cloneDeep(values);
+      isFirstLoad = false;
+    }
+  }, [values]);
+  var _handleSave = function handleSave(valuesProps) {
+    try {
+      var _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          isProcessingRef.current = true;
+          setSaveStatus(PrintStatus.Saving);
+          var valuesToSave = valuesProps || values;
+          return Promise.resolve(handleSaveData(valuesToSave)).then(function () {
+            valuesTextbook.current = _$8.cloneDeep(valuesToSave);
+            var now = Date.now();
+            savedRunRef.current = now;
+            runTimeRef.current = now;
+            setSaveStatus(PrintStatus.Saved);
+            setSaved(valuesToSave);
+          });
+        }, function (error) {
+          setSaveStatus(PrintStatus.Idle);
+          console.error(error);
+        });
+      }, function (_wasThrown, _result) {
+        isProcessingRef.current = false;
+        if (pendingValuesRef.current) {
+          if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+          }
+          timeoutRef.current = setTimeout(function () {
+            timeoutRef.current = null;
+            var pendingValues = pendingValuesRef.current;
+            if (pendingValues) {
+              _handleSave(pendingValues);
+              pendingValuesRef.current = null;
+            }
+          }, SAVE_TIME_INTERVAL_IN_MILLISECONDS);
+        }
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    var now = Date.now();
+    if (valuesTextbook.current && !_$8.isEqual(values, valuesTextbook.current)) setLastEdited(now);
+    if (!_$8.isEmpty(errors) || !valuesTextbook.current || !(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id)) return;
+    if (valuesTextbook.current && _$8.isEqual(values, valuesTextbook.current)) return;
+    if (isProcessingRef.current) {
+      pendingValuesRef.current = _$8.cloneDeep(values);
+      return;
+    }
+    var timeSinceLastRun = now - runTimeRef.current;
+    var maxTime = SAVE_TIME_INTERVAL_IN_MILLISECONDS + SAVE_TIME_MAX_DIFF_IN_MILLISECONDS;
+    if (timeSinceLastRun > maxTime) {
+      runTimeRef.current = now;
+      timeSinceLastRun = 0;
+    }
+    if (timeSinceLastRun >= SAVE_TIME_INTERVAL_IN_MILLISECONDS) {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = null;
+        pendingValuesRef.current = null;
+      }
+      _handleSave();
+    } else {
+      pendingValuesRef.current = _$8.cloneDeep(values);
+      var intevalTime = SAVE_TIME_INTERVAL_IN_MILLISECONDS - timeSinceLastRun;
+      timeoutRef.current = setTimeout(function () {
+        timeoutRef.current = null;
+        var pendingValues = pendingValuesRef.current;
+        if (pendingValues) {
+          clearTimeout(timeoutRef.current);
+          _handleSave(pendingValues);
+          pendingValuesRef.current = null;
+        }
+      }, intevalTime);
+    }
+    return function () {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+      }
+    };
+  }, [values, errors]);
   var inforErrors = errors.coverImage || errors.grade || errors.isbn || errors.preparedType || errors.publicationDate || errors.publisher;
   var contentsErrors = errors.chapters;
   var textbookOwnersErrors = errors.textbookOwners;
+  var hasError = !_$8.isEmpty(errors);
+  var isSaved = !lastEdited || _$8.isEqual(values, saved != null ? saved : {});
   return React__default.createElement(formik.Form, null, React__default.createElement(material.Stack, {
     direction: "column",
     gap: 3
@@ -38572,7 +38768,45 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
   }), React__default.createElement(material.FormLabel, {
     htmlFor: "type",
     className: "text-center"
-  }, i18n.t("math"))))), React__default.createElement(material.Box, null, React__default.createElement(material.Button, {
+  }, i18n.t("math"))))), React__default.createElement(material.Stack, {
+    flexDirection: "row",
+    gap: "8px"
+  }, React__default.createElement(material.Stack, {
+    padding: "6px 12px",
+    sx: {
+      transition: "opacity 0.3s ease",
+      opacity: saveStatus === PrintStatus.Idle && isSaved ? 0 : 1,
+      pointerEvents: "none",
+      gap: "8px",
+      flexDirection: "row",
+      justifyContent: "center",
+      alignItems: "center"
+    }
+  }, saveStatus === PrintStatus.Saving && React__default.createElement(ai.AiOutlineLoading3Quarters, {
+    style: {
+      animation: "spin 1s linear infinite"
+    }
+  }), saveStatus === PrintStatus.Saved && isSaved && React__default.createElement(io5.IoCheckmark, null), saveStatus !== PrintStatus.Saving && !isSaved && React__default.createElement(React.Fragment, null, hasError ? React__default.createElement(md.MdError, {
+    color: red[900]
+  }) : React__default.createElement(fa6.FaClockRotateLeft, {
+    size: "14px"
+  })), React__default.createElement(material.Typography, {
+    sx: {
+      color: theme.palette.grey[700],
+      fontSize: "14px",
+      display: "flex",
+      alignItems: "center",
+      gap: 1,
+      "@keyframes spin": {
+        "0%": {
+          transform: "rotate(0deg)"
+        },
+        "100%": {
+          transform: "rotate(360deg)"
+        }
+      }
+    }
+  }, saveStatus === PrintStatus.Saving && i18n.t("saving"), saveStatus === PrintStatus.Saved && isSaved && i18n.t("all_changes_saved"), saveStatus !== PrintStatus.Saving && (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.id) && !isSaved && i18n.t("all_changes_are_not_saved_yet"))), React__default.createElement(material.Button, {
     type: "submit",
     sx: {
       width: "fit-content"
@@ -38679,6 +38913,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
     isSuperAdminUser = _useTextbookManagemen.isSuperAdminUser,
     isAdmin = _useTextbookManagemen.isAdmin,
     coverImage = _useTextbookManagemen.coverImage,
+    handleSaveData = _useTextbookManagemen.handleSaveData,
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
     handleSubmit = _useTextbookManagemen.handleSubmit,
     handleUploadImage = _useTextbookManagemen.handleUploadImage;
@@ -38701,7 +38936,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       isAdmin: isAdmin,
       isSuperAdmin: isSuperAdmin,
       selected: selected,
+      handleSaveData: handleSaveData,
       textbookId: textbookId,
+      selectedTextbook: selectedTextbook,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
       coverImage: coverImage,
@@ -39114,10 +39351,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,
@@ -39147,7 +39393,10 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
       display: "inline-block",
       px: "4px"
     }, announcementData.action + ":"), React__default.createElement(material.Box, {
-      display: "inline-block"
+      display: "inline-block",
+      sx: {
+        verticalAlign: "middle"
+      }
     }, React__default.createElement(material.Box, {
       sx: {
         display: "-webkit-box",
@@ -39158,7 +39407,7 @@ var AnnouncementItem = function AnnouncementItem(_ref) {
         overflow: "hidden"
       },
       dangerouslySetInnerHTML: {
-        __html: announcementData.content || ""
+        __html: cleanedRichText
       }
     }))),
     secondary: React__default.createElement(material.Typography, {
@@ -40717,6 +40966,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;