touchstudy-core 0.1.141 → 0.1.142

package/dist/index.modern.js

@@ -16,7 +16,7 @@ import React__default, { useState, useEffect, Fragment as Fragment$1, useRef, us
 import { useTheme, Container, Typography, Stack, List, ListItem, FormGroup, FormControlLabel, Checkbox, Button, Box, Dialog, DialogTitle, IconButton, DialogContent, TextField, DialogActions, styled, FormLabel, Pagination, Paper, InputBase, Tooltip, tooltipClasses, Grid, ClickAwayListener, useMediaQuery, CircularProgress, InputAdornment, Card as Card$1, Avatar, Table, TableHead, TableRow, TableCell, TableBody, TableContainer, RadioGroup, Radio, FormControl, InputLabel, Chip, Accordion, AccordionSummary, AccordionDetails, Switch, Tabs, Tab, Divider, CardMedia as CardMedia$1, MenuList } from '@mui/material';
 import moment from 'moment';
 export { default as moment } from 'moment';
-import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
+import { FaSave, FaCaretDown, FaTimes, FaTrash, FaSortUp, FaSortDown, FaPlus, FaPlusCircle, FaUpload, FaEye as FaEye$1, FaPencilAlt, FaCheckCircle, FaShare, FaExchangeAlt, FaBookOpen } from 'react-icons/fa';
 import { IoMdArrowBack, IoIosAdd, IoMdAdd, IoIosAlert, IoIosArrowDown, IoIosSearch, IoIosArrowUp } from 'react-icons/io';
 import { IoClose, IoSearch, IoCloseOutline, IoChevronUp, IoChevronDown, IoChatbubbleEllipsesSharp, IoPrint, IoWarning, IoCheckmarkCircle, IoChevronUpOutline, IoChevronDownOutline, IoReceiptSharp, IoBook, IoCalendarClear, IoPerson, IoInformationCircle, IoTrash, IoAddCircle, IoCloseCircle, IoLogOut } from 'react-icons/io5';
 import { useSelector, useDispatch } from 'react-redux';
@@ -1247,7 +1247,7 @@ var number_of_participants = "참가자 수";
 var chapter = "챕터";
 var published = "Published";
 var privated = "Privated";
-var solution_results = "버튼 텍스트";
+var solution_results = "풀이 결과";
 var do_you_want_to_reset_your_search_criteria = "검색 조건을 초기화 하시겠습니까?";
 var the_search_keywords_you_enter_will_be_saved = "입력한 검색 키워드는 저장됩니다.";
 var no_search_results = "검색 결과가 없어요.";
@@ -1460,6 +1460,11 @@ 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,
@@ -2553,7 +2558,12 @@ var lang_ko = {
 	text_group_n: text_group_n,
 	text_detail_n: text_detail_n,
 	question_group_n: question_group_n,
-	placeholder_teacher_selector: placeholder_teacher_selector
+	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";
@@ -3670,6 +3680,11 @@ 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,
@@ -4765,7 +4780,12 @@ var lang_en = {
 	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
+	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.use(initReactI18next).init({
@@ -5881,7 +5901,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,
@@ -5890,6 +5910,7 @@ var CustomSelect = function CustomSelect(_ref) {
     value = _ref.value,
     isMulti = _ref.isMulti,
     optionValue = _ref.optionValue,
+    styles = _ref.styles,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded$2);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -5914,7 +5935,7 @@ var CustomSelect = function CustomSelect(_ref) {
       DropdownIndicator: DropdownIndicator,
       Option: CustomOption
     },
-    styles: customStyles,
+    styles: _extends({}, customStyles, styles),
     placeholder: t("select_placeholder")
   }, rest));
 };
@@ -26314,9 +26335,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),
@@ -26331,14 +26354,21 @@ var useTextbookList = function useTextbookList(props) {
     calcOrderNumber = _useList.calcOrderNumber,
     handleChangeSelectedItem = _useList.handleChangeSelectedItem,
     getData = _useList.getData;
+  var user = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacherSite = role === Role.Teacher;
+  var isAdmin = !!user && ((_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isTeacher = !!user && ((_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(Role.Teacher)) && !isAdmin;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var dispatch = useDispatch();
   var handleViewTextbook = function handleViewTextbook(data) {
-    onNavigateDetail(data, true, true);
+    onNavigateDetail(data, true, false);
   };
   var handleUpdateTextbook = function handleUpdateTextbook(data) {
-    onNavigateDetail(data, false, true);
+    onNavigateDetail(data, false, false);
   };
   var handleCreateTextbook = function handleCreateTextbook() {
     onNavigateCreate === null || onNavigateCreate === void 0 ? void 0 : onNavigateCreate();
@@ -26374,6 +26404,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,
@@ -26612,8 +26645,6 @@ var useTextbookShare = function useTextbookShare(props) {
   });
   var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin));
   var isAdminSite = role === Role.Admin;
-  var onAcademy = !!infoUser.academyDomain;
-  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
   useEffect(function () {
     if (!isUpdate) {
       filterTeacherNotShared(currentModel);
@@ -26704,12 +26735,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() {
@@ -26786,19 +26811,117 @@ var useTextbookShare = function useTextbookShare(props) {
     isUpdate: isUpdate,
     handleUpdateSharedTextbook: handleUpdateSharedTextbook,
     currentModel: currentModel,
-    enabledSave: enabledSave,
-    enabledShare: enabledShare,
     isAdmin: isAdmin,
     isAdminSite: isAdminSite
   };
 };
 
+var TextbookRow = function TextbookRow(_ref) {
+  var _infoUser$roles, _infoUser$roles2, _data$createdBy, _data$textbookOwners, _data$createdBy2, _data$createdBy3;
+  var index = _ref.index,
+    data = _ref.data,
+    role = _ref.role,
+    isSuperAdmin = _ref.isSuperAdmin,
+    calcOrderNumber = _ref.calcOrderNumber,
+    onUpdateTextbook = _ref.onUpdateTextbook,
+    onDeleteTextbook = _ref.onDeleteTextbook,
+    onViewTextbook = _ref.onViewTextbook,
+    onShareTextbook = _ref.onShareTextbook,
+    onUpdateShareTextbook = _ref.onUpdateShareTextbook;
+  var infoUser = useSelector(function (state) {
+    var _state$common;
+    return (state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user) || {};
+  });
+  var isAdmin = infoUser && (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$roles = infoUser.roles) === null || _infoUser$roles === void 0 ? void 0 : _infoUser$roles.includes(Role.Admin));
+  var isTeacherSite = role === Role.Teacher;
+  var isTeacher = !!infoUser && ((_infoUser$roles2 = infoUser.roles) === null || _infoUser$roles2 === void 0 ? void 0 : _infoUser$roles2.includes(Role.Teacher)) && !isAdmin;
+  var isAdminSite = role === Role.Admin;
+  var onAcademy = !!infoUser.academyDomain;
+  var isSuperAdminUser = infoUser && infoUser.isSuperAdmin;
+  var academy = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isEditable = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && (((_data$createdBy = data.createdBy) === null || _data$createdBy === void 0 ? void 0 : _data$createdBy.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) || ((_data$textbookOwners = data.textbookOwners) === null || _data$textbookOwners === void 0 ? void 0 : _data$textbookOwners.some(function (i) {
+    var _infoUser$email, _infoUser$email$trim;
+    return (i === null || i === void 0 ? void 0 : i.email.trim().toUpperCase()) === (infoUser === null || infoUser === void 0 ? void 0 : (_infoUser$email = infoUser.email) === null || _infoUser$email === void 0 ? void 0 : (_infoUser$email$trim = _infoUser$email.trim()) === null || _infoUser$email$trim === void 0 ? void 0 : _infoUser$email$trim.toUpperCase()) && (i === null || i === void 0 ? void 0 : i.academyId) === (academy === null || academy === void 0 ? void 0 : academy.id);
+  })));
+  var isDeleteAble = !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && data.isShared && ((_data$createdBy2 = data.createdBy) === null || _data$createdBy2 === void 0 ? void 0 : _data$createdBy2.id) === (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id);
+  var isSharable = !data.isPublic && data.isShared && onAcademy && (isAdminSite || isSuperAdminUser || !isAdmin && data.createdBy.id === infoUser.id);
+  var handleUpdateTextbook = function handleUpdateTextbook() {
+    onUpdateTextbook(data);
+  };
+  var handleDeleteTextbook = function handleDeleteTextbook() {
+    onDeleteTextbook(data);
+  };
+  var handleViewTextbook = function handleViewTextbook() {
+    onViewTextbook(data);
+  };
+  var handleShareTextbook = function handleShareTextbook() {
+    onShareTextbook(data);
+  };
+  var handleUpdateShareTextbook = function handleUpdateShareTextbook() {
+    onUpdateShareTextbook(data);
+  };
+  return React__default.createElement(TableRow, {
+    key: data.id
+  }, React__default.createElement(TableCell, null, calcOrderNumber(index)), React__default.createElement(TableCell, null, data.name), React__default.createElement(TableCell, null, data.subject.name), React__default.createElement(TableCell, null, utcToLocalTime(data.createdAt, t("date_format"))), React__default.createElement(TableCell, null, data.totalChapters), isTeacher && isTeacherSite && React__default.createElement(TableCell, null, (infoUser === null || infoUser === void 0 ? void 0 : infoUser.id) === ((_data$createdBy3 = data.createdBy) === null || _data$createdBy3 === void 0 ? void 0 : _data$createdBy3.id) && data.isShared && React__default.createElement(FaCheckCircle, {
+    color: green[700]
+  })), React__default.createElement(TableCell, null, !data.isPublic && data.sharedUsers.map(function (email, index) {
+    return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", data.sharedUsers.length - 2, ")") : React__default.createElement("div", {
+      key: index
+    }, email.toLowerCase());
+  })), React__default.createElement(TableCell, null, React__default.createElement(Stack, {
+    direction: "row",
+    spacing: 1,
+    alignItems: "center"
+  }, React__default.createElement(IconButton, {
+    color: "default",
+    className: (!isEditable ? "bg-secondary" : "bg-warning") + " text-white",
+    onClick: handleUpdateTextbook,
+    disabled: !isEditable
+  }, React__default.createElement(FaPencil, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    color: "default",
+    className: "bg-primary text-white",
+    onClick: handleViewTextbook
+  }, React__default.createElement(FaEye$1, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-info") + " text-white me-1",
+    onClick: handleShareTextbook
+  }, React__default.createElement(FaShare, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    disabled: !isSharable,
+    className: (!isSharable ? "bg-secondary" : "bg-success") + " text-white me-1",
+    onClick: handleUpdateShareTextbook
+  }, React__default.createElement(FaExchangeAlt, {
+    size: 12
+  })), React__default.createElement(IconButton, {
+    color: "default",
+    className: (!isDeleteAble ? "bg-secondary" : "bg-danger") + " text-white mr-1",
+    onClick: handleDeleteTextbook,
+    disabled: !isDeleteAble
+  }, React__default.createElement(FaTrash, {
+    size: 12
+  })))));
+};
+
 var TextbookList = function TextbookList(props) {
   var _props$createable = props.createable,
-    createable = _props$createable === void 0 ? true : _props$createable;
+    createable = _props$createable === void 0 ? true : _props$createable,
+    isSuperAdmin = props.isSuperAdmin,
+    role = props.role;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useTextbookList = useTextbookList(props),
+    isTeacherSite = _useTextbookList.isTeacherSite,
+    isTeacher = _useTextbookList.isTeacher,
     filter = _useTextbookList.filter,
     textbooks = _useTextbookList.textbooks,
     paging = _useTextbookList.paging,
@@ -26840,9 +26963,14 @@ var TextbookList = function TextbookList(props) {
     handleOpenUpdateShareDialog = _useTextbookShare.handleOpenUpdateShareDialog,
     isUpdate = _useTextbookShare.isUpdate,
     handleUpdateSharedTextbook = _useTextbookShare.handleUpdateSharedTextbook,
-    currentModel = _useTextbookShare.currentModel,
-    enabledSave = _useTextbookShare.enabledSave,
-    enabledShare = _useTextbookShare.enabledShare;
+    currentModel = _useTextbookShare.currentModel;
+  var textbookHeaders = useMemo(function () {
+    var headers = _$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(Grid, {
@@ -26877,63 +27005,26 @@ var TextbookList = function TextbookList(props) {
     xs: 12,
     className: "mt-3"
   }, React__default.createElement(Table, null, React__default.createElement(TableHeader, {
-    headerTemplates: TEXTBOOK_HEADERS,
+    headerTemplates: textbookHeaders,
     filter: filter,
     onSort: handleSort
-  }), React__default.createElement(TableBody, null, textbooks.map(function (i, index) {
-    return React__default.createElement(TableRow, {
-      key: i.id
-    }, React__default.createElement(TableCell, null, calcOrderNumber(index)), React__default.createElement(TableCell, null, i.name), React__default.createElement(TableCell, null, i.subject.name), React__default.createElement(TableCell, null, utcToLocalTime(i.createdAt, t("date_format"))), React__default.createElement(TableCell, null, i.totalChapters), React__default.createElement(TableCell, null, i.sharedUsers.map(function (email, index) {
-      return index > 2 ? null : index === 2 ? React__default.createElement("div", null, "(+", i.sharedUsers.length - 2, ")") : React__default.createElement("div", {
-        key: index
-      }, email.toLowerCase());
-    })), React__default.createElement(TableCell, null, React__default.createElement(Stack, {
-      direction: "row",
-      spacing: 1,
-      alignItems: "center"
-    }, React__default.createElement(IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-warning") + " text-white",
-      onClick: function onClick() {
-        return handleUpdateTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(FaPencil, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      color: "default",
-      className: "bg-primary text-white",
-      onClick: function onClick() {
-        return handleViewTextbook(i);
-      }
-    }, React__default.createElement(FaEye$1, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-info") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenShareDialog(i);
-      }
-    }, React__default.createElement(FaShare, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      disabled: !enabledShare(i),
-      className: (!enabledShare(i) ? "bg-secondary" : "bg-success") + " text-white me-1",
-      onClick: function onClick() {
-        return handleOpenUpdateShareDialog(i);
-      }
-    }, React__default.createElement(FaExchangeAlt, {
-      size: 12
-    })), React__default.createElement(IconButton, {
-      color: "default",
-      className: (!enabledSave(i) ? "bg-secondary" : "bg-danger") + " text-white mr-1",
-      onClick: function onClick() {
-        return handleSelectDeleteTextbook(i);
-      },
-      disabled: !enabledSave(i)
-    }, React__default.createElement(FaTrash, {
-      size: 12
-    })))));
+  }), React__default.createElement(TableBody, null, React__default.createElement(ListView, {
+    data: textbooks,
+    render: function render(data, index) {
+      return React__default.createElement(TextbookRow, {
+        key: index,
+        index: index,
+        data: data,
+        isSuperAdmin: isSuperAdmin,
+        calcOrderNumber: calcOrderNumber,
+        onDeleteTextbook: handleSelectDeleteTextbook,
+        onShareTextbook: handleOpenShareDialog,
+        onUpdateShareTextbook: handleOpenUpdateShareDialog,
+        onUpdateTextbook: handleUpdateTextbook,
+        onViewTextbook: handleViewTextbook,
+        role: role
+      });
+    }
   }), !textbooks.length && React__default.createElement(EmptyRow, null))), React__default.createElement("div", {
     className: "d-flex justify-content-end mt-3"
   }, !!paging.totalPages && React__default.createElement(Pagination, {
@@ -27586,7 +27677,8 @@ var NotificationList = function NotificationList(_ref) {
     startIcon: React__default.createElement(FaPlus, {
       size: 12
     }),
-    onClick: handleCreateNotification
+    onClick: handleCreateNotification,
+    disabled: !isAdmin && isTeacherAdmin
   }, t("new_notification"))), React__default.createElement(Grid, {
     container: true
   }, React__default.createElement(Grid, {
@@ -27725,8 +27817,9 @@ var deleteTextbookApi$1 = function deleteTextbookApi(textbookId, isAdmin) {
 };
 
 var useTextbookManagement = function useTextbookManagement(_ref) {
-  var _user$roles;
+  var _user$roles, _user$roles2, _selectedTextbook$cre, _selectedTextbook$cre2;
   var textbookId = _ref.textbookId,
+    role = _ref.role,
     onNavigateList = _ref.onNavigateList;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -27743,13 +27836,28 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
   var _useState4 = useState(false),
     selectedChapter = _useState4[0],
     setSelectedChapter = _useState4[1];
+  var searchParams = new URLSearchParams(location.search);
+  var isReadonly = searchParams.get('readonly') === "true";
   var dispatch = useDispatch();
   var user = useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
-  var isAdmin = user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin);
+  var academy = useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.academy;
+  });
+  var isAdmin = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Admin));
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles2 = user.roles) === null || _user$roles2 === void 0 ? void 0 : _user$roles2.includes(Role.Teacher)) && !isAdmin;
   var isSuperAdmin = !!user && !user.academyDomain;
+  var isAdminSite = role === Role.Admin;
+  var onAcademy = !!(user !== null && user !== void 0 && user.academyDomain);
+  var isSuperAdminUser = !!user && user.isSuperAdmin;
+  var isEditable = !selectedTextbook || !onAcademy || isAdminSite || isSuperAdmin || isSuperAdminUser || !isAdmin && selectedTextbook.isShared && (((_selectedTextbook$cre = selectedTextbook.createdBy) === null || _selectedTextbook$cre === void 0 ? void 0 : _selectedTextbook$cre.id) === (user === null || user === void 0 ? void 0 : user.id) || selectedTextbook.textbookOwners.some(function (i) {
+    var _user$email, _user$email$trim;
+    return i.email.trim().toUpperCase() === (user === null || user === void 0 ? void 0 : (_user$email = user.email) === null || _user$email === void 0 ? void 0 : (_user$email$trim = _user$email.trim()) === null || _user$email$trim === void 0 ? void 0 : _user$email$trim.toUpperCase()) && i.academyId === (academy === null || academy === void 0 ? void 0 : academy.id);
+  }));
+  var disabledTextbookOwners = !selectedTextbook && isAdmin || selectedTextbook && (!isEditable || isTeacher && ((_selectedTextbook$cre2 = selectedTextbook.createdBy) === null || _selectedTextbook$cre2 === void 0 ? void 0 : _selectedTextbook$cre2.id) !== (user === null || user === void 0 ? void 0 : user.id) || isAdmin && !isSuperAdminUser);
   var handleOpenConfirmDeleteChapterDialog = function handleOpenConfirmDeleteChapterDialog(chapter) {
     setSelectedChapter(chapter);
   };
@@ -27804,6 +27912,7 @@ var useTextbookManagement = function useTextbookManagement(_ref) {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+      if (isReadonly || !isEditable) return Promise.resolve();
       if (!coverImage && !(values !== null && values !== void 0 && values.coverImage)) {
         toast.error(t("please_select_image_file"));
         return Promise.resolve();
@@ -27855,11 +27964,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,
@@ -27890,6 +28004,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) {
@@ -28029,6 +28149,11 @@ var preparedTextbookSchema = function preparedTextbookSchema(t) {
     isbn: string().required(t("isbn_required")),
     grade: number().required(t("grade_required")).notOneOf([0], t("subject_required")),
     type: number(),
+    textbookOwners: array().of(object().shape({
+      email: string().trim().email(t("invalid_textbook_owner_email_address")).required(t("textbook_owner_email_is_required")),
+      academyId: number().required(t("textbook_owner_academy_is_required")),
+      courseId: number().required(t("textbook_owner_course_is_required"))
+    })),
     chapters: array().of(object().shape({
       pageFrom: number().required(t("page_from_required")).integer().typeError(t("must_be_number")).min(1, t("min_is_1")),
       pageTo: number().required(t("page_to_required")).integer().typeError(t("must_be_number")).test("is-greater", t("page_to_must_be_greater_than_or_equal_to_page_from"), function (value) {
@@ -28101,7 +28226,7 @@ var DEFAULT_TEXTBOOK_REQUEST = {
   grade: "",
   textbookOwners: [],
   isPrepared: true,
-  type: 0
+  type: TextbookEditorType.Korea
 };
 var DEFAULT_CHAPTER = {
   name: "",
@@ -28151,6 +28276,171 @@ var CustomTextbookTab = function CustomTextbookTab(props) {
   }, children));
 };
 
+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.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 !== 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 !== QuestionAnswerType.ShortAnswer;
+                })) === null || _g$questions2$find === void 0 ? void 0 : _g$questions2$find.numberOfAnswers) || DEFAULT_ANSWER_COUNT$2
+              };
+            })) || [],
+            subChapters: []
+          };
+        })
+      };
+    })
+  };
+};
+var handleKeyDown = function handleKeyDown(e) {
+  if (e.key === 'Enter') {
+    e.preventDefault();
+  }
+};
+
 var ArticleBlock = function ArticleBlock(_ref) {
   var expandedIndex = _ref.expandedIndex,
     data = _ref.data,
@@ -28158,6 +28448,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,
@@ -28259,6 +28550,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -28296,7 +28588,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeSubCategory,
-        isDisabled: !data.categories[0],
+        isDisabled: disabled || !data.categories[0],
         placeholder: t("select_category")
       });
     }
