mario-core 2.9.108-beta → 2.9.111-beta

package/dist/components/Modals/NotificationLogoutModal.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const NotificationLogoutModal: () => JSX.Element;
+export default NotificationLogoutModal;

package/dist/index.d.ts

@@ -16,6 +16,7 @@ import ScrollToTop from "./components/Scroll/ScrollToTop";
 import NotificationModal from "./components/Modals/NotificationModal";
 import CommonHeader from "./components/Headers/CommonHeader";
 import CommonModal from "./components/Modals/CommonModal";
+import NotificationLogoutModal from "./components/Modals/NotificationLogoutModal";
 import AddButton from "./components/Buttons/AddButton";
 import DeleteButtonIcon from "./components/Buttons/DeleteButtonIcon";
 import EditButtonIcon from "./components/Buttons/EditButtonIcon";
@@ -108,4 +109,4 @@ import { setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage } f
 import useFilters from "./hooks/useFilters";
 import amplitude from "amplitude-js";
 declare const amplitudeClient: amplitude.AmplitudeClient;
-export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, CategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, EMOTIONS, TAB_COLORS, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY_STAGE, INIT_AMPLITUDE_KEY_PROD, isLocalhost };
+export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, NotificationLogoutModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, CategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, EMOTIONS, TAB_COLORS, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY_STAGE, INIT_AMPLITUDE_KEY_PROD, isLocalhost };

package/dist/index.js

@@ -13,6 +13,7 @@ var reactRedux = require('react-redux');
 var toolkit = require('@reduxjs/toolkit');
 var axios = _interopDefault(require('axios'));
 var amplitude = _interopDefault(require('amplitude-js'));
+var moment = _interopDefault(require('moment'));
 var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
 var GoogleLogin = _interopDefault(require('react-google-login'));
 var Select = _interopDefault(require('react-select'));
@@ -33,7 +34,6 @@ var Creatable = _interopDefault(require('react-select/creatable'));
 var ReactNotification$1 = _interopDefault(require('react-notifications-component'));
 require('react-notifications-component/dist/theme.css');
 var ai = require('react-icons/ai');
-var moment = _interopDefault(require('moment'));
 
 var dashboard = "Dashboard";
 var user = "User";
@@ -2715,6 +2715,7 @@ var apiUpload = axios.create({
 
     if (token) {
       config.headers.Authorization = "Bearer " + token;
+      localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
     }
 
     return config;
@@ -4384,6 +4385,7 @@ var Loading = function Loading() {
   var isLoading = reactRedux.useSelector(function (state) {
     return state.common.isLoading;
   });
+  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
   return isLoading ? React__default.createElement("div", {
     style: loadingStyle
   }, React__default.createElement("div", {
@@ -7561,6 +7563,78 @@ var CommonHeader = function CommonHeader(_ref) {
   }, header))));
 };
 
+var utcToLocalTime = (function (time, FORMAT) {
+  if (time === DATE_MIN_VALUE) return "";
+
+  try {
+    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var NotificationLogoutModal = function NotificationLogoutModal() {
+  var _useState = React.useState(false),
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
+
+  var _useState2 = React.useState({
+    minutes: 0,
+    timeLogout: ""
+  }),
+      objTime = _useState2[0],
+      setObjTime = _useState2[1];
+
+  var checkOpenModalLogout = function checkOpenModalLogout() {
+    var lastTimeOut = localStorage.getItem("LAST_TIME_REQUETST");
+    var timeMoment = moment(lastTimeOut, "YYYY-MM-DD HH:mm");
+    var currentTime = moment(moment().utc().format("YYYY-MM-DD HH:mm"));
+    var minutes = currentTime.diff(timeMoment, "minutes");
+    var timeLogout = utcToLocalTime(currentTime.add(16 - minutes, 'minutes').format("YYYY-MM-DD HH:mm"), "HH:mm");
+
+    if (minutes == 13) {
+      var dataTime = {
+        minutes: minutes,
+        timeLogout: timeLogout
+      };
+      setObjTime(dataTime);
+      onToggle();
+    }
+  };
+
+  React.useEffect(function () {
+    var getAccessToken = localStorage.getItem(ACCESS_TOKEN);
+
+    if (getAccessToken) {
+      var interval = setInterval(function () {
+        checkOpenModalLogout();
+      }, 60 * 1000);
+      return function () {
+        return clearInterval(interval);
+      };
+    }
+
+    return;
+  }, []);
+
+  var onToggle = function onToggle() {
+    setIsOpen(!isOpen);
+  };
+
+  return React__default.createElement(reactstrap.Modal, {
+    isOpen: isOpen,
+    toggle: onToggle,
+    size: "xs"
+  }, React__default.createElement(reactstrap.ModalHeader, {
+    toggle: onToggle
+  }, "Notification Logout"), React__default.createElement(reactstrap.ModalBody, null, "Are you still here? You have had no action for " + (objTime === null || objTime === void 0 ? void 0 : objTime.minutes) + " mins. \n                    Your account could be log out after " + (15 - (objTime === null || objTime === void 0 ? void 0 : objTime.minutes)) + " mins at " + (objTime === null || objTime === void 0 ? void 0 : objTime.timeLogout) + " if you don't action."), React__default.createElement(reactstrap.ModalFooter, {
+    className: "text-right"
+  }, React__default.createElement(reactstrap.Button, {
+    color: "primary",
+    onClick: onToggle
+  }, "Confirm")));
+};
+
 var EditButtonIcon = function EditButtonIcon(_ref) {
   var onClick = _ref.onClick;
   return React__default.createElement("div", {
@@ -7986,16 +8060,6 @@ var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
 
 var NotificationStatusSelector$1 = React.memo(NotificationStatusSelector);
 
-var utcToLocalTime = (function (time, FORMAT) {
-  if (time === DATE_MIN_VALUE) return "";
-
-  try {
-    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
-  } catch (_unused) {
-    return "";
-  }
-});
-
 var defaultFilters = {
   currentPage: 1,
   pageSize: 30,
@@ -10949,6 +11013,7 @@ exports.NOTIFICATION_ALERT_KEY = NOTIFICATION_ALERT_KEY;
 exports.NOTIFICATION_CHANNEL = NOTIFICATION_CHANNEL;
 exports.NotFound = NotFound;
 exports.NotificationList = NotificationList;
+exports.NotificationLogoutModal = NotificationLogoutModal;
 exports.NotificationModal = NotificationModal;
 exports.QUESTION_TYPES = QUESTION_TYPES;
 exports.QUESTION_TYPES_OPTIONS = QUESTION_TYPES_OPTIONS;