touchstudy-core 0.1.139 → 0.1.141

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 = "부모 전화번호를 입력하세요";
@@ -1423,18 +1423,39 @@ 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 lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -2507,7 +2528,28 @@ 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
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -3011,7 +3053,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 +3645,27 @@ 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 lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4677,7 +4740,28 @@ 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
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -4704,63 +4788,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 +4856,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 +4874,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) {
@@ -6022,6 +6080,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 +9598,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 +9802,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 +10002,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 +10012,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 +11552,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 +12529,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 +13825,7 @@ var useTeacherList = function useTeacherList() {
   };
 };
 
-var _excluded$7 = ["getStudents"],
+var _excluded$8 = ["getStudents"],
   _excluded2 = ["getTeachers"],
   _excluded3 = ["getLessons"];
 var PAGE_TITLE$4 = "classes";
@@ -13438,7 +13876,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 +14626,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 +20001,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 +20067,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 +20076,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 +20126,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 +20137,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 +21976,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 +22037,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 +22067,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,28 +22112,12 @@ 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 [].concat(GRADE_OPTIONS.map(function (i) {
       return _extends({}, i, {
         label: typeof i.label === "string" ? t(i.label) : i.label
       });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("high_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("고등학교")) return HIGH_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: t(i.label)
-      });
-    });
-    if (schoolName !== null && schoolName !== void 0 && schoolName.includes(t("elementary_school")) || schoolName !== null && schoolName !== void 0 && schoolName.includes("초등학교")) return ELEMENTARY_GRADES.map(function (i) {
-      return _extends({}, i, {
-        label: typeof i.label === "string" ? t(i.label) : i.label
-      });
-    });
-    return [];
+    }));
   }, [t, watch("schoolName")]);
-  console.log({
-    bang: watch("grade")
-  });
   var handleChangeRole = function handleChangeRole(role) {
     setRoles([role]);
     setValue("role", role);
@@ -25620,12 +26045,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();
@@ -26690,12 +27115,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
@@ -27087,11 +27512,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
@@ -27250,7 +27675,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";
@@ -27272,10 +27696,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
     }
   });
 };
@@ -27478,7 +27903,7 @@ var TextbookState;
   TextbookState[TextbookState["Article"] = 3] = "Article";
 })(TextbookState || (TextbookState = {}));
 
