touchstudy-core 0.1.174 → 0.1.176

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, IoCheckmark, 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';
@@ -541,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}} 번";
@@ -1115,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 = "다시 보내기";
@@ -1547,6 +1549,12 @@ 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,
@@ -1738,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,
@@ -2304,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,
@@ -2723,7 +2733,13 @@ var lang_ko = {
 	teacher_to_teachers: teacher_to_teachers,
 	student_required: student_required,
 	teachers_required: teachers_required,
-	all_changes_are_not_saved_yet: all_changes_are_not_saved_yet
+	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";
@@ -2942,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}}";
@@ -3491,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";
@@ -3924,6 +3942,12 @@ 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,
@@ -4141,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,
@@ -4682,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,
@@ -5102,7 +5128,13 @@ var lang_en = {
 	teacher_to_teachers: teacher_to_teachers$1,
 	student_required: student_required$1,
 	teachers_required: teachers_required$1,
-	all_changes_are_not_saved_yet: all_changes_are_not_saved_yet$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({
@@ -5560,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: {
@@ -6135,6 +6167,7 @@ var CustomSelect = function CustomSelect(_ref) {
       Option: CustomOption
     },
     styles: _extends({}, customStyles, styles),
+    isMulti: isMulti,
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6323,6 +6356,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;
@@ -6572,6 +6612,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);
@@ -8298,6 +8343,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,
@@ -10367,6 +10433,7 @@ var grey = {
 var green = {
   0: '#FFFFFF',
   100: '#F0FFF6',
+  200: '#D2FFE4',
   300: '#89F0B2',
   500: '#3DC674',
   700: '#349056',
@@ -13035,8 +13102,8 @@ var DayOfWeek;
 })(DayOfWeek || (DayOfWeek = {}));
 var TeacherSortBy;
 (function (TeacherSortBy) {
-  TeacherSortBy["Name"] = "UserProfile.FullName";
-  TeacherSortBy["Email"] = "UserProfile.Email";
+  TeacherSortBy["Name"] = "User.UserProfile.FullName";
+  TeacherSortBy["Email"] = "User.UserProfile.Email";
 })(TeacherSortBy || (TeacherSortBy = {}));
 var ClassStatus;
 (function (ClassStatus) {
@@ -13314,23 +13381,29 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$3 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
-    value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+    value = _ref.value;
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
       value: i.id
     };
   });
-  return React__default.createElement(CustomAsyncSelect, Object.assign({
+  return React__default.createElement(CustomAsyncSelect, {
     options: teacherOptions,
-    value: value
-  }, rest, {
+    value: value,
+    menuPlacement: "bottom",
+    styles: {
+      menuPortal: function menuPortal(base) {
+        return _extends({}, base, {
+          zIndex: 9999
+        });
+      }
+    },
+    menuPortalTarget: document.body,
     isClearable: true
-  }));
+  });
 };
 
 var ErrorHandler = function ErrorHandler(_ref) {
@@ -20298,12 +20371,12 @@ function CreateNewQuestionDialog(_ref) {
   });
 }
 
-var _excluded$8 = ["children", "value", "index"];
+var _excluded$7 = ["children", "value", "index"];
 var CustomTabPanel = function CustomTabPanel(props) {
   var children = props.children,
     value = props.value,
     index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$8);
