touchstudy-core 0.1.183 → 0.1.185

package/dist/index.modern.js

@@ -11701,10 +11701,10 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = memo(QuestionBlock, isEqual$2);
 
-var _excluded$7 = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$7 = ["data", "path", "isMath", "open", "isLoadingCategories", "isLoadingQuestionTypes", "optionKey", "categories", "questionTypes", "disabled", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu", "onQuestioStartOrderChange"];
 var _$3 = _$a;
 var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
-  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate;
+  var _data$articles$3, _data$articles$3$cate, _data$articles$4, _data$articles$4$cate, _questions$2;
   var data = _ref.data,
     path = _ref.path,
     isMath = _ref.isMath,
@@ -11721,8 +11721,10 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     onCloseCategoryMenu = _ref.onCloseCategoryMenu,
     onCloseQuestionTypeMenu = _ref.onCloseQuestionTypeMenu,
     onOpenQuestionTypeMenu = _ref.onOpenQuestionTypeMenu,
+    onQuestioStartOrderChange = _ref.onQuestioStartOrderChange,
     formikProps = _objectWithoutPropertiesLoose(_ref, _excluded$7);
   var errors = formikProps.errors;
+  var startOrderRef = useRef(null);
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _$3.get(errors, path);
@@ -11730,6 +11732,22 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
     var _data$articles$, _data$articles$$categ, _data$articles$2, _data$articles$2$cate;
     onOpenQuestionTypeMenu(key, (_data$articles$ = data.articles[0]) === null || _data$articles$ === void 0 ? void 0 : (_data$articles$$categ = _data$articles$.categories) === null || _data$articles$$categ === void 0 ? void 0 : _data$articles$$categ[0], (_data$articles$2 = data.articles[0]) === null || _data$articles$2 === void 0 ? void 0 : (_data$articles$2$cate = _data$articles$2.categories) === null || _data$articles$2$cate === void 0 ? void 0 : _data$articles$2$cate[1]);
   }, [(_data$articles$3 = data.articles[0]) === null || _data$articles$3 === void 0 ? void 0 : (_data$articles$3$cate = _data$articles$3.categories) === null || _data$articles$3$cate === void 0 ? void 0 : _data$articles$3$cate[0], (_data$articles$4 = data.articles[0]) === null || _data$articles$4 === void 0 ? void 0 : (_data$articles$4$cate = _data$articles$4.categories) === null || _data$articles$4$cate === void 0 ? void 0 : _data$articles$4$cate[1]]);
