touchstudy-core 0.1.177 → 0.1.178

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'));
@@ -536,6 +537,7 @@ var teacher_in_charge = "담당 교사";
 var counselor = "상담교사";
 var new_question = "새로운 질문";
 var hour = "시간";
+var hour_h = "시간";
 var minute = "분";
 var second = "두번째";
 var question_order = "{{number}} 번";
@@ -1029,6 +1031,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 +1042,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 사이여야 합니다";
@@ -1105,6 +1112,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 = "다시 보내기";
@@ -1488,6 +1496,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 +1544,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,
@@ -1725,6 +1742,7 @@ var lang_ko = {
 	counselor: counselor,
 	new_question: new_question,
 	hour: hour,
+	hour_h: hour_h,
 	minute: minute,
 	second: second,
 	question_order: question_order,
@@ -2213,6 +2231,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 +2242,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,
@@ -2287,6 +2309,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,
@@ -2658,6 +2681,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 +2728,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";
@@ -2922,6 +2954,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}}";
@@ -3390,6 +3423,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 +3434,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";
@@ -3466,6 +3504,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";
@@ -3850,6 +3889,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 +3937,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,
@@ -4113,6 +4161,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,
@@ -4576,6 +4625,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 +4636,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,
@@ -4650,6 +4703,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,
@@ -5022,6 +5076,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 +5123,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__default.use(reactI18next.initReactI18next).init({
@@ -5523,7 +5586,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: {
@@ -6265,6 +6328,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";
@@ -6273,6 +6342,12 @@ var HighSchoolGrade;
   SchoolType[SchoolType["High"] = 3] = "High";
 })(exports.SchoolType || (exports.SchoolType = {}));
 
+(function (SubjectTimerStatus) {
+  SubjectTimerStatus[SubjectTimerStatus["NotStarted"] = 0] = "NotStarted";
+  SubjectTimerStatus[SubjectTimerStatus["Started"] = 1] = "Started";
+  SubjectTimerStatus[SubjectTimerStatus["Paused"] = 2] = "Paused";
+})(exports.SubjectTimerStatus || (exports.SubjectTimerStatus = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -6522,6 +6597,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);
@@ -8246,6 +8326,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,
@@ -10315,6 +10416,7 @@ var grey = {
 var green = {
   0: '#FFFFFF',
   100: '#F0FFF6',
+  200: '#D2FFE4',
   300: '#89F0B2',
   500: '#3DC674',
   700: '#349056',
@@ -33911,11 +34013,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);
@@ -34936,10 +35038,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);
@@ -35041,6 +35143,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();
@@ -35059,6 +35179,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
     isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
+    handleSaveData: handleSaveData,
     selectedTextbook: selectedTextbook,
     handleOpenDialog: handleOpenDialog,
     handleCloseDialog: handleCloseDialog,
@@ -35352,6 +35473,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,
@@ -38527,8 +38650,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,
@@ -38538,6 +38662,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);
@@ -38546,6 +38672,20 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     dirty = formikProps.dirty,
     submitCount = formikProps.submitCount,
     setValues = formikProps.setValues;
+  var theme = material.useTheme();
+  var savedRunRef = React.useRef(Date.now());
+  var runTimeRef = React.useRef(Date.now());
+  var valuesTextbook = React.useRef(null);
+  var 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");
@@ -38566,9 +38706,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
@@ -38656,7 +38886,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"
+  }, !!(selectedTextbook !== null && selectedTextbook !== void 0 && selectedTextbook.id) && 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 && !isSaved && i18n.t("all_changes_are_not_saved_yet"))), React__default.createElement(material.Button, {
     type: "submit",
     sx: {
       width: "fit-content"
@@ -38763,6 +39031,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;
@@ -38785,7 +39054,9 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       isAdmin: isAdmin,
       isSuperAdmin: isSuperAdmin,
       selected: selected,
+      handleSaveData: handleSaveData,
       textbookId: textbookId,
+      selectedTextbook: selectedTextbook,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
       coverImage: coverImage,
@@ -40302,6 +40573,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 = material.useTheme();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleStartOrPauseTimer = function handleStartOrPauseTimer() {
+    onStartOrPauseTimer(data);
+  };
+  var isStarted = activeTimerId === data.id && data.status === exports.SubjectTimerStatus.Started;
+  var displayedTime = React.useMemo(function () {
+    switch (data.status) {
+      case exports.SubjectTimerStatus.Started:
+        return activeTimerId !== data.id ? formatTime$2(Math.floor(data.duration / 1000), t) : formatTime$2(seconds != null ? seconds : 0, t);
+      case exports.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(material.Stack, {
+    direction: "row",
+    gap: 1,
+    sx: {
+      justifyContent: "space-between",
+      alignItems: "center",
+      width: "100%"
+    }
+  }, React__default.createElement(material.Typography, {
+    className: styles["subject-name"] + " " + styles["truncate"],
+    fontSize: "14px",
+    fontWeight: 600
+  }, data.name), React__default.createElement(material.Box, {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      gap: 1.5
+    }
+  }, React__default.createElement(material.Typography, {
+    className: "" + styles["duration"],
+    sx: {
+      color: isStarted ? theme.palette.common.black : theme.palette.success.light,
+      fontSize: "14px",
+      fontWeight: 700
+    }
+  }, displayedTime), !isStarted && React__default.createElement(material.Box, {
+    className: "" + styles["icon-start"]
+  }, React__default.createElement(io5.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 = React.useRef(null);
+  var user = reactRedux.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;
+  });
+  React.useEffect(function () {
+    if (data.status !== exports.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(React.Fragment, 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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var theme = material.useTheme();
+  var user = reactRedux.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 = React.useState(null),
+    open = _useState[0],
+    setOpen = _useState[1];
+  var _useState2 = React.useState([]),
+    timers = _useState2[0],
+    setTimers = _useState2[1];
+  var _useState3 = React.useState(),
+    seconds = _useState3[0],
+    setSeconds = _useState3[1];
+  var _useState4 = React.useState(),
+    activeTimerId = _useState4[0],
+    setActiveTimerId = _useState4[1];
+  var _useState5 = React.useState(false),
+    loadingItem = _useState5[0],
+    setLoadingItem = _useState5[1];
+  var _useState6 = React.useState(false),
+    isFetching = _useState6[0],
+    setFetching = _useState6[1];
+  var fetchedRef = React.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 === exports.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 ? exports.SubjectTimerStatus.Started : exports.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 () {
+        reactToastify.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 === exports.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 === exports.SubjectTimerStatus.Paused) return Promise.resolve(data);
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(pauseStudentSubjectApi(data.id, data.recordId, {
+          status: exports.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 && reactToastify.toast.error(t("failed_to_pause_the_subject_name", {
+          name: data.name
+        }));
+      }));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var getDataFromLocalStorage = React.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]);
+  React.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 === exports.SubjectTimerStatus.Started;
+            })) === null || _items$find === void 0 ? void 0 : _items$find.id);
+          });
+        }, function (error) {
+          reactToastify.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 === exports.SubjectTimerStatus.Started;
+  });
+  var selectedTimer = timers.find(function (i) {
+    return i.id === activeTimerId;
+  });
+  return React__default.createElement(React.Fragment, null, React__default.createElement(IconButton, {
+    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(material.Stack, {
+    justifyContent: "center",
+    alignItems: "center",
+    width: "100%",
+    height: "100%",
+    sx: {
+      borderRadius: "50%",
+      backgroundColor: "#FFF"
+    }
+  }, React__default.createElement(io5.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, {
+    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(material.Box, {
+    sx: {
+      py: 2,
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "space-between"
+    }
+  }, React__default.createElement(material.Box, {
+    sx: {
+      display: "flex",
+      gap: 1,
+      alignItems: "center"
+    }
+  }, React__default.createElement(material.Box, {
+    display: "flex",
+    alignItems: "center"
+  }, React__default.createElement(io5.IoTimer, null)), React__default.createElement(material.Typography, {
+    variant: "subtitle1",
+    fontWeight: "bold",
+    fontSize: "14px"
+  }, t("study_timer"))), React__default.createElement(material.Typography, {
+    color: "textSecondary",
+    whiteSpace: "nowrap",
+    fontSize: "14px"
+  }, today)), React__default.createElement(material.Divider, {
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    }
+  }), React__default.createElement(material.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(material.Stack, {
+    sx: {
+      width: "100%",
+      py: 2
+    },
+    justifyContent: "center",
+    alignItems: "center"
+  }, React__default.createElement(material.Typography, {
+    className: "text-muted"
+  }, React__default.createElement(material.CircularProgress, {
+    size: "16px",
+    color: "success"
+  }))), !timers.length && !isFetching && React__default.createElement(material.Box, null, React__default.createElement(material.Typography, {
+    className: "text-muted"
+  }, t("no_data")))), React__default.createElement(material.Divider, {
+    sx: {
+      bgcolor: theme.palette.grey[700]
+    }
+  }), React__default.createElement(material.Box, {
+    sx: {
+      p: 2,
+      textAlign: "right"
+    }
+  }, React__default.createElement(material.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(React.Fragment, null, render(data, isActive));
+};
+
 var Header = function Header(_ref) {
   var academyListRoute = _ref.academyListRoute,
     homeRoute = _ref.homeRoute,
@@ -40424,7 +41180,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(material.Stack, {
+  }, React__default.createElement(singleLogo, null))), !isTeacherSide && React__default.createElement(material.Stack, {
+    className: "me-2 ms-2"
+  }, React__default.createElement(TimerDropdown, null)), React__default.createElement(material.Stack, {
     className: "me-2",
     display: "none"
   }, React__default.createElement(TheLanguageDropdown, null)), showAnnouncement && renderNotificationLink && React__default.createElement(AnnouncementContainer, {
@@ -40433,17 +41191,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(React.Fragment, null, render(data, isActive));
-};
 
 var useLayoutContext = function useLayoutContext(role, showLoadingAcademy, domain) {
   var _currentPusher$connec2;
@@ -40828,6 +41575,7 @@ exports.formatTime = formatTime;
 exports.formatTimeSecond = formatTimeSecond;
 exports.getAcademyDomain = getAcademyDomain;
 exports.getAccessToken = getAccessToken;
+exports.getCountTime = getCountTime;
 exports.getErrorMessage = getErrorMessage;
 exports.getLanguage = getLanguage;
 exports.getLearningSpace = getLearningSpace;