@@ -28317,7 +28609,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("title")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(Grid, {
@@ -28337,7 +28631,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("author")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }))), React__default.createElement(Grid, {
@@ -28357,7 +28653,9 @@ var ArticleBlock = function ArticleBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("subject")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   })))), React__default.createElement(Stack, {
@@ -28370,6 +28668,7 @@ var ArticleBlock = function ArticleBlock(_ref) {
   }, t("copy_items")), React__default.createElement(Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleDuplicateArticle,
     sx: {
       whiteSpace: "nowrap"
@@ -28385,7 +28684,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 = memo(ArticleBlock, isEqual);
 
@@ -28431,7 +28730,7 @@ var BpCheckedIcon$1 = styled(BpIcon$1)({
 var QuestionBlock = function QuestionBlock(_ref2) {
   var answerCount = _ref2.answerCount,
     isMath = _ref2.isMath,
-    isDisabled = _ref2.isDisabled,
+    disabled = _ref2.disabled,
     path = _ref2.path,
     data = _ref2.data,
     questionTitleStyle = _ref2.questionTitleStyle,
@@ -28476,7 +28775,8 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             var field = _ref3.field;
             return React__default.createElement(TextField, Object.assign({}, field, {
               size: "small",
-              placeholder: t("textual_answer")
+              placeholder: t("textual_answer"),
+              onKeyDown: handleKeyDown
             }));
           }
         }));
@@ -28495,7 +28795,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             className: styles$9["question-label"] + " w-fit",
             labelPlacement: "top",
             value: i,
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(Checkbox, {
               checked: data.correctAnswers.includes(i),
               onChange: function onChange(e) {
@@ -28531,7 +28831,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
             onChange: function onChange(e) {
               return setFieldValue(path + ".correctAnswers", [+e.target.value]);
             },
-            disabled: isDisabled,
+            disabled: disabled,
             control: React__default.createElement(Radio, {
               size: "small",
               checked: +i === data.correctAnswers[0],
@@ -28604,7 +28904,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);
         }
@@ -28625,7 +28925,7 @@ var QuestionBlock = function QuestionBlock(_ref2) {
       var _ref5$field = _ref5.field,
         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,
@@ -28650,7 +28950,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
       }));
@@ -28666,11 +28966,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 = memo(QuestionBlock, isEqual$1);
 
-var _excluded$g = ["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;
@@ -28683,6 +28983,7 @@ 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,
@@ -28726,6 +29027,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             expandedIndex: index,
             data: article,
             path: path + ".articles[" + index + "]",
+            disabled: disabled,
             onDuplicate: handleDuplicateArticle,
             onDelete: onDelete,
             optionKey: optionKey,
@@ -28741,6 +29043,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(IoIosAdd, null),
         onClick: function onClick() {
           arrayHelpers.push(DEFAULT_ARTICLE);
@@ -28760,6 +29063,7 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
             questionTypes: questionTypes,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             optionKey: optionKey,
+            disabled: disabled,
             onOpenQuestionTypeMenu: handleOpenQuestionTypeMenu,
             onCloseQuestionTypeMenu: onCloseQuestionTypeMenu
           }, formikProps));
@@ -28789,11 +29093,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 = memo(QuestionGroupBlockBody, isEqual$2);
 
-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 _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;
@@ -28808,7 +29112,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,
@@ -28967,7 +29271,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return React__default.createElement(QuestionCountSelector, Object.assign({}, field, {
-        onChange: handleChangeQuestionCount
+        onChange: handleChangeQuestionCount,
+        isDisabled: disabled
       }));
     }
   }))), isMath && React__default.createElement(Grid, {
@@ -29005,6 +29310,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
           onMenuClose: onCloseCategoryMenu
         },
         onChange: handleChangeCategory,
+        isDisabled: disabled,
         placeholder: t("select_category")
       });
     }
