mario-core 2.9.26-admin → 2.9.27-admin

package/dist/index.modern.js

@@ -1,5 +1,4 @@
 import 'bootstrap/dist/css/bootstrap.min.css';
-import amplitude from 'amplitude-js';
 import React, { useState, useCallback, useEffect, forwardRef, useRef, Suspense, useMemo, memo, Fragment, useImperativeHandle } from 'react';
 import { Input, Modal, ModalHeader, ModalBody, ModalFooter, Button, Row, Col, Form, FormGroup, Label, Dropdown, DropdownToggle, DropdownMenu, NavLink, DropdownItem, Alert, Pagination, PaginationItem, PaginationLink, Table, CustomInput, Nav, NavItem, TabContent, TabPane, Card, CardImg, CardBody, CardTitle, CardHeader, CardText } from 'reactstrap';
 import { useHistory, Link, useLocation, Switch, Route, Prompt, useParams } from 'react-router-dom';
@@ -8,6 +7,7 @@ import { object, string, boolean, number, array } from 'yup';
 import { useDispatch, useSelector } from 'react-redux';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import axios from 'axios';
+import amplitude from 'amplitude-js';
 import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import GoogleLogin from 'react-google-login';
 import Select from 'react-select';
@@ -28,6 +28,81 @@ import 'react-notifications-component/dist/theme.css';
 import { AiOutlineEye } from 'react-icons/ai';
 import moment from 'moment';
 
+// A type of promise-like that resolves synchronously and supports only one observer
+
+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";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","descriptions-icon":"_3SOdX","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","hide-in-mobile":"_1INnO","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
+
+var style = {
+  fontSize: "0.85rem"
+};
+
+var ErrorHandler = function ErrorHandler(_ref) {
+  var text = _ref.text;
+  return React.createElement("p", {
+    className: "text-danger",
+    style: style
+  }, text);
+};
+
+var containerStyle = {
+  height: "40px",
+  backgroundColor: "#f7f9fc",
+  borderRadius: "4px",
+  marginBottom: "5px",
+  position: "relative"
+};
+var inputStyle = {
+  backgroundColor: "#f7f9fc",
+  paddingRight: "50px"
+};
+var eyeIconStyle = {
+  fontSize: "20px",
+  position: "absolute",
+  right: "10px"
+};
+
+var PasswordInput = function PasswordInput(_ref) {
+  var isShowPassword = _ref.isShowPassword,
+      togglePasswordVisible = _ref.togglePasswordVisible,
+      onChange = _ref.onChange;
+  return React.createElement("div", {
+    className: "d-flex align-items-center w-100",
+    style: containerStyle
+  }, React.createElement(Input, {
+    className: "border password-input",
+    style: inputStyle,
+    type: isShowPassword ? "text" : "password",
+    name: "password",
+    onChange: onChange,
+    placeholder: "Password",
+    required: true
+  }), React.createElement("i", {
+    className: "far " + (isShowPassword ? "fa-eye-slash" : "fa-eye") + " mx-2 cursor-pointer",
+    style: eyeIconStyle,
+    onClick: function onClick() {
+      return togglePasswordVisible();
+    },
+    title: isShowPassword ? "Hide" : "Show"
+  }));
+};
+
 var TINY_MCE_API_KEY = "adpshj9swgsscf83gw4gs2f74nx0vicpd5ydka20iqjd7l8r";
 var GOOGLE_RECAPTCHA_KEY = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
 var INIT_AMPLITUDE_KEY = "860fa99c52ae79d98e904b4c862ddaac";
@@ -150,81 +225,6 @@ var ROLES = {
   PARENT: "Parent"
 };
 
