touchstudy-core 0.1.145 → 0.1.146

package/dist/index.modern.js

@@ -12,23 +12,25 @@ import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 export { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { DemoContainer } from '@mui/x-date-pickers/internals/demo';
 export { DemoContainer } from '@mui/x-date-pickers/internals/demo';
-import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, createElement, memo } from 'react';
-import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Select as Select$1, MenuItem, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
+import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, useCallback, useMemo, memo, createElement } from 'react';
+import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
+import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaCheckCircle, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
 import { IoMdArrowBack, IoIosAdd, IoMdAdd, IoIosAlert, IoIosArrowDown, IoIosSearch, IoIosArrowUp } from 'react-icons/io';
 import { IoClose, IoSearch, IoCloseOutline, IoChevronUp, IoChevronDown, IoChatbubbleEllipsesSharp, IoPrint, IoWarning, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCloseCircle, IoLogOut } from 'react-icons/io5';
 import { useSelector, useDispatch } from 'react-redux';
 import Select, { components } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import axios from 'axios';
-import _$5 from 'lodash';
+import _$6 from 'lodash';
 import { useGoogleLogout, GoogleLogin } from '@leecheuk/react-google-login';
 import 'moment/locale/ko.js';
 import 'moment/locale/en-au.js';
+import { CellMeasurerCache, CellMeasurer, AutoSizer, List as List$1, MultiGrid } from 'react-virtualized';
+export { CellMeasurerCache, MultiGrid } from 'react-virtualized';
 import { Formik, Form, Field, FieldArray } from 'formik';
-import { AutoSizer } from 'react-virtualized';
+import { alpha } from '@mui/material/styles';
 import tinymce from 'tinymce';
 import '@wiris/mathtype-tinymce6';
 import { Editor } from '@tinymce/tinymce-react';
@@ -40,7 +42,7 @@ import CardContent from '@mui/material/CardContent';
 import CardMedia from '@mui/material/CardMedia';
 import MButton from '@mui/material/Button';
 import { object, string, number, date as date$2, array } from 'yup';
