mario-core 2.9.108-beta → 2.9.110-beta

package/dist/index.modern.js

@@ -11,6 +11,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import axios from 'axios';
 import amplitude from 'amplitude-js';
+import moment from 'moment';
 import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import GoogleLogin from 'react-google-login';
 import Select from 'react-select';
@@ -31,7 +32,6 @@ import Creatable from 'react-select/creatable';
 import ReactNotification$1 from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import { AiOutlineEye } from 'react-icons/ai';
-import moment from 'moment';
 
 var dashboard = "Dashboard";
 var user = "User";
@@ -2713,6 +2713,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;
@@ -4382,6 +4383,7 @@ var Loading = function Loading() {
   var isLoading = useSelector(function (state) {
     return state.common.isLoading;
   });
+  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
   return isLoading ? React.createElement("div", {
     style: loadingStyle
   }, React.createElement("div", {
@@ -7559,6 +7561,81 @@ 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 = useState(false),
+      isOpen = _useState[0],
+      setIsOpen = _useState[1];
+
+  var _useState2 = useState({
+    minutes: 0,
+    timeLogout: ""
+  }),
+      objTime = _useState2[0],
+      setObjTime = _useState2[1];
+
+  var checkOpenModalLogout = function checkOpenModalLogout() {
+    var lastTimeOut = localStorage.getItem("LAST_TIME_REQUETST");
+    console.log({
+      lastTimeOut: lastTimeOut
+    });
+    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();
+    }
+  };
+
+  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.createElement(Modal, {
+    isOpen: isOpen,
+    toggle: onToggle,
+    size: "xs"
+  }, React.createElement(ModalHeader, {
+    toggle: onToggle
+  }, "Notification Logout"), React.createElement(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.createElement(ModalFooter, {
+    className: "text-right"
+  }, React.createElement(Button, {
+    color: "primary",
+    onClick: onToggle
+  }, "Confirm")));
+};
+
 var EditButtonIcon = function EditButtonIcon(_ref) {
   var onClick = _ref.onClick;
   return React.createElement("div", {
@@ -7984,16 +8061,6 @@ var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
 
 var NotificationStatusSelector$1 = 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,
@@ -10892,5 +10959,5 @@ var UserList = function UserList() {
 
 var amplitudeClient$1 = amplitude.getInstance();
 
-export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient$1 as amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
+export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, CategorySelector, CommonAlert, CommonHeader, CommonModal$1 as CommonModal, CreatableSelector, CustomPagination, CustomSelector, CustomTabs as CustomTab, DATE_FORMAT, DATE_RESULT, DEFAULT_FILTER, Dashboard, DeleteButtonIcon, DetailActionButtons, EMOTIONS, EditButtonIcon, EmailTemplateDetail, EmailTemplateList, EmptyDataAlert, ErrorHandler, FULL_DATE_RESULT, FaqList, InputFile as FileInput, GOOGLE_RECAPTCHA_KEY, GalleryList, INIT_AMPLITUDE_KEY_PROD, INIT_AMPLITUDE_KEY_STAGE, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, NOTIFICATION_ALERT_KEY, NOTIFICATION_CHANNEL, NotFound, NotificationList, NotificationLogoutModal, NotificationModal, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, QuestionCategorySelector, QuestionTypeSelector, QuitPrompt, ReactNotification, RequiredLabel$1 as RequiredLabel, SchoolList, ScrollToTop, SearchBox$1 as SearchBox, SearchBoxContainer, SkillList, StarRatingSelector, SuggestionCategorySelector, TAB_COLORS, TINY_MCE_API_KEY, TheContent$1 as TheContent, TheLayout, ToggleButton, UploadFileButton, UserDetail, UserList, addTab, amplitudeClient$1 as amplitudeClient, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, isLocalhost, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setEnableSurvey, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, setLanguage, setLearningSupportCategoryList, setLoading, setMailCategory, setModal, setMoveItemQuestion, setMyStudent, setQuestionByCategory, setQuestionCateList, setQuestionList, setReflectionList, setReflectionResultList, setResetQuestionList, setSchoolBlankDayList, setSelectQuestion, setSemesterList, setSessionPlayer, setSessionTemplateGeneralClassList, setSessionTemplateList, setStartTime, setStrategyList, setStudentIdSelectedByTeacher, setStudentList, setSubjectList, setSuggestionList, setTurnOffPassWhenChangeMode, setTutorialScreenList, setUser, setUserList, showFontSize, showMenuBar, store, systemCertificateUpload, systemStudentBadge, uploadFile, useFilters, useGalleryList, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map