touchstudy-core 0.1.27 → 0.1.28

package/dist/index.modern.js

@@ -2145,7 +2145,7 @@ var download$1 = "Download";
 var full_exam$1 = "Full exam";
 var sexual$1 = "Sexual";
 var course$1 = "Course";
-var etc$1 = "etc";
+var etc$1 = "Etc";
 var consultation_category$1 = "Consultation Category";
 var points$1 = "{{number}} points";
 var number_of_people$1 = "{{ number }} students";
@@ -3838,12 +3838,13 @@ var InputChat = function InputChat(_ref) {
     variant: "outlined",
     component: "label",
     fullWidth: true,
+    disabled: isCompleted,
     sx: {
       display: "flex",
       gap: "8px",
       padding: "12px !important",
-      borderColor: "#5458D5",
-      borderWidth: isCompleted ? 0 : "1px"
+      borderColor: isCompleted ? "transparent" : "#5458D5",
+      borderWidth: "1px"
     }
   }, React.createElement(iconPlusCircle, null), React.createElement(Typography, {
     fontWeight: 700,
@@ -3885,6 +3886,7 @@ var ChatHeader = function ChatHeader(_ref) {
     examTitle = _ref.examTitle,
     category = _ref.category,
     score = _ref.score,
+    totalScore = _ref.totalScore,
     courseId = _ref.courseId,
     questionOrder = _ref.questionOrder,
     conversationId = _ref.conversationId,
@@ -3937,7 +3939,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "14px",
       lineHeight: "16.71px",
       color: "#5458D5"
-    }, teacherName)), !category && React.createElement(Box, {
+    }, teacherName)), !!examTitle && React.createElement(Box, {
       display: "flex",
       alignItems: "start",
       color: "#5458D5",
@@ -3962,7 +3964,7 @@ var ChatHeader = function ChatHeader(_ref) {
       sx: {
         color: "#97A1AF"
       }
-    }, (!!filterDurationExam.hours() ? filterDurationExam.hours() + " " + t("hour") : "") + " " + (!!filterDurationExam.minutes() ? filterDurationExam.minutes() + " " + t("minute") : "") + " " + (!!filterDurationExam.seconds() ? filterDurationExam.seconds() + " " + t("second") : "")))), !category ? React.createElement(Box, {
+    }, (!!filterDurationExam.hours() ? filterDurationExam.hours() + " " + t("hour") : "") + " " + (!!filterDurationExam.minutes() ? filterDurationExam.minutes() + " " + t("minute") : "") + " " + (!!filterDurationExam.seconds() ? filterDurationExam.seconds() + " " + t("second") : "")))), React.createElement(Box, {
       display: "flex",
       alignItems: "end",
       gap: "6px",
@@ -3991,13 +3993,13 @@ var ChatHeader = function ChatHeader(_ref) {
       lineHeight: "14.32px",
       color: "#CED2DA"
     }, "/", t("points", {
-      number: 100
+      number: totalScore
     }))), React.createElement(Typography, {
       fontWeight: 500,
       fontSize: "12px",
       lineHeight: "14.32px",
       color: "#97A1AF"
-    }, utcToLocalTime(createdAt, t("date_time_format")))) : React.createElement(Box, {
+    }, utcToLocalTime(createdAt, t("date_time_format"))), !!category && React.createElement(Box, {
       display: "flex",
       alignItems: "end",
       gap: "16px",
@@ -4012,7 +4014,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "14px",
       lineHeight: "14.32px",
       color: "#5458D5"
-    }, t("" + category)))) : React.createElement(Grid, {
+    }, t("" + category))))) : React.createElement(Grid, {
       item: true,
       xs: 12,
       borderTop: "1px solid #E4E7EC",
@@ -4045,17 +4047,32 @@ var ChatHeader = function ChatHeader(_ref) {
       alignItems: "center",
       gap: "24px",
       color: "#5458D5"
-    }, examTitle && React.createElement(Typography, {
+    }, examTitle ? React.createElement(Typography, {
       fontWeight: 600,
       fontSize: "12px",
       lineHeight: "14.32px"
-    }, examTitle), React.createElement(Typography, {
+    }, examTitle) : React.createElement(Box, {
+      display: "flex",
+      alignItems: "end",
+      gap: "16px",
+      flexDirection: "row"
+    }, React.createElement(Typography, {
+      fontWeight: 600,
+      fontSize: "11px",
+      lineHeight: "14.32px",
+      color: "#5458D5"
+    }, t("consultation_category")), React.createElement(Typography, {
+      fontWeight: 700,
+      fontSize: "14px",
+      lineHeight: "14.32px",
+      color: "#5458D5"
+    }, t("" + category))), questionOrder != undefined && React.createElement(Typography, {
       fontWeight: 700,
       fontSize: "14px",
       lineHeight: "16.71px"
-    }, questionOrder != undefined ? t("problem_number_question", {
+    }, t("problem_number_question", {
       number: questionOrder + 1
-    }) : t("class_inquiry"))), !isCompleted ? React.createElement("div", {
+    }))), !isCompleted ? React.createElement("div", {
       onClick: toggleDialog
     }, React.createElement(Box, {
       padding: "8px 12px",
@@ -4592,6 +4609,7 @@ var useChatContainer = function useChatContainer(props) {
       examTitle: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.examTitle,
       courseId: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.courseId,
       score: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.score,
+      totalScore: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.totalScore,
       questionOrder: selectedConversation === null || selectedConversation === void 0 ? void 0 : (_selectedConversation3 = selectedConversation.question) === null || _selectedConversation3 === void 0 ? void 0 : _selectedConversation3.questionOrder,
       category: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.category,
       conversationId: selectedConversation === null || selectedConversation === void 0 ? void 0 : selectedConversation.id,
@@ -8544,16 +8562,27 @@ var useExamResult = function useExamResult(searchParam, navigate) {
     }];
   }, [JSON.stringify(timelyOrderQuestion), dataChartIndex]);
   var handleExportPdf = function handleExportPdf() {
-    var canvas = document.querySelector("#canvas");
-    if (!canvas) return;
-    html2canvas(canvas).then(function (canvas) {
+    try {
+      var canvas = document.querySelector("#canvas");
+      var headerCanvas = document.querySelector("#header-canvas");
+      if (!canvas || !headerCanvas) return Promise.resolve();
       var doc = new jsPDF();
       var imgWidth = 208;
-      var imgHeight = canvas.height * imgWidth / canvas.width;
-      var imgData = canvas.toDataURL('image/png');
-      doc.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);
-      doc.save("download.pdf");
-    });
+      var bodyWidth = 202;
+      return Promise.resolve(html2canvas(headerCanvas)).then(function (header) {
+        var imgHeaderHeight = header.height * imgWidth / header.width;
+        var imgHeaderData = header.toDataURL('image/png');
+        doc.addImage(imgHeaderData, 'PNG', 0, 0, imgWidth, imgHeaderHeight);
+        return Promise.resolve(html2canvas(canvas)).then(function (body) {
+          var imgBodyHeight = body.height * bodyWidth / body.width;
+          var imgBodyData = body.toDataURL('image/png');
+          doc.addImage(imgBodyData, 'PNG', 4, imgHeaderHeight, bodyWidth, imgBodyHeight);
+          doc.save("download.pdf");
+        });
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
   return {
     series: series,
@@ -9688,7 +9717,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
 
 var ReactApexChart = unwrapExports(reactApexcharts_min);
 
-var styles$2 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","inputRange":"_1PMz8","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
+var styles$2 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
 
 var formatDataMyAnswer = function formatDataMyAnswer(inputData, categories) {
   var uniqueCategories = new Set();
@@ -10688,13 +10717,12 @@ function GradesByTerritory(_ref) {
     }, item.name), React.createElement("div", {
       className: styles$2["percent"]
     }, React.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, "\uBB38\uC81C"))), React.createElement("div", {
-      className: styles$2["inputRange"]
-    }, React.createElement("input", {
-      min: 0,
-      max: 100,
-      type: "range",
-      value: item.percentageAmongStudents,
-      disabled: true
+      className: styles$2["slider"]
+    }, React.createElement("span", {
+      className: styles$2["track"],
+      style: {
+        left: item.percentageAmongStudents + "%"
+      }
     })));
   }), openProblem.problem4 && !data.length && React.createElement("div", {
     className: styles$2["noData"]
@@ -10904,6 +10932,7 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     longTimeSpend = _useExamResult.longTimeSpend,
     effectSize = _useExamResult.effectSize,
     categoryResponses = _useExamResult.categoryResponses,
+    handleExportPdf = _useExamResult.handleExportPdf,
     setOpenProblem = _useExamResult.setOpenProblem,
     handlePrevChart = _useExamResult.handlePrevChart,
     handleNextChart = _useExamResult.handleNextChart;
@@ -10922,7 +10951,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     }
   }, React.createElement(Grid, {
     container: true,
-    padding: "24px"
+    padding: "24px",
+    id: "header-canvas"
   }, React.createElement(Grid, {
     item: true
   }, resultDatas.courseName && React.createElement(Stack, null, React.createElement(Typography, {
@@ -11010,7 +11040,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     }
   }, resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.teacherName)))))), React.createElement(Grid, {
     container: true,
-    padding: "24px"
+    padding: "24px",
+    className: "position-relative overflow-hidden"
   }, React.createElement(Grid, {
     item: true,
     xs: 12
@@ -11046,12 +11077,12 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   })), React.createElement(Stack, {
     padding: '12px 24px',
     alignItems: "end",
-    bgcolor: "#F9FAFB",
-    borderBottom: '1px solid #E4E7EC'
+    bgcolor: "#F9FAFB"
   }, React.createElement("div", {
     className: styles$2["pdfBtnBox"]
   }, React.createElement("button", {
-    className: styles$2["pdfBtn"]
+    className: styles$2["pdfBtn"],
+    onClick: handleExportPdf
   }, React.createElement(iconPrintFill, null), React.createElement("p", null, t("print"))))))), React.createElement(Grid, {
     item: true,
     xs: 12
@@ -11103,6 +11134,71 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     data: categoryResponses,
     openProblem: openProblem,
     changeOpen: setOpenProblem
+  }))), React.createElement(Grid, {
+    item: true,
+    xs: 12,
+    className: "position-absolute",
+    sx: {
+      zIndex: -1,
+      width: "100%"
+    },
+    id: "canvas"
+  }, React.createElement(CustomTabPanel, {
+    value: selected,
+    index: 0
+  }, React.createElement(MyAnswer, {
+    data: resultDatas,
+    categories: categoryResponses,
+    isStudent: isStudent
+  })), React.createElement(CustomTabPanel, {
+    value: selected,
+    index: 1
+  }, React.createElement("div", {
+    className: styles$2["compareChart"]
+  }, React.createElement("div", {
+    className: styles$2["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
+    onClick: handlePrevChart
+  }, React.createElement(iconBtnPrevChart, null)), React.createElement("div", {
+    className: styles$2["chart"] + " sr-line-chart"
+  }, React.createElement("div", null, React.createElement(ReactApexChart, {
+    height: 389,
+    options: chartOptions,
+    series: series
+  }))), React.createElement("div", {
+    className: styles$2["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
+    onClick: handleNextChart
+  }, React.createElement(iconBtnNextChart, null)))), React.createElement(CustomTabPanel, {
+    value: selected,
+    index: 2
+  }, React.createElement(CompareGrass, {
+    effectSize: effectSize
+  })), React.createElement(CustomTabPanel, {
+    value: selected,
+    index: 3
+  }, React.createElement(TrickyProblem, {
+    data: resultDatas,
+    openProblem: _extends({}, openProblem, {
+      problem1: true
+    }),
+    changeOpen: setOpenProblem
+  }), React.createElement(Vulnerable, {
+    data: resultDatas,
+    openProblem: _extends({}, openProblem, {
+      problem3: true
+    }),
+    changeOpen: setOpenProblem
+  }), React.createElement(ProtractedProblem, {
+    data: longTimeSpend,
+    openProblem: _extends({}, openProblem, {
+      problem2: true
+    }),
+    changeOpen: setOpenProblem
+  }), React.createElement(GradesByTerritory, {
+    data: categoryResponses,
+    openProblem: _extends({}, openProblem, {
+      problem4: true
+    }),
+    changeOpen: setOpenProblem
   })))), React.createElement(CreateNewQuestionDialog$1, {
     examSessionId: resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.examSessionId,
     handleCreateQuestion: handleCreateQuestion,
@@ -11121,13 +11217,6 @@ var getLocalDayOfWeek = function getLocalDayOfWeek(utcDateTime, dayOfWeek) {
   var currentDayOfWeek = moment.utc(utcDateTime).weekday();
   var diff = dayOfWeek - currentDayOfWeek;
   if (diff < 0) diff += 7;
-  console.log({
-    utcDateTime: utcDateTime,
-    dayOfWeek: dayOfWeek,
-    currentDayOfWeek: currentDayOfWeek,
-    localDayOfWeek: moment.utc(utcDateTime).add(diff, "days").local().weekday(),
-    day: moment.utc(utcDateTime).add(diff, "days").local().format("YYYY-MMM-DD HH:mm:ss")
-  });
   return moment.utc(utcDateTime).add(diff, "days").local().weekday();
 };
 var getUtcDayOfWeek = function getUtcDayOfWeek(localDateTime, dayOfWeek) {