-import { blue } from '@mui/material/colors';
+import { blue, yellow as yellow$1 } from '@mui/material/colors';
 import { GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import { MdVisibilityOff, MdVisibility, MdAutorenew, MdMoreHoriz, MdDownload, MdExpandMore } from 'react-icons/md';
 import { gapi } from 'gapi-script';
@@ -68,11 +70,10 @@ import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { PiDotsNineLight } from 'react-icons/pi';
 import Container$1 from '@mui/material/Container';
-import { alpha } from '@mui/material/styles';
 import Slider from 'react-slick';
 import { GrNext, GrPrevious } from 'react-icons/gr';
 import Popover from '@mui/material/Popover';
-import MenuItem$1 from '@mui/material/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 import { GoArrowSwitch } from 'react-icons/go';
 import Pusher$1 from 'pusher-js';
 
@@ -824,7 +825,7 @@ var delete_users_csv = "사용자 CSV 삭제";
 var are_you_sure_to_delete_users = "사용자를 삭제하시겠습니까?";
 var enter_phone_number = "전화번호를 입력하세요";
 var enter_school_name = "학교 이름을 입력하세요";
-var enter_grade = "성적 입력 (먼저 학교 이름을 입력하세요)";
+var enter_grade = "성적 입력";
 var enter_major_name = "부서명을 입력하세요";
 var enter_parent_name = "부모 이름을 입력하세요";
 var enter_parent_phone_number = "부모 전화번호를 입력하세요";
@@ -1246,7 +1247,7 @@ var number_of_participants = "참가자 수";
 var chapter = "챕터";
 var published = "Published";
 var privated = "Privated";
-var solution_results = "버튼 텍스트";
+var solution_results = "풀이 결과";
 var do_you_want_to_reset_your_search_criteria = "검색 조건을 초기화 하시겠습니까?";
 var the_search_keywords_you_enter_will_be_saved = "입력한 검색 키워드는 저장됩니다.";
 var no_search_results = "검색 결과가 없어요.";
@@ -1426,18 +1427,48 @@ var current_correct_answer_entered = "현재 입력한 정답";
 var correct_answer_is_required = "정답은 필수입니다.";
 var cancel_2 = "취소하기";
 var article_required = "기사가 필요합니다";
-var elementary_school_1st_grade = "초등학교 1학년";
-var elementary_school_2nd_grade = "초등학교 2학년";
-var elementary_school_3rd_grade = "초등학교 3학년";
-var elementary_school_4th_grade = "초등학교 4학년";
-var elementary_school_5th_grade = "초등학교 5학년";
-var elementary_school_6th_grade = "초등학교 6학년";
-var middle_school_1st_grade = "중학교 1학년";
-var middle_school_2nd_grade = "중학교 2학년";
-var middle_school_3rd_grade = "중학교 3학년";
-var high_school_1st_grade = "고등학교 1학년";
-var high_school_2nd_grade = "고등학교 2학년";
-var high_school_3rd_grade = "고등학교 3학년";
+var elementary_school_1st_grade = "초1";
+var elementary_school_2nd_grade = "초2";
+var elementary_school_3rd_grade = "초3";
+var elementary_school_4th_grade = "초4";
+var elementary_school_5th_grade = "초5";
+var elementary_school_6th_grade = "초6";
+var middle_school_1st_grade = "중1";
+var middle_school_2nd_grade = "중2";
+var middle_school_3rd_grade = "중3";
+var high_school_1st_grade = "고1";
+var high_school_2nd_grade = "고2";
+var high_school_3rd_grade = "고3";
+var n_year_retaker = "N수생";
+var es_1st = "초1";
+var es_2nd = "초2";
+var es_3rd = "초3";
+var es_4th = "초4";
+var es_5th = "초5";
+var es_6th = "초6";
+var ms_1st = "중1";
+var ms_2nd = "중2";
+var ms_3rd = "중3";
+var hs_1st = "고1";
+var hs_2nd = "고2";
+var hs_3rd = "고3";
+var n_retaker = "N수생";
+var today_class = "오늘 수업";
+var unit_number = "대단원 {{number}}";
+var sub_unit_number = "소단원 {{number}}";
+var text_group_n = "지문 그룹 {{n}}";
+var text_detail_n = "지문 상세 {{n}}";
+var question_group_n = "문제 그룹 {{n}}";
+var placeholder_teacher_selector = "선생님을 검색하려면 최소 2글자를 입력하세요.";
+var teacher_personal_textbook = "교사의 개인 교과서";
+var textbook_owner_email_is_required = "교재 소유자의 이메일은 필수입니다";
+var invalid_textbook_owner_email_address = "유효하지 않은 교재 소유자 이메일 주소입니다";
+var textbook_owner_academy_is_required = "교재 소유자의 학원은 필수입니다";
+var textbook_owner_course_is_required = "교재 소유자의 수업은 필수입니다";
+var start_order = "주문 번호 시작";
+var student_notice_notes = "학생 공지/노트";
+var note = "메모";
+var student_parents = "학생/학부모";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2510,7 +2541,37 @@ var lang_ko = {
 	middle_school_3rd_grade: middle_school_3rd_grade,
 	high_school_1st_grade: high_school_1st_grade,
 	high_school_2nd_grade: high_school_2nd_grade,
-	high_school_3rd_grade: high_school_3rd_grade
+	high_school_3rd_grade: high_school_3rd_grade,
+	n_year_retaker: n_year_retaker,
+	es_1st: es_1st,
+	es_2nd: es_2nd,
+	es_3rd: es_3rd,
+	es_4th: es_4th,
+	es_5th: es_5th,
+	es_6th: es_6th,
+	ms_1st: ms_1st,
+	ms_2nd: ms_2nd,
+	ms_3rd: ms_3rd,
+	hs_1st: hs_1st,
+	hs_2nd: hs_2nd,
+	hs_3rd: hs_3rd,
+	n_retaker: n_retaker,
+	today_class: today_class,
+	unit_number: unit_number,
+	sub_unit_number: sub_unit_number,
+	text_group_n: text_group_n,
+	text_detail_n: text_detail_n,
+	question_group_n: question_group_n,
+	placeholder_teacher_selector: placeholder_teacher_selector,
+	teacher_personal_textbook: teacher_personal_textbook,
+	textbook_owner_email_is_required: textbook_owner_email_is_required,
+	invalid_textbook_owner_email_address: invalid_textbook_owner_email_address,
+	textbook_owner_academy_is_required: textbook_owner_academy_is_required,
+	textbook_owner_course_is_required: textbook_owner_course_is_required,
+	start_order: start_order,
+	student_notice_notes: student_notice_notes,
+	note: note,
+	student_parents: student_parents
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3014,7 +3075,7 @@ var delete_users_csv$1 = "Delete users csv";
 var are_you_sure_to_delete_users$1 = "Are you sure to delete users?";
 var enter_phone_number$1 = "Enter phone number";
 var enter_school_name$1 = "Enter school name";
-var enter_grade$1 = "Enter grade (please enter school name first)";
+var enter_grade$1 = "Enter grade";
 var enter_major_name$1 = "Enter department name";
 var enter_parent_name$1 = "Enter parent name";
 var enter_parent_phone_number$1 = "Enter parent phone number";
@@ -3606,6 +3667,36 @@ var middle_school_3rd_grade$1 = "Middle school 3rd grade";
 var high_school_1st_grade$1 = "High school 1st grade";
 var high_school_2nd_grade$1 = "High school 2nd grade";
 var high_school_3rd_grade$1 = "High school 3rd grade";
+var n_year_retaker$1 = "N-year retaker";
+var es_1st$1 = "1st ES";
+var es_2nd$1 = "2nd ES";
+var es_3rd$1 = "3rd ES";
+var es_4th$1 = "4th ES";
+var es_5th$1 = "5th ES";
+var es_6th$1 = "6th ES";
+var ms_1st$1 = "1st MS";
+var ms_2nd$1 = "2nd MS";
+var ms_3rd$1 = "3rd MS";
+var hs_1st$1 = "1st HS";
+var hs_2nd$1 = "2nd HS";
+var hs_3rd$1 = "3rd HS";
+var n_retaker$1 = "N-retaker";
+var today_class$1 = "Today's class";
+var unit_number$1 = "Unit {{number}}";
+var sub_unit_number$1 = "Sub-unit {{number}}";
+var text_group_n$1 = "Text group {{n}}";
+var text_detail_n$1 = "Text details {{n}}";
+var question_group_n$1 = "Question group {{n}}";
+var placeholder_teacher_selector$1 = "Type at least 2 characters to search teacher";
+var teacher_personal_textbook$1 = "Teacher personal textbook";
+var textbook_owner_email_is_required$1 = "Textbook owner email is required";
+var invalid_textbook_owner_email_address$1 = "Invalid textbook owner email address";
+var textbook_owner_academy_is_required$1 = "Textbook owner academy is required";
+var textbook_owner_course_is_required$1 = "Textbook owner class is required";
+var start_order$1 = "Start order number";
+var student_notice_notes$1 = "Student notice/notes";
+var note$1 = "Note";
+var student_parents$1 = "Student/Parents";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4680,7 +4771,37 @@ var lang_en = {
 	middle_school_3rd_grade: middle_school_3rd_grade$1,
 	high_school_1st_grade: high_school_1st_grade$1,
 	high_school_2nd_grade: high_school_2nd_grade$1,
-	high_school_3rd_grade: high_school_3rd_grade$1
+	high_school_3rd_grade: high_school_3rd_grade$1,
+	n_year_retaker: n_year_retaker$1,
+	es_1st: es_1st$1,
+	es_2nd: es_2nd$1,
+	es_3rd: es_3rd$1,
+	es_4th: es_4th$1,
+	es_5th: es_5th$1,
+	es_6th: es_6th$1,
+	ms_1st: ms_1st$1,
+	ms_2nd: ms_2nd$1,
+	ms_3rd: ms_3rd$1,
+	hs_1st: hs_1st$1,
+	hs_2nd: hs_2nd$1,
+	hs_3rd: hs_3rd$1,
+	n_retaker: n_retaker$1,
+	today_class: today_class$1,
+	unit_number: unit_number$1,
+	sub_unit_number: sub_unit_number$1,
+	text_group_n: text_group_n$1,
+	text_detail_n: text_detail_n$1,
+	question_group_n: question_group_n$1,
+	placeholder_teacher_selector: placeholder_teacher_selector$1,
+	teacher_personal_textbook: teacher_personal_textbook$1,
+	textbook_owner_email_is_required: textbook_owner_email_is_required$1,
+	invalid_textbook_owner_email_address: invalid_textbook_owner_email_address$1,
+	textbook_owner_academy_is_required: textbook_owner_academy_is_required$1,
+	textbook_owner_course_is_required: textbook_owner_course_is_required$1,
+	start_order: start_order$1,
+	student_notice_notes: student_notice_notes$1,
+	note: note$1,
+	student_parents: student_parents$1
 };
 
 i18n.use(initReactI18next).init({
@@ -4707,71 +4828,6 @@ var PrintState;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState || (PrintState = {}));
 
-var PreparedType;
-(function (PreparedType) {
-  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
-  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
-  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
-})(PreparedType || (PreparedType = {}));
-
-var ExamEvent;
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(ExamEvent || (ExamEvent = {}));
-
-var ExamStatus;
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(ExamStatus || (ExamStatus = {}));
-var QuestionAnswerType;
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(QuestionAnswerType || (QuestionAnswerType = {}));
-
-var OrderType;
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(OrderType || (OrderType = {}));
-
-var RecentUserAction;
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(RecentUserAction || (RecentUserAction = {}));
-
-var UserSortColumn;
-(function (UserSortColumn) {
-  UserSortColumn["CreatedAt"] = "CreatedAt";
-  UserSortColumn["FullName"] = "FullName";
-  UserSortColumn["PhoneNumber"] = "PhoneNumber";
-  UserSortColumn["Email"] = "Email";
-  UserSortColumn["SchoolName"] = "SchoolName";
-  UserSortColumn["Major"] = "Major";
-  UserSortColumn["ParentName"] = "ParentName";
-  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
-  UserSortColumn["Grade"] = "Grade";
-})(UserSortColumn || (UserSortColumn = {}));
-
-var SchoolType;
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(SchoolType || (SchoolType = {}));
-
 var GOOGLE_RECAPTCHA_KEY = process.env.REACT_APP_GOOGLE_RECAPTCHA_KEY || "";
 var GOOGLE_CLIENT_ID = process.env.REACT_APP_GOOGLE_CLIENT_ID || "";
 var GOOGLE_RECAPTCHA_ID = process.env.REACT_APP_GOOGLE_RECAPTCHA_ID || "";
@@ -4842,17 +4898,7 @@ var DEFAULT_PAGING_RESPONSE = {
   totalItems: 0,
   totalPages: 0
 };
-var SCHOOL_OPTIONS = [{
-  label: "elementary_school",
-  value: SchoolType.Elementary
-}, {
-  label: "middle_school",
-  value: SchoolType.Middle
-}, {
-  label: "high_school",
-  value: SchoolType.High
-}];
-var ELEMENTARY_GRADES = [{
+var GRADE_OPTIONS = [{
   label: "elementary_school_1st_grade",
   value: 1
 }, {
@@ -4870,26 +4916,67 @@ var ELEMENTARY_GRADES = [{
 }, {
   label: "elementary_school_6th_grade",
   value: 6
-}];
-var MIDDLE_GRADES = [{
+}, {
   label: "middle_school_1st_grade",
-  value: 1
+  value: 7
 }, {
   label: "middle_school_2nd_grade",
-  value: 2
+  value: 8
 }, {
   label: "middle_school_3rd_grade",
-  value: 3
-}];
-var HIGH_GRADES = [{
+  value: 9
+}, {
   label: "high_school_1st_grade",
-  value: 1
+  value: 10
 }, {
   label: "high_school_2nd_grade",
-  value: 2
+  value: 11
 }, {
   label: "high_school_3rd_grade",
+  value: 12
+}, {
+  label: "n_year_retaker",
+  value: 13
+}];
+var BRIEF_GRADE_OPTIONS = [{
+  label: "es_1st",
+  value: 1
+}, {
+  label: "es_2nd",
+  value: 2
+}, {
+  label: "es_3rd",
   value: 3
+}, {
+  label: "es_4th",
+  value: 4
+}, {
+  label: "es_5th",
+  value: 5
+}, {
+  label: "es_6th",
+  value: 6
+}, {
+  label: "ms_1st",
+  value: 7
+}, {
+  label: "ms_2nd",
+  value: 8
+}, {
+  label: "ms_3rd",
+  value: 9
+}, {
+  label: "hs_1st",
+  value: 10
+}, {
+  label: "hs_2nd",
+  value: 11
+}, {
+  label: "hs_3rd",
+  value: 12
+}, {
+  label: "n_retaker",
+  value: 13
 }];
 
 var utcToLocalTime = (function (time, FORMAT) {
@@ -5830,7 +5917,7 @@ var CustomCreatable = function CustomCreatable(_ref) {
   }, rest));
 };
 
-var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue"];
+var _excluded$2 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti", "optionValue", "styles"];
 var CustomSelect = function CustomSelect(_ref) {
   var isDefault = _ref.isDefault,
     options = _ref.options,
@@ -5839,6 +5926,7 @@ var CustomSelect = function CustomSelect(_ref) {
     value = _ref.value,
     isMulti = _ref.isMulti,
     optionValue = _ref.optionValue,
+    styles = _ref.styles,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -5863,7 +5951,7 @@ var CustomSelect = function CustomSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6035,6 +6123,108 @@ function _finally(body, finalizer) {
 	return finalizer();
 }
 
+var PreparedType;
+(function (PreparedType) {
+  PreparedType[PreparedType["csat_past_questions"] = 1] = "csat_past_questions";
+  PreparedType[PreparedType["official_mock_exam"] = 2] = "official_mock_exam";
+  PreparedType[PreparedType["private_mock_exam"] = 3] = "private_mock_exam";
+})(PreparedType || (PreparedType = {}));
+
+var ExamEvent;
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(ExamEvent || (ExamEvent = {}));
+
+var ExamStatus;
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(ExamStatus || (ExamStatus = {}));
+var QuestionAnswerType;
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(QuestionAnswerType || (QuestionAnswerType = {}));
+
+var OrderType;
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(OrderType || (OrderType = {}));
+
+var RecentUserAction;
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(RecentUserAction || (RecentUserAction = {}));
+
+var UserSortColumn;
+(function (UserSortColumn) {
+  UserSortColumn["CreatedAt"] = "CreatedAt";
+  UserSortColumn["FullName"] = "FullName";
+  UserSortColumn["PhoneNumber"] = "PhoneNumber";
+  UserSortColumn["Email"] = "Email";
+  UserSortColumn["SchoolName"] = "SchoolName";
+  UserSortColumn["Major"] = "Major";
+  UserSortColumn["ParentName"] = "ParentName";
+  UserSortColumn["ParentPhoneNumber"] = "ParentPhoneNumber";
+  UserSortColumn["Grade"] = "Grade";
+})(UserSortColumn || (UserSortColumn = {}));
+
+var NoteSortColumn;
+(function (NoteSortColumn) {
+  NoteSortColumn["Content"] = "Content";
+  NoteSortColumn["CreatedAt"] = "CreatedAt";
+  NoteSortColumn["Question"] = "Question";
+})(NoteSortColumn || (NoteSortColumn = {}));
+var NoteType;
+(function (NoteType) {
+  NoteType[NoteType["Default"] = 0] = "Default";
+  NoteType[NoteType["StudentReadable"] = 1] = "StudentReadable";
+})(NoteType || (NoteType = {}));
+
+var SchoolType;
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(SchoolType || (SchoolType = {}));
+var HighSchoolGrade;
+(function (HighSchoolGrade) {
+  HighSchoolGrade[HighSchoolGrade["Default"] = 0] = "Default";
+  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics1"] = 1] = "AdvancedMathematics1";
+  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics2"] = 2] = "AdvancedMathematics2";
+  HighSchoolGrade[HighSchoolGrade["Algebra"] = 3] = "Algebra";
+  HighSchoolGrade[HighSchoolGrade["Calculus1"] = 4] = "Calculus1";
+  HighSchoolGrade[HighSchoolGrade["Calculus2"] = 5] = "Calculus2";
+  HighSchoolGrade[HighSchoolGrade["ProbabilityAndStatistics"] = 6] = "ProbabilityAndStatistics";
+  HighSchoolGrade[HighSchoolGrade["Geometry"] = 7] = "Geometry";
+})(HighSchoolGrade || (HighSchoolGrade = {}));
+var TextbookEditorType;
+(function (TextbookEditorType) {
+  TextbookEditorType[TextbookEditorType["Default"] = 0] = "Default";
+  TextbookEditorType[TextbookEditorType["Korea"] = 1] = "Korea";
+  TextbookEditorType[TextbookEditorType["Math"] = 2] = "Math";
+})(TextbookEditorType || (TextbookEditorType = {}));
+
+var SchoolType$1;
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(SchoolType$1 || (SchoolType$1 = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -6207,7 +6397,7 @@ var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
   return moment.utc(utcDateTime).add(diff, "days").local().weekday();
 };
 var getUtcDayOfWeek = function getUtcDayOfWeek(localDateTime, dayOfWeek) {
-  var currentDayOfWeek = _$5.cloneDeep(localDateTime).local().weekday();
+  var currentDayOfWeek = _$6.cloneDeep(localDateTime).local().weekday();
   var diff = dayOfWeek - currentDayOfWeek;
   if (diff < 0) diff += 7;
   return localDateTime.add(diff, "days").utc().weekday();
@@ -6704,7 +6894,7 @@ var useList = function useList(fetchData, defaultQuery) {
     var _paging$page, _paging$limit;
     return (((_paging$page = paging.page) != null ? _paging$page : 0) - 1) * ((_paging$limit = paging.limit) != null ? _paging$limit : 0) + index + 1;
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     var _textSearchRef$curren;
     setFilter(_extends({}, filter, {
       currentPage: 1,
@@ -7642,11 +7832,13 @@ var SearchInput = function SearchInput(_ref) {
     placeholder = _ref$placeholder === void 0 ? "Search for..." : _ref$placeholder,
     onChange = _ref.onChange,
     _ref$fit = _ref.fit,
-    fit = _ref$fit === void 0 ? true : _ref$fit;
+    fit = _ref$fit === void 0 ? true : _ref$fit,
+    sx = _ref.sx,
+    searchSx = _ref.searchSx;
   return React__default.createElement(Paper, {
     component: "div",
-    className: "bg-light w-100 " + (fit && "h-100"),
-    sx: {
+    className: (sx ? "" : "bg-light") + " w-100 " + (fit && "h-100"),
+    sx: _extends({
       p: "2px 4px",
       display: "flex",
       alignItems: "center",
@@ -7658,11 +7850,11 @@ var SearchInput = function SearchInput(_ref) {
           return theme.palette.primary.main;
         }
       }
-    }
+    }, sx)
   }, React__default.createElement(Box, {
-    sx: {
+    sx: _extends({
       p: "10px"
-    },
+    }, searchSx),
     "aria-label": "search"
   }, React__default.createElement(IoSearch, {
     size: 24,
@@ -9498,7 +9690,198 @@ var ListView = function ListView(_ref) {
   }));
 };
 
-var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+var useVirtualListView = function useVirtualListView(props) {
+  var data = props.data,
+    loading = props.loading,
+    onLoadMore = props.onLoadMore;
+  var handleLoadMore = function handleLoadMore() {
+    if (loading) return;
+    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+  };
+  var onScroll = function onScroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      clientHeight = _ref.clientHeight,
+      scrollHeight = _ref.scrollHeight;
+    if (scrollTop + clientHeight >= scrollHeight - 100) {
+      handleLoadMore();
+    }
+  };
+  var rowCount = data.length + (loading ? 1 : 0);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
+};
+
+var cellMeasurerCache = new CellMeasurerCache({
+  fixedWidth: true,
+  defaultHeight: 50
+});
+
+var grey = {
+  0: '#FFFFFF',
+  50: "#FBFBF9",
+  100: '#EAEAE5',
+  200: '#F4F6F8',
+  300: '#D0D0C8',
+  400: '#C4CDD5',
+  500: '#9A9A98',
+  600: '#637381',
+  700: '#5D5D5B',
+  800: '#212B36',
+  900: '#363634'
+};
+var green = {
+  0: '#FFFFFF',
+  100: '#F0FFF6',
+  300: '#89F0B2',
+  500: '#3DC674',
+  700: '#349056',
+  900: '#18442A'
+};
+var main_theme = {
+  lighter: green[100],
+  light: green[300],
+  less_dark: green[500],
+  dark: green[700],
+  darker: green[900]
+};
+var primary = {
+  lighter: '#D0ECFE',
+  light: '#73BAFB',
+  main: '#1877F2',
+  dark: '#0C44AE',
+  darker: '#042174',
+  contrastText: '#FFFFFF'
+};
+var secondary = {
+  lighter: '#EFD6FF',
+  light: '#C684FF',
+  main: '#8E33FF',
+  dark: '#5119B7',
+  darker: '#27097A',
+  contrastText: '#FFFFFF'
+};
+var info = {
+  lighter: '#CAFDF5',
+  light: '#61F3F3',
+  main: '#00B8D9',
+  dark: '#006C9C',
+  darker: '#003768',
+  contrastText: '#FFFFFF'
+};
+var success = {
+  lighter: '#C8FAD6',
+  light: '#5BE49B',
+  main: '#00A76F',
+  dark: '#007867',
+  darker: '#004B50',
+  contrastText: '#FFFFFF'
+};
+var warning$1 = {
+  lighter: '#FFF5CC',
+  light: '#FFD666',
+  main: '#FFAB00',
+  dark: '#B76E00',
+  darker: '#7A4100',
+  contrastText: grey[800]
+};
+var error = {
+  lighter: '#FFE9D5',
+  light: '#FFAC82',
+  main: '#FF5630',
+  dark: '#B71D18',
+  darker: '#7A0916',
+  contrastText: '#FFFFFF'
+};
+var red = {
+  100: '#FEF8F8',
+  300: '#FEF8F8',
+  500: '#F4CACA',
+  900: '#DB4D4D'
+};
+var yellow = {
+  900: '#FEAF06'
+};
+var green_support = {
+  100: '#F6FDF7',
+  500: '#AEEAB3',
+  900: '#3ACB46'
+};
+var purple = {
+  900: '#C3099A'
+};
+var dark_purple = {
+  900: '#6B0861'
+};
+var dark_red = {
+  900: '#800202'
+};
+var common = {
+  black: '#000000',
+  white: '#FFFFFF'
+};
+var action$2 = {
+  hover: alpha(grey[500], 0.08),
+  selected: alpha(grey[500], 0.16),
+  disabled: alpha(grey[500], 0.8),
+  disabledBackground: alpha(grey[500], 0.24),
+  focus: alpha(grey[500], 0.24),
+  hoverOpacity: 0.08,
+  disabledOpacity: 0.48
+};
+var base = {
+  primary: primary,
+  secondary: secondary,
+  info: info,
+  main_theme: main_theme,
+  success: success,
+  warning: warning$1,
+  error: error,
+  grey: grey,
+  common: common,
+  red: red,
+  yellow: yellow,
+  green_support: green_support,
+  purple: purple,
+  dark_purple: dark_purple,
+  dark_red: dark_red,
+  divider: alpha(grey[500], 0.2),
+  action: action$2
+};
+
+var VirtualListItem = function VirtualListItem(_ref) {
+  var isLoading = _ref.isLoading,
+    rowData = _ref.rowData,
+    style = _ref.style,
+    parent = _ref.parent,
+    index = _ref.index,
+    renderItem = _ref.renderItem,
+    loadingElement = _ref.loadingElement;
+  return React__default.createElement(CellMeasurer, {
+    cache: cellMeasurerCache,
+    columnIndex: 0,
+    rowIndex: index,
+    key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
+    parent: parent
+  }, function (_ref2) {
+    var measure = _ref2.measure;
+    return React__default.createElement("div", {
+      key: rowData === null || rowData === void 0 ? void 0 : rowData.id,
+      style: style
+    }, isLoading && !!loadingElement && loadingElement, isLoading && !loadingElement && React__default.createElement(Box, {
+      p: 1,
+      className: "d-flex justify-content-center align-items-center w-100"
+    }, React__default.createElement(CircularProgress, {
+      size: 24,
+      sx: {
+        color: grey[700]
+      }
+    })), !isLoading && renderItem(rowData, index, measure));
+  });
+};
+
+var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -9511,70 +9894,195 @@ var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
 var VirtualListView = function VirtualListView(props) {
   var data = props.data,
     containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    loading = props.loading,
-    loadingElement = props.loadingElement,
-    listHeight = props.listHeight;
+    loadingElement = props.loadingElement;
+  var _useVirtualListView = useVirtualListView(props),
+    rowCount = _useVirtualListView.rowCount,
+    onScroll = _useVirtualListView.onScroll;
+  var rowRenderer = function rowRenderer(props) {
+    var index = props.index;
+    var isLoading = index === data.length;
+    var rowData = isLoading ? undefined : data[index];
+    return React__default.createElement(VirtualListItem, Object.assign({}, props, {
+      rowData: rowData,
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement
+    }));
+  };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualEmptyItem, {
+      emptyElement: emptyElement
+    });
+  };
   return React__default.createElement(Box, Object.assign({}, containerProps), React__default.createElement(AutoSizer, {
     disableHeight: !!listHeight
   }, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
-    return React__default.createElement(Box, {
+    return React__default.createElement(List$1, {
       width: width,
-      height: height,
-      overflow: "auto"
-    }, loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
+      height: listHeight || height,
+      rowCount: rowCount,
+      rowHeight: cellMeasurerCache.rowHeight,
+      rowRenderer: rowRenderer,
+      deferredMeasurementCache: cellMeasurerCache,
+      overscanRowCount: overscanRowCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    });
+  }));
+};
+
+var cellMeasurerCache$1 = new CellMeasurerCache({
+  defaultWidth: 100,
+  defaultHeight: 50
+});
+
+var VirtualTableRowItem = function VirtualTableRowItem(_ref) {
+  var isLoading = _ref.isLoading,
+    style = _ref.style,
+    parent = _ref.parent,
+    rowIndex = _ref.rowIndex,
+    columnIndex = _ref.columnIndex,
+    renderItem = _ref.renderItem,
+    loadingElement = _ref.loadingElement,
+    cellMeasurerCache = _ref.cellMeasurerCache;
+  return React__default.createElement(CellMeasurer, {
+    cache: cellMeasurerCache,
+    columnIndex: columnIndex,
+    rowIndex: rowIndex,
+    key: rowIndex + "-" + columnIndex,
+    parent: parent
+  }, function (_ref2) {
+    var measure = _ref2.measure;
+    return React__default.createElement("div", {
+      style: style
+    }, isLoading && !!loadingElement && loadingElement, isLoading && !loadingElement && React__default.createElement(Box, {
       p: 1,
       className: "d-flex justify-content-center align-items-center w-100"
     }, React__default.createElement(CircularProgress, {
       size: 24,
       sx: {
-        color: "#5d5d5b"
+        color: grey[700]
       }
-    }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-      emptyElement: emptyElement
-    }), !loading && !!data.length && React__default.createElement(ListView, {
-      data: data,
-      render: renderItem
-    }));
-  }));
+    })), !isLoading && renderItem(rowIndex, columnIndex, measure));
+  });
 };
+var VirtualTableRowItem$1 = memo(VirtualTableRowItem);
 
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+  var emptyElement = _ref.emptyElement;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (emptyElement) return emptyElement;
+  return React__default.createElement(Box, null, React__default.createElement(Typography, {
+    className: "text-center text-muted"
+  }, t("no_data")));
+};
+
+var useVirtualTableView = function useVirtualTableView(props) {
+  var itemsCount = props.itemsCount,
+    loading = props.loading,
+    hasHeader = props.hasHeader,
+    onLoadMore = props.onLoadMore;
+  var handleLoadMore = function handleLoadMore() {
+    if (loading) return;
+    onLoadMore === null || onLoadMore === void 0 ? void 0 : onLoadMore();
+  };
+  var onScroll = function onScroll(_ref) {
+    var scrollTop = _ref.scrollTop,
+      clientHeight = _ref.clientHeight,
+      scrollHeight = _ref.scrollHeight;
+    if (scrollTop + clientHeight >= scrollHeight - 100) {
+      handleLoadMore();
+    }
+  };
+  var rowCount = useMemo(function () {
+    return itemsCount + (loading ? 1 : itemsCount === 1 && hasHeader ? 1 : 0);
+  }, [itemsCount, loading, hasHeader]);
+  return {
+    rowCount: rowCount,
+    onScroll: onScroll
+  };
+};
+
+var _excluded$5 = ["containerProps", "listHeight", "overscanRowCount", "overscanColumnCount", "renderItem", "emptyElement", "loadingElement", "fixedColumnCount", "fixedRowCount", "listWidth", "itemsCount", "cellCache", "columnWidth", "containerRef", "multiGridRef"];
 var VirtualTableView = function VirtualTableView(props) {
-  var data = props.data,
-    containerProps = props.containerProps,
+  var containerProps = props.containerProps,
+    listHeight = props.listHeight,
+    _props$overscanRowCou = props.overscanRowCount,
+    overscanRowCount = _props$overscanRowCou === void 0 ? 5 : _props$overscanRowCou,
+    _props$overscanColumn = props.overscanColumnCount,
+    overscanColumnCount = _props$overscanColumn === void 0 ? 5 : _props$overscanColumn,
     renderItem = props.renderItem,
     emptyElement = props.emptyElement,
-    columnCount = props.columnCount,
-    loading = props.loading,
-    loadingElement = props.loadingElement;
-  var containerRef = useRef(null);
-  var renderTableRow = function renderTableRow(_, index) {
-    return React__default.createElement(Stack, {
-      direction: "row"
-    }, Array.from({
-      length: columnCount
-    }, function (_, colIndex) {
-      return renderItem(index, colIndex);
+    loadingElement = props.loadingElement,
+    fixedColumnCount = props.fixedColumnCount,
+    fixedRowCount = props.fixedRowCount,
+    listWidth = props.listWidth,
+    itemsCount = props.itemsCount,
+    cellCache = props.cellCache,
+    columnWidth = props.columnWidth,
+    containerRef = props.containerRef,
+    multiGridRef = props.multiGridRef,
+    rest = _objectWithoutPropertiesLoose(props, _excluded$5);
+  var cache = cellCache != null ? cellCache : cellMeasurerCache$1;
+  var _useVirtualTableView = useVirtualTableView(props),
+    rowCount = _useVirtualTableView.rowCount,
+    onScroll = _useVirtualTableView.onScroll;
+  var cellRenderer = function cellRenderer(props) {
+    var rowIndex = props.rowIndex,
+      columnIndex = props.columnIndex;
+    var isLoading = rowIndex === itemsCount && columnIndex === 0;
+    return React__default.createElement(VirtualTableRowItem$1, Object.assign({}, props, {
+      isLoading: isLoading,
+      renderItem: renderItem,
+      loadingElement: loadingElement,
+      cellMeasurerCache: cache
     }));
   };
+  var noRowsRenderer = function noRowsRenderer() {
+    return React__default.createElement(VirtualTableEmpty, {
+      emptyElement: emptyElement
+    });
+  };
+  var columnWidthRendered = function columnWidthRendered(params) {
+    if (typeof columnWidth === "number") return columnWidth;
+    var cw = cache.columnWidth(params);
+    if (columnWidth === undefined) return cw;
+    return columnWidth(params, cache);
+  };
   return React__default.createElement(Box, Object.assign({
     ref: containerRef
-  }, containerProps), loading && React__default.createElement(Fragment$1, null, loadingElement != null ? loadingElement : React__default.createElement(Box, {
-    p: 1,
-    className: "d-flex justify-content-center align-items-center w-100"
-  }, React__default.createElement(CircularProgress, {
-    size: 24,
-    sx: {
-      color: "#5d5d5b"
-    }
-  }))), !loading && !data.length && React__default.createElement(VirtualTableEmpty, {
-    emptyElement: emptyElement
-  }), !loading && !!data.length && React__default.createElement(ListView, {
-    data: data,
-    render: renderTableRow
+  }, containerProps), React__default.createElement(AutoSizer, {
+    disableWidth: !!listWidth,
+    disableHeight: !!listHeight
+  }, function (_ref) {
+    var width = _ref.width,
+      height = _ref.height;
+    return React__default.createElement(MultiGrid, Object.assign({
+      ref: multiGridRef,
+      fixedRowCount: fixedRowCount,
+      fixedColumnCount: fixedColumnCount,
+      cellRenderer: cellRenderer,
+      enableFixedColumnScroll: !!fixedColumnCount,
+      enableFixedRowScroll: !!fixedRowCount,
+      columnWidth: columnWidthRendered,
+      height: listHeight || height,
+      rowHeight: cache.rowHeight,
+      deferredMeasurementCache: cache,
+      rowCount: rowCount,
+      width: listWidth || width,
+      overscanRowCount: overscanRowCount,
+      overscanColumnCount: overscanColumnCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    }, rest));
   }));
 };
 
@@ -9586,6 +10094,7 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     onChange = _ref.onChange,
     initValue = _ref.initValue,
     config = _ref.config;
+  var isFirstChange = useRef(true);
   useEffect(function () {
     if (window.tinymce) {
       window.tinymce = tinymce;
@@ -9595,17 +10104,23 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     return htmlString.replace(/\s(mathcolor|mathsize|mathvariant|mathvariant|color|fontsize|style)="[^"]*"/g, "");
   };
   var handleChange = function handleChange(value, _) {
+    if (isFirstChange.current) {
+      isFirstChange.current = false;
+      return;
+    }
     var textFilter = removeMathAttributes(value);
     onChange(textFilter);
   };
   var options = {
-    height: 130,
+    height: 100,
+    statusbar: false,
     menubar: false,
     external_plugins: {
       tiny_mce_wiris: '/editor/wiris-for-tinymce.js'
     },
     toolbar: "tiny_mce_wiris_formulaEditor tiny_mce_wiris_formulaEditorChemistry",
     branding: false,
+    resize: false,
     extended_valid_elements: '*[.*]'
   };
   return React__default.createElement(Editor, {
@@ -10240,6 +10755,8 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
   var _useState5 = useState(false),
     refreshReCaptcha = _useState5[0],
     setRefreshReCaptcha = _useState5[1];
+  var passwordRef = useRef(null);
+  var submitBtnRef = useRef(null);
   var dispatch = useDispatch();
   var handleClickShowPassword = function handleClickShowPassword() {
     setShowPassword(!showPassword);
@@ -10297,6 +10814,18 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
       return Promise.reject(e);
     }
   };
+  var handlePhoneKeyDown = function handlePhoneKeyDown(e) {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      if (passwordRef.current) passwordRef.current.focus();
+    }
+  };
+  var handlePasswordKeyDown = function handlePasswordKeyDown(e) {
+    if (e.key === 'Enter' && tokenReCaptcha && password.trim() && phoneNumber.trim()) {
+      e.preventDefault();
+      if (submitBtnRef.current) submitBtnRef.current.click();
+    }
+  };
   return {
     t: t,
     showPassword: showPassword,
@@ -10304,6 +10833,10 @@ var useLoginPhoneNumber = function useLoginPhoneNumber(props) {
     tokenReCaptcha: tokenReCaptcha,
     phoneNumber: phoneNumber,
     password: password,
+    passwordRef: passwordRef,
+    submitBtnRef: submitBtnRef,
+    handlePasswordKeyDown: handlePasswordKeyDown,
+    handlePhoneKeyDown: handlePhoneKeyDown,
     handleChangePassword: handleChangePassword,
     handlePhoneNumberChange: handlePhoneNumberChange,
     handleLoginPhoneNumber: handleLoginPhoneNumber,
@@ -10320,6 +10853,10 @@ var LoginPhone = function LoginPhone(props) {
     tokenReCaptcha = _useLoginPhoneNumber.tokenReCaptcha,
     phoneNumber = _useLoginPhoneNumber.phoneNumber,
     password = _useLoginPhoneNumber.password,
+    passwordRef = _useLoginPhoneNumber.passwordRef,
+    submitBtnRef = _useLoginPhoneNumber.submitBtnRef,
+    handlePasswordKeyDown = _useLoginPhoneNumber.handlePasswordKeyDown,
+    handlePhoneKeyDown = _useLoginPhoneNumber.handlePhoneKeyDown,
     handleChangePassword = _useLoginPhoneNumber.handleChangePassword,
     handlePhoneNumberChange = _useLoginPhoneNumber.handlePhoneNumberChange,
     handleLoginPhoneNumber = _useLoginPhoneNumber.handleLoginPhoneNumber,
@@ -10353,8 +10890,10 @@ var LoginPhone = function LoginPhone(props) {
     id: "phone_new_xs",
     name: "phone_new_xs",
     value: phoneNumber,
-    onChange: handlePhoneNumberChange
+    onChange: handlePhoneNumberChange,
+    onKeyDown: handlePhoneKeyDown
   }), React__default.createElement(TextField, {
+    inputRef: passwordRef,
     label: t("password"),
     type: showPassword ? "text" : "password",
     fullWidth: true,
@@ -10381,12 +10920,14 @@ var LoginPhone = function LoginPhone(props) {
     size: "small",
     value: password,
     onChange: handleChangePassword,
+    onKeyDown: handlePasswordKeyDown,
     InputLabelProps: {
       style: {
         color: "#349056"
       }
     }
   }), React__default.createElement(Button, {
+    ref: submitBtnRef,
     variant: "outlined",
     sx: {
       color: "#349056"
@@ -10770,13 +11311,6 @@ var useLogin$1 = function useLogin(_ref) {
                 var isAcademy = !!(user !== null && user !== void 0 && user.academyDomain) || !!(user !== null && user !== void 0 && user.isLearningSpace);
                 var needToRegister = isFirstLogin && isAcademy;
                 var redirectUrl = needToRegister ? registerUrl : isAcademy ? homeAcademyUrl : homeUrl;
-                console.log({
-                  isFirstLogin: isFirstLogin,
-                  isAcademy: isAcademy,
-                  token: token,
-                  user: user,
-                  redirectUrl: redirectUrl
-                });
                 handleSwitchOTP(false);
                 redirectLoginUser(_extends({}, user, {
                   isNotEnoughStatements: isFirstLogin
@@ -11129,10 +11663,10 @@ var LoginQRCode = function LoginQRCode(props) {
   }));
 };
 
-var _excluded$5 = ["history"];
+var _excluded$6 = ["history"];
 var Login = function Login(_ref) {
   var history = _ref.history,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$5);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
   var _useLogin = useLogin$1({
       homeAcademyUrl: rest.homeAcademyUrl,
       homeUrl: rest.homeUrl,
@@ -12106,11 +12640,11 @@ var DEFAULT_USER_FILTERS = {
 
 var styles$2 = {"avatar":"_2rJkZ","date-picker":"_1iqE2","time-picker":"_20xtc","teacher-selector-wrapper":"_3L1Oj"};
 
-var _excluded$6 = ["teachers", "value"];
+var _excluded$7 = ["teachers", "value"];
 var TeacherSelector = function TeacherSelector(_ref) {
   var teachers = _ref.teachers,
     value = _ref.value,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$6);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var teacherOptions = teachers.map(function (i) {
     return {
       label: i.teacherName + "/" + i.teacherEmail,
@@ -12175,7 +12709,7 @@ var ClassForm = function ClassForm(_ref) {
   };
   var handleDeleteWeeklyDays = function handleDeleteWeeklyDays(currentValue) {
     if (formikProp.values.courseWeeklyDays.length <= 1) return;
-    var courseWeeklyDays = _$5.cloneDeep(formikProp.values.courseWeeklyDays);
+    var courseWeeklyDays = _$6.cloneDeep(formikProp.values.courseWeeklyDays);
     var newValues = courseWeeklyDays.filter(function (i) {
       var _i$startTime, _currentValue$startTi, _i$endTime, _currentValue$endTime;
       return i.dayOfWeek !== currentValue.dayOfWeek || ((_i$startTime = i.startTime) === null || _i$startTime === void 0 ? void 0 : _i$startTime.format("HH:mm:ss")) !== ((_currentValue$startTi = currentValue.startTime) === null || _currentValue$startTi === void 0 ? void 0 : _currentValue$startTi.format("HH:mm:ss")) || ((_i$endTime = i.endTime) === null || _i$endTime === void 0 ? void 0 : _i$endTime.format("HH:mm:ss")) !== ((_currentValue$endTime = currentValue.endTime) === null || _currentValue$endTime === void 0 ? void 0 : _currentValue$endTime.format("HH:mm:ss"));
@@ -12211,7 +12745,7 @@ var ClassForm = function ClassForm(_ref) {
   var handleChangeWeeklyDayTime = function handleChangeWeeklyDayTime(key, newValue, currentValue) {
     var _extends2;
     var time = newValue === null || newValue === void 0 ? void 0 : newValue.local();
-    var courseWeeklyDays = _$5.cloneDeep(formikProp.values.courseWeeklyDays);
+    var courseWeeklyDays = _$6.cloneDeep(formikProp.values.courseWeeklyDays);
     var currentIndex = courseWeeklyDays.findIndex(function (i) {
       var _i$startTime2, _currentValue$startTi2, _i$endTime2, _currentValue$endTime2;
       return i.dayOfWeek === currentValue.dayOfWeek && ((_i$startTime2 = i.startTime) === null || _i$startTime2 === void 0 ? void 0 : _i$startTime2.format("HH:mm:ss")) === ((_currentValue$startTi2 = currentValue.startTime) === null || _currentValue$startTi2 === void 0 ? void 0 : _currentValue$startTi2.format("HH:mm:ss")) && ((_i$endTime2 = i.endTime) === null || _i$endTime2 === void 0 ? void 0 : _i$endTime2.format("HH:mm:ss")) === ((_currentValue$endTime2 = currentValue.endTime) === null || _currentValue$endTime2 === void 0 ? void 0 : _currentValue$endTime2.format("HH:mm:ss"));
@@ -12246,11 +12780,11 @@ var ClassForm = function ClassForm(_ref) {
   }, [JSON.stringify(data)]);
   var minDate = useMemo(function () {
     if (!formikProp.values.startDate) return undefined;
-    return _$5.cloneDeep(formikProp.values.startDate).add(1, "days");
+    return _$6.cloneDeep(formikProp.values.startDate).add(1, "days");
   }, [formikProp.values.startDate]);
   var maxDate = useMemo(function () {
     if (!formikProp.values.endDate) return undefined;
-    return _$5.cloneDeep(formikProp.values.endDate).add(1, "days");
+    return _$6.cloneDeep(formikProp.values.endDate).add(1, "days");
   }, [formikProp.values.endDate]);
   var WeeklyDayErrors = formikProp.touched.courseWeeklyDays && formikProp.errors.courseWeeklyDays && React__default.createElement("div", {
     className: "mt-1"
@@ -12267,7 +12801,7 @@ var ClassForm = function ClassForm(_ref) {
     });
   }, [JSON.stringify(formikProp.values.courseWeeklyDays)]);
   var courseWeeklyDays = useMemo(function () {
-    return _$5.sortBy(formikProp.values.courseWeeklyDays, ["dayOfWeek"]);
+    return _$6.sortBy(formikProp.values.courseWeeklyDays, ["dayOfWeek"]);
   }, [JSON.stringify(formikProp.values.courseWeeklyDays)]);
   return React__default.createElement("div", {
     className: "d-flex flex-column"
@@ -12418,7 +12952,7 @@ var ClassForm = function ClassForm(_ref) {
       value: v.startTime,
       format: "HH:mm",
       open: open === index + "-startTime",
-      maxTime: v.endTime ? _$5.cloneDeep(v.endTime).add(-1, "minutes") : undefined,
+      maxTime: v.endTime ? _$6.cloneDeep(v.endTime).add(-1, "minutes") : undefined,
       onAccept: function onAccept(newValue) {
         return handleChangeWeeklyDayTime("startTime", newValue, v);
       },
@@ -12448,7 +12982,7 @@ var ClassForm = function ClassForm(_ref) {
       components: ["TimePicker"]
     }, React__default.createElement(TimePicker, {
       value: v.endTime,
-      minTime: v.startTime ? (_$cloneDeep = _$5.cloneDeep(v.startTime)) === null || _$cloneDeep === void 0 ? void 0 : _$cloneDeep.add(1, "minutes") : undefined,
+      minTime: v.startTime ? (_$cloneDeep = _$6.cloneDeep(v.startTime)) === null || _$cloneDeep === void 0 ? void 0 : _$cloneDeep.add(1, "minutes") : undefined,
       format: "HH:mm",
       open: open === index + "-endTime",
       onAccept: function onAccept(newValue) {
@@ -13073,7 +13607,7 @@ var useStudentClassList = function useStudentClassList(courseId) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13209,7 +13743,7 @@ var useTeacherClassList = function useTeacherClassList(courseId) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13402,7 +13936,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$7 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13453,7 +13987,7 @@ var useClassDetail = function useClassDetail(_ref) {
   };
   var _useStudentClassList = useStudentClassList(classId),
     getStudents = _useStudentClassList.getStudents,
-    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$7);
+    studentListProps = _objectWithoutPropertiesLoose(_useStudentClassList, _excluded$8);
   var _useTeacherClassList = useTeacherClassList(classId),
     getTeachers = _useTeacherClassList.getTeachers,
     teacherListProps = _objectWithoutPropertiesLoose(_useTeacherClassList, _excluded2);
@@ -13517,7 +14051,7 @@ var useClassDetail = function useClassDetail(_ref) {
     });
   }, [JSON.stringify(course)]);
   var convertToRequestBody = function convertToRequestBody(request) {
-    var localStartDate = _$5.cloneDeep(request.startDate);
+    var localStartDate = _$6.cloneDeep(request.startDate);
     return _extends({}, request, {
       startDate: request.startDate.utc().format(DATE_TIME_FORMAT),
       endDate: request.endDate.utc().format(DATE_TIME_FORMAT),
@@ -13766,13 +14300,13 @@ var useClassDetail = function useClassDetail(_ref) {
     });
     if (event.target.checked) {
       setSelected(function (prev) {
-        return _$5.uniq([].concat(prev, newSelected));
+        return _$6.uniq([].concat(prev, newSelected));
       });
       return;
     }
-    setSelected(_$5.difference(selected, newSelected));
+    setSelected(_$6.difference(selected, newSelected));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -13790,7 +14324,7 @@ var useClassDetail = function useClassDetail(_ref) {
     }) : userList.map(function (n) {
       return n.teacherId;
     });
-    var checkLength = _$5.intersection(selected, newSelected).length;
+    var checkLength = _$6.intersection(selected, newSelected).length;
     return checkLength === userLength;
   };
   var handleClear = function handleClear() {
@@ -13825,7 +14359,7 @@ var useClassDetail = function useClassDetail(_ref) {
     }));
     setSelected([]);
   };
-  var debounceSort = _$5.debounce(handleSort, 300);
+  var debounceSort = _$6.debounce(handleSort, 300);
   var handleChangePage = function handleChangePage(_, page) {
     setFilter(_extends({}, filter, {
       currentPage: page
@@ -13903,8 +14437,8 @@ var LessonFormBody = function LessonFormBody(_ref) {
   useEffect(function () {
     if (open && data) formikProp.setValues(data);else formikProp.setValues(DEFAULT_LESSON_REQUEST);
   }, [open, JSON.stringify(data)]);
-  var maxTime = formikProp.values.endTime ? _$5.cloneDeep(formikProp.values.endTime).add(-1, "minutes") : undefined;
-  var minTime = formikProp.values.startTime ? _$5.cloneDeep(formikProp.values.startTime).add(1, "minutes") : undefined;
+  var maxTime = formikProp.values.endTime ? _$6.cloneDeep(formikProp.values.endTime).add(-1, "minutes") : undefined;
+  var minTime = formikProp.values.startTime ? _$6.cloneDeep(formikProp.values.startTime).add(1, "minutes") : undefined;
   return React__default.createElement(Fragment$1, null, React__default.createElement(DialogContent, {
     sx: {
       overflowY: "unset"
@@ -14203,12 +14737,12 @@ var LessonList = function LessonList(_ref) {
   }));
 };
 
-var _excluded$8 = ["children", "value", "index"];
+var _excluded$9 = ["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$9);
   return React__default.createElement("div", Object.assign({
     role: "tabpanel",
     hidden: value !== index,
@@ -14484,7 +15018,7 @@ var useClassList = function useClassList(history, classCreateUrl, classUpdateUrl
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setClassFilter(_extends({}, classFilter, {
       currentPage: 1
     }));
@@ -16927,13 +17461,6 @@ var PrintState$1;
   PrintState[PrintState["Printed"] = 3] = "Printed";
 })(PrintState$1 || (PrintState$1 = {}));
 
-var NoteSortColumn;
-(function (NoteSortColumn) {
-  NoteSortColumn["Content"] = "Content";
-  NoteSortColumn["CreatedAt"] = "CreatedAt";
-  NoteSortColumn["Question"] = "Question";
-})(NoteSortColumn || (NoteSortColumn = {}));
-
 var DEFAULT_NOTE_FILTER = {
   sortColumnDirection: OrderType.DESC,
   sortColumnName: NoteSortColumn.CreatedAt,
@@ -19169,6 +19696,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
   var open = _ref.open,
     studentName = _ref.studentName,
     selectedNote = _ref.selectedNote,
+    tip = _ref.tip,
     onClose = _ref.onClose,
     onSaveNote = _ref.onSaveNote;
   var _useTranslation = useTranslation(),
@@ -19212,7 +19740,7 @@ var ClassNoteDialog = function ClassNoteDialog(_ref) {
     fontSize: "16px",
     lineHeight: "19.09px",
     color: "#202B37"
-  }, t(selectedNote ? "edit_student_note" : "student_note_taking"))), React__default.createElement(IconButton$1, {
+  }, t(selectedNote ? "edit_student_note" : "student_note_taking"), tip)), React__default.createElement(IconButton$1, {
     "aria-label": "close",
     sx: {
       position: "absolute",
@@ -19578,15 +20106,13 @@ var useNotes = function useNotes(setFilter, filter) {
       }
       setLoadingNotes(true);
       var _temp = _catch(function () {
-        return Promise.resolve(getNotesApi(_extends({}, filter, {
-          currentPage: -1
-        }))).then(function (res) {
+        return Promise.resolve(getNotesApi(filter)).then(function (res) {
           var data = res.data;
           setTotalPages((data === null || data === void 0 ? void 0 : data.totalPages) || 0);
           var items = (data === null || data === void 0 ? void 0 : data.items) || [];
           var newNotes = items;
           if (filter !== null && filter !== void 0 && filter.currentPage && (filter === null || filter === void 0 ? void 0 : filter.currentPage) > 1) {
-            newNotes = [].concat(_$5.uniqBy([].concat(notes, items), "id"));
+            newNotes = [].concat(_$6.uniqBy([].concat(notes, items), "id"));
           }
           setNotes(newNotes);
         });
@@ -19609,7 +20135,7 @@ var useNotes = function useNotes(setFilter, filter) {
     });
   }, [filter === null || filter === void 0 ? void 0 : filter.currentPage, totalPages]);
   var handleNoteAdded = function handleNoteAdded(note) {
-    var newNotes = [].concat(_$5.uniqBy([note].concat(notes), "id"));
+    var newNotes = [].concat(_$6.uniqBy([note].concat(notes), "id"));
     setNotes(newNotes);
   };
   var handleNoteUpdated = function handleNoteUpdated(note) {
@@ -19640,20 +20166,30 @@ var useNotes = function useNotes(setFilter, filter) {
 };
 
 var NoteItem = function NoteItem(_ref) {
+  var _user$roles;
   var data = _ref.data,
     openTooltip = _ref.openTooltip,
     actions = _ref.actions,
     _ref$placement = _ref.placement,
     placement = _ref$placement === void 0 ? "bottom-end" : _ref$placement,
     onClose = _ref.onClose,
-    onOpen = _ref.onOpen;
+    onOpen = _ref.onOpen,
+    onLoad = _ref.onLoad;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  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 isAdmin = !!user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
   var handleMoreClick = function handleMoreClick(e) {
     e.preventDefault();
     e.stopPropagation();
     onOpen(data);
   };
+  useEffect(function () {
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, []);
   return React__default.createElement(Box, Object.assign({}, NoteItemStyles.root), React__default.createElement(Stack, {
     direction: "row",
     gap: 1,
@@ -19668,7 +20204,7 @@ var NoteItem = function NoteItem(_ref) {
     gap: 1
   }, React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + data.articleNumber : "" + data.fullName), React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.middle), data.examSessionId ? "" + t("number_question", {
     number: (data.questionOrder || 0) + 1
-  }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(Typography, Object.assign({}, NoteItemStyles.contentText), data.content)), React__default.createElement(Box, null, React__default.createElement(ClickAwayListener, {
+  }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(Typography, Object.assign({}, NoteItemStyles.contentText), data.content)), React__default.createElement(Box, null, (isAdmin || data.isOwned) && React__default.createElement(ClickAwayListener, {
     onClickAway: onClose
   }, React__default.createElement(Box, null, React__default.createElement(CustomTooltip, {
     onClose: onClose,
@@ -19701,7 +20237,7 @@ var NotesContainer = function NotesContainer(_ref) {
     itemActions = _ref.itemActions,
     noteIdContextMenu = _ref.noteIdContextMenu,
     containerListProps = _ref.containerListProps;
-  var renderItem = function renderItem(item, _) {
+  var renderItem = function renderItem(item, _, measure) {
     var isSelected = noteIdContextMenu === item.id;
     return React__default.createElement(Box, {
       key: item.id,
@@ -19712,7 +20248,8 @@ var NotesContainer = function NotesContainer(_ref) {
       openTooltip: isSelected,
       actions: itemActions,
       onOpen: onOpenTooltip,
-      onClose: onCloseTooltip
+      onClose: onCloseTooltip,
+      onLoad: measure
     }));
   };
   return React__default.createElement(VirtualListView, {
@@ -20065,7 +20602,7 @@ var useExamResultData = function useExamResultData(props) {
           topAnswerOrder: i.topAnswerOrder == null ? 0 : i.topAnswerOrder
         });
       });
-      var sortedMySeriesQuestionData = _$5.sortBy(questionsData.filter(function (i) {
+      var sortedMySeriesQuestionData = _$6.sortBy(questionsData.filter(function (i) {
         return i.answerOrder !== 0;
       }), ["answerOrder", "questionOrder"]);
       var mySeriesData = [null].concat(sortedMySeriesQuestionData.map(function (item) {
@@ -20075,7 +20612,7 @@ var useExamResultData = function useExamResultData(props) {
       }).map(function () {
         return null;
       }), [null]);
-      var sortedTopSeriesQuestionData = _$5.sortBy(questionsData.filter(function (i) {
+      var sortedTopSeriesQuestionData = _$6.sortBy(questionsData.filter(function (i) {
         return i.topAnswerOrder !== 0;
       }), ["topAnswerOrder", "questionOrder"]);
       var topSeriesData = [null].concat(sortedTopSeriesQuestionData.map(function (item) {
@@ -21550,14 +22087,14 @@ var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var styles$5 = {"action-btn":"_1jXbz","action-btn--pencil":"_at4xP","icon-rotate-180":"_12gv9","drop-area":"_R4bn5"};
 
-var _excluded$9 = ["text", "isRequired", "className"];
+var _excluded$a = ["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$9);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$a);
   return React__default.createElement(FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21611,7 +22148,7 @@ var deleteUserApi = function deleteUserApi(id) {
   return api["delete"](USER_URL + "/delete/" + id);
 };
 
-var _excluded$a = ["ref"],
+var _excluded$b = ["ref"],
   _excluded2$1 = ["ref"],
   _excluded3$1 = ["ref"],
   _excluded4 = ["ref"],
@@ -21641,7 +22178,7 @@ var UserDialog = function UserDialog(_ref) {
     t = _useTranslation.t;
   var _register = register("fullName"),
     fullNameRef = _register.ref,
-    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$a);
+    fullNameBio = _objectWithoutPropertiesLoose(_register, _excluded$b);
   var _register2 = register("email"),
     emailRef = _register2.ref,
     emailBio = _objectWithoutPropertiesLoose(_register2, _excluded2$1);
@@ -21686,24 +22223,11 @@ var UserDialog = function UserDialog(_ref) {
     setDefaultPassCodeChanged = _useState8[1];
   var theme = useTheme();
   var gradeOptions = useMemo(function () {
-    var _watch;
-    var schoolName = (_watch = watch("schoolName")) === null || _watch === void 0 ? void 0 : _watch.trim();
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("middle_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("중학교")) return MIDDLE_GRADES.map(function (i) {
+    return [].concat(GRADE_OPTIONS.map(function (i) {
       return _extends({}, i, {
         label: typeof i.label === "string" ? t(i.label) : i.label
       });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("high_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("고등학교")) return HIGH_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: t(i.label)
-      });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("elementary_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("초등학교")) return ELEMENTARY_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: typeof i.label === "string" ? t(i.label) : i.label
-      });
-    });
-    return [];
+    }));
   }, [t, watch("schoolName")]);
   var handleChangeRole = function handleChangeRole(role) {
     setRoles([role]);
@@ -22344,7 +22868,7 @@ var useUserList = function useUserList(role) {
       currentPage: 1
     }));
   };
-  var debounceSort = _$5.debounce(handleSort, 300);
+  var debounceSort = _$6.debounce(handleSort, 300);
   var getUserById = function getUserById(id) {
     try {
       var _temp8 = function _temp8() {
@@ -22502,7 +23026,7 @@ var useUserList = function useUserList(role) {
       return Promise.reject(e);
     }
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setFilter(_extends({}, filter, {
       currentPage: 1
     }));
@@ -23758,8 +24282,8 @@ var useExamDetailView = function useExamDetailView(props) {
   var handleAddArticle = function handleAddArticle() {
     var _$maxBy, _$maxBy2;
     if (!exam) return;
-    var maxArticle = ((_$maxBy = _$5.maxBy(exam.questions, "article")) === null || _$maxBy === void 0 ? void 0 : _$maxBy.article) || 0;
-    var maxOrder = ((_$maxBy2 = _$5.maxBy(exam.questions, "questionOrder")) === null || _$maxBy2 === void 0 ? void 0 : _$maxBy2.questionOrder) || 0;
+    var maxArticle = ((_$maxBy = _$6.maxBy(exam.questions, "article")) === null || _$maxBy === void 0 ? void 0 : _$maxBy.article) || 0;
+    var maxOrder = ((_$maxBy2 = _$6.maxBy(exam.questions, "questionOrder")) === null || _$maxBy2 === void 0 ? void 0 : _$maxBy2.questionOrder) || 0;
     onChangeExam(_extends({}, exam, {
       questions: [].concat(exam.questions, [{
         questionAnswerType: QuestionAnswerType.SingleChoice,
@@ -23807,7 +24331,7 @@ var useExamDetailView = function useExamDetailView(props) {
   var examGroupByArticle = useMemo(function () {
     if (!exam) return [];
     var articles = [];
-    var groupedArticle = _$5.groupBy(exam.questions, "article");
+    var groupedArticle = _$6.groupBy(exam.questions, "article");
     for (var key in groupedArticle) {
       if (Object.prototype.hasOwnProperty.call(groupedArticle, key)) {
         var _questions$find, _$maxBy3;
@@ -23817,13 +24341,13 @@ var useExamDetailView = function useExamDetailView(props) {
           categoryId: (_questions$find = questions.find(function (i) {
             return !!i.categoryId;
           })) === null || _questions$find === void 0 ? void 0 : _questions$find.categoryId,
-          answerCount: ((_$maxBy3 = _$5.maxBy(questions, "numberOfAnswers")) === null || _$maxBy3 === void 0 ? void 0 : _$maxBy3.numberOfAnswers) || DEFAULT_ANSWER_COUNT,
+          answerCount: ((_$maxBy3 = _$6.maxBy(questions, "numberOfAnswers")) === null || _$maxBy3 === void 0 ? void 0 : _$maxBy3.numberOfAnswers) || DEFAULT_ANSWER_COUNT,
           questionCount: questions.length,
           questions: questions
         });
       }
     }
-    return _$5.sortBy(articles, "article");
+    return _$6.sortBy(articles, "article");
   }, [JSON.stringify(exam)]);
   var durationOptions = useMemo(function () {
     var options = DURATION_OPTIONS.map(function (i) {
@@ -25632,12 +26156,12 @@ var ArticleDialog = function ArticleDialog(_ref) {
 
 var styles$7 = {"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$b = ["isOpen", "onClose", "handleSaveExam"];
+var _excluded$c = ["isOpen", "onClose", "handleSaveExam"];
 var CreateExamDrawer = function CreateExamDrawer(props) {
   var isOpen = props.isOpen,
     onClose = props.onClose,
     handleSaveExam = props.handleSaveExam,
-    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$b);
+    examDetailViewProps = _objectWithoutPropertiesLoose(props, _excluded$c);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var theme = useTheme();
@@ -25885,9 +26409,11 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
 
 var PAGE_TITLE$7 = "textbooks";
 var useTextbookList = function useTextbookList(props) {
+  var _user$roles, _user$roles2;
   var onNavigateCreate = props.onNavigateCreate,
     onNavigateDetail = props.onNavigateDetail,
-    isSuperAdmin = props.isSuperAdmin;
+    isSuperAdmin = props.isSuperAdmin,
+    role = props.role;
   var _useList = useList(function (search) {
       return getTextbookListApi(search, isSuperAdmin);
     }, TextbookDefaultQuery),
@@ -25902,14 +26428,21 @@ var useTextbookList = function useTextbookList(props) {
     calcOrderNumber = _useList.calcOrderNumber,
     handleChangeSelectedItem = _useList.handleChangeSelectedItem,
     getData = _useList.getData;
+  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 isTeacherSite = role === Role.Teacher;
+  var isAdmin = !!user && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isTeacher = !!user && ((_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(Role.Teacher)) && !isAdmin;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var dispatch = useDispatch();
   var handleViewTextbook = function handleViewTextbook(data) {
-    onNavigateDetail(data, true, true);
+    onNavigateDetail(data, true, false);
   };
   var handleUpdateTextbook = function handleUpdateTextbook(data) {
-    onNavigateDetail(data, false, true);
+    onNavigateDetail(data, false, false);
   };
   var handleCreateTextbook = function handleCreateTextbook() {
     onNavigateCreate === null || onNavigateCreate === void 0 ? void 0 : onNavigateCreate();
@@ -25945,6 +26478,9 @@ var useTextbookList = function useTextbookList(props) {
     document.title = t("study_peak") + " | " + t(PAGE_TITLE$7);
   }, [t]);
   return {
+    user: user,
+    isTeacherSite: isTeacherSite,
+    isTeacher: isTeacher,
     filter: filter,
     textSearchRef: textSearchRef,
     getData: getData,
@@ -26183,8 +26719,6 @@ var useTextbookShare = function useTextbookShare(props) {
   });
   var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin));
   var isAdminSite = role === Role.Admin;
-  var onAcademy = !!infoUser.academyDomain;
-  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
   useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -26234,11 +26768,11 @@ var useTextbookShare = function useTextbookShare(props) {
     });
     if (event.target.checked) {
       setSelectedShare(function (prev) {
-        return _$5.uniq([].concat(prev, newSelected));
+        return _$6.uniq([].concat(prev, newSelected));
       });
       return;
     }
-    setSelectedShare(_$5.difference(selectedShare, newSelected));
+    setSelectedShare(_$6.difference(selectedShare, newSelected));
   };
   var isCheckAllShare = function isCheckAllShare(userLength) {
     var newSelected = isUpdate ? shared.map(function (n) {
@@ -26246,7 +26780,7 @@ var useTextbookShare = function useTextbookShare(props) {
     }) : notShared.map(function (n) {
       return n.id;
     });
-    var checkLength = _$5.intersection(selectedShare, newSelected).length;
+    var checkLength = _$6.intersection(selectedShare, newSelected).length;
     return checkLength === userLength;
   };
   var handleClickCheckboxShare = function handleClickCheckboxShare(id) {
@@ -26275,12 +26809,6 @@ var useTextbookShare = function useTextbookShare(props) {
     });
     setShared(existsTeachers);
   };
-  var enabledSave = function enabledSave(textbook) {
-    return onAcademy && (isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && textbook.isShared && textbook.createdBy.id === infoUser.id);
-  };
-  var enabledShare = function enabledShare(textbook) {
-    return textbook.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && textbook.createdBy.id === infoUser.id);
-  };
   var handleShareTextbook = function handleShareTextbook(teacherIds, textbookId) {
     try {
       var _temp2 = function _temp2() {
@@ -26357,19 +26885,117 @@ var useTextbookShare = function useTextbookShare(props) {
     isUpdate: isUpdate,
     handleUpdateSharedTextbook: handleUpdateSharedTextbook,
     currentModel: currentModel,
-    enabledSave: enabledSave,
-    enabledShare: enabledShare,
     isAdmin: isAdmin,
     isAdminSite: isAdminSite
   };
 };
 
+var TextbookRow = function TextbookRow(_ref) {
+  var _infoUser$roles, _infoUser$roles2, _data$createdBy, _data$textbookOwners, _data$createdBy2, _data$createdBy3;
+  var index = _ref.index,
+    data = _ref.data,
+    role = _ref.role,
+    isSuperAdmin = _ref.isSuperAdmin,
+    calcOrderNumber = _ref.calcOrderNumber,
+    onUpdateTextbook = _ref.onUpdateTextbook,
+    onDeleteTextbook = _ref.onDeleteTextbook,
+    onViewTextbook = _ref.onViewTextbook,
+    onShareTextbook = _ref.onShareTextbook,
+    onUpdateShareTextbook = _ref.onUpdateShareTextbook;
+  var infoUser = 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 isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin));
+  var isTeacherSite = role === Role.Teacher;
+  var isTeacher = !!infoUser && ((_infoUser$roles2 = infoUser.roles) === null || _infoUser$roles2 === void 0 ? void 0 : _infoUser$roles2.includes(Role.Teacher)) && !isAdmin;
+  var isAdminSite = role === Role.Admin;
+  var onAcademy = !!infoUser.academyDomain;
+  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
+  var academy = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+    var _infoUser$email, _infoUser$email$trim;
+    return (i === null || i === void 0 ? void 0 : i.email.trim().toUpperCase()) === (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$email = infoUser.email) === null || _infoUser$email === void 0 ? void 0 : (_infoUser$email$trim = _infoUser$email.trim()) === null || _infoUser$email$trim === void 0 ? void 0 : _infoUser$email$trim.toUpperCase()) && (i === null || i === void 0 ? void 0 : i.academyId) === (academy === null || academy === void 0 ? void 0 : academy.id);
+  })));
+  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id);
+  var isSharable = !data.isPublic && data.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && data.createdBy.id === infoUser.id);
+  var handleUpdateTextbook = function handleUpdateTextbook() {
+    onUpdateTextbook(data);
+  };
+  var handleDeleteTextbook = function handleDeleteTextbook() {
+    onDeleteTextbook(data);
+  };
+  var handleViewTextbook = function handleViewTextbook() {
+    onViewTextbook(data);
+  };
+  var handleShareTextbook = function handleShareTextbook() {
+    onShareTextbook(data);
+  };
+  var handleUpdateShareTextbook = function handleUpdateShareTextbook() {
+    onUpdateShareTextbook(data);
+  };
+  return React__default.createElement(TableRow, {
+    key: data.id
+  }, React__default.createElement(TableCell, null, calcOrderNumber(index)), React__default.createElement(TableCell, null, data.name), React__default.createElement(TableCell, null, data.subject.name), React__default.createElement(TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(TableCell, null, data.totalChapters), isTeacher && isTeacherSite && React__default.createElement(TableCell, null, (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_data$createdBy3 = data.createdBy) === null || _data$createdBy3 === void 0 ? void 0 : _data$createdBy3.id) && data.isShared && React__default.createElement(FaCheckCircle, {
+    color: green[700]
+  })), React__default.createElement(TableCell, null, !data.isPublic && data.sharedUsers.map(function (email, index) {
+    return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", data.sharedUsers.length - 2, ")") : React__default.createElement("div", {
+      key: index
+    }, email.toLowerCase());
+  })), React__default.createElement(TableCell, null, React__default.createElement(Stack, {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, React__default.createElement(IconButton, {
+    color: "default",
+    className: (!isEditable ? "bg-secondary" : "bg-warning") + " text-white",
+    onClick: handleUpdateTextbook,
+    disabled: !isEditable
+  }, React__default.createElement(FaPencil, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    color: "default",
+    className: "bg-primary text-white",
+    onClick: handleViewTextbook
+  }, React__default.createElement(FaEye$1, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-info") + " text-white me-1",
+    onClick: handleShareTextbook
+  }, React__default.createElement(FaShare, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-success") + " text-white me-1",
+    onClick: handleUpdateShareTextbook
+  }, React__default.createElement(FaExchangeAlt, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    color: "default",
+    className: (!isDeleteAble ? "bg-secondary" : "bg-danger") + " text-white mr-1",
+    onClick: handleDeleteTextbook,
+    disabled: !isDeleteAble
+  }, React__default.createElement(FaTrash, {
+    size: 12
+  })))));
+};
+
 var TextbookList = function TextbookList(props) {
   var _props$createable = props.createable,
-    createable = _props$createable === void 0 ? true : _props$createable;
+    createable = _props$createable === void 0 ? true : _props$createable,
+    isSuperAdmin = props.isSuperAdmin,
+    role = props.role;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
+    isTeacherSite = _useTextbookList.isTeacherSite,
+    isTeacher = _useTextbookList.isTeacher,
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
     paging = _useTextbookList.paging,
@@ -26411,9 +27037,14 @@ var TextbookList = function TextbookList(props) {
     handleOpenUpdateShareDialog = _useTextbookShare.handleOpenUpdateShareDialog,
     isUpdate = _useTextbookShare.isUpdate,
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
-    currentModel = _useTextbookShare.currentModel,
-    enabledSave = _useTextbookShare.enabledSave,
-    enabledShare = _useTextbookShare.enabledShare;
+    currentModel = _useTextbookShare.currentModel;
+  var textbookHeaders = useMemo(function () {
+    var headers = _$6.clone(TEXTBOOK_HEADERS);
+    if (isTeacher && isTeacherSite) headers.splice(5, 0, {
+      title: "teacher_personal_textbook"
+    });
+    return headers;
+  }, [isTeacher, isTeacherSite]);
   return React__default.createElement(LayoutList, {
     title: t(TEXTBOOK_PAGE_TITLE)
   }, React__default.createElement(Grid, {
@@ -26448,63 +27079,26 @@ var TextbookList = function TextbookList(props) {
     xs: 12,
     className: "mt-3"
   }, React__default.createElement(Table, null, React__default.createElement(TableHeader, {
-    headerTemplates: TEXTBOOK_HEADERS,
+    headerTemplates: textbookHeaders,
     filter: filter,
     onSort: handleSort
-  }), React__default.createElement(TableBody, null, textbooks.map(function (i, index) {
-    return React__default.createElement(TableRow, {
-      key: i.id
-    }, React__default.createElement(TableCell, null, calcOrderNumber(index)), React__default.createElement(TableCell, null, i.name), React__default.createElement(TableCell, null, i.subject.name), React__default.createElement(TableCell, null, utcToLocalTime(i.createdAt, t("date_format"))), React__default.createElement(TableCell, null, i.totalChapters), React__default.createElement(TableCell, null, i.sharedUsers.map(function (email, index) {
-      return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", i.sharedUsers.length - 2, ")") : React__default.createElement("div", {
-        key: index
-      }, email.toLowerCase());
-    })), React__default.createElement(TableCell, null, React__default.createElement(Stack, {
-      direction: "row",
-      spacing: 1,
-      alignItems: "center"
-    }, React__default.createElement(IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-warning") + " text-white",
-      onClick: function onClick() {
-        return handleUpdateTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(FaPencil, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      color: "default",
-      className: "bg-primary text-white",
-      onClick: function onClick() {
-        return handleViewTextbook(i);
-      }
-    }, React__default.createElement(FaEye$1, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-info") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenShareDialog(i);
-      }
-    }, React__default.createElement(FaShare, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-success") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenUpdateShareDialog(i);
-      }
-    }, React__default.createElement(FaExchangeAlt, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-danger") + " text-white mr-1",
-      onClick: function onClick() {
-        return handleSelectDeleteTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(FaTrash, {
-      size: 12
-    })))));
+  }), React__default.createElement(TableBody, null, React__default.createElement(ListView, {
+    data: textbooks,
+    render: function render(data, index) {
+      return React__default.createElement(TextbookRow, {
+        key: index,
+        index: index,
+        data: data,
+        isSuperAdmin: isSuperAdmin,
+        calcOrderNumber: calcOrderNumber,
+        onDeleteTextbook: handleSelectDeleteTextbook,
+        onShareTextbook: handleOpenShareDialog,
+        onUpdateShareTextbook: handleOpenUpdateShareDialog,
+        onUpdateTextbook: handleUpdateTextbook,
+        onViewTextbook: handleViewTextbook,
+        role: role
+      });
+    }
   }), !textbooks.length && React__default.createElement(EmptyRow, null))), React__default.createElement("div", {
     className: "d-flex justify-content-end mt-3"
   }, !!paging.totalPages && React__default.createElement(Pagination, {
@@ -26702,12 +27296,12 @@ var useNotificationDetail = function useNotificationDetail(_ref) {
 
 var styles$8 = {"avatar":"_8niRT"};
 
-var _excluded$c = ["value", "disabled", "optionTypeNotification"];
+var _excluded$d = ["value", "disabled", "optionTypeNotification"];
 var TypeSelector = function TypeSelector(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$c);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27040,7 +27634,7 @@ var useNotificationList = function useNotificationList(_ref) {
       currentPage: 1
     }));
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setNotificationFilter(_extends({}, notificationFilter, {
       currentPage: 1
     }));
@@ -27099,11 +27693,11 @@ var useNotificationList = function useNotificationList(_ref) {
   };
 };
 
-var _excluded$d = ["value", "optionTypeNotification"];
+var _excluded$e = ["value", "optionTypeNotification"];
 var SelectFilterType = function SelectFilterType(_ref) {
   var value = _ref.value,
     optionTypeNotification = _ref.optionTypeNotification,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded$d);
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded$e);
   return React__default.createElement(CustomAsyncSelect, Object.assign({
     options: optionTypeNotification,
     value: value
@@ -27157,7 +27751,8 @@ var NotificationList = function NotificationList(_ref) {
     startIcon: React__default.createElement(FaPlus, {
       size: 12
     }),
-    onClick: handleCreateNotification
+    onClick: handleCreateNotification,
+    disabled: !isAdmin && isTeacherAdmin
   }, t("new_notification"))), React__default.createElement(Grid, {
     container: true
   }, React__default.createElement(Grid, {
@@ -27262,7 +27857,6 @@ var NotificationList = function NotificationList(_ref) {
 };
 
 var TEXTBOOK_URL$1 = BASE_URL + "/api/textbooks";
-var SUPER_ADMIN_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook";
 var PREPARED_TEXTBOOK_URL = BASE_URL + "/api/textbooks/prepared-textbooks";
 var SUPER_ADMIN_PREPARED_TEXTBOOK_URL = SUPER_ADMIN_BASE_URL + "/api/textbook/prepared-textbooks";
 var FILE_URL = BASE_URL + "/api/file/images";
@@ -27284,10 +27878,11 @@ var createTextbookApi$1 = function createTextbookApi(values, isAdmin) {
 var updateTextbookApi$1 = function updateTextbookApi(values, id, isAdmin) {
   return api.put((isAdmin ? SUPER_ADMIN_PREPARED_TEXTBOOK_URL : PREPARED_TEXTBOOK_URL) + "/" + id, values);
 };
-var getAcademyByTeacher = function getAcademyByTeacher(email, isAdmin) {
-  return api.get((isAdmin ? SUPER_ADMIN_TEXTBOOK_URL : TEXTBOOK_URL$1) + "/academy-teacher-owner", {
+var getCourseByTeacherAcademy = function getCourseByTeacherAcademy(email, academyId) {
+  return api.get(TEXTBOOK_URL$1 + "/owner-teacher-course", {
     params: {
-      email: email
+      email: email,
+      academyId: academyId
     }
   });
 };
@@ -27296,8 +27891,9 @@ var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, isAdmin) {
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
-  var _user$roles;
+  var _user$roles, _user$roles2, _selectedTextbook$cre, _selectedTextbook$cre2;
   var textbookId = _ref.textbookId,
+    role = _ref.role,
     onNavigateList = _ref.onNavigateList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -27314,13 +27910,28 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var _useState4 = useState(false),
     selectedChapter = _useState4[0],
     setSelectedChapter = _useState4[1];
+  var searchParams = new URLSearchParams(location.search);
+  var isReadonly = searchParams.get('readonly') === "true";
   var dispatch = useDispatch();
   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 isAdmin = user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin);
+  var academy = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var isAdmin = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(Role.Teacher)) && !isAdmin;
   var isSuperAdmin = !!user && !user.academyDomain;
+  var isAdminSite = role === Role.Admin;
+  var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+  var isSuperAdminUser = !!user && user.isSuperAdmin;
+  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+    var _user$email, _user$email$trim;
+    return i.email.trim().toUpperCase() === (user === null || user === void 0 ? void 0 : (_user$email = user.email) === null || _user$email === void 0 ? void 0 : (_user$email$trim = _user$email.trim()) === null || _user$email$trim === void 0 ? void 0 : _user$email$trim.toUpperCase()) && i.academyId === (academy === null || academy === void 0 ? void 0 : academy.id);
+  }));
+  var disabledTextbookOwners = !selectedTextbook && isAdmin || selectedTextbook && (!isEditable || isTeacher && ((_selectedTextbook$cre2 = selectedTextbook.createdBy) === null || _selectedTextbook$cre2 === void 0 ? void 0 : _selectedTextbook$cre2.id) !== (user === null || user === void 0 ? void 0 : user.id) || isAdmin && !isSuperAdminUser);
   var handleOpenConfirmDeleteChapterDialog = function handleOpenConfirmDeleteChapterDialog(chapter) {
     setSelectedChapter(chapter);
   };
@@ -27375,6 +27986,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+      if (isReadonly || !isEditable) return Promise.resolve();
       if (!coverImage && !(values !== null && values !== void 0 && values.coverImage)) {
         toast.error(t("please_select_image_file"));
         return Promise.resolve();
@@ -27426,11 +28038,16 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   }, [textbookId]);
   return {
     t: t,
+    isAdminSite: isAdminSite,
+    disabledTextbookOwners: disabledTextbookOwners,
+    isReadonly: isReadonly,
+    isEditable: isEditable,
     isAdmin: isAdmin,
     theme: theme,
     history: history,
     coverImage: coverImage,
     isSuperAdmin: isSuperAdmin,
+    isSuperAdminUser: isSuperAdminUser,
     openDialog: openDialog,
     handleSubmit: handleSubmit,
     selectedTextbook: selectedTextbook,
@@ -27443,25 +28060,6 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   };
 };
 
-var SchoolType$1;
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(SchoolType$1 || (SchoolType$1 = {}));
-var HighSchoolGrade;
-(function (HighSchoolGrade) {
-  HighSchoolGrade[HighSchoolGrade["Default"] = 0] = "Default";
-  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics1"] = 1] = "AdvancedMathematics1";
-  HighSchoolGrade[HighSchoolGrade["AdvancedMathematics2"] = 2] = "AdvancedMathematics2";
-  HighSchoolGrade[HighSchoolGrade["Algebra"] = 3] = "Algebra";
-  HighSchoolGrade[HighSchoolGrade["Calculus1"] = 4] = "Calculus1";
-  HighSchoolGrade[HighSchoolGrade["Calculus2"] = 5] = "Calculus2";
-  HighSchoolGrade[HighSchoolGrade["ProbabilityAndStatistics"] = 6] = "ProbabilityAndStatistics";
-  HighSchoolGrade[HighSchoolGrade["Geometry"] = 7] = "Geometry";
-})(HighSchoolGrade || (HighSchoolGrade = {}));
-
 var TextbookSortBy$1;
 (function (TextbookSortBy) {
   TextbookSortBy["Name"] = "Name";
@@ -27490,18 +28088,18 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS$1 = [{
+var SCHOOL_OPTIONS = [{
   label: "all",
-  value: SchoolType$1.Default
+  value: SchoolType.Default
 }, {
   label: "elementary_school",
-  value: SchoolType$1.Elementary
+  value: SchoolType.Elementary
 }, {
   label: "middle_school",
-  value: SchoolType$1.Middle
+  value: SchoolType.Middle
 }, {
   label: "high_school",
-  value: SchoolType$1.High
+  value: SchoolType.High
 }];
 var SEMESTER_OPTIONS = Array.from({
   length: 3
@@ -27527,7 +28125,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES$1 = Array.from({
+var MIDDLE_GRADES = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27535,7 +28133,7 @@ var MIDDLE_GRADES$1 = Array.from({
     value: index
   };
 });
-var HIGH_GRADES$1 = [{
+var HIGH_GRADES = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27598,8 +28196,13 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     publicationDate: string().required(t("publication_date_required")),
     publisher: string().required(t("publisher_required")),
     isbn: string().required(t("isbn_required")),
-    grade: number().required(t("grade_required")).positive().integer().typeError(t("must_be_number")).min(1, t("min_is_1")).max(12, t("max_is_12")),
+    grade: number().required(t("grade_required")).notOneOf([0], t("subject_required")),
     type: number(),
+    textbookOwners: array().of(object().shape({
+      email: string().trim().email(t("invalid_textbook_owner_email_address")).required(t("textbook_owner_email_is_required")),
+      academyId: number().required(t("textbook_owner_academy_is_required")),
+      courseId: number().required(t("textbook_owner_course_is_required"))
+    })),
     chapters: array().of(object().shape({
       pageFrom: number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
       pageTo: number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
@@ -27609,6 +28212,12 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
       }),
       name: string().required(t("name_required")),
       questionGroups: array().of(object().shape({
+        pageFrom: number().notRequired().integer().notRequired().min(1, t("min_is_1")),
+        pageTo: number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
+          var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
+            pageFrom = _this$parent2.pageFrom;
+          return !value || !pageFrom || value >= pageFrom;
+        }),
         articles: array().of(object().shape({
           categories: array().of(number()).min(1, t("category_required")),
           title: string().notRequired(),
@@ -27630,12 +28239,18 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
       subChapters: array().of(object().shape({
         pageFrom: number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
         pageTo: number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
-          var _this$parent2 = this === null || this === void 0 ? void 0 : this.parent,
-            pageFrom = _this$parent2.pageFrom;
+          var _this$parent3 = this === null || this === void 0 ? void 0 : this.parent,
+            pageFrom = _this$parent3.pageFrom;
           return value >= pageFrom;
         }),
         name: string().required(t("name_required")),
         questionGroups: array().of(object().shape({
+          pageFrom: number().notRequired().integer().notRequired().min(1, t("min_is_1")),
+          pageTo: number().notRequired().integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
+            var _this$parent4 = this === null || this === void 0 ? void 0 : this.parent,
+              pageFrom = _this$parent4.pageFrom;
+            return !value || !pageFrom || value >= pageFrom;
+          }),
           articles: array().of(object().shape({
             categories: array().of(number()).min(1, t("category_required")),
             title: string().notRequired(),
@@ -27672,7 +28287,7 @@ var DEFAULT_TEXTBOOK_REQUEST = {
   grade: "",
   textbookOwners: [],
   isPrepared: true,
-  type: 0
+  type: TextbookEditorType.Korea
 };
 var DEFAULT_CHAPTER = {
   name: "",
@@ -27722,145 +28337,195 @@ var CustomTextbookTab = function CustomTextbookTab(props) {
   }, children));
 };
 
-var grey = {
-  0: '#FFFFFF',
-  50: "#FBFBF9",
-  100: '#EAEAE5',
-  200: '#F4F6F8',
-  300: '#D0D0C8',
-  400: '#C4CDD5',
-  500: '#9A9A98',
-  600: '#637381',
-  700: '#5D5D5B',
-  800: '#212B36',
-  900: '#363634'
-};
-var green = {
-  0: '#FFFFFF',
-  100: '#F0FFF6',
-  300: '#89F0B2',
-  500: '#3DC674',
-  700: '#349056',
-  900: '#18442A'
-};
-var main_theme = {
-  lighter: green[100],
-  light: green[300],
-  less_dark: green[500],
-  dark: green[700],
-  darker: green[900]
-};
-var primary = {
-  lighter: '#D0ECFE',
-  light: '#73BAFB',
-  main: '#1877F2',
-  dark: '#0C44AE',
-  darker: '#042174',
-  contrastText: '#FFFFFF'
-};
-var secondary = {
-  lighter: '#EFD6FF',
-  light: '#C684FF',
-  main: '#8E33FF',
-  dark: '#5119B7',
-  darker: '#27097A',
-  contrastText: '#FFFFFF'
-};
-var info = {
-  lighter: '#CAFDF5',
-  light: '#61F3F3',
-  main: '#00B8D9',
-  dark: '#006C9C',
-  darker: '#003768',
-  contrastText: '#FFFFFF'
-};
-var success = {
-  lighter: '#C8FAD6',
-  light: '#5BE49B',
-  main: '#00A76F',
-  dark: '#007867',
-  darker: '#004B50',
-  contrastText: '#FFFFFF'
-};
-var warning$1 = {
-  lighter: '#FFF5CC',
-  light: '#FFD666',
-  main: '#FFAB00',
-  dark: '#B76E00',
-  darker: '#7A4100',
-  contrastText: grey[800]
-};
-var error = {
-  lighter: '#FFE9D5',
-  light: '#FFAC82',
-  main: '#FF5630',
-  dark: '#B71D18',
-  darker: '#7A0916',
-  contrastText: '#FFFFFF'
-};
-var red = {
-  100: '#FEF8F8',
-  300: '#FEF8F8',
-  500: '#F4CACA',
-  900: '#DB4D4D'
-};
-var yellow = {
-  900: '#FEAF06'
-};
-var green_support = {
-  100: '#F6FDF7',
-  500: '#AEEAB3',
-  900: '#3ACB46'
-};
-var purple = {
-  900: '#C3099A'
-};
-var dark_purple = {
-  900: '#6B0861'
+var _reduceToMathArticles = function reduceToMathArticles(textbook, isMath) {
+  var values = isMath !== undefined ? _$6.cloneDeep(textbook) : textbook;
+  if (isMath !== undefined) values.type = isMath;
+  for (var key in values) {
+    if (values.hasOwnProperty(key)) {
+      if (key === "articles") {
+        var _values$key;
+        values[key] = (_values$key = values[key]) !== null && _values$key !== void 0 && _values$key.length ? [values[key][0]] : [DEFAULT_ARTICLE];
+      } else if (typeof values[key] === "object" && values[key] !== null) {
+        _reduceToMathArticles(values[key]);
+      }
+    }
+  }
+  return values;
 };
-var dark_red = {
-  900: '#800202'
+var _resetAllCategoriesAndQuestionTypesBySubject = function resetAllCategoriesAndQuestionTypesBySubject(textbook, subject) {
+  var values = subject ? _$6.cloneDeep(textbook) : textbook;
+  if (subject) {
+    values.subjectId = subject === null || subject === void 0 ? void 0 : subject.value;
+    values.subject = subject;
+  }
+  for (var key in values) {
+    if (values.hasOwnProperty(key)) {
+      if (key === "categories" || key === "categoryOptions") {
+        values[key] = [];
+      } else if (key === "questionType" || key === "questionTypeId") {
+        values[key] = null;
+      } else if (typeof values[key] === "object" && values[key] !== null) {
+        _resetAllCategoriesAndQuestionTypesBySubject(values[key]);
+      }
+    }
+  }
+  return values;
 };
-var common = {
-  black: '#000000',
-  white: '#FFFFFF'
+var convertResponseToRequest = function convertResponseToRequest(selectedTextbook) {
+  var _selectedTextbook$sub;
+  if (!selectedTextbook) return DEFAULT_TEXTBOOK_REQUEST;
+  return {
+    name: selectedTextbook.name || "",
+    subjectId: ((_selectedTextbook$sub = selectedTextbook.subject) === null || _selectedTextbook$sub === void 0 ? void 0 : _selectedTextbook$sub.id) || 0,
+    subject: selectedTextbook.subject ? {
+      label: selectedTextbook.subject.name,
+      value: selectedTextbook.subject.id
+    } : null,
+    preparedType: selectedTextbook.preparedType || 0,
+    grade: selectedTextbook.grade || "1",
+    publicationDate: (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.publicationDate) || "",
+    publisher: selectedTextbook.publisher || "",
+    isbn: selectedTextbook.isbn || "",
+    coverImage: selectedTextbook.coverImage || "",
+    textbookOwners: selectedTextbook.textbookOwners.map(function (to) {
+      return _extends({}, to, {
+        academy: to.academy ? {
+          label: to.academy.name,
+          value: to.academy.id
+        } : null,
+        course: to.course ? {
+          label: to.course.name,
+          value: to.course.id
+        } : null
+      });
+    }),
+    isPublic: selectedTextbook.isPublic || false,
+    isShared: selectedTextbook.isShared || false,
+    isPrepared: true,
+    type: selectedTextbook.type,
+    chapters: selectedTextbook.chapters.map(function (c) {
+      var _c$questionGroups;
+      return {
+        name: c.name,
+        pageFrom: c.pageFrom || 0,
+        pageTo: c.pageTo || 0,
+        id: c.id,
+        questionGroups: ((_c$questionGroups = c.questionGroups) === null || _c$questionGroups === void 0 ? void 0 : _c$questionGroups.map(function (g) {
+          var _g$questions, _g$questions$find;
+          return {
+            id: g.id,
+            chapterId: c.id,
+            pageFrom: g.pageFrom,
+            pageTo: g.pageTo,
+            questions: g.questions.map(function (q) {
+              var _q$questionType;
+              return _extends({}, q, {
+                questionTypeId: q.questionTypeId || q.questionType.id,
+                questionType: (_q$questionType = q.questionType) !== null && _q$questionType !== void 0 && _q$questionType.id ? {
+                  label: q.questionType.name,
+                  value: q.questionType.id
+                } : null
+              });
+            }),
+            articles: g.articles.map(function (a) {
+              return _extends({}, a, {
+                categoryOptions: a.categories.map(function (cat) {
+                  return {
+                    label: cat.name,
+                    value: cat.id
+                  };
+                }),
+                categories: a.categories.filter(function (cat) {
+                  return !!cat.id;
+                }).map(function (cat) {
+                  return cat.id;
+                })
+              });
+            }),
+            questionCount: g.questions.length,
+            answerCount: ((_g$questions = g.questions) === null || _g$questions === void 0 ? void 0 : (_g$questions$find = _g$questions.find(function (q) {
+              return q.questionAnswerType !== QuestionAnswerType.ShortAnswer;
+            })) === null || _g$questions$find === void 0 ? void 0 : _g$questions$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+          };
+        })) || [],
+        subChapters: c.subChapters.map(function (sub) {
+          var _sub$questionGroups;
+          return {
+            name: sub.name,
+            pageFrom: sub.pageFrom || 0,
+            pageTo: sub.pageTo || 0,
+            id: sub.id,
+            questionGroups: ((_sub$questionGroups = sub.questionGroups) === null || _sub$questionGroups === void 0 ? void 0 : _sub$questionGroups.map(function (g) {
+              var _g$questions2, _g$questions2$find;
+              return {
+                id: g.id,
+                chapterId: c.id,
+                pageFrom: g.pageFrom,
+                pageTo: g.pageTo,
+                questions: g.questions.map(function (q) {
+                  var _q$questionType2;
+                  return _extends({}, q, {
+                    questionTypeId: q.questionTypeId || q.questionType.id,
+                    questionType: (_q$questionType2 = q.questionType) !== null && _q$questionType2 !== void 0 && _q$questionType2.id ? {
+                      label: q.questionType.name,
+                      value: q.questionType.id
+                    } : null
+                  });
+                }),
+                articles: g.articles.map(function (a) {
+                  return _extends({}, a, {
+                    categoryOptions: a.categories.map(function (cat) {
+                      return {
+                        label: cat.name,
+                        value: cat.id
+                      };
+                    }),
+                    categories: a.categories.filter(function (cat) {
+                      return !!cat.id;
+                    }).map(function (cat) {
+                      return cat.id;
+                    })
+                  });
+                }),
+                questionCount: g.questions.length,
+                answerCount: ((_g$questions2 = g.questions) === null || _g$questions2 === void 0 ? void 0 : (_g$questions2$find = _g$questions2.find(function (q) {
+                  return q.questionAnswerType !== QuestionAnswerType.ShortAnswer;
+                })) === null || _g$questions2$find === void 0 ? void 0 : _g$questions2$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+              };
+            })) || [],
+            subChapters: []
+          };
+        })
+      };
+    })
+  };
 };
-var action$2 = {
-  hover: alpha(grey[500], 0.08),
-  selected: alpha(grey[500], 0.16),
-  disabled: alpha(grey[500], 0.8),
-  disabledBackground: alpha(grey[500], 0.24),
-  focus: alpha(grey[500], 0.24),
-  hoverOpacity: 0.08,
-  disabledOpacity: 0.48
+var handleKeyDown = function handleKeyDown(e) {
+  if (e.key === 'Enter') {
+    e.preventDefault();
+  }
 };
-var base = {
-  primary: primary,
-  secondary: secondary,
-  info: info,
-  main_theme: main_theme,
-  success: success,
-  warning: warning$1,
-  error: error,
-  grey: grey,
-  common: common,
-  red: red,
-  yellow: yellow,
-  green_support: green_support,
-  purple: purple,
-  dark_purple: dark_purple,
-  dark_red: dark_red,
-  divider: alpha(grey[500], 0.2),
-  action: action$2
+var isSequentialQuestionGroups = function isSequentialQuestionGroups(questionGroups) {
+  if (!questionGroups.length) return true;
+  if (questionGroups[0].questions[0].questionOrder !== 0) return false;
+  for (var index = 1; index < questionGroups.length; index++) {
+    var questionGroup = questionGroups[index];
+    var prevQuestionGroup = questionGroups[index - 1];
+    if (prevQuestionGroup.questions[prevQuestionGroup.questions.length - 1].questionOrder !== questionGroup.questions[0].questionOrder - 1) return false;
+  }
+  return true;
 };
 
+var _ = _$6;
 var ArticleBlock = function ArticleBlock(_ref) {
-  var expandedIndex = _ref.expandedIndex,
+  var errors = _ref.errors,
+    expandedIndex = _ref.expandedIndex,
     data = _ref.data,
     categories = _ref.categories,
     path = _ref.path,
     isLoadingCategories = _ref.isLoadingCategories,
     optionKey = _ref.optionKey,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue,
     onDuplicate = _ref.onDuplicate,
     onDelete = _ref.onDelete,
@@ -27888,13 +28553,22 @@ var ArticleBlock = function ArticleBlock(_ref) {
     onOpenCategoryMenu(path + ".categories[0]");
   };
   var handleChangeCategory = function handleChangeCategory(val) {
-    setFieldValue(path + ".categoryOptions", [val]);
-    setFieldValue(path + ".categories", [val === null || val === void 0 ? void 0 : val.value]);
+    setFieldValue(path + ".categoryOptions", val !== null && val !== void 0 && val.value ? [val] : []);
+    setFieldValue(path + ".categories", val !== null && val !== void 0 && val.value ? [val.value] : []);
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
-    setFieldValue(path + ".categoryOptions[1]", val);
-    setFieldValue(path + ".categories[1]", val === null || val === void 0 ? void 0 : val.value);
+    if (!(val !== null && val !== void 0 && val.value)) {
+      var _data$categories, _data$categoryOptions;
+      var category = data === null || data === void 0 ? void 0 : (_data$categories = data.categories) === null || _data$categories === void 0 ? void 0 : _data$categories[0];
+      var categoryOption = data === null || data === void 0 ? void 0 : (_data$categoryOptions = data.categoryOptions) === null || _data$categoryOptions === void 0 ? void 0 : _data$categoryOptions[0];
+      setFieldValue(path + ".categories", category ? [category] : []);
+      setFieldValue(path + ".categoryOptions", categoryOption ? [categoryOption] : []);
+    } else {
+      setFieldValue(path + ".categories[1]", val.value);
+      setFieldValue(path + ".categoryOptions[1]", val);
+    }
   };
+  var categoryError = _.get(errors, path + ".categories");
   return React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
@@ -27946,7 +28620,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("category")), React__default.createElement(Field, {
     name: path + ".categories[0]",
     render: function render() {
-      var _data$categoryOptions;
+      var _data$categoryOptions2;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
           "div:has(&)": {
@@ -27954,7 +28628,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           }
         },
         id: "category",
-        optionValue: (_data$categoryOptions = data.categoryOptions) === null || _data$categoryOptions === void 0 ? void 0 : _data$categoryOptions[0],
+        optionValue: (_data$categoryOptions2 = data.categoryOptions) === null || _data$categoryOptions2 === void 0 ? void 0 : _data$categoryOptions2[0],
         options: categories,
         rest: {
           isLoading: optionKey === path + ".categories[0]" ? isLoadingCategories : false,
@@ -27962,10 +28636,17 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
-  }))), React__default.createElement(Grid, {
+  }), !!categoryError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !categoryError ? "#97A1AF" : "#F34B4B"
+  }, categoryError))), React__default.createElement(Grid, {
     item: true,
     xs: 12 / 5
   }, React__default.createElement(FormGroup, {
@@ -27982,7 +28663,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("sub_category")), React__default.createElement(Field, {
     name: path + ".categories[1]",
     render: function render() {
-      var _data$categoryOptions2;
+      var _data$categoryOptions3;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
           "div:has(&)": {
@@ -27990,7 +28671,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           }
         },
         id: "sub_category",
-        optionValue: (_data$categoryOptions2 = data.categoryOptions) === null || _data$categoryOptions2 === void 0 ? void 0 : _data$categoryOptions2[1],
+        optionValue: (_data$categoryOptions3 = data.categoryOptions) === null || _data$categoryOptions3 === void 0 ? void 0 : _data$categoryOptions3[1],
         options: categories,
         rest: {
           isClearable: true,
@@ -27999,7 +28680,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: !data.categories[0],
+        isDisabled: disabled || !data.categories[0],
         placeholder: t("select_category")
       });
     }
@@ -28020,7 +28701,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(Grid, {
@@ -28040,7 +28723,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("author")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(Grid, {
@@ -28060,7 +28745,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("subject")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   })))), React__default.createElement(Stack, {
@@ -28073,6 +28760,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("copy_items")), React__default.createElement(Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleDuplicateArticle,
     sx: {
       whiteSpace: "nowrap"
@@ -28088,7 +28776,9 @@ var isEqual = function isEqual(prev, next) {
   var nextIsLoadingCategories = isNextMatched ? next.isLoadingCategories : undefined;
   var prevCategories = isPrevMatched ? prev.categories : undefined;
   var nextCategories = isNextMatched ? next.categories : undefined;
-  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prev.path === next.path && prev.expandedIndex == next.expandedIndex && prev.onOpenCategoryMenu == next.onOpenCategoryMenu && prev.onOpenSubCategoryMenu == next.onOpenSubCategoryMenu;
+  var prevCategoryError = _.get(prev.errors, prev.path + ".categories");
+  var nextCategoryError = _.get(next.errors, next.path + ".categories");
+  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prev.path === next.path && prev.expandedIndex == next.expandedIndex && prev.disabled === next.disabled && prev.onOpenCategoryMenu == next.onOpenCategoryMenu && prev.onOpenSubCategoryMenu == next.onOpenSubCategoryMenu && prevCategoryError === nextCategoryError;
 };
 var ArticleBlock$1 = memo(ArticleBlock, isEqual);
 
@@ -28101,7 +28791,7 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
-var _excluded$e = ["onChange"];
+var _excluded$f = ["onChange"];
 var BpIcon$1 = styled("span")(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -28134,7 +28824,7 @@ var BpCheckedIcon$1 = styled(BpIcon$1)({
 var QuestionBlock = function QuestionBlock(_ref2) {
   var answerCount = _ref2.answerCount,
     isMath = _ref2.isMath,
-    isDisabled = _ref2.isDisabled,
+    disabled = _ref2.disabled,
     path = _ref2.path,
     data = _ref2.data,
     questionTitleStyle = _ref2.questionTitleStyle,
@@ -28179,7 +28869,8 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             var field = _ref3.field;
             return React__default.createElement(TextField, Object.assign({}, field, {
               size: "small",
-              placeholder: t("textual_answer")
+              placeholder: t("textual_answer"),
+              onKeyDown: handleKeyDown
             }));
           }
         }));
@@ -28198,7 +28889,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             className: styles$9["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(Checkbox, {
               checked: data.correctAnswers.includes(i),
               onChange: function onChange(e) {
@@ -28234,7 +28925,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             onChange: function onChange(e) {
               return setFieldValue(path + ".correctAnswers", [+e.target.value]);
             },
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(Radio, {
               size: "small",
               checked: +i === data.correctAnswers[0],
@@ -28270,7 +28961,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     };
   });
   var theme = useTheme();
-  var isTabletUp = useMediaQuery(theme.breakpoints.up('lg'));
+  var isTabletUp = useMediaQuery(theme.breakpoints.up("lg"));
   return React__default.createElement(Stack, {
     direction: "row",
     alignItems: "center",
@@ -28284,8 +28975,10 @@ var QuestionBlock = function QuestionBlock(_ref2) {
   }, React__default.createElement(Box, null, React__default.createElement(Box, {
     className: styles$9["question-title"] + " me-2 text-nowrap",
     sx: questionTitleStyle
-  }, t("problem_number_question", {
+  }, isMath ? t("problem_number_question", {
     number: data.questionOrder + 1
+  }) : t("text_detail_n", {
+    n: data.questionOrder + 1
   }))), React__default.createElement(Box, {
     flexGrow: 1
   }, renderAnswer())), React__default.createElement(Stack, {
@@ -28305,7 +28998,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     render: function render(_ref4) {
       var field = _ref4.field;
       return React__default.createElement(ScoreSelector, Object.assign({}, field, {
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         onChange: function onChange(value) {
           setFieldValue(path + ".score", (value === null || value === void 0 ? void 0 : value.value) || 0);
         }
@@ -28324,9 +29017,9 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     name: path + ".questionTypeId",
     render: function render(_ref5) {
       var _ref5$field = _ref5.field,
-        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$e);
+        field = _objectWithoutPropertiesLoose(_ref5$field, _excluded$f);
       return React__default.createElement(CustomSelectOption, Object.assign({}, field, {
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         value: data.questionType,
         options: questionTypes,
         isLoading: optionKey === path + ".questionTypeId" ? isLoadingQuestionTypes : false,
@@ -28351,7 +29044,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
       var field = _ref6.field;
       return React__default.createElement(CustomSelect, Object.assign({}, field, {
         value: data.questionAnswerType,
-        isDisabled: isDisabled,
+        isDisabled: disabled,
         options: answerTypeOptions,
         onChange: handleChangeQuestionAnswerType
       }));
@@ -28367,14 +29060,14 @@ var isEqual$1 = function isEqual(prev, next) {
   var nextIsLoadingQuestionTypes = isNextMatched ? next.isLoadingQuestionTypes : undefined;
   var prevQuestionTypes = isPrevMatched ? prev.questionTypes : undefined;
   var nextQuestionTypes = isNextMatched ? next.questionTypes : undefined;
-  return prevOptionKey === nextOptionKey && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath == next.isMath && prev.answerCount == next.answerCount && prev.isDisabled == next.isDisabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
+  return prevOptionKey === nextOptionKey && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath == next.isMath && prev.answerCount == next.answerCount && prev.disabled == next.disabled && JSON.stringify(prev.questionTitleStyle) === JSON.stringify(next.questionTitleStyle) && prev.onOpenQuestionTypeMenu == next.onOpenQuestionTypeMenu;
 };
 var QuestionBlock$1 = memo(QuestionBlock, isEqual$1);
 
-var _excluded$f = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
-var _ = _$5;
+var _excluded$g = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onQuestioStartOrderChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _$1 = _$6;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
-  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate;
+  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
   var data = _ref.data,
     path = _ref.path,
     isMath = _ref.isMath,
@@ -28384,21 +29077,40 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     optionKey = _ref.optionKey,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
+    disabled = _ref.disabled,
+    onQuestioStartOrderChange = _ref.onQuestioStartOrderChange,
     onDelete = _ref.onDelete,
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenCategoryMenu = _ref.onOpenCategoryMenu,
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$f);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var errors = formikProps.errors;
+  var startOrderRef = useRef(null);
   var articles = data.articles,
     questions = data.questions;
-  var blockErrors = _.get(errors, path);
+  var blockErrors = _$1.get(errors, path);
   var handleOpenQuestionTypeMenu = useCallback(function (key) {
     var _data$articles$, _data$articles$$categ, _data$articles$2, _data$articles$2$cate;
     onOpenQuestionTypeMenu(key, (_data$articles$ = data.articles[0]) === null || _data$articles$ === void 0 ? void 0 : (_data$articles$$categ = _data$articles$.categories) === null || _data$articles$$categ === void 0 ? void 0 : _data$articles$$categ[0], (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[1]);
   }, [(_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categories) === null || _data$articles$3$cate === void 0 ? void 0 : _data$articles$3$cate[0], (_data$articles$4 = data.articles[0]) === null || _data$articles$4 === void 0 ? void 0 : (_data$articles$4$cate = _data$articles$4.categories) === null || _data$articles$4$cate === void 0 ? void 0 : _data$articles$4$cate[1]]);
+  var debounceQuestionStartOrderChange = _$1.debounce(onQuestioStartOrderChange, 300);
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(e) {
+    var value = e.target.value.replace(/\D/g, '');
+    var order = +value;
+    if (Number.isNaN(order) || order === 0) {
+      order = 1;
+      if (order === 0 && startOrderRef.current) {
+        startOrderRef.current.value = "1";
+      }
+    }
+    debounceQuestionStartOrderChange(order - 1);
+  };
+  useEffect(function () {
+    var _questions$;
+    if (startOrderRef.current) startOrderRef.current.value = "" + ((((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) || 0) + 1);
+  }, [(_questions$2 = questions[0]) === null || _questions$2 === void 0 ? void 0 : _questions$2.questionOrder]);
   return React__default.createElement(FieldArray, {
     name: path + ".articles",
     render: function render(arrayHelpers) {
@@ -28412,7 +29124,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
         gap: 2
       }, !isMath && React__default.createElement(Stack, {
         sx: {
-          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light),
+          border: (open ? "3px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : "#a3a3a4"),
           borderRadius: 2
         },
         gap: 1,
@@ -28426,6 +29138,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             expandedIndex: index,
             data: article,
             path: path + ".articles[" + index + "]",
+            disabled: disabled,
             onDuplicate: handleDuplicateArticle,
             onDelete: onDelete,
             optionKey: optionKey,
@@ -28441,6 +29154,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(IoIosAdd, null),
         onClick: function onClick() {
           arrayHelpers.push(DEFAULT_ARTICLE);
@@ -28448,7 +29162,20 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
       }, t$1("article")))), React__default.createElement(Stack, {
         gap: 1,
         direction: "column"
-      }, React__default.createElement(ListView, {
+      }, React__default.createElement(Box, null, React__default.createElement(FormControl, {
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        }
+      }, React__default.createElement(FormLabel, null, t$1("start_order")), React__default.createElement(TextField, {
+        inputRef: startOrderRef,
+        onChange: handleChangeStartQuestionOrder,
+        type: "number",
+        size: "small",
+        disabled: disabled
+      }))), React__default.createElement(ListView, {
         data: questions,
         render: function render(question, index) {
           return React__default.createElement(QuestionBlock$1, Object.assign({
@@ -28460,6 +29187,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             questionTypes: questionTypes,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             optionKey: optionKey,
+            disabled: disabled,
             onOpenQuestionTypeMenu: handleOpenQuestionTypeMenu,
             onCloseQuestionTypeMenu: onCloseQuestionTypeMenu
           }, formikProps));
@@ -28473,8 +29201,8 @@ var isEqual$2 = function isEqual(prev, next) {
   var isNextMatched = next.optionKey.startsWith(next.path);
   var prevOptionKey = isPrevMatched ? prev.optionKey : undefined;
   var nextOptionKey = isNextMatched ? next.optionKey : undefined;
-  var prevBlockErrors = _.get(prev.errors, prev.path);
-  var nextBlockErrors = _.get(next.errors, next.path);
+  var prevBlockErrors = _$1.get(prev.errors, prev.path);
+  var nextBlockErrors = _$1.get(next.errors, next.path);
   var prevIsLoadingCategories = isPrevMatched ? prev.isLoadingCategories : undefined;
   var nextIsLoadingCategories = isNextMatched ? next.isLoadingCategories : undefined;
   var prevCategories = isPrevMatched ? prev.categories : undefined;
@@ -28489,14 +29217,14 @@ var isEqual$2 = function isEqual(prev, next) {
   var nextOnOpenSubCategoryMenu = next.onOpenSubCategoryMenu;
   var prevOnOpenQuestionTypeMenu = prev.onOpenQuestionTypeMenu;
   var nextOnOpenQuestionTypeMenu = next.onOpenQuestionTypeMenu;
-  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath === next.isMath && prev.open === next.open && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevBlockErrors) === JSON.stringify(nextBlockErrors) && prevOnOpenCategoryMenu === nextOnOpenCategoryMenu && prevOnOpenSubCategoryMenu === nextOnOpenSubCategoryMenu && prevOnOpenQuestionTypeMenu === nextOnOpenQuestionTypeMenu;
+  return prevOptionKey === nextOptionKey && prevIsLoadingCategories === nextIsLoadingCategories && JSON.stringify(prevCategories) === JSON.stringify(nextCategories) && prevIsLoadingQuestionTypes === nextIsLoadingQuestionTypes && JSON.stringify(prevQuestionTypes) === JSON.stringify(nextQuestionTypes) && prev.path === next.path && prev.isMath === next.isMath && prev.open === next.open && prev.disabled === next.disabled && JSON.stringify(prev.data) === JSON.stringify(next.data) && JSON.stringify(prevBlockErrors) === JSON.stringify(nextBlockErrors) && prevOnOpenCategoryMenu === nextOnOpenCategoryMenu && prevOnOpenSubCategoryMenu === nextOnOpenSubCategoryMenu && prevOnOpenQuestionTypeMenu === nextOnOpenQuestionTypeMenu;
 };
 var QuestionGroupBlockBody$1 = memo(QuestionGroupBlockBody, isEqual$2);
 
-var _excluded$g = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "isDisabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
-var _$1 = _$5;
+var _excluded$h = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _$2 = _$6;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
-  var _data$articles$2, _data$articles$2$cate, _data$articles$2$cate2, _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2;
+  var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
   var expandedIndex = _ref.expandedIndex,
     open = _ref.open,
     paths = _ref.paths,
@@ -28508,7 +29236,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingQuestionTypes = _ref.isLoadingQuestionTypes,
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
-    isDisabled = _ref.isDisabled,
+    disabled = _ref.disabled,
     onToggle = _ref.onToggle,
     onQuestionCountChange = _ref.onQuestionCountChange,
     onDelete = _ref.onDelete,
@@ -28518,13 +29246,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
   var errors = formikProps.errors,
     setFieldValue = formikProps.setFieldValue;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var key = paths.join(".");
-  var title = t("group_n", {
+  var title = t(isMath ? "question_group_n" : "text_group_n", {
     n: expandedIndex + 1
   });
   var handleToggle = function handleToggle() {
@@ -28541,6 +29269,16 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     setFieldValue(path + ".questionCount", questionCount);
     onQuestionCountChange(questionCount, expandedIndex);
   };
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(order) {
+    var _questions$;
+    var questions = data.questions;
+    if (((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) === order) return;
+    setFieldValue(path + ".questions", questions.map(function (q, index) {
+      return _extends({}, q, {
+        questionOrder: order + index
+      });
+    }));
+  };
   var handleChangeAnswerCount = function handleChangeAnswerCount(val) {
     var answerCount = (val === null || val === void 0 ? void 0 : val.value) || 1;
     setFieldValue(path + ".answerCount", answerCount);
@@ -28584,16 +29322,24 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     }
   };
   var handleChangeCategory = function handleChangeCategory(val) {
-    setFieldValue(path + ".articles[0].categoryOptions", [val]);
-    setFieldValue(path + ".articles[0].categories", [val === null || val === void 0 ? void 0 : val.value]);
+    setFieldValue(path + ".articles[0].categoryOptions", val !== null && val !== void 0 && val.value ? [val] : []);
+    setFieldValue(path + ".articles[0].categories", val !== null && val !== void 0 && val.value ? [val.value] : []);
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
-    setFieldValue(path + ".articles[0].categories[1]", val === null || val === void 0 ? void 0 : val.value);
-    setFieldValue(path + ".articles[0].categoryOptions[1]", val);
+    if (!(val !== null && val !== void 0 && val.value)) {
+      var _data$articles, _data$articles$2, _data$articles$2$cate, _data$articles2, _data$articles2$, _data$articles2$$cate;
+      var category = data === null || data === void 0 ? void 0 : (_data$articles = data.articles) === null || _data$articles === void 0 ? void 0 : (_data$articles$2 = _data$articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[0];
+      var categoryOption = data === null || data === void 0 ? void 0 : (_data$articles2 = data.articles) === null || _data$articles2 === void 0 ? void 0 : (_data$articles2$ = _data$articles2[0]) === null || _data$articles2$ === void 0 ? void 0 : (_data$articles2$$cate = _data$articles2$.categoryOptions) === null || _data$articles2$$cate === void 0 ? void 0 : _data$articles2$$cate[0];
+      setFieldValue(path + ".articles[0].categories", category ? [category] : []);
+      setFieldValue(path + ".articles[0].categoryOptions", categoryOption ? [categoryOption] : []);
+    } else {
+      setFieldValue(path + ".articles[0].categories[1]", val.value);
+      setFieldValue(path + ".articles[0].categoryOptions[1]", val);
+    }
   };
   var summary = open ? "" : [t("number_questions", {
     n: data.questionCount
-  }), (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categoryOptions) === null || _data$articles$2$cate === void 0 ? void 0 : (_data$articles$2$cate2 = _data$articles$2$cate[0]) === null || _data$articles$2$cate2 === void 0 ? void 0 : _data$articles$2$cate2.label, (_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categoryOptions) === null || _data$articles$3$cate === void 0 ? void 0 : (_data$articles$3$cate2 = _data$articles$3$cate[1]) === null || _data$articles$3$cate2 === void 0 ? void 0 : _data$articles$3$cate2.label, isMath ? data.questions.map(function (i) {
+  }), (_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categoryOptions) === null || _data$articles$3$cate === void 0 ? void 0 : (_data$articles$3$cate2 = _data$articles$3$cate[0]) === null || _data$articles$3$cate2 === void 0 ? void 0 : _data$articles$3$cate2.label, (_data$articles$4 = data.articles[0]) === null || _data$articles$4 === void 0 ? void 0 : (_data$articles$4$cate = _data$articles$4.categoryOptions) === null || _data$articles$4$cate === void 0 ? void 0 : (_data$articles$4$cate2 = _data$articles$4$cate[1]) === null || _data$articles$4$cate2 === void 0 ? void 0 : _data$articles$4$cate2.label, isMath ? data.questions.map(function (i) {
     var _i$questionType;
     return ((_i$questionType = i.questionType) === null || _i$questionType === void 0 ? void 0 : _i$questionType.label) || i.questionTypeName;
   }).filter(function (i) {
@@ -28601,12 +29347,15 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }).join(",") : ""].filter(function (i) {
     return !!i;
   }).join(" / ");
-  var blockErrors = _$1.get(errors, path);
+  var pageFromError = _$2.get(errors, path + ".pageFrom");
+  var pageToError = _$2.get(errors, path + ".pageTo");
+  var categoryError = _$2.get(errors, path + ".articles[0].categories");
+  var blockErrors = _$2.get(errors, path);
   return React__default.createElement(Accordion, {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: (open ? "5px" : "1.5px") + " solid " + (blockErrors ? open ? error.main : error.light : open ? yellow$1[900] : yellow$1[500])
     }
   }, React__default.createElement(AccordionSummary, {
     expandIcon: React__default.createElement(MdExpandMore, {
@@ -28635,28 +29384,33 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(FaTrashCan, {
     size: 12
   })), React__default.createElement(Typography, {
+    fontSize: "18px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title, !open && ":")), React__default.createElement(Box, {
     sx: {
-      flexGrow: 1
+      flexGrow: 1,
+      cursor: "default"
+    },
+    onClick: function onClick(e) {
+      open && e.stopPropagation();
     }
   }, open ? React__default.createElement(Stack, {
-    direction: "row",
-    flexWrap: "nowrap",
+    direction: "column",
     gap: 2
+  }, React__default.createElement(Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
   }, React__default.createElement(Grid, {
     container: true,
     flexGrow: 1,
-    direction: "row",
-    flexWrap: "nowrap",
-    gap: 2
+    direction: "row"
   }, React__default.createElement(Grid, {
     item: true,
     xs: 3
   }, React__default.createElement(FormGroup, {
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+    sx: {
+      marginRight: 2
     }
   }, React__default.createElement(FormLabel, {
     htmlFor: "question_count",
@@ -28666,7 +29420,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(QuestionCountSelector, Object.assign({}, field, {
-        onChange: handleChangeQuestionCount
+        onChange: handleChangeQuestionCount,
+        isDisabled: disabled
       }));
     }
   }))), isMath && React__default.createElement(Grid, {
@@ -28677,10 +29432,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
       maxWidth: "100%",
       "& div": {
         maxWidth: "100%"
-      }
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+      },
+      marginRight: 2
     }
   }, React__default.createElement(FormLabel, {
     htmlFor: "category",
@@ -28704,10 +29457,17 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
-  }))), isMath && React__default.createElement(Grid, {
+  }), !!categoryError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !categoryError ? "#97A1AF" : "#F34B4B"
+  }, categoryError))), isMath && React__default.createElement(Grid, {
     item: true,
     xs: 3
   }, React__default.createElement(FormGroup, {
@@ -28715,10 +29475,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
       maxWidth: "100%",
       "& div": {
         maxWidth: "100%"
-      }
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
+      },
+      marginRight: 2
     }
   }, React__default.createElement(FormLabel, {
     htmlFor: "category",
@@ -28726,7 +29484,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, t("sub_category")), React__default.createElement(Field, {
     name: path + ".articles[0].categoryOptions[1]",
     render: function render(_ref4) {
-      var _data$articles$4, _data$articles$4$cate;
+      var _data$articles$5, _data$articles$5$cate;
       var field = _ref4.field;
       return React__default.createElement(ArticleCategorySelector, {
         style: {
@@ -28744,7 +29502,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: isDisabled || !((_data$articles$4 = data.articles[0]) !== null && _data$articles$4 !== void 0 && (_data$articles$4$cate = _data$articles$4.categories) !== null && _data$articles$4$cate !== void 0 && _data$articles$4$cate[0]),
+        isDisabled: disabled || !((_data$articles$5 = data.articles[0]) !== null && _data$articles$5 !== void 0 && (_data$articles$5$cate = _data$articles$5.categories) !== null && _data$articles$5$cate !== void 0 && _data$articles$5$cate[0]),
         placeholder: t("select_category")
       });
     }
@@ -28754,6 +29512,9 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(FormGroup, {
     onClick: function onClick(e) {
       open && e.stopPropagation();
+    },
+    sx: {
+      marginRight: 2
     }
   }, React__default.createElement(FormLabel, {
     htmlFor: "question_count",
@@ -28763,24 +29524,158 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref5) {
       var field = _ref5.field;
       return React__default.createElement(AnswerCountSelector, Object.assign({}, field, {
-        onChange: handleChangeAnswerCount
+        onChange: handleChangeAnswerCount,
+        isDisabled: disabled
+      }));
+    }
+  }))), !isMath && React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), !isMath && React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(Field, {
+    name: path + ".pageTo",
+    render: function render(_ref7) {
+      var field = _ref7.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
-  })))), isMath && React__default.createElement(Box, {
+  }), !!pageToError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), isMath && React__default.createElement(Box, {
     sx: {
       display: "flex"
-    },
-    onClick: function onClick(e) {
-      open && e.stopPropagation();
     }
   }, React__default.createElement(Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleCopyCategories,
     sx: {
       whiteSpace: "nowrap"
     }
-  }, t("category_copy")))) : React__default.createElement(Typography, {
+  }, t("category_copy")))), isMath && React__default.createElement(Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
+  }, React__default.createElement(Grid, {
+    container: true,
+    flexGrow: 1,
+    direction: "row"
+  }, React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref8) {
+      var field = _ref8.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(Field, {
+    name: path + ".pageTo",
+    render: function render(_ref9) {
+      var field = _ref9.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), React__default.createElement(Box, {
+    sx: {
+      display: "flex",
+      visibility: "hidden"
+    }
+  }, React__default.createElement(Button, {
+    variant: "contained",
+    color: "success",
+    disabled: true,
+    sx: {
+      whiteSpace: "nowrap"
+    }
+  }, t("category_copy"))))) : React__default.createElement(Typography, {
     fontWeight: 600,
     sx: {
       overflow: "hidden",
@@ -28801,6 +29696,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingCategories: isLoadingCategories,
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
+    disabled: disabled,
+    onQuestioStartOrderChange: handleChangeStartQuestionOrder,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28810,7 +29707,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$h = ["path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "questionGroups", "subChapters", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$i = ["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,
@@ -28822,6 +29719,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     subChapters = _ref.subChapters,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
+    disabled = _ref.disabled,
     onDelete = _ref.onDelete,
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenCategoryMenu = _ref.onOpenCategoryMenu,
@@ -28829,7 +29727,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$h);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -28866,6 +29764,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
     var questions = currentQuestionGroup.questions;
     var lastOrder = questions[questions.length - 1].questionOrder;
     var newQuestionGroups = questionGroups;
+    var isSequential = isSequentialQuestionGroups(questionGroups);
     if (questions.length < questionCount) {
       var additionalQuestions = Array.from({
         length: questionCount - questions.length
@@ -28878,7 +29777,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
       newQuestionGroups = [].concat(prevQuestionGroups, [_extends({}, currentQuestionGroup, {
         questionCount: questionCount,
         questions: [].concat(currentQuestionGroup.questions, additionalQuestions)
-      })], nextQuestionGroups.map(function (i) {
+      })], isSequential ? nextQuestionGroups.map(function (i) {
         return _extends({}, i, {
           questions: i.questions.map(function (q) {
             return _extends({}, q, {
@@ -28886,14 +29785,14 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             });
           })
         });
-      }));
+      }) : nextQuestionGroups);
       setFieldValue(path + ".questionGroups", newQuestionGroups);
     } else {
       var remainQuestions = questions.slice(0, questionCount);
       newQuestionGroups = [].concat(prevQuestionGroups, [_extends({}, currentQuestionGroup, {
         questionCount: questionCount,
         questions: [].concat(remainQuestions)
-      })], nextQuestionGroups.map(function (i) {
+      })], isSequential ? nextQuestionGroups.map(function (i) {
         return _extends({}, i, {
           questions: i.questions.map(function (q) {
             return _extends({}, q, {
@@ -28901,7 +29800,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             });
           })
         });
-      }));
+      }) : nextQuestionGroups);
     }
     setFieldValue(path + ".questionGroups", newQuestionGroups);
   };
@@ -28933,6 +29832,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggle,
             onDelete: onDelete,
             onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28947,6 +29847,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           {
             var length = subChapters.length;
@@ -28977,6 +29878,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             optionKey: optionKey,
             isLoadingCategories: isLoadingCategories,
             categories: categories,
+            disabled: disabled,
             onOpenCategoryMenu: onOpenCategoryMenu,
             onOpenSubCategoryMenu: onOpenSubCategoryMenu,
             onCloseCategoryMenu: onCloseCategoryMenu,
@@ -28992,6 +29894,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           var length = questionGroups.length;
           var addedGroup = handleGetNewQuestionGroup();
@@ -29003,8 +29906,8 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$i = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
-var _$2 = _$5;
+var _excluded$j = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
+var _$3 = _$6;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
     expandedIndex = _ref.expandedIndex,
@@ -29017,6 +29920,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
+    disabled = _ref.disabled,
     onToggle = _ref.onToggle,
     onDelete = _ref.onDelete,
     onCopiedPrevQuestionGroup = _ref.onCopiedPrevQuestionGroup,
@@ -29025,12 +29929,13 @@ var ChapterBlock = function ChapterBlock(_ref) {
     onOpenSubCategoryMenu = _ref.onOpenSubCategoryMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$j);
   var errors = formikProps.errors;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var theme = useTheme();
   var key = paths.join(".");
-  var title = t("chapter_number", {
+  var title = t((paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "sub_unit_number" : "unit_number", {
     number: paths.join(".")
   });
   var handleToggle = function handleToggle() {
@@ -29042,15 +29947,15 @@ var ChapterBlock = function ChapterBlock(_ref) {
       chapter: title
     }), title, path.replace(/\[(\d+)\]$/, ""), expandedIndex);
   };
-  var pageNameError = _$2.get(errors, path + ".name");
-  var pageFromError = _$2.get(errors, path + ".pageFrom");
-  var pageToError = _$2.get(errors, path + ".pageTo");
-  var blockErrors = _$2.get(errors, path);
+  var pageNameError = _$3.get(errors, path + ".name");
+  var pageFromError = _$3.get(errors, path + ".pageFrom");
+  var pageToError = _$3.get(errors, path + ".pageTo");
+  var blockErrors = _$3.get(errors, path);
   return React__default.createElement(Accordion, {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1.5px solid " + (blockErrors ? open ? error.main : error.light : open ? (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.main : theme.palette.info.main : (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? theme.palette.success.light : theme.palette.info.light)
     }
   }, React__default.createElement(AccordionSummary, {
     expandIcon: React__default.createElement(MdExpandMore, {
@@ -29073,10 +29978,12 @@ var ChapterBlock = function ChapterBlock(_ref) {
     color: "default",
     size: "small",
     className: "bg-danger text-white",
+    disabled: disabled,
     onClick: handleClickDeleteChapter
   }, React__default.createElement(FaTrashCan, {
     size: 12
   })), React__default.createElement(Typography, {
+    fontSize: (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "24px" : "36px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title)), React__default.createElement(Box, {
@@ -29098,7 +30005,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("name")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageNameError && React__default.createElement(Typography, {
@@ -29119,7 +30028,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_from"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageFromError && React__default.createElement(Typography, {
@@ -29140,7 +30051,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_to"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageToError && React__default.createElement(Typography, {
@@ -29159,6 +30072,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     isLoadingCategories: isLoadingCategories,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
@@ -29206,21 +30120,21 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     }));
     if (inputRef.current) inputRef.current.value = "";
   };
-  var schoolOptions = SCHOOL_OPTIONS$1.map(function (i) {
+  var schoolOptions = SCHOOL_OPTIONS.map(function (i) {
     return _extends({}, i, {
       label: t(i.label)
     });
   });
   var gradeOptions = useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
-      case SchoolType$1.Middle:
-        return MIDDLE_GRADES$1.map(function (i) {
+      case SchoolType.Middle:
+        return MIDDLE_GRADES.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
-      case SchoolType$1.High:
-        return HIGH_GRADES$1.map(function (i) {
+      case SchoolType.High:
+        return HIGH_GRADES.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29265,7 +30179,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     options: gradeOptions,
     isClearable: false,
     onChange: handleGradeChange
-  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType$1.Elementary) && React__default.createElement(FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elementary) && React__default.createElement(FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29274,7 +30188,7 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
     options: semesterOptions,
     isClearable: false,
     onChange: handleSemesterChange
-  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType$1.Elementary) && React__default.createElement(FormGroup, {
+  })), (!(filter !== null && filter !== void 0 && filter.schoolType) || (filter === null || filter === void 0 ? void 0 : filter.schoolType) === SchoolType.Elementary) && React__default.createElement(FormGroup, {
     sx: {
       flexGrow: 1
     }
@@ -29290,7 +30204,8 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   }, React__default.createElement(FormLabel, null, t("search")), React__default.createElement(TextField, {
     placeholder: t("question_type_search_keyword"),
     size: "small",
-    inputRef: inputRef
+    inputRef: inputRef,
+    onKeyDown: handleKeyDown
   })), React__default.createElement(FormGroup, {
     sx: {
       display: "flex",
@@ -29319,7 +30234,9 @@ var CATEGORY_URL$1 = BASE_URL + "/api/examcategory";
 var getCategoryListAdminApi$1 = function getCategoryListAdminApi(data) {
   try {
     return Promise.resolve(api.get("" + ADMIN_CATEGORY_URL$1, {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29328,7 +30245,9 @@ var getCategoryListAdminApi$1 = function getCategoryListAdminApi(data) {
 var getCategoryListApi$1 = function getCategoryListApi(data) {
   try {
     return Promise.resolve(api.get("" + CATEGORY_URL$1, {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29337,7 +30256,9 @@ var getCategoryListApi$1 = function getCategoryListApi(data) {
 var getCategoryQuestionTypeListApi = function getCategoryQuestionTypeListApi(isSuper, data) {
   try {
     return Promise.resolve(api.get((isSuper ? ADMIN_CATEGORY_URL$1 : CATEGORY_URL$1) + "/question-types", {
-      params: data
+      params: _extends({}, data, {
+        sortColumnName: "name"
+      })
     }));
   } catch (e) {
     return Promise.reject(e);
@@ -29377,7 +30298,7 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
     return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : (_state$common2$user = _state$common2.user) === null || _state$common2$user === void 0 ? void 0 : _state$common2$user.academyDomain;
   });
   var getOptionFilter = function getOptionFilter() {
-    var cloneFilter = _$5.clone(filter);
+    var cloneFilter = _$6.clone(filter);
     for (var key in cloneFilter) {
       if (Object.prototype.hasOwnProperty.call(cloneFilter, key)) {
         var element = cloneFilter[key];
@@ -29527,11 +30448,12 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
   };
 };
 
-var _$3 = _$5;
+var _$4 = _$6;
 var TextbookContentsTab = function TextbookContentsTab(props) {
-  var values = props.values,
+  var disabled = props.disabled,
+    values = props.values,
     setFieldValue = props.setFieldValue;
-  var isMath = values.type === 2;
+  var isMath = values.type === TextbookEditorType.Math;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(""),
@@ -29569,7 +30491,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   };
   var handleConfirmDeleteBlock = function handleConfirmDeleteBlock() {
     if (!(openConfirmDelete !== null && openConfirmDelete !== void 0 && openConfirmDelete.path)) return;
-    var items = _$3.get(values, openConfirmDelete.path, []);
+    var items = _$4.get(values, openConfirmDelete.path, []);
     setFieldValue(openConfirmDelete.path, items.filter(function (_, i) {
       return i !== openConfirmDelete.itemIndex;
     }));
@@ -29609,12 +30531,12 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
     if (!newParts.length) return;
     if (newParts.length < parts.length) {
       var _$get, _$get2, _$get3;
-      var subChapters = (_$get = _$3.get(values, newPath + ".subChapters")) != null ? _$get : [];
+      var subChapters = (_$get = _$4.get(values, newPath + ".subChapters")) != null ? _$get : [];
       var questionGroups = [];
-      if (!subChapters.length) questionGroups = (_$get2 = _$3.get(values, newPath + ".questionGroups")) != null ? _$get2 : [];else questionGroups = (_$get3 = _$3.get(values, newPath + ".subChapters[" + (subChapters.length - 1) + "].questionGroups")) != null ? _$get3 : [];
-      return _$3.last(questionGroups);
+      if (!subChapters.length) questionGroups = (_$get2 = _$4.get(values, newPath + ".questionGroups")) != null ? _$get2 : [];else questionGroups = (_$get3 = _$4.get(values, newPath + ".subChapters[" + (subChapters.length - 1) + "].questionGroups")) != null ? _$get3 : [];
+      return _$4.last(questionGroups);
     }
-    return _$3.get(values, newPath);
+    return _$4.get(values, newPath);
   };
   var handleOpenSubCategoryMenu = useCallback(function (key, categoryId) {
     setOptionKey(key);
@@ -29642,7 +30564,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
       return React__default.createElement(Stack, {
         direction: "column",
         gap: 3
-      }, isMath && React__default.createElement(Box, null, React__default.createElement(QuestionTypeFilter, {
+      }, isMath && !disabled && React__default.createElement(Box, null, React__default.createElement(QuestionTypeFilter, {
         filter: filter,
         setFilter: setFilter,
         inputRef: inputRef,
@@ -29663,6 +30585,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggleBlock,
             onDelete: handleOpenConfirmDelete,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
@@ -29678,6 +30601,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(IoIosAdd, null),
         onClick: function onClick() {
           var length = values.chapters.length;
@@ -29696,8 +30620,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$j = ["value"],
-  _excluded2$2 = ["onChange"];
+var _excluded$k = ["value"];
 var VisuallyHiddenInput = styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -29708,16 +30631,67 @@ var VisuallyHiddenInput = styled("input")({
   whiteSpace: "nowrap",
   width: "100%"
 });
+var customSelectStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker,
+      borderColor: state.isFocused ? styles.dark : baseStyles.borderColor,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      "&:hover": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      paddingBlock: '8px'
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker
+    });
+  }
+};
 var TextbookInfoTab = function TextbookInfoTab(_ref) {
-  var setFieldValue = _ref.setFieldValue,
+  var _user$roles;
+  var isCreatedByAdmin = _ref.isCreatedByAdmin,
+    setFieldValue = _ref.setFieldValue,
     values = _ref.values,
     errors = _ref.errors,
     coverImage = _ref.coverImage,
-    isAdmin = _ref.isAdmin,
+    isSuperAdminUser = _ref.isSuperAdminUser,
     textbookId = _ref.textbookId,
+    disabled = _ref.disabled,
     handleUploadImage = _ref.handleUploadImage;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  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 isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Teacher));
+  var gradeOptions = GRADE_OPTIONS.map(function (i) {
+    return {
+      label: t(i.label),
+      value: i.value
+    };
+  });
+  var preparedTypeOptions = Object.entries(PreparedType).filter(function (_ref2) {
+    var key = _ref2[0];
+    return isNaN(Number(key));
+  }).map(function (_ref3) {
+    var key = _ref3[0],
+      value = _ref3[1];
+    return {
+      label: t(key),
+      value: value
+    };
+  });
+  var hidePublicField = !textbookId && isSuperAdminUser || textbookId && isCreatedByAdmin;
   return React__default.createElement(Grid, {
     padding: 3,
     container: true,
@@ -29747,24 +30721,26 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     style: {
       padding: 4,
       color: "#fff",
-      background: styles.less_dark,
+      background: !disabled ? styles.less_dark : styles.light,
       width: "150px",
       borderRadius: "6px",
       alignItems: "center",
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, t("change_file"), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return handleUploadImage(event);
+      return !disabled && handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      e.target.value = "";
+      if (!disabled) {
+        e.target.value = "";
+      }
     }
   }))) : React__default.createElement("label", {
     htmlFor: "coverImage",
@@ -29777,17 +30753,19 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, React__default.createElement(IoIosAdd, null), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return handleUploadImage(event);
+      return !disabled && handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      e.target.value = "";
+      if (!disabled) {
+        e.target.value = "";
+      }
     }
   })))), React__default.createElement(Grid, {
     item: true,
@@ -29806,10 +30784,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publicationDate"
   }, t("publication_date")), React__default.createElement(Field, {
     name: "publicationDate",
-    render: function render(_ref2) {
-      var _ref2$field = _ref2.field,
-        value = _ref2$field.value,
-        action = _objectWithoutPropertiesLoose(_ref2$field, _excluded$j);
+    render: function render(_ref4) {
+      var _ref4$field = _ref4.field,
+        value = _ref4$field.value,
+        action = _objectWithoutPropertiesLoose(_ref4$field, _excluded$k);
       return React__default.createElement(LocalizationProvider$1, {
         dateAdapter: AdapterMoment
       }, React__default.createElement(DatePicker$1, Object.assign({}, action, {
@@ -29821,7 +30799,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
         value: moment(value),
         onChange: function onChange(value) {
           return setFieldValue("publicationDate", moment(value).format(DATE_FORMAT));
-        }
+        },
+        disabled: disabled
       })));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publicationDate) && React__default.createElement(Typography, {
@@ -29839,9 +30818,12 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(Field, {
     name: "publisher",
-    render: function render(_ref3) {
-      var field = _ref3.field;
-      return React__default.createElement(TextField, Object.assign({}, field));
+    render: function render(_ref5) {
+      var field = _ref5.field;
+      return React__default.createElement(TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -29858,25 +30840,17 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "preparedType"
   }, t("type")), React__default.createElement(Field, {
     name: "preparedType",
-    render: function render(_ref4) {
-      var field = _ref4.field;
-      return React__default.createElement(Select$1, Object.assign({
-        displayEmpty: true
-      }, field), Object.entries(_extends({}, PreparedType)).filter(function (_ref5) {
-        var label = _ref5[0];
-        return !Number(label);
-      }).map(function (_ref6, index) {
-        var label = _ref6[0],
-          value = _ref6[1];
-        if (Number(label)) return;
-        if (label === "my_created_questions" || label === "academy_questions") return React__default.createElement(MenuItem, {
-          key: index,
-          value: value
-        }, t(label));
-        return React__default.createElement(MenuItem, {
-          key: index,
-          value: index + 1
-        }, t(label));
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: preparedTypeOptions,
+        value: values.preparedType,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, !(val !== null && val !== void 0 && val.value) ? 0 : Number(val.value));
+        },
+        styles: customSelectStyles,
+        isDisabled: disabled || isTeacher && !textbookId,
+        isClearable: true
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.preparedType) && React__default.createElement(Typography, {
@@ -29896,17 +30870,20 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "isbn",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return React__default.createElement(TextField, Object.assign({}, field));
+      return React__default.createElement(TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isbn) && React__default.createElement(Typography, {
     fontWeight: 500,
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.isbn) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), !(isAdmin && !textbookId) && React__default.createElement(Grid, {
+  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), React__default.createElement(Grid, {
     item: true,
     xs: 6
-  }, React__default.createElement(Stack, {
+  }, !hidePublicField && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
     alignItems: "start"
@@ -29918,7 +30895,13 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       var field = _ref8.field;
       return React__default.createElement(Checkbox, Object.assign({
         checked: field === null || field === void 0 ? void 0 : field.value
-      }, field));
+      }, field, {
+        onChange: function onChange(e, checked) {
+          field.onChange(e, checked);
+          if (checked) setFieldValue("textbookOwners", []);
+        },
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isPublic) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -29936,15 +30919,16 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
   }, t("grade")), React__default.createElement(Field, {
     name: "grade",
     render: function render(_ref9) {
-      var _ref9$field = _ref9.field,
-        _onChange = _ref9$field.onChange,
-        action = _objectWithoutPropertiesLoose(_ref9$field, _excluded2$2);
-      return React__default.createElement(TextField, Object.assign({
-        onChange: function onChange(e) {
-          e.target.value = e.target.value.replace(/[^\d]/g, "");
-          _onChange(e);
-        }
-      }, action));
+      var field = _ref9.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: gradeOptions,
+        value: values.grade,
+        styles: customSelectStyles,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, String(val.value));
+        },
+        isDisabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -29960,19 +30944,16 @@ var AcademySelector = function AcademySelector(_ref) {
     title = _ref.title,
     options = _ref.options,
     isLoading = _ref.isLoading,
-    valueById = _ref.valueById,
     isMultiple = _ref.isMultiple,
     _ref$isClearable = _ref.isClearable,
     isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable,
-    disabled = _ref.disabled;
+    disabled = _ref.disabled,
+    defaultValue = _ref.defaultValue;
   var _useState = useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(FormGroup, null, !!title && React__default.createElement("label", {
     className: "text-muted"
   }, title), React__default.createElement(CustomSelectOption, {
@@ -29984,10 +30965,11 @@ var AcademySelector = function AcademySelector(_ref) {
     isLoading: isLoading,
     placeholder: t('please_select'),
     isMulti: isMultiple,
-    value: valueOption || value,
+    value: value,
     onChange: onChange,
     isDisabled: disabled,
-    isClearable: isClearable
+    isClearable: isClearable,
+    defaultValue: defaultValue
   }));
 };
 
@@ -30001,15 +30983,12 @@ var CourseSelector = function CourseSelector(_ref) {
     minimumTextSearchLength = _ref.minimumTextSearchLength,
     placeholder = _ref.placeholder,
     isClearable = _ref.isClearable,
-    valueById = _ref.valueById;
+    isDisabled = _ref.isDisabled;
   var _useState = useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(FormGroup, null, !!title && React__default.createElement("label", null, title), React__default.createElement(CustomSelectOption, {
     options: options,
     inputValue: searchString,
@@ -30021,98 +31000,95 @@ var CourseSelector = function CourseSelector(_ref) {
       number: minimumTextSearchLength
     }) : t("select_class_placeholder")),
     isMulti: isMulti,
-    value: valueOption || value,
+    value: value,
     onChange: onChange,
-    isClearable: isClearable
+    isClearable: isClearable,
+    isDisabled: isDisabled
   }));
 };
 
 var useSelect = function useSelect(_ref) {
-  var academyId = _ref.academyId,
-    handleChangeEmail = _ref.handleChangeEmail;
+  var email = _ref.email;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var academy = 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.academy;
+  });
+  var formattedAcademy = academy ? {
+    label: academy.name,
+    value: academy.id
+  } : null;
+  var academies = formattedAcademy ? [formattedAcademy] : [];
   var _useState = useState([]),
-    academies = _useState[0],
-    setAcademies = _useState[1];
+    courses = _useState[0],
+    setCourses = _useState[1];
   var _useState2 = useState(false),
     isLoading = _useState2[0],
     setLoading = _useState2[1];
-  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 isSuperAdmin = !!user && !user.academyDomain;
-  var loadData = _$5.debounce(function (e) {
-    try {
-      var _temp2 = function _temp2() {
-        setLoading(false);
-      };
-      var value = e.target.value;
-      setLoading(true);
-      var _temp = _catch(function () {
-        handleChangeEmail(value);
-        return Promise.resolve(getAcademyByTeacher(value, isSuperAdmin)).then(function (_ref2) {
-          var data = _ref2.data;
-          setAcademies(data.data);
+  useEffect(function () {
+    if (!email || !academy) return;
+    var fetchData = _$6.debounce(function () {
+      try {
+        var _temp2 = function _temp2() {
+          setLoading(false);
+        };
+        setLoading(true);
+        var _temp = _catch(function () {
+          return Promise.resolve(getCourseByTeacherAcademy(email, academy === null || academy === void 0 ? void 0 : academy.id)).then(function (_ref2) {
+            var data = _ref2.data;
+            var formattedCourses = data.data.map(function (course) {
+              return {
+                label: course.name,
+                value: course.id
+              };
+            });
+            setCourses(formattedCourses);
+          });
+        }, function (err) {
+          toast.error(getErrorMessage(t, err));
         });
-      }, function (err) {
-        toast.error(getErrorMessage(t, err));
-      });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, 1000);
-  var academyOptions = useMemo(function () {
-    if (!(academies !== null && academies !== void 0 && academies.length)) return [];
-    return academies === null || academies === void 0 ? void 0 : academies.map(function (academy) {
-      return {
-        label: academy.name,
-        value: academy.id
-      };
-    });
-  }, [JSON.stringify(academies)]);
-  var courseOptions = useMemo(function () {
-    var _academy$courses;
-    if (!academyId) return [];
-    var academy = academies === null || academies === void 0 ? void 0 : academies.find(function (academy) {
-      return academy.id === academyId;
-    });
-    return academy === null || academy === void 0 ? void 0 : (_academy$courses = academy.courses) === null || _academy$courses === void 0 ? void 0 : _academy$courses.map(function (course) {
-      return {
-        label: course.name,
-        value: course.id
-      };
-    });
-  }, [JSON.stringify(academies), academyId]);
+        return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }, 1000);
+    fetchData();
+    return function () {
+      return fetchData.cancel();
+    };
+  }, [email]);
   return {
     t: t,
-    loadData: loadData,
     isLoading: isLoading,
-    academyOptions: academyOptions,
-    courseOptions: courseOptions
+    academies: academies,
+    courses: courses
   };
 };
 
 var OwnerSelector = function OwnerSelector(_ref) {
-  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner2, _errors$textbookOwner3, _errors$textbookOwner4;
+  var _values$textbookOwner, _errors$textbookOwner, _errors$textbookOwner2, _values$textbookOwner3, _errors$textbookOwner3, _errors$textbookOwner4;
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
-    academyId = _ref.academyId,
-    onChangeFieldValue = _ref.onChangeFieldValue;
-  var handleChangeEmail = function handleChangeEmail(value) {
-    onChangeFieldValue("textbookOwners[" + index + "].email", value);
-  };
+    email = _ref.email,
+    onChangeFieldValue = _ref.onChangeFieldValue,
+    disabled = _ref.disabled;
   var _useSelect = useSelect({
-      academyId: academyId,
-      handleChangeEmail: handleChangeEmail
+      email: email
     }),
     t = _useSelect.t,
     isLoading = _useSelect.isLoading,
-    academyOptions = _useSelect.academyOptions,
-    courseOptions = _useSelect.courseOptions;
+    academies = _useSelect.academies,
+    courses = _useSelect.courses;
+  var handleChangeAcademy = function handleChangeAcademy(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].academy", val);
+  };
+  var handleChangeCourse = function handleChangeCourse(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].course", val);
+  };
   return React__default.createElement(React__default.Fragment, null, (values === null || values === void 0 ? void 0 : (_values$textbookOwner = values.textbookOwners) === null || _values$textbookOwner === void 0 ? void 0 : _values$textbookOwner[index].email) && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
@@ -30122,14 +31098,16 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("academy")), React__default.createElement(Field, {
     name: "textbookOwners[" + index + "].academyId",
     render: function render(_ref2) {
+      var _values$textbookOwner2;
       var field = _ref2.field;
       return React__default.createElement(AcademySelector, Object.assign({}, field, {
-        options: academyOptions,
+        options: academies,
+        disabled: true,
+        value: (_values$textbookOwner2 = values.textbookOwners[index]) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2.academy,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        onChange: handleChangeAcademy,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && (_errors$textbookOwner2 = _errors$textbookOwner[index]) !== null && _errors$textbookOwner2 !== void 0 && _errors$textbookOwner2.academyId) && React__default.createElement(Typography, {
@@ -30137,7 +31115,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.textbookOwners[index].academyId) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email) && React__default.createElement(Stack, {
+  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner3 = values.textbookOwners) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3[index].email) && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30146,14 +31124,14 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("class")), React__default.createElement(Field, {
     name: "textbookOwners[" + index + "].courseId",
     render: function render(_ref3) {
+      var _values$textbookOwner4;
       var field = _ref3.field;
       return React__default.createElement(CourseSelector, Object.assign({}, field, {
-        options: courseOptions,
+        options: courses,
         isLoading: isLoading,
-        valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        value: (_values$textbookOwner4 = values.textbookOwners[index]) === null || _values$textbookOwner4 === void 0 ? void 0 : _values$textbookOwner4.course,
+        onChange: handleChangeCourse,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner3 = errors.textbookOwners) !== null && _errors$textbookOwner3 !== void 0 && (_errors$textbookOwner4 = _errors$textbookOwner3[index]) !== null && _errors$textbookOwner4 !== void 0 && _errors$textbookOwner4.courseId) && React__default.createElement(Typography, {
@@ -30164,14 +31142,20 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].courseId)));
 };
 
-var _$4 = _$5;
+var _$5 = _$6;
 var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   var errors = _ref.errors,
     values = _ref.values,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue;
   var textbookOwners = values.textbookOwners;
+  var academy = 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.academy;
+  });
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var hasErrors = errors.textbookOwners;
   return React__default.createElement(Box, {
     className: "bg-white mt-2",
     sx: {
@@ -30184,15 +31168,15 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
       return React__default.createElement(Grid, {
         container: true,
         spacing: "16px"
-      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
-        var _values$textbookOwner, _values$textbookOwner2, _values$textbookOwner3;
+      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (val, index) {
+        var _errors$textbookOwner, _values$textbookOwner, _values$textbookOwner2;
         return React__default.createElement(Grid, {
           item: true,
           xs: 6,
-          lg: 2
+          lg: 3
         }, React__default.createElement(Stack, {
           sx: {
-            border: "1px solid " + styles.gray_300,
+            border: "1px solid " + ((_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && _errors$textbookOwner[index] ? styles.red_900 : styles.gray_300),
             borderRadius: "6px",
             width: "100%",
             height: "350px",
@@ -30210,6 +31194,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             top: 8,
             color: styles.gray_500
           },
+          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id),
           onClick: function onClick() {
             arrayHelpers.remove(index);
           }
@@ -30225,24 +31210,28 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             var field = _ref2.field;
             return React__default.createElement(TextField, Object.assign({
               fullWidth: true
-            }, field));
+            }, field, {
+              onKeyDown: handleKeyDown,
+              disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
+            }));
           }
-        }), _$4.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(Typography, {
+        }), _$5.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(Typography, {
           fontWeight: 500,
           fontSize: "10px",
           lineHeight: "11.93px",
-          color: _$4.get(errors, "textbookOwners[" + index + "].email") ? "#97A1AF" : "#F34B4B"
-        }, _$4.get(errors, "textbookOwners[" + index + "].email"))), !!(values !== null && values !== void 0 && (_values$textbookOwner = values.textbookOwners) !== null && _values$textbookOwner !== void 0 && _values$textbookOwner[index].email) && React__default.createElement(OwnerSelector, {
+          color: "#F34B4B"
+        }, _$5.get(errors, "textbookOwners[" + index + "].email"))), !!(values !== null && values !== void 0 && (_values$textbookOwner = values.textbookOwners) !== null && _values$textbookOwner !== void 0 && _values$textbookOwner[index].email) && React__default.createElement(OwnerSelector, {
           values: values,
           errors: errors,
           index: index,
+          email: values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email,
           onChangeFieldValue: setFieldValue,
-          academyId: values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : (_values$textbookOwner3 = _values$textbookOwner2[index]) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3.academyId
+          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
         })));
-      }), React__default.createElement(Grid, {
+      }), !hasErrors && !disabled && academy && React__default.createElement(Grid, {
         item: true,
         xs: 6,
-        lg: 2
+        lg: 3
       }, React__default.createElement("div", {
         style: {
           display: "flex",
@@ -30256,7 +31245,14 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           background: styles.gray_50
         },
         onClick: function onClick() {
-          return arrayHelpers.push(DefaultTextbookOwner);
+          var _academy$id;
+          arrayHelpers.push(_extends({}, DefaultTextbookOwner, {
+            academy: academy ? {
+              label: academy.name,
+              value: academy.id
+            } : null,
+            academyId: (_academy$id = academy === null || academy === void 0 ? void 0 : academy.id) != null ? _academy$id : null
+          }));
         }
       }, React__default.createElement(Stack, null, React__default.createElement(IoMdAdd, {
         size: 24
@@ -30265,160 +31261,20 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   }));
 };
 
-var _reduceToMathArticles = function reduceToMathArticles(textbook, isMath) {
-  var values = isMath !== undefined ? _$5.cloneDeep(textbook) : textbook;
-  if (isMath !== undefined) values.type = isMath;
-  for (var key in values) {
-    if (values.hasOwnProperty(key)) {
-      if (key === "articles") {
-        var _values$key;
-        values[key] = (_values$key = values[key]) !== null && _values$key !== void 0 && _values$key.length ? [values[key][0]] : [DEFAULT_ARTICLE];
-      } else if (typeof values[key] === "object" && values[key] !== null) {
-        _reduceToMathArticles(values[key]);
-      }
-    }
-  }
-  return values;
-};
-var _resetAllCategoriesAndQuestionTypesBySubject = function resetAllCategoriesAndQuestionTypesBySubject(textbook, subject) {
-  var values = subject ? _$5.cloneDeep(textbook) : textbook;
-  if (subject) {
-    values.subjectId = subject === null || subject === void 0 ? void 0 : subject.value;
-    values.subject = subject;
-  }
-  for (var key in values) {
-    if (values.hasOwnProperty(key)) {
-      if (key === "categories" || key === "categoryOptions") {
-        values[key] = [];
-      } else if (key === "questionType" || key === "questionTypeId") {
-        values[key] = null;
-      } else if (typeof values[key] === "object" && values[key] !== null) {
-        _resetAllCategoriesAndQuestionTypesBySubject(values[key]);
-      }
-    }
-  }
-  return values;
-};
-var convertResponseToRequest = function convertResponseToRequest(selectedTextbook) {
-  var _selectedTextbook$sub;
-  if (!selectedTextbook) return DEFAULT_TEXTBOOK_REQUEST;
-  return {
-    name: selectedTextbook.name || "",
-    subjectId: ((_selectedTextbook$sub = selectedTextbook.subject) === null || _selectedTextbook$sub === void 0 ? void 0 : _selectedTextbook$sub.id) || 0,
-    subject: selectedTextbook.subject ? {
-      label: selectedTextbook.subject.name,
-      value: selectedTextbook.subject.id
-    } : null,
-    preparedType: selectedTextbook.preparedType || 0,
-    grade: selectedTextbook.grade || "1",
-    publicationDate: (selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.publicationDate) || "",
-    publisher: selectedTextbook.publisher || "",
-    isbn: selectedTextbook.isbn || "",
-    coverImage: selectedTextbook.coverImage || "",
-    textbookOwners: selectedTextbook.textbookOwners,
-    isPublic: selectedTextbook.isPublic || false,
-    isShared: selectedTextbook.isShared || false,
-    isPrepared: true,
-    type: selectedTextbook.type,
-    chapters: selectedTextbook.chapters.map(function (c) {
-      var _c$questionGroups;
-      return {
-        name: c.name,
-        pageFrom: c.pageFrom || 0,
-        pageTo: c.pageTo || 0,
-        id: c.id,
-        questionGroups: ((_c$questionGroups = c.questionGroups) === null || _c$questionGroups === void 0 ? void 0 : _c$questionGroups.map(function (g) {
-          var _g$questions$;
-          return {
-            id: g.id,
-            chapterId: c.id,
-            questions: g.questions.map(function (q) {
-              var _q$questionType;
-              return _extends({}, q, {
-                questionTypeId: q.questionTypeId || q.questionType.id,
-                questionType: (_q$questionType = q.questionType) !== null && _q$questionType !== void 0 && _q$questionType.id ? {
-                  label: q.questionType.name,
-                  value: q.questionType.id
-                } : null
-              });
-            }),
-            articles: g.articles.map(function (a) {
-              return _extends({}, a, {
-                categoryOptions: a.categories.map(function (cat) {
-                  return {
-                    label: cat.name,
-                    value: cat.id
-                  };
-                }),
-                categories: a.categories.filter(function (cat) {
-                  return !!cat.id;
-                }).map(function (cat) {
-                  return cat.id;
-                })
-              });
-            }),
-            questionCount: g.questions.length,
-            answerCount: ((_g$questions$ = g.questions[0]) === null || _g$questions$ === void 0 ? void 0 : _g$questions$.numberOfAnswers) || 5
-          };
-        })) || [],
-        subChapters: c.subChapters.map(function (sub) {
-          var _sub$questionGroups;
-          return {
-            name: sub.name,
-            pageFrom: sub.pageFrom || 0,
-            pageTo: sub.pageTo || 0,
-            id: sub.id,
-            questionGroups: ((_sub$questionGroups = sub.questionGroups) === null || _sub$questionGroups === void 0 ? void 0 : _sub$questionGroups.map(function (g) {
-              var _g$questions$2;
-              return {
-                id: g.id,
-                chapterId: c.id,
-                questions: g.questions.map(function (q) {
-                  var _q$questionType2;
-                  return _extends({}, q, {
-                    questionTypeId: q.questionTypeId || q.questionType.id,
-                    questionType: (_q$questionType2 = q.questionType) !== null && _q$questionType2 !== void 0 && _q$questionType2.id ? {
-                      label: q.questionType.name,
-                      value: q.questionType.id
-                    } : null
-                  });
-                }),
-                articles: g.articles.map(function (a) {
-                  return _extends({}, a, {
-                    categoryOptions: a.categories.map(function (cat) {
-                      return {
-                        label: cat.name,
-                        value: cat.id
-                      };
-                    }),
-                    categories: a.categories.filter(function (cat) {
-                      return !!cat.id;
-                    }).map(function (cat) {
-                      return cat.id;
-                    })
-                  });
-                }),
-                questionCount: g.questions.length,
-                answerCount: ((_g$questions$2 = g.questions[0]) === null || _g$questions$2 === void 0 ? void 0 : _g$questions$2.numberOfAnswers) || 5
-              };
-            })) || [],
-            subChapters: []
-          };
-        })
-      };
-    })
-  };
-};
-
-var _excluded$k = ["isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
+var _excluded$l = ["isCreatedByAdmin", "isSuperAdminUser", "isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "disabled", "ownersDisabled", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
-  var isAdmin = _ref.isAdmin,
+  var isCreatedByAdmin = _ref.isCreatedByAdmin,
+    isSuperAdminUser = _ref.isSuperAdminUser,
+    isSuperAdmin = _ref.isSuperAdmin,
+    isAdmin = _ref.isAdmin,
     textbookId = _ref.textbookId,
     selected = _ref.selected,
     coverImage = _ref.coverImage,
+    disabled = _ref.disabled,
+    ownersDisabled = _ref.ownersDisabled,
     onChangeTab = _ref.onChangeTab,
     onUploadImage = _ref.onUploadImage,
-    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+    formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$l);
   var values = formikProps.values,
     errors = formikProps.errors,
     dirty = formikProps.dirty,
@@ -30436,7 +31292,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     };
   }, [dirty, t$1]);
   var handleChangeTextbookType = function handleChangeTextbookType() {
-    var isMath = values.type === 2 ? 1 : 2;
+    var isMath = values.type === TextbookEditorType.Math ? TextbookEditorType.Korea : TextbookEditorType.Math;
     var newValues = _reduceToMathArticles(values, isMath);
     setValues(newValues);
   };
@@ -30473,7 +31329,9 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t$1("title")
       }, field, {
-        size: "small"
+        size: "small",
+        disabled: disabled,
+        onKeyDown: handleKeyDown
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.name) && React__default.createElement(Typography, {
@@ -30493,7 +31351,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref3.field;
       return React__default.createElement(SubjectSelector, Object.assign({}, field, {
         value: values.subject,
-        isDisabled: !!textbookId,
+        isDisabled: !!textbookId || disabled,
         onChange: handleChangeSubject
       }));
     }
@@ -30504,30 +31362,43 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     color: !(errors !== null && errors !== void 0 && errors.subjectId) ? "#97A1AF" : "#F34B4B"
   }, errors === null || errors === void 0 ? void 0 : errors.subjectId)), React__default.createElement(Stack, {
     flexDirection: "column",
-    justifyContent: "center",
     gap: 1
   }, React__default.createElement("label", {
+    htmlFor: "hidden",
+    style: {
+      visibility: "hidden"
+    }
+  }, "hidden"), React__default.createElement(Stack, {
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    gap: 1
+  }, React__default.createElement(FormLabel, {
     htmlFor: "type",
     className: "text-center"
-  }, t$1(values.type !== 2 ? "korea" : "math")), React__default.createElement(Field, {
+  }, t$1("korea")), React__default.createElement(Field, {
     name: "type",
     render: function render(_ref4) {
       var field = _ref4.field;
       return React__default.createElement(Switch, Object.assign({}, field, {
         color: "success",
-        disabled: !!textbookId,
-        checked: values.type === 2,
+        disabled: !!textbookId || disabled,
+        checked: values.type === TextbookEditorType.Math,
         onChange: handleChangeTextbookType
       }));
     }
-  }))), React__default.createElement(Box, null, React__default.createElement(Button, {
+  }), React__default.createElement(FormLabel, {
+    htmlFor: "type",
+    className: "text-center"
+  }, t$1("math"))))), React__default.createElement(Box, null, React__default.createElement(Button, {
     type: "submit",
     sx: {
       width: "fit-content"
     },
     variant: "contained",
+    disabled: disabled,
     onClick: function onClick() {
-      if (!_$5.isEmpty(errors)) {
+      if (!_$6.isEmpty(errors)) {
         toast.error(t$1("please_fill_in_the_blank_fields"));
       }
     },
@@ -30568,7 +31439,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
+  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isSuperAdmin || textbookId) && (!textbookId && !isAdmin || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
     label: t$1("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -30580,14 +31451,20 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     coverImage: coverImage,
     handleUploadImage: onUploadImage,
     textbookId: textbookId,
-    isAdmin: isAdmin
+    disabled: disabled,
+    isCreatedByAdmin: isCreatedByAdmin,
+    isSuperAdminUser: isSuperAdminUser
   }))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 1
-  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps))), React__default.createElement(CustomTextbookTab, {
+  }, React__default.createElement(TextbookContentsTab, Object.assign({}, formikProps, {
+    disabled: disabled
+  }))), React__default.createElement(CustomTextbookTab, {
     value: selected,
     index: 2
-  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps))))));
+  }, React__default.createElement(TextbookOwnersTab, Object.assign({}, formikProps, {
+    disabled: ownersDisabled
+  }))))));
 };
 var a11yProps = function a11yProps(index) {
   return {
@@ -30597,7 +31474,8 @@ var a11yProps = function a11yProps(index) {
 };
 
 var PreparedTextbookView = function PreparedTextbookView(_ref) {
-  var notFoundView = _ref.notFoundView,
+  var role = _ref.role,
+    notFoundView = _ref.notFoundView,
     onBackToList = _ref.onBackToList,
     textbookId = _ref.textbookId;
   var _useState = useState(0),
@@ -30608,9 +31486,15 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   };
   var _useTextbookManagemen = useTextbookManagement({
       onNavigateList: onBackToList,
-      textbookId: textbookId
+      textbookId: textbookId,
+      role: role
     }),
     t = _useTextbookManagemen.t,
+    disabledTextbookOwners = _useTextbookManagemen.disabledTextbookOwners,
+    isReadonly = _useTextbookManagemen.isReadonly,
+    isEditable = _useTextbookManagemen.isEditable,
+    isSuperAdmin = _useTextbookManagemen.isSuperAdmin,
+    isSuperAdminUser = _useTextbookManagemen.isSuperAdminUser,
     isAdmin = _useTextbookManagemen.isAdmin,
     coverImage = _useTextbookManagemen.coverImage,
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
@@ -30619,6 +31503,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   var textbookRequest = useMemo(function () {
     return convertResponseToRequest(selectedTextbook);
   }, [JSON.stringify(selectedTextbook)]);
+  var isCreatedByAdmin = selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.isCreatedByAdmin;
   if (textbookId && selectedTextbook && !selectedTextbook.isPrepared) return notFoundView;
   return React__default.createElement(Box, null, React__default.createElement(Formik, {
     initialValues: textbookRequest,
@@ -30629,12 +31514,17 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
     onSubmit: handleSubmit
   }, function (props) {
     return React__default.createElement(PreparedTextbookForm, Object.assign({
+      isCreatedByAdmin: isCreatedByAdmin,
+      isSuperAdminUser: isSuperAdminUser,
       isAdmin: isAdmin,
+      isSuperAdmin: isSuperAdmin,
       selected: selected,
       textbookId: textbookId,
       onChangeTab: handleChangeTab,
       onUploadImage: handleUploadImage,
-      coverImage: coverImage
+      coverImage: coverImage,
+      disabled: isReadonly || !isEditable,
+      ownersDisabled: isReadonly || disabledTextbookOwners
     }, props));
   }));
 };
@@ -31275,7 +32165,7 @@ var usePreparedExam = function usePreparedExam(_ref) {
       return Promise.reject(e);
     }
   };
-  var debounceSearch = _$5.debounce(function () {
+  var debounceSearch = _$6.debounce(function () {
     setTextbookFilter(_extends({}, textbookFilter, {
       currentPage: 1
     }));
@@ -31601,20 +32491,41 @@ var useTextbookDrawer = function useTextbookDrawer(_ref) {
     var arrOptions = [];
     var obj = {};
     textbook === null || textbook === void 0 ? void 0 : textbook.chapters.map(function (chapter) {
+      var _chapter$subChapters, _chapter$questionGrou;
       arrOptions.push({
         label: t("page_number", {
           number: chapter.pageFrom
         }),
         value: chapter.pageFrom
       });
-      if (chapter.subChapters) {
+      if ((_chapter$subChapters = chapter.subChapters) !== null && _chapter$subChapters !== void 0 && _chapter$subChapters.length) {
         chapter.subChapters.map(function (subChapter) {
+          var _subChapter$questionG;
           arrOptions.push({
             label: t("page_number", {
               number: subChapter.pageFrom
             }),
             value: subChapter.pageFrom
           });
+          if ((_subChapter$questionG = subChapter.questionGroups) !== null && _subChapter$questionG !== void 0 && _subChapter$questionG.length) {
+            subChapter.questionGroups.map(function (questionGroup) {
+              questionGroup.pageFrom && arrOptions.push({
+                label: t("page_number", {
+                  number: questionGroup.pageFrom
+                }),
+                value: questionGroup.pageFrom
+              });
+            });
+          }
+        });
+      } else if ((_chapter$questionGrou = chapter.questionGroups) !== null && _chapter$questionGrou !== void 0 && _chapter$questionGrou.length) {
+        chapter.questionGroups.map(function (questionGroup) {
+          questionGroup.pageFrom && arrOptions.push({
+            label: t("page_number", {
+              number: questionGroup.pageFrom
+            }),
+            value: questionGroup.pageFrom
+          });
         });
       }
     });
@@ -31867,7 +32778,7 @@ var ChapterProblemSolvingResultsDialog = function ChapterProblemSolvingResultsDi
   }, t("cancel"))))));
 };
 
-var _excluded$l = ["onChange"];
+var _excluded$m = ["onChange"];
 var StartPageDialog = function StartPageDialog(_ref) {
   var t = _ref.t,
     onClose = _ref.onClose,
@@ -31928,7 +32839,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$l);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$m);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -32297,7 +33208,7 @@ var TextbookDrawer = function TextbookDrawer(_ref) {
   }), React__default.createElement(Stack, {
     sx: {
       position: "absolute",
-      left: textbook !== null && textbook !== void 0 && textbook.progress && (textbook === null || textbook === void 0 ? void 0 : textbook.progress) > 7 ? (textbook === null || textbook === void 0 ? void 0 : textbook.progress) - 8 + "%" : ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0) + 3 + "%",
+      left: "max(" + (textbook !== null && textbook !== void 0 && textbook.progress && (textbook === null || textbook === void 0 ? void 0 : textbook.progress) > 7 ? (textbook === null || textbook === void 0 ? void 0 : textbook.progress) - 8 + "%" : ((textbook === null || textbook === void 0 ? void 0 : textbook.progress) || 0) + 3 + "%") + ", 16px)",
       height: "100%",
       justifyContent: "center"
     }
@@ -32984,7 +33895,7 @@ var PreparedItem = function PreparedItem(_ref) {
     });
     return React__default.createElement(Form, {
       style: {
-        height: !_$5.isEmpty(values) && !textbookList.length ? "100%" : "unset"
+        height: !_$6.isEmpty(values) && !textbookList.length ? "100%" : "unset"
       }
     }, React__default.createElement(Stack, null, React__default.createElement(Accordion, {
       sx: {
@@ -33390,7 +34301,7 @@ var PreparedItem = function PreparedItem(_ref) {
       open: openConfirmDialog,
       onClose: handleCloseConfirmDialog,
       onSubmit: handleResetFilter
-    }), !_$5.isEmpty(values) && !textbookList.length && React__default.createElement(Stack, {
+    }), !_$6.isEmpty(values) && !textbookList.length && React__default.createElement(Stack, {
       height: 1,
       justifyContent: "center",
       alignItems: "center"
@@ -33454,7 +34365,7 @@ var PreparedItem = function PreparedItem(_ref) {
   }))));
 };
 
-var MenuItemCustom = styled(MenuItem$1)(function () {
+var MenuItemCustom = styled(MenuItem)(function () {
   return {
     '&.Mui-selected': {
       backgroundColor: styles.light
@@ -33829,7 +34740,7 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
       }
     }
   }, LANGUAGES.map(function (option) {
-    return React__default.createElement(MenuItem$1, {
+    return React__default.createElement(MenuItem, {
       key: option.code,
       selected: option.code === (currentLanguage === null || currentLanguage === void 0 ? void 0 : currentLanguage.code),
       onClick: function onClick() {
@@ -34493,5 +35404,5 @@ var LayoutContext = function LayoutContext(_ref) {
   });else return React__default.createElement(Fragment$1, null, children);
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonDialog, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DefaultErrorMessage, ELEMENTARY_GRADES, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEvent, ExamNoteDialog, ExamResultV2, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, HIGH_GRADES, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MIDDLE_GRADES, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, 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, SCHOOL_OPTIONS, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnswerCountSelector, ArticleCategorySelector, ArticleDialog, ArticleGroupView, BASE_URL, BRIEF_GRADE_OPTIONS, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, 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, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, NewNoteButton, NoAcademyHeaders, NotFound, 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, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookViewDetail as TextbookDetail, TextbookDrawer, TextbookEditorType, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, checkSuperUrl, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, i18n, isLocalHost, minutesToTimeSpan, pushTo, reset, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setReadyRegisterPusher, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map