@@ -29045,7 +29351,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")
       });
     }
@@ -29064,7 +29370,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(Box, {
@@ -29077,6 +29384,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, React__default.createElement(Button, {
     variant: "contained",
     color: "success",
+    disabled: disabled,
     onClick: handleCopyCategories,
     sx: {
       whiteSpace: "nowrap"
@@ -29102,6 +29410,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingCategories: isLoadingCategories,
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -29111,7 +29420,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }, formikProps)))));
 };
 
-var _excluded$i = ["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,
@@ -29123,6 +29432,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,
@@ -29234,6 +29544,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggle,
             onDelete: onDelete,
             onOpenCategoryMenu: onOpenCategoryMenu,
@@ -29248,6 +29559,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           {
             var length = subChapters.length;
@@ -29278,6 +29590,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             optionKey: optionKey,
             isLoadingCategories: isLoadingCategories,
             categories: categories,
+            disabled: disabled,
             onOpenCategoryMenu: onOpenCategoryMenu,
             onOpenSubCategoryMenu: onOpenSubCategoryMenu,
             onCloseCategoryMenu: onCloseCategoryMenu,
@@ -29293,6 +29606,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
         },
         variant: "contained",
         startIcon: React__default.createElement(IoIosAdd, null),
+        disabled: disabled,
         onClick: function onClick() {
           var length = questionGroups.length;
           var addedGroup = handleGetNewQuestionGroup();
@@ -29304,7 +29618,7 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
   }));
 };
 
