touchstudy-core 0.1.183 → 0.1.184

package/dist/index.js

@@ -11682,10 +11682,10 @@ var isEqual$2 = function isEqual(prev, next) {
 };
 var QuestionBlock$1 = React.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,
@@ -11702,8 +11702,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 = React.useRef(null);
   var articles = data.articles,
     questions = data.questions;
   var blockErrors = _$3.get(errors, path);
@@ -11711,6 +11713,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);
+  };
+  React.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(formik.FieldArray, {
     name: path + ".articles",
     render: function render(arrayHelpers) {
@@ -11763,7 +11781,26 @@ var QuestionGroupBlockBody = function QuestionGroupBlockBody(_ref) {
       }, i18n.t(isMath ? "article" : "korean_article")))), React__default.createElement(material.Stack, {
         gap: 1,
         direction: "column"
-      }, React__default.createElement(ListView, {
+      }, React__default.createElement(material.Box, null, React__default.createElement(material.FormControl, {
+        sx: {
+          display: "flex",
+          flexDirection: "row",
+          alignItems: "center",
+          gap: 1
+        }
+      }, React__default.createElement(material.FormLabel, {
+        sx: {
+          fontWeight: 600
+        },
+        htmlFor: "start_order"
+      }, i18n.t("start_order")), React__default.createElement(material.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({
@@ -11809,7 +11846,7 @@ var isEqual$3 = function isEqual(prev, next) {
 };
 var QuestionGroupBlockBody$1 = React.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;
@@ -11825,6 +11862,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,
@@ -11857,6 +11895,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);
@@ -11927,6 +11975,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(material.Accordion, {
@@ -12106,7 +12156,65 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
         isDisabled: disabled
       }));
     }
-  })))), isMath && React__default.createElement(material.Box, {
+  }))), !isMath && isTextbook && React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(formik.Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref6) {
+      var field = _ref6.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), !isMath && isTextbook && React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(formik.Field, {
+    name: path + ".pageTo",
+    render: function render(_ref7) {
+      var field = _ref7.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), isMath && React__default.createElement(material.Box, {
     sx: {
       display: "flex"
     }
@@ -12118,6 +12226,83 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     sx: {
       whiteSpace: "nowrap"
     }
+  }, t("category_copy")))), isMath && isTextbook && React__default.createElement(material.Stack, {
+    direction: "row",
+    flexWrap: "nowrap"
+  }, React__default.createElement(material.Grid, {
+    container: true,
+    flexGrow: 1,
+    direction: "row"
+  }, React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_from")), React__default.createElement(formik.Field, {
+    name: path + ".pageFrom",
+    render: function render(_ref8) {
+      var field = _ref8.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_from"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageFromError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageFromError ? "#97A1AF" : "#F34B4B"
+  }, pageFromError))), React__default.createElement(material.Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement(material.FormGroup, {
+    sx: {
+      marginRight: 2
+    }
+  }, React__default.createElement(material.FormLabel, {
+    htmlFor: "question_count",
+    className: "form-label"
+  }, t("page_to")), React__default.createElement(formik.Field, {
+    name: path + ".pageTo",
+    render: function render(_ref9) {
+      var field = _ref9.field;
+      return React__default.createElement(material.TextField, Object.assign({
+        placeholder: t("page_to"),
+        type: "number"
+      }, field, {
+        size: "small",
+        onKeyDown: handleKeyDown,
+        disabled: disabled
+      }));
+    }
+  }), !!pageToError && React__default.createElement(material.Typography, {
+    fontWeight: 500,
+    fontSize: "10px",
+    lineHeight: "11.93px",
+    mt: 1,
+    color: !pageToError ? "#97A1AF" : "#F34B4B"
+  }, pageToError)))), React__default.createElement(material.Box, {
+    sx: {
+      display: "flex",
+      visibility: "hidden"
+    }
+  }, React__default.createElement(material.Button, {
+    variant: "contained",
+    color: "success",
+    disabled: true,
+    sx: {
+      whiteSpace: "nowrap"
+    }
   }, t("category_copy"))))) : React__default.createElement(material.Typography, {
     fontWeight: 600,
     sx: {
@@ -12140,6 +12325,7 @@ var QuestionGroupBlock = function QuestionGroupBlock(_ref) {
     isLoadingQuestionTypes: isLoadingQuestionTypes,
     optionKey: optionKey,
     disabled: disabled,
+    onQuestioStartOrderChange: handleChangeStartQuestionOrder,
     onDelete: onDelete,
     onOpenSubCategoryMenu: onOpenSubCategoryMenu,
     onOpenCategoryMenu: onOpenCategoryMenu,
@@ -16594,7 +16780,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,
@@ -16649,7 +16835,7 @@ var NoteItem = function NoteItem(_ref) {
     direction: "row",
     alignItems: "center",
     gap: 1
-  }, React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + data.articleNumber : "" + data.fullName), React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.middle), data.examSessionId ? "" + t("number_question", {
+  }, React__default.createElement(material.Typography, Object.assign({}, NoteItemStyles.text.left), data.examSessionId ? t("article") + " " + (((_data$questionGroupIn = data.questionGroupIndex) != null ? _data$questionGroupIn : 0) + 1) : "" + data.fullName), React__default.createElement(material.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(material.Typography, Object.assign({}, NoteItemStyles.text.right), data.categoryName)), React__default.createElement(material.Typography, Object.assign({
     className: "truncate"
@@ -19965,7 +20151,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", {
@@ -21154,9 +21340,9 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
   });
   React.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(material.Typography, {
@@ -21166,7 +21352,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"]
@@ -21213,7 +21399,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", {
@@ -32377,7 +32563,8 @@ var ExamDetailForm = function ExamDetailForm(_ref) {
             onQuestionCountChange: handleChangeQuestionCount,
             onCopiedPrevQuestionGroup: handleCopiedPrevQuestionGroup,
             onDelete: handleOpenConfirmDelete,
-            isMath: isMath
+            isMath: isMath,
+            isTextbook: false
           }, formikProps));
         }
       }))), React__default.createElement(material.Grid, {
@@ -33489,255 +33676,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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useState = React.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 = material.useTheme();
-  var isTabletUp = material.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(material.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(material.IconButton, {
-    className: "position-absolute",
-    disabled: isReadonly,
-    style: {
-      right: 12,
-      top: "50%",
-      transform: "translateY(-50%)"
-    },
-    onClick: handleRemoveChapter
-  }, React__default.createElement(fa.FaTrash, {
-    size: 16,
-    className: "text-danger"
-  }))), React__default.createElement("div", {
-    className: "p-3 d-flex justify-content-between"
-  }, React__default.createElement(material.Grid, {
-    container: true
-  }, React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(material.Grid, {
-    container: true,
-    spacing: 2
-  }, !isTabletUp && React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, React__default.createElement(material.Stack, {
-    direction: "row",
-    justifyContent: "end",
-    spacing: 2
-  }, !parentChapterId && !data.articles.length && React__default.createElement(material.Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "primary",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(fa.FaPlus, {
-      size: 12
-    }),
-    onClick: handleClickAddSubchapter
-  }, t("add_subchapter")), data.subChapters.length === 0 && React__default.createElement(material.Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "success",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(fa.FaPlus, {
-      size: 12
-    }),
-    onClick: handleAddArticle
-  }, t("add_article")))), React__default.createElement(material.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(material.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(material.Grid, {
-    item: true,
-    lg: 4
-  }, React__default.createElement(material.Stack, {
-    direction: "row",
-    justifyContent: "end",
-    spacing: 2
-  }, !parentChapterId && !data.articles.length && React__default.createElement(material.Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "primary",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(fa.FaPlus, {
-      size: 12
-    }),
-    onClick: handleClickAddSubchapter
-  }, t("add_subchapter")), data.subChapters.length === 0 && React__default.createElement(material.Button, {
-    className: "mx-1",
-    variant: "contained",
-    color: "success",
-    disabled: isReadonly,
-    startIcon: React__default.createElement(fa.FaPlus, {
-      size: 12
-    }),
-    onClick: handleAddArticle
-  }, t("add_article")))))))), React__default.createElement("div", {
-    className: "p-3"
-  }, React__default.createElement(material.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(material.Stack, {
-      key: index
-    }, React__default.createElement(material.Stack, {
-      display: "flex",
-      flexDirection: "row",
-      gap: "8px",
-      alignItems: "center"
-    }, React__default.createElement(material.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,
@@ -35022,7 +34960,8 @@ var ChapterBlockBody = function ChapterBlockBody(_ref) {
             onQuestionCountChange: handleChangeQuestionCount,
             onCopiedPrevQuestionGroup: onCopiedPrevQuestionGroup,
             onDelete: onDelete,
-            isMath: isMath
+            isMath: isMath,
+            isTextbook: true
           }, formikProps));
         }
       })), showAddQuestionGroup && React__default.createElement(material.Box, null, React__default.createElement(material.Button, {
@@ -38483,7 +38422,6 @@ exports.ArticleDialog = ArticleDialog;
 exports.AttendanceFormDialog = AttendanceFormDialog;
 exports.BASE_URL = BASE_URL;
 exports.BRIEF_GRADE_OPTIONS = BRIEF_GRADE_OPTIONS;
-exports.ChapterBox = _ChapterBox;
 exports.ChatContainer = ChatContainer;
 exports.ChatTypes = types;
 exports.ClassDetail = ClassDetail;