+    other = _objectWithoutPropertiesLoose(props, _excluded$7);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -24360,7 +24433,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$9 = ["onChange"];
+var _excluded$8 = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -24426,7 +24499,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$9);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$8);
         return React__default.createElement(CustomSelectOption, Object.assign({
           maxMenuHeight: 150,
           menuPosition: "fixed",
@@ -26058,10 +26131,10 @@ var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
 };
 
 var _styled$1;
-var _excluded$a = ["className"];
+var _excluded$9 = ["className"];
 var CustomTooltip$1 = styled(function (_ref) {
   var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   return React__default.createElement(Tooltip, Object.assign({}, props, {
     classes: {
       popper: className
@@ -27542,7 +27615,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$b = ["getStudents"],
+var _excluded$a = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -27593,7 +27666,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$b);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$a);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -28981,14 +29054,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$8 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$c = ["text", "isRequired", "className"];
+var _excluded$b = ["text", "isRequired", "className"];
 var LabelRequired = function LabelRequired(_ref) {
   var text = _ref.text,
     _ref$isRequired = _ref.isRequired,
     isRequired = _ref$isRequired === void 0 ? true : _ref$isRequired,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$b);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -29042,7 +29115,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL$1 + "/delete/" + id);
 };
 
-var _excluded$d = ["ref"],
+var _excluded$c = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -29072,7 +29145,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$d);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$c);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -33143,12 +33216,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$a = {"drawer":"_11aYm","open":"_3Ydwm","drawer-overlay":"_3SQDf","drawer-header":"_2BwOx","drawer-form":"_2Zo7R","dropdown-content-academy":"_1lzjD","dropdown-change":"_1y7K9","dropdown-academy-item":"_1Y-55","dropdown-content-language":"_1fBXY","dropdown-item-language":"_3Szun","dropdown-item-language-active":"_2HhLb","item-address":"_3WYHC","item-logout":"_2-9ix","title-address":"_1r4pn","image-academy":"_2ZozT"};
 
-var _excluded$e = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$d = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$e);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$d);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -34301,12 +34374,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$b = {"avatar":"_8niRT"};
 
-var _excluded$f = ["value", "disabled", "optionTypeNotification"];
+var _excluded$e = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -34699,11 +34772,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$g = ["value", "optionTypeNotification"];
+var _excluded$f = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$f);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -35980,7 +36053,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 var QuestionShortInput$1 = memo(QuestionShortInput, isEqual$1);
 
-var _excluded$h = ["onChange"];
+var _excluded$g = ["onChange"];
 var _$2 = _$8;
 var BpIcon$1 = styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -36291,7 +36364,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$h);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$g);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
         isDisabled: disabled,
         value: data.questionType,
@@ -36340,7 +36413,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = memo(QuestionBlock, isEqual$2);
 
-var _excluded$i = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$h = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$3 = _$8;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
@@ -36361,7 +36434,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var errors = formikProps.errors;
   var startOrderRef = useRef(null);
   var articles = data.articles,
@@ -36504,7 +36577,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = memo(QuestionGroupBlockBody, isEqual$3);
 
-var _excluded$j = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$4 = _$8;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
@@ -36529,7 +36602,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = useTranslation(),
@@ -36992,7 +37065,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$k = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$j = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -37012,7 +37085,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -37191,7 +37264,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$l = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _excluded$k = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
 var _$5 = _$8;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -37214,7 +37287,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
   var errors = formikProps.errors;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -37905,7 +37978,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$m = ["value"];
+var _excluded$l = ["value"];
 var VisuallyHiddenInput = styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -38073,7 +38146,7 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     render: function render(_ref4) {
       var _ref4$field = _ref4.field,
         value = _ref4$field.value,
-        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$m);
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$l);
       return React__default.createElement(LocalizationProvider$1, {
         dateAdapter: AdapterMoment
       }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -38547,7 +38620,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _excluded$n = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "selectedTextbook", "handleSaveData", "onChangeTab", "onUploadImage"];
+var _excluded$m = ["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,
@@ -38563,7 +38636,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     handleSaveData = _ref.handleSaveData,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$n);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$m);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -39816,7 +39889,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   var handleGoToMainPage = function handleGoToMainPage() {
     if (!user) return;
     var isAcademy = user.academyDomain || user.isLearningSpace;
-    var mainUrl = !isAcademy ? homeAcademyUrl : homeUrl;
+    var mainUrl = isAcademy ? homeAcademyUrl : homeUrl;
     pushTo(history, mainUrl);
   };
   var handleImageError = function handleImageError() {
@@ -40471,6 +40544,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,
@@ -40593,7 +41151,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, {
@@ -40602,17 +41162,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;
@@ -40777,5 +41326,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