-var _excluded$j = ["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,
@@ -29318,6 +29632,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,
@@ -29375,6 +29690,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     color: "default",
     size: "small",
     className: "bg-danger text-white",
+    disabled: disabled,
     onClick: handleClickDeleteChapter
   }, React__default.createElement(FaTrashCan, {
     size: 12
@@ -29401,7 +29717,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t("name")
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageNameError && React__default.createElement(Typography, {
@@ -29422,7 +29740,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_from"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageFromError && React__default.createElement(Typography, {
@@ -29443,7 +29763,9 @@ var ChapterBlock = function ChapterBlock(_ref) {
         placeholder: t("page_to"),
         type: "number"
       }, field, {
-        size: "small"
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
       }));
     }
   }), !!pageToError && React__default.createElement(Typography, {
@@ -29462,6 +29784,7 @@ var ChapterBlock = function ChapterBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     isLoadingCategories: isLoadingCategories,
     optionKey: optionKey,
+    disabled: disabled,
     onDelete: onDelete,
     onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
@@ -29593,7 +29916,8 @@ var QuestionTypeFilter = function QuestionTypeFilter(_ref) {
   }, React__default.createElement(FormLabel, null, t("search")), React__default.createElement(TextField, {
     placeholder: t("question_type_search_keyword"),
     size: "small",
-    inputRef: inputRef
+    inputRef: inputRef,
+    onKeyDown: handleKeyDown
   })), React__default.createElement(FormGroup, {
     sx: {
       display: "flex",
@@ -29832,9 +30156,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 = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(""),
@@ -29945,7 +30270,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
       return React__default.createElement(Stack, {
         direction: "column",
         gap: 3
-      }, isMath && React__default.createElement(Box, null, React__default.createElement(QuestionTypeFilter, {
+      }, isMath && !disabled && React__default.createElement(Box, null, React__default.createElement(QuestionTypeFilter, {
         filter: filter,
         setFilter: setFilter,
         inputRef: inputRef,
@@ -29966,6 +30291,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
             categories: categories,
             isLoadingQuestionTypes: isLoadingQuestionTypes,
             questionTypes: questionTypes,
+            disabled: disabled,
             onToggle: handleToggleBlock,
             onDelete: handleOpenConfirmDelete,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
@@ -29981,6 +30307,7 @@ var TextbookContentsTab = function TextbookContentsTab(props) {
           width: "fit-content"
         },
         variant: "contained",
+        disabled: disabled,
         startIcon: React__default.createElement(IoIosAdd, null),
         onClick: function onClick() {
           var length = values.chapters.length;
@@ -30010,16 +30337,49 @@ var VisuallyHiddenInput = styled("input")({
   whiteSpace: "nowrap",
   width: "100%"
 });
+var customSelectStyles = {
+  control: function control(baseStyles, state) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker,
+      borderColor: state.isFocused ? styles.dark : baseStyles.borderColor,
+      boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
+      "&:active": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      "&:hover": {
+        borderColor: state.isFocused ? styles.dark : baseStyles.borderColor
+      },
+      paddingBlock: '8px'
+    });
+  },
+  singleValue: function singleValue(baseStyles) {
+    return _extends({}, baseStyles, {
+      fontSize: "16px",
+      fontWeight: baseStyles.fontWeight,
+      color: styles.darker
+    });
+  }
+};
 var TextbookInfoTab = function TextbookInfoTab(_ref) {
-  var setFieldValue = _ref.setFieldValue,
+  var _user$roles;
+  var isCreatedByAdmin = _ref.isCreatedByAdmin,
+    setFieldValue = _ref.setFieldValue,
     values = _ref.values,
     errors = _ref.errors,
     coverImage = _ref.coverImage,
-    isAdmin = _ref.isAdmin,
+    isSuperAdminUser = _ref.isSuperAdminUser,
     textbookId = _ref.textbookId,
+    disabled = _ref.disabled,
     handleUploadImage = _ref.handleUploadImage;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var user = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
+  });
+  var isTeacher = user && (user === null || user === void 0 ? void 0 : (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes(Role.Teacher));
   var gradeOptions = GRADE_OPTIONS.map(function (i) {
     return {
       label: t(i.label),
@@ -30037,6 +30397,7 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       value: value
     };
   });
+  var hidePublicField = !textbookId && isSuperAdminUser || textbookId && isCreatedByAdmin;
   return React__default.createElement(Grid, {
     padding: 3,
     container: true,
@@ -30066,24 +30427,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",
@@ -30096,17 +30459,19 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       justifyContent: "center",
       position: "relative",
       display: "flex",
-      cursor: "pointer"
+      cursor: disabled ? undefined : "pointer"
     }
   }, React__default.createElement(IoIosAdd, null), React__default.createElement(VisuallyHiddenInput, {
     id: "coverImage",
     type: "file",
     accept: "image/*",
     onChange: function onChange(event) {
-      return handleUploadImage(event);
+      return !disabled && handleUploadImage(event);
     },
     onClick: function onClick(e) {
-      e.target.value = "";
+      if (!disabled) {
+        e.target.value = "";
+      }
     }
   })))), React__default.createElement(Grid, {
     item: true,
@@ -30140,7 +30505,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
         value: moment(value),
         onChange: function onChange(value) {
           return setFieldValue("publicationDate", moment(value).format(DATE_FORMAT));
-        }
+        },
+        disabled: disabled
       })));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publicationDate) && React__default.createElement(Typography, {
@@ -30160,7 +30526,10 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "publisher",
     render: function render(_ref5) {
       var field = _ref5.field;
-      return React__default.createElement(TextField, Object.assign({}, field));
+      return React__default.createElement(TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.publisher) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -30185,6 +30554,8 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
         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
       }));
     }
