touchstudy-core 0.1.177 → 0.1.178

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, IoPlayCircleSharp, IoTimer } 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';
@@ -540,6 +541,7 @@ var teacher_in_charge = "담당 교사";
 var counselor = "상담교사";
 var new_question = "새로운 질문";
 var hour = "시간";
+var hour_h = "시간";
 var minute = "분";
 var second = "두번째";
 var question_order = "{{number}} 번";
@@ -1033,6 +1035,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 +1046,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 사이여야 합니다";
@@ -1109,6 +1116,7 @@ var academy_invite_detail = "아카데미 초대 세부정보";
 var are_you_sure_to_delete_academy_invite = "이 아카데미 초대를 삭제하시겠습니까?";
 var day = "낮";
 var days = "날";
+var month = "월";
 var emails = "이메일";
 var is_accepted = "승인됨";
 var re_send = "다시 보내기";
@@ -1492,6 +1500,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 +1548,13 @@ var admin_to_teachers = "관리자에서 교사들에게";
 var teacher_to_teachers = "교사에서 교사들에게";
 var student_required = "학생은 필수입니다";
 var teachers_required = "교사가 필요합니다";
+var all_changes_are_not_saved_yet = "아직 모든 변경 사항이 저장되지 않았습니다";
+var pause = "일시정지";
+var press_to_start = "눌러서 시작하기";
+var study_timer = "순공 타이머";
+var show_timer = "타이머 표시";
+var failed_to_pause_the_subject_name = "과목 '{{name}}'를 일시 중지하는 데 실패했습니다";
+var failed_to_start_the_subject_name = "과목 '{{name}}'를 시작하는 데 실패했습니다";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1729,6 +1746,7 @@ var lang_ko = {
 	counselor: counselor,
 	new_question: new_question,
 	hour: hour,
+	hour_h: hour_h,
 	minute: minute,
 	second: second,
 	question_order: question_order,
@@ -2217,6 +2235,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 +2246,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,
@@ -2291,6 +2313,7 @@ var lang_ko = {
 	are_you_sure_to_delete_academy_invite: are_you_sure_to_delete_academy_invite,
 	day: day,
 	days: days,
+	month: month,
 	emails: emails,
 	is_accepted: is_accepted,
 	re_send: re_send,
@@ -2662,6 +2685,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 +2732,14 @@ 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,
+	pause: pause,
+	press_to_start: press_to_start,
+	study_timer: study_timer,
+	show_timer: show_timer,
+	failed_to_pause_the_subject_name: failed_to_pause_the_subject_name,
+	failed_to_start_the_subject_name: failed_to_start_the_subject_name
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -2926,6 +2958,7 @@ var counselor$1 = "Counselor";
 var new_question$1 = "New Question";
 var hour$1 = "hr";
 var hours = "hrs";
+var hour_h$1 = "h";
 var minute$1 = "min";
 var second$1 = "second";
 var question_order$1 = "Number {{number}}";
@@ -3394,6 +3427,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 +3438,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";
@@ -3470,6 +3508,7 @@ var academy_invite_detail$1 = "Academy Invite Detail";
 var are_you_sure_to_delete_academy_invite$1 = "Are you sure to delete this academy invite?";
 var day$1 = "day";
 var days$1 = "days";
+var month$1 = "month";
 var emails$1 = "Emails";
 var is_accepted$1 = "Is Accepted";
 var re_send$1 = "Resend";
@@ -3854,6 +3893,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 +3941,13 @@ 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 pause$1 = "Pause";
+var press_to_start$1 = "Press to start";
+var study_timer$1 = "Focused Study Timer";
+var show_timer$1 = "Show timer";
+var failed_to_pause_the_subject_name$1 = "Failed to pause the subject '{{name}}'";
+var failed_to_start_the_subject_name$1 = "Failed to start the subject '{{name}}'";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4117,6 +4165,7 @@ var lang_en = {
 	new_question: new_question$1,
 	hour: hour$1,
 	hours: hours,
+	hour_h: hour_h$1,
 	minute: minute$1,
 	second: second$1,
 	question_order: question_order$1,
@@ -4580,6 +4629,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 +4640,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,
@@ -4654,6 +4707,7 @@ var lang_en = {
 	are_you_sure_to_delete_academy_invite: are_you_sure_to_delete_academy_invite$1,
 	day: day$1,
 	days: days$1,
+	month: month$1,
 	emails: emails$1,
 	is_accepted: is_accepted$1,
 	re_send: re_send$1,
@@ -5026,6 +5080,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 +5127,14 @@ 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,
+	pause: pause$1,
+	press_to_start: press_to_start$1,
+	study_timer: study_timer$1,
+	show_timer: show_timer$1,
+	failed_to_pause_the_subject_name: failed_to_pause_the_subject_name$1,
+	failed_to_start_the_subject_name: failed_to_start_the_subject_name$1
 };
 
 i18n.use(initReactI18next).init({
@@ -5529,7 +5592,7 @@ var PrintExamView2 = function PrintExamView2(_ref) {
   }, t("print_pdf"))));
 };
 
-var styles = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","btn-login-google":"_2HqmH","math-jax":"_3Pfdk","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky"};
+var styles = {"lighter":"#F0FFF6","light":"#89F0B2","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_50":"#FBFBF9","gray_100":"#EAEAE5","gray_300":"#D0D0C8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","red_900":"#DB4D4D","green_support_900":"#3ACB46","yellow_900":"#FEAF06","purple_900":"#C3099A","btn-login-google":"_2HqmH","math-jax":"_3Pfdk","block-login":"_wWIyO","box-login":"_38Lo1","btn-primary":"_rd4Uy","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","dropdown-academy":"_3CMVp","image-academy":"_2ibYC","academy-btn":"_1JMRU","switch-icon":"_N4FNf","dropdown-content-academy":"_31Dr0","dropdown-academy-item":"_3bjcz","noGutters":"_31ZQk","custom-col-2":"_3yXyK","custom-col-3":"_1RsJQ","custom-col-5":"_L42CP","custom-col-10":"_2u6eL","custom-row":"_8x7OP","custom-col":"_1JmTh","custom-col-4":"_3HO1e","custom-col-8":"_Oy31M","custom-col-12":"_3aUKo","custom-container":"_39LRs","form-label":"__Ut-u","form-control":"_2k4dX","btn-outline-primary":"_2PWdX","sort-icons":"_mQvLF","active":"_3oAH-","form-select":"_3W3aw","truncate":"_3NJzN","headers":"_3xnI5","logo-container":"_3YG70","tabBox":"_1CQPn","routerBox":"_3hx2T","tabText":"_3UyhW","router-link-active":"_1TGKA","router-link":"_1AqMh","userImg":"_2RI6G","disabled-link":"_3aVHg","line-clamp":"_3fpky","timer-menu":"_3bvVg","timer-menu-item":"_z624V","subject-name":"_2KJX4","duration":"_1mwlk","icon-start":"_maff_"};
 
 var config = {
   loader: {
@@ -6280,6 +6343,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) {
@@ -6289,6 +6358,13 @@ var SchoolType$1;
   SchoolType[SchoolType["High"] = 3] = "High";
 })(SchoolType$1 || (SchoolType$1 = {}));
 
+var SubjectTimerStatus;
+(function (SubjectTimerStatus) {
+  SubjectTimerStatus[SubjectTimerStatus["NotStarted"] = 0] = "NotStarted";
+  SubjectTimerStatus[SubjectTimerStatus["Started"] = 1] = "Started";
+  SubjectTimerStatus[SubjectTimerStatus["Paused"] = 2] = "Paused";
+})(SubjectTimerStatus || (SubjectTimerStatus = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -6538,6 +6614,11 @@ var getRemainTime = function getRemainTime(startTime, duration) {
   if (timePass > durationInNumber) return 0;
   return durationInNumber - timePass;
 };
+var getCountTime = function getCountTime(startTime, duration) {
+  var timePass = diffFromNow(startTime, "second");
+  if (typeof timePass !== "number") return null;
+  return duration + timePass;
+};
 
 var formatDateTime = function formatDateTime(inputDate) {
   var date = new Date(inputDate);
@@ -8264,6 +8345,27 @@ var getSubjectListApi = function getSubjectListApi(textSearch) {
     return Promise.reject(e);
   }
 };
+var getStudentSubjectListApi = function getStudentSubjectListApi() {
+  try {
+    return Promise.resolve(api.get(SUBJECT_URL + "/timers"));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var startStudentSubjectTimerApi = function startStudentSubjectTimerApi(subjectId) {
+  try {
+    return Promise.resolve(api.post(SUBJECT_URL + "/" + subjectId + "/timers"));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var pauseStudentSubjectApi = function pauseStudentSubjectApi(subjectId, recordId, data) {
+  try {
+    return Promise.resolve(api.post(SUBJECT_URL + "/" + subjectId + "/timers/" + recordId, data));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 var SubjectSelector = function SubjectSelector(_ref) {
   var value = _ref.value,
@@ -10333,6 +10435,7 @@ var grey = {
 var green = {
   0: '#FFFFFF',
   100: '#F0FFF6',
+  200: '#D2FFE4',
   300: '#89F0B2',
   500: '#3DC674',
   700: '#349056',
@@ -33929,11 +34032,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);
@@ -34954,10 +35057,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);
@@ -35059,6 +35162,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();
@@ -35077,6 +35198,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
+    handleSaveData: handleSaveData,
     selectedTextbook: selectedTextbook,
     handleOpenDialog: handleOpenDialog,
     handleCloseDialog: handleCloseDialog,
@@ -35370,6 +35492,8 @@ var CompareTypeOptions = [{
   label: "synonym_processing",
   value: 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,
@@ -38545,8 +38669,9 @@ 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 _valuesTextbook$curre;
   var isCreatedByAdmin = _ref.isCreatedByAdmin,
     isSuperAdminUser = _ref.isSuperAdminUser,
     isSuperAdmin = _ref.isSuperAdmin,
@@ -38556,6 +38681,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);
@@ -38564,6 +38691,20 @@ 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 isFirstLoadRef = useRef(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(),
+    lastEdited = _useState[0],
+    setLastEdited = _useState[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");
@@ -38584,9 +38725,99 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     var newValues = _resetAllCategoriesAndQuestionTypesBySubject(values, val);
     setValues(newValues);
   };
+  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);
+    }
+  };
+  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(Form, null, React__default.createElement(Stack, {
     direction: "column",
     gap: 3
@@ -38674,7 +38905,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"
+  }, !!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id) && 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 && !isSaved && t$1("all_changes_are_not_saved_yet"))), React__default.createElement(Button, {
     type: "submit",
     sx: {
       width: "fit-content"
@@ -38781,6 +39050,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;
@@ -38803,7 +39073,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       isAdmin: isAdmin,
       isSuperAdmin: isSuperAdmin,
       selected: selected,
+      handleSaveData: handleSaveData,
       textbookId: textbookId,
+      selectedTextbook: selectedTextbook,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
       coverImage: coverImage,
@@ -40321,6 +40593,491 @@ var singleLogo = function singleLogo(_ref) {
   }))));
 };
 
+var TimerItem = function TimerItem(_ref) {
+  var data = _ref.data,
+    seconds = _ref.seconds,
+    loading = _ref.loading,
+    activeTimerId = _ref.activeTimerId,
+    onStartOrPauseTimer = _ref.onStartOrPauseTimer;
+  var theme = useTheme();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleStartOrPauseTimer = function handleStartOrPauseTimer() {
+    onStartOrPauseTimer(data);
+  };
+  var isStarted = activeTimerId === data.id && data.status === SubjectTimerStatus.Started;
+  var displayedTime = useMemo(function () {
+    switch (data.status) {
+      case SubjectTimerStatus.Started:
+        return activeTimerId !== data.id ? formatTime$2(Math.floor(data.duration / 1000), t) : formatTime$2(seconds != null ? seconds : 0, t);
+      case SubjectTimerStatus.NotStarted:
+        return t("press_to_start");
+      default:
+        return formatTime$2(Math.floor(data.duration / 1000), t);
+    }
+  }, [data.id, data.status, data.duration, seconds, activeTimerId, t]);
+  return React__default.createElement(MenuItem, {
+    className: "" + styles["timer-menu-item"],
+    sx: {
+      py: 1,
+      bgcolor: theme.palette.background.paper,
+      borderRadius: 0.75,
+      minHeight: "52px"
+    },
+    disabled: loading,
+    onClick: handleStartOrPauseTimer
+  }, React__default.createElement(Stack, {
+    direction: "row",
+    gap: 1,
+    sx: {
+      justifyContent: "space-between",
+      alignItems: "center",
+      width: "100%"
+    }
+  }, React__default.createElement(Typography, {
+    className: styles["subject-name"] + " " + styles["truncate"],
+    fontSize: "14px",
+    fontWeight: 600
+  }, data.name), React__default.createElement(Box, {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1.5
+    }
+  }, React__default.createElement(Typography, {
+    className: "" + styles["duration"],
+    sx: {
+      color: isStarted ? theme.palette.common.black : theme.palette.success.light,
+      fontSize: "14px",
+      fontWeight: 700
+    }
+  }, displayedTime), !isStarted && React__default.createElement(Box, {
+    className: "" + styles["icon-start"]
+  }, React__default.createElement(IoPlayCircleSharp, {
+    size: 20
+  })))));
+};
+var TOTAL_SECONDS_IN_A_MINUTE = 60;
+var TOTAL_SECONDS_IN_AN_HOUR = 60 * 60;
+var formatTime$2 = function formatTime(totalSeconds, t) {
+  var hours = Math.floor(totalSeconds / TOTAL_SECONDS_IN_AN_HOUR);
+  var minutes = Math.floor(totalSeconds % TOTAL_SECONDS_IN_AN_HOUR / TOTAL_SECONDS_IN_A_MINUTE);
+  var seconds = totalSeconds % TOTAL_SECONDS_IN_A_MINUTE;
+  if (hours > 0) {
+    return "" + hours.toString().padStart(2, "0") + t("hour_h") + " " + minutes.toString().padStart(2, "0") + t("minutes") + " " + seconds.toString().padStart(2, "0") + t("seconds");
+  }
+  if (minutes > 0) {
+    return "" + minutes.toString().padStart(2, "0") + t("minutes") + " " + seconds.toString().padStart(2, "0") + t("seconds");
+  }
+  return "" + seconds.toString().padStart(2, "0") + t("seconds");
+};
+
+var TimerCountItem = function TimerCountItem(_ref) {
+  var data = _ref.data,
+    activeTimerId = _ref.activeTimerId,
+    onChangeTime = _ref.onChangeTime;
+  var requestAnimationRef = useRef(null);
+  var user = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  useEffect(function () {
+    if (data.status !== SubjectTimerStatus.Started || !(user !== null && user !== void 0 && user.academyDomain) && !(user !== null && user !== void 0 && user.isLearningSpace) || data.id !== activeTimerId) return;
+    var _animate = function animate() {
+      var startTime = data.startTime,
+        lastResumeTime = data.lastResumeTime,
+        duration = data.duration;
+      var startOfTime = lastResumeTime !== DATE_TIME_MIN_VALUE ? lastResumeTime : startTime;
+      if (startOfTime === DATE_TIME_MIN_VALUE) return;
+      var time = getCountTime(startOfTime, Math.floor(duration / 1000));
+      if (typeof time !== "number") {
+        onChangeTime(data, undefined);
+        return;
+      }
+      onChangeTime(data, time);
+      requestAnimationRef.current = requestAnimationFrame(_animate);
+    };
+    requestAnimationRef.current = requestAnimationFrame(_animate);
+    return function () {
+      !!requestAnimationRef.current && cancelAnimationFrame(requestAnimationRef.current);
+    };
+  }, [JSON.stringify(data), user === null || user === void 0 ? void 0 : user.id, user === null || user === void 0 ? void 0 : user.academyDomain, user === null || user === void 0 ? void 0 : user.isLearningSpace, activeTimerId]);
+  return React__default.createElement(Fragment$1, null);
+};
+
+var formatDate = function formatDate(t, date) {
+  return utcToLocalTime(date, t("date_format"));
+};
+var TimerDropdown = function TimerDropdown() {
+  var _user$academyDomain$t, _user$academyDomain, _user$academyDomain$t2;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var theme = useTheme();
+  var user = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var _useState = useState(null),
+    open = _useState[0],
+    setOpen = _useState[1];
+  var _useState2 = useState([]),
+    timers = _useState2[0],
+    setTimers = _useState2[1];
+  var _useState3 = useState(),
+    seconds = _useState3[0],
+    setSeconds = _useState3[1];
+  var _useState4 = useState(),
+    activeTimerId = _useState4[0],
+    setActiveTimerId = _useState4[1];
+  var _useState5 = useState(false),
+    loadingItem = _useState5[0],
+    setLoadingItem = _useState5[1];
+  var _useState6 = useState(false),
+    isFetching = _useState6[0],
+    setFetching = _useState6[1];
+  var fetchedRef = useRef();
+  var academyDomain = (_user$academyDomain$t = user === null || user === void 0 ? void 0 : (_user$academyDomain = user.academyDomain) === null || _user$academyDomain === void 0 ? void 0 : (_user$academyDomain$t2 = _user$academyDomain.toLowerCase) === null || _user$academyDomain$t2 === void 0 ? void 0 : _user$academyDomain$t2.call(_user$academyDomain)) != null ? _user$academyDomain$t : "";
+  var handleChangeTime = function handleChangeTime(data, time) {
+    if (!(user !== null && user !== void 0 && user.id) || !academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace)) return;
+    if (academyDomain !== fetchedRef.current && data.id !== activeTimerId) return;
+    setSeconds(time);
+    var key = user.id + "-" + data.id + "-" + SUBJECT_TIMER_KEY + academyDomain;
+    saveDuration(key, time * 1000);
+  };
+  var handleOpen = function handleOpen(event) {
+    setOpen(event.currentTarget);
+  };
+  var handleClose = function handleClose() {
+    setOpen(null);
+  };
+  var handleStartOrPauseTimer = function handleStartOrPauseTimer(data) {
+    try {
+      var _temp2 = function _temp2(_result3) {
+        if (_exit) return _result3;
+        setLoadingItem(false);
+      };
+      var _exit = false;
+      var isActive = activeTimerId === data.id;
+      var isPaused = data.status === SubjectTimerStatus.Paused;
+      setLoadingItem(true);
+      var _temp = _catch(function () {
+        return Promise.resolve(handlePauseAllTimers(data.id)).then(function () {
+          return function () {
+            if (data.recordId) {
+              return function () {
+                if (!isActive && !isPaused) {
+                  setActiveTimerId(data.id);
+                  setTimers(function (timers) {
+                    return timers.map(function (timer) {
+                      return timer.id === data.id ? _extends({}, timer, {
+                        lastResumeTime: moment().utc().toISOString()
+                      }) : timer;
+                    });
+                  });
+                  setLoadingItem(false);
+                  _exit = true;
+                } else {
+                  return Promise.resolve(pauseStudentSubjectApi(data.id, data.recordId, {
+                    status: isPaused ? SubjectTimerStatus.Started : SubjectTimerStatus.Paused,
+                    startTime: isPaused ? moment().utc().valueOf() : 0,
+                    pauseTime: !isPaused ? moment().utc().valueOf() : 0,
+                    duration: isActive && seconds ? seconds * 1000 : data.duration
+                  })).then(function (res) {
+                    setTimers(function (timers) {
+                      return timers.map(function (timer) {
+                        return timer.id === data.id ? res.data : timer;
+                      });
+                    });
+                    setActiveTimerId(!isPaused && isActive ? undefined : data.id);
+                  });
+                }
+              }();
+            } else {
+              return Promise.resolve(startStudentSubjectTimerApi(data.id)).then(function (res) {
+                setTimers(function (timers) {
+                  return timers.map(function (timer) {
+                    return timer.id === data.id ? res.data : timer;
+                  });
+                });
+                setActiveTimerId(!isPaused && isActive ? undefined : data.id);
+              });
+            }
+          }();
+        });
+      }, function () {
+        toast.error(t(isPaused ? "failed_to_start_the_subject_name" : "failed_to_pause_the_subject_name", {
+          name: data.name
+        }));
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handlePauseAllTimers = function handlePauseAllTimers(exceptId) {
+    try {
+      !exceptId && setLoadingItem(true);
+      var tasks = timers.filter(function (i) {
+        return i.status === SubjectTimerStatus.Started && i.id !== exceptId;
+      }).map(function (i) {
+        return handlePauseTimer(i);
+      });
+      return Promise.resolve(Promise.all(tasks)).then(function () {
+        !exceptId && setLoadingItem(false);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handlePauseTimer = function handlePauseTimer(data, updateState) {
+    if (updateState === void 0) {
+      updateState = true;
+    }
+    try {
+      if (data.status === SubjectTimerStatus.Paused) return Promise.resolve(data);
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(pauseStudentSubjectApi(data.id, data.recordId, {
+          status: SubjectTimerStatus.Paused,
+          duration: activeTimerId === data.id && seconds ? seconds * 1000 : data.duration,
+          pauseTime: moment().utc().valueOf()
+        })).then(function (res) {
+          if (updateState) setTimers(function (state) {
+            return state.map(function (i) {
+              return i.id === data.id ? res.data : i;
+            });
+          });
+          return res.data;
+        });
+      }, function () {
+        activeTimerId === data.id && toast.error(t("failed_to_pause_the_subject_name", {
+          name: data.name
+        }));
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var getDataFromLocalStorage = useCallback(function (items) {
+    if (fetchedRef.current !== academyDomain) return [];
+    return items.map(function (item) {
+      var key = (user === null || user === void 0 ? void 0 : user.id) + "-" + item.id + "-" + SUBJECT_TIMER_KEY + academyDomain;
+      var duration = getLocalDuration(key, item);
+      var lastResumeTime = moment().utc().toISOString();
+      return _extends({}, item, {
+        duration: duration !== null ? duration : item.duration,
+        lastResumeTime: lastResumeTime
+      });
+    });
+  }, [user === null || user === void 0 ? void 0 : user.id, academyDomain]);
+  useEffect(function () {
+    var fetchData = function fetchData() {
+      try {
+        var _temp4 = function _temp4() {
+          setFetching(false);
+        };
+        if (!(user !== null && user !== void 0 && user.id) || !academyDomain && !(user !== null && user !== void 0 && user.isLearningSpace)) return Promise.resolve();
+        if (fetchedRef.current == academyDomain && !open) return Promise.resolve();
+        setFetching(true);
+        var _temp3 = _catch(function () {
+          return Promise.resolve(getStudentSubjectListApi()).then(function (res) {
+            var _items$find;
+            var _res$data$items = res.data.items,
+              items = _res$data$items === void 0 ? [] : _res$data$items;
+            fetchedRef.current = academyDomain;
+            setTimers(getDataFromLocalStorage(items));
+            setActiveTimerId((_items$find = items.find(function (i) {
+              return i.status === SubjectTimerStatus.Started;
+            })) === null || _items$find === void 0 ? void 0 : _items$find.id);
+          });
+        }, function (error) {
+          toast.error(getErrorMessage(t, error));
+        });
+        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    fetchData();
+  }, [t, getDataFromLocalStorage, user === null || user === void 0 ? void 0 : user.isLearningSpace, open]);
+  var today = formatDate(t);
+  var isRunning = timers.some(function (timer) {
+    return timer.status === SubjectTimerStatus.Started;
+  });
+  var selectedTimer = timers.find(function (i) {
+    return i.id === activeTimerId;
+  });
+  return React__default.createElement(Fragment$1, null, React__default.createElement(IconButton$1, {
+    onClick: handleOpen,
+    sx: {
+      width: 44,
+      height: 44,
+      mx: 1,
+      borderRadius: "6px",
+      padding: "8px",
+      background: !isRunning ? grey[50] : green[100],
+      "&: hover": {
+        background: !isRunning ? grey[200] : green[200]
+      }
+    }
+  }, React__default.createElement(Stack, {
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+    height: "100%",
+    sx: {
+      borderRadius: "50%",
+      backgroundColor: "#FFF"
+    }
+  }, React__default.createElement(IoTimer, {
+    color: !isRunning ? grey[700] : green[500],
+    size: "16.25px"
+  }))), selectedTimer && React__default.createElement(TimerCountItem, {
+    data: selectedTimer,
+    activeTimerId: activeTimerId,
+    onChangeTime: handleChangeTime
+  }), React__default.createElement(Popover$1, {
+    open: !!open,
+    anchorEl: open,
+    onClose: handleClose,
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    },
+    slotProps: {
+      paper: {
+        sx: {
+          px: 2,
+          mt: 1,
+          ml: 0.75,
+          width: 320,
+          borderRadius: 2,
+          boxShadow: 3,
+          bgcolor: theme.palette.grey[50]
+        }
+      }
+    }
+  }, React__default.createElement(Box, {
+    sx: {
+      py: 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }
+  }, React__default.createElement(Box, {
+    sx: {
+      display: "flex",
+      gap: 1,
+      alignItems: "center"
+    }
+  }, React__default.createElement(Box, {
+    display: "flex",
+    alignItems: "center"
+  }, React__default.createElement(IoTimer, null)), React__default.createElement(Typography, {
+    variant: "subtitle1",
+    fontWeight: "bold",
+    fontSize: "14px"
+  }, t("study_timer"))), React__default.createElement(Typography, {
+    color: "textSecondary",
+    whiteSpace: "nowrap",
+    fontSize: "14px"
+  }, today)), React__default.createElement(Divider, {
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    }
+  }), React__default.createElement(Stack, {
+    className: "" + styles["timer-menu"],
+    gap: 1.5,
+    flexDirection: "column",
+    sx: {
+      py: 2,
+      maxHeight: "360px"
+    }
+  }, !isFetching && React__default.createElement(ListView, {
+    data: timers,
+    render: function render(item, index) {
+      return React__default.createElement(TimerItem, {
+        key: index,
+        data: item,
+        loading: loadingItem,
+        seconds: activeTimerId === item.id ? seconds : undefined,
+        activeTimerId: activeTimerId,
+        onStartOrPauseTimer: handleStartOrPauseTimer
+      });
+    }
+  }), isFetching && React__default.createElement(Stack, {
+    sx: {
+      width: "100%",
+      py: 2
+    },
+    justifyContent: "center",
+    alignItems: "center"
+  }, React__default.createElement(Typography, {
+    className: "text-muted"
+  }, React__default.createElement(CircularProgress, {
+    size: "16px",
+    color: "success"
+  }))), !timers.length && !isFetching && React__default.createElement(Box, null, React__default.createElement(Typography, {
+    className: "text-muted"
+  }, t("no_data")))), React__default.createElement(Divider, {
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    }
+  }), React__default.createElement(Box, {
+    sx: {
+      p: 2,
+      textAlign: "right"
+    }
+  }, React__default.createElement(Button, {
+    disableTouchRipple: true,
+    onClick: function onClick() {
+      return handlePauseAllTimers();
+    },
+    disabled: loadingItem,
+    sx: {
+      fontWeight: 700,
+      color: theme.palette.success.main,
+      padding: "8px 12px",
+      bgcolor: theme.palette.background.paper,
+      "&:hover": {
+        bgcolor: theme.palette.grey[200]
+      },
+      "&:disabled": {
+        opacity: 0.5
+      }
+    }
+  }, loadingItem ? t("saving") : t("pause")))));
+};
+var SUBJECT_TIMER_KEY = "stk";
+var saveDuration = function saveDuration(key, duration) {
+  localStorage.setItem(key, "" + duration);
+};
+var getLocalDuration = function getLocalDuration(key, timer) {
+  try {
+    var res = localStorage.getItem(key);
+    var duration = +(res != null ? res : "");
+    if (!duration || Number.isNaN(duration) || duration <= timer.duration) return null;
+    return duration;
+  } catch (error) {
+    return null;
+  }
+};
+
+var HeaderLink = function HeaderLink(_ref) {
+  var data = _ref.data,
+    render = _ref.render;
+  var activePaths = data.activePaths,
+    path = data.path;
+  var pathname = window.location.pathname.toLowerCase();
+  var isActive = (activePaths === null || activePaths === void 0 ? void 0 : activePaths.some(function (a) {
+    return pathname.startsWith(a);
+  })) || pathname.startsWith(path);
+  return React__default.createElement(Fragment$1, null, render(data, isActive));
+};
+
 var Header = function Header(_ref) {
   var academyListRoute = _ref.academyListRoute,
     homeRoute = _ref.homeRoute,
@@ -40443,7 +41200,9 @@ var Header = function Header(_ref) {
     justifyContent: "center",
     height: "100%",
     className: styles["logo"] + " d-flex d-lg-none"
-  }, React__default.createElement(singleLogo, null))), React__default.createElement(Stack, {
+  }, React__default.createElement(singleLogo, null))), !isTeacherSide && React__default.createElement(Stack, {
+    className: "me-2 ms-2"
+  }, React__default.createElement(TimerDropdown, null)), React__default.createElement(Stack, {
     className: "me-2",
     display: "none"
   }, React__default.createElement(TheLanguageDropdown, null)), showAnnouncement && renderNotificationLink && React__default.createElement(AnnouncementContainer, {
@@ -40452,17 +41211,6 @@ var Header = function Header(_ref) {
     renderViewNoteLink: renderViewNoteLink
   })));
 };
-var HeaderLink = function HeaderLink(_ref3) {
-  var data = _ref3.data,
-    render = _ref3.render;
-  var activePaths = data.activePaths,
-    path = data.path;
-  var pathname = location.pathname.toLowerCase();
-  var isActive = (activePaths === null || activePaths === void 0 ? void 0 : activePaths.some(function (a) {
-    return pathname.startsWith(a);
-  })) || pathname.startsWith(path);
-  return React__default.createElement(Fragment$1, null, render(data, isActive));
-};
 
 var useLayoutContext = function useLayoutContext(role, showLoadingAcademy, domain) {
   var _currentPusher$connec2;
@@ -40627,5 +41375,5 @@ var LayoutContext = function LayoutContext(_ref) {
   });else return React__default.createElement(Fragment$1, null, children);
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnnouncementContainer, AnnouncementType, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, AttendanceFormDialog, BASE_URL, BRIEF_GRADE_OPTIONS, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonCreateNewQuestionDialog, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, GRADE_OPTIONS, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, LessonTooltip, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NoteDrawer, NoteTabs, NoteType, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, SchoolType$1 as SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentInfoDrawer, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookEditorType, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, cleanRichText, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatPhoneNumber, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, includePathname, isLocalHost, isTextType, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setTotalUnreadMessages, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useKeyboardVisible, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnnouncementContainer, AnnouncementType, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, AttendanceFormDialog, BASE_URL, BRIEF_GRADE_OPTIONS, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonCreateNewQuestionDialog, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, GRADE_OPTIONS, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, LessonTooltip, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, NoteDrawer, NoteTabs, NoteType, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionCountSelector, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, SchoolType$1 as SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentInfoDrawer, StudentSelector, SubjectSelector, SubjectTimerStatus, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookEditorType, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, cleanRichText, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatPhoneNumber, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getCountTime, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, includePathname, isLocalHost, isTextType, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setTotalUnreadMessages, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useKeyboardVisible, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map