-var SCHOOL_OPTIONS$1 = [{
+var SCHOOL_OPTIONS = [{
   label: "all",
   value: SchoolType.Default
 }, {
@@ -27515,7 +27940,7 @@ var ELEMANTARY_GRADES = Array.from({
     value: index
   };
 });
-var MIDDLE_GRADES$1 = Array.from({
+var MIDDLE_GRADES = Array.from({
   length: 4
 }, function (_, index) {
   return {
@@ -27523,7 +27948,7 @@ var MIDDLE_GRADES$1 = Array.from({
     value: index
   };
 });
-var HIGH_GRADES$1 = [{
+var HIGH_GRADES = [{
   label: "all",
   value: HighSchoolGrade.Default
 }, {
@@ -27586,7 +28011,7 @@ 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(),
     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")),
@@ -27710,138 +28135,6 @@ 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 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 ArticleBlock = function ArticleBlock(_ref) {
   var expandedIndex = _ref.expandedIndex,
     data = _ref.data,
@@ -28089,7 +28382,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 {
@@ -28258,7 +28551,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",
@@ -28272,8 +28565,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, {
@@ -28312,7 +28607,7 @@ 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,
         value: data.questionType,
@@ -28359,7 +28654,7 @@ var isEqual$1 = function isEqual(prev, next) {
 };
 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", "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;
@@ -28378,8 +28673,9 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     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);
@@ -28400,7 +28696,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,
@@ -28481,7 +28777,7 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 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", "isDisabled", "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;
@@ -28506,13 +28802,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() {
@@ -28594,7 +28890,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, {
@@ -28623,6 +28919,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, {
@@ -28798,7 +29095,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", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var ChapterBlockBody = function ChapterBlockBody(_ref) {
   var path = _ref.path,
     paths = _ref.paths,
@@ -28817,7 +29114,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;
@@ -28991,7 +29288,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", "onToggle", "onDelete", "onCopiedPrevQuestionGroup", "onCloseCategoryMenu", "onOpenCategoryMenu", "onOpenSubCategoryMenu", "onOpenQuestionTypeMenu", "onCloseQuestionTypeMenu"];
 var _$2 = _$5;
 var ChapterBlock = function ChapterBlock(_ref) {
   var data = _ref.data,
@@ -29013,12 +29310,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() {
@@ -29038,7 +29336,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, {
@@ -29065,6 +29363,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
   }, 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, {
@@ -29194,7 +29493,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)
     });
@@ -29202,13 +29501,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)
           });
@@ -29684,8 +29983,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%)",
@@ -29706,6 +30004,23 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     handleUploadImage = _ref.handleUploadImage;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  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
+    };
+  });
   return React__default.createElement(material.Grid, {
     padding: 3,
     container: true,
@@ -29794,10 +30109,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, {
@@ -29827,8 +30142,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     htmlFor: "publisher"
   }, t("publisher")), React__default.createElement(formik.Field, {
     name: "publisher",
-    render: function render(_ref3) {
-      var field = _ref3.field;
+    render: function render(_ref5) {
+      var field = _ref5.field;
       return React__default.createElement(material.TextField, Object.assign({}, field));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(material.Typography, {
@@ -29846,25 +30161,15 @@ 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));
+        },
+        isClearable: true
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.preparedType) && React__default.createElement(material.Typography, {
@@ -29924,15 +30229,14 @@ 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);
+      var field = _ref9.field;
+      return React__default.createElement(CustomSelect, Object.assign({}, field, {
+        options: gradeOptions,
+        value: values.grade,
+        onChange: function onChange(val) {
+          setFieldValue(field.name, String(val.value));
         }
-      }, action));
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(material.Typography, {
     fontWeight: 500,
@@ -29952,7 +30256,8 @@ var AcademySelector = function AcademySelector(_ref) {
     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];
@@ -29975,7 +30280,8 @@ var AcademySelector = function AcademySelector(_ref) {
     value: valueOption || value,
     onChange: onChange,
     isDisabled: disabled,
-    isClearable: isClearable
+    isClearable: isClearable,
+    defaultValue: defaultValue
   }));
 };
 
@@ -30016,70 +30322,61 @@ var CourseSelector = function CourseSelector(_ref) {
 };
 
 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) 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
   };
 };
 
@@ -30088,19 +30385,15 @@ var OwnerSelector = function OwnerSelector(_ref) {
   var values = _ref.values,
     errors = _ref.errors,
     index = _ref.index,
-    academyId = _ref.academyId,
+    email = _ref.email,
     onChangeFieldValue = _ref.onChangeFieldValue;
-  var handleChangeEmail = function handleChangeEmail(value) {
-    onChangeFieldValue("textbookOwners[" + index + "].email", value);
-  };
   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;
   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,
@@ -30112,7 +30405,9 @@ var OwnerSelector = function OwnerSelector(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(AcademySelector, Object.assign({}, field, {
-        options: academyOptions,
+        options: academies,
+        disabled: true,
+        defaultValue: academies.length > 0 ? academies[0].value : undefined,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
         onChange: function onChange(val) {
@@ -30136,7 +30431,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
     render: function render(_ref3) {
       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) {
@@ -30173,7 +30468,7 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
         container: true,
         spacing: "16px"
       }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
-        var _values$textbookOwner, _values$textbookOwner2, _values$textbookOwner3;
+        var _values$textbookOwner, _values$textbookOwner2;
         return React__default.createElement(material.Grid, {
           item: true,
           xs: 6,
@@ -30224,8 +30519,8 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           values: values,
           errors: errors,
           index: index,
-          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
+          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
         })));
       }), React__default.createElement(material.Grid, {
         item: true,
@@ -30398,15 +30693,16 @@ var convertResponseToRequest = function convertResponseToRequest(selectedTextboo
   };
 };
 
-var _excluded$k = ["isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
+var _excluded$l = ["isSuperAdmin", "isAdmin", "textbookId", "selected", "coverImage", "onChangeTab", "onUploadImage"];
 var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
-  var isAdmin = _ref.isAdmin,
+  var isSuperAdmin = _ref.isSuperAdmin,
+    isAdmin = _ref.isAdmin,
     textbookId = _ref.textbookId,
     selected = _ref.selected,
     coverImage = _ref.coverImage,
     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,
@@ -30556,7 +30852,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 || (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"
@@ -30599,6 +30895,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
       textbookId: textbookId
     }),
     t = _useTextbookManagemen.t,
+    isSuperAdmin = _useTextbookManagemen.isSuperAdmin,
     isAdmin = _useTextbookManagemen.isAdmin,
     coverImage = _useTextbookManagemen.coverImage,
     selectedTextbook = _useTextbookManagemen.selectedTextbook,
@@ -30618,6 +30915,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   }, function (props) {
     return React__default.createElement(PreparedTextbookForm, Object.assign({
       isAdmin: isAdmin,
+      isSuperAdmin: isSuperAdmin,
       selected: selected,
       textbookId: textbookId,
       onChangeTab: handleChangeTab,
@@ -31855,7 +32153,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,
@@ -31916,7 +32214,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) {
@@ -34578,6 +34876,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;
@@ -34589,6 +34899,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;
@@ -34609,7 +34920,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;
@@ -34619,7 +34929,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;
@@ -34633,7 +34943,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;
@@ -34661,7 +34970,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;