@@ -30205,17 +30576,20 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
     name: "isbn",
     render: function render(_ref7) {
       var field = _ref7.field;
-      return React__default.createElement(TextField, Object.assign({}, field));
+      return React__default.createElement(TextField, Object.assign({}, field, {
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isbn) && React__default.createElement(Typography, {
     fontWeight: 500,
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.isbn) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), !(isAdmin && !textbookId) && React__default.createElement(Grid, {
+  }, errors === null || errors === void 0 ? void 0 : errors.isbn))), React__default.createElement(Grid, {
     item: true,
     xs: 6
-  }, React__default.createElement(Stack, {
+  }, !hidePublicField && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
     alignItems: "start"
@@ -30227,7 +30601,13 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       var field = _ref8.field;
       return React__default.createElement(Checkbox, Object.assign({
         checked: field === null || field === void 0 ? void 0 : field.value
-      }, field));
+      }, field, {
+        onChange: function onChange(e, checked) {
+          field.onChange(e, checked);
+          if (checked) setFieldValue("textbookOwners", []);
+        },
+        disabled: disabled
+      }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.isPublic) && React__default.createElement(Typography, {
     fontWeight: 500,
@@ -30249,9 +30629,11 @@ var TextbookInfoTab = function TextbookInfoTab(_ref) {
       return React__default.createElement(CustomSelect, Object.assign({}, field, {
         options: gradeOptions,
         value: values.grade,
+        styles: customSelectStyles,
         onChange: function onChange(val) {
           setFieldValue(field.name, String(val.value));
-        }
+        },
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.grade) && React__default.createElement(Typography, {
@@ -30268,7 +30650,6 @@ 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,
@@ -30279,9 +30660,6 @@ var AcademySelector = function AcademySelector(_ref) {
     setSearchString = _useState[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(FormGroup, null, !!title && React__default.createElement("label", {
     className: "text-muted"
   }, title), React__default.createElement(CustomSelectOption, {
@@ -30293,7 +30671,7 @@ var AcademySelector = function AcademySelector(_ref) {
     isLoading: isLoading,
     placeholder: t('please_select'),
     isMulti: isMultiple,
-    value: valueOption || value,
+    value: value,
     onChange: onChange,
     isDisabled: disabled,
     isClearable: isClearable,
@@ -30311,15 +30689,12 @@ var CourseSelector = function CourseSelector(_ref) {
     minimumTextSearchLength = _ref.minimumTextSearchLength,
     placeholder = _ref.placeholder,
     isClearable = _ref.isClearable,
-    valueById = _ref.valueById;
+    isDisabled = _ref.isDisabled;
   var _useState = useState(""),
     searchString = _useState[0],
     setSearchString = _useState[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var valueOption = valueById !== null && typeof valueById !== "undefined" ? (options === null || options === void 0 ? void 0 : options.find(function (option) {
-    return option.value == valueById;
-  })) || null : null;
   return React__default.createElement(FormGroup, null, !!title && React__default.createElement("label", null, title), React__default.createElement(CustomSelectOption, {
     options: options,
     inputValue: searchString,
@@ -30331,9 +30706,10 @@ 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
   }));
 };
 
@@ -30357,7 +30733,7 @@ var useSelect = function useSelect(_ref) {
     isLoading = _useState2[0],
     setLoading = _useState2[1];
   useEffect(function () {
-    if (!email) return;
+    if (!email || !academy) return;
     var fetchData = _$5.debounce(function () {
       try {
         var _temp2 = function _temp2() {
@@ -30397,12 +30773,13 @@ var useSelect = function useSelect(_ref) {
 };
 
 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,
     email = _ref.email,
-    onChangeFieldValue = _ref.onChangeFieldValue;
+    onChangeFieldValue = _ref.onChangeFieldValue,
+    disabled = _ref.disabled;
   var _useSelect = useSelect({
       email: email
     }),
@@ -30410,6 +30787,14 @@ var OwnerSelector = function OwnerSelector(_ref) {
     isLoading = _useSelect.isLoading,
     academies = _useSelect.academies,
     courses = _useSelect.courses;
+  var handleChangeAcademy = function handleChangeAcademy(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].academy", val);
+  };
+  var handleChangeCourse = function handleChangeCourse(val) {
+    onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
+    onChangeFieldValue("textbookOwners[" + index + "].course", val);
+  };
   return React__default.createElement(React__default.Fragment, null, (values === null || values === void 0 ? void 0 : (_values$textbookOwner = values.textbookOwners) === null || _values$textbookOwner === void 0 ? void 0 : _values$textbookOwner[index].email) && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
@@ -30419,16 +30804,16 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("academy")), React__default.createElement(Field, {
     name: "textbookOwners[" + index + "].academyId",
     render: function render(_ref2) {
+      var _values$textbookOwner2;
       var field = _ref2.field;
       return React__default.createElement(AcademySelector, Object.assign({}, field, {
         options: academies,
         disabled: true,
-        defaultValue: academies.length > 0 ? academies[0].value : undefined,
+        value: (_values$textbookOwner2 = values.textbookOwners[index]) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2.academy,
         isLoading: isLoading,
         valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].academyId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        onChange: handleChangeAcademy,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && (_errors$textbookOwner2 = _errors$textbookOwner[index]) !== null && _errors$textbookOwner2 !== void 0 && _errors$textbookOwner2.academyId) && React__default.createElement(Typography, {
@@ -30436,7 +30821,7 @@ var OwnerSelector = function OwnerSelector(_ref) {
     fontSize: "10px",
     lineHeight: "11.93px",
     color: !(errors !== null && errors !== void 0 && errors.textbookOwners[index].academyId) ? "#97A1AF" : "#F34B4B"
-  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner2 = values.textbookOwners) === null || _values$textbookOwner2 === void 0 ? void 0 : _values$textbookOwner2[index].email) && React__default.createElement(Stack, {
+  }, errors === null || errors === void 0 ? void 0 : errors.textbookOwners[index].academyId)), (values === null || values === void 0 ? void 0 : (_values$textbookOwner3 = values.textbookOwners) === null || _values$textbookOwner3 === void 0 ? void 0 : _values$textbookOwner3[index].email) && React__default.createElement(Stack, {
     flexDirection: "column",
     gap: 1,
     width: 1
@@ -30445,14 +30830,14 @@ var OwnerSelector = function OwnerSelector(_ref) {
   }, t("class")), React__default.createElement(Field, {
     name: "textbookOwners[" + index + "].courseId",
     render: function render(_ref3) {
+      var _values$textbookOwner4;
       var field = _ref3.field;
       return React__default.createElement(CourseSelector, Object.assign({}, field, {
         options: courses,
         isLoading: isLoading,
-        valueById: field === null || field === void 0 ? void 0 : field.value,
-        onChange: function onChange(val) {
-          return onChangeFieldValue("textbookOwners[" + index + "].courseId", val === null || val === void 0 ? void 0 : val.value);
-        }
+        value: (_values$textbookOwner4 = values.textbookOwners[index]) === null || _values$textbookOwner4 === void 0 ? void 0 : _values$textbookOwner4.course,
+        onChange: handleChangeCourse,
+        isDisabled: disabled
       }));
     }
   }), !!(errors !== null && errors !== void 0 && (_errors$textbookOwner3 = errors.textbookOwners) !== null && _errors$textbookOwner3 !== void 0 && (_errors$textbookOwner4 = _errors$textbookOwner3[index]) !== null && _errors$textbookOwner4 !== void 0 && _errors$textbookOwner4.courseId) && React__default.createElement(Typography, {
@@ -30467,10 +30852,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 = useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.academy;
+  });
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var hasErrors = errors.textbookOwners;
   return React__default.createElement(Box, {
     className: "bg-white mt-2",
     sx: {
@@ -30483,15 +30874,15 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
       return React__default.createElement(Grid, {
         container: true,
         spacing: "16px"
-      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (_val, index) {
-        var _values$textbookOwner, _values$textbookOwner2;
+      }, textbookOwners === null || textbookOwners === void 0 ? void 0 : textbookOwners.map(function (val, index) {
+        var _errors$textbookOwner, _values$textbookOwner, _values$textbookOwner2;
         return React__default.createElement(Grid, {
           item: true,
           xs: 6,
-          lg: 2
+          lg: 3
         }, React__default.createElement(Stack, {
           sx: {
-            border: "1px solid " + styles.gray_300,
+            border: "1px solid " + ((_errors$textbookOwner = errors.textbookOwners) !== null && _errors$textbookOwner !== void 0 && _errors$textbookOwner[index] ? styles.red_900 : styles.gray_300),
             borderRadius: "6px",
             width: "100%",
             height: "350px",
@@ -30509,6 +30900,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);
           }
@@ -30524,24 +30916,28 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
             var field = _ref2.field;
             return React__default.createElement(TextField, Object.assign({
               fullWidth: true
-            }, field));
+            }, field, {
+              onKeyDown: handleKeyDown,
+              disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
+            }));
           }
         }), _$4.get(errors, "textbookOwners[" + index + "].email") && React__default.createElement(Typography, {
           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
+          onChangeFieldValue: setFieldValue,
+          disabled: disabled || !!val.academyId && val.academyId !== (academy === null || academy === void 0 ? void 0 : academy.id)
         })));
-      }), React__default.createElement(Grid, {
+      }), !hasErrors && !disabled && academy && React__default.createElement(Grid, {
         item: true,
         xs: 6,
-        lg: 2
+        lg: 3
       }, React__default.createElement("div", {
         style: {
           display: "flex",
@@ -30555,7 +30951,14 @@ var TextbookOwnersTab = function TextbookOwnersTab(_ref) {
           background: styles.gray_50
         },
         onClick: function onClick() {
-          return arrayHelpers.push(DefaultTextbookOwner);
+          var _academy$id;
+          arrayHelpers.push(_extends({}, DefaultTextbookOwner, {
+            academy: academy ? {
+              label: academy.name,
+              value: academy.id
+            } : null,
+            academyId: (_academy$id = academy === null || academy === void 0 ? void 0 : academy.id) != null ? _academy$id : null
+          }));
         }
       }, React__default.createElement(Stack, null, React__default.createElement(IoMdAdd, {
         size: 24
@@ -30564,158 +30967,17 @@ 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$l = ["isSuperAdmin", "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 isSuperAdmin = _ref.isSuperAdmin,
+  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$l);
@@ -30736,7 +30998,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     };
   }, [dirty, t$1]);
   var handleChangeTextbookType = function handleChangeTextbookType() {
-    var isMath = values.type === 2 ? 1 : 2;
+    var isMath = values.type === TextbookEditorType.Math ? TextbookEditorType.Korea : TextbookEditorType.Math;
     var newValues = _reduceToMathArticles(values, isMath);
     setValues(newValues);
   };
@@ -30773,7 +31035,9 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       return React__default.createElement(TextField, Object.assign({
         placeholder: t$1("title")
       }, field, {
-        size: "small"
+        size: "small",
+        disabled: disabled,
+        onKeyDown: handleKeyDown
       }));
     }
   }), !!(errors !== null && errors !== void 0 && errors.name) && React__default.createElement(Typography, {
@@ -30793,7 +31057,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
       }));
     }
@@ -30815,7 +31079,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       var field = _ref4.field;
       return React__default.createElement(Switch, Object.assign({}, field, {
         color: "success",
-        disabled: !!textbookId,
+        disabled: !!textbookId || disabled,
         checked: values.type === 2,
         onChange: handleChangeTextbookType
       }));
@@ -30826,6 +31090,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
       width: "fit-content"
     },
     variant: "contained",
+    disabled: disabled,
     onClick: function onClick() {
       if (!_$5.isEmpty(errors)) {
         toast.error(t$1("please_fill_in_the_blank_fields"));
@@ -30868,7 +31133,7 @@ var PreparedTextbookForm = function PreparedTextbookForm(_ref) {
     sx: {
       color: contentsErrors && submitCount ? error.main + "!important" : "gray"
     }
-  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isSuperAdmin || textbookId) && (!textbookId || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
+  }, a11yProps(1))), !(values !== null && values !== void 0 && values.isPublic) && (!isSuperAdmin || textbookId) && (!textbookId && !isAdmin || (values === null || values === void 0 ? void 0 : values.isShared)) && React__default.createElement(Tab, Object.assign({
     label: t$1("textbook.owners"),
     sx: {
       color: textbookOwnersErrors && submitCount ? error.main + "!important" : "gray"
@@ -30880,14 +31145,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 {
@@ -30897,7 +31168,8 @@ var a11yProps = function a11yProps(index) {
 };
 
 var PreparedTextbookView = function PreparedTextbookView(_ref) {
-  var notFoundView = _ref.notFoundView,
+  var role = _ref.role,
+    notFoundView = _ref.notFoundView,
     onBackToList = _ref.onBackToList,
     textbookId = _ref.textbookId;
   var _useState = useState(0),
@@ -30908,10 +31180,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,
@@ -30920,6 +31197,7 @@ var PreparedTextbookView = function PreparedTextbookView(_ref) {
   var textbookRequest = useMemo(function () {
     return convertResponseToRequest(selectedTextbook);
   }, [JSON.stringify(selectedTextbook)]);
+  var isCreatedByAdmin = selectedTextbook === null || selectedTextbook === void 0 ? void 0 : selectedTextbook.isCreatedByAdmin;
   if (textbookId && selectedTextbook && !selectedTextbook.isPrepared) return notFoundView;
   return React__default.createElement(Box, null, React__default.createElement(Formik, {
     initialValues: textbookRequest,
@@ -30930,13 +31208,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));
   }));
 };