touchstudy-core 0.1.140 → 0.1.142

package/dist/index.js

@@ -25,8 +25,9 @@ var _$5 = _interopDefault(require('lodash'));
 var reactGoogleLogin = require('@leecheuk/react-google-login');
 require('moment/locale/ko.js');
 require('moment/locale/en-au.js');
-var formik = require('formik');
 var reactVirtualized = require('react-virtualized');
+var formik = require('formik');
+var styles$c = require('@mui/material/styles');
 var tinymce = _interopDefault(require('tinymce'));
 require('@wiris/mathtype-tinymce6');
 var tinymceReact = require('@tinymce/tinymce-react');
@@ -66,7 +67,6 @@ var reactHookForm = require('react-hook-form');
 var yup$1 = require('@hookform/resolvers/yup');
 var pi = require('react-icons/pi');
 var Container = _interopDefault(require('@mui/material/Container'));
-var styles$c = require('@mui/material/styles');
 var Slider = _interopDefault(require('react-slick'));
 var gr = require('react-icons/gr');
 var Popover = _interopDefault(require('@mui/material/Popover'));
@@ -821,7 +821,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 = "부모 전화번호를 입력하세요";
@@ -1243,7 +1243,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 = "검색 결과가 없어요.";
@@ -1423,18 +1423,44 @@ 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 lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2507,7 +2533,33 @@ 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
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3011,7 +3063,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";
@@ -3603,6 +3655,32 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4677,7 +4755,33 @@ 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
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -4704,63 +4808,6 @@ var PrintState;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState || (PrintState = {}));
 
