touchstudy-core 0.1.27 → 0.1.28

package/dist/components/Chats/ChatHeader.d.ts

@@ -12,6 +12,7 @@ export interface IChatHeaderProps {
     createdAt?: string;
     durationExam?: string;
     score?: number | null;
+    totalScore?: number | null;
     courseId?: number | null;
     category?: string | null;
     questionOrder?: number;

package/dist/components/Chats/configs/types.d.ts

@@ -12,6 +12,7 @@ export declare type ConversationsResponse = {
     courseId: number | null;
     courseTitle: string | null;
     score?: number | null;
+    totalScore?: number | null;
     studentId: number;
     category?: string | null;
     question: ConversationQuestion;

package/dist/components/Chats/hooks/useChatContainer.d.ts

@@ -11,6 +11,7 @@ declare const useChatContainer: (props: Props) => {
         examTitle: string | undefined;
         courseId: number | null | undefined;
         score: number | null | undefined;
+        totalScore: number | null | undefined;
         questionOrder: number | undefined;
         category: string | null | undefined;
         conversationId: number | undefined;

package/dist/containers/ExamResult/hooks/useExamResult.d.ts

@@ -105,6 +105,6 @@ declare const useExamResult: (searchParam: string, navigate: Function) => {
     handlePrevChart: () => void;
     handleNextChart: () => void;
     handleExit: () => void;
-    handleExportPdf: () => void;
+    handleExportPdf: () => Promise<void>;
 };
 export default useExamResult;

package/dist/index.css

@@ -1063,23 +1063,20 @@
       font-weight: 600;
       font-size: 12px;
       color: #5458D5; }
-  ._3Z1nV ._1PMz8 {
-    width: 100%; }
-    ._3Z1nV ._1PMz8 input[type="range"] {
-      -webkit-appearance: none;
-      padding: 1px;
-      width: 100%;
-      border: 1px solid #ebebff;
-      border-radius: 255px;
-      background-color: transparent;
-      height: 14px; }
-    ._3Z1nV ._1PMz8 input[type="range"]::-webkit-slider-thumb {
-      -webkit-appearance: none;
-      width: 12px;
-      height: 12px;
+  ._3Z1nV ._1MPdO {
+    width: 100%;
+    height: 12px;
+    background-color: transparent;
+    border: 1px solid #ebebff;
+    position: relative; }
+    ._3Z1nV ._1MPdO ._3CV_y {
+      width: 8px;
+      height: 8px;
       border-radius: 100%;
       background-color: #5458d5;
-      border: 1px solid #ffffff; }
+      position: absolute;
+      top: 50%;
+      transform: translate(-50%, -50%); }
 
 .__g-ff {
   font-family: "Pretendard";

package/dist/index.js

@@ -2144,7 +2144,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";
@@ -3836,12 +3836,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__default.createElement(iconPlusCircle, null), React__default.createElement(material.Typography, {
     fontWeight: 700,
@@ -3883,6 +3884,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,
@@ -3935,7 +3937,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "14px",
       lineHeight: "16.71px",
       color: "#5458D5"
-    }, teacherName)), !category && React__default.createElement(material.Box, {
+    }, teacherName)), !!examTitle && React__default.createElement(material.Box, {
       display: "flex",
       alignItems: "start",
       color: "#5458D5",
@@ -3960,7 +3962,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__default.createElement(material.Box, {
+    }, (!!filterDurationExam.hours() ? filterDurationExam.hours() + " " + t("hour") : "") + " " + (!!filterDurationExam.minutes() ? filterDurationExam.minutes() + " " + t("minute") : "") + " " + (!!filterDurationExam.seconds() ? filterDurationExam.seconds() + " " + t("second") : "")))), React__default.createElement(material.Box, {
       display: "flex",
       alignItems: "end",
       gap: "6px",
@@ -3989,13 +3991,13 @@ var ChatHeader = function ChatHeader(_ref) {
       lineHeight: "14.32px",
       color: "#CED2DA"
     }, "/", t("points", {
-      number: 100
+      number: totalScore
     }))), React__default.createElement(material.Typography, {
       fontWeight: 500,
       fontSize: "12px",
       lineHeight: "14.32px",
       color: "#97A1AF"
-    }, utcToLocalTime(createdAt, t("date_time_format")))) : React__default.createElement(material.Box, {
+    }, utcToLocalTime(createdAt, t("date_time_format"))), !!category && React__default.createElement(material.Box, {
       display: "flex",
       alignItems: "end",
       gap: "16px",
@@ -4010,7 +4012,7 @@ var ChatHeader = function ChatHeader(_ref) {
       fontSize: "14px",
       lineHeight: "14.32px",
       color: "#5458D5"
-    }, t("" + category)))) : React__default.createElement(material.Grid, {
+    }, t("" + category))))) : React__default.createElement(material.Grid, {
       item: true,
       xs: 12,
       borderTop: "1px solid #E4E7EC",
@@ -4043,17 +4045,32 @@ var ChatHeader = function ChatHeader(_ref) {
       alignItems: "center",
       gap: "24px",
       color: "#5458D5"
-    }, examTitle && React__default.createElement(material.Typography, {
+    }, examTitle ? React__default.createElement(material.Typography, {
       fontWeight: 600,
       fontSize: "12px",
       lineHeight: "14.32px"
-    }, examTitle), React__default.createElement(material.Typography, {
+    }, examTitle) : React__default.createElement(material.Box, {
+      display: "flex",
+      alignItems: "end",
+      gap: "16px",
+      flexDirection: "row"
+    }, React__default.createElement(material.Typography, {
+      fontWeight: 600,
+      fontSize: "11px",
+      lineHeight: "14.32px",
+      color: "#5458D5"
+    }, t("consultation_category")), React__default.createElement(material.Typography, {
+      fontWeight: 700,
+      fontSize: "14px",
+      lineHeight: "14.32px",
+      color: "#5458D5"
+    }, t("" + category))), questionOrder != undefined && React__default.createElement(material.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__default.createElement("div", {
+    }))), !isCompleted ? React__default.createElement("div", {
       onClick: toggleDialog
     }, React__default.createElement(material.Box, {
       padding: "8px 12px",
@@ -4590,6 +4607,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,
@@ -8542,16 +8560,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.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,
@@ -9686,7 +9715,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();
@@ -10686,13 +10715,12 @@ function GradesByTerritory(_ref) {
     }, item.name), React__default.createElement("div", {
       className: styles$2["percent"]
     }, React__default.createElement("span", null, item.percentageAmongStudents.toFixed(2), "%"), React__default.createElement("span", null, item.totalCorrectQuestions, "/", item.totalQuestions, "\uBB38\uC81C"))), React__default.createElement("div", {
-      className: styles$2["inputRange"]
-    }, React__default.createElement("input", {
-      min: 0,
-      max: 100,
-      type: "range",
-      value: item.percentageAmongStudents,
-      disabled: true
+      className: styles$2["slider"]
+    }, React__default.createElement("span", {
+      className: styles$2["track"],
+      style: {
+        left: item.percentageAmongStudents + "%"
+      }
     })));
   }), openProblem.problem4 && !data.length && React__default.createElement("div", {
     className: styles$2["noData"]
@@ -10902,6 +10930,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;
@@ -10920,7 +10949,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     }
   }, React__default.createElement(material.Grid, {
     container: true,
-    padding: "24px"
+    padding: "24px",
+    id: "header-canvas"
   }, React__default.createElement(material.Grid, {
     item: true
   }, resultDatas.courseName && React__default.createElement(material.Stack, null, React__default.createElement(material.Typography, {
@@ -11008,7 +11038,8 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     }
   }, resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.teacherName)))))), React__default.createElement(material.Grid, {
     container: true,
-    padding: "24px"
+    padding: "24px",
+    className: "position-relative overflow-hidden"
   }, React__default.createElement(material.Grid, {
     item: true,
     xs: 12
@@ -11044,12 +11075,12 @@ var ExamResultV2 = function ExamResultV2(_ref) {
   })), React__default.createElement(material.Stack, {
     padding: '12px 24px',
     alignItems: "end",
-    bgcolor: "#F9FAFB",
-    borderBottom: '1px solid #E4E7EC'
+    bgcolor: "#F9FAFB"
   }, React__default.createElement("div", {
     className: styles$2["pdfBtnBox"]
   }, React__default.createElement("button", {
-    className: styles$2["pdfBtn"]
+    className: styles$2["pdfBtn"],
+    onClick: handleExportPdf
   }, React__default.createElement(iconPrintFill, null), React__default.createElement("p", null, t("print"))))))), React__default.createElement(material.Grid, {
     item: true,
     xs: 12
@@ -11101,6 +11132,71 @@ var ExamResultV2 = function ExamResultV2(_ref) {
     data: categoryResponses,
     openProblem: openProblem,
     changeOpen: setOpenProblem
+  }))), React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    className: "position-absolute",
+    sx: {
+      zIndex: -1,
+      width: "100%"
+    },
+    id: "canvas"
+  }, React__default.createElement(CustomTabPanel, {
+    value: selected,
+    index: 0
+  }, React__default.createElement(MyAnswer, {
+    data: resultDatas,
+    categories: categoryResponses,
+    isStudent: isStudent
+  })), React__default.createElement(CustomTabPanel, {
+    value: selected,
+    index: 1
+  }, React__default.createElement("div", {
+    className: styles$2["compareChart"]
+  }, React__default.createElement("div", {
+    className: styles$2["prevChart"] + " " + (dataChartIndex > 0 && "pointer"),
+    onClick: handlePrevChart
+  }, React__default.createElement(iconBtnPrevChart, null)), React__default.createElement("div", {
+    className: styles$2["chart"] + " sr-line-chart"
+  }, React__default.createElement("div", null, React__default.createElement(ReactApexChart, {
+    height: 389,
+    options: chartOptions,
+    series: series
+  }))), React__default.createElement("div", {
+    className: styles$2["nextChart"] + " " + (dataChartIndex < timelyOrderQuestion.length - 1 && "pointer"),
+    onClick: handleNextChart
+  }, React__default.createElement(iconBtnNextChart, null)))), React__default.createElement(CustomTabPanel, {
+    value: selected,
+    index: 2
+  }, React__default.createElement(CompareGrass, {
+    effectSize: effectSize
+  })), React__default.createElement(CustomTabPanel, {
+    value: selected,
+    index: 3
+  }, React__default.createElement(TrickyProblem, {
+    data: resultDatas,
+    openProblem: _extends({}, openProblem, {
+      problem1: true
+    }),
+    changeOpen: setOpenProblem
+  }), React__default.createElement(Vulnerable, {
+    data: resultDatas,
+    openProblem: _extends({}, openProblem, {
+      problem3: true
+    }),
+    changeOpen: setOpenProblem
+  }), React__default.createElement(ProtractedProblem, {
+    data: longTimeSpend,
+    openProblem: _extends({}, openProblem, {
+      problem2: true
+    }),
+    changeOpen: setOpenProblem
+  }), React__default.createElement(GradesByTerritory, {
+    data: categoryResponses,
+    openProblem: _extends({}, openProblem, {
+      problem4: true
+    }),
+    changeOpen: setOpenProblem
   })))), React__default.createElement(CreateNewQuestionDialog$1, {
     examSessionId: resultDatas === null || resultDatas === void 0 ? void 0 : resultDatas.examSessionId,
     handleCreateQuestion: handleCreateQuestion,
@@ -11119,13 +11215,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) {