mario-education 2.4.152-level → 2.4.154-level

package/dist/index.js

@@ -96,6 +96,35 @@ function _isSettledPact(thenable) {
 	return thenable instanceof _Pact && thenable.s & 1;
 }
 
+// Asynchronously iterate through an object that has a length property, passing the index as the first argument to the callback (even as the length property changes)
+function _forTo(array, body, check) {
+	var i = -1, pact, reject;
+	function _cycle(result) {
+		try {
+			while (++i < array.length && (!check || !check())) {
+				result = body(i);
+				if (result && result.then) {
+					if (_isSettledPact(result)) {
+						result = result.v;
+					} else {
+						result.then(_cycle, reject || (reject = _settle.bind(null, pact = new _Pact(), 2)));
+						return;
+					}
+				}
+			}
+			if (pact) {
+				_settle(pact, 1, result);
+			} else {
+				pact = result;
+			}
+		} catch (e) {
+			_settle(pact || (pact = new _Pact()), 2, e);
+		}
+	}
+	_cycle();
+	return pact;
+}
+
 const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
 
 const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
@@ -5715,7 +5744,7 @@ var useCSVImport = function useCSVImport() {
 
   var upload = React.useCallback(function (file) {
     try {
-      var _temp12 = function _temp12() {
+      var _temp11 = function _temp11() {
         dispatch(marioCore.setLoading(false));
         var inputId = document.getElementById(id);
         var input = document.getElementById('import-student');
@@ -5728,8 +5757,8 @@ var useCSVImport = function useCSVImport() {
       if (!type || !file) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp13 = _catch(function () {
-        function _temp9() {
+      var _temp12 = _catch(function () {
+        function _temp8() {
           dispatch(marioCore.setAlert({
             type: "success",
             message: "Import CSV successfully"
@@ -5739,31 +5768,29 @@ var useCSVImport = function useCSVImport() {
         var formData = new FormData();
         formData.append("file", file, file.name);
 
-        var _temp8 = function () {
-          if (isCheckDomainIBS) {
-            var _temp14 = function _temp14() {
-              var _temp5 = function () {
-                if (type == CSVType.ClassReflection) {
-                  return Promise.resolve(importClassReflectionCSV(formData)).then(function () {});
-                }
-              }();
-
-              if (_temp5 && _temp5.then) return _temp5.then(function () {});
-            };
+        var _temp7 = function () {
+          if (type == CSVType.Students) {
+            return Promise.resolve(importStudentCSV(formData)).then(function () {});
+          } else {
+            var _temp13 = function () {
+              if (isCheckDomainIBS) {
+                var _temp14 = function () {
+                  if (type == CSVType.ClassReflection) {
+                    return Promise.resolve(importClassReflectionCSV(formData)).then(function () {});
+                  }
+                }();
 
-            var _temp15 = function () {
-              if (type == CSVType.Students) {
-                return Promise.resolve(importStudentCSV(formData)).then(function () {});
+                if (_temp14 && _temp14.then) return _temp14.then(function () {});
+              } else {
+                return Promise.resolve(importCSV(formData, type.toString())).then(function () {});
               }
             }();
 
-            return _temp15 && _temp15.then ? _temp15.then(_temp14) : _temp14(_temp15);
-          } else {
-            return Promise.resolve(importCSV(formData, type.toString())).then(function () {});
+            if (_temp13 && _temp13.then) return _temp13.then(function () {});
           }
         }();
 
-        return _temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8);
+        return _temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7);
       }, function (err) {
         var _err$response, _err$response$data;
 
@@ -5773,7 +5800,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp13 && _temp13.then ? _temp13.then(_temp12) : _temp12(_temp13));
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5781,7 +5808,7 @@ var useCSVImport = function useCSVImport() {
 
   var uploadByTeacherId = function uploadByTeacherId(file) {
     try {
-      var _temp18 = function _temp18() {
+      var _temp17 = function _temp17() {
         dispatch(marioCore.setLoading(false));
         var input = document.getElementById('teacherSelector');
         input && (input.value = "");
@@ -5798,7 +5825,7 @@ var useCSVImport = function useCSVImport() {
       if (!type || !file) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp19 = _catch(function () {
+      var _temp18 = _catch(function () {
         var formData = new FormData();
         formData.append("file", file, file.name);
         return Promise.resolve(importStudentByTeacher(defaultTeacher, formData)).then(function () {
@@ -5816,7 +5843,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp18) : _temp18(_temp19));
+      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5824,7 +5851,7 @@ var useCSVImport = function useCSVImport() {
 
   var onConfirm = function onConfirm(values) {
     try {
-      var _temp22 = function _temp22() {
+      var _temp21 = function _temp21() {
         dispatch(marioCore.setLoading(false));
         var input = document.getElementById(id);
         input && (input.value = "");
@@ -5833,7 +5860,7 @@ var useCSVImport = function useCSVImport() {
       if (!dataFile || !dataFile) return Promise.resolve();
       dispatch(marioCore.setLoading(true));
 
-      var _temp23 = _catch(function () {
+      var _temp22 = _catch(function () {
         var formData = new FormData();
         formData.append("file", dataFile, dataFile.name);
         formData.append("teacherName", values.teacherName);
@@ -5857,7 +5884,7 @@ var useCSVImport = function useCSVImport() {
         }));
       });
 
-      return Promise.resolve(_temp23 && _temp23.then ? _temp23.then(_temp22) : _temp22(_temp23));
+      return Promise.resolve(_temp22 && _temp22.then ? _temp22.then(_temp21) : _temp21(_temp22));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5945,11 +5972,6 @@ var CSVImport = function CSVImport() {
       buttons = _useCSVImport.buttons,
       upload = _useCSVImport.upload,
       isCheckDomainIBS = _useCSVImport.isCheckDomainIBS,
-      onChangeTeacher = _useCSVImport.onChangeTeacher,
-      setDataFileImportStudent = _useCSVImport.setDataFileImportStudent,
-      defaultTeacher = _useCSVImport.defaultTeacher,
-      fileName = _useCSVImport.fileName,
-      onStudentSubmit = _useCSVImport.onStudentSubmit,
       downloadTemplateStudentISB = _useCSVImport.downloadTemplateStudentISB;
 
   var _useTranslation = marioCore.useTranslation(),
@@ -6066,40 +6088,43 @@ var CSVImport = function CSVImport() {
       });
     })))));
   }))) : React__default.createElement(React__default.Fragment, null, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
-    md: 3,
-    className: "mb-3"
-  }, React__default.createElement(TeacherSelector, {
-    defaultValue: defaultTeacher,
-    onChange: onChangeTeacher
-  }), React__default.createElement("div", {
-    className: "mt-3"
-  }, fileName ? React__default.createElement("span", {
-    className: "font-italic mb-1 font-lg"
-  }, fileName) : null, React__default.createElement(reactstrap.Input, {
+    md: 12,
+    className: "mb-2 text-left"
+  }, React__default.createElement(reactstrap.Button, {
+    role: "button",
+    color: "primary",
+    onClick: function onClick() {
+      return downloadTemplateStudentISB();
+    }
+  }, React__default.createElement("p", {
+    className: "d-flex align-items-center mb-0"
+  }, t("download_template"), " ", React__default.createElement(ai.AiOutlineDownload, {
+    size: 20,
+    className: "ml-2"
+  })))), React__default.createElement(reactstrap.Col, {
+    md: 6,
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Input, {
+    id: "import-student",
     className: "d-none",
     type: "file",
-    id: "teacherSelector",
     onChange: function onChange(e) {
-      return setDataFileImportStudent(e.target.files[0]);
+      return upload(e.target.files[0]);
     },
     accept: "text/csv"
+  }), React__default.createElement(marioCore.RequiredLabel, {
+    text: "Import student"
   }), React__default.createElement(UploadCSVButton, {
-    key: "Import student",
-    htmlFor: "teacherSelector",
-    text: "Select CSV",
+    key: "import-students",
+    htmlFor: 'import-student',
+    text: "Import students",
     isDisabled: isLoading,
-    backgroundColor: "#e74c3c",
+    backgroundColor: "#0abde3",
     onClick: function onClick() {
-      return setType(CSVType.Students);
+      setType(CSVType.Students);
     }
-  })), React__default.createElement(reactstrap.Button, {
-    color: "success",
-    onClick: onStudentSubmit,
-    className: "w-100 mt-3"
-  }, "Import")), React__default.createElement(reactstrap.Col, {
-    md: 3
-  }), React__default.createElement(reactstrap.Col, {
-    md: 3,
+  })), React__default.createElement(reactstrap.Col, {
+    md: 6,
     className: "mb-3"
   }, React__default.createElement(reactstrap.Input, {
     className: "d-none",
@@ -6110,7 +6135,9 @@ var CSVImport = function CSVImport() {
     },
     accept: "text/csv"
   }), buttons.map(function (button) {
-    return React__default.createElement(UploadCSVButton, {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement(marioCore.RequiredLabel, {
+      text: button.text
+    }), React__default.createElement(UploadCSVButton, {
       key: button.text,
       htmlFor: id,
       text: button.text,
@@ -6119,7 +6146,7 @@ var CSVImport = function CSVImport() {
       onClick: function onClick() {
         return setType(button.type);
       }
-    });
+    }));
   })))));
 };
 
@@ -11127,7 +11154,7 @@ var INITIAL_CHOSEN_USER$1 = {
   studentName: ""
 };
 
-var TITLE$h = "Assign secondary teacher list";
+var TITLE$h = "Assign support teacher list";
 
 var useAssignSecondaryTeacher = function useAssignSecondaryTeacher() {
   var modal = React.useRef();
@@ -11260,7 +11287,7 @@ var useAssignSecondaryTeacher = function useAssignSecondaryTeacher() {
       if (!secondaryTeacherChangeId) {
         dispatch(marioCore.setAlert({
           type: "danger",
-          message: "Secondary Teacher have not been selected!"
+          message: "Support Teacher have not been selected!"
         }));
         return Promise.resolve();
       }
@@ -11268,7 +11295,7 @@ var useAssignSecondaryTeacher = function useAssignSecondaryTeacher() {
       dispatch(marioCore.setModal({
         isOpen: true,
         type: "warning",
-        message: "Do you want to assign this Secondary Teacher to student " + chosenUser.studentName + "?",
+        message: "Do you want to assign this Support Teacher to student " + chosenUser.studentName + "?",
         onConfirm: function () {
           try {
             var _temp9 = function _temp9() {
@@ -11281,7 +11308,7 @@ var useAssignSecondaryTeacher = function useAssignSecondaryTeacher() {
               return Promise.resolve(assignSecondaryTeacherOfStudent(chosenUser.id, chosenUser.teacherId, secondaryTeacherChangeId)).then(function () {
                 dispatch(marioCore.setAlert({
                   type: "success",
-                  message: "Assign Secondary Teacher successfully"
+                  message: "Assign Support Teacher successfully"
                 }));
                 openModal();
                 resetData();
@@ -11368,13 +11395,13 @@ var AssignSecondaryTeacherModal = function AssignSecondaryTeacherModal(_ref, ref
   }, t("student_email")), React__default.createElement("p", null, chosenUser.emailStudent), !!chosenUser && React__default.createElement(marioCore.CustomSelector, {
     options: options,
     value: valueDefault,
-    placeholder: t("select_secondary_teacher"),
+    placeholder: t("select_support_teacher"),
     onChange: function onChange(e) {
       return setSecondaryTeacherChangeId((e === null || e === void 0 ? void 0 : e.value) || 0);
     },
     isClearable: true
   }), !!isChecked && !secondaryTeacherChangeId && React__default.createElement(marioCore.ErrorHandler, {
-    text: "Secondary Teacher is required"
+    text: "Support Teacher is required"
   }))));
 };
 
@@ -11449,7 +11476,7 @@ var AssignSecondaryTeacherList = function AssignSecondaryTeacherList() {
       onClick: function onClick() {
         return choiceUser(record);
       }
-    }, t("assign_secondary_teacher"))));
+    }, t("assign_support_teacher"))));
   })))) : React__default.createElement(marioCore.EmptyDataAlert, {
     label: "user"
   })), React__default.createElement(reactstrap.Col, {
@@ -11469,7 +11496,7 @@ var AssignSecondaryTeacherList = function AssignSecondaryTeacherList() {
     }
   }))), React__default.createElement(AssignSecondaryTeacherModal$1, {
     ref: modal,
-    header: t("assign_secondary_teacher"),
+    header: t("assign_support_teacher"),
     chosenUser: chosenUser,
     onAssign: handleAssign,
     options: options,
@@ -11905,12 +11932,12 @@ var SwitchSecondaryTeacherModal = function SwitchSecondaryTeacherModal(_ref, ref
     className: "font-weight-bold"
   }, t("student_email")), React__default.createElement("p", null, userChoiced.emailStudent), React__default.createElement("p", {
     className: "font-weight-bold"
-  }, t("current_secondary_teacher_name")), React__default.createElement("p", null, userChoiced.secondaryTeacherName), React__default.createElement("p", {
+  }, t("current_support_teacher_name")), React__default.createElement("p", null, userChoiced.secondaryTeacherName), React__default.createElement("p", {
     className: "font-weight-bold"
-  }, t("current_secondary_teacher_email")), React__default.createElement("p", null, userChoiced.emailSecondaryTeacher), !!userChoiced && React__default.createElement(marioCore.CustomSelector, {
+  }, t("current_support_teacher_email")), React__default.createElement("p", null, userChoiced.emailSecondaryTeacher), !!userChoiced && React__default.createElement(marioCore.CustomSelector, {
     options: options,
     value: valueDefault,
-    placeholder: t("select_secondary_teacher_change"),
+    placeholder: t("select_support_teacher_change"),
     onChange: function onChange(e) {
       return setSecondaryTeacherChangeId(e.value);
     }
@@ -11928,7 +11955,7 @@ var INITIAL_USER_CHOICE$3 = {
   assistantName: ""
 };
 
-var TITLE$j = "Switch counselor list";
+var TITLE$j = "Switch support list";
 
 var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
   var modal = React.useRef();
@@ -12043,7 +12070,7 @@ var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
       dispatch(marioCore.setModal({
         isOpen: true,
         type: "warning",
-        message: "Do you want to change secondary teacher?",
+        message: "Do you want to change support teacher?",
         onConfirm: function () {
           try {
             var _temp9 = function _temp9() {
@@ -12056,7 +12083,7 @@ var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
               return Promise.resolve(changeSecondaryTeacherOfStudent(studentId, secondaryTeacherId)).then(function () {
                 dispatch(marioCore.setAlert({
                   type: "success",
-                  message: "Change secondary teacher successfully"
+                  message: "Change support teacher successfully"
                 }));
                 openModal();
                 resetData();
@@ -12091,7 +12118,7 @@ var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
       dispatch(marioCore.setModal({
         isOpen: true,
         type: "warning",
-        message: "Do you want to remove this Secondary teacher?",
+        message: "Do you want to remove this support teacher?",
         onConfirm: function () {
           try {
             var _temp12 = _catch(function () {
@@ -12099,7 +12126,7 @@ var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
                 getStudentSecondaryTeacherData();
                 dispatch(marioCore.setAlert({
                   type: "success",
-                  message: "Remove secondary teacher successfully"
+                  message: "Remove support teacher successfully"
                 }));
               });
             }, function (err) {
@@ -12153,20 +12180,20 @@ var useSwitchSecondaryTeacher = function useSwitchSecondaryTeacher() {
 var header$a = "list_students";
 
 var SwitchSecondaryTeacherList = function SwitchSecondaryTeacherList() {
-  var _useSwitchCounselor = useSwitchSecondaryTeacher(),
-      userList = _useSwitchCounselor.userList,
-      totalItems = _useSwitchCounselor.totalItems,
-      filters = _useSwitchCounselor.filters,
-      changeFilters = _useSwitchCounselor.changeFilters,
-      modal = _useSwitchCounselor.modal,
-      userChoiced = _useSwitchCounselor.userChoiced,
-      options = _useSwitchCounselor.options,
-      setSecondaryTeacherChangeId = _useSwitchCounselor.setSecondaryTeacherChangeId,
-      secondaryTeacherChangeId = _useSwitchCounselor.secondaryTeacherChangeId,
-      removeData = _useSwitchCounselor.removeData,
-      resetData = _useSwitchCounselor.resetData,
-      choiceUser = _useSwitchCounselor.choiceUser,
-      onDeleteSecondaryTeacher = _useSwitchCounselor.onDeleteSecondaryTeacher;
+  var _uuseSwitchSecondaryT = useSwitchSecondaryTeacher(),
+      userList = _uuseSwitchSecondaryT.userList,
+      totalItems = _uuseSwitchSecondaryT.totalItems,
+      filters = _uuseSwitchSecondaryT.filters,
+      changeFilters = _uuseSwitchSecondaryT.changeFilters,
+      modal = _uuseSwitchSecondaryT.modal,
+      userChoiced = _uuseSwitchSecondaryT.userChoiced,
+      options = _uuseSwitchSecondaryT.options,
+      setSecondaryTeacherChangeId = _uuseSwitchSecondaryT.setSecondaryTeacherChangeId,
+      secondaryTeacherChangeId = _uuseSwitchSecondaryT.secondaryTeacherChangeId,
+      removeData = _uuseSwitchSecondaryT.removeData,
+      resetData = _uuseSwitchSecondaryT.resetData,
+      choiceUser = _uuseSwitchSecondaryT.choiceUser,
+      onDeleteSecondaryTeacher = _uuseSwitchSecondaryT.onDeleteSecondaryTeacher;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
@@ -12206,11 +12233,11 @@ var SwitchSecondaryTeacherList = function SwitchSecondaryTeacherList() {
     className: "align-top"
   }, t("student_email")), React__default.createElement("th", {
     className: "align-top"
-  }, t("current_secondary_teacher_name")), React__default.createElement("th", {
+  }, t("current_support_teacher_name")), React__default.createElement("th", {
     className: "align-top"
-  }, t("current_secondary_teacher_email")), React__default.createElement("th", {
+  }, t("current_support_teacher_email")), React__default.createElement("th", {
     className: "align-top"
-  }, t("remove_secondary_teacher")))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
+  }, t("remove_support_teacher")))), React__default.createElement("tbody", null, !!userList && userList.length > 0 && userList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
@@ -12252,7 +12279,7 @@ var SwitchSecondaryTeacherList = function SwitchSecondaryTeacherList() {
     }
   }))), React__default.createElement(SwitchSecondaryTeacherModal$1, {
     ref: modal,
-    header: t("switch_counselor"),
+    header: t("switch_support_teacher"),
     userChoiced: userChoiced,
     removeData: removeData,
     options: options,
@@ -12332,11 +12359,11 @@ var tabs = [{
   component: SwitchCounselorList
 }, {
   path: "/admin/set-up/assign-secondary-teacher",
-  title: "Assign secondary teacher",
+  title: "Assign support teacher",
   component: AssignSecondaryTeacherList
 }, {
   path: "/admin/set-up/switch-secondary-teacher",
-  title: "Switch secondary teacher",
+  title: "Switch support teacher",
   component: SwitchSecondaryTeacherList
 }, {
   path: "/admin/set-up/welcome-email-re-send",
@@ -28467,7 +28494,7 @@ var gradeOptions = function gradeOptions(grades, studentUserId) {
     };
   });
 };
-var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isDonutChart) {
+var learningStrategyChartOptions = function learningStrategyChartOptions(labelNames, usageCountList, isMobileScreen) {
   return {
     legend: {
       show: false,
@@ -28475,6 +28502,7 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
     },
     chart: {
       type: "bar",
+      offsetX: !isMobileScreen ? 0 : -275,
       toolbar: {
         show: false
       }
@@ -28536,30 +28564,26 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
         show: true,
         align: "left",
         minWidth: 0,
-        maxWidth: 250,
+        maxWidth: 400,
         style: {
-          fontSize: "14px",
+          fontSize: !isMobileScreen ? "14px" : "12px",
           fontFamily: 'Poppins-Regular !important',
-          fontWeight: 400,
+          fontWeight: !isMobileScreen ? 400 : 600,
           cssClass: "apexcharts-yaxis-label"
         },
-        offsetX: 0,
-        offsetY: 0,
+        offsetX: !isMobileScreen ? 0 : 280,
+        offsetY: !isMobileScreen ? 0 : -10,
         rotate: 0
       }
     },
     dataLabels: {
       enabled: true,
-      formatter: function formatter(val, opts) {
+      formatter: function formatter(val) {
         if (!val) {
           return "";
         }
 
-        if (!isDonutChart) {
-          return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
-        } else {
-          return usageCountList[opts.seriesIndex];
-        }
+        return typeof val === "number" ? val.toFixed(2) + "%" : "" + val;
       },
       style: {
         colors: ["#FFFFFF", "#FFFFFF", "#FFFFFF", "#FFFFFF", "#242424"]
@@ -28570,7 +28594,7 @@ var learningStrategyChartOptions = function learningStrategyChartOptions(labelNa
 var average = function average(arr) {
   return arr.reduce(function (a, b) {
     return a + b;
-  }, 0) / arr.length;
+  }, 0) / arr.length || 0;
 };
 var getConvertMinuteToHour = function getConvertMinuteToHour(timeSecond) {
   var hTime = "";
@@ -30864,6 +30888,8 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
 
   var data = _ref2.data;
   if (!data) return React__default.createElement(Loading, null);
+  var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  var isMobileScreen = screenWidth < 576;
   var learningStrategies = (data === null || data === void 0 ? void 0 : (_data$learningStrateg = data.learningStrategies) === null || _data$learningStrateg === void 0 ? void 0 : _data$learningStrateg.sort(function (a, b) {
     return average(b.usagePoint) - average(a.usagePoint);
   })) || [];
@@ -30883,6 +30909,15 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
       return average(i.usagePoint);
     })
   }];
+  var seriesLearningStrategyMobile = [{
+    name: "",
+    data: [0]
+  }, {
+    name: "Perceived Usefulness",
+    data: learningStrategies === null || learningStrategies === void 0 ? void 0 : learningStrategies.map(function (i) {
+      return average(i.usagePoint);
+    })
+  }];
   var top5LearningItems = (learningStrategies === null || learningStrategies === void 0 ? void 0 : (_learningStrategies$f = learningStrategies.filter(function (r) {
     return r.usageCount > 0;
   })) === null || _learningStrategies$f === void 0 ? void 0 : (_learningStrategies$f2 = _learningStrategies$f.sort(function (a, b) {
@@ -30959,11 +30994,11 @@ var TopLearningStrategy = function TopLearningStrategy(_ref2) {
   }, "The Effectiveness of Learning Strategies by Student's feedback"))), seriesLearningStrategy.some(function (i) {
     return i.data;
   }) ? React__default.createElement("div", null, React__default.createElement(Chart, {
-    options: learningStrategyChartOptions(wrapLabel, usageCount),
-    series: seriesLearningStrategy,
+    options: learningStrategyChartOptions(!isMobileScreen ? wrapLabel : labelNames, usageCount, isMobileScreen),
+    series: !isMobileScreen ? seriesLearningStrategy : seriesLearningStrategyMobile,
     type: "bar",
-    width: "100%",
-    height: 500
+    width: !isMobileScreen ? "100%" : screenWidth + 220,
+    height: !isMobileScreen ? 500 : 600
   }), React__default.createElement("p", {
     className: "" + styles$1["name-chart"]
   }, "Perceived Usefulness")) : React__default.createElement("img", {
@@ -31003,134 +31038,568 @@ var propsAreEqual = function propsAreEqual(preProps, nextProps) {
 
 var TopLearningStrategy$1 = React__default.memo(TopLearningStrategy, propsAreEqual);
 
-var headerLogo = "../images/main-logo-blue.png";
-
-var DashboardToPDF = function DashboardToPDF(props) {
-  var startTime = props.startTime,
-      endTime = props.endTime,
-      selectedToPDF = props.selectedToPDF,
-      activeColumnPreparedness = props.activeColumnPreparedness,
-      activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
-      avgQuestionLastMonth = props.avgQuestionLastMonth,
-      dayOfWeekOneToOne = props.dayOfWeekOneToOne,
-      monthsOneToOne = props.monthsOneToOne,
-      preparednessData = props.preparednessData,
-      safetyData = props.safetyData,
-      stressData = props.stressData,
-      successIndicatorsData = props.successIndicatorsData,
-      topLearningStrategiesData = props.topLearningStrategiesData,
-      timeOfDay = props.timeOfDay,
-      seriesConference = props.seriesConference,
-      monthsConference = props.monthsConference,
-      activeColumnConference = props.activeColumnConference,
-      dayOfWeekConference = props.dayOfWeekConference,
-      avgConferenceLastMonth = props.avgConferenceLastMonth;
+var BubbleChartCustom = function BubbleChartCustom(_ref) {
+  var data = _ref.data;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
 
-  var dispatch = reactRedux.useDispatch();
-
-  var generatePDF = function generatePDF() {
-    try {
-      var _temp27 = function _temp27() {
-        dispatch(marioCore.setLoading(false));
-      };
+  if (!data) return React__default.createElement("div", {
+    className: "flex justify-content-center align-items-center",
+    style: {
+      height: 450
+    }
+  }, React__default.createElement("div", null, "No Data"));
+  var seriesName = seriesNameBubbleChartCustom(data);
+  return React__default.createElement("div", {
+    className: "" + styles$1["size-100"]
+  }, React__default.createElement("div", {
+    className: "" + styles$1["block-header-chart"]
+  }, React__default.createElement("p", {
+    className: styles$1["title-chart"] + " " + styles$1["ml-10"]
+  }, t(studentDistribution))), React__default.createElement("div", {
+    className: "" + styles$1["bubble-chart-custom"]
+  }, React__default.createElement("div", {
+    className: styles$1["chart-custom"]
+  }, React__default.createElement("div", {
+    className: styles$1["chart-buddle"]
+  }, React__default.createElement("div", null, React__default.createElement("div", {
+    className: styles$1["legend-wrap"]
+  }, seriesName.map(function (i, index) {
+    return React__default.createElement("div", {
+      className: "" + styles$1["item"],
+      key: index
+    }, React__default.createElement("div", {
+      className: "" + styles$1["mark-custom"],
+      style: {
+        backgroundColor: COLOR_CHART_BUBBLE[index]
+      }
+    }), React__default.createElement("label", {
+      className: "" + styles$1["label-legend-custom"]
+    }, i));
+  })), React__default.createElement(Chart, {
+    options: readinesToLearnoptions(seriesName, data),
+    type: "scatter",
+    series: convertDataToSeriesBullderChart(data),
+    width: "100%",
+    height: 250
+  }))))));
+};
 
-      dispatch(marioCore.setLoading(true));
+function propsAreEqual$1(prevProps, nextProps) {
+  return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
+}
 
-      var _temp28 = _catch(function () {
-        function _temp24() {
-          function _temp22() {
-            function _temp20() {
-              function _temp18() {
-                function _temp16() {
-                  function _temp14() {
-                    doc.save("DashBoard.pdf");
-                  }
+var BubbleChartCustom$1 = React__default.memo(BubbleChartCustom, propsAreEqual$1);
 
-                  var _temp13 = function () {
-                    if (selectedToPDF.includes(topLearningStrategyName)) {
-                      var chart = document.getElementById("learning_strategy");
-                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                        doc.setFontSize(8);
-                        left = 20;
-                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
-                        doc.setFontSize(8);
-                      });
-                    }
-                  }();
+var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
 
-                  return _temp13 && _temp13.then ? _temp13.then(_temp14) : _temp14(_temp13);
-                }
+var StudentPressureChart = function StudentPressureChart(_ref) {
+  var studentPressure = _ref.studentPressure,
+      width = _ref.width;
+  var openMenuBar = reactRedux.useSelector(function (state) {
+    return state.common.menuBar;
+  });
+  var svgRef = React.useRef(null);
+  var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
 
-                var _temp15 = function () {
-                  if (selectedToPDF.includes(learningProcessName)) {
-                    return Promise.resolve(createImageHeader()).then(function () {
-                      doc.setFontSize(14);
-                      doc.setFont("Helvetica", "normal", "bold");
-                      doc.text(t(learningProcessName), left, line);
-                      line += 20;
-                      var chart = document.getElementById("learning_progress");
-                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                        doc.setFontSize(8);
-                        left = 20;
-                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                        doc.setFontSize(8);
-                        line += heightChart;
-                      });
-                    });
-                  }
-                }();
+  if (width) {
+    innerWidth = width;
+  }
 
-                return _temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15);
-              }
+  var chartWidth = innerWidth < 700 ? 700 : innerWidth;
+  var chartHeight = chartWidth / 3.12;
+  var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
+  var data = [{
+    label: "BOREOUT",
+    value: studentPressure.boreOutStudent
+  }, {
+    label: "COMFORT",
+    value: studentPressure.comfortStudent
+  }, {
+    label: "STRETCH",
+    value: studentPressure.stretchStudent
+  }, {
+    label: "STRAIN",
+    value: studentPressure.strainStudent
+  }, {
+    label: "BURNOUT",
+    value: studentPressure.burnoutStudent
+  }];
+  var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
 
-              var _temp17 = function () {
-                if (selectedToPDF.includes(successIndicatorsName)) {
-                  return Promise.resolve(createImageHeader()).then(function () {
-                    doc.setFontSize(14);
-                    doc.setFont("Helvetica", "normal", "bold");
-                    doc.text(t(successIndicatorsName), left, line);
-                    line += 20;
-                    var chart = document.getElementById("success_indicators");
-                    return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                      function _temp12() {
-                        left = 20;
-                        line += questions.length * 10;
-                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                        doc.setFontSize(8);
-                        doc.addPage();
-                        line = 80;
-                        left = 20;
-                      }
+  var _useState = React.useState(""),
+      tooltipVisible = _useState[0],
+      setTooltipVisible = _useState[1];
 
-                      var lineOptionCheckIn = line;
-                      doc.setFontSize(8);
-                      var questions = successIndicatorsData.map(function (r) {
-                        return r.name;
-                      });
-                      var indexCheckIn = 0;
+  var _useState2 = React.useState(0),
+      tooltipX = _useState2[0],
+      setTooltipX = _useState2[1];
 
-                      var _temp11 = _for(function () {
-                        return indexCheckIn < monthsOneToOne.length;
-                      }, function () {
-                        return indexCheckIn++;
-                      }, function () {
-                        var _line = line;
-                        doc.setFontSize(12);
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                        doc.setFontSize(8);
+  var _useState3 = React.useState(0),
+      tooltipY = _useState3[0],
+      setTooltipY = _useState3[1];
 
-                        for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
-                          var avg = successIndicatorsData[indexResult].data[indexCheckIn];
+  var _useState4 = React.useState([]),
+      tooltipStudents = _useState4[0],
+      setTooltipStudents = _useState4[1];
 
-                          if (avg != 0) {
-                            var questionText = questions[indexResult];
+  var _useState5 = React.useState(""),
+      colorTooltip = _useState5[0],
+      setColorTooltip = _useState5[1];
 
-                            if (questionText != "") {
-                              doc.setDrawColor(0);
+  var handleDotHover = function handleDotHover(students, x, y, label, color) {
+    setTooltipStudents(Array.from(new Set(students)));
+    setTooltipX(x);
+    setTooltipY(y);
+    setTooltipVisible(label);
+    setColorTooltip(color);
+  };
+
+  var handleDotLeave = function handleDotLeave() {
+    setTooltipVisible("");
+  };
+
+  React.useEffect(function () {
+    var svg = svgRef.current;
+
+    if (svg) {
+      var drawChart = function drawChart() {
+        try {
+          var _ret = function () {
+            var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            xAxis.setAttribute("x1", "50");
+            xAxis.setAttribute("y1", "" + chartHeight);
+            xAxis.setAttribute("x2", "" + (chartWidth - 30));
+            xAxis.setAttribute("y2", "" + chartHeight);
+            xAxis.setAttribute("stroke", "#D3D3D3");
+            svg.appendChild(xAxis);
+            var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
+            yAxis.setAttribute("x1", "50");
+            yAxis.setAttribute("y1", "50");
+            yAxis.setAttribute("x2", "50");
+            yAxis.setAttribute("y2", "" + chartHeight);
+            yAxis.setAttribute("stroke", "#D3D3D3");
+            svg.appendChild(yAxis);
+            var spacingLabel = (chartWidth - 60) / 3;
+
+            for (var index = 0; index < xAxistLabels.length; index++) {
+              var label = xAxistLabels[index];
+              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              text.setAttribute("x", "" + (spacingLabel * index || 50));
+              text.setAttribute("y", "" + (chartHeight + 20));
+              text.setAttribute("fill", "#D3D3D3");
+              text.textContent = label;
+              svg.appendChild(text);
+            }
+
+            var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            highText.setAttribute("x", "15");
+            highText.setAttribute("y", "60");
+            highText.setAttribute("fill", "#D3D3D3");
+            highText.textContent = "High";
+            svg.appendChild(highText);
+            var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            lowText.setAttribute("x", "15");
+            lowText.setAttribute("y", "" + chartHeight);
+            lowText.setAttribute("fill", "#D3D3D3");
+            lowText.textContent = "Low";
+            svg.appendChild(lowText);
+            var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+            performanceText.setAttribute("x", "40");
+            performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
+            performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
+            performanceText.setAttribute("fill", "#242424");
+            performanceText.setAttribute("font-size", "12px");
+            performanceText.setAttribute("font-weight", "bold");
+            performanceText.textContent = "Performance";
+            svg.appendChild(performanceText);
+            var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
+            image.setAttribute("x", "50");
+            image.setAttribute("y", "50");
+            image.setAttribute("width", "" + (chartWidth - 80));
+            image.setAttribute("height", "" + (chartHeight - 50));
+            image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
+            svg.appendChild(image);
+            var circleCount = 5;
+            var circleSpacing = (chartWidth + 100) / (circleCount + 1);
+            var circleY = chartHeight - 30;
+
+            var _loop = function _loop(i) {
+              var _data3, _data3$value, _data3$value$length, _data6;
+
+              var circleX = circleSpacing * i;
+              var radius = 15;
+              var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
+              circle.setAttribute("cx", "" + circleX);
+              circle.setAttribute("cy", "" + circleY);
+              circle.setAttribute("r", "" + radius);
+              circle.setAttribute("fill", colors[i - 1]);
+              circle.addEventListener("mouseenter", function () {
+                var _data, _data2;
+
+                handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
+              });
+              circle.addEventListener("mouseleave", handleDotLeave);
+              svg.appendChild(circle);
+              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              text.setAttribute("x", "" + circleX);
+              text.setAttribute("y", "" + circleY);
+              text.setAttribute("fill", "white");
+              text.setAttribute("font-weight", "bold");
+              text.setAttribute("font-size", "12px");
+              text.setAttribute("text-anchor", "middle");
+              text.setAttribute("dominant-baseline", "middle");
+              text.setAttribute("style", "cursor: default");
+              text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
+              text.addEventListener("mouseenter", function () {
+                var _data4, _data5;
+
+                handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
+              });
+              svg.appendChild(text);
+              var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
+              var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
+              labelText.setAttribute("x", "" + circleX);
+              labelText.setAttribute("y", "" + (circleY - radius - 12));
+              labelText.setAttribute("fill", "#242424");
+              labelText.setAttribute("font-weight", "bold");
+              labelText.setAttribute("font-size", "12px");
+              labelText.setAttribute("text-anchor", "middle");
+              labelText.textContent = label;
+              svg.appendChild(labelText);
+            };
+
+            for (var i = 1; i <= data.length; i++) {
+              _loop(i);
+            }
+
+            return {
+              v: Promise.resolve()
+            };
+          }();
+
+          if (typeof _ret === "object") return _ret.v;
+        } catch (e) {
+          return Promise.reject(e);
+        }
+      };
+
+      while (svg.firstChild) {
+        svg.firstChild.remove();
+      }
+
+      drawChart();
+    }
+  }, [chartWidth, studentPressure]);
+  var lineHeight = 20;
+  var tooltipHeight = tooltipStudents.length * lineHeight;
+  var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
+  return React__default.createElement("svg", {
+    ref: svgRef,
+    width: chartWidth,
+    height: chartHeight + 50
+  }, !!tooltipVisible && React__default.createElement("g", {
+    transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
+  }, React__default.createElement("rect", {
+    width: "200",
+    height: maxHeightTooltip + 10,
+    fill: "rgba(36, 36, 36, 0.8)",
+    rx: "5"
+  }), React__default.createElement("text", {
+    x: "20",
+    y: "20",
+    fill: "#fff",
+    fontSize: "12px",
+    textAnchor: "start"
+  }, tooltipStudents.length + " students are " + tooltipVisible), React__default.createElement("foreignObject", {
+    x: "0",
+    y: "30",
+    width: "200",
+    height: maxHeightTooltip
+  }, React__default.createElement("div", {
+    style: {
+      overflowY: "auto",
+      maxHeight: maxHeightTooltip - 20 + "px",
+      padding: "5px 5px 5px 10px",
+      color: "#fff",
+      fontSize: "12px"
+    }
+  }, tooltipStudents.map(function (label, index) {
+    return React__default.createElement("div", {
+      key: index
+    }, React__default.createElement("span", {
+      style: {
+        display: "inline-block",
+        width: "4px",
+        height: "14px",
+        backgroundColor: colorTooltip,
+        borderRadius: "10px",
+        marginRight: "10px"
+      }
+    }), React__default.createElement("span", null, label));
+  })))));
+};
+
+var headerLogo = "../images/main-logo-blue.png";
+
+var DashboardToPDF = function DashboardToPDF(props) {
+  var startTime = props.startTime,
+      endTime = props.endTime,
+      selectedToPDF = props.selectedToPDF,
+      activeColumnPreparedness = props.activeColumnPreparedness,
+      activeColumnSuccessIndicators = props.activeColumnSuccessIndicators,
+      avgQuestionLastMonth = props.avgQuestionLastMonth,
+      dayOfWeekOneToOne = props.dayOfWeekOneToOne,
+      monthsOneToOne = props.monthsOneToOne,
+      preparednessData = props.preparednessData,
+      safetyData = props.safetyData,
+      stressData = props.stressData,
+      successIndicatorsData = props.successIndicatorsData,
+      topLearningStrategiesData = props.topLearningStrategiesData,
+      timeOfDay = props.timeOfDay,
+      seriesConference = props.seriesConference,
+      monthsConference = props.monthsConference,
+      activeColumnConference = props.activeColumnConference,
+      dayOfWeekConference = props.dayOfWeekConference,
+      avgConferenceLastMonth = props.avgConferenceLastMonth,
+      readinessToLearning = props.readinessToLearning,
+      studentPressure = props.studentPressure;
+
+  var _useTranslation = marioCore.useTranslation(),
+      t = _useTranslation.t;
+
+  var dispatch = reactRedux.useDispatch();
+
+  var generatePDF = function generatePDF() {
+    try {
+      var _temp42 = function _temp42() {
+        dispatch(marioCore.setLoading(false));
+      };
+
+      dispatch(marioCore.setLoading(true));
+
+      var _temp43 = _catch(function () {
+        function _temp39() {
+          function _temp37() {
+            function _temp35() {
+              function _temp33() {
+                function _temp31() {
+                  function _temp29() {
+                    function _temp27() {
+                      function _temp25() {
+                        doc.save("DashBoard.pdf");
+                      }
+
+                      var _temp24 = function () {
+                        if (selectedToPDF.includes(topLearningStrategyName)) {
+                          var chart = document.getElementById("learning_strategy");
+                          return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                            doc.setFontSize(8);
+                            left = 20;
+                            doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 450, 150);
+                            doc.setFontSize(8);
+                          });
+                        }
+                      }();
+
+                      return _temp24 && _temp24.then ? _temp24.then(_temp25) : _temp25(_temp24);
+                    }
+
+                    var _temp26 = function () {
+                      if (selectedToPDF.includes(learningProcessName)) {
+                        var _temp44 = function _temp44() {
+                          doc.setFontSize(14);
+                          doc.setFont("Helvetica", "normal", "bold");
+                          doc.text(t(learningProcessName), left, line);
+                          line += 20;
+                          var chart = document.getElementById("learning_progress");
+                          return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                            function _temp21() {
+                              left = 20;
+                              doc.addImage(canvas.toDataURL("image/png"), 10, line + 70, 420, heightChart);
+                              doc.setFontSize(8);
+                              doc.addPage();
+                              line = 80;
+                              left = 20;
+                            }
+
+                            var lineOptionPrecess = line;
+                            doc.setFontSize(8);
+                            var questions = seriesConference.map(function (r) {
+                              return r.name;
+                            });
+
+                            var _temp20 = _forTo(monthsConference, function (index) {
+                              var _line = line;
+                              doc.setFontSize(12);
+                              doc.setFont("Helvetica", "normal", "bold");
+                              doc.text(monthsConference[index], left, _line);
+                              doc.setFontSize(8);
+
+                              for (var indexResult = 0; indexResult < (seriesConference === null || seriesConference === void 0 ? void 0 : seriesConference.length); indexResult++) {
+                                var avg = seriesConference[indexResult].data[index];
+
+                                if (avg != 0) {
+                                  var questionText = questions[indexResult];
+
+                                  if (questionText != "") {
+                                    doc.setDrawColor(0);
+                                    doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                                    doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                                    doc.setFont("Helvetica", "normal", "bold");
+                                    doc.text(questionText + ":", left + 8, _line + 10);
+                                    doc.setFont("Helvetica", "normal", "normal");
+                                    doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                                  }
+
+                                  _line += 10;
+
+                                  if (_line > lineOptionPrecess) {
+                                    lineOptionPrecess = _line;
+                                  }
+                                }
+                              }
+
+                              left += 100;
+
+                              if (left + 105 > WIDTH_PAPER) {
+                                left = 20;
+                                line = lineOptionPrecess + 25;
+                              }
+
+                              var _temp19 = function () {
+                                if (line + 150 > HEIGHT_PAPER) {
+                                  doc.addPage();
+                                  return Promise.resolve(createImageHeader()).then(function () {
+                                    line = 80;
+                                    left = 20;
+                                  });
+                                }
+                              }();
+
+                              if (_temp19 && _temp19.then) return _temp19.then(function () {});
+                            });
+
+                            return _temp20 && _temp20.then ? _temp20.then(_temp21) : _temp21(_temp20);
+                          });
+                        };
+
+                        var _temp45 = function () {
+                          if (line > HEIGHT_PAPER / 2) {
+                            line = 80;
+                            left = 20;
+                            doc.addPage();
+                            return Promise.resolve(createImageHeader()).then(function () {});
+                          }
+                        }();
+
+                        return _temp45 && _temp45.then ? _temp45.then(_temp44) : _temp44(_temp45);
+                      }
+                    }();
+
+                    return _temp26 && _temp26.then ? _temp26.then(_temp27) : _temp27(_temp26);
+                  }
+
+                  var _temp28 = function () {
+                    if (selectedToPDF.includes(studentStressByZone)) {
+                      var _temp46 = function _temp46() {
+                        doc.setFontSize(14);
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(t(studentStressByZone), left, line);
+                        line += 20;
+                        var chart = document.getElementById("student_stress_by_zone");
+                        return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                          doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
+                          line += heightChart + 20;
+                        });
+                      };
+
+                      var _temp47 = function () {
+                        if (line > HEIGHT_PAPER / 2) {
+                          line = 80;
+                          left = 20;
+                          doc.addPage();
+                          return Promise.resolve(createImageHeader()).then(function () {});
+                        }
+                      }();
+
+                      return _temp47 && _temp47.then ? _temp47.then(_temp46) : _temp46(_temp47);
+                    }
+                  }();
+
+                  return _temp28 && _temp28.then ? _temp28.then(_temp29) : _temp29(_temp28);
+                }
+
+                var _temp30 = function () {
+                  if (selectedToPDF.includes(studentDistribution)) {
+                    var _temp48 = function _temp48() {
+                      var chart = document.getElementById("student_distribution");
+                      return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                        doc.addImage(canvas.toDataURL("image/png"), 10, line, 420, heightChart);
+                        line += heightChart + 20;
+                      });
+                    };
+
+                    var _temp49 = function () {
+                      if (line > HEIGHT_PAPER / 2) {
+                        line = 80;
+                        left = 20;
+                        doc.addPage();
+                        return Promise.resolve(createImageHeader()).then(function () {});
+                      }
+                    }();
+
+                    return _temp49 && _temp49.then ? _temp49.then(_temp48) : _temp48(_temp49);
+                  }
+                }();
+
+                return _temp30 && _temp30.then ? _temp30.then(_temp31) : _temp31(_temp30);
+              }
+
+              var _temp32 = function () {
+                if (selectedToPDF.includes(successIndicatorsName)) {
+                  var _temp50 = function _temp50() {
+                    doc.setFontSize(14);
+                    doc.setFont("Helvetica", "normal", "bold");
+                    doc.text(t(successIndicatorsName), left, line);
+                    line += 20;
+                    var chart = document.getElementById("success_indicators");
+                    return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                      function _temp12() {
+                        left = 20;
+                        line += questions.length * 10;
+                        doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
+                        doc.setFontSize(8);
+                        line += heightChart + 20;
+                      }
+
+                      var lineOptionCheckIn = line;
+                      doc.setFontSize(8);
+                      var questions = successIndicatorsData.map(function (r) {
+                        return r.name;
+                      });
+                      var indexCheckIn = 0;
+
+                      var _temp11 = _for(function () {
+                        return indexCheckIn < monthsOneToOne.length;
+                      }, function () {
+                        return indexCheckIn++;
+                      }, function () {
+                        var _line = line;
+                        doc.setFontSize(12);
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                        doc.setFontSize(8);
+
+                        for (var indexResult = 0; indexResult < (successIndicatorsData === null || successIndicatorsData === void 0 ? void 0 : successIndicatorsData.length); indexResult++) {
+                          var avg = successIndicatorsData[indexResult].data[indexCheckIn];
+
+                          if (avg != 0) {
+                            var questionText = questions[indexResult];
+
+                            if (questionText != "") {
+                              doc.setDrawColor(0);
                               doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
                               doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
                               doc.setFont("Helvetica", "normal", "bold");
@@ -31169,19 +31638,30 @@ var DashboardToPDF = function DashboardToPDF(props) {
 
                       return _temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11);
                     });
-                  });
+                  };
+
+                  var _temp51 = function () {
+                    if (line > HEIGHT_PAPER / 2) {
+                      line = 80;
+                      left = 20;
+                      doc.addPage();
+                      return Promise.resolve(createImageHeader()).then(function () {});
+                    }
+                  }();
+
+                  return _temp51 && _temp51.then ? _temp51.then(_temp50) : _temp50(_temp51);
                 }
               }();
 
-              return _temp17 && _temp17.then ? _temp17.then(_temp18) : _temp18(_temp17);
+              return _temp32 && _temp32.then ? _temp32.then(_temp33) : _temp33(_temp32);
             }
 
-            var _temp19 = function () {
+            var _temp34 = function () {
               if (selectedToPDF.includes(preparednessChartName)) {
                 return Promise.resolve(createImageHeader()).then(function () {
                   doc.setFontSize(14);
                   doc.setFont("Helvetica", "normal", "bold");
-                  doc.text(t(preparednessChartName), left, line);
+                  doc.text("Readiness To Learn", left, line);
                   line += 20;
                   var chart = document.getElementById("preparedness");
                   return Promise.resolve(html2canvas(chart)).then(function (canvas) {
@@ -31190,9 +31670,7 @@ var DashboardToPDF = function DashboardToPDF(props) {
                       line += questions.length * 10;
                       doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
                       doc.setFontSize(8);
-                      doc.addPage();
-                      line = 80;
-                      left = 20;
+                      line += heightChart + 20;
                     }
 
                     var lineOptionCheckIn = line;
@@ -31263,10 +31741,10 @@ var DashboardToPDF = function DashboardToPDF(props) {
               }
             }();
 
-            return _temp19 && _temp19.then ? _temp19.then(_temp20) : _temp20(_temp19);
+            return _temp34 && _temp34.then ? _temp34.then(_temp35) : _temp35(_temp34);
           }
 
-          var _temp21 = function () {
+          var _temp36 = function () {
             if (selectedToPDF.includes(averageStudentStressName)) {
               return Promise.resolve(createImageHeader()).then(function () {
                 doc.setFontSize(14);
@@ -31323,570 +31801,282 @@ var DashboardToPDF = function DashboardToPDF(props) {
                         if (_line > lineOptionCheckIn) {
                           lineOptionCheckIn = _line;
                         }
-                      }
-                    }
-
-                    left += 100;
-
-                    if (left + 105 > WIDTH_PAPER) {
-                      left = 20;
-                      line = lineOptionCheckIn + 25;
-                    }
-
-                    var _temp4 = function () {
-                      if (line + 150 > HEIGHT_PAPER) {
-                        doc.addPage();
-                        return Promise.resolve(createImageHeader()).then(function () {
-                          line = 80;
-                          left = 20;
-                        });
-                      }
-                    }();
-
-                    if (_temp4 && _temp4.then) return _temp4.then(function () {});
-                  });
-
-                  return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
-                });
-              });
-            }
-          }();
-
-          return _temp21 && _temp21.then ? _temp21.then(_temp22) : _temp22(_temp21);
-        }
-
-        var doc = new jsPDF({
-          orientation: "p",
-          unit: "px",
-          format: "a4"
-        });
-        var WIDTH_PAPER = doc.internal.pageSize.width;
-        var HEIGHT_PAPER = doc.internal.pageSize.height;
-        var heightChart = 200;
-
-        var createImageHeader = function createImageHeader() {
-          try {
-            var imageLogo = document.getElementById("header-logo");
-            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
-              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
-              doc.setFontSize(10);
-              doc.setFont("Helvetica", "italic", "normal");
-              doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
-              doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
-              doc.setDrawColor(128, 128, 128);
-              doc.line(0, 50, WIDTH_PAPER, 50);
-              doc.setLineWidth(0.1);
-            });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        };
-
-        var line = 85;
-        var left = 20;
-
-        var _temp23 = function () {
-          if (selectedToPDF.includes(averageStudentSafetyName)) {
-            return Promise.resolve(createImageHeader()).then(function () {
-              doc.setFontSize(14);
-              doc.setFont("Helvetica", "normal", "bold");
-              doc.text(t(averageStudentSafetyName), left, 70);
-              var chart = document.getElementById("safety");
-              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
-                function _temp3() {
-                  left = 20;
-                  doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
-                  line = line + heightChart + 30;
-
-                  if (line + 150 > HEIGHT_PAPER) {
-                    doc.addPage();
-                    line = 80;
-                    left = 20;
-                  }
-                }
-
-                var lineOptionCheckIn = line;
-                doc.setFontSize(8);
-                var questions = safetyData.map(function (r) {
-                  return r.name;
-                });
-                var indexCheckIn = 0;
-
-                var _temp2 = _for(function () {
-                  return indexCheckIn < monthsOneToOne.length;
-                }, function () {
-                  return indexCheckIn++;
-                }, function () {
-                  var _line = line;
-                  doc.setFontSize(12);
-                  doc.setFont("Helvetica", "normal", "bold");
-                  doc.text(monthsOneToOne[indexCheckIn], left, _line);
-                  doc.setFontSize(8);
-
-                  for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
-                    var avg = safetyData[indexResult].data[indexCheckIn];
-
-                    if (avg != 0) {
-                      var questionText = questions[indexResult];
-
-                      if (questionText != "") {
-                        doc.setDrawColor(0);
-                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
-                        doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
-                        doc.setFont("Helvetica", "normal", "bold");
-                        doc.text(questionText + ":", left + 8, _line + 10);
-                        doc.setFont("Helvetica", "normal", "normal");
-                        doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
-                      }
-
-                      _line += 10;
-
-                      if (_line > lineOptionCheckIn) {
-                        lineOptionCheckIn = _line;
-                      }
-                    }
-                  }
-
-                  left += 100;
-
-                  if (left + 105 > WIDTH_PAPER) {
-                    left = 20;
-                    line = lineOptionCheckIn + 25;
-                  }
-
-                  var _temp = function () {
-                    if (line + 150 > HEIGHT_PAPER) {
-                      doc.addPage();
-                      return Promise.resolve(createImageHeader()).then(function () {
-                        line = 80;
-                        left = 20;
-                      });
-                    }
-                  }();
-
-                  if (_temp && _temp.then) return _temp.then(function () {});
-                });
-
-                return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
-              });
-            });
-          }
-        }();
-
-        return _temp23 && _temp23.then ? _temp23.then(_temp24) : _temp24(_temp23);
-      }, function (err) {
-        console.log(err);
-        dispatch(marioCore.setAlert({
-          type: "danger",
-          message: err.message
-        }));
-      });
-
-      return Promise.resolve(_temp28 && _temp28.then ? _temp28.then(_temp27) : _temp27(_temp28));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  return React__default.createElement("div", null, React__default.createElement("div", {
-    className: "" + styles$1["chart-to-canvas"]
-  }, React__default.createElement("div", {
-    id: "safety",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#0F9655"],
-    typeChart: TYPECHART.AREA,
-    activeColumn: [true],
-    series: safetyData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "stress",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#C44140"],
-    typeChart: TYPECHART.LINE,
-    activeColumn: [true],
-    series: stressData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "preparedness",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#169490", "#316CD9", "#FFB04F"],
-    typeChart: TYPECHART.LINE,
-    activeColumn: activeColumnPreparedness,
-    series: preparednessData,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "success_indicators",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    typeChart: TYPECHART.AREA,
-    activeColumn: activeColumnSuccessIndicators,
-    series: successIndicatorsData,
-    avgQuestionLastMonth: avgQuestionLastMonth,
-    months: monthsOneToOne,
-    dayOfWeek: dayOfWeekOneToOne,
-    timeOfDay: timeOfDay,
-    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
-  })), React__default.createElement("div", {
-    id: "learning_progress",
-    style: {
-      display: "block",
-      width: "45%"
-    }
-  }, React__default.createElement(GenerateChartData, {
-    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
-    name: "Learning Process",
-    typeChart: TYPECHART.AREA,
-    activeColumn: activeColumnConference,
-    series: seriesConference,
-    months: monthsConference,
-    dayOfWeek: dayOfWeekConference,
-    avgQuestionLastMonth: avgConferenceLastMonth,
-    timeOfDay: timeOfDay
-  })), React__default.createElement("div", {
-    id: "learning_strategy"
-  }, React__default.createElement(TopLearningStrategy$1, {
-    data: topLearningStrategiesData
-  }))), React__default.createElement("div", {
-    className: "" + styles$1["image-logo"],
-    id: "header-logo"
-  }, React__default.createElement("img", {
-    src: headerLogo,
-    alt: ""
-  })), React__default.createElement(reactstrap.Button, {
-    color: "success",
-    onClick: function onClick() {
-      selectedToPDF.length > 0 && generatePDF();
-    }
-  }, "Export"));
-};
-
-var backgroundPressure = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAxMSIgaGVpZ2h0PSIzNDIiIHZpZXdCb3g9IjAgMCAxMDExIDM0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxtYXNrIGlkPSJtYXNrMF8zOTAxXzM4NDkxIiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIxOCIgd2lkdGg9IjEwMTEiIGhlaWdodD0iMzI0Ij4NCjxwYXRoIGQ9Ik0xMDExIDM0MkM3MTMuODEzIDM0MiA4NDIuMzY0IDE4IDU0Ni41NiAxOEMyNTAuNzU1IDE4IDM3OCAzNDIgMCAzNDJIMTAxMVoiIGZpbGw9IiNEOUQ5RDkiLz4NCjwvbWFzaz4NCjxnIG1hc2s9InVybCgjbWFzazBfMzkwMV8zODQ5MSkiPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjIyMSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDAgMzQyKSIgZmlsbD0iI0M0NDE0MCIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4wOCIgeD0iODA5IiB5PSIzNDIiIHdpZHRoPSIzMjQiIGhlaWdodD0iMjAyIiB0cmFuc2Zvcm09InJvdGF0ZSgtOTAgODA5IDM0MikiIGZpbGw9IiNDNDQxNDAiLz4NCjxyZWN0IG9wYWNpdHk9IjAuMDgiIHg9IjY0NSIgeT0iMzQyIiB3aWR0aD0iMzI0IiBoZWlnaHQ9IjE2NCIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDY0NSAzNDIpIiBmaWxsPSIjRkZCMDRGIi8+DQo8cmVjdCBvcGFjaXR5PSIwLjA4IiB4PSI0NjIiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIxODMiIHRyYW5zZm9ybT0icm90YXRlKC05MCA0NjIgMzQyKSIgZmlsbD0iIzBGOTY1NSIvPg0KPHJlY3Qgb3BhY2l0eT0iMC4xIiB4PSIyMjEiIHk9IjM0MiIgd2lkdGg9IjMyNCIgaGVpZ2h0PSIyNDEiIHRyYW5zZm9ybT0icm90YXRlKC05MCAyMjEgMzQyKSIgZmlsbD0iIzgxQzkzNSIvPg0KPC9nPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTQ4NS44MTQgNDcuMDg0QzQ4NS4wMjIgNDcuMDg0IDQ4NC4yOTQgNDYuOSA0ODMuNjMgNDYuNTMyQzQ4Mi45NzQgNDYuMTY0IDQ4Mi40NSA0NS42NTIgNDgyLjA1OCA0NC45OTZDNDgxLjY3NCA0NC4zMzIgNDgxLjQ4MiA0My41ODggNDgxLjQ4MiA0Mi43NjRDNDgxLjQ4MiA0MS45NCA0ODEuNjc0IDQxLjIgNDgyLjA1OCA0MC41NDRDNDgyLjQ1IDM5Ljg4OCA0ODIuOTc0IDM5LjM3NiA0ODMuNjMgMzkuMDA4QzQ4NC4yOTQgMzguNjQgNDg1LjAyMiAzOC40NTYgNDg1LjgxNCAzOC40NTZDNDg2LjYwNiAzOC40NTYgNDg3LjMzIDM4LjY0IDQ4Ny45ODYgMzkuMDA4QzQ4OC42NSAzOS4zNzYgNDg5LjE3IDM5Ljg4OCA0ODkuNTQ2IDQwLjU0NEM0ODkuOTMgNDEuMiA0OTAuMTIyIDQxLjk0IDQ5MC4xMjIgNDIuNzY0QzQ5MC4xMjIgNDMuNTg4IDQ4OS45MyA0NC4zMzIgNDg5LjU0NiA0NC45OTZDNDg5LjE2MiA0NS42NTIgNDg4LjY0MiA0Ni4xNjQgNDg3Ljk4NiA0Ni41MzJDNDg3LjMzIDQ2LjkgNDg2LjYwNiA0Ny4wODQgNDg1LjgxNCA0Ny4wODRaTTQ4NS44MTQgNDUuMjEyQzQ4Ni40ODYgNDUuMjEyIDQ4Ny4wMjIgNDQuOTg4IDQ4Ny40MjIgNDQuNTRDNDg3LjgzIDQ0LjA5MiA0ODguMDM0IDQzLjUgNDg4LjAzNCA0Mi43NjRDNDg4LjAzNCA0Mi4wMiA0ODcuODMgNDEuNDI4IDQ4Ny40MjIgNDAuOTg4QzQ4Ny4wMjIgNDAuNTQgNDg2LjQ4NiA0MC4zMTYgNDg1LjgxNCA0MC4zMTZDNDg1LjEzNCA0MC4zMTYgNDg0LjU5IDQwLjUzNiA0ODQuMTgyIDQwLjk3NkM0ODMuNzgyIDQxLjQxNiA0ODMuNTgyIDQyLjAxMiA0ODMuNTgyIDQyLjc2NEM0ODMuNTgyIDQzLjUwOCA0ODMuNzgyIDQ0LjEwNCA0ODQuMTgyIDQ0LjU1MkM0ODQuNTkgNDQuOTkyIDQ4NS4xMzQgNDUuMjEyIDQ4NS44MTQgNDUuMjEyWk00OTcuNjg0IDQxLjI4OEM0OTcuNjg0IDQxLjc3NiA0OTcuNTcyIDQyLjIyNCA0OTcuMzQ4IDQyLjYzMkM0OTcuMTI0IDQzLjAzMiA0OTYuNzggNDMuMzU2IDQ5Ni4zMTYgNDMuNjA0QzQ5NS44NTIgNDMuODUyIDQ5NS4yNzYgNDMuOTc2IDQ5NC41ODggNDMuOTc2SDQ5My4zMTZWNDdINDkxLjI2NFYzOC41NzZINDk0LjU4OEM0OTUuMjYgMzguNTc2IDQ5NS44MjggMzguNjkyIDQ5Ni4yOTIgMzguOTI0QzQ5Ni43NTYgMzkuMTU2IDQ5Ny4xMDQgMzkuNDc2IDQ5Ny4zMzYgMzkuODg0QzQ5Ny41NjggNDAuMjkyIDQ5Ny42ODQgNDAuNzYgNDk3LjY4NCA0MS4yODhaTTQ5NC40MzIgNDIuMzQ0QzQ5NC44MjQgNDIuMzQ0IDQ5NS4xMTYgNDIuMjUyIDQ5NS4zMDggNDIuMDY4QzQ5NS41IDQxLjg4NCA0OTUuNTk2IDQxLjYyNCA0OTUuNTk2IDQxLjI4OEM0OTUuNTk2IDQwLjk1MiA0OTUuNSA0MC42OTIgNDk1LjMwOCA0MC41MDhDNDk1LjExNiA0MC4zMjQgNDk0LjgyNCA0MC4yMzIgNDk0LjQzMiA0MC4yMzJINDkzLjMxNlY0Mi4zNDRINDk0LjQzMlpNNTA0LjgxMiAzOC41NzZWNDAuMjJINTAyLjU4VjQ3SDUwMC41MjhWNDAuMjJINDk4LjI5NlYzOC41NzZINTA0LjgxMlpNNTA3Ljg5NCAzOC41NzZWNDdINTA1Ljg0MlYzOC41NzZINTA3Ljg5NFpNNTE4LjkyMSAzOC41NzZWNDdINTE2Ljg2OVY0MS45NDhMNTE0Ljk4NSA0N0g1MTMuMzI5TDUxMS40MzMgNDEuOTM2VjQ3SDUwOS4zODFWMzguNTc2SDUxMS44MDVMNTE0LjE2OSA0NC40MDhMNTE2LjUwOSAzOC41NzZINTE4LjkyMVpNNTI1LjY0IDQ1LjUxMkg1MjIuNDk2TDUyMS45OTIgNDdINTE5Ljg0NEw1MjIuODkyIDM4LjU3Nkg1MjUuMjY4TDUyOC4zMTYgNDdINTI2LjE0NEw1MjUuNjQgNDUuNTEyWk01MjUuMTEyIDQzLjkyOEw1MjQuMDY4IDQwLjg0NEw1MjMuMDM2IDQzLjkyOEg1MjUuMTEyWk01MzEuMjk2IDQ1LjQxNkg1MzMuOTg0VjQ3SDUyOS4yNDRWMzguNTc2SDUzMS4yOTZWNDUuNDE2Wk01NDMuOTI2IDQxLjI4OEM1NDMuOTI2IDQxLjc3NiA1NDMuODE0IDQyLjIyNCA1NDMuNTkgNDIuNjMyQzU0My4zNjYgNDMuMDMyIDU0My4wMjIgNDMuMzU2IDU0Mi41NTggNDMuNjA0QzU0Mi4wOTQgNDMuODUyIDU0MS41MTggNDMuOTc2IDU0MC44MyA0My45NzZINTM5LjU1OFY0N0g1MzcuNTA2VjM4LjU3Nkg1NDAuODNDNTQxLjUwMiAzOC41NzYgNTQyLjA3IDM4LjY5MiA1NDIuNTM0IDM4LjkyNEM1NDIuOTk4IDM5LjE1NiA1NDMuMzQ2IDM5LjQ3NiA1NDMuNTc4IDM5Ljg4NEM1NDMuODEgNDAuMjkyIDU0My45MjYgNDAuNzYgNTQzLjkyNiA0MS4yODhaTTU0MC42NzQgNDIuMzQ0QzU0MS4wNjYgNDIuMzQ0IDU0MS4zNTggNDIuMjUyIDU0MS41NSA0Mi4wNjhDNTQxLjc0MiA0MS44ODQgNTQxLjgzOCA0MS42MjQgNTQxLjgzOCA0MS4yODhDNTQxLjgzOCA0MC45NTIgNTQxLjc0MiA0MC42OTIgNTQxLjU1IDQwLjUwOEM1NDEuMzU4IDQwLjMyNCA1NDEuMDY2IDQwLjIzMiA1NDAuNjc0IDQwLjIzMkg1MzkuNTU4VjQyLjM0NEg1NDAuNjc0Wk01NDcuMDQ2IDQwLjIyVjQxLjkyNEg1NDkuNzk0VjQzLjUwOEg1NDcuMDQ2VjQ1LjM1Nkg1NTAuMTU0VjQ3SDU0NC45OTRWMzguNTc2SDU1MC4xNTRWNDAuMjJINTQ3LjA0NlpNNTU1Ljc4MiA0N0w1NTQuMDMgNDMuODJINTUzLjUzOFY0N0g1NTEuNDg2VjM4LjU3Nkg1NTQuOTNDNTU1LjU5NCAzOC41NzYgNTU2LjE1OCAzOC42OTIgNTU2LjYyMiAzOC45MjRDNTU3LjA5NCAzOS4xNTYgNTU3LjQ0NiAzOS40NzYgNTU3LjY3OCAzOS44ODRDNTU3LjkxIDQwLjI4NCA1NTguMDI2IDQwLjczMiA1NTguMDI2IDQxLjIyOEM1NTguMDI2IDQxLjc4OCA1NTcuODY2IDQyLjI4OCA1NTcuNTQ2IDQyLjcyOEM1NTcuMjM0IDQzLjE2OCA1NTYuNzcgNDMuNDggNTU2LjE1NCA0My42NjRMNTU4LjA5OCA0N0g1NTUuNzgyWk01NTMuNTM4IDQyLjM2OEg1NTQuODFDNTU1LjE4NiA0Mi4zNjggNTU1LjQ2NiA0Mi4yNzYgNTU1LjY1IDQyLjA5MkM1NTUuODQyIDQxLjkwOCA1NTUuOTM4IDQxLjY0OCA1NTUuOTM4IDQxLjMxMkM1NTUuOTM4IDQwLjk5MiA1NTUuODQyIDQwLjc0IDU1NS42NSA0MC41NTZDNTU1LjQ2NiA0MC4zNzIgNTU1LjE4NiA0MC4yOCA1NTQuODEgNDAuMjhINTUzLjUzOFY0Mi4zNjhaTTU2NC43OTggMzguNTc2VjQwLjIySDU2MS4zNjZWNDEuOTk2SDU2My45MzRWNDMuNTkySDU2MS4zNjZWNDdINTU5LjMxNFYzOC41NzZINTY0Ljc5OFpNNTY5Ljg2MSA0Ny4wODRDNTY5LjA2OSA0Ny4wODQgNTY4LjM0MSA0Ni45IDU2Ny42NzcgNDYuNTMyQzU2Ny4wMjEgNDYuMTY0IDU2Ni40OTcgNDUuNjUyIDU2Ni4xMDUgNDQuOTk2QzU2NS43MjEgNDQuMzMyIDU2NS41MjkgNDMuNTg4IDU2NS41MjkgNDIuNzY0QzU2NS41MjkgNDEuOTQgNTY1LjcyMSA0MS4yIDU2Ni4xMDUgNDAuNTQ0QzU2Ni40OTcgMzkuODg4IDU2Ny4wMjEgMzkuMzc2IDU2Ny42NzcgMzkuMDA4QzU2OC4zNDEgMzguNjQgNTY5LjA2OSAzOC40NTYgNTY5Ljg2MSAzOC40NTZDNTcwLjY1MyAzOC40NTYgNTcxLjM3NyAzOC42NCA1NzIuMDMzIDM5LjAwOEM1NzIuNjk3IDM5LjM3NiA1NzMuMjE3IDM5Ljg4OCA1NzMuNTkzIDQwLjU0NEM1NzMuOTc3IDQxLjIgNTc0LjE2OSA0MS45NCA1NzQuMTY5IDQyLjc2NEM1NzQuMTY5IDQzLjU4OCA1NzMuOTc3IDQ0LjMzMiA1NzMuNTkzIDQ0Ljk5NkM1NzMuMjA5IDQ1LjY1MiA1NzIuNjg5IDQ2LjE2NCA1NzIuMDMzIDQ2LjUzMkM1NzEuMzc3IDQ2LjkgNTcwLjY1MyA0Ny4wODQgNTY5Ljg2MSA0Ny4wODRaTTU2OS44NjEgNDUuMjEyQzU3MC41MzMgNDUuMjEyIDU3MS4wNjkgNDQuOTg4IDU3MS40NjkgNDQuNTRDNTcxLjg3NyA0NC4wOTIgNTcyLjA4MSA0My41IDU3Mi4wODEgNDIuNzY0QzU3Mi4wODEgNDIuMDIgNTcxLjg3NyA0MS40MjggNTcxLjQ2OSA0MC45ODhDNTcxLjA2OSA0MC41NCA1NzAuNTMzIDQwLjMxNiA1NjkuODYxIDQwLjMxNkM1NjkuMTgxIDQwLjMxNiA1NjguNjM3IDQwLjUzNiA1NjguMjI5IDQwLjk3NkM1NjcuODI5IDQxLjQxNiA1NjcuNjI5IDQyLjAxMiA1NjcuNjI5IDQyLjc2NEM1NjcuNjI5IDQzLjUwOCA1NjcuODI5IDQ0LjEwNCA1NjguMjI5IDQ0LjU1MkM1NjguNjM3IDQ0Ljk5MiA1NjkuMTgxIDQ1LjIxMiA1NjkuODYxIDQ1LjIxMlpNNTc5LjYwNiA0N0w1NzcuODU0IDQzLjgySDU3Ny4zNjJWNDdINTc1LjMxVjM4LjU3Nkg1NzguNzU0QzU3OS40MTggMzguNTc2IDU3OS45ODIgMzguNjkyIDU4MC40NDYgMzguOTI0QzU4MC45MTggMzkuMTU2IDU4MS4yNyAzOS40NzYgNTgxLjUwMiAzOS44ODRDNTgxLjczNCA0MC4yODQgNTgxLjg1IDQwLjczMiA1ODEuODUgNDEuMjI4QzU4MS44NSA0MS43ODggNTgxLjY5IDQyLjI4OCA1ODEuMzcgNDIuNzI4QzU4MS4wNTggNDMuMTY4IDU4MC41OTQgNDMuNDggNTc5Ljk3OCA0My42NjRMNTgxLjkyMiA0N0g1NzkuNjA2Wk01NzcuMzYyIDQyLjM2OEg1NzguNjM0QzU3OS4wMSA0Mi4zNjggNTc5LjI5IDQyLjI3NiA1NzkuNDc0IDQyLjA5MkM1NzkuNjY2IDQxLjkwOCA1NzkuNzYyIDQxLjY0OCA1NzkuNzYyIDQxLjMxMkM1NzkuNzYyIDQwLjk5MiA1NzkuNjY2IDQwLjc0IDU3OS40NzQgNDAuNTU2QzU3OS4yOSA0MC4zNzIgNTc5LjAxIDQwLjI4IDU3OC42MzQgNDAuMjhINTc3LjM2MlY0Mi4zNjhaTTU5Mi42NzkgMzguNTc2VjQ3SDU5MC42MjdWNDEuOTQ4TDU4OC43NDMgNDdINTg3LjA4N0w1ODUuMTkxIDQxLjkzNlY0N0g1ODMuMTM5VjM4LjU3Nkg1ODUuNTYzTDU4Ny45MjcgNDQuNDA4TDU5MC4yNjcgMzguNTc2SDU5Mi42NzlaTTU5OS4zOTggNDUuNTEySDU5Ni4yNTRMNTk1Ljc1IDQ3SDU5My42MDJMNTk2LjY1IDM4LjU3Nkg1OTkuMDI2TDYwMi4wNzQgNDdINTk5LjkwMkw1OTkuMzk4IDQ1LjUxMlpNNTk4Ljg3IDQzLjkyOEw1OTcuODI2IDQwLjg0NEw1OTYuNzk0IDQzLjkyOEg1OTguODdaTTYxMC41MzggNDdINjA4LjQ4Nkw2MDUuMDU0IDQxLjgwNFY0N0g2MDMuMDAyVjM4LjU3Nkg2MDUuMDU0TDYwOC40ODYgNDMuNzk2VjM4LjU3Nkg2MTAuNTM4VjQ3Wk02MTEuNjc3IDQyLjc3NkM2MTEuNjc3IDQxLjk0NCA2MTEuODU3IDQxLjIwNCA2MTIuMjE3IDQwLjU1NkM2MTIuNTc3IDM5LjkgNjEzLjA3NyAzOS4zOTIgNjEzLjcxNyAzOS4wMzJDNjE0LjM2NSAzOC42NjQgNjE1LjA5NyAzOC40OCA2MTUuOTEzIDM4LjQ4QzYxNi45MTMgMzguNDggNjE3Ljc2OSAzOC43NDQgNjE4LjQ4MSAzOS4yNzJDNjE5LjE5MyAzOS44IDYxOS42NjkgNDAuNTIgNjE5LjkwOSA0MS40MzJINjE3LjY1M0M2MTcuNDg1IDQxLjA4IDYxNy4yNDUgNDAuODEyIDYxNi45MzMgNDAuNjI4QzYxNi42MjkgNDAuNDQ0IDYxNi4yODEgNDAuMzUyIDYxNS44ODkgNDAuMzUyQzYxNS4yNTcgNDAuMzUyIDYxNC43NDUgNDAuNTcyIDYxNC4zNTMgNDEuMDEyQzYxMy45NjEgNDEuNDUyIDYxMy43NjUgNDIuMDQgNjEzLjc2NSA0Mi43NzZDNjEzLjc2NSA0My41MTIgNjEzLjk2MSA0NC4xIDYxNC4zNTMgNDQuNTRDNjE0Ljc0NSA0NC45OCA2MTUuMjU3IDQ1LjIgNjE1Ljg4OSA0NS4yQzYxNi4yODEgNDUuMiA2MTYuNjI5IDQ1LjEwOCA2MTYuOTMzIDQ0LjkyNEM2MTcuMjQ1IDQ0Ljc0IDYxNy40ODUgNDQuNDcyIDYxNy42NTMgNDQuMTJINjE5LjkwOUM2MTkuNjY5IDQ1LjAzMiA2MTkuMTkzIDQ1Ljc1MiA2MTguNDgxIDQ2LjI4QzYxNy43NjkgNDYuOCA2MTYuOTEzIDQ3LjA2IDYxNS45MTMgNDcuMDZDNjE1LjA5NyA0Ny4wNiA2MTQuMzY1IDQ2Ljg4IDYxMy43MTcgNDYuNTJDNjEzLjA3NyA0Ni4xNTIgNjEyLjU3NyA0NS42NDQgNjEyLjIxNyA0NC45OTZDNjExLjg1NyA0NC4zNDggNjExLjY3NyA0My42MDggNjExLjY3NyA0Mi43NzZaTTYyMy4yMTggNDAuMjJWNDEuOTI0SDYyNS45NjZWNDMuNTA4SDYyMy4yMThWNDUuMzU2SDYyNi4zMjZWNDdINjIxLjE2NlYzOC41NzZINjI2LjMyNlY0MC4yMkg2MjMuMjE4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggb3BhY2l0eT0iMC41NiIgZD0iTTc3NC45NTMgNDUuMzJINzc4LjU3N1Y0N0g3NzIuNjI1VjQ1LjQ0TDc3Ni4yMjUgNDAuMjU2SDc3Mi42MjVWMzguNTc2SDc3OC41NzdWNDAuMTM2TDc3NC45NTMgNDUuMzJaTTc4My45MDIgNDcuMDg0Qzc4My4xMSA0Ny4wODQgNzgyLjM4MiA0Ni45IDc4MS43MTggNDYuNTMyQzc4MS4wNjIgNDYuMTY0IDc4MC41MzggNDUuNjUyIDc4MC4xNDYgNDQuOTk2Qzc3OS43NjIgNDQuMzMyIDc3OS41NyA0My41ODggNzc5LjU3IDQyLjc2NEM3NzkuNTcgNDEuOTQgNzc5Ljc2MiA0MS4yIDc4MC4xNDYgNDAuNTQ0Qzc4MC41MzggMzkuODg4IDc4MS4wNjIgMzkuMzc2IDc4MS43MTggMzkuMDA4Qzc4Mi4zODIgMzguNjQgNzgzLjExIDM4LjQ1NiA3ODMuOTAyIDM4LjQ1NkM3ODQuNjk0IDM4LjQ1NiA3ODUuNDE4IDM4LjY0IDc4Ni4wNzQgMzkuMDA4Qzc4Ni43MzggMzkuMzc2IDc4Ny4yNTggMzkuODg4IDc4Ny42MzQgNDAuNTQ0Qzc4OC4wMTggNDEuMiA3ODguMjEgNDEuOTQgNzg4LjIxIDQyLjc2NEM3ODguMjEgNDMuNTg4IDc4OC4wMTggNDQuMzMyIDc4Ny42MzQgNDQuOTk2Qzc4Ny4yNSA0NS42NTIgNzg2LjczIDQ2LjE2NCA3ODYuMDc0IDQ2LjUzMkM3ODUuNDE4IDQ2LjkgNzg0LjY5NCA0Ny4wODQgNzgzLjkwMiA0Ny4wODRaTTc4My45MDIgNDUuMjEyQzc4NC41NzQgNDUuMjEyIDc4NS4xMSA0NC45ODggNzg1LjUxIDQ0LjU0Qzc4NS45MTggNDQuMDkyIDc4Ni4xMjIgNDMuNSA3ODYuMTIyIDQyLjc2NEM3ODYuMTIyIDQyLjAyIDc4NS45MTggNDEuNDI4IDc4NS41MSA0MC45ODhDNzg1LjExIDQwLjU0IDc4NC41NzQgNDAuMzE2IDc4My45MDIgNDAuMzE2Qzc4My4yMjIgNDAuMzE2IDc4Mi42NzggNDAuNTM2IDc4Mi4yNyA0MC45NzZDNzgxLjg3IDQxLjQxNiA3ODEuNjcgNDIuMDEyIDc4MS42NyA0Mi43NjRDNzgxLjY3IDQzLjUwOCA3ODEuODcgNDQuMTA0IDc4Mi4yNyA0NC41NTJDNzgyLjY3OCA0NC45OTIgNzgzLjIyMiA0NS4yMTIgNzgzLjkwMiA0NS4yMTJaTTc5Ni44ODcgNDdINzk0LjgzNUw3OTEuNDAzIDQxLjgwNFY0N0g3ODkuMzUxVjM4LjU3Nkg3OTEuNDAzTDc5NC44MzUgNDMuNzk2VjM4LjU3Nkg3OTYuODg3VjQ3Wk04MDAuNDI3IDQwLjIyVjQxLjkyNEg4MDMuMTc1VjQzLjUwOEg4MDAuNDI3VjQ1LjM1Nkg4MDMuNTM1VjQ3SDc5OC4zNzVWMzguNTc2SDgwMy41MzVWNDAuMjJIODAwLjQyN1pNODExLjM5NCA0Ny4wODRDODEwLjYwMiA0Ny4wODQgODA5Ljg3NCA0Ni45IDgwOS4yMSA0Ni41MzJDODA4LjU1NCA0Ni4xNjQgODA4LjAzIDQ1LjY1MiA4MDcuNjM4IDQ0Ljk5NkM4MDcuMjU0IDQ0LjMzMiA4MDcuMDYyIDQzLjU4OCA4MDcuMDYyIDQyLjc2NEM4MDcuMDYyIDQxLjk0IDgwNy4yNTQgNDEuMiA4MDcuNjM4IDQwLjU0NEM4MDguMDMgMzkuODg4IDgwOC41NTQgMzkuMzc2IDgwOS4yMSAzOS4wMDhDODA5Ljg3NCAzOC42NCA4MTAuNjAyIDM4LjQ1NiA4MTEuMzk0IDM4LjQ1NkM4MTIuMTg2IDM4LjQ1NiA4MTIuOTEgMzguNjQgODEzLjU2NiAzOS4wMDhDODE0LjIzIDM5LjM3NiA4MTQuNzUgMzkuODg4IDgxNS4xMjYgNDAuNTQ0QzgxNS41MSA0MS4yIDgxNS43MDIgNDEuOTQgODE1LjcwMiA0Mi43NjRDODE1LjcwMiA0My41ODggODE1LjUxIDQ0LjMzMiA4MTUuMTI2IDQ0Ljk5NkM4MTQuNzQyIDQ1LjY1MiA4MTQuMjIyIDQ2LjE2NCA4MTMuNTY2IDQ2LjUzMkM4MTIuOTEgNDYuOSA4MTIuMTg2IDQ3LjA4NCA4MTEuMzk0IDQ3LjA4NFpNODExLjM5NCA0NS4yMTJDODEyLjA2NiA0NS4yMTIgODEyLjYwMiA0NC45ODggODEzLjAwMiA0NC41NEM4MTMuNDEgNDQuMDkyIDgxMy42MTQgNDMuNSA4MTMuNjE0IDQyLjc2NEM4MTMuNjE0IDQyLjAyIDgxMy40MSA0MS40MjggODEzLjAwMiA0MC45ODhDODEyLjYwMiA0MC41NCA4MTIuMDY2IDQwLjMxNiA4MTEuMzk0IDQwLjMxNkM4MTAuNzE0IDQwLjMxNiA4MTAuMTcgNDAuNTM2IDgwOS43NjIgNDAuOTc2QzgwOS4zNjIgNDEuNDE2IDgwOS4xNjIgNDIuMDEyIDgwOS4xNjIgNDIuNzY0QzgwOS4xNjIgNDMuNTA4IDgwOS4zNjIgNDQuMTA0IDgwOS43NjIgNDQuNTUyQzgxMC4xNyA0NC45OTIgODEwLjcxNCA0NS4yMTIgODExLjM5NCA0NS4yMTJaTTgyMi4zMjggMzguNTc2VjQwLjIySDgxOC44OTZWNDEuOTk2SDgyMS40NjRWNDMuNTkySDgxOC44OTZWNDdIODE2Ljg0NFYzOC41NzZIODIyLjMyOFpNODI5LjEwNSAzOC41NzZDODI5Ljk5MyAzOC41NzYgODMwLjc2OSAzOC43NTIgODMxLjQzMyAzOS4xMDRDODMyLjA5NyAzOS40NTYgODMyLjYwOSAzOS45NTIgODMyLjk2OSA0MC41OTJDODMzLjMzNyA0MS4yMjQgODMzLjUyMSA0MS45NTYgODMzLjUyMSA0Mi43ODhDODMzLjUyMSA0My42MTIgODMzLjMzNyA0NC4zNDQgODMyLjk2OSA0NC45ODRDODMyLjYwOSA0NS42MjQgODMyLjA5MyA0Ni4xMiA4MzEuNDIxIDQ2LjQ3MkM4MzAuNzU3IDQ2LjgyNCA4MjkuOTg1IDQ3IDgyOS4xMDUgNDdIODI1Ljk0OVYzOC41NzZIODI5LjEwNVpNODI4Ljk3MyA0NS4yMjRDODI5Ljc0OSA0NS4yMjQgODMwLjM1MyA0NS4wMTIgODMwLjc4NSA0NC41ODhDODMxLjIxNyA0NC4xNjQgODMxLjQzMyA0My41NjQgODMxLjQzMyA0Mi43ODhDODMxLjQzMyA0Mi4wMTIgODMxLjIxNyA0MS40MDggODMwLjc4NSA0MC45NzZDODMwLjM1MyA0MC41NDQgODI5Ljc0OSA0MC4zMjggODI4Ljk3MyA0MC4zMjhIODI4LjAwMVY0NS4yMjRIODI4Ljk3M1pNODM2LjcyIDQwLjIyVjQxLjkyNEg4MzkuNDY4VjQzLjUwOEg4MzYuNzJWNDUuMzU2SDgzOS44MjhWNDdIODM0LjY2OFYzOC41NzZIODM5LjgyOFY0MC4yMkg4MzYuNzJaTTg0My4yMTIgNDUuNDE2SDg0NS45VjQ3SDg0MS4xNlYzOC41NzZIODQzLjIxMlY0NS40MTZaTTg0OC44OTUgMzguNTc2VjQzLjYxNkM4NDguODk1IDQ0LjEyIDg0OS4wMTkgNDQuNTA4IDg0OS4yNjcgNDQuNzhDODQ5LjUxNSA0NS4wNTIgODQ5Ljg3OSA0NS4xODggODUwLjM1OSA0NS4xODhDODUwLjgzOSA0NS4xODggODUxLjIwNyA0NS4wNTIgODUxLjQ2MyA0NC43OEM4NTEuNzE5IDQ0LjUwOCA4NTEuODQ3IDQ0LjEyIDg1MS44NDcgNDMuNjE2VjM4LjU3Nkg4NTMuODk5VjQzLjYwNEM4NTMuODk5IDQ0LjM1NiA4NTMuNzM5IDQ0Ljk5MiA4NTMuNDE5IDQ1LjUxMkM4NTMuMDk5IDQ2LjAzMiA4NTIuNjY3IDQ2LjQyNCA4NTIuMTIzIDQ2LjY4OEM4NTEuNTg3IDQ2Ljk1MiA4NTAuOTg3IDQ3LjA4NCA4NTAuMzIzIDQ3LjA4NEM4NDkuNjU5IDQ3LjA4NCA4NDkuMDYzIDQ2Ljk1NiA4NDguNTM1IDQ2LjdDODQ4LjAxNSA0Ni40MzYgODQ3LjYwMyA0Ni4wNDQgODQ3LjI5OSA0NS41MjRDODQ2Ljk5NSA0NC45OTYgODQ2Ljg0MyA0NC4zNTYgODQ2Ljg0MyA0My42MDRWMzguNTc2SDg0OC44OTVaTTg1OC4zODggNDcuMDg0Qzg1Ny43NzIgNDcuMDg0IDg1Ny4yMiA0Ni45ODQgODU2LjczMiA0Ni43ODRDODU2LjI0NCA0Ni41ODQgODU1Ljg1MiA0Ni4yODggODU1LjU1NiA0NS44OTZDODU1LjI2OCA0NS41MDQgODU1LjExNiA0NS4wMzIgODU1LjEgNDQuNDhIODU3LjI4NEM4NTcuMzE2IDQ0Ljc5MiA4NTcuNDI0IDQ1LjAzMiA4NTcuNjA4IDQ1LjJDODU3Ljc5MiA0NS4zNiA4NTguMDMyIDQ1LjQ0IDg1OC4zMjggNDUuNDRDODU4LjYzMiA0NS40NCA4NTguODcyIDQ1LjM3MiA4NTkuMDQ4IDQ1LjIzNkM4NTkuMjI0IDQ1LjA5MiA4NTkuMzEyIDQ0Ljg5NiA4NTkuMzEyIDQ0LjY0OEM4NTkuMzEyIDQ0LjQ0IDg1OS4yNCA0NC4yNjggODU5LjA5NiA0NC4xMzJDODU4Ljk2IDQzLjk5NiA4NTguNzg4IDQzLjg4NCA4NTguNTggNDMuNzk2Qzg1OC4zOCA0My43MDggODU4LjA5MiA0My42MDggODU3LjcxNiA0My40OTZDODU3LjE3MiA0My4zMjggODU2LjcyOCA0My4xNiA4NTYuMzg0IDQyLjk5MkM4NTYuMDQgNDIuODI0IDg1NS43NDQgNDIuNTc2IDg1NS40OTYgNDIuMjQ4Qzg1NS4yNDggNDEuOTIgODU1LjEyNCA0MS40OTIgODU1LjEyNCA0MC45NjRDODU1LjEyNCA0MC4xOCA4NTUuNDA4IDM5LjU2OCA4NTUuOTc2IDM5LjEyOEM4NTYuNTQ0IDM4LjY4IDg1Ny4yODQgMzguNDU2IDg1OC4xOTYgMzguNDU2Qzg1OS4xMjQgMzguNDU2IDg1OS44NzIgMzguNjggODYwLjQ0IDM5LjEyOEM4NjEuMDA4IDM5LjU2OCA4NjEuMzEyIDQwLjE4NCA4NjEuMzUyIDQwLjk3Nkg4NTkuMTMyQzg1OS4xMTYgNDAuNzA0IDg1OS4wMTYgNDAuNDkyIDg1OC44MzIgNDAuMzRDODU4LjY0OCA0MC4xOCA4NTguNDEyIDQwLjEgODU4LjEyNCA0MC4xQzg1Ny44NzYgNDAuMSA4NTcuNjc2IDQwLjE2OCA4NTcuNTI0IDQwLjMwNEM4NTcuMzcyIDQwLjQzMiA4NTcuMjk2IDQwLjYyIDg1Ny4yOTYgNDAuODY4Qzg1Ny4yOTYgNDEuMTQgODU3LjQyNCA0MS4zNTIgODU3LjY4IDQxLjUwNEM4NTcuOTM2IDQxLjY1NiA4NTguMzM2IDQxLjgyIDg1OC44OCA0MS45OTZDODU5LjQyNCA0Mi4xOCA4NTkuODY0IDQyLjM1NiA4NjAuMiA0Mi41MjRDODYwLjU0NCA0Mi42OTIgODYwLjg0IDQyLjkzNiA4NjEuMDg4IDQzLjI1NkM4NjEuMzM2IDQzLjU3NiA4NjEuNDYgNDMuOTg4IDg2MS40NiA0NC40OTJDODYxLjQ2IDQ0Ljk3MiA4NjEuMzM2IDQ1LjQwOCA4NjEuMDg4IDQ1LjhDODYwLjg0OCA0Ni4xOTIgODYwLjQ5NiA0Ni41MDQgODYwLjAzMiA0Ni43MzZDODU5LjU2OCA0Ni45NjggODU5LjAyIDQ3LjA4NCA4NTguMzg4IDQ3LjA4NFpNODY0Ljc3NSAzOC41NzZWNDdIODYyLjcyM1YzOC41NzZIODY0Ljc3NVpNODcwLjI0NiA0Ny4wODRDODY5LjQ1NCA0Ny4wODQgODY4LjcyNiA0Ni45IDg2OC4wNjIgNDYuNTMyQzg2Ny40MDYgNDYuMTY0IDg2Ni44ODIgNDUuNjUyIDg2Ni40OSA0NC45OTZDODY2LjEwNiA0NC4zMzIgODY1LjkxNCA0My41ODggODY1LjkxNCA0Mi43NjRDODY1LjkxNCA0MS45NCA4NjYuMTA2IDQxLjIgODY2LjQ5IDQwLjU0NEM4NjYuODgyIDM5Ljg4OCA4NjcuNDA2IDM5LjM3NiA4NjguMDYyIDM5LjAwOEM4NjguNzI2IDM4LjY0IDg2OS40NTQgMzguNDU2IDg3MC4yNDYgMzguNDU2Qzg3MS4wMzggMzguNDU2IDg3MS43NjIgMzguNjQgODcyLjQxOCAzOS4wMDhDODczLjA4MiAzOS4zNzYgODczLjYwMiAzOS44ODggODczLjk3OCA0MC41NDRDODc0LjM2MiA0MS4yIDg3NC41NTQgNDEuOTQgODc0LjU1NCA0Mi43NjRDODc0LjU1NCA0My41ODggODc0LjM2MiA0NC4zMzIgODczLjk3OCA0NC45OTZDODczLjU5NCA0NS42NTIgODczLjA3NCA0Ni4xNjQgODcyLjQxOCA0Ni41MzJDODcxLjc2MiA0Ni45IDg3MS4wMzggNDcuMDg0IDg3MC4yNDYgNDcuMDg0Wk04NzAuMjQ2IDQ1LjIxMkM4NzAuOTE4IDQ1LjIxMiA4NzEuNDU0IDQ0Ljk4OCA4NzEuODU0IDQ0LjU0Qzg3Mi4yNjIgNDQuMDkyIDg3Mi40NjYgNDMuNSA4NzIuNDY2IDQyLjc2NEM4NzIuNDY2IDQyLjAyIDg3Mi4yNjIgNDEuNDI4IDg3MS44NTQgNDAuOTg4Qzg3MS40NTQgNDAuNTQgODcwLjkxOCA0MC4zMTYgODcwLjI0NiA0MC4zMTZDODY5LjU2NiA0MC4zMTYgODY5LjAyMiA0MC41MzYgODY4LjYxNCA0MC45NzZDODY4LjIxNCA0MS40MTYgODY4LjAxNCA0Mi4wMTIgODY4LjAxNCA0Mi43NjRDODY4LjAxNCA0My41MDggODY4LjIxNCA0NC4xMDQgODY4LjYxNCA0NC41NTJDODY5LjAyMiA0NC45OTIgODY5LjU2NiA0NS4yMTIgODcwLjI0NiA0NS4yMTJaTTg4My4yMzEgNDdIODgxLjE3OUw4NzcuNzQ3IDQxLjgwNFY0N0g4NzUuNjk1VjM4LjU3Nkg4NzcuNzQ3TDg4MS4xNzkgNDMuNzk2VjM4LjU3Nkg4ODMuMjMxVjQ3WiIgZmlsbD0iIzI0MjQyNCIvPg0KPGcgb3BhY2l0eT0iMC41NiI+DQo8cGF0aCBkPSJNNDE2LjY4OCAyNy42NDM3TDQyMC42NjMgMzUuMDcwOEw0MTguODU0IDM2LjAzOTFMNDE0Ljg3OSAyOC42MTIxTDQxNi42ODggMjcuNjQzN1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00MjAuODUzIDI1LjQ4NDJDNDIxLjY0OSAyNS4wODk0IDQyMi40MjIgMjQuOTAyMSA0MjMuMTczIDI0LjkyMjJDNDIzLjkyNSAyNC45NDIzIDQyNC42MDQgMjUuMTU5IDQyNS4yMTEgMjUuNTcyM0M0MjUuODIxIDI1Ljk3NDggNDI2LjMxMiAyNi41NDg3IDQyNi42ODEgMjcuMjk0QzQyNy4wNDggMjguMDMyMSA0MjcuMjA4IDI4Ljc2OTYgNDI3LjE2MyAyOS41MDY0QzQyNy4xMjUgMzAuMjM5OCA0MjYuODg0IDMwLjkxMzQgNDI2LjQzOCAzMS41Mjc1QzQyNiAzMi4xMzggNDI1LjM4NiAzMi42Mzg4IDQyNC41OTggMzMuMDNMNDIxLjc3MSAzNC40MzNMNDE4LjAyNiAyNi44ODcxTDQyMC44NTMgMjUuNDg0MlpNNDIzLjY5IDMxLjQ5NzhDNDI0LjM4NiAzMS4xNTI5IDQyNC44MzIgMzAuNjk0NCA0MjUuMDMxIDMwLjEyMjZDNDI1LjIyOSAyOS41NTA4IDQyNS4xNTYgMjguOTE3MyA0MjQuODExIDI4LjIyMjJDNDI0LjQ2NiAyNy41MjcxIDQyNC4wMDQgMjcuMDgyMSA0MjMuNDI1IDI2Ljg4NzFDNDIyLjg0NiAyNi42OTIyIDQyMi4yMDkgMjYuNzY3MiA0MjEuNTE0IDI3LjExMjJMNDIwLjY0MyAyNy41NDQzTDQyMi44MiAzMS45Mjk5TDQyMy42OSAzMS40OTc4WiIgZmlsbD0iIzI0MjQyNCIvPg0KPHBhdGggZD0iTTQyOS41NDcgMjMuMTYxN0w0MzAuMjQxIDI0LjcxNzlMNDMyLjc1IDIzLjU5ODZMNDMzLjM5NSAyNS4wNDUzTDQzMC44ODYgMjYuMTY0Nkw0MzEuNjM4IDI3Ljg1MjNMNDM0LjQ3NyAyNi41ODY0TDQzNS4xNDcgMjguMDg3OEw0MzAuNDM0IDMwLjE4OTZMNDI3LjAwMyAyMi40OTZMNDMxLjcxNSAyMC4zOTQzTDQzMi4zODUgMjEuODk1N0w0MjkuNTQ3IDIzLjE2MTdaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQwLjgwNCAyNC4xNDU3TDQzNy44ODcgMjUuMzE3M0w0MzcuOTc0IDI2Ljg4NTlMNDM1Ljk4IDI3LjY4NjRMNDM1LjY3IDE4LjczMzNMNDM3Ljg3NSAxNy44NDc5TDQ0My44NDIgMjQuNTI5M0w0NDEuODI3IDI1LjMzODdMNDQwLjgwNCAyNC4xNDU3Wk00MzkuNzI0IDIyLjg3MjVMNDM3LjYwNiAyMC4zOTk3TDQzNy43OTggMjMuNjQ2Mkw0MzkuNzI0IDIyLjg3MjVaIiBmaWxsPSIjMjQyNDI0Ii8+DQo8cGF0aCBkPSJNNDQ1LjggMjIuMTQ0N0w0NDguMzI3IDIxLjIyODNMNDQ4Ljg2NyAyMi43MTc0TDQ0NC40MTEgMjQuMzMzM0w0NDEuNTM5IDE2LjQxNEw0NDMuNDY4IDE1LjcxNDRMNDQ1LjggMjIuMTQ0N1oiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NTMuODU5IDE5LjI2MzhMNDU3LjMxNiAxOC4xNzhMNDU3LjgyIDE5Ljc4MDhMNDUyLjE0MSAyMS41NjQxTDQ1MS42NzQgMjAuMDc1OEw0NTMuNTU1IDE0LjA1MTNMNDUwLjEyMSAxNS4xMjk5TDQ0OS42MTcgMTMuNTI3MUw0NTUuMjk2IDExLjc0MzhMNDU1Ljc2MyAxMy4yMzIxTDQ1My44NTkgMTkuMjYzOFoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NjQuMTQgMTguMDQ1NEM0NjMuMzc2IDE4LjI1MjcgNDYyLjYyNSAxOC4yNjU2IDQ2MS44ODggMTguMDg0M0M0NjEuMTU4IDE3LjkwMDggNDYwLjUxOSAxNy41NDM4IDQ1OS45NjkgMTcuMDEzM0M0NTkuNDI0IDE2LjQ3MjkgNDU5LjA0NCAxNS44MDUxIDQ1OC44MjggMTUuMDA5OEM0NTguNjEzIDE0LjIxNDYgNDU4LjYwNCAxMy40NTAxIDQ1OC44MDMgMTIuNzE2NUM0NTkuMDEgMTEuOTgwNyA0NTkuMzgyIDExLjM0OTQgNDU5LjkxOCAxMC44MjI2QzQ2MC40NjMgMTAuMjkzNiA0NjEuMTE3IDkuOTI1NDYgNDYxLjg4MiA5LjcxODE2QzQ2Mi42NDYgOS41MTA4NiA0NjMuMzkzIDkuNDk4OTUgNDY0LjEyMyA5LjY4MjQyQzQ2NC44NiA5Ljg2Mzc5IDQ2NS40OTYgMTAuMjIxOCA0NjYuMDMgMTAuNzU2NUM0NjYuNTczIDExLjI4OTIgNDY2Ljk1MiAxMS45NTMxIDQ2Ny4xNjcgMTIuNzQ4NEM0NjcuMzgzIDEzLjU0MzcgNDY3LjM5MiAxNC4zMTIgNDY3LjE5NiAxNS4wNTMzQzQ2Ni45OTcgMTUuNzg3IDQ2Ni42MjkgMTYuNDE3MiA0NjYuMDkyIDE2Ljk0NDFDNDY1LjU1NSAxNy40NzEgNDY0LjkwNSAxNy44MzgxIDQ2NC4xNCAxOC4wNDU0Wk00NjMuNjUgMTYuMjM4NkM0NjQuMjk5IDE2LjA2MjcgNDY0Ljc1NyAxNS43MDYzIDQ2NS4wMjYgMTUuMTY5MkM0NjUuMzAzIDE0LjYzIDQ2NS4zNDUgMTQuMDA1MyA0NjUuMTUyIDEzLjI5NDlDNDY0Ljk1NyAxMi41NzY4IDQ2NC42MDUgMTIuMDU4OSA0NjQuMDk3IDExLjc0MUM0NjMuNTkzIDExLjQxMzMgNDYzLjAxNyAxMS4zMzc0IDQ2Mi4zNjkgMTEuNTEzM0M0NjEuNzEyIDExLjY5MTMgNDYxLjI0NSAxMi4wNDYgNDYwLjk2NiAxMi41Nzc1QzQ2MC42OTUgMTMuMTA2OCA0NjAuNjU4IDEzLjczNDQgNDYwLjg1NSAxNC40NjAyQzQ2MS4wNSAxNS4xNzgyIDQ2MS4zOTkgMTUuNzAxMSA0NjEuOTAyIDE2LjAyODhDNDYyLjQxMSAxNi4zNDY3IDQ2Mi45OTQgMTYuNDE2NiA0NjMuNjUgMTYuMjM4NloiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00NzcuODIxIDE0LjYwOTVMNDc1LjgyIDE1LjA2MzdMNDcxLjMyMyAxMC43NTYxTDQ3Mi40NzMgMTUuODIzMkw0NzAuNDcyIDE2LjI3NzRMNDY4LjYwNyA4LjA2MjI3TDQ3MC42MDggNy42MDgxM0w0NzUuMTEgMTEuOTM5MUw0NzMuOTU1IDYuODQ4NTdMNDc1Ljk1NiA2LjM5NDQzTDQ3Ny44MjEgMTQuNjA5NVoiIGZpbGw9IiMyNDI0MjQiLz4NCjxwYXRoIGQ9Ik00ODAuMjg5IDcuMTk2NDNMNDgwLjYxNCA4Ljg2OTEyTDQ4My4zMTIgOC4zNDQ3M0w0ODMuNjE0IDkuODk5NjNMNDgwLjkxNyAxMC40MjRMNDgxLjI2OSAxMi4yMzgxTDQ4NC4zMiAxMS42NDVMNDg0LjYzNCAxMy4yNTg4TDQ3OS41NjkgMTQuMjQzNEw0NzcuOTYxIDUuOTc0MjFMNDgzLjAyNiA0Ljk4OTU2TDQ4My4zNCA2LjYwMzM1TDQ4MC4yODkgNy4xOTY0M1oiIGZpbGw9IiMyNDI0MjQiLz4NCjwvZz4NCjxwYXRoIGQ9Ik02NDUuMjE0IDE5LjQ3MjhDNjQ1LjQ2NCAxOS4zNTQzIDY0NS41NyAxOS4wNTYxIDY0NS40NTIgMTguODA2Nkw2NDMuNTIxIDE0Ljc0MTdDNjQzLjQwMyAxNC40OTIzIDY0My4xMDUgMTQuMzg2MSA2NDIuODU1IDE0LjUwNDZDNjQyLjYwNiAxNC42MjMgNjQyLjQ5OSAxNC45MjEzIDY0Mi42MTggMTUuMTcwN0w2NDQuMzM0IDE4Ljc4NEw2NDAuNzIxIDIwLjQ5OTlDNjQwLjQ3MSAyMC42MTg0IDY0MC4zNjUgMjAuOTE2NiA2NDAuNDgzIDIxLjE2NjFDNjQwLjYwMiAyMS40MTU1IDY0MC45IDIxLjUyMTcgNjQxLjE1IDIxLjQwMzJMNjQ1LjIxNCAxOS40NzI4Wk00OTIuNDI0IDcuMzc1MzFDNDkyLjE1MSA3LjQxNzU1IDQ5MS45NjQgNy42NzMwMSA0OTIuMDA2IDcuOTQ1OTFDNDkyLjA0OCA4LjIxODggNDkyLjMwNCA4LjQwNTc4IDQ5Mi41NzYgOC4zNjM1NUw0OTIuNDI0IDcuMzc1MzFaTTU0Ni4yOTkgNC41QzU4NS44OTkgNC41IDYxOC4xMDEgOS45NzUyNyA2NDQuODMyIDE5LjQ5MjJMNjQ1LjE2OCAxOC41NTAxQzYxOC4zMDkgOC45ODgwNiA1ODUuOTkxIDMuNSA1NDYuMjk5IDMuNVY0LjVaTTQ5Mi41NzYgOC4zNjM1NUM1MDguODQyIDUuODQ2MTEgNTI2LjY2MyA0LjUgNTQ2LjI5OSA0LjVWMy41QzUyNi42MTggMy41IDUwOC43NDQgNC44NDkyMyA0OTIuNDI0IDcuMzc1MzFMNDkyLjU3NiA4LjM2MzU1WiIgZmlsbD0iI0QzRDNEMyIvPg0KPHBhdGggZD0iTTIyMC41IDI2Mi45ODZDMjIwLjQ5MyAyNjMuMjYyIDIyMC43MTIgMjYzLjQ5MSAyMjAuOTg4IDI2My40OThMMjI1LjQ4NiAyNjMuNjA4QzIyNS43NjIgMjYzLjYxNSAyMjUuOTkyIDI2My4zOTcgMjI1Ljk5OCAyNjMuMTIxQzIyNi4wMDUgMjYyLjg0NSAyMjUuNzg3IDI2Mi42MTUgMjI1LjUxMSAyNjIuNjA5TDIyMS41MTIgMjYyLjUxTDIyMS42MSAyNTguNTEyQzIyMS42MTcgMjU4LjIzNiAyMjEuMzk5IDI1OC4wMDYgMjIxLjEyMyAyNThDMjIwLjg0NyAyNTcuOTkzIDIyMC42MTcgMjU4LjIxMSAyMjAuNjExIDI1OC40ODdMMjIwLjUgMjYyLjk4NlpNNDEwLjIyNiAzNy40NDYxQzQxMC40NzIgMzcuMzIxNSA0MTAuNTcxIDM3LjAyMDYgNDEwLjQ0NiAzNi43NzQzQzQxMC4zMjEgMzYuNTI3OSA0MTAuMDIxIDM2LjQyOTIgNDA5Ljc3NCAzNi41NTM5TDQxMC4yMjYgMzcuNDQ2MVpNMjIxLjM0NSAyNjMuMzZDMjYzLjE1IDIyMy41NTggMjg5LjY4NyAxNzcuNDkyIDMxNi4xMDkgMTM2LjIwNUMzNDIuNTQ2IDk0Ljg5MjggMzY4Ljg1OSA1OC4zNzc4IDQxMC4yMjYgMzcuNDQ2MUw0MDkuNzc0IDM2LjU1MzlDMzY4LjE0MSA1Ny42MjAzIDM0MS43MDQgOTQuMzU0MiAzMTUuMjY2IDEzNS42NjZDMjg4LjgxMyAxNzcuMDA0IDI2Mi4zNSAyMjIuOTM4IDIyMC42NTUgMjYyLjYzNkwyMjEuMzQ1IDI2My4zNloiIGZpbGw9IiNEM0QzRDMiLz4NCjwvc3ZnPg0K";
+                      }
+                    }
 
-var StudentPressureChart = function StudentPressureChart(_ref) {
-  var studentPressure = _ref.studentPressure,
-      width = _ref.width;
-  var openMenuBar = reactRedux.useSelector(function (state) {
-    return state.common.menuBar;
-  });
-  var svgRef = React.useRef(null);
-  var innerWidth = !openMenuBar ? window.innerWidth - 50 : window.innerWidth - 340;
+                    left += 100;
 
-  if (width) {
-    innerWidth = width;
-  }
+                    if (left + 105 > WIDTH_PAPER) {
+                      left = 20;
+                      line = lineOptionCheckIn + 25;
+                    }
 
-  var chartWidth = innerWidth < 700 ? 700 : innerWidth;
-  var chartHeight = chartWidth / 3.12;
-  var colors = ["#C44140", "#81C935", "#0F9655", "#FFB04F", "#C44140"];
-  var data = [{
-    label: "BOREOUT",
-    value: studentPressure.boreOutStudent
-  }, {
-    label: "COMFORT",
-    value: studentPressure.comfortStudent
-  }, {
-    label: "STRETCH",
-    value: studentPressure.stretchStudent
-  }, {
-    label: "STRAIN",
-    value: studentPressure.strainStudent
-  }, {
-    label: "BURNOUT",
-    value: studentPressure.burnoutStudent
-  }];
-  var xAxistLabels = ["Low", "Moderate", "High", "Very High"];
+                    var _temp4 = function () {
+                      if (line + 150 > HEIGHT_PAPER) {
+                        doc.addPage();
+                        return Promise.resolve(createImageHeader()).then(function () {
+                          line = 80;
+                          left = 20;
+                        });
+                      }
+                    }();
 
-  var _useState = React.useState(""),
-      tooltipVisible = _useState[0],
-      setTooltipVisible = _useState[1];
+                    if (_temp4 && _temp4.then) return _temp4.then(function () {});
+                  });
 
-  var _useState2 = React.useState(0),
-      tooltipX = _useState2[0],
-      setTooltipX = _useState2[1];
+                  return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+                });
+              });
+            }
+          }();
 
-  var _useState3 = React.useState(0),
-      tooltipY = _useState3[0],
-      setTooltipY = _useState3[1];
+          return _temp36 && _temp36.then ? _temp36.then(_temp37) : _temp37(_temp36);
+        }
 
-  var _useState4 = React.useState([]),
-      tooltipStudents = _useState4[0],
-      setTooltipStudents = _useState4[1];
+        var doc = new jsPDF({
+          orientation: "p",
+          unit: "px",
+          format: "a4"
+        });
+        var WIDTH_PAPER = doc.internal.pageSize.width;
+        var HEIGHT_PAPER = doc.internal.pageSize.height;
+        var heightChart = 200;
 
-  var _useState5 = React.useState(""),
-      colorTooltip = _useState5[0],
-      setColorTooltip = _useState5[1];
+        var createImageHeader = function createImageHeader() {
+          try {
+            var imageLogo = document.getElementById("header-logo");
+            return Promise.resolve(html2canvas(imageLogo)).then(function (imageLogoCanvas) {
+              doc.addImage(imageLogoCanvas.toDataURL("image/png", 1.0), "png", 20, 20, 90, 25);
+              doc.setFontSize(10);
+              doc.setFont("Helvetica", "italic", "normal");
+              doc.text("From: " + moment(startTime).format("DD/MM/YYYY"), 310, 40);
+              doc.text("To: " + moment(endTime).format("DD/MM/YYYY"), 380, 40);
+              doc.setDrawColor(128, 128, 128);
+              doc.line(0, 50, WIDTH_PAPER, 50);
+              doc.setLineWidth(0.1);
+            });
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        };
 
-  var handleDotHover = function handleDotHover(students, x, y, label, color) {
-    setTooltipStudents(Array.from(new Set(students)));
-    setTooltipX(x);
-    setTooltipY(y);
-    setTooltipVisible(label);
-    setColorTooltip(color);
-  };
+        var line = 85;
+        var left = 20;
 
-  var handleDotLeave = function handleDotLeave() {
-    setTooltipVisible("");
-  };
+        var _temp38 = function () {
+          if (selectedToPDF.includes(averageStudentSafetyName)) {
+            return Promise.resolve(createImageHeader()).then(function () {
+              doc.setFontSize(14);
+              doc.setFont("Helvetica", "normal", "bold");
+              doc.text(t(averageStudentSafetyName), left, 70);
+              var chart = document.getElementById("safety");
+              return Promise.resolve(html2canvas(chart)).then(function (canvas) {
+                function _temp3() {
+                  left = 20;
+                  doc.addImage(canvas.toDataURL("image/png"), 10, line + 20, 420, heightChart);
+                  line = line + heightChart + 30;
 
-  React.useEffect(function () {
-    var svg = svgRef.current;
+                  if (line + 150 > HEIGHT_PAPER) {
+                    doc.addPage();
+                    line = 80;
+                    left = 20;
+                  }
+                }
 
-    if (svg) {
-      var drawChart = function drawChart() {
-        try {
-          var _ret = function () {
-            var xAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            xAxis.setAttribute("x1", "50");
-            xAxis.setAttribute("y1", "" + chartHeight);
-            xAxis.setAttribute("x2", "" + (chartWidth - 30));
-            xAxis.setAttribute("y2", "" + chartHeight);
-            xAxis.setAttribute("stroke", "#D3D3D3");
-            svg.appendChild(xAxis);
-            var yAxis = document.createElementNS("http://www.w3.org/2000/svg", "line");
-            yAxis.setAttribute("x1", "50");
-            yAxis.setAttribute("y1", "50");
-            yAxis.setAttribute("x2", "50");
-            yAxis.setAttribute("y2", "" + chartHeight);
-            yAxis.setAttribute("stroke", "#D3D3D3");
-            svg.appendChild(yAxis);
-            var spacingLabel = (chartWidth - 60) / 3;
+                var lineOptionCheckIn = line;
+                doc.setFontSize(8);
+                var questions = safetyData.map(function (r) {
+                  return r.name;
+                });
+                var indexCheckIn = 0;
 
-            for (var index = 0; index < xAxistLabels.length; index++) {
-              var label = xAxistLabels[index];
-              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              text.setAttribute("x", "" + (spacingLabel * index || 50));
-              text.setAttribute("y", "" + (chartHeight + 20));
-              text.setAttribute("fill", "#D3D3D3");
-              text.textContent = label;
-              svg.appendChild(text);
-            }
+                var _temp2 = _for(function () {
+                  return indexCheckIn < monthsOneToOne.length;
+                }, function () {
+                  return indexCheckIn++;
+                }, function () {
+                  var _line = line;
+                  doc.setFontSize(12);
+                  doc.setFont("Helvetica", "normal", "bold");
+                  doc.text(monthsOneToOne[indexCheckIn], left, _line);
+                  doc.setFontSize(8);
 
-            var highText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            highText.setAttribute("x", "15");
-            highText.setAttribute("y", "60");
-            highText.setAttribute("fill", "#D3D3D3");
-            highText.textContent = "High";
-            svg.appendChild(highText);
-            var lowText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            lowText.setAttribute("x", "15");
-            lowText.setAttribute("y", "" + chartHeight);
-            lowText.setAttribute("fill", "#D3D3D3");
-            lowText.textContent = "Low";
-            svg.appendChild(lowText);
-            var performanceText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-            performanceText.setAttribute("x", "40");
-            performanceText.setAttribute("y", "" + (chartHeight + 100) / 2);
-            performanceText.setAttribute("transform", "rotate(-90, 40, " + (chartHeight + 100) / 2 + ")");
-            performanceText.setAttribute("fill", "#242424");
-            performanceText.setAttribute("font-size", "12px");
-            performanceText.setAttribute("font-weight", "bold");
-            performanceText.textContent = "Performance";
-            svg.appendChild(performanceText);
-            var image = document.createElementNS("http://www.w3.org/2000/svg", "image");
-            image.setAttribute("x", "50");
-            image.setAttribute("y", "50");
-            image.setAttribute("width", "" + (chartWidth - 80));
-            image.setAttribute("height", "" + (chartHeight - 50));
-            image.setAttributeNS("http://www.w3.org/1999/xlink", "href", backgroundPressure);
-            svg.appendChild(image);
-            var circleCount = 5;
-            var circleSpacing = (chartWidth + 100) / (circleCount + 1);
-            var circleY = chartHeight - 30;
+                  for (var indexResult = 0; indexResult < (safetyData === null || safetyData === void 0 ? void 0 : safetyData.length); indexResult++) {
+                    var avg = safetyData[indexResult].data[indexCheckIn];
 
-            var _loop = function _loop(i) {
-              var _data3, _data3$value, _data3$value$length, _data6;
+                    if (avg != 0) {
+                      var questionText = questions[indexResult];
 
-              var circleX = circleSpacing * i;
-              var radius = 15;
-              var circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-              circle.setAttribute("cx", "" + circleX);
-              circle.setAttribute("cy", "" + circleY);
-              circle.setAttribute("r", "" + radius);
-              circle.setAttribute("fill", colors[i - 1]);
-              circle.addEventListener("mouseenter", function () {
-                var _data, _data2;
+                      if (questionText != "") {
+                        doc.setDrawColor(0);
+                        doc.setFillColor(COLOR_CHART_AND_PERCENTS[indexResult]);
+                        doc.roundedRect(left, _line + 5, 5, 5, 1, 1, "F");
+                        doc.setFont("Helvetica", "normal", "bold");
+                        doc.text(questionText + ":", left + 8, _line + 10);
+                        doc.setFont("Helvetica", "normal", "normal");
+                        doc.text((avg === null || avg === void 0 ? void 0 : avg.toFixed(2)) + "%", left + (questionText === null || questionText === void 0 ? void 0 : questionText.length) * 2.5 + 20.5, _line + 10);
+                      }
 
-                handleDotHover((_data = data[i - 1]) === null || _data === void 0 ? void 0 : _data.value, circleX, circleY, (_data2 = data[i - 1]) === null || _data2 === void 0 ? void 0 : _data2.label, colors[i - 1]);
-              });
-              circle.addEventListener("mouseleave", handleDotLeave);
-              svg.appendChild(circle);
-              var text = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              text.setAttribute("x", "" + circleX);
-              text.setAttribute("y", "" + circleY);
-              text.setAttribute("fill", "white");
-              text.setAttribute("font-weight", "bold");
-              text.setAttribute("font-size", "12px");
-              text.setAttribute("text-anchor", "middle");
-              text.setAttribute("dominant-baseline", "middle");
-              text.setAttribute("style", "cursor: default");
-              text.textContent = (_data3 = data[i - 1]) === null || _data3 === void 0 ? void 0 : (_data3$value = _data3.value) === null || _data3$value === void 0 ? void 0 : (_data3$value$length = _data3$value.length) === null || _data3$value$length === void 0 ? void 0 : _data3$value$length.toString();
-              text.addEventListener("mouseenter", function () {
-                var _data4, _data5;
+                      _line += 10;
 
-                handleDotHover((_data4 = data[i - 1]) === null || _data4 === void 0 ? void 0 : _data4.value, circleX, circleY, (_data5 = data[i - 1]) === null || _data5 === void 0 ? void 0 : _data5.label, colors[i - 1]);
-              });
-              svg.appendChild(text);
-              var label = (_data6 = data[i - 1]) === null || _data6 === void 0 ? void 0 : _data6.label;
-              var labelText = document.createElementNS("http://www.w3.org/2000/svg", "text");
-              labelText.setAttribute("x", "" + circleX);
-              labelText.setAttribute("y", "" + (circleY - radius - 12));
-              labelText.setAttribute("fill", "#242424");
-              labelText.setAttribute("font-weight", "bold");
-              labelText.setAttribute("font-size", "12px");
-              labelText.setAttribute("text-anchor", "middle");
-              labelText.textContent = label;
-              svg.appendChild(labelText);
-            };
+                      if (_line > lineOptionCheckIn) {
+                        lineOptionCheckIn = _line;
+                      }
+                    }
+                  }
 
-            for (var i = 1; i <= data.length; i++) {
-              _loop(i);
-            }
+                  left += 100;
 
-            return {
-              v: Promise.resolve()
-            };
-          }();
+                  if (left + 105 > WIDTH_PAPER) {
+                    left = 20;
+                    line = lineOptionCheckIn + 25;
+                  }
 
-          if (typeof _ret === "object") return _ret.v;
-        } catch (e) {
-          return Promise.reject(e);
-        }
-      };
+                  var _temp = function () {
+                    if (line + 150 > HEIGHT_PAPER) {
+                      doc.addPage();
+                      return Promise.resolve(createImageHeader()).then(function () {
+                        line = 80;
+                        left = 20;
+                      });
+                    }
+                  }();
 
-      while (svg.firstChild) {
-        svg.firstChild.remove();
-      }
+                  if (_temp && _temp.then) return _temp.then(function () {});
+                });
 
-      drawChart();
+                return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
+              });
+            });
+          }
+        }();
+
+        return _temp38 && _temp38.then ? _temp38.then(_temp39) : _temp39(_temp38);
+      }, function (err) {
+        console.log(err);
+        dispatch(marioCore.setAlert({
+          type: "danger",
+          message: err.message
+        }));
+      });
+
+      return Promise.resolve(_temp43 && _temp43.then ? _temp43.then(_temp42) : _temp42(_temp43));
+    } catch (e) {
+      return Promise.reject(e);
     }
-  }, [chartWidth, studentPressure]);
-  var lineHeight = 20;
-  var tooltipHeight = tooltipStudents.length * lineHeight;
-  var maxHeightTooltip = tooltipHeight + 30 > chartHeight - 50 ? chartHeight - 50 : tooltipHeight + 30;
-  return React__default.createElement("svg", {
-    ref: svgRef,
-    width: chartWidth,
-    height: chartHeight + 50
-  }, !!tooltipVisible && React__default.createElement("g", {
-    transform: "translate(" + (tooltipX - 100) + "," + Math.max(0, tooltipY - tooltipHeight - 80) + ")"
-  }, React__default.createElement("rect", {
-    width: "200",
-    height: maxHeightTooltip + 10,
-    fill: "rgba(36, 36, 36, 0.8)",
-    rx: "5"
-  }), React__default.createElement("text", {
-    x: "20",
-    y: "20",
-    fill: "#fff",
-    fontSize: "12px",
-    textAnchor: "start"
-  }, tooltipStudents.length + " students are " + tooltipVisible), React__default.createElement("foreignObject", {
-    x: "0",
-    y: "30",
-    width: "200",
-    height: maxHeightTooltip
+  };
+
+  return React__default.createElement("div", null, React__default.createElement("div", {
+    className: "" + styles$1["chart-to-canvas"]
   }, React__default.createElement("div", {
+    id: "safety",
     style: {
-      overflowY: "auto",
-      maxHeight: maxHeightTooltip - 20 + "px",
-      padding: "5px 5px 5px 10px",
-      color: "#fff",
-      fontSize: "12px"
+      display: "block",
+      width: "45%"
     }
-  }, tooltipStudents.map(function (label, index) {
-    return React__default.createElement("div", {
-      key: index
-    }, React__default.createElement("span", {
-      style: {
-        display: "inline-block",
-        width: "4px",
-        height: "14px",
-        backgroundColor: colorTooltip,
-        borderRadius: "10px",
-        marginRight: "10px"
-      }
-    }), React__default.createElement("span", null, label));
-  })))));
-};
-
-var BubbleChartCustom = function BubbleChartCustom(_ref) {
-  var data = _ref.data;
-
-  var _useTranslation = marioCore.useTranslation(),
-      t = _useTranslation.t;
-
-  if (!data) return React__default.createElement("div", {
-    className: "flex justify-content-center align-items-center",
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#0F9655"],
+    typeChart: TYPECHART.AREA,
+    activeColumn: [true],
+    series: safetyData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "stress",
     style: {
-      height: 450
+      display: "block",
+      width: "45%"
     }
-  }, React__default.createElement("div", null, "No Data"));
-  var seriesName = seriesNameBubbleChartCustom(data);
-  return React__default.createElement("div", {
-    className: "" + styles$1["size-100"]
-  }, React__default.createElement("div", {
-    className: "" + styles$1["block-header-chart"]
-  }, React__default.createElement("p", {
-    className: styles$1["title-chart"] + " " + styles$1["ml-10"]
-  }, t(studentDistribution))), React__default.createElement("div", {
-    className: "" + styles$1["bubble-chart-custom"]
-  }, React__default.createElement("div", {
-    className: styles$1["chart-custom"]
-  }, React__default.createElement("div", {
-    className: styles$1["chart-buddle"]
-  }, React__default.createElement("div", null, React__default.createElement("div", {
-    className: styles$1["legend-wrap"]
-  }, seriesName.map(function (i, index) {
-    return React__default.createElement("div", {
-      className: "" + styles$1["item"],
-      key: index
-    }, React__default.createElement("div", {
-      className: "" + styles$1["mark-custom"],
-      style: {
-        backgroundColor: COLOR_CHART_BUBBLE[index]
-      }
-    }), React__default.createElement("label", {
-      className: "" + styles$1["label-legend-custom"]
-    }, i));
-  })), React__default.createElement(Chart, {
-    options: readinesToLearnoptions(seriesName, data),
-    type: "scatter",
-    series: convertDataToSeriesBullderChart(data),
-    width: "100%",
-    height: 250
-  }))))));
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#C44140"],
+    typeChart: TYPECHART.LINE,
+    activeColumn: [true],
+    series: stressData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "preparedness",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#169490", "#316CD9", "#FFB04F"],
+    typeChart: TYPECHART.LINE,
+    activeColumn: activeColumnPreparedness,
+    series: preparednessData,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "success_indicators",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    typeChart: TYPECHART.AREA,
+    activeColumn: activeColumnSuccessIndicators,
+    series: successIndicatorsData,
+    avgQuestionLastMonth: avgQuestionLastMonth,
+    months: monthsOneToOne,
+    dayOfWeek: dayOfWeekOneToOne,
+    timeOfDay: timeOfDay,
+    colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
+  })), React__default.createElement("div", {
+    id: "student_distribution",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(BubbleChartCustom$1, {
+    data: readinessToLearning
+  })), React__default.createElement("div", {
+    id: "student_stress_by_zone",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(StudentPressureChart, {
+    studentPressure: studentPressure
+  })), React__default.createElement("div", {
+    id: "learning_progress",
+    style: {
+      display: "block",
+      width: "45%"
+    }
+  }, React__default.createElement(GenerateChartData, {
+    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"],
+    typeChart: TYPECHART.AREA,
+    activeColumn: activeColumnConference,
+    series: seriesConference,
+    months: monthsConference,
+    dayOfWeek: dayOfWeekConference,
+    avgQuestionLastMonth: avgConferenceLastMonth,
+    timeOfDay: timeOfDay
+  })), React__default.createElement("div", {
+    id: "learning_strategy"
+  }, React__default.createElement(TopLearningStrategy$1, {
+    data: topLearningStrategiesData
+  }))), React__default.createElement("div", {
+    className: "" + styles$1["image-logo"],
+    id: "header-logo"
+  }, React__default.createElement("img", {
+    src: headerLogo,
+    alt: ""
+  })), React__default.createElement(reactstrap.Button, {
+    color: "success",
+    onClick: function onClick() {
+      selectedToPDF.length > 0 && generatePDF();
+    }
+  }, "Export"));
 };
 
-function propsAreEqual$1(prevProps, nextProps) {
-  return JSON.stringify(prevProps === null || prevProps === void 0 ? void 0 : prevProps.data) === JSON.stringify(nextProps === null || nextProps === void 0 ? void 0 : nextProps.data);
-}
-
-var BubbleChartCustom$1 = React__default.memo(BubbleChartCustom, propsAreEqual$1);
-
 var Dashboard = function Dashboard() {
   var _useChartDatas = useChartDatas(),
       user = _useChartDatas.user,
@@ -32000,7 +32190,9 @@ var Dashboard = function Dashboard() {
     monthsConference: monthsConference,
     activeColumnConference: activeColumnConference,
     dayOfWeekConference: dayOfWeekConference,
-    avgConferenceLastMonth: avgConferenceLastMonth
+    avgConferenceLastMonth: avgConferenceLastMonth,
+    readinessToLearning: readinessToLearning,
+    studentPressure: studentPressure
   }))), React__default.createElement("div", {
     className: "d-flex align-items-center justify-content-between"
   }, React__default.createElement("div", {
@@ -32119,7 +32311,7 @@ var Dashboard = function Dashboard() {
   }), React__default.createElement(reactstrap.Collapse, {
     isOpen: chartIsOpened[0]
   }, React__default.createElement(reactstrap.Row, {
-    className: "d-flex"
+    className: chartIsOpened[0] ? "d-flex" : "d-block"
   }, React__default.createElement(reactstrap.Col, {
     md: !isExpandChart && chartIsOpened[0] ? 6 : 12
   }, React__default.createElement(GenerateChartData, {
@@ -32155,7 +32347,7 @@ var Dashboard = function Dashboard() {
     md: chartIsOpened[0] ? 7 : 12
   }, React__default.createElement(GenerateChartData, {
     colors: ["#169490", "#316CD9", "#FFB04F"],
-    name: t(preparednessChartName),
+    name: "Readiness To Learn",
     typeChart: TYPECHART.AREA,
     onActiveColumn: handleActiveColumnOneToOne,
     activeColumn: activeColumnPreparedness,
@@ -32188,7 +32380,7 @@ var Dashboard = function Dashboard() {
     months: monthsOneToOne,
     dayOfWeek: dayOfWeekOneToOne,
     timeOfDay: filter.optionDate,
-    colors: ["#73C8E5", "#F9F871", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
+    colors: ["#73C8E5", "#FFB04F", "#D7B0DE", "#E56362", "#5A7F05", "#D3D3D3"]
   }))), React__default.createElement(BubbleChartCustom$1, {
     data: readinessToLearning
   }), React__default.createElement("div", {