mario-education 2.4.165-level → 2.4.166-level

package/dist/index.modern.js

@@ -28487,6 +28487,7 @@ var overallReadinessToLearn = "overall_readiness_to_learn";
 var studentStressByZone = "student_stress_by_zone";
 var studentDistribution = "student_distribution";
 var chartNames = [averageStudentSafetyName, averageStudentStressName, preparednessChartName, overallReadinessToLearn, successIndicatorsName, learningProcessName, topLearningStrategyName, studentStressByZone, studentDistribution];
+var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
 var gradeOptions = function gradeOptions(grades, studentUserId) {
   var result = !studentUserId ? GRAGE_DEFAULT : GRAGE_DEFAULT.filter(function (val) {
@@ -29190,6 +29191,11 @@ var getAllAcademicYearApi = function getAllAcademicYearApi(filters) {
     params: filters
   });
 };
+var getSessionExportCsvApi = function getSessionExportCsvApi(filters) {
+  return api.get(REPORT_URL + "/sessions/export-csv", {
+    params: filters
+  });
+};
 
 var TITLE$y = "Dashboard";
 
@@ -32143,6 +32149,92 @@ var DashboardToPDF = function DashboardToPDF(props) {
   }, "Export"));
 };
 
+var useExportSessionCsv = function useExportSessionCsv() {
+  var dispatch = useDispatch();
+
+  var exportSessionsCsv = function exportSessionsCsv(filters) {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(getSessionExportCsvApi(filters)).then(function (res) {
+          var data = res.data;
+          var encodedUri = convertDataExportSession(data, filters.startDate, filters.endDate);
+          var link = document.createElement("a");
+          link.href = encodedUri;
+          link.download = "Sessions_Template.csv";
+          link.click();
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var convertDataExportSession = function convertDataExportSession(data, startDate, endDate) {
+    var headers = "Student Name, ID/Email, Question, Answer, Teacher, Start Time";
+
+    if (startDate || endDate) {
+      headers = "" + (moment(startDate).isValid() ? moment(startDate).format("DD/MM/YYYY") : '') + (moment(startDate).isValid() && moment(endDate).isValid() ? '-' : '') + moment(endDate).format("DD/MM/YYYY") + "\n" + headers;
+    }
+
+    var content = data.map(function (session) {
+      var studentName = escapeCell(session.studentName);
+      var studentEmail = escapeCell(session.studentEmail ? session.studentEmail : "" + session.studentId);
+      var teacherName = escapeCell(session.teacherName);
+      var startTime = utcToLocalTime(session.startTime, "DD-MM-YYYY HH:mm:ss");
+      var questions = session.studentResult.questions;
+      var learningStrategyQuestions = session.teacherResult.questions;
+      var questionsContent = questions.map(function (question) {
+        return "\n" + studentName + ", " + studentEmail + ", " + escapeCell(htmlToText(question.text)) + ", " + (question.type != "Rating" ? escapeCell(question.answer) : question.answer) + "," + teacherName + ", " + startTime;
+      });
+      var learningStrategyQuestionsContent = learningStrategyQuestions.map(function (learning) {
+        var learningStrategyAnswers = learning.learningStrategyAnswers,
+            answer = learning.answer;
+        var answers = (answer === null || answer === void 0 ? void 0 : answer.split(";")) || [];
+        var answerConverted = answers.map(function (a) {
+          var questionAnswer = a.split("|");
+          var learningAnswer = questionAnswer.length ? learningStrategyAnswers.find(function (i) {
+            return "" + i.id == (questionAnswer === null || questionAnswer === void 0 ? void 0 : questionAnswer[0]);
+          }) : null;
+          var questionText = learningAnswer ? "" + learningAnswer.text + (learningAnswer.questionText ? "/" + learningAnswer : '') : '';
+          var ans = questionAnswer.length > 1 ? questionAnswer === null || questionAnswer === void 0 ? void 0 : questionAnswer[1] : "";
+          return questionText ? "\n" + studentName + ", " + studentEmail + ", " + escapeCell(questionText) + ", " + escapeCell(ans) + ", " + teacherName + ", " + startTime : '';
+        });
+        return answerConverted.join('');
+      });
+      return "" + questionsContent.join('') + learningStrategyQuestionsContent.join('');
+    }).join('');
+    return "" + CSV_PREFIX + headers + encodeURIComponent(content);
+  };
+
+  var htmlToText = function htmlToText(html) {
+    return html.replace(/<[^>]+>/g, '');
+  };
+
+  var escapeCell = function escapeCell(value) {
+    if (!value) return "";
+    return "\"" + value.replace(/"/g, '""').replaceAll("\n", " ") + "\"";
+  };
+
+  return {
+    exportSessionsCsv: exportSessionsCsv
+  };
+};
+
 var Dashboard = function Dashboard() {
   var _useChartDatas = useChartDatas(),
       user = _useChartDatas.user,
@@ -32181,6 +32273,9 @@ var Dashboard = function Dashboard() {
       teacherUserId = _useBehavior.teacherUserId,
       changeCurrentTeacherUserId = _useBehavior.changeCurrentTeacherUserId;
 
+  var _useExportSessionCsv = useExportSessionCsv(),
+      exportSessionsCsv = _useExportSessionCsv.exportSessionsCsv;
+
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
 
@@ -32270,7 +32365,21 @@ var Dashboard = function Dashboard() {
     className: "mx-2",
     src: "images/waving-hand.png",
     alt: ""
-  })), React.createElement("button", {
+  })), React.createElement("div", {
+    className: "d-flex"
+  }, React.createElement("button", {
+    className: styles$1["button-export"] + " d-flex align-items-center border-0 p-0 mr-2",
+    onClick: function onClick() {
+      return exportSessionsCsv(filter);
+    }
+  }, React.createElement("div", {
+    className: "" + styles$1["button-icon"]
+  }, React.createElement("img", {
+    src: "images/export-icon.svg",
+    alt: ""
+  })), React.createElement("p", {
+    className: styles$1["button-content"] + " mb-0"
+  }, "Export to CSV")), React.createElement("button", {
     className: styles$1["button-export"] + " d-flex align-items-center border-0 p-0",
     onClick: toggle
   }, React.createElement("div", {
@@ -32280,7 +32389,7 @@ var Dashboard = function Dashboard() {
     alt: ""
   })), React.createElement("p", {
     className: styles$1["button-content"] + " mb-0"
-  }, t("export_to_pdf")))), React.createElement("div", {
+  }, t("export_to_pdf"))))), React.createElement("div", {
     className: styles$1['filter-mobile-block'] + " p-3 my-4"
   }, React.createElement("div", {
     onClick: function onClick() {