-(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";
-})(exports.PreparedType || (exports.PreparedType = {}));
-
-(function (ExamEvent) {
-  ExamEvent["StartExam"] = "start-exam";
-  ExamEvent["TerminateExam"] = "terminate-exam";
-  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
-  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
-})(exports.ExamEvent || (exports.ExamEvent = {}));
-
-(function (ExamStatus) {
-  ExamStatus[ExamStatus["Default"] = 0] = "Default";
-  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
-  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
-  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
-})(exports.ExamStatus || (exports.ExamStatus = {}));
-(function (QuestionAnswerType) {
-  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
-  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
-  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
-})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
-
-(function (OrderType) {
-  OrderType["ASC"] = "ASC";
-  OrderType["DESC"] = "DESC";
-})(exports.OrderType || (exports.OrderType = {}));
-
-(function (RecentUserAction) {
-  RecentUserAction["ViewedUser"] = "ViewedUser";
-  RecentUserAction["ViewedQNA"] = "ViewedQNA";
-  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
-  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
-  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
-})(exports.RecentUserAction || (exports.RecentUserAction = {}));
-
-(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";
-})(exports.UserSortColumn || (exports.UserSortColumn = {}));
-
-(function (SchoolType) {
-  SchoolType[SchoolType["Default"] = 0] = "Default";
-  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
-  SchoolType[SchoolType["Middle"] = 2] = "Middle";
-  SchoolType[SchoolType["High"] = 3] = "High";
-})(exports.SchoolType || (exports.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 || "";
@@ -4829,17 +4876,7 @@ var DEFAULT_PAGING_RESPONSE = {
   totalItems: 0,
   totalPages: 0
 };
-var SCHOOL_OPTIONS = [{
-  label: "elementary_school",
-  value: exports.SchoolType.Elementary
-}, {
-  label: "middle_school",
-  value: exports.SchoolType.Middle
-}, {
-  label: "high_school",
-  value: exports.SchoolType.High
-}];
-var ELEMENTARY_GRADES = [{
+var GRADE_OPTIONS = [{
   label: "elementary_school_1st_grade",
   value: 1
 }, {
@@ -4857,26 +4894,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) {
@@ -5817,7 +5895,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,
@@ -5826,6 +5904,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -5850,7 +5929,7 @@ var CustomSelect = function CustomSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -6022,6 +6101,63 @@ function _finally(body, finalizer) {
 	return finalizer();
 }
 
+(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";
+})(exports.PreparedType || (exports.PreparedType = {}));
+
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherKickOutStudent"] = "teacher-kick-out-student";
+})(exports.ExamEvent || (exports.ExamEvent = {}));
+
+(function (ExamStatus) {
+  ExamStatus[ExamStatus["Default"] = 0] = "Default";
+  ExamStatus[ExamStatus["Pending"] = 1] = "Pending";
+  ExamStatus[ExamStatus["InProgress"] = 2] = "InProgress";
+  ExamStatus[ExamStatus["Completed"] = 3] = "Completed";
+})(exports.ExamStatus || (exports.ExamStatus = {}));
+(function (QuestionAnswerType) {
+  QuestionAnswerType[QuestionAnswerType["SingleChoice"] = 0] = "SingleChoice";
+  QuestionAnswerType[QuestionAnswerType["MultipleChoice"] = 1] = "MultipleChoice";
+  QuestionAnswerType[QuestionAnswerType["ShortAnswer"] = 2] = "ShortAnswer";
+})(exports.QuestionAnswerType || (exports.QuestionAnswerType = {}));
+
+(function (OrderType) {
+  OrderType["ASC"] = "ASC";
+  OrderType["DESC"] = "DESC";
+})(exports.OrderType || (exports.OrderType = {}));
+
+(function (RecentUserAction) {
+  RecentUserAction["ViewedUser"] = "ViewedUser";
+  RecentUserAction["ViewedQNA"] = "ViewedQNA";
+  RecentUserAction["ViewedExamResult"] = "ViewedExamResult";
+  RecentUserAction["PrintedExamResult"] = "PrintedExamResult";
+  RecentUserAction["ViewedAttendance"] = "ViewedAttendance";
+})(exports.RecentUserAction || (exports.RecentUserAction = {}));
+
+(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";
+})(exports.UserSortColumn || (exports.UserSortColumn = {}));
+
+(function (SchoolType) {
+  SchoolType[SchoolType["Default"] = 0] = "Default";
+  SchoolType[SchoolType["Elementary"] = 1] = "Elementary";
+  SchoolType[SchoolType["Middle"] = 2] = "Middle";
+  SchoolType[SchoolType["High"] = 3] = "High";
+})(exports.SchoolType || (exports.SchoolType = {}));
+
 var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
@@ -9483,7 +9619,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 reactVirtualized.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: styles$c.alpha(grey[500], 0.08),
+  selected: styles$c.alpha(grey[500], 0.16),
+  disabled: styles$c.alpha(grey[500], 0.8),
+  disabledBackground: styles$c.alpha(grey[500], 0.24),
+  focus: styles$c.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: styles$c.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(reactVirtualized.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(material.Box, {
+      p: 1,
+      className: "d-flex justify-content-center align-items-center w-100"
+    }, React__default.createElement(material.CircularProgress, {
+      size: 24,
+      sx: {
+        color: grey[700]
+      }
+    })), !isLoading && renderItem(rowData, index, measure));
+  });
+};
+
+var VirtualEmptyItem = function VirtualEmptyItem(_ref) {
   var emptyElement = _ref.emptyElement;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -9496,70 +9823,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(material.Box, Object.assign({}, containerProps), React__default.createElement(reactVirtualized.AutoSizer, {
     disableHeight: !!listHeight
   }, function (_ref) {
     var width = _ref.width,
       height = _ref.height;
-    return React__default.createElement(material.Box, {
+    return React__default.createElement(reactVirtualized.List, {
       width: width,
-      height: height,
-      overflow: "auto"
-    }, loading && React__default.createElement(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
+      height: listHeight || height,
+      rowCount: rowCount,
+      rowHeight: cellMeasurerCache.rowHeight,
+      rowRenderer: rowRenderer,
+      deferredMeasurementCache: cellMeasurerCache,
+      overscanRowCount: overscanRowCount,
+      noRowsRenderer: noRowsRenderer,
+      onScroll: onScroll
+    });
+  }));
+};
+
+var cellMeasurerCache$1 = new reactVirtualized.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(reactVirtualized.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(material.Box, {
       p: 1,
       className: "d-flex justify-content-center align-items-center w-100"
     }, React__default.createElement(material.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 = React.memo(VirtualTableRowItem);
 
+var VirtualTableEmpty = function VirtualTableEmpty(_ref) {
+  var emptyElement = _ref.emptyElement;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (emptyElement) return emptyElement;
+  return React__default.createElement(material.Box, null, React__default.createElement(material.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 = React.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 = React.useRef(null);
-  var renderTableRow = function renderTableRow(_, index) {
-    return React__default.createElement(material.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(material.Box, Object.assign({
     ref: containerRef
-  }, containerProps), loading && React__default.createElement(React.Fragment, null, loadingElement != null ? loadingElement : React__default.createElement(material.Box, {
-    p: 1,
-    className: "d-flex justify-content-center align-items-center w-100"
-  }, React__default.createElement(material.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(reactVirtualized.AutoSizer, {
+    disableWidth: !!listWidth,
+    disableHeight: !!listHeight
+  }, function (_ref) {
+    var width = _ref.width,
+      height = _ref.height;
+    return React__default.createElement(reactVirtualized.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));
   }));
 };
 
@@ -9571,6 +10023,7 @@ var MathTinyEditor = function MathTinyEditor(_ref) {
     onChange = _ref.onChange,
     initValue = _ref.initValue,
     config = _ref.config;
+  var isFirstChange = React.useRef(true);
   React.useEffect(function () {
     if (window.tinymce) {
       window.tinymce = tinymce;
@@ -9580,17 +10033,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(tinymceReact.Editor, {
@@ -11114,10 +11573,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,
@@ -12091,11 +12550,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,
@@ -13387,7 +13846,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$7 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13438,7 +13897,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);
@@ -14188,12 +14647,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,
@@ -19563,9 +20022,7 @@ 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) || [];
@@ -19631,7 +20088,8 @@ var NoteItem = function NoteItem(_ref) {
     _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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var handleMoreClick = function handleMoreClick(e) {
@@ -19639,6 +20097,9 @@ var NoteItem = function NoteItem(_ref) {
     e.stopPropagation();
     onOpen(data);
   };
+  React.useEffect(function () {
+    onLoad === null || onLoad === void 0 ? void 0 : onLoad();
+  }, []);
   return React__default.createElement(material.Box, Object.assign({}, NoteItemStyles.root), React__default.createElement(material.Stack, {
     direction: "row",
     gap: 1,
@@ -19686,7 +20147,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(material.Box, {
       key: item.id,
@@ -19697,7 +20158,8 @@ var NotesContainer = function NotesContainer(_ref) {
       openTooltip: isSelected,
       actions: itemActions,
       onOpen: onOpenTooltip,
-      onClose: onCloseTooltip
+      onClose: onCloseTooltip,
+      onLoad: measure
     }));
   };
   return React__default.createElement(VirtualListView, {
@@ -21535,14 +21997,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(material.FormLabel, Object.assign({
     className: "fw-medium mb-1 " + className
   }, rest), text, isRequired && React__default.createElement("span", {
@@ -21596,7 +22058,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"],
@@ -21626,7 +22088,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);
@@ -21671,24 +22133,11 @@ var UserDialog = function UserDialog(_ref) {
     setDefaultPassCodeChanged = _useState8[1];
   var theme = material.useTheme();
   var gradeOptions = React.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 _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 [].concat(GRADE_OPTIONS.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]);
@@ -25617,12 +26066,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var theme = material.useTheme();
@@ -25870,9 +26319,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),
@@ -25887,14 +26338,21 @@ var useTextbookList = function useTextbookList(props) {
     calcOrderNumber = _useList.calcOrderNumber,
     handleChangeSelectedItem = _useList.handleChangeSelectedItem,
     getData = _useList.getData;
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacherSite = role === exports.Role.Teacher;
+  var isAdmin = !!user && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin));
+  var isTeacher = !!user && ((_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(exports.Role.Teacher)) && !isAdmin;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var dispatch = reactRedux.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();
@@ -25930,6 +26388,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,
@@ -26168,8 +26629,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(exports.Role.Admin));
   var isAdminSite = role === exports.Role.Admin;
-  var onAcademy = !!infoUser.academyDomain;
-  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
   React.useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -26260,12 +26719,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() {
@@ -26342,19 +26795,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 = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return (state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user) || {};
+  });
+  var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(exports.Role.Admin));
+  var isTeacherSite = role === exports.Role.Teacher;
+  var isTeacher = !!infoUser && ((_infoUser$roles2 = infoUser.roles) === null || _infoUser$roles2 === void 0 ? void 0 : _infoUser$roles2.includes(exports.Role.Teacher)) && !isAdmin;
+  var isAdminSite = role === exports.Role.Admin;
+  var onAcademy = !!infoUser.academyDomain;
+  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
+  var academy = reactRedux.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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+    var _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(material.TableRow, {
+    key: data.id
+  }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, data.name), React__default.createElement(material.TableCell, null, data.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, data.totalChapters), isTeacher && isTeacherSite && React__default.createElement(material.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(fa.FaCheckCircle, {
+    color: green[700]
+  })), React__default.createElement(material.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(material.TableCell, null, React__default.createElement(material.Stack, {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, React__default.createElement(material.IconButton, {
+    color: "default",
+    className: (!isEditable ? "bg-secondary" : "bg-warning") + " text-white",
+    onClick: handleUpdateTextbook,
+    disabled: !isEditable
+  }, React__default.createElement(fa6.FaPencil, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    color: "default",
+    className: "bg-primary text-white",
+    onClick: handleViewTextbook
+  }, React__default.createElement(fa.FaEye, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-info") + " text-white me-1",
+    onClick: handleShareTextbook
+  }, React__default.createElement(fa.FaShare, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-success") + " text-white me-1",
+    onClick: handleUpdateShareTextbook
+  }, React__default.createElement(fa.FaExchangeAlt, {
+    size: 12
+  })), React__default.createElement(material.IconButton, {
+    color: "default",
+    className: (!isDeleteAble ? "bg-secondary" : "bg-danger") + " text-white mr-1",
+    onClick: handleDeleteTextbook,
+    disabled: !isDeleteAble
+  }, React__default.createElement(fa.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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
+    isTeacherSite = _useTextbookList.isTeacherSite,
+    isTeacher = _useTextbookList.isTeacher,
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
     paging = _useTextbookList.paging,
@@ -26396,9 +26947,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 = React.useMemo(function () {
+    var headers = _$5.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(material.Grid, {
@@ -26433,63 +26989,26 @@ var TextbookList = function TextbookList(props) {
     xs: 12,
     className: "mt-3"
   }, React__default.createElement(material.Table, null, React__default.createElement(TableHeader, {
-    headerTemplates: TEXTBOOK_HEADERS,
+    headerTemplates: textbookHeaders,
     filter: filter,
     onSort: handleSort
-  }), React__default.createElement(material.TableBody, null, textbooks.map(function (i, index) {
-    return React__default.createElement(material.TableRow, {
-      key: i.id
-    }, React__default.createElement(material.TableCell, null, calcOrderNumber(index)), React__default.createElement(material.TableCell, null, i.name), React__default.createElement(material.TableCell, null, i.subject.name), React__default.createElement(material.TableCell, null, utcToLocalTime(i.createdAt, t("date_format"))), React__default.createElement(material.TableCell, null, i.totalChapters), React__default.createElement(material.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(material.TableCell, null, React__default.createElement(material.Stack, {
-      direction: "row",
-      spacing: 1,
-      alignItems: "center"
-    }, React__default.createElement(material.IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-warning") + " text-white",
-      onClick: function onClick() {
-        return handleUpdateTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(fa6.FaPencil, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      color: "default",
-      className: "bg-primary text-white",
-      onClick: function onClick() {
-        return handleViewTextbook(i);
-      }
-    }, React__default.createElement(fa.FaEye, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-info") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenShareDialog(i);
-      }
-    }, React__default.createElement(fa.FaShare, {
-      size: 12
-    })), React__default.createElement(material.IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-success") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenUpdateShareDialog(i);
-      }
-    }, React__default.createElement(fa.FaExchangeAlt, {
-      size: 12
-    })), React__default.createElement(material.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(fa.FaTrash, {
-      size: 12
-    })))));
+  }), React__default.createElement(material.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(material.Pagination, {
@@ -26687,12 +27206,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
@@ -27084,11 +27603,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
@@ -27142,7 +27661,8 @@ var NotificationList = function NotificationList(_ref) {
     startIcon: React__default.createElement(fa.FaPlus, {
       size: 12
     }),
-    onClick: handleCreateNotification
+    onClick: handleCreateNotification,
+    disabled: !isAdmin && isTeacherAdmin
   }, t("new_notification"))), React__default.createElement(material.Grid, {
     container: true
   }, React__default.createElement(material.Grid, {
@@ -27247,7 +27767,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";
@@ -27269,10 +27788,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
     }
   });
 };
@@ -27281,8 +27801,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -27299,13 +27820,28 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var _useState4 = React.useState(false),
     selectedChapter = _useState4[0],
     setSelectedChapter = _useState4[1];
+  var searchParams = new URLSearchParams(location.search);
+  var isReadonly = searchParams.get('readonly') === "true";
   var dispatch = reactRedux.useDispatch();
   var user = reactRedux.useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
-  var isAdmin = user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Admin);
+  var academy = reactRedux.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(exports.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(exports.Role.Teacher)) && !isAdmin;
   var isSuperAdmin = !!user && !user.academyDomain;
+  var isAdminSite = role === exports.Role.Admin;
+  var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+  var isSuperAdminUser = !!user && user.isSuperAdmin;
+  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+    var _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);
   };
@@ -27360,6 +27896,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)) {
         reactToastify.toast.error(t("please_select_image_file"));
         return Promise.resolve();
@@ -27411,11 +27948,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,
@@ -27446,6 +27988,12 @@ var HighSchoolGrade;
   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 TextbookSortBy$1;
 (function (TextbookSortBy) {
@@ -27475,7 +28023,7 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS$1 = [{
+var SCHOOL_OPTIONS = [{
   label: "all",
   value: SchoolType.Default
 }, {
@@ -27512,7 +28060,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES$1 = Array.from({
+var MIDDLE_GRADES = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27520,7 +28068,7 @@ var MIDDLE_GRADES$1 = Array.from({
     value: index
   };
 });
-var HIGH_GRADES$1 = [{
+var HIGH_GRADES = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27583,8 +28131,13 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     publicationDate: yup.string().required(t("publication_date_required")),
     publisher: yup.string().required(t("publisher_required")),
     isbn: yup.string().required(t("isbn_required")),
-    grade: yup.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: yup.number().required(t("grade_required")).notOneOf([0], t("subject_required")),
     type: yup.number(),
+    textbookOwners: yup.array().of(yup.object().shape({
+      email: yup.string().trim().email(t("invalid_textbook_owner_email_address")).required(t("textbook_owner_email_is_required")),
+      academyId: yup.number().required(t("textbook_owner_academy_is_required")),
+      courseId: yup.number().required(t("textbook_owner_course_is_required"))
+    })),
     chapters: yup.array().of(yup.object().shape({
       pageFrom: yup.number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
       pageTo: yup.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) {
@@ -27657,7 +28210,7 @@ var DEFAULT_TEXTBOOK_REQUEST = {
   grade: "",
   textbookOwners: [],
   isPrepared: true,
-  type: 0
+  type: TextbookEditorType.Korea
 };
 var DEFAULT_CHAPTER = {
   name: "",
@@ -27707,136 +28260,169 @@ 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 dark_red = {
-  900: '#800202'
+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 common = {
-  black: '#000000',
-  white: '#FFFFFF'
+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 action$2 = {
-  hover: styles$c.alpha(grey[500], 0.08),
-  selected: styles$c.alpha(grey[500], 0.16),
-  disabled: styles$c.alpha(grey[500], 0.8),
-  disabledBackground: styles$c.alpha(grey[500], 0.24),
-  focus: styles$c.alpha(grey[500], 0.24),
-  hoverOpacity: 0.08,
-  disabledOpacity: 0.48
+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,
+            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 !== exports.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,
+                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 !== exports.QuestionAnswerType.ShortAnswer;
+                })) === null || _g$questions2$find === void 0 ? void 0 : _g$questions2$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+              };
+            })) || [],
+            subChapters: []
+          };
+        })
+      };
+    })
+  };
 };
-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: styles$c.alpha(grey[500], 0.2),
-  action: action$2
+var handleKeyDown = function handleKeyDown(e) {
+  if (e.key === 'Enter') {
+    e.preventDefault();
+  }
 };
 
 var ArticleBlock = function ArticleBlock(_ref) {
@@ -27846,6 +28432,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
     path = _ref.path,
     isLoadingCategories = _ref.isLoadingCategories,
     optionKey = _ref.optionKey,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue,
     onDuplicate = _ref.onDuplicate,
     onDelete = _ref.onDelete,
@@ -27947,6 +28534,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -27984,7 +28572,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: !data.categories[0],
+        isDisabled: disabled || !data.categories[0],
         placeholder: t("select_category")
       });
     }
@@ -28005,7 +28593,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28025,7 +28615,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("author")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(material.Grid, {
@@ -28045,7 +28637,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("subject")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   })))), React__default.createElement(material.Stack, {
@@ -28058,6 +28652,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("copy_items")), React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleDuplicateArticle,
     sx: {
       whiteSpace: "nowrap"
@@ -28073,7 +28668,7 @@ 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;
+  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;
 };
 var ArticleBlock$1 = React.memo(ArticleBlock, isEqual);
 
@@ -28086,7 +28681,7 @@ var labelStyle = {
   whiteSpace: "nowrap"
 };
 
-var _excluded$e = ["onChange"];
+var _excluded$f = ["onChange"];
 var BpIcon$1 = material.styled("span")(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -28119,7 +28714,7 @@ var BpCheckedIcon$1 = material.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,
@@ -28164,7 +28759,8 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             var field = _ref3.field;
             return React__default.createElement(material.TextField, Object.assign({}, field, {
               size: "small",
-              placeholder: t("textual_answer")
+              placeholder: t("textual_answer"),
+              onKeyDown: handleKeyDown
             }));
           }
         }));
@@ -28183,7 +28779,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(material.Checkbox, {
               checked: data.correctAnswers.includes(i),
               onChange: function onChange(e) {
@@ -28219,7 +28815,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(material.Radio, {
               size: "small",
               checked: +i === data.correctAnswers[0],
@@ -28255,7 +28851,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
     };
   });
   var theme = material.useTheme();
-  var isTabletUp = material.useMediaQuery(theme.breakpoints.up('lg'));
+  var isTabletUp = material.useMediaQuery(theme.breakpoints.up("lg"));
   return React__default.createElement(material.Stack, {
     direction: "row",
     alignItems: "center",
@@ -28269,8 +28865,10 @@ var QuestionBlock = function QuestionBlock(_ref2) {
   }, React__default.createElement(material.Box, null, React__default.createElement(material.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(material.Box, {
     flexGrow: 1
   }, renderAnswer())), React__default.createElement(material.Stack, {
@@ -28290,7 +28888,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);
         }
@@ -28309,9 +28907,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,
@@ -28336,7 +28934,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
       }));
@@ -28352,11 +28950,11 @@ 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 = React.memo(QuestionBlock, isEqual$1);
 
-var _excluded$f = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$g = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _ = _$5;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate;
@@ -28369,14 +28967,16 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     optionKey = _ref.optionKey,
     categories = _ref.categories,
     questionTypes = _ref.questionTypes,
+    disabled = _ref.disabled,
     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 theme = material.useTheme();
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _.get(errors, path);
@@ -28397,7 +28997,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
         gap: 2
       }, !isMath && React__default.createElement(material.Stack, {
         sx: {
-          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light),
+          border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? theme.palette.secondary.main : theme.palette.secondary.light),
           borderRadius: 2
         },
         gap: 1,
@@ -28411,6 +29011,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             expandedIndex: index,
             data: article,
             path: path + ".articles[" + index + "]",
+            disabled: disabled,
             onDuplicate: handleDuplicateArticle,
             onDelete: onDelete,
             optionKey: optionKey,
@@ -28426,6 +29027,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(io.IoIosAdd, null),
         onClick: function onClick() {
           arrayHelpers.push(DEFAULT_ARTICLE);
@@ -28445,6 +29047,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             questionTypes: questionTypes,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             optionKey: optionKey,
+            disabled: disabled,
             onOpenQuestionTypeMenu: handleOpenQuestionTypeMenu,
             onCloseQuestionTypeMenu: onCloseQuestionTypeMenu
           }, formikProps));
@@ -28474,11 +29077,11 @@ 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 = React.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 _excluded$h = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$1 = _$5;
 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;
@@ -28493,7 +29096,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,
@@ -28503,13 +29106,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 = reactI18next.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() {
@@ -28591,7 +29194,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? colors.yellow[500] : colors.yellow[300])
     }
   }, React__default.createElement(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -28620,6 +29223,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(fa6.FaTrashCan, {
     size: 12
   })), React__default.createElement(material.Typography, {
+    fontSize: "18px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title, !open && ":")), React__default.createElement(material.Box, {
@@ -28651,7 +29255,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(material.Grid, {
@@ -28689,6 +29294,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -28729,7 +29335,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$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]),
         placeholder: t("select_category")
       });
     }
@@ -28748,7 +29354,8 @@ 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(material.Box, {
@@ -28761,6 +29368,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(material.Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleCopyCategories,
     sx: {
       whiteSpace: "nowrap"
@@ -28786,6 +29394,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingCategories: isLoadingCategories,
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28795,7 +29404,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,
@@ -28807,6 +29416,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,
@@ -28814,7 +29424,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var setFieldValue = formikProps.setFieldValue;
@@ -28918,6 +29528,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggle,
             onDelete: onDelete,
             onOpenCategoryMenu: onOpenCategoryMenu,
@@ -28932,6 +29543,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(io.IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           {
             var length = subChapters.length;
@@ -28962,6 +29574,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             optionKey: optionKey,
             isLoadingCategories: isLoadingCategories,
             categories: categories,
+            disabled: disabled,
             onOpenCategoryMenu: onOpenCategoryMenu,
             onOpenSubCategoryMenu: onOpenSubCategoryMenu,
             onCloseCategoryMenu: onCloseCategoryMenu,
@@ -28977,6 +29590,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(io.IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           var length = questionGroups.length;
           var addedGroup = handleGetNewQuestionGroup();
@@ -28988,7 +29602,7 @@ 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 _excluded$j = ["data", "expandedIndex", "open", "path", "paths", "isMath", "isLoadingCategories", "isLoadingQuestionTypes", "categories", "questionTypes", "optionKey", "disabled", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
 var _$2 = _$5;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -29002,6 +29616,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,
@@ -29010,12 +29625,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var theme = material.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() {
@@ -29035,7 +29651,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     expanded: open,
     onChange: handleToggle,
     sx: {
-      border: "1px solid " + (blockErrors ? open ? error.main : error.light : open ? main_theme.less_dark : main_theme.light)
+      border: "1px 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(material.AccordionSummary, {
     expandIcon: React__default.createElement(md.MdExpandMore, {
@@ -29058,10 +29674,12 @@ var ChapterBlock = function ChapterBlock(_ref) {
     color: "default",
     size: "small",
     className: "bg-danger text-white",
+    disabled: disabled,
     onClick: handleClickDeleteChapter
   }, React__default.createElement(fa6.FaTrashCan, {
     size: 12
   })), React__default.createElement(material.Typography, {
+    fontSize: (paths === null || paths === void 0 ? void 0 : paths.length) > 1 ? "24px" : "36px",
     fontWeight: 700,
     whiteSpace: "nowrap"
   }, title)), React__default.createElement(material.Box, {
@@ -29083,7 +29701,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: t("name")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageNameError && React__default.createElement(material.Typography, {
@@ -29104,7 +29724,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(material.Typography, {
@@ -29125,7 +29747,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(material.Typography, {
@@ -29144,6 +29768,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     isLoadingCategories: isLoadingCategories,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
@@ -29191,7 +29816,7 @@ 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)
     });
@@ -29199,13 +29824,13 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   var gradeOptions = React.useMemo(function () {
     switch (filter === null || filter === void 0 ? void 0 : filter.schoolType) {
       case SchoolType.Middle:
-        return MIDDLE_GRADES$1.map(function (i) {
+        return MIDDLE_GRADES.map(function (i) {
           return _extends({}, i, {
             label: typeof i.label === "string" ? t(i.label) : i.label
           });
         });
       case SchoolType.High:
-        return HIGH_GRADES$1.map(function (i) {
+        return HIGH_GRADES.map(function (i) {
           return _extends({}, i, {
             label: t(i.label)
           });
@@ -29275,7 +29900,8 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   }, React__default.createElement(material.FormLabel, null, t("search")), React__default.createElement(material.TextField, {
     placeholder: t("question_type_search_keyword"),
     size: "small",
-    inputRef: inputRef
+    inputRef: inputRef,
+    onKeyDown: handleKeyDown
   })), React__default.createElement(material.FormGroup, {
     sx: {
       display: "flex",
@@ -29514,9 +30140,10 @@ var useTextbookOptions = function useTextbookOptions(subjectId, isMath, filter,
 
 var _$3 = _$5;
 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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(""),
@@ -29627,7 +30254,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
       return React__default.createElement(material.Stack, {
         direction: "column",
         gap: 3
-      }, isMath && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
+      }, isMath && !disabled && React__default.createElement(material.Box, null, React__default.createElement(QuestionTypeFilter, {
         filter: filter,
         setFilter: setFilter,
         inputRef: inputRef,
@@ -29648,6 +30275,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggleBlock,
             onDelete: handleOpenConfirmDelete,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
@@ -29663,6 +30291,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(io.IoIosAdd, null),
         onClick: function onClick() {
           var length = values.chapters.length;
@@ -29681,8 +30310,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
   }));
 };
 
-var _excluded$j = ["value"],
-  _excluded2$2 = ["onChange"];
+var _excluded$k = ["value"];
 var VisuallyHiddenInput = material.styled("input")({
   clip: "rect(0 0 0 0)",
   clipPath: "inset(50%)",
@@ -29693,16 +30321,67 @@ var VisuallyHiddenInput = material.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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var user = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(exports.Role.Teacher));
+  var gradeOptions = GRADE_OPTIONS.map(function (i) {
+    return {
+      label: t(i.label),
+      value: i.value
+    };
+  });
+  var preparedTypeOptions = Object.entries(exports.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(material.Grid, {
     padding: 3,
     container: true,
@@ -29732,24 +30411,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",
@@ -29762,17 +30443,19 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, React__default.createElement(io.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(material.Grid, {
     item: true,
@@ -29791,10 +30474,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publicationDate"
   }, t("publication_date")), React__default.createElement(formik.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(xDatePickers.LocalizationProvider, {
         dateAdapter: AdapterMoment.AdapterMoment
       }, React__default.createElement(xDatePickers.DatePicker, Object.assign({}, action, {
@@ -29806,7 +30489,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(material.Typography, {
@@ -29824,9 +30508,12 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(formik.Field, {
     name: "publisher",
-    render: function render(_ref3) {
-      var field = _ref3.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field));
+    render: function render(_ref5) {
+      var field = _ref5.field;
+      return React__default.createElement(material.TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -29843,25 +30530,17 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "preparedType"
   }, t("type")), React__default.createElement(formik.Field, {
     name: "preparedType",
-    render: function render(_ref4) {
-      var field = _ref4.field;
-      return React__default.createElement(material.Select, Object.assign({
-        displayEmpty: true
-      }, field), Object.entries(_extends({}, exports.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(material.MenuItem, {
-          key: index,
-          value: value
-        }, t(label));
-        return React__default.createElement(material.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(material.Typography, {
@@ -29881,17 +30560,20 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "isbn",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return React__default.createElement(material.TextField, Object.assign({}, field));
+      return React__default.createElement(material.TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isbn) && React__default.createElement(material.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(material.Grid, {
+  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), React__default.createElement(material.Grid, {
     item: true,
     xs: 6
-  }, React__default.createElement(material.Stack, {
+  }, !hidePublicField && React__default.createElement(material.Stack, {
     flexDirection: "column",
     gap: 1,
     alignItems: "start"
@@ -29903,7 +30585,13 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       var field = _ref8.field;
       return React__default.createElement(material.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(material.Typography, {
     fontWeight: 500,
@@ -29921,15 +30609,16 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
   }, t("grade")), React__default.createElement(formik.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(material.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(material.Typography, {
     fontWeight: 500,
@@ -29945,19 +30634,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 = React.useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = reactI18next.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(material.FormGroup, null, !!title && React__default.createElement("label", {
     className: "text-muted"
   }, title), React__default.createElement(CustomSelectOption, {
@@ -29969,10 +30655,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
   }));
 };
 
@@ -29986,15 +30673,12 @@ var CourseSelector = function CourseSelector(_ref) {
     minimumTextSearchLength = _ref.minimumTextSearchLength,
     placeholder = _ref.placeholder,
     isClearable = _ref.isClearable,
-    valueById = _ref.valueById;
+    isDisabled = _ref.isDisabled;
   var _useState = React.useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = reactI18next.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(material.FormGroup, null, !!title && React__default.createElement("label", null, title), React__default.createElement(CustomSelectOption, {
     options: options,
     inputValue: searchString,
@@ -30006,98 +30690,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.academy;
+  });
+  var formattedAcademy = academy ? {
+    label: academy.name,
+    value: academy.id
+  } : null;
+  var academies = formattedAcademy ? [formattedAcademy] : [];
   var _useState = React.useState([]),
-    academies = _useState[0],
-    setAcademies = _useState[1];
+    courses = _useState[0],
+    setCourses = _useState[1];
   var _useState2 = React.useState(false),
     isLoading = _useState2[0],
     setLoading = _useState2[1];
-  var user = reactRedux.useSelector(function (state) {
-    var _state$common;
-    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
-  });
-  var 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);
+  React.useEffect(function () {
+    if (!email || !academy) return;
+    var fetchData = _$5.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) {
+          reactToastify.toast.error(getErrorMessage(t, err));
         });
-      }, function (err) {
-        reactToastify.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 = React.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 = React.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(material.Stack, {
     flexDirection: "column",
     gap: 1,
@@ -30107,14 +30788,16 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("academy")), React__default.createElement(formik.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(material.Typography, {
@@ -30122,7 +30805,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(material.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(material.Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30131,14 +30814,14 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("class")), React__default.createElement(formik.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(material.Typography, {
@@ -30153,10 +30836,16 @@ var _$4 = _$5;
 var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
   var errors = _ref.errors,
     values = _ref.values,
+    disabled = _ref.disabled,
     setFieldValue = _ref.setFieldValue;
   var textbookOwners = values.textbookOwners;
+  var academy = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.academy;
+  });
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var hasErrors = errors.textbookOwners;
   return React__default.createElement(material.Box, {
     className: "bg-white mt-2",
     sx: {
@@ -30169,15 +30858,15 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
       return React__default.createElement(material.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(material.Grid, {
           item: true,
           xs: 6,
-          lg: 2
+          lg: 3
         }, React__default.createElement(material.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",
@@ -30195,6 +30884,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);
           }
@@ -30210,24 +30900,28 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             var field = _ref2.field;
             return React__default.createElement(material.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(material.Typography, {
           fontWeight: 500,
           fontSize: "10px",
           lineHeight: "11.93px",
-          color: _$4.get(errors, "textbookOwners[" + index + "].email") ? "#97A1AF" : "#F34B4B"
+          color: "#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, {
           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(material.Grid, {
+      }), !hasErrors && !disabled && academy && React__default.createElement(material.Grid, {
         item: true,
         xs: 6,
-        lg: 2
+        lg: 3
       }, React__default.createElement("div", {
         style: {
           display: "flex",
@@ -30241,7 +30935,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(material.Stack, null, React__default.createElement(io.IoMdAdd, {
         size: 24
@@ -30250,160 +30951,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,
@@ -30421,7 +30982,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     };
   }, [dirty, i18n.t]);
   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);
   };
@@ -30458,7 +31019,9 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       return React__default.createElement(material.TextField, Object.assign({
         placeholder: i18n.t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        disabled: disabled,
+        onKeyDown: handleKeyDown
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.name) && React__default.createElement(material.Typography, {
@@ -30478,7 +31041,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
       }));
     }
@@ -30500,7 +31063,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref4.field;
       return React__default.createElement(material.Switch, Object.assign({}, field, {
         color: "success",
-        disabled: !!textbookId,
+        disabled: !!textbookId || disabled,
         checked: values.type === 2,
         onChange: handleChangeTextbookType
       }));
@@ -30511,6 +31074,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       width: "fit-content"
     },
     variant: "contained",
+    disabled: disabled,
     onClick: function onClick() {
       if (!_$5.isEmpty(errors)) {
         reactToastify.toast.error(i18n.t("please_fill_in_the_blank_fields"));
@@ -30553,7 +31117,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(material.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(material.Tab, Object.assign({
     label: i18n.t("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -30565,14 +31129,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 {
@@ -30582,7 +31152,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 = React.useState(0),
@@ -30593,9 +31164,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,
@@ -30604,6 +31181,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   var textbookRequest = React.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(material.Box, null, React__default.createElement(formik.Formik, {
     initialValues: textbookRequest,
@@ -30614,12 +31192,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));
   }));
 };
@@ -31852,7 +32435,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,
@@ -31913,7 +32496,7 @@ var StartPageDialog = function StartPageDialog(_ref) {
     }, t("page_to_start_with")), React__default.createElement(formik.Field, {
       name: "startPage",
       render: function render(_ref3) {
-        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$l);
+        var field = _objectWithoutPropertiesLoose(_ref3, _excluded$m);
         return React__default.createElement(CustomSelectOption, Object.assign({
           menuPosition: "fixed",
           onChange: function onChange(option) {
@@ -34575,6 +35158,18 @@ Object.defineProperty(exports, 'DemoContainer', {
 	}
 });
 exports.moment = moment;
+Object.defineProperty(exports, 'CellMeasurerCache', {
+	enumerable: true,
+	get: function () {
+		return reactVirtualized.CellMeasurerCache;
+	}
+});
+Object.defineProperty(exports, 'MultiGrid', {
+	enumerable: true,
+	get: function () {
+		return reactVirtualized.MultiGrid;
+	}
+});
 exports.ACADEMY_DOMAIN = ACADEMY_DOMAIN;
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.AcademyHeaders = AcademyHeaders;
@@ -34586,6 +35181,7 @@ exports.ArticleCategorySelector = ArticleCategorySelector;
 exports.ArticleDialog = ArticleDialog;
 exports.ArticleGroupView = ArticleGroupView;
 exports.BASE_URL = BASE_URL;
+exports.BRIEF_GRADE_OPTIONS = BRIEF_GRADE_OPTIONS;
 exports.ChapterBox = _ChapterBox;
 exports.ChatContainer = ChatContainer;
 exports.ChatTypes = types;
@@ -34606,7 +35202,6 @@ exports.DATE_TIME_MIN_VALUE = DATE_TIME_MIN_VALUE;
 exports.DEFAULT_NOTE_FILTER = DEFAULT_NOTE_FILTER;
 exports.DEFAULT_PAGING_RESPONSE = DEFAULT_PAGING_RESPONSE;
 exports.DefaultErrorMessage = DefaultErrorMessage;
-exports.ELEMENTARY_GRADES = ELEMENTARY_GRADES;
 exports.EXAM_CHANNEL = EXAM_CHANNEL;
 exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
 exports.ExamDetailView = ExamDetailView;
@@ -34616,7 +35211,7 @@ exports.GOOGLE_CLIENT_ID = GOOGLE_CLIENT_ID;
 exports.GOOGLE_RECAPTCHA_ID = GOOGLE_RECAPTCHA_ID;
 exports.GOOGLE_RECAPTCHA_KEY = GOOGLE_RECAPTCHA_KEY;
 exports.GOOGLE_RECAPTCHA_SECRET = GOOGLE_RECAPTCHA_SECRET;
-exports.HIGH_GRADES = HIGH_GRADES;
+exports.GRADE_OPTIONS = GRADE_OPTIONS;
 exports.Header = Header;
 exports.InputText = InputText;
 exports.LANGUAGE = LANGUAGE;
@@ -34630,7 +35225,6 @@ exports.Login = Login;
 exports.LoginQRCode = LoginQRCode;
 exports.LoginWithEmail = LoginWithEmail;
 exports.LoginWithPassword = SignIn;
-exports.MIDDLE_GRADES = MIDDLE_GRADES;
 exports.MathJaxContainer = MathJaxContainer;
 exports.MathTinyEditor = MathTinyEditor;
 exports.NewNoteButton = NewNoteButton;
@@ -34658,7 +35252,6 @@ exports.REDIRECT_URL = REDIRECT_URL;
 exports.RELEASE_DATE = RELEASE_DATE;
 exports.RecentUserActionNames = RecentUserActionNames;
 exports.ReleaseAlert = ReleaseAlert;
-exports.SCHOOL_OPTIONS = SCHOOL_OPTIONS;
 exports.SUPER_ADMIN_BASE_URL = SUPER_ADMIN_BASE_URL;
 exports.ScoreSelector = ScoreSelector;
 exports.SearchInput = SearchInput;