-// A type of promise-like that resolves synchronously and supports only one observer
-
-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";
-
-// Asynchronously call a function and send errors to recovery continuation
-function _catch(body, recover) {
-	try {
-		var result = body();
-	} catch(e) {
-		return recover(e);
-	}
-	if (result && result.then) {
-		return result.then(void 0, recover);
-	}
-	return result;
-}
-
-var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","descriptions-icon":"_3SOdX","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","checkbox-remember":"_2K9b2","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","hide-in-mobile":"_1INnO","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5"};
-
-var style = {
-  fontSize: "0.85rem"
-};
-
-var ErrorHandler = function ErrorHandler(_ref) {
-  var text = _ref.text;
-  return React.createElement("p", {
-    className: "text-danger",
-    style: style
-  }, text);
-};
-
-var containerStyle = {
-  height: "40px",
-  backgroundColor: "#f7f9fc",
-  borderRadius: "4px",
-  marginBottom: "5px",
-  position: "relative"
-};
-var inputStyle = {
-  backgroundColor: "#f7f9fc",
-  paddingRight: "50px"
-};
-var eyeIconStyle = {
-  fontSize: "20px",
-  position: "absolute",
-  right: "10px"
-};
-
-var PasswordInput = function PasswordInput(_ref) {
-  var isShowPassword = _ref.isShowPassword,
-      togglePasswordVisible = _ref.togglePasswordVisible,
-      onChange = _ref.onChange;
-  return React.createElement("div", {
-    className: "d-flex align-items-center w-100",
-    style: containerStyle
-  }, React.createElement(Input, {
-    className: "border password-input",
-    style: inputStyle,
-    type: isShowPassword ? "text" : "password",
-    name: "password",
-    onChange: onChange,
-    placeholder: "Password",
-    required: true
-  }), React.createElement("i", {
-    className: "far " + (isShowPassword ? "fa-eye-slash" : "fa-eye") + " mx-2 cursor-pointer",
-    style: eyeIconStyle,
-    onClick: function onClick() {
-      return togglePasswordVisible();
-    },
-    title: isShowPassword ? "Hide" : "Show"
-  }));
-};
-
 var getAccessToken = (function () {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -301,6 +301,16 @@ var apiUpload = axios.create({
       Object.keys(localStorage).forEach(function (key) {
         if (!key.includes('learning-plan')) delete localStorage[key];
       });
+      var userEmail = localStorage.getItem("USER_EMAIL");
+
+      if (userEmail) {
+        amplitude.getInstance().logEvent("general: session end", {
+          user_id: userEmail
+        });
+        amplitude.getInstance().resetSessionId();
+      }
+
+      localStorage.setItem("USER_EMAIL", "");
       window.location.href = "/login";
     }
 
@@ -414,7 +424,8 @@ var useLogin = function useLogin() {
               lastName = _res$data.lastName,
               roles = _res$data.roles,
               email = _res$data.email,
-              profileImageFileName = _res$data.profileImageFileName;
+              profileImageFileName = _res$data.profileImageFileName,
+              isLoginFirst = _res$data.isLoginFirst;
           localStorage.setItem(ACCESS_TOKEN, token);
           dispatch(setUser({
             id: id,
@@ -425,6 +436,26 @@ var useLogin = function useLogin() {
             profileImageFileName: profileImageFileName
           }));
 
+          if (data !== null && data !== void 0 && data.email && !roles.includes("Admin")) {
+            amplitude.getInstance().init(INIT_AMPLITUDE_KEY, data.email, {
+              includeReferrer: false,
+              includeUtm: false
+            });
+            var hostName = window.location.hostname;
+            amplitude.getInstance().logEvent("general: session start", {
+              user_id: data.email,
+              domain: hostName
+            });
+            localStorage.setItem("USER_EMAIL", data.email);
+
+            if (isLoginFirst) {
+              amplitude.getInstance().logEvent("general: first login", {
+                user_id: data.email,
+                domain: hostName
+              });
+            }
+          }
+
           if (isDistrict) {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
@@ -7098,7 +7129,20 @@ var initialState = {
   menuBar: true,
   defaultFontSize: 16,
   isEnableIEP: true,
-  isConversationOneToOne: false
+  isConversationOneToOne: false,
+  amplitude: {
+    user_id: "",
+    status: "",
+    student_id: "",
+    page: "",
+    part: "",
+    iep_date: null,
+    saved: null,
+    first_login: "",
+    duration_since: 0,
+    last_page: "",
+    event: ""
+  }
 };
 var commonReducer = createReducer(initialState, function (builder) {
   builder.addCase(setLoading, function (state, action) {
@@ -7132,19 +7176,25 @@ var commonReducer = createReducer(initialState, function (builder) {
     state.isConversationOneToOne = action.payload;
   }).addCase(showFontSize, function (state, action) {
     state.defaultFontSize = action.payload;
-  }).addCase(initAmplitude, function (_state, action) {
-    var _action$payload, _action$payload2, _action$payload3, _action$payload4, _action$payload5, _action$payload6, _action$payload7;
+  }).addCase(initAmplitude, function (state, action) {
+    var _action$payload, _action$payload2, _action$payload3, _action$payload4, _action$payload5, _action$payload6, _action$payload7, _action$payload8, _action$payload9, _action$payload10, _action$payload11;
 
+    var hostName = window.location.hostname;
     var eventProperties = {
-      user_id: action.payload.name,
-      status: (_action$payload = action.payload) !== null && _action$payload !== void 0 && _action$payload.status ? (_action$payload2 = action.payload) === null || _action$payload2 === void 0 ? void 0 : _action$payload2.status : "",
-      student_id: (_action$payload3 = action.payload) !== null && _action$payload3 !== void 0 && _action$payload3.student_id ? action.payload.student_id : "",
-      page: (_action$payload4 = action.payload) !== null && _action$payload4 !== void 0 && _action$payload4.page ? action.payload.page : "",
-      part: (_action$payload5 = action.payload) !== null && _action$payload5 !== void 0 && _action$payload5.part ? action.payload.part : "",
-      iep_date: (_action$payload6 = action.payload) !== null && _action$payload6 !== void 0 && _action$payload6.iep_date ? action.payload.iep_date : null,
-      saved: typeof ((_action$payload7 = action.payload) === null || _action$payload7 === void 0 ? void 0 : _action$payload7.saved) == "boolean" ? action.payload.saved : null
+      user_id: (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.name,
+      status: (_action$payload2 = action.payload) !== null && _action$payload2 !== void 0 && _action$payload2.status ? (_action$payload3 = action.payload) === null || _action$payload3 === void 0 ? void 0 : _action$payload3.status : "",
+      student_id: (_action$payload4 = action.payload) !== null && _action$payload4 !== void 0 && _action$payload4.student_id ? action.payload.student_id : "",
+      page: (_action$payload5 = action.payload) !== null && _action$payload5 !== void 0 && _action$payload5.page ? action.payload.page : "",
+      part: (_action$payload6 = action.payload) !== null && _action$payload6 !== void 0 && _action$payload6.part ? action.payload.part : "",
+      iep_date: (_action$payload7 = action.payload) !== null && _action$payload7 !== void 0 && _action$payload7.iep_date ? action.payload.iep_date : null,
+      saved: typeof ((_action$payload8 = action.payload) === null || _action$payload8 === void 0 ? void 0 : _action$payload8.saved) == "boolean" ? action.payload.saved : null,
+      first_login: (_action$payload9 = action.payload) !== null && _action$payload9 !== void 0 && _action$payload9.first_login ? action.payload.first_login : "",
+      duration_since: (_action$payload10 = action.payload) !== null && _action$payload10 !== void 0 && _action$payload10.duration_since ? action.payload.duration_since : 0,
+      last_page: (_action$payload11 = action.payload) !== null && _action$payload11 !== void 0 && _action$payload11.last_page ? action.payload.last_page : "",
+      event: action.payload.event,
+      domain: !!hostName ? hostName : ""
     };
-    amplitude.getInstance().logEvent(action.payload.event, eventProperties);
+    state.amplitude = eventProperties;
   });
 });
 
@@ -8055,9 +8105,7 @@ var generateRandomString = (function () {
   return (Math.random() + 1).toString(36).substring(7);
 });
 
-var amplitudeCallInit = function amplitudeCallInit(userId) {
-  return amplitude.getInstance().init(INIT_AMPLITUDE_KEY, userId);
-};
+var amplitudeClient = amplitude.getInstance();
 
-export { ACCESS_TOKEN, ANSWER_EDITOR_HEIGHT, AcademicClassSelector, AddButton, BASE_URL, CHAT_CHANNEL, 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, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, 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, amplitudeCallInit, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, initAmplitude, isInViewport, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, 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, 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, Images, LICENSE_AGGRID, LinkEditButton, Loading, Login, MediaList, 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, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, initAmplitude, isInViewport, reset, setAlert, setAssessmentList, setAssignmentList, setAssistantList, setBadgeList, setBandScoreList, setCertificateList, setClassList, setConferenceRubricList, setConversationOneToOne, setCurrentStudentId, setCurrentStudentName, setCurrentStudentUserId, setCustomAlertList, setDataPlayer, setEditItemQuesion, setEnableIEP, setFeedbackList, setFilterWidget, setGoalExampleList, setImproveMyClass, 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