touchstudy-core 0.1.174 → 0.1.176

package/dist/index.js

@@ -537,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}} 번";
@@ -1111,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 = "다시 보내기";
@@ -1543,6 +1545,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,
@@ -1734,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,
@@ -2300,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,
@@ -2719,7 +2729,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";
@@ -2938,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}}";
@@ -3487,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";
@@ -3920,6 +3938,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,
@@ -4137,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,
@@ -4678,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,
@@ -5098,7 +5124,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__default.use(reactI18next.initReactI18next).init({
@@ -5554,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: {
@@ -6129,6 +6161,7 @@ var CustomSelect = function CustomSelect(_ref) {
       Option: CustomOption
     },
     styles: _extends({}, customStyles, styles),
+    isMulti: isMulti,
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6307,6 +6340,12 @@ var PrintStatus;
   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;
@@ -6556,6 +6595,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);
@@ -8280,6 +8324,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,
@@ -10349,6 +10414,7 @@ var grey = {
 var green = {
   0: '#FFFFFF',
   100: '#F0FFF6',
+  200: '#D2FFE4',
   300: '#89F0B2',
   500: '#3DC674',
   700: '#349056',
@@ -13017,8 +13083,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) {
@@ -13296,23 +13362,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) {
@@ -20280,12 +20352,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,
@@ -24342,7 +24414,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,
@@ -24408,7 +24480,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$9);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$8);
         return React__default.createElement(CustomSelectOption, Object.assign({
           maxMenuHeight: 150,
           menuPosition: "fixed",
@@ -26040,10 +26112,10 @@ var DrawerTextbookResultTab = function DrawerTextbookResultTab(_ref) {
 };
 
 var _styled$1;
-var _excluded$a = ["className"];
+var _excluded$9 = ["className"];
 var CustomTooltip$1 = material.styled(function (_ref) {
   var className = _ref.className,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$a);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$9);
   return React__default.createElement(material.Tooltip, Object.assign({}, props, {
     classes: {
       popper: className
@@ -27524,7 +27596,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$b = ["getStudents"],
+var _excluded$a = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -27575,7 +27647,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);
@@ -28963,14 +29035,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(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -29024,7 +29096,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"],
@@ -29054,7 +29126,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);
@@ -33125,12 +33197,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -34283,12 +34355,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
@@ -34681,11 +34753,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
@@ -35962,7 +36034,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 var QuestionShortInput$1 = React.memo(QuestionShortInput, isEqual$1);
 
-var _excluded$h = ["onChange"];
+var _excluded$g = ["onChange"];
 var _$2 = _$8;
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
@@ -36273,7 +36345,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,
@@ -36322,7 +36394,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = React.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;
@@ -36343,7 +36415,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 = React.useRef(null);
   var articles = data.articles,
@@ -36486,7 +36558,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = React.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;
@@ -36511,7 +36583,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 = reactI18next.useTranslation(),
@@ -36974,7 +37046,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,
@@ -36994,7 +37066,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -37173,7 +37245,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,
@@ -37196,7 +37268,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -37887,7 +37959,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$m = ["value"];
+var _excluded$l = ["value"];
 var VisuallyHiddenInput = material.styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -38055,7 +38127,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(xDatePickers.LocalizationProvider, {
         dateAdapter: AdapterMoment.AdapterMoment
       }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -38529,7 +38601,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,
@@ -38545,7 +38617,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,
@@ -39797,7 +39869,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() {
@@ -40452,6 +40524,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,
@@ -40574,7 +41131,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, {
@@ -40583,17 +41142,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;
@@ -40978,6 +41526,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;