touchstudy-core 0.1.171 → 0.1.172

package/dist/index.modern.js

@@ -18,7 +18,7 @@ import moment from 'moment';
 export { default as moment } from 'moment';
 import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlusCircle, FaEye, FaPlus, FaCalendar, FaUser, FaBookOpen, FaUpload, FaPencilAlt, FaCheckCircle, FaShare, FaExchangeAlt, FaBell } from 'react-icons/fa';
 import { IoMdArrowBack, IoMdSync, IoIosAlert, IoIosArrowDown, IoIosSearch, IoIosArrowUp, IoIosAdd, IoMdAdd } from 'react-icons/io';
-import { IoClose, IoSearch, IoCloseOutline, IoTime, IoChevronUp, IoChevronDown, IoChatbubbleEllipsesSharp, IoPrint, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoWarning, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCloseCircle, IoLogOut } from 'react-icons/io5';
+import { IoClose, IoSearch, IoCloseOutline, IoTime, IoChevronUp, IoChevronDown, IoChatbubbleEllipsesSharp, IoPrint, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoWarning, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCheckmark, IoCloseCircle, IoLogOut } from 'react-icons/io5';
 import MButton from '@mui/material/Button';
 import DialogTitle$1 from '@mui/material/DialogTitle';
 import DialogContent$1 from '@mui/material/DialogContent';
@@ -48,7 +48,7 @@ import CardMedia from '@mui/material/CardMedia';
 import { object, string, number, date as date$2, array, mixed } from 'yup';
 import { blue, grey as grey$1, yellow as yellow$1 } from '@mui/material/colors';
 import { GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
-import { MdVisibilityOff, MdVisibility, MdAutorenew, MdMoreHoriz, MdDownload, MdExpandMore } from 'react-icons/md';
+import { MdVisibilityOff, MdVisibility, MdAutorenew, MdMoreHoriz, MdDownload, MdExpandMore, MdError } from 'react-icons/md';
 import { gapi } from 'gapi-script';
 import Pusher from 'pusher-js/with-encryption';
 import { BiSolidError } from 'react-icons/bi';
@@ -73,6 +73,7 @@ import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { PiDotsNineLight } from 'react-icons/pi';
 import Container$1 from '@mui/material/Container';
+import { AiOutlineLoading3Quarters } from 'react-icons/ai';
 import { BsCheckAll } from 'react-icons/bs';
 import Popover$1 from '@mui/material/Popover';
 import MenuItem from '@mui/material/MenuItem';
@@ -1033,6 +1034,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 = "수업에 교사 추가";
@@ -1043,9 +1045,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 사이여야 합니다";
@@ -1492,6 +1498,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 = "답변은 비워둘 수 없습니다";
@@ -1538,6 +1546,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,
@@ -2217,6 +2226,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,
@@ -2227,7 +2237,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,
@@ -2662,6 +2675,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,
@@ -2707,7 +2722,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";
@@ -3394,6 +3410,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";
@@ -3404,9 +3421,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";
@@ -3854,6 +3875,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";
@@ -3900,6 +3923,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,
@@ -4580,6 +4604,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,
@@ -4590,7 +4615,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,
@@ -5026,6 +5054,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,
@@ -5071,7 +5101,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.use(initReactI18next).init({
@@ -6277,6 +6308,12 @@ var TextbookEditorType;
   TextbookEditorType[TextbookEditorType["Korea"] = 1] = "Korea";
   TextbookEditorType[TextbookEditorType["Math"] = 2] = "Math";
 })(TextbookEditorType || (TextbookEditorType = {}));
+var PrintStatus;
+(function (PrintStatus) {
+  PrintStatus[PrintStatus["Idle"] = 0] = "Idle";
+  PrintStatus[PrintStatus["Saving"] = 1] = "Saving";
+  PrintStatus[PrintStatus["Saved"] = 2] = "Saved";
+})(PrintStatus || (PrintStatus = {}));
 
 var SchoolType$1;
 (function (SchoolType) {
@@ -33873,11 +33910,11 @@ var TextbookRow = function TextbookRow(_ref) {
   });
   var _useTranslation = 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);
@@ -34898,10 +34935,10 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var isAdminSite = role === 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);
@@ -35003,6 +35040,24 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
       return Promise.reject(e);
     }
   };
