touchstudy-core 0.1.80 → 0.1.82

package/dist/index.js

@@ -2580,6 +2580,7 @@ var your_browser_must = "귀하의 브라우저는 다음을 충족해야 합니
 var allowed_to_send_pop_ups_and_use_redirects = "팝업 보내기 및 리디렉션 사용이 허용됨";
 var disable_ask_where_to_save_each_file_before_downloading = "다운로드하기 전에 각 파일을 저장할 위치 묻기 비활성화";
 var total_number_of_selected_results = "선택된 결과의 총 개수";
+var choose_to_print = "인쇄를 선택하세요";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -3352,7 +3353,8 @@ var lang_ko = {
 	your_browser_must: your_browser_must,
 	allowed_to_send_pop_ups_and_use_redirects: allowed_to_send_pop_ups_and_use_redirects,
 	disable_ask_where_to_save_each_file_before_downloading: disable_ask_where_to_save_each_file_before_downloading,
-	total_number_of_selected_results: total_number_of_selected_results
+	total_number_of_selected_results: total_number_of_selected_results,
+	choose_to_print: choose_to_print
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -4135,6 +4137,7 @@ var your_browser_must$1 = "Your browser must";
 var allowed_to_send_pop_ups_and_use_redirects$1 = "Allowed to send pop-ups and use redirects";
 var disable_ask_where_to_save_each_file_before_downloading$1 = "Disable ask where to save each file before downloading";
 var total_number_of_selected_results$1 = "Total number of selected results";
+var choose_to_print$1 = "Choose to print";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -4908,7 +4911,8 @@ var lang_en = {
 	your_browser_must: your_browser_must$1,
 	allowed_to_send_pop_ups_and_use_redirects: allowed_to_send_pop_ups_and_use_redirects$1,
 	disable_ask_where_to_save_each_file_before_downloading: disable_ask_where_to_save_each_file_before_downloading$1,
-	total_number_of_selected_results: total_number_of_selected_results$1
+	total_number_of_selected_results: total_number_of_selected_results$1,
+	choose_to_print: choose_to_print$1
 };
 
 i18n__default.use(reactI18next.initReactI18next).init({
@@ -10868,6 +10872,7 @@ var EXAM_RESULT = {
     topDuration: 180.939,
     answerResponseSignal: 0,
     isCorrect: false,
+    score: 2,
     answerTime: "2024-03-13T04:29:00.685+00:00",
     article: 1,
     category: {
@@ -10889,6 +10894,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.014,
     topDuration: 2.014,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:02.7+00:00",
     article: 1,
@@ -10911,6 +10917,7 @@ var EXAM_RESULT = {
     classAverageTime: 52.244,
     topDuration: 24.244,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:04.944+00:00",
     article: 1,
@@ -10933,6 +10940,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.373,
     topDuration: 1.373,
     answerResponseSignal: 4,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:06.317+00:00",
     article: 1,
@@ -10955,6 +10963,7 @@ var EXAM_RESULT = {
     classAverageTime: 132.683,
     topDuration: 110.683,
     answerResponseSignal: 2,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:07+00:00",
     article: 1,
@@ -10977,6 +10986,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.052,
     topDuration: 1.052,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:08.052+00:00",
     article: 2,
@@ -10999,6 +11009,7 @@ var EXAM_RESULT = {
     classAverageTime: 0,
     topDuration: null,
     answerResponseSignal: null,
+    score: 2,
     isCorrect: false,
     answerTime: "0001-01-01T00:00:00+00:00",
     article: 2,
@@ -11021,6 +11032,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.596,
     topDuration: 2.596,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:10.648+00:00",
     article: 2,
@@ -11043,6 +11055,7 @@ var EXAM_RESULT = {
     classAverageTime: 0.899,
     topDuration: 0.899,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:12.864+00:00",
     article: 2,
@@ -11066,6 +11079,7 @@ var EXAM_RESULT = {
     topDuration: 20.496,
     answerResponseSignal: 0,
     isCorrect: true,
+    score: 2,
     answerTime: "2024-03-13T04:29:14.36+00:00",
     article: 2,
     category: {
@@ -11087,6 +11101,7 @@ var EXAM_RESULT = {
     classAverageTime: 0,
     topDuration: null,
     answerResponseSignal: null,
+    score: 2,
     isCorrect: false,
     answerTime: "0001-01-01T00:00:00+00:00",
     article: 2,
@@ -11110,6 +11125,7 @@ var EXAM_RESULT = {
     topDuration: 1.317,
     answerResponseSignal: 1,
     isCorrect: true,
+    score: 2,
     answerTime: "2024-03-13T04:29:11.965+00:00",
     article: 3,
     category: {
@@ -11131,6 +11147,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.593,
     topDuration: 1.593,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:20.734+00:00",
     article: 3,
@@ -11153,6 +11170,7 @@ var EXAM_RESULT = {
     classAverageTime: 1.204,
     topDuration: 1.204,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:18.164+00:00",
     article: 3,
@@ -11175,6 +11193,7 @@ var EXAM_RESULT = {
     classAverageTime: 2.6,
     topDuration: 2.6,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: false,
     answerTime: "2024-03-13T04:29:16.96+00:00",
     article: 3,
@@ -11197,6 +11216,7 @@ var EXAM_RESULT = {
     classAverageTime: 0.977,
     topDuration: 0.977,
     answerResponseSignal: 1,
+    score: 2,
     isCorrect: true,
     answerTime: "2024-03-13T04:29:19.141+00:00",
     article: 3,
@@ -11725,12 +11745,12 @@ var useExamResult = function useExamResult(props) {
           setCategoryResponses(((_result$4$data2 = result[4].data) === null || _result$4$data2 === void 0 ? void 0 : _result$4$data2.data) || []);
           return isStudent ? _temp3(!isStudent && createRecentUserActionListApi({
             userId: studentId,
-            action: RecentUserAction$1.ViewedExamResult,
+            action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
             roles: [exports.Role.Teacher]
           })) : Promise.resolve(!isStudent && createRecentUserActionListApi({
             userId: studentId,
-            action: RecentUserAction$1.ViewedExamResult,
+            action: isPrint ? RecentUserAction$1.PrintedExamResult : RecentUserAction$1.ViewedExamResult,
             data: "" + examSessionId,
             roles: [exports.Role.Teacher]
           })).then(_temp3);
@@ -13115,7 +13135,7 @@ var iconNoStarQuestion = function iconNoStarQuestion(_ref) {
     clipPath: "url(#clip0_307_1248)"
   }, React__default.createElement("path", {
     d: "M10.7735 13.125C10.6814 13.1253 10.5916 13.0966 10.5168 13.043L7.00007 10.4934L3.48339 13.043C3.40826 13.0975 3.31774 13.1266 3.22493 13.1263C3.13212 13.126 3.04182 13.0961 2.96709 13.0411C2.89235 12.986 2.83706 12.9087 2.8092 12.8201C2.78134 12.7316 2.78236 12.6365 2.8121 12.5486L4.18367 8.48612L0.628977 6.04843C0.55198 5.99569 0.493868 5.9197 0.46313 5.83158C0.432392 5.74346 0.43064 5.64781 0.458129 5.55863C0.485619 5.46944 0.54091 5.39138 0.615924 5.33585C0.690937 5.28032 0.781742 5.25024 0.875071 5.24999H5.26046L6.5839 1.17714C6.61241 1.08921 6.66804 1.01257 6.74281 0.958208C6.81757 0.903851 6.90763 0.874573 7.00007 0.874573C7.09251 0.874573 7.18257 0.903851 7.25734 0.958208C7.33211 1.01257 7.38773 1.08921 7.41624 1.17714L8.73968 5.25136H13.1251C13.2185 5.25131 13.3095 5.28119 13.3848 5.33661C13.46 5.39203 13.5155 5.47008 13.5432 5.55934C13.5708 5.6486 13.5692 5.74437 13.5385 5.83262C13.5078 5.92088 13.4496 5.99699 13.3725 6.0498L9.81648 8.48612L11.1872 12.5475C11.2094 12.6132 11.2157 12.6833 11.2054 12.752C11.1952 12.8206 11.1688 12.8859 11.1284 12.9423C11.088 12.9987 11.0347 13.0447 10.973 13.0765C10.9113 13.1082 10.8429 13.1249 10.7735 13.125Z",
-    fill: "#FEAF06"
+    fill: "#E4E7EC"
   })), React__default.createElement("defs", null, React__default.createElement("clipPath", {
     id: "clip0_307_1248"
   }, React__default.createElement("rect", {
@@ -13458,6 +13478,8 @@ function CreateNewQuestionDialog(_ref) {
   })));
 }
 
+var printStyles = {"page-break":"_35kyG","print-exact-color":"_1PFgl","avoid-break-inside":"_3rPGh"};
+
 function MyAnswer(_ref) {
   var data = _ref.data,
     categories = _ref.categories,
@@ -13490,11 +13512,15 @@ function MyAnswer(_ref) {
   };
   var renderQuestions = function renderQuestions(questions) {
     return questions.map(function (question, index) {
+      var _questions;
       return React__default.createElement("div", {
+        className: "" + printStyles["avoid-break-inside"],
         style: isOpenTime[question.id] ? {
           borderTop: index !== 0 ? "1px solid #E4E7EC" : "",
           borderBottom: "1px solid #E4E7EC"
-        } : {},
+        } : {
+          borderBottom: (question === null || question === void 0 ? void 0 : question.article) !== ((_questions = questions[index + 1]) === null || _questions === void 0 ? void 0 : _questions.article) && index !== (questions === null || questions === void 0 ? void 0 : questions.length) && index !== 0 && index !== questions.length - 1 ? "1px solid #E4E7EC" : ""
+        },
         key: question.id
       }, React__default.createElement("div", {
         className: styles$4["myAnswerItem"] + " " + styles["noGutters"]
@@ -13590,11 +13616,13 @@ function MyAnswer(_ref) {
     });
   };
   return React__default.createElement("div", {
-    className: styles$4["myanswer"]
+    className: "" + styles$4["myanswer"]
   }, formattedData && formattedData.length > 0 && formattedData.map(function (item) {
     return React__default.createElement("div", {
       key: item.category.id
-    }, React__default.createElement("div", null, React__default.createElement(material.Stack, {
+    }, React__default.createElement("div", {
+      className: "" + printStyles["avoid-break-inside"]
+    }, React__default.createElement(material.Stack, {
       bgcolor: "#F9FAFB",
       flexDirection: "row",
       padding: "12px",
@@ -13744,18 +13772,29 @@ var iconBtnNextChart = function iconBtnNextChart(_ref) {
   }));
 };
 
-var CompareGrass = function CompareGrass(_ref) {
-  var effectSize = _ref.effectSize;
+var ChipCustom = material.styled(material.Stack)(function (_ref) {
+  _objectDestructuringEmpty(_ref);
+  return {
+    width: "fit-content",
+    borderRadius: "6px",
+    padding: "4px 8px",
+    flexWrap: "nowrap"
+  };
+});
+var CompareGrass = function CompareGrass(_ref2) {
+  var effectSize = _ref2.effectSize;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var renderTableBody = function renderTableBody(effectSize) {
     return effectSize.map(function (item, index) {
       return React__default.createElement("tr", {
         id: "print-item",
+        className: "" + printStyles["avoid-break-inside"],
         key: item.id,
-        style: index < effectSize.length - 1 ? {
-          borderBottom: "1px solid #e4e7ec"
-        } : {}
+        style: {
+          borderBottom: index < effectSize.length - 1 ? "1px solid #e4e7ec" : undefined,
+          borderTop: index < effectSize.length - 1 ? "1px solid transparent" : undefined
+        }
       }, React__default.createElement("td", {
         className: styles$4["tdcolumn1"]
       }, t("problem"), " ", item.questionOrder + 1), React__default.createElement("td", {
@@ -13779,31 +13818,47 @@ var CompareGrass = function CompareGrass(_ref) {
         }
       }, item.mostSelectedAnswers ? t("number_question", {
         number: item.mostSelectedAnswers
-      }) : ""), React__default.createElement("td", null, React__default.createElement("div", {
-        className: styles$4["classification"]
+      }) : ""), React__default.createElement("td", {
+        className: "" + printStyles["avoid-break-inside"]
+      }, React__default.createElement("div", {
+        className: styles$4["classification"] + " " + printStyles["avoid-break-inside"]
       }, item.problemCategories.map(function (problem, index) {
-        return React__default.createElement("div", {
-          key: index
-        }, problem === 1 && React__default.createElement("span", {
+        return React__default.createElement(material.Stack, {
+          flexDirection: "row",
+          key: index,
+          gap: "10px",
+          flexWrap: "wrap",
+          className: "" + printStyles["avoid-break-inside"]
+        }, problem === 1 && React__default.createElement(ChipCustom, {
           style: {
-            border: "1px solid " + styles$4.green_support_900
-          }
-        }, t("easy_problem")), problem === 3 && React__default.createElement("span", {
+            border: "1px solid #1EE288",
+            fontSize: "11px"
+          },
+          className: "" + printStyles["avoid-break-inside"]
+        }, t("easy_problem")), problem === 3 && React__default.createElement(ChipCustom, {
           style: {
-            border: "1px solid " + styles$4.yellow_900
-          }
-        }, t("trick_problem")), problem === 2 && React__default.createElement("span", {
+            border: "1px solid #FEAF06",
+            fontSize: "11px"
+          },
+          className: "" + printStyles["avoid-break-inside"]
+        }, t("trick_problem")), problem === 2 && React__default.createElement(ChipCustom, {
           style: {
-            border: "1px solid " + styles$4.red_900
-          }
-        }, t("differential_problem")), problem === 0 && React__default.createElement("span", {
+            border: "1px solid #F34B4B",
+            fontSize: "11px"
+          },
+          className: "" + printStyles["avoid-break-inside"]
+        }, t("differential_problem")), problem === 0 && React__default.createElement(ChipCustom, {
           style: {
-            border: "1px solid #DDDDDD"
-          }
-        }, t("general_problem")), problem === 4 && React__default.createElement("span", {
+            border: "1px solid #DDDDDD",
+            fontSize: "11px"
+          },
+          className: "" + printStyles["avoid-break-inside"]
+        }, t("general_problem")), problem === 4 && React__default.createElement(ChipCustom, {
           style: {
-            border: "1px solid " + styles$4.red_900
-          }
+            border: "1px solid #FF0000",
+            fontSize: "11px"
+          },
+          className: "" + printStyles["avoid-break-inside"]
         }, t("difficult_problem")));
       }))));
     });
@@ -13820,8 +13875,10 @@ var CompareGrass = function CompareGrass(_ref) {
     }
   }, React__default.createElement("thead", {
     style: {
-      borderBottom: "1px solid #E4E7EC"
-    }
+      borderBottom: "1px solid #E4E7EC",
+      borderTop: "1px solid transparent"
+    },
+    className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
     className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
@@ -13904,9 +13961,9 @@ var TrickyProblem = function TrickyProblem(_ref) {
   });
   var renderProblems = function renderProblems() {
     return React__default.createElement(React.Fragment, null, React__default.createElement("div", {
-      className: styles$4["titleTrickyProblem"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconX, null), React__default.createElement("span", null, t("incorrect_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$4["wrongQuestions"]
+      className: styles$4["wrongQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!inCorrectQuestions.length && inCorrectQuestions.map(function (question) {
       return React__default.createElement("span", {
         key: question.id,
@@ -13917,9 +13974,9 @@ var TrickyProblem = function TrickyProblem(_ref) {
     }), !data.questions.length && React__default.createElement("div", {
       className: styles$4["noData"]
     }, t("no_data"))), React__default.createElement("div", {
-      className: styles$4["titleTrickyProblem"]
+      className: styles$4["titleTrickyProblem"] + " " + printStyles["avoid-break-inside"]
     }, React__default.createElement(iconAssignedQuestions, null), React__default.createElement("span", null, t("correct_problem_among_the_starred_problems"))), React__default.createElement("div", {
-      className: styles$4["assignedQuestions"]
+      className: styles$4["assignedQuestions"] + " " + printStyles["avoid-break-inside"]
     }, !!correctQuestions.length && correctQuestions.map(function (question) {
       return React__default.createElement("div", {
         key: question.id,
@@ -13934,7 +13991,7 @@ var TrickyProblem = function TrickyProblem(_ref) {
   return React__default.createElement("div", {
     className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: "" + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
     }
@@ -13968,6 +14025,7 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       var isBetter = time > 0;
       return React__default.createElement("tr", {
         id: "print-item",
+        className: "" + printStyles["avoid-break-inside"],
         key: item.id,
         style: index < data.length - 1 ? {
           borderBottom: "1px solid #e4e7ec"
@@ -14008,8 +14066,9 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
   };
   var renderQuestions = function renderQuestions(data) {
     return data.map(function (item) {
-      return React__default.createElement("div", {
-        className: styles$4["content"],
+      return React__default.createElement(material.Stack, {
+        flexDirection: "row",
+        className: styles$4["content"] + " " + printStyles["avoid-break-inside"],
         key: item.id
       }, React__default.createElement("div", {
         className: styles$4["contentColumn1"]
@@ -14035,7 +14094,7 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
   return React__default.createElement("div", {
     className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: "" + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : keyOpen);
     }
@@ -14073,7 +14132,8 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
   }, isMyStoryStudent && React__default.createElement("thead", {
     style: {
       borderBottom: "1px solid #E4E7EC"
-    }
+    },
+    className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
     className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
@@ -14089,7 +14149,7 @@ var ProtractedProblem = function ProtractedProblem(_ref) {
       textAlign: "center"
     }
   }, t("time_comparison")))), React__default.createElement("tbody", null, isMyStoryStudent ? renderTableBody(data) : renderQuestions(data))))) : React__default.createElement("div", {
-    className: "" + styles$4["noData"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -14115,10 +14175,11 @@ var Vulnerable = function Vulnerable(_ref) {
     return data.map(function (item, index) {
       return React__default.createElement("tr", {
         id: "print-item",
+        className: "" + printStyles["avoid-break-inside"],
         key: item.id,
-        style: index < data.length - 1 ? {
-          borderBottom: "1px solid #e4e7ec"
-        } : {}
+        style: {
+          borderBottom: index < data.length - 1 ? "1px solid #e4e7ec" : undefined
+        }
       }, React__default.createElement("td", {
         className: styles$4["tdcolumn1"],
         style: {
@@ -14166,7 +14227,7 @@ var Vulnerable = function Vulnerable(_ref) {
       return React__default.createElement(material.Grid, {
         container: true,
         flexWrap: "nowrap",
-        className: styles$4["content"],
+        className: styles$4["content"] + " " + printStyles["avoid-break-inside"],
         key: question.id
       }, React__default.createElement(material.Grid, {
         item: true,
@@ -14204,7 +14265,7 @@ var Vulnerable = function Vulnerable(_ref) {
   return React__default.createElement("div", {
     className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: "" + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: handleToggle
   }, React__default.createElement(material.Stack, {
     flexDirection: "row",
@@ -14240,7 +14301,8 @@ var Vulnerable = function Vulnerable(_ref) {
   }, React__default.createElement("thead", {
     style: {
       borderBottom: "1px solid #E4E7EC"
-    }
+    },
+    className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
     className: styles$4["thcolumn1"]
   }, t("problem_number")), React__default.createElement("th", {
@@ -14260,7 +14322,7 @@ var Vulnerable = function Vulnerable(_ref) {
       textAlign: "center"
     }
   }, t("_category")))), React__default.createElement("tbody", null, renderTableBody(incorrectQuestions))), !isMyStoryStudent && renderQuestions(incorrectQuestions))) : React__default.createElement("div", {
-    className: "" + styles$4["noData"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -14301,10 +14363,11 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
     return data.map(function (item, index) {
       return React__default.createElement("tr", {
         id: "print-item",
+        className: "" + printStyles["avoid-break-inside"],
         key: item.id,
-        style: index < data.length - 1 ? {
-          borderBottom: "1px solid #e4e7ec"
-        } : {}
+        style: {
+          borderBottom: index < data.length - 1 ? "1px solid #e4e7ec" : undefined
+        }
       }, React__default.createElement("td", {
         className: styles$4["tdcolumn1"],
         style: {
@@ -14354,7 +14417,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
         left: item.percentageAmongStudents + "%"
       };
       return React__default.createElement("div", {
-        className: styles$4["contentProblem"],
+        className: styles$4["contentProblem"] + " " + printStyles["avoid-break-inside"],
         key: item.id
       }, React__default.createElement("div", {
         className: styles$4["labelProblem"]
@@ -14373,7 +14436,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
   return React__default.createElement("div", {
     className: "" + styles$4["wrapperProblem"]
   }, React__default.createElement("div", {
-    className: "" + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
+    className: printStyles["avoid-break-inside"] + " " + (!isOpen ? styles$4["titleProblemClose"] : styles$4["titleProblem"]),
     onClick: function onClick() {
       return changeOpen === null || changeOpen === void 0 ? void 0 : changeOpen(isOpen ? undefined : ProblemKey.GradesByTerritory);
     }
@@ -14401,7 +14464,8 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
   }, React__default.createElement("thead", {
     style: {
       borderBottom: "1px solid #E4E7EC"
-    }
+    },
+    className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement("tr", null, React__default.createElement("th", {
     className: styles$4["thcolumn1"]
   }, t("categories")), React__default.createElement("th", {
@@ -14421,7 +14485,7 @@ var GradesByTerritory = function GradesByTerritory(_ref) {
       textAlign: "center"
     }
   }, t("total_solve_time")))), React__default.createElement("tbody", null, renderTableBody(formattedData))), !isMyStoryStudent && renderCategories(formattedData))) : React__default.createElement("div", {
-    className: "" + styles$4["noData"]
+    className: styles$4["noData"] + " " + printStyles["avoid-break-inside"]
   }, t("no_data"))));
 };
 
@@ -14650,7 +14714,7 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
   var autoPrintPdf = function autoPrintPdf() {
     if (printState === PrintState.Printing) return;
     if (autoPrint && printState !== PrintState.Default) return;
-    if (totalChart !== renderedCharts.length) {
+    if (totalChart !== 0 && totalChart !== renderedCharts.length) {
       !autoPrint && setPrintState(PrintState.Pending);
       return;
     }
@@ -14675,7 +14739,7 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
                 orientation: 'portrait'
               },
               pagebreak: {
-                mode: ['avoid-all', 'css', 'legacy']
+                mode: ['css', 'legacy']
               }
             };
             return Promise.resolve(html2pdf().from(element).set(options).save()).then(function () {
@@ -14710,8 +14774,6 @@ var usePrintExamResult = function usePrintExamResult(isDataFetching, fileName, t
   };
 };
 
-var printStyles = {"page-break":"_35kyG","print-exact-color":"_1PFgl","avoid-break-inside":"_3rPGh"};
-
 var TimeOrderChart = function TimeOrderChart(_ref) {
   var timelyOrderQuestion = _ref.timelyOrderQuestion,
     options = _ref.options,
@@ -14742,7 +14804,7 @@ var TimeOrderChart = function TimeOrderChart(_ref) {
       color: "#414E62"
     }
   }, t("article_number"), " ", timelyOrderQuestion.article), React__default.createElement("div", {
-    className: "" + styles$4["compareChart"]
+    className: styles$4["compareChart"] + " " + printStyles["avoid-break-inside"]
   }, React__default.createElement("div", {
     className: "" + styles$4["prevChart"]
   }), React__default.createElement("div", {
@@ -14781,6 +14843,8 @@ var studentNameStyle = {
 var PrintExamResult = function PrintExamResult(_ref) {
   var resultData = _ref.resultData,
     examTime = _ref.examTime,
+    status = _ref.status,
+    isShow = _ref.isShow,
     isStudent = _ref.isStudent,
     categoryResponses = _ref.categoryResponses,
     timelyOrderQuestions = _ref.timelyOrderQuestions,
@@ -14908,7 +14972,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
       fontWeight: 600,
       color: styles.gray_700
     }
-  }, resultData === null || resultData === void 0 ? void 0 : resultData.teacherName)))))), React__default.createElement(material.Stack, {
+  }, resultData === null || resultData === void 0 ? void 0 : resultData.teacherName)))))), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[0].value))) && React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px"
@@ -14918,22 +14982,34 @@ var PrintExamResult = function PrintExamResult(_ref) {
     data: resultData,
     categories: categoryResponses,
     isStudent: isStudent
-  })), React__default.createElement(material.Stack, {
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[1].value))) && React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
     marginTop: "24px"
+  }, React__default.createElement(material.Stack, {
+    flexDirection: "column",
+    gap: "12px",
+    className: "" + printStyles["avoid-break-inside"]
   }, React__default.createElement(material.Typography, {
     sx: textStyle
   }, i18n.t(TabList[1].label)), timelyOrderQuestions.map(function (timelyOrderQuestion, index) {
-    return React__default.createElement(TimeOrderChart, {
+    return index === 0 && React__default.createElement(TimeOrderChart, {
       key: index,
       timelyOrderQuestion: timelyOrderQuestion,
       options: allChartOptions[index],
       series: allSeries[index],
       setIsRendered: setRenderedChart
     });
-  })), React__default.createElement(material.Stack, {
+  })), timelyOrderQuestions.map(function (timelyOrderQuestion, index) {
+    return index > 0 && React__default.createElement(TimeOrderChart, {
+      key: index,
+      timelyOrderQuestion: timelyOrderQuestion,
+      options: allChartOptions[index],
+      series: allSeries[index],
+      setIsRendered: setRenderedChart
+    });
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[2].value))) && React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -14942,7 +15018,7 @@ var PrintExamResult = function PrintExamResult(_ref) {
     sx: textStyle
   }, i18n.t(TabList[2].label)), React__default.createElement(CompareGrass, {
     effectSize: effectSize
-  })), React__default.createElement(material.Stack, {
+  })), (!status || (isShow === null || isShow === void 0 ? void 0 : isShow(TabList[3].value))) && React__default.createElement(material.Stack, {
     display: "flex",
     flexDirection: "column",
     gap: "12px",
@@ -16561,6 +16637,15 @@ var usePrintView = function usePrintView(_ref) {
   var _useState = React.useState(false),
     isDone = _useState[0],
     setDone = _useState[1];
+  var _useLocation = reactRouterDom.useLocation(),
+    search = _useLocation.search;
+  var query = new URLSearchParams(search);
+  var status = query.get('status') || '';
+  var isShow = function isShow(value) {
+    return (status === null || status === void 0 ? void 0 : status.split(',').some(function (i) {
+      return i === value.toString();
+    })) || false;
+  };
   var handelPrintSuccess = function handelPrintSuccess() {
     var _window$opener$postMe, _window$opener;
     var data;
@@ -16607,6 +16692,8 @@ var usePrintView = function usePrintView(_ref) {
   return {
     fileName: fileName,
     isDone: isDone,
+    status: status,
+    isShow: isShow,
     handelPrintSuccess: handelPrintSuccess,
     handelPrintError: handelPrintError
   };
@@ -16675,9 +16762,11 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
     }),
     fileName = _usePrintView.fileName,
     isDone = _usePrintView.isDone,
+    status = _usePrintView.status,
+    isShow = _usePrintView.isShow,
     handelPrintSuccess = _usePrintView.handelPrintSuccess,
     handelPrintError = _usePrintView.handelPrintError;
-  var _usePrintExamResult = usePrintExamResult(isLoading, fileName, timelyOrderQuestions.length, handelPrintSuccess, handelPrintError, true),
+  var _usePrintExamResult = usePrintExamResult(isLoading, fileName, !status || isShow !== null && isShow !== void 0 && isShow(TabList[1].value) ? timelyOrderQuestions.length : 0, handelPrintSuccess, handelPrintError, true),
     contentRef = _usePrintExamResult.contentRef,
     setRenderedChart = _usePrintExamResult.setRenderedChart;
   var isTabletUp = material.useMediaQuery("(min-width:900px)");
@@ -16700,6 +16789,8 @@ var PrintExamResultView = function PrintExamResultView(_ref) {
     timelyOrderQuestions: timelyOrderQuestions,
     isMyStoryStudent: isMyStoryStudent,
     fileName: fileName,
+    isShow: isShow,
+    status: status,
     setRenderedChart: setRenderedChart
   }) : isLoading === undefined || isLoading === true ? React__default.createElement(LoadingComponent, {
     isLoading: !!isLoading,
@@ -16722,6 +16813,20 @@ var PrintState$1;
   PrintState[PrintState["Paused"] = 3] = "Paused";
 })(PrintState$1 || (PrintState$1 = {}));
 
+var TabList$1 = [{
+  label: "comprehensive_analysis",
+  value: 0
+}, {
+  label: "solution_order",
+  value: 1
+}, {
+  label: "compare_solution",
+  value: 2
+}, {
+  label: "problem_analysis",
+  value: 3
+}];
+
 var TOTAL = 3;
 var PrintExamView2 = function PrintExamView2(_ref) {
   var history = _ref.history,
@@ -16756,7 +16861,23 @@ var PrintExamView2 = function PrintExamView2(_ref) {
   var _useState5 = React.useState([]),
     errorLinks = _useState5[0],
     setErrorLinks = _useState5[1];
+  var _useState6 = React.useState([]),
+    status = _useState6[0],
+    setStatus = _useState6[1];
   var theme = material.useTheme();
+  var handleChangeStatus = function handleChangeStatus(event) {
+    if (event.target.checked) {
+      setStatus(function (prev) {
+        var _event$target;
+        return [].concat(prev, [(_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value]);
+      });
+    } else setStatus(function (prev) {
+      return prev === null || prev === void 0 ? void 0 : prev.filter(function (i) {
+        var _event$target2;
+        return i !== ((_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.value);
+      });
+    });
+  };
   var handleProgressPrint = function handleProgressPrint() {
     setData(dataProps);
     setCompleted([]);
@@ -16764,6 +16885,9 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     setErrorLinks([]);
     setState(PrintState$1.Printing);
   };
+  console.log({
+    status: status
+  });
   var print = function print(_ref2) {
     var examSessionId = _ref2.examSessionId,
       studentId = _ref2.studentId,
@@ -16772,7 +16896,7 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     var height = 200;
     var left = window.screenX + window.outerWidth / 2 - width / 2;
     var top = window.screenY + window.outerHeight / 2 - height / 2;
-    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print" : window.location.origin + "/student/exam-results/" + code + "/print";
+    var url = isTeacher ? window.location.origin + "/teacher/exam-results/" + examSessionId + "/students/" + studentId + "/print?status=" + status.join(",") : window.location.origin + "/student/exam-results/" + code + "/print";
     var windowName = isTeacher ? "popup-" + examSessionId + "-" + studentId : "popup-" + code;
     var windowSpecs = "left=" + left + ",top=" + top + ",width=" + width + ",height=" + height + ",location=yes,resizable=yes,scrollbars=yes,status=yes";
     var childWindow = window.open(url, windowName, windowSpecs);
@@ -16934,7 +17058,29 @@ var PrintExamView2 = function PrintExamView2(_ref) {
     disablePadding: true
   }, t("allowed_to_send_pop_ups_and_use_redirects")), React__default.createElement(material.ListItem, {
     disablePadding: true
-  }, t("disable_ask_where_to_save_each_file_before_downloading")))), React__default.createElement(material.Button, {
+  }, t("disable_ask_where_to_save_each_file_before_downloading")))), isTeacher && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
+    fontWeight: 700
+  }, t("choose_to_print"), ":"), React__default.createElement(material.FormGroup, {
+    sx: {
+      display: "flex",
+      flexDirection: "row",
+      gap: 1,
+      flexWrap: "wrap"
+    }
+  }, TabList$1.map(function (_ref3) {
+    var label = _ref3.label,
+      value = _ref3.value;
+    return React__default.createElement(material.FormControlLabel, {
+      control: React__default.createElement(material.Checkbox, {
+        onChange: handleChangeStatus,
+        value: value,
+        checked: status.some(function (i) {
+          return i === value.toString();
+        })
+      }),
+      label: t(label)
+    });
+  }))), React__default.createElement(material.Button, {
     className: "mt-3",
     variant: "contained",
     onClick: handleProgressPrint