+  var debounceQuestionStartOrderChange = _$3.debounce(onQuestioStartOrderChange, 300);
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(e) {
+    var value = e.target.value.replace(/\D/g, '');
+    var order = +value;
+    if (Number.isNaN(order) || order === 0) {
+      order = 1;
+      if (order === 0 && startOrderRef.current) {
+        startOrderRef.current.value = "1";
+      }
+    }
+    debounceQuestionStartOrderChange(order - 1);
+  };
+  useEffect(function () {
+    var _questions$;
+    if (startOrderRef.current) startOrderRef.current.value = "" + ((((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) || 0) + 1);
+  }, [(_questions$2 = questions[0]) === null || _questions$2 === void 0 ? void 0 : _questions$2.questionOrder]);
   return React__default.createElement(FieldArray, {
     name: path + ".articles",
     render: function render(arrayHelpers) {
@@ -11782,7 +11800,26 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
       }, t$1(isMath ? "article" : "korean_article")))), React__default.createElement(Stack, {
         gap: 1,
         direction: "column"
-      }, React__default.createElement(ListView, {
+      }, React__default.createElement(Box, null, React__default.createElement(FormControl, {
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        }
+      }, React__default.createElement(FormLabel, {
+        sx: {
+          fontWeight: 600
+        },
+        htmlFor: "start_order"
+      }, t$1("start_order")), React__default.createElement(TextField, {
+        id: "start_order",
+        inputRef: startOrderRef,
+        onChange: handleChangeStartQuestionOrder,
+        type: "number",
+        size: "small",
+        disabled: disabled
+      }))), React__default.createElement(ListView, {
         data: questions,
         render: function render(question, index) {
           return React__default.createElement(QuestionBlock$1, Object.assign({
@@ -11828,7 +11865,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = memo(QuestionGroupBlockBody, isEqual$3);
 
-var _excluded$8 = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
+var _excluded$8 = ["expandedIndex", "open", "paths", "path", "isMath", "data", "categories", "isLoadingCategories", "isLoadingQuestionTypes", "questionTypes", "optionKey", "disabled", "isTextbook", "onToggle", "onQuestionCountChange", "onDelete", "onOpenSubCategoryMenu", "onOpenCategoryMenu", "onCloseCategoryMenu", "onCopiedPrevQuestionGroup", "onCloseQuestionTypeMenu", "onOpenQuestionTypeMenu"];
 var _$4 = _$a;
 var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   var _data$articles$3, _data$articles$3$cate, _data$articles$3$cate2, _data$articles$4, _data$articles$4$cate, _data$articles$4$cate2;
@@ -11844,6 +11881,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     questionTypes = _ref.questionTypes,
     optionKey = _ref.optionKey,
     disabled = _ref.disabled,
+    isTextbook = _ref.isTextbook,
     onToggle = _ref.onToggle,
     onQuestionCountChange = _ref.onQuestionCountChange,
     onDelete = _ref.onDelete,
@@ -11876,6 +11914,16 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     setFieldValue(path + ".questionCount", questionCount);
     onQuestionCountChange(questionCount, expandedIndex);
   };
+  var handleChangeStartQuestionOrder = function handleChangeStartQuestionOrder(order) {
+    var _questions$;
+    var questions = data.questions;
+    if (((_questions$ = questions[0]) === null || _questions$ === void 0 ? void 0 : _questions$.questionOrder) === order) return;
+    setFieldValue(path + ".questions", questions.map(function (q, index) {
+      return _extends({}, q, {
+        questionOrder: order + index
+      });
+    }));
+  };
   var handleChangeAnswerCount = function handleChangeAnswerCount(val) {
     var answerCount = (val === null || val === void 0 ? void 0 : val.value) || 1;
     setFieldValue(path + ".answerCount", answerCount);
@@ -11923,6 +11971,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   var handleChangeCategory = function handleChangeCategory(val) {
     setFieldValue(path + ".articles[0].categoryOptions", val !== null && val !== void 0 && val.value ? [val] : []);
     setFieldValue(path + ".articles[0].categories", val !== null && val !== void 0 && val.value ? [val.value] : []);
+    var questions = data.questions;
+    setFieldValue(path + ".questions", questions.map(function (q) {
+      return _extends({}, q, {
+        questionTypeId: null,
+        questionType: null
+      });
+    }));
   };
   var handleChangeSubCategory = function handleChangeSubCategory(val) {
     if (!(val !== null && val !== void 0 && val.value)) {
@@ -11935,6 +11990,13 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
       setFieldValue(path + ".articles[0].categories[1]", val.value);
       setFieldValue(path + ".articles[0].categoryOptions[1]", val);
     }
+    var questions = data.questions;
+    setFieldValue(path + ".questions", questions.map(function (q) {
+      return _extends({}, q, {
+        questionTypeId: null,
+        questionType: null
+      });
+    }));
   };
   var summary = open ? "" : [t("number_questions", {
     n: data.questionCount
@@ -11946,6 +12008,8 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
   }).join(",") : ""].filter(function (i) {
     return !!i;
   }).join(" / ");
+  var pageFromError = _$4.get(errors, path + ".pageFrom");
+  var pageToError = _$4.get(errors, path + ".pageTo");
   var categoryError = _$4.get(errors, path + ".articles[0].categories");
   var blockErrors = _$4.get(errors, path);
   return React__default.createElement(Accordion, {
@@ -12125,7 +12189,65 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
         isDisabled: disabled
       }));
     }
-  })))), isMath && React__default.createElement(Box, {
+  }))), !isMath && isTextbook && React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), !isMath && isTextbook && React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(Field, {
+    name: path + ".pageTo",
+    render: function render(_ref7) {
+      var field = _ref7.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), isMath && React__default.createElement(Box, {
     sx: {
       display: "flex"
     }
@@ -12137,6 +12259,83 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     sx: {
       whiteSpace: "nowrap"
     }
+  }, t("category_copy")))), isMath && isTextbook && React__default.createElement(Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
+  }, React__default.createElement(Grid, {
+    container: true,
+    flexGrow: 1,
+    direction: "row"
+  }, React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref8) {
+      var field = _ref8.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(Field, {
+    name: path + ".pageTo",
+    render: function render(_ref9) {
+      var field = _ref9.field;
+      return React__default.createElement(TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), React__default.createElement(Box, {
+    sx: {
+      display: "flex",
+      visibility: "hidden"
+    }
+  }, React__default.createElement(Button, {
+    variant: "contained",
+    color: "success",
+    disabled: true,
+    sx: {
+      whiteSpace: "nowrap"
+    }
   }, t("category_copy"))))) : React__default.createElement(Typography, {
     fontWeight: 600,
     sx: {
@@ -12159,6 +12358,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
     disabled: disabled,
+    onQuestioStartOrderChange: handleChangeStartQuestionOrder,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -12278,6 +12478,8 @@ var _reduceToMathArticles = function reduceToMathArticles(data, isMath) {
       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 (key === "questionType" || key === "questionTypeId") {
+        values[key] = null;
       } else if (typeof values[key] === "object" && values[key] !== null) {
         _reduceToMathArticles(values[key]);
       }
@@ -16613,7 +16815,7 @@ var ActionsTooltip = function ActionsTooltip(_ref) {
 };
 
 var NoteItem = function NoteItem(_ref) {
-  var _user$roles;
+  var _user$roles, _data$questionGroupIn;
   var data = _ref.data,
     openTooltip = _ref.openTooltip,
     actions = _ref.actions,
@@ -16668,7 +16870,7 @@ var NoteItem = function NoteItem(_ref) {
     direction: "row",
     alignItems: "center",
     gap: 1
-  }, React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + data.articleNumber : "" + data.fullName), React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.middle), data.examSessionId ? "" + t("number_question", {
+  }, React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + (((_data$questionGroupIn = data.questionGroupIndex) != null ? _data$questionGroupIn : 0) + 1) : "" + data.fullName), React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.middle), data.examSessionId ? "" + t("number_question", {
     number: (data.questionOrder || 0) + 1
   }) : "" + utcToLocalTime(data.createdAt, t("date_format") + " HH:mm")), data.examSessionId && React__default.createElement(Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(Typography, Object.assign({
     className: "truncate"
@@ -19984,7 +20186,7 @@ var AnswerItem = function AnswerItem(_ref) {
   return React__default.createElement("div", {
     className: "" + printStyles["avoid-break-inside"],
     style: {
-      borderBottom: (data === null || data === void 0 ? void 0 : data.article) !== (nextData === null || nextData === void 0 ? void 0 : nextData.article) && !isFirst && !isLast ? "1px solid #E4E7EC" : ""
+      borderBottom: (data === null || data === void 0 ? void 0 : data.questionGroupIndex) !== (nextData === null || nextData === void 0 ? void 0 : nextData.questionGroupIndex) && !isFirst && !isLast ? "1px solid #E4E7EC" : ""
     },
     key: data.id
   }, React__default.createElement("div", {
@@ -21173,9 +21375,9 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
   });
   useEffect(function () {
     if (chartRef.current) {
-      setIsRendered(timelyOrderQuestion.article);
+      setIsRendered(timelyOrderQuestion.questionGroupIndex);
     }
-  }, [timelyOrderQuestion.article]);
+  }, [timelyOrderQuestion.questionGroupIndex]);
   return React__default.createElement("div", {
     className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement(Typography, {
@@ -21185,7 +21387,7 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
       fontWeight: 700,
       color: "#414E62"
     }
-  }, t("article_number"), " ", timelyOrderQuestion.article), React__default.createElement("div", {
+  }, t("article_number"), " ", timelyOrderQuestion.questionGroupIndex + 1), React__default.createElement("div", {
     className: styles$7["compareChart"] + " " + printStyles["avoid-break-inside"]
   }, React__default.createElement("div", {
     className: "" + styles$7["prevChart"]
@@ -21232,7 +21434,7 @@ var TextbookAnswerItem = function TextbookAnswerItem(_ref) {
   return React__default.createElement("div", {
     className: "" + printStyles["avoid-break-inside"],
     style: {
-      borderBottom: (data === null || data === void 0 ? void 0 : data.article) !== (nextData === null || nextData === void 0 ? void 0 : nextData.article) && !isFirst && !isLast ? "1px solid #E4E7EC" : ""
+      borderBottom: (data === null || data === void 0 ? void 0 : data.questionGroupIndex) !== (nextData === null || nextData === void 0 ? void 0 : nextData.questionGroupIndex) && !isFirst && !isLast ? "1px solid #E4E7EC" : ""
     },
     key: data.id
   }, React__default.createElement("div", {
@@ -32396,7 +32598,8 @@ var ExamDetailForm = function ExamDetailForm(_ref) {
             onQuestionCountChange: handleChangeQuestionCount,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
             onDelete: handleOpenConfirmDelete,
-            isMath: isMath
+            isMath: isMath,
+            isTextbook: false
           }, formikProps));
         }
       }))), React__default.createElement(Grid, {
@@ -33508,255 +33711,6 @@ var ArticleDialog = function ArticleDialog(_ref) {
   }, t("add")))));
 };
 
-var _ChapterBox = function ChapterBox(_ref) {
-  var parentChapterId = _ref.parentChapterId,
-    data = _ref.data,
-    subject = _ref.subject,
-    categoryOptions = _ref.categoryOptions,
-    isReadonly = _ref.isReadonly,
-    onClickAddSubchapter = _ref.onClickAddSubchapter,
-    onChangeName = _ref.onChangeName,
-    onChangePageFrom = _ref.onChangePageFrom,
-    onChangePageTo = _ref.onChangePageTo,
-    onAddArticle = _ref.onAddArticle,
-    onRemoveArticle = _ref.onRemoveArticle,
-    handleCheckArticle = _ref.handleCheckArticle,
-    onUpdateArticleQuestionCount = _ref.onUpdateArticleQuestionCount,
-    onUpdateArticleCategory = _ref.onUpdateArticleCategory,
-    onUpdateArticleQuestionAnswerCount = _ref.onUpdateArticleQuestionAnswerCount,
-    onUpdateArticleQuestion = _ref.onUpdateArticleQuestion,
-    onRemoveChapter = _ref.onRemoveChapter;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    isEditName = _useState[0],
-    setEditName = _useState[1];
-  var toggleEditName = function toggleEditName() {
-    if (isReadonly) {
-      setEditName(false);
-      return;
-    }
-    setEditName(!isEditName);
-  };
-  var handleKeyEnterName = function handleKeyEnterName(e) {
-    if (e.key === "Enter") {
-      handleSaveChapter(toggleEditName);
-    }
-  };
-  var handleSaveChapter = function handleSaveChapter(callback) {
-    callback();
-  };
-  var handleRemoveChapter = function handleRemoveChapter() {
-    onRemoveChapter === null || onRemoveChapter === void 0 ? void 0 : onRemoveChapter(data.name, data.id, parentChapterId);
-  };
-  var handleClickAddSubchapter = function handleClickAddSubchapter() {
-    onClickAddSubchapter === null || onClickAddSubchapter === void 0 ? void 0 : onClickAddSubchapter({
-      id: data.id,
-      name: data.name
-    });
-  };
-  var handleAddArticle = function handleAddArticle() {
-    onAddArticle === null || onAddArticle === void 0 ? void 0 : onAddArticle(data);
-  };
-  var theme = useTheme();
-  var isTabletUp = useMediaQuery(theme.breakpoints.up('lg'));
-  var handleChangeName = function handleChangeName(e) {
-    var text = e.target.value;
-    onChangeName === null || onChangeName === void 0 ? void 0 : onChangeName(text, data.id, parentChapterId);
-  };
-  var handleChangePageFrom = function handleChangePageFrom(e) {
-    var value = +e.target.value.replace(/[^0-9]/g, "");
-    e.target.value = value.toString();
-    onChangePageFrom === null || onChangePageFrom === void 0 ? void 0 : onChangePageFrom(value, data.id, parentChapterId);
-  };
-  var handleChangePageTo = function handleChangePageTo(e) {
-    var value = +e.target.value.replace(/[^0-9]/g, "");
-    e.target.value = value.toString();
-    onChangePageTo === null || onChangePageTo === void 0 ? void 0 : onChangePageTo(value, data.id, parentChapterId);
-  };
-  return React__default.createElement("div", {
-    className: "border-1 border-primary rounded-2"
-  }, React__default.createElement("div", {
-    className: "border-start-0 border-end-0 border-top-0 border-bottom-1 border-primary border p-2 position-relative"
-  }, !isEditName ? React__default.createElement("div", {
-    className: "text-center w-100 px-5 " + (isReadonly ? "" : "pointer"),
-    onClick: toggleEditName
-  }, React__default.createElement(Typography, {
-    className: "w-100 fs-5 fw-bold"
-  }, data.name)) : React__default.createElement(InputText, {
-    className: "w-100 px-5",
-    value: data.name,
-    inputProps: {
-      className: "text-center fs-5 fw-bold"
-    },
-    placeholder: t("chapter_name_placeholder"),
-    onBlur: toggleEditName,
-    onKeyDown: handleKeyEnterName,
-    onChange: handleChangeName
-  }), !isReadonly && React__default.createElement(IconButton, {
-    className: "position-absolute",
-    disabled: isReadonly,
-    style: {
-      right: 12,
-      top: "50%",
-      transform: "translateY(-50%)"
-    },
-    onClick: handleRemoveChapter
-  }, React__default.createElement(FaTrash, {
-    size: 16,
-    className: "text-danger"
-  }))), React__default.createElement("div", {
-    className: "p-3 d-flex justify-content-between"
-  }, React__default.createElement(Grid, {
-    container: true
-  }, React__default.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(Grid, {
-    container: true,
-    spacing: 2
-  }, !isTabletUp && React__default.createElement(Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(Stack, {
-    direction: "row",
-    justifyContent: "end",
-    spacing: 2
-  }, !parentChapterId && !data.articles.length && React__default.createElement(Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "primary",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(FaPlus, {
-      size: 12
-    }),
-    onClick: handleClickAddSubchapter
-  }, t("add_subchapter")), data.subChapters.length === 0 && React__default.createElement(Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "success",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(FaPlus, {
-      size: 12
-    }),
-    onClick: handleAddArticle
-  }, t("add_article")))), React__default.createElement(Grid, {
-    item: true,
-    xs: 12,
-    lg: 4,
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      width: "50%"
-    }
-  }, React__default.createElement("label", {
-    style: {
-      minWidth: "90px"
-    },
-    className: "fw-bold text-nowrap me-2"
-  }, t("page.from"), ":"), React__default.createElement(InputText, {
-    type: "number",
-    className: "w-100",
-    disabled: isReadonly,
-    value: data.pageFrom,
-    onChange: handleChangePageFrom,
-    placeholder: t("page.from_placeholder"),
-    error: data.pageFrom > data.pageTo || data.pageFrom < 0
-  })), React__default.createElement(Grid, {
-    item: true,
-    xs: 12,
-    lg: 4,
-    sx: {
-      display: "flex",
-      alignItems: "center",
-      width: "50%"
-    }
-  }, React__default.createElement("label", {
-    style: {
-      minWidth: "90px"
-    },
-    className: "fw-bold text-nowrap me-2"
-  }, t("page.to"), ":"), React__default.createElement(InputText, {
-    type: "number",
-    disabled: isReadonly,
-    className: "w-100",
-    value: data.pageTo,
-    onChange: handleChangePageTo,
-    placeholder: t("page.to_placeholder"),
-    error: data.pageTo < data.pageFrom
-  })), isTabletUp && React__default.createElement(Grid, {
-    item: true,
-    lg: 4
-  }, React__default.createElement(Stack, {
-    direction: "row",
-    justifyContent: "end",
-    spacing: 2
-  }, !parentChapterId && !data.articles.length && React__default.createElement(Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "primary",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(FaPlus, {
-      size: 12
-    }),
-    onClick: handleClickAddSubchapter
-  }, t("add_subchapter")), data.subChapters.length === 0 && React__default.createElement(Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "success",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(FaPlus, {
-      size: 12
-    }),
-    onClick: handleAddArticle
-  }, t("add_article")))))))), React__default.createElement("div", {
-    className: "p-3"
-  }, React__default.createElement(Stack, {
-    spacing: 2
-  }, data.subChapters.map(function (subchapter) {
-    return React__default.createElement(_ChapterBox, {
-      key: data.id + "-" + subchapter.id,
-      categoryOptions: categoryOptions,
-      subject: subject,
-      parentChapterId: data.id,
-      data: subchapter,
-      isReadonly: isReadonly,
-      onChangeName: onChangeName,
-      onChangePageFrom: onChangePageFrom,
-      onChangePageTo: onChangePageTo,
-      handleCheckArticle: handleCheckArticle,
-      onAddArticle: onAddArticle,
-      onRemoveArticle: onRemoveArticle,
-      onUpdateArticleQuestionCount: onUpdateArticleQuestionCount,
-      onUpdateArticleCategory: onUpdateArticleCategory,
-      onUpdateArticleQuestionAnswerCount: onUpdateArticleQuestionAnswerCount,
-      onUpdateArticleQuestion: onUpdateArticleQuestion,
-      onRemoveChapter: onRemoveChapter
-    });
-  }), data.subChapters.length === 0 && data.articles.map(function (article, index) {
-    return React__default.createElement(Stack, {
-      key: index
-    }, React__default.createElement(Stack, {
-      display: "flex",
-      flexDirection: "row",
-      gap: "8px",
-      alignItems: "center"
-    }, React__default.createElement(Checkbox, {
-      id: "textbook",
-      sx: {
-        display: "flex",
-        justifyContent: "start",
-        width: "fit-content"
-      },
-      onChange: function onChange(e) {
-        return handleCheckArticle(e, article);
-      }
-    }), React__default.createElement("label", {
-      htmlFor: "textbook"
-    }, t("select_article_create_exam"))));
-  }))));
-};
-
 var TextbookActionButtons = function TextbookActionButtons(_ref) {
   var isReadonly = _ref.isReadonly,
     textbook = _ref.textbook,
@@ -35041,7 +34995,8 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             onQuestionCountChange: handleChangeQuestionCount,
             onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
             onDelete: onDelete,
-            isMath: isMath
+            isMath: isMath,
+            isTextbook: true
           }, formikProps));
         }
       })), showAddQuestionGroup && React__default.createElement(Box, null, React__default.createElement(Button, {
@@ -38392,5 +38347,5 @@ var LayoutContext = function LayoutContext(_ref) {
   });else return React__default.createElement(Fragment$1, null, children);
 };
 
-export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnnouncementContainer, AnnouncementType, AnswerCountSelector, ArticleBlock$1 as ArticleBlock, ArticleCategorySelector, ArticleDialog, AttendanceFormDialog, BASE_URL, BRIEF_GRADE_OPTIONS, _ChapterBox as ChapterBox, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonCreateNewQuestionDialog, CommonDialog, CompareTypeOptions, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_ANSWER_COUNT, DEFAULT_ARTICLE, DEFAULT_MATH_QUESTION_GROUP, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DEFAULT_QUESTION, DEFAULT_QUESTION_GROUP, DEFAULT_SCORE$1 as DEFAULT_SCORE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEditorType, ExamEvent, ExamNoteDialog, ExamResultV2, ExamSessionItem, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, GRADE_OPTIONS, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, LessonTooltip, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, MonthGroupedExamSessionItem, NewNoteButton, NoAcademyHeaders, NotFound, NoteDrawer, NoteTabs, NoteType, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionBlock$1 as QuestionBlock, QuestionCompareType, QuestionCountSelector, QuestionGroupBlock, QuestionGroupBlockBody$1 as QuestionGroupBlockBody, QuestionOrderName, QuestionShortInput$1 as QuestionShortInput, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentInfoDrawer, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookDrawer, TextbookEditorType, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, cleanRichText, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatPhoneNumber, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, generateNewQuestionGroup, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getPreviousQuestinGroupCategory, getQuestionGroupsAfterQuestionCountChanged, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, groupMonth, handleKeyDown, i18n, includePathname, isLocalHost, isSequentialQuestionGroups, isTextType, labelStyle, minutesToTimeSpan, pushTo, _reduceToMathArticles as reduceToMathArticles, reset, _resetAllCategoriesAndQuestionTypesBySubject as resetAllCategoriesAndQuestionTypesBySubject, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setTotalUnreadMessages, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useKeyboardVisible, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
+export { ACADEMY_DOMAIN, ACCESS_TOKEN, AcademyHeaders, AcademyList, AcceptNoAcademy, ActionButtons, AnnouncementContainer, AnnouncementType, AnswerCountSelector, ArticleBlock$1 as ArticleBlock, ArticleCategorySelector, ArticleDialog, AttendanceFormDialog, BASE_URL, BRIEF_GRADE_OPTIONS, ChatContainer, types as ChatTypes, ClassDetail, ClassList, ClassNoteDialog, ClassSelector, CommonCreateNewQuestionDialog, CommonDialog, CompareTypeOptions, ConfirmDeleteDialog, ConfirmDialog, CustomAsyncSelect, CustomCreatable, CustomPagination, CustomSelect, CustomSelectOption, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, DEFAULT_ANSWER_COUNT, DEFAULT_ARTICLE, DEFAULT_MATH_QUESTION_GROUP, DEFAULT_NOTE_FILTER, DEFAULT_PAGING_RESPONSE, DEFAULT_QUESTION, DEFAULT_QUESTION_GROUP, DEFAULT_SCORE$1 as DEFAULT_SCORE, DefaultErrorMessage, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamDetailView, ExamEditorType, ExamEvent, ExamNoteDialog, ExamResultV2, ExamSessionItem, ExamStatus, GOOGLE_CLIENT_ID, GOOGLE_RECAPTCHA_ID, GOOGLE_RECAPTCHA_KEY, GOOGLE_RECAPTCHA_SECRET, GRADE_OPTIONS, Header, InputText, LANGUAGE, LEARNING_SPACE, Language, LanguageHeaders, LayoutContext, LessonTooltip, ListView, Loading, LoadingComponent, Login, LoginQRCode, LoginWithEmail, SignIn as LoginWithPassword, MathJaxContainer, MathTinyEditor, MonthGroupedExamSessionItem, NewNoteButton, NoAcademyHeaders, NotFound, NoteDrawer, NoteTabs, NoteType, NotesContainer, NotificationDetail, NotificationList, OrderBy, OrderType, PRE_REDIRECT_URL, PUSHER_CONFIG, PassCodeCheck, PassCodeDialog, PreparedItem, PreparedTextbookList, PreparedTextbookView, PreparedType, PrintContainerClassName, PrintContentClassName, PrintExamResultView, PrintExamView2, PrintHeaderClassName, PrintTitleClassName, QRCodeConfirmation, QuestionAnswerType, QuestionBlock$1 as QuestionBlock, QuestionCompareType, QuestionCountSelector, QuestionGroupBlock, QuestionGroupBlockBody$1 as QuestionGroupBlockBody, QuestionOrderName, QuestionShortInput$1 as QuestionShortInput, REDIRECT_URL, RELEASE_DATE, RecentUserAction, RecentUserActionNames, RecentUserActionSortBy, ReleaseAlert, Role, SUPER_ADMIN_BASE_URL, SchoolType, ScoreSelector, SearchInput, ShareToTeacherDialog, StudentInfoDrawer, StudentSelector, SubjectSelector, TextbookActionButtons, TextbookDrawer, TextbookEditorType, TextbookList, TheAcademyDropdown, TheLanguageDropdown, TinyEditor, UserList, UserSortColumn, VirtualListView, VirtualTableView, api, apiUpload, canAccess as canAccessRoute, cleanRichText, convertHHMMSStoSeconds, createRecentUserActionListApi, diffFromNow, ellipsisText, encodeParams, formatDataMyAnswer, formatDateTime, formatPhoneNumber, formatRole, formatTextbookDataMyAnswer, formatTime, formatTimeSecond, generateNewQuestionGroup, getAcademyDomain, getAccessToken, getErrorMessage, getLanguage, getLearningSpace, getLocalDayOfWeek, getOrdinalSuffix, getPreviousQuestinGroupCategory, getQuestionGroupsAfterQuestionCountChanged, getRecentUserActionListApi, getRedirectUrl, getRemainTime, getRole, getUtcDayOfWeek, groupMonth, handleKeyDown, i18n, includePathname, isLocalHost, isSequentialQuestionGroups, isTextType, labelStyle, minutesToTimeSpan, pushTo, _reduceToMathArticles as reduceToMathArticles, reset, _resetAllCategoriesAndQuestionTypesBySubject as resetAllCategoriesAndQuestionTypesBySubject, setAcademies, setAcademy, setAlert, setConcurrentConnectionPusher, setLanguage, setLoading, setReFetchUserAcademies, setTotalUnreadMessages, setUser, store, timAgo, timeSpanToLocalMoment, toISOString, toLocalTime, totalSolveTimeCategories, totalTextbookSolveTimeCategories, useAutoAcademyDomain, useChatContainer, useCountDownTimer, useGoogleSignOut, useKeyboardVisible, useLanguage, useList, useLoadMore, useLogin, useNotes, usePusherConversation, useSwitchAcademy, useVirtualizeList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map