touchstudy-core 0.1.173 → 0.1.174

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";
@@ -12980,8 +13017,8 @@ var DayOfWeek;
 })(DayOfWeek || (DayOfWeek = {}));
 var TeacherSortBy;
 (function (TeacherSortBy) {
-  TeacherSortBy["Name"] = "User.UserProfile.FullName";
-  TeacherSortBy["Email"] = "User.UserProfile.Email";
+  TeacherSortBy["Name"] = "UserProfile.FullName";
+  TeacherSortBy["Email"] = "UserProfile.Email";
 })(TeacherSortBy || (TeacherSortBy = {}));
 var ClassStatus;
 (function (ClassStatus) {
@@ -13259,29 +13296,23 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$3 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
-    value = _ref.value;
+    value = _ref.value,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
       value: i.id
     };
   });
-  return React__default.createElement(CustomAsyncSelect, {
+  return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: teacherOptions,
-    value: value,
-    menuPlacement: "bottom",
-    styles: {
-      menuPortal: function menuPortal(base) {
-        return _extends({}, base, {
-          zIndex: 9999
-        });
-      }
-    },
-    menuPortalTarget: document.body,
+    value: value
+  }, rest, {
     isClearable: true
-  });
+  }));
 };
 
 var ErrorHandler = function ErrorHandler(_ref) {
@@ -20249,12 +20280,12 @@ function CreateNewQuestionDialog(_ref) {
   });
 }
 
-var _excluded$7 = ["children", "value", "index"];
+var _excluded$8 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$7);
+    other = _objectWithoutPropertiesLoose(props, _excluded$8);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -24311,7 +24342,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$8 = ["onChange"];
+var _excluded$9 = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -24377,7 +24408,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$8);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$9);
         return React__default.createElement(CustomSelectOption, Object.assign({
           maxMenuHeight: 150,
           menuPosition: "fixed",
@@ -26009,10 +26040,10 @@ var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
 };
 
 var _styled$1;
-var _excluded$9 = ["className"];
+var _excluded$a = ["className"];
 var CustomTooltip$1 = material.styled(function (_ref) {
   var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(material.Tooltip, Object.assign({}, props, {
     classes: {
       popper: className
@@ -27493,7 +27524,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$a = ["getStudents"],
+var _excluded$b = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -27544,7 +27575,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$a);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$b);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -28932,14 +28963,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$8 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$b = ["text", "isRequired", "className"];
+var _excluded$c = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
   return React__default.createElement(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -28993,7 +29024,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL$1 + "/delete/" + id);
 };
 
-var _excluded$c = ["ref"],
+var _excluded$d = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -29023,7 +29054,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$d);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -33094,12 +33125,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$a = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$d = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$e = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$e);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -33861,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);
@@ -34252,12 +34283,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$b = {"avatar":"_8niRT"};
 
-var _excluded$e = ["value", "disabled", "optionTypeNotification"];
+var _excluded$f = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -34650,11 +34681,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$f = ["value", "optionTypeNotification"];
+var _excluded$g = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -34886,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);
@@ -34991,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();
@@ -35009,6 +35058,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
+    handleSaveData: handleSaveData,
     selectedTextbook: selectedTextbook,
     handleOpenDialog: handleOpenDialog,
     handleCloseDialog: handleCloseDialog,
@@ -35302,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 = 1000;
 
 var CustomTextbookTab = function CustomTextbookTab(props) {
   var children = props.children,
@@ -35910,7 +35962,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 var QuestionShortInput$1 = React.memo(QuestionShortInput, isEqual$1);
 
-var _excluded$g = ["onChange"];
+var _excluded$h = ["onChange"];
 var _$2 = _$8;
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -36221,7 +36273,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$g);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$h);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
         isDisabled: disabled,
         value: data.questionType,
@@ -36270,7 +36322,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = React.memo(QuestionBlock, isEqual$2);
 
-var _excluded$h = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$3 = _$8;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
@@ -36291,7 +36343,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var errors = formikProps.errors;
   var startOrderRef = React.useRef(null);
   var articles = data.articles,
@@ -36434,7 +36486,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = React.memo(QuestionGroupBlockBody, isEqual$3);
 
-var _excluded$i = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$j = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$4 = _$8;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
@@ -36459,7 +36511,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = reactI18next.useTranslation(),
@@ -36922,7 +36974,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$j = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$k = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -36942,7 +36994,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -37121,7 +37173,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$k = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _excluded$l = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
 var _$5 = _$8;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -37144,7 +37196,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var errors = formikProps.errors;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -37835,7 +37887,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$l = ["value"];
+var _excluded$m = ["value"];
 var VisuallyHiddenInput = material.styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -38003,7 +38055,7 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     render: function render(_ref4) {
       var _ref4$field = _ref4.field,
         value = _ref4$field.value,
-        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$l);
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$m);
       return React__default.createElement(xDatePickers.LocalizationProvider, {
         dateAdapter: AdapterMoment.AdapterMoment
       }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -38477,8 +38529,9 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _excluded$m = ["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 _valuesTextbook$curre;
   var isCreatedByAdmin = _ref.isCreatedByAdmin,
     isSuperAdminUser = _ref.isSuperAdminUser,
     isSuperAdmin = _ref.isSuperAdmin,
@@ -38488,14 +38541,30 @@ 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$m);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
   var values = formikProps.values,
     errors = formikProps.errors,
     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 isFirstLoadRef = React.useRef(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(),
+    lastEdited = _useState[0],
+    setLastEdited = _useState[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");
@@ -38516,9 +38585,99 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     var newValues = _resetAllCategoriesAndQuestionTypesBySubject(values, val);
     setValues(newValues);
   };
+  React.useEffect(function () {
+    if (!valuesTextbook.current && isFirstLoadRef.current && !_$8.isEqual(values, DEFAULT_TEXTBOOK_REQUEST)) {
+      valuesTextbook.current = _$8.cloneDeep(values);
+      isFirstLoadRef.current = 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);
+          });
+        }, 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, (_valuesTextbook$curre = valuesTextbook.current) != null ? _valuesTextbook$curre : {});
   return React__default.createElement(formik.Form, null, React__default.createElement(material.Stack, {
     direction: "column",
     gap: 3
@@ -38606,7 +38765,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"
@@ -38713,6 +38910,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;
@@ -38735,7 +38933,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       isAdmin: isAdmin,
       isSuperAdmin: isSuperAdmin,
       selected: selected,
+      handleSaveData: handleSaveData,
       textbookId: textbookId,
+      selectedTextbook: selectedTextbook,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
       coverImage: coverImage,