+  var handleSaveData = 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) {
+        toast.error(getErrorMessage(t, error));
+        throw error;
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [coverImage, isSuperAdmin, JSON.stringify(selectedTextbook)]);
   useEffect(function () {
     if (!textbookId) return;
     handleGetTextbookDetail();
@@ -35021,6 +35076,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
+    handleSaveData: handleSaveData,
     selectedTextbook: selectedTextbook,
     handleOpenDialog: handleOpenDialog,
     handleCloseDialog: handleCloseDialog,
@@ -35314,6 +35370,8 @@ var CompareTypeOptions = [{
   label: "synonym_processing",
   value: 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,
@@ -38489,7 +38547,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,
@@ -38500,6 +38558,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);
@@ -38508,6 +38568,23 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     dirty = formikProps.dirty,
     submitCount = formikProps.submitCount,
     setValues = formikProps.setValues;
+  var theme = useTheme();
+  var savedRunRef = useRef(Date.now());
+  var runTimeRef = useRef(Date.now());
+  var valuesTextbook = useRef(null);
+  var isFirstLoad = true;
+  var _React$useState = React__default.useState(PrintStatus.Idle),
+    saveStatus = _React$useState[0],
+    setSaveStatus = _React$useState[1];
+  var timeoutRef = useRef(null);
+  var isProcessingRef = useRef(false);
+  var pendingValuesRef = useRef(null);
+  var _useState = useState(),
+    saved = _useState[0],
+    setSaved = _useState[1];
+  var _useState2 = useState(),
+    lastEdited = _useState2[0],
+    setLastEdited = _useState2[1];
   useEffect(function () {
     var handleBeforeUnload = function handleBeforeUnload(event) {
       var message = t$1("are_you_sure_you_want_to_quit_yours_changes_may_not_be_saved");
@@ -38528,9 +38605,100 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     var newValues = _resetAllCategoriesAndQuestionTypesBySubject(values, val);
     setValues(newValues);
   };
+  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);
+    }
+  };
+  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(Form, null, React__default.createElement(Stack, {
     direction: "column",
     gap: 3
@@ -38618,7 +38786,45 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
   }), React__default.createElement(FormLabel, {
     htmlFor: "type",
     className: "text-center"
-  }, t$1("math"))))), React__default.createElement(Box, null, React__default.createElement(Button, {
+  }, t$1("math"))))), React__default.createElement(Stack, {
+    flexDirection: "row",
+    gap: "8px"
+  }, React__default.createElement(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(AiOutlineLoading3Quarters, {
+    style: {
+      animation: "spin 1s linear infinite"
+    }
+  }), saveStatus === PrintStatus.Saved && isSaved && React__default.createElement(IoCheckmark, null), saveStatus !== PrintStatus.Saving && !isSaved && React__default.createElement(Fragment$1, null, hasError ? React__default.createElement(MdError, {
+    color: red[900]
+  }) : React__default.createElement(FaClockRotateLeft, {
+    size: "14px"
+  })), React__default.createElement(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 && t$1("saving"), saveStatus === PrintStatus.Saved && isSaved && t$1("all_changes_saved"), saveStatus !== PrintStatus.Saving && (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.id) && !isSaved && t$1("all_changes_are_not_saved_yet"))), React__default.createElement(Button, {
     type: "submit",
     sx: {
       width: "fit-content"
@@ -38725,6 +38931,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;
@@ -38747,7 +38954,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       isAdmin: isAdmin,
       isSuperAdmin: isSuperAdmin,
       selected: selected,
+      handleSaveData: handleSaveData,
       textbookId: textbookId,
+      selectedTextbook: selectedTextbook,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
       coverImage: coverImage,