mario-core 2.9.64-beta → 2.9.68-beta

package/dist/index.js

@@ -26,7 +26,6 @@ var fa = require('react-icons/fa');
 var dateFns = require('date-fns');
 var tinymceReact = require('@tinymce/tinymce-react');
 var differenceInCalendarYears = _interopDefault(require('date-fns/differenceInCalendarYears'));
-var moment = _interopDefault(require('moment'));
 var DatePicker = _interopDefault(require('react-datepicker'));
 var toDate = _interopDefault(require('date-fns/toDate'));
 var md = require('react-icons/md');
@@ -34,6 +33,7 @@ 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";
@@ -72,7 +72,6 @@ var tooltip_content_safety_chart = "The visual represenation of all the response
 var tooltip_content_student_by_age_chart = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1 = "Total 1-to-1";
-var total_check_in = "Total Check In";
 var total_1_to_1_time = "Total 1-to-1 Time";
 var total_conferences = "Total Conferences";
 var total_conferences_time = "Total Conferences Time";
@@ -218,7 +217,6 @@ var edit_destination = "Edit Destination";
 var confirm = "Confirm";
 var hello = "Hello";
 var todays_1_1 = "Today’s 1-1";
-var todays_check_in = "Today’s Check In";
 var todays_Conferences = "Today’s Conferences";
 var next_meeting = "Next Meeting";
 var next_conference = "Next Conference";
@@ -280,7 +278,6 @@ var time_must_be_between_8_am_and_6_pm = "Time must be between 8 AM and 6 PM";
 var from = "From";
 var to = "To";
 var show_only_favorites = "Show only favorites";
-var show_only_conversation = "Show 1-1 conversation only";
 var duration = "Duration";
 var favorite = "Favorite";
 var open = "Open";
@@ -580,7 +577,6 @@ var set_deadline = "Set deadline";
 var duplicate_survey = "Duplicate Survey";
 var share_survey = "Share Survey";
 var new_survey = "New Survey";
-var assign_counselor = "Assign Counselor";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -620,7 +616,6 @@ var lang_us = {
 	tooltip_content_student_by_age_chart: tooltip_content_student_by_age_chart,
 	tooltip_content_students_by_designation: tooltip_content_students_by_designation,
 	total_1_to_1: total_1_to_1,
-	total_check_in: total_check_in,
 	total_1_to_1_time: total_1_to_1_time,
 	total_conferences: total_conferences,
 	total_conferences_time: total_conferences_time,
@@ -768,7 +763,6 @@ var lang_us = {
 	confirm: confirm,
 	hello: hello,
 	todays_1_1: todays_1_1,
-	todays_check_in: todays_check_in,
 	todays_Conferences: todays_Conferences,
 	next_meeting: next_meeting,
 	next_conference: next_conference,
@@ -832,7 +826,6 @@ var lang_us = {
 	from: from,
 	to: to,
 	show_only_favorites: show_only_favorites,
-	show_only_conversation: show_only_conversation,
 	duration: duration,
 	favorite: favorite,
 	open: open,
@@ -1134,8 +1127,7 @@ var lang_us = {
 	set_deadline: set_deadline,
 	duplicate_survey: duplicate_survey,
 	share_survey: share_survey,
-	new_survey: new_survey,
-	assign_counselor: assign_counselor
+	new_survey: new_survey
 };
 
 var dashboard$1 = "Dashboard";
@@ -1175,7 +1167,6 @@ var tooltip_content_safety_chart$1 = "The visual represenation of all the respon
 var tooltip_content_student_by_age_chart$1 = "The specific representation of students by gender and grade level at your school.";
 var tooltip_content_students_by_designation$1 = "The composite representation of students by individual grades in your school with specific designations.";
 var total_1_to_1$1 = "Total 1-to-1";
-var total_check_in$1 = "Total Check In";
 var total_1_to_1_time$1 = "Total 1-to-1 Time";
 var total_conferences$1 = "Total Conferences";
 var total_conferences_time$1 = "Total Conferences Time";
@@ -1323,7 +1314,6 @@ var edit_destination$1 = "Edit Destination";
 var confirm$1 = "Confirm";
 var hello$1 = "Hello";
 var todays_1_1$1 = "Today’s 1-1";
-var todays_check_in$1 = "Today’s Check In";
 var todays_Conferences$1 = "Today’s Conferences";
 var next_meeting$1 = "Next Meeting";
 var next_conference$1 = "Next Conference";
@@ -1385,7 +1375,6 @@ var time_must_be_between_8_am_and_6_pm$1 = "Time must be between 8 AM and 6 PM";
 var from$1 = "From";
 var to$1 = "To";
 var show_only_favorites$1 = "Show only favorites";
-var show_only_conversation$1 = "Show 1-1 conversation only";
 var duration$1 = "Duration";
 var favorite$1 = "Favorite";
 var open$1 = "Open";
@@ -1685,7 +1674,6 @@ var set_deadline$1 = "Set deadline";
 var duplicate_survey$1 = "Duplicate Survey";
 var share_survey$1 = "Share Survey";
 var new_survey$1 = "New Survey";
-var assign_counselor$1 = "Assign Counselor";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -1725,7 +1713,6 @@ var lang_uk = {
 	tooltip_content_student_by_age_chart: tooltip_content_student_by_age_chart$1,
 	tooltip_content_students_by_designation: tooltip_content_students_by_designation$1,
 	total_1_to_1: total_1_to_1$1,
-	total_check_in: total_check_in$1,
 	total_1_to_1_time: total_1_to_1_time$1,
 	total_conferences: total_conferences$1,
 	total_conferences_time: total_conferences_time$1,
@@ -1873,7 +1860,6 @@ var lang_uk = {
 	confirm: confirm$1,
 	hello: hello$1,
 	todays_1_1: todays_1_1$1,
-	todays_check_in: todays_check_in$1,
 	todays_Conferences: todays_Conferences$1,
 	next_meeting: next_meeting$1,
 	next_conference: next_conference$1,
@@ -1937,7 +1923,6 @@ var lang_uk = {
 	from: from$1,
 	to: to$1,
 	show_only_favorites: show_only_favorites$1,
-	show_only_conversation: show_only_conversation$1,
 	duration: duration$1,
 	favorite: favorite$1,
 	open: open$1,
@@ -2239,8 +2224,7 @@ var lang_uk = {
 	set_deadline: set_deadline$1,
 	duplicate_survey: duplicate_survey$1,
 	share_survey: share_survey$1,
-	new_survey: new_survey$1,
-	assign_counselor: assign_counselor$1
+	new_survey: new_survey$1
 };
 
 var DEFAULT_LANGUAGE = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "uk";
@@ -2420,7 +2404,8 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
 
 var TINY_MCE_API_KEY = "adpshj9swgsscf83gw4gs2f74nx0vicpd5ydka20iqjd7l8r";
 var GOOGLE_RECAPTCHA_KEY = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
-var INIT_AMPLITUDE_KEY = "c617d0950cfdcae12953907273a1920f";
+var INIT_AMPLITUDE_KEY_PROD = "860fa99c52ae79d98e904b4c862ddaac";
+var INIT_AMPLITUDE_KEY_STAGE = "c617d0950cfdcae12953907273a1920f";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var DEFAULT_PAGE_SIZE_VALUES = [{
   label: "10",
@@ -2463,6 +2448,7 @@ var BASE_URL = function () {
   var url = windowUrl.split("//")[0] + "//" + windowUrl.split("//")[1].split("/")[0];
   return url;
 }();
+var isLocalhost = Boolean(window.location.hostname === "localhost" || window.location.hostname.includes("stage") || window.location.hostname === "[::1]" || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
 var QUESTION_TYPES_OPTIONS = [{
   label: "Single choice",
   value: "SingleChoice"
@@ -2524,7 +2510,7 @@ var STAR_OPTIONS = [{
   value: 5
 }];
 var ANSWER_EDITOR_HEIGHT = 150;
-var USER_ROLES = ["Admin", "Assistant", "Teacher", "General ED teacher", "Counselor", "Student", "Parent"];
+var USER_ROLES = ["Admin", "Assistant", "Teacher", "General ED teacher", "Student", "Parent"];
 var CHAT_CHANNEL = "chat-channel";
 var NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION = "NEW_NOTIFICATION";
@@ -2540,8 +2526,7 @@ var ROLES = {
   ASSISTANT: "Assistant",
   EDUTEACHER: "General ED teacher",
   STUDENT: "Student",
-  PARENT: "Parent",
-  COUNSELOR: "Counselor"
+  PARENT: "Parent"
 };
 var NOTIFICATION_ALERT_KEY = "NOTIFICATION_ALERT_KEY";
 
@@ -2773,7 +2758,7 @@ var useLogin = function useLogin() {
           }));
 
           if (data !== null && data !== void 0 && data.email && !roles.includes("Admin")) {
-            amplitude.getInstance().init(INIT_AMPLITUDE_KEY, data.email, {
+            amplitude.getInstance().init(!isLocalhost ? INIT_AMPLITUDE_KEY_PROD : INIT_AMPLITUDE_KEY_STAGE, data.email, {
               includeReferrer: false,
               includeUtm: false
             });
@@ -2796,7 +2781,7 @@ var useLogin = function useLogin() {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
             history.push(HOMEPAGE_ADMIN);
-          } else if (roles.includes("Teacher") || roles.includes("Assistant") || roles.includes("Counselor")) {
+          } else if (roles.includes("Teacher") || roles.includes("Assistant")) {
             history.push(HOMEPAGE_TEACHER);
           } else if (roles.includes("Student")) {
             history.push(HOMEPAGE_STUDENT);
@@ -6657,13 +6642,94 @@ var SkillList = function SkillList() {
   }))));
 };
 
-var setUserList = toolkit.createAction("users/setUserList");
-var setStudentList = toolkit.createAction("users/setStudentList");
+var MAX_FILE_SIZE = 20097152;
+
+var UploadFileButton = function UploadFileButton(_ref) {
+  var fileName = _ref.fileName,
+      maxWidth = _ref.maxWidth,
+      maxHeight = _ref.maxHeight,
+      setFile = _ref.setFile,
+      canDelete = _ref.canDelete,
+      onDelete = _ref.onDelete,
+      isCheckFeedBack = _ref.isCheckFeedBack,
+      onAddImage = _ref.onAddImage;
+  var dispatch = reactRedux.useDispatch();
+
+  var _useState = React.useState(""),
+      imagePreviewUrl = _useState[0],
+      setImagePreviewUrl = _useState[1];
+
+  var imageStyle = {
+    maxWidth: maxWidth || "100%",
+    maxHeight: maxHeight || "100%"
+  };
+  var imageSrc = imagePreviewUrl || getFileUrl(fileName);
+
+  var handleImageChange = function handleImageChange(e) {
+    e.preventDefault();
+    var reader = new FileReader();
+    var newFile = e.target.files[0];
+
+    if (newFile.size > MAX_FILE_SIZE) {
+      dispatch(setAlert({
+        type: "danger",
+        message: "File can't be larger than 2MB"
+      }));
+      return;
+    }
+
+    reader.onloadend = function () {
+      setFile(newFile);
+      setImagePreviewUrl(reader.result);
+    };
+
+    if (newFile) {
+      reader.readAsDataURL(newFile);
+    }
+
+    !!onAddImage && onAddImage();
+  };
+
+  var imagePreviewContainer = imagePreviewUrl || fileName ? React__default.createElement("img", {
+    style: imageStyle,
+    src: imageSrc,
+    alt: "image"
+  }) : null;
+  return React__default.createElement("div", {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Form, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Input, {
+    className: "d-none",
+    type: "file",
+    id: "uploadFile",
+    onChange: handleImageChange,
+    accept: "image/*"
+  }), React__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement(reactstrap.Label, {
+    htmlFor: "uploadFile",
+    role: "button",
+    tabIndex: 0,
+    className: styles["input-file-label"]
+  }, isCheckFeedBack == true ? React__default.createElement(md.MdAttachFile, null) : React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
+    className: "fa fa-paperclip mr-1",
+    "aria-hidden": "true"
+  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React__default.createElement(reactstrap.Button, {
+    size: "sm",
+    color: "danger",
+    className: styles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
+    onClick: function onClick() {
+      setImagePreviewUrl(null);
+      onDelete && onDelete();
+    }
+  }, React__default.createElement(fa.FaTrashAlt, null)))), imagePreviewContainer);
+};
 
 var USER_URL$1 = BASE_URL + "/api/user";
 var CHANGE_PASSWORD = BASE_URL + "/api/Account/changePassword";
 var ACCOUNT_URL$1 = BASE_URL + "/api/account";
-var EDU_USER_URL = BASE_URL + "/api/User/delete-item-user";
+var EDU_USER_URL = BASE_URL + "/api/User";
 var get$5 = function get(filter) {
   return api.get("" + USER_URL$1, {
     params: filter
@@ -6679,7 +6745,7 @@ var update$5 = function update(data) {
   return api.put(USER_URL$1 + "/" + data.id, data);
 };
 var remove$3 = function remove(id) {
-  return api["delete"](EDU_USER_URL + "/" + id);
+  return api["delete"](EDU_USER_URL + "/delete-item-user/" + id);
 };
 var changePassword = function changePassword(formData) {
   return api.post(CHANGE_PASSWORD, formData);
@@ -6687,32 +6753,58 @@ var changePassword = function changePassword(formData) {
 var forgotChangePassword = function forgotChangePassword(data) {
   return api.post(ACCOUNT_URL$1 + "/forgotchangepassword", data);
 };
+var switchAccountUser = function switchAccountUser(id) {
+  return api.post(EDU_USER_URL + "/switch-user/" + id);
+};
 
-var USER_URL$2 = "/admin/user";
-var CREATE_USER_URL = "/admin/create-user";
-var TITLE$7 = "User list";
+var initValue$3 = {
+  id: "",
+  firstName: "",
+  lastName: "",
+  email: "",
+  dateOfBirth: "",
+  roles: [],
+  isActive: true,
+  profileImageFileName: ""
+};
+var USER_LIST_URL = "/admin/user";
+var TITLE$7 = "User detail";
 
-var useUserList = function useUserList() {
+var useUserDetail = function useUserDetail(id) {
+  var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
-  var query = new URLSearchParams(location.search);
-  var queryName = query.get("query");
-  var userList = reactRedux.useSelector(function (state) {
-    return state.users.userList;
-  });
-  var totalItems = reactRedux.useSelector(function (state) {
-    return state.users.totalItems;
-  });
 
-  var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+  var _useState = React.useState(initValue$3),
+      userDetail = _useState[0],
+      setUserDetail = _useState[1];
 
-  var _useState = React.useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
+  var _useState2 = React.useState(null),
+      file = _useState2[0],
+      setFile = _useState2[1];
 
-  var dispatch = reactRedux.useDispatch();
-  var getData = React.useCallback(function (fullName) {
+  var _useState3 = React.useState(false),
+      edited = _useState3[0],
+      setEdited = _useState3[1];
+
+  var setEditedTrue = function setEditedTrue() {
+    try {
+      localStorage.setItem(window.location.href, "true");
+      setEdited(true);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    document.title = TITLE$7;
+    setEdited(false);
+    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
+  }, []);
+  React.useEffect(function () {
+    !!id && getData();
+  }, [id]);
+  var getData = React.useCallback(function () {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -6721,22 +6813,14 @@ var useUserList = function useUserList() {
       dispatch(setLoading(true));
 
       var _temp4 = _catch(function () {
-        return Promise.resolve(fullName ? get$5(_extends({}, filters, {
-          searchString: fullName
-        })) : get$5(filters)).then(function (res) {
-          var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
-
-          for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
-            var user = _step.value;
-            user.roles = user.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : user.roles;
-          }
+        return Promise.resolve(getById$3(id)).then(function (res) {
+          var _res$data;
 
-          dispatch(setUserList({
-            userList: items,
-            totalItems: totalItems
+          setUserDetail(_extends({}, res.data, {
+            dateOfBirth: dateFns.format(new Date(res.data.dateOfBirth), DATE_FORMAT),
+            roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
           }));
+          document.title = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.fullName;
         });
       }, function (err) {
         var _err$response, _err$response$data;
@@ -6751,450 +6835,39 @@ var useUserList = function useUserList() {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [dispatch, filters]);
-  React.useEffect(function () {
-    document.title = TITLE$7;
+  }, [id]);
+  var backToList = React.useCallback(function (user) {
+    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
   }, []);
-  React.useEffect(function () {
-    if (!!fullName) {
-      getData(fullName);
-      setFullName(null);
-    } else {
-      getData();
-    }
-  }, [filters]);
-  var removeData = React.useCallback(function (id) {
-    dispatch(setLoading(true));
-
+  var confirmData = React.useCallback(function (data) {
     try {
-      dispatch(setModal({
-        isOpen: true,
-        type: "warning",
-        message: "Do you want to remove this user?",
-        onConfirm: function () {
-          try {
-            return Promise.resolve(remove$3(id)).then(function () {
-              dispatch(setAlert({
-                type: "success",
-                message: "Remove user successfully"
-              }));
-              changeFilters({
-                currentPage: 1
-              });
-            });
-          } catch (e) {
-            return Promise.reject(e);
-          }
-        }
-      }));
-    } catch (err) {
-      var _err$response2, _err$response2$data;
+      var _temp9 = function _temp9() {
+        dispatch(setLoading(false));
+      };
 
-      dispatch(setAlert({
-        type: "danger",
-        message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
-      }));
-    }
+      dispatch(setLoading(true));
 
-    dispatch(setLoading(false));
-  }, [filters]);
+      var _temp10 = _catch(function () {
+        function _temp6() {
+          var next = !!id ? update$5 : create$5;
+          !id && delete data.id;
+          return Promise.resolve(next(data)).then(function (result) {
+            if (!!result) {
+              getById$3(result.data.id).then(function (e) {
+                backToList(e.data.fullName);
+              });
+            }
 
-  var reDirectDetailPage = function reDirectDetailPage(id) {
-    var url = !!id ? USER_URL$2 + "/" + id : CREATE_USER_URL;
-    history.push(url);
-  };
+            if (!id) {
+              alert("Password of " + result.data.email + " is " + ("\"" + result.data.password + "\""));
+            }
 
-  return {
-    userList: userList,
-    totalItems: totalItems,
-    filters: filters,
-    queryName: queryName,
-    getData: getData,
-    removeData: removeData,
-    changeFilters: changeFilters,
-    reDirectDetailPage: reDirectDetailPage
-  };
-};
-
-var SearchBox = function SearchBox(_ref) {
-  var initValue = _ref.initValue,
-      onSearch = _ref.onSearch,
-      placeholder = _ref.placeholder,
-      className = _ref.className,
-      style = _ref.style;
-
-  var _useState = React.useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
-
-  React.useEffect(function () {
-    setSearchString(initValue);
-  }, [initValue]);
-  var onKeyUp = React.useCallback(function (e) {
-    e.key === "Enter" && onSearch(searchString);
-  }, [searchString, onSearch]);
-  return React__default.createElement(reactstrap.Input, {
-    placeholder: placeholder,
-    value: searchString,
-    onChange: function onChange(e) {
-      return setSearchString(e.target.value);
-    },
-    onKeyUp: onKeyUp,
-    className: className,
-    style: style
-  });
-};
-
-SearchBox.defaultProps = {
-  placeholder: "Type something to search",
-  className: "",
-  style: {}
-};
-var SearchBox$1 = React.memo(SearchBox);
-
-var searchInputStyle = {
-  height: 38
-};
-
-var SearchBoxContainer = function SearchBoxContainer(_ref) {
-  var text = _ref.text,
-      initValue = _ref.initValue,
-      onClick = _ref.onClick,
-      onSearch = _ref.onSearch,
-      placeholder = _ref.placeholder;
-  return React__default.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React__default.createElement("div", null, React__default.createElement(AddButton, {
-    text: text,
-    onClick: onClick
-  })), React__default.createElement("div", {
-    className: "flex-grow-1 ml-2"
-  }, React__default.createElement(SearchBox$1, {
-    initValue: initValue,
-    onSearch: onSearch,
-    placeholder: placeholder,
-    style: searchInputStyle
-  })));
-};
-
-SearchBoxContainer.defaultProps = {
-  placeholder: "Type something to search"
-};
-
-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 header$2 = "User";
-
-var UserList = function UserList() {
-  var _useUserList = useUserList(),
-      queryName = _useUserList.queryName,
-      userList = _useUserList.userList,
-      totalItems = _useUserList.totalItems,
-      filters = _useUserList.filters,
-      removeData = _useUserList.removeData,
-      changeFilters = _useUserList.changeFilters,
-      reDirectDetailPage = _useUserList.reDirectDetailPage;
-
-  var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-
-  return React__default.createElement("div", {
-    className: "fadeIn animated"
-  }, React__default.createElement("h5", {
-    className: "mb-2"
-  }, t("" + header$2)), React__default.createElement(reactstrap.Row, {
-    className: "my-2"
-  }, React__default.createElement(reactstrap.Col, {
-    md: 8
-  }, React__default.createElement(SearchBoxContainer, {
-    text: t("create_user"),
-    onClick: function onClick() {
-      return reDirectDetailPage();
-    },
-    initValue: !!queryName ? queryName : "",
-    onSearch: function onSearch(searchString) {
-      return changeFilters({
-        searchString: searchString
-      });
-    },
-    placeholder: t("type_something_to_search_by_user_name")
-  })), React__default.createElement(reactstrap.Col, {
-    md: 4,
-    className: "d-flex justify-content-end align-items-center"
-  }, t("total_of_users"), " : ", totalItems)), React__default.createElement(reactstrap.Row, {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Col, {
-    md: 12
-  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
-    bordered: true,
-    hover: true,
-    striped: true,
-    responsive: true,
-    size: "sm"
-  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top"
-  }, t("name")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("email")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("age")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("role")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("active_status")), React__default.createElement("th", {
-    className: "align-top"
-  }, t("created_time")), React__default.createElement("th", {
-    className: "text-center"
-  }, t("action")))), React__default.createElement("tbody", null, userList.map(function (record) {
-    return React__default.createElement("tr", {
-      key: record.id
-    }, React__default.createElement("td", {
-      className: "align-middle"
-    }, React__default.createElement(LinkEditButton, {
-      label: "" + record.fullName,
-      onClick: function onClick() {
-        return reDirectDetailPage(record.id);
-      }
-    })), React__default.createElement("td", {
-      className: "align-middle"
-    }, record.email), React__default.createElement("td", {
-      className: "align-middle"
-    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React__default.createElement("td", {
-      className: "align-middle"
-    }, !!record.roles && record.roles.join(", ")), React__default.createElement("td", {
-      className: "align-middle"
-    }, record.isActive ? t("active") : t("inactive")), React__default.createElement("td", {
-      className: "align-middle"
-    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
-      className: "text-center align-middle"
-    }, React__default.createElement(DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeData(record.id);
-      }
-    })));
-  })))) : React__default.createElement(EmptyDataAlert, {
-    label: t("user")
-  })), React__default.createElement(reactstrap.Col, {
-    md: 12
-  }, React__default.createElement(CustomPagination, {
-    filters: filters,
-    totalRecordCount: totalItems,
-    changePageSize: function changePageSize(pageSize) {
-      return changeFilters({
-        pageSize: pageSize
-      });
-    },
-    changePage: function changePage(currentPage) {
-      return changeFilters({
-        currentPage: currentPage
-      });
-    }
-  }))));
-};
-
-var MAX_FILE_SIZE = 20097152;
-
-var UploadFileButton = function UploadFileButton(_ref) {
-  var fileName = _ref.fileName,
-      maxWidth = _ref.maxWidth,
-      maxHeight = _ref.maxHeight,
-      setFile = _ref.setFile,
-      canDelete = _ref.canDelete,
-      onDelete = _ref.onDelete,
-      isCheckFeedBack = _ref.isCheckFeedBack,
-      onAddImage = _ref.onAddImage;
-  var dispatch = reactRedux.useDispatch();
-
-  var _useState = React.useState(""),
-      imagePreviewUrl = _useState[0],
-      setImagePreviewUrl = _useState[1];
-
-  var imageStyle = {
-    maxWidth: maxWidth || "100%",
-    maxHeight: maxHeight || "100%"
-  };
-  var imageSrc = imagePreviewUrl || getFileUrl(fileName);
-
-  var handleImageChange = function handleImageChange(e) {
-    e.preventDefault();
-    var reader = new FileReader();
-    var newFile = e.target.files[0];
-
-    if (newFile.size > MAX_FILE_SIZE) {
-      dispatch(setAlert({
-        type: "danger",
-        message: "File can't be larger than 2MB"
-      }));
-      return;
-    }
-
-    reader.onloadend = function () {
-      setFile(newFile);
-      setImagePreviewUrl(reader.result);
-    };
-
-    if (newFile) {
-      reader.readAsDataURL(newFile);
-    }
-
-    !!onAddImage && onAddImage();
-  };
-
-  var imagePreviewContainer = imagePreviewUrl || fileName ? React__default.createElement("img", {
-    style: imageStyle,
-    src: imageSrc,
-    alt: "image"
-  }) : null;
-  return React__default.createElement("div", {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Form, {
-    className: "mb-2"
-  }, React__default.createElement(reactstrap.Input, {
-    className: "d-none",
-    type: "file",
-    id: "uploadFile",
-    onChange: handleImageChange,
-    accept: "image/*"
-  }), React__default.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React__default.createElement(reactstrap.Label, {
-    htmlFor: "uploadFile",
-    role: "button",
-    tabIndex: 0,
-    className: styles["input-file-label"]
-  }, isCheckFeedBack == true ? React__default.createElement(md.MdAttachFile, null) : React__default.createElement(React__default.Fragment, null, React__default.createElement("i", {
-    className: "fa fa-paperclip mr-1",
-    "aria-hidden": "true"
-  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React__default.createElement(reactstrap.Button, {
-    size: "sm",
-    color: "danger",
-    className: styles["delete-avatar-button"] + " ml-2 d-flex align-items-center justify-content-center",
-    onClick: function onClick() {
-      setImagePreviewUrl(null);
-      onDelete && onDelete();
-    }
-  }, React__default.createElement(fa.FaTrashAlt, null)))), imagePreviewContainer);
-};
-
-var initValue$3 = {
-  id: "",
-  firstName: "",
-  lastName: "",
-  email: "",
-  dateOfBirth: "",
-  roles: [],
-  isActive: true,
-  profileImageFileName: ""
-};
-var USER_LIST_URL = "/admin/user";
-var TITLE$8 = "User detail";
-
-var useUserDetail = function useUserDetail(id) {
-  var dispatch = reactRedux.useDispatch();
-  var history = reactRouterDom.useHistory();
-
-  var _useState = React.useState(initValue$3),
-      userDetail = _useState[0],
-      setUserDetail = _useState[1];
-
-  var _useState2 = React.useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      edited = _useState3[0],
-      setEdited = _useState3[1];
-
-  var setEditedTrue = function setEditedTrue() {
-    try {
-      localStorage.setItem(window.location.href, "true");
-      setEdited(true);
-      return Promise.resolve();
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-
-  React.useEffect(function () {
-    document.title = TITLE$8;
-    setEdited(false);
-    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
-  }, []);
-  React.useEffect(function () {
-    !!id && getData();
-  }, [id]);
-  var getData = React.useCallback(function () {
-    try {
-      var _temp3 = function _temp3() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      var _temp4 = _catch(function () {
-        return Promise.resolve(getById$3(id)).then(function (res) {
-          var _res$data;
-
-          setUserDetail(_extends({}, res.data, {
-            dateOfBirth: dateFns.format(new Date(res.data.dateOfBirth), DATE_FORMAT),
-            roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
-          }));
-          document.title = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.fullName;
-        });
-      }, function (err) {
-        var _err$response, _err$response$data;
-
-        dispatch(setAlert({
-          type: "danger",
-          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
-        }));
-      });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [id]);
-  var backToList = React.useCallback(function (user) {
-    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
-  }, []);
-  var confirmData = React.useCallback(function (data) {
-    try {
-      var _temp9 = function _temp9() {
-        dispatch(setLoading(false));
-      };
-
-      dispatch(setLoading(true));
-
-      var _temp10 = _catch(function () {
-        function _temp6() {
-          var next = !!id ? update$5 : create$5;
-          !id && delete data.id;
-          return Promise.resolve(next(data)).then(function (result) {
-            if (!!result) {
-              getById$3(result.data.id).then(function (e) {
-                backToList(e.data.fullName);
-              });
-            }
-
-            if (!id) {
-              alert("Password of " + result.data.email + " is " + ("\"" + result.data.password + "\""));
-            }
-
-            dispatch(setAlert({
-              type: "success",
-              message: (!!id ? "Update" : "Create") + " user successfully"
-            }));
-          });
-        }
+            dispatch(setAlert({
+              type: "success",
+              message: (!!id ? "Update" : "Create") + " user successfully"
+            }));
+          });
+        }
 
         var _temp5 = function () {
           if (!!file) {
@@ -7392,13 +7065,13 @@ var UserDetail = function UserDetail() {
         return;
       }
 
-      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR].includes(role)) {
+      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER].includes(role)) {
         setFieldValue("roles", [role]);
         return;
       }
 
       var teacherAssistantRoles = values.roles.filter(function (item) {
-        return ![ROLES.STUDENT, ROLES.ADMIN, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR].includes(item);
+        return ![ROLES.STUDENT, ROLES.ADMIN, ROLES.PARENT, ROLES.EDUTEACHER].includes(item);
       });
       setFieldValue("roles", [].concat(teacherAssistantRoles, [role]));
     }, [values.roles]);
@@ -7788,6 +7461,42 @@ var CreatableSelector = function CreatableSelector(props) {
   });
 };
 
+var SearchBox = function SearchBox(_ref) {
+  var initValue = _ref.initValue,
+      onSearch = _ref.onSearch,
+      placeholder = _ref.placeholder,
+      className = _ref.className,
+      style = _ref.style;
+
+  var _useState = React.useState(initValue),
+      searchString = _useState[0],
+      setSearchString = _useState[1];
+
+  React.useEffect(function () {
+    setSearchString(initValue);
+  }, [initValue]);
+  var onKeyUp = React.useCallback(function (e) {
+    e.key === "Enter" && onSearch(searchString);
+  }, [searchString, onSearch]);
+  return React__default.createElement(reactstrap.Input, {
+    placeholder: placeholder,
+    value: searchString,
+    onChange: function onChange(e) {
+      return setSearchString(e.target.value);
+    },
+    onKeyUp: onKeyUp,
+    className: className,
+    style: style
+  });
+};
+
+SearchBox.defaultProps = {
+  placeholder: "Type something to search",
+  className: "",
+  style: {}
+};
+var SearchBox$1 = React.memo(SearchBox);
+
 var QuestionTypeSelector = function QuestionTypeSelector(props) {
   var id = props.id;
   var initValue = !!id ? QUESTION_TYPES_OPTIONS.find(function (option) {
@@ -8008,13 +7717,23 @@ 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,
   searchString: "",
   isRead: false
 };
-var TITLE$9 = "Notification list";
+var TITLE$8 = "Notification list";
 var NOTIFICATION_CHANNEL$1 = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION$1 = "NEW_NOTIFICATION";
 
@@ -8054,7 +7773,7 @@ var useNotificationList = function useNotificationList() {
   };
 
   var viewNotification = function viewNotification(notification) {
-    var _JSON$parse, _JSON$parse2, _extraData$replace, _extraData$replace$sp, _extraData$replace2, _extraData$replace2$s, _extraData$replace3, _extraData$replace3$s, _JSON$parse3, _JSON$parse4, _JSON$parse5, _JSON$parse6;
+    var _JSON$parse, _JSON$parse2, _JSON$parse3, _JSON$parse4, _JSON$parse5, _JSON$parse6, _JSON$parse7, _JSON$parse8, _JSON$parse9, _JSON$parse10;
 
     var source = notification.source,
         extraData = notification.extraData;
@@ -8069,23 +7788,23 @@ var useNotificationList = function useNotificationList() {
         break;
 
       case "Class Reflection":
-        window.open("/start-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace === void 0 ? void 0 : (_extraData$replace$sp = _extraData$replace.split(',')) === null || _extraData$replace$sp === void 0 ? void 0 : _extraData$replace$sp[1]));
+        window.open("/start-reflection/" + ((_JSON$parse3 = JSON.parse(extraData)) === null || _JSON$parse3 === void 0 ? void 0 : _JSON$parse3[0]) + "/" + ((_JSON$parse4 = JSON.parse(extraData)) === null || _JSON$parse4 === void 0 ? void 0 : _JSON$parse4[1]));
         break;
 
       case "Class Reflection Completed":
-        window.open("/result-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace2 = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace2 === void 0 ? void 0 : (_extraData$replace2$s = _extraData$replace2.split(',')) === null || _extraData$replace2$s === void 0 ? void 0 : _extraData$replace2$s[1]));
+        window.open("/result-reflection/" + ((_JSON$parse5 = JSON.parse(extraData)) === null || _JSON$parse5 === void 0 ? void 0 : _JSON$parse5[1]));
         break;
 
       case "External Reflection Completed":
-        window.open("/result-reflection/" + (extraData === null || extraData === void 0 ? void 0 : (_extraData$replace3 = extraData.replace(/[\[\]]/g, '')) === null || _extraData$replace3 === void 0 ? void 0 : (_extraData$replace3$s = _extraData$replace3.split(',')) === null || _extraData$replace3$s === void 0 ? void 0 : _extraData$replace3$s[1]) + "/external");
+        window.open("/result-reflection/" + ((_JSON$parse6 = JSON.parse(extraData)) === null || _JSON$parse6 === void 0 ? void 0 : _JSON$parse6[1]) + "/external");
         break;
 
       case "NewSessionCreated":
-        window.open("/start-question/" + ((_JSON$parse3 = JSON.parse(extraData)) === null || _JSON$parse3 === void 0 ? void 0 : _JSON$parse3[0]) + "/" + ((_JSON$parse4 = JSON.parse(extraData)) === null || _JSON$parse4 === void 0 ? void 0 : _JSON$parse4[1]));
+        window.open("/start-question/" + ((_JSON$parse7 = JSON.parse(extraData)) === null || _JSON$parse7 === void 0 ? void 0 : _JSON$parse7[0]) + "/" + ((_JSON$parse8 = JSON.parse(extraData)) === null || _JSON$parse8 === void 0 ? void 0 : _JSON$parse8[1]));
         break;
 
       case "NewSessionComplete":
-        window.open("/start-question/" + ((_JSON$parse5 = JSON.parse(extraData)) === null || _JSON$parse5 === void 0 ? void 0 : _JSON$parse5[0]) + "/" + ((_JSON$parse6 = JSON.parse(extraData)) === null || _JSON$parse6 === void 0 ? void 0 : _JSON$parse6[1]));
+        window.open("/start-question/" + ((_JSON$parse9 = JSON.parse(extraData)) === null || _JSON$parse9 === void 0 ? void 0 : _JSON$parse9[0]) + "/" + ((_JSON$parse10 = JSON.parse(extraData)) === null || _JSON$parse10 === void 0 ? void 0 : _JSON$parse10[1]));
         break;
 
       case "ActionPointReminder":
@@ -8139,7 +7858,7 @@ var useNotificationList = function useNotificationList() {
     }
   }, [filters]);
   React.useEffect(function () {
-    document.title = TITLE$9;
+    document.title = TITLE$8;
   }, []);
   React.useEffect(function () {
     getData();
@@ -8224,7 +7943,7 @@ var useNotificationList = function useNotificationList() {
   };
 };
 
-var header$3 = "Notification list";
+var header$2 = "Notification list";
 var ICON_SIZE = 20;
 
 var NotificationList = function NotificationList() {
@@ -8245,7 +7964,7 @@ var NotificationList = function NotificationList() {
     }
   }, React__default.createElement("h5", {
     className: "mb-2"
-  }, header$3), React__default.createElement(reactstrap.Row, {
+  }, header$2), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -8345,6 +8064,35 @@ var NotificationList = function NotificationList() {
   }))));
 };
 
+var searchInputStyle = {
+  height: 38
+};
+
+var SearchBoxContainer = function SearchBoxContainer(_ref) {
+  var text = _ref.text,
+      initValue = _ref.initValue,
+      onClick = _ref.onClick,
+      onSearch = _ref.onSearch,
+      placeholder = _ref.placeholder;
+  return React__default.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React__default.createElement("div", null, React__default.createElement(AddButton, {
+    text: text,
+    onClick: onClick
+  })), React__default.createElement("div", {
+    className: "flex-grow-1 ml-2"
+  }, React__default.createElement(SearchBox$1, {
+    initValue: initValue,
+    onSearch: onSearch,
+    placeholder: placeholder,
+    style: searchInputStyle
+  })));
+};
+
+SearchBoxContainer.defaultProps = {
+  placeholder: "Type something to search"
+};
+
 var CustomTabs = function CustomTabs(props) {
   var history = reactRouterDom.useHistory();
   var location = reactRouterDom.useLocation();
@@ -8749,7 +8497,7 @@ var get$8 = function get(filter) {
   });
 };
 
-var TITLE$a = "Gallery";
+var TITLE$9 = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
@@ -8986,7 +8734,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
     }
   }, [dispatch, filters]);
   React.useEffect(function () {
-    document.title = TITLE$a;
+    document.title = TITLE$9;
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
@@ -9178,7 +8926,7 @@ var MediaDetail = function MediaDetail(_ref) {
 
 var MediaDetail$1 = React__default.memo(MediaDetail);
 
-var header$4 = "Gallery";
+var header$3 = "Gallery";
 
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
@@ -9189,7 +8937,7 @@ var GalleryList = function GalleryList(_ref) {
     className: "fadeIn animated"
   }, !isLibrary && React__default.createElement("h5", {
     className: "mb-2"
-  }, header$4), React__default.createElement(reactstrap.Row, {
+  }, header$3), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
     md: 8
@@ -9813,6 +9561,9 @@ var commonReducer$8 = toolkit.createReducer(initialState$e, function (builder) {
   });
 });
 
+var setUserList = toolkit.createAction("users/setUserList");
+var setStudentList = toolkit.createAction("users/setStudentList");
+
 var initialState$f = {
   userList: [],
   totalItems: 0,
@@ -10392,133 +10143,483 @@ var widgetReducer = toolkit.createReducer(initialState$y, function (builder) {
 
 var setBandScoreList = toolkit.createAction("bandScores/setBandScoreList");
 
-var initialState$z = {
-  bandScoreList: [],
-  totalItems: 0
-};
-var commonReducer$h = toolkit.createReducer(initialState$z, function (builder) {
-  builder.addCase(setBandScoreList, function (state, action) {
-    state.bandScoreList = action.payload.bandScoreList;
-    state.totalItems = action.payload.totalItems;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$z;
-  });
-});
+var initialState$z = {
+  bandScoreList: [],
+  totalItems: 0
+};
+var commonReducer$h = toolkit.createReducer(initialState$z, function (builder) {
+  builder.addCase(setBandScoreList, function (state, action) {
+    state.bandScoreList = action.payload.bandScoreList;
+    state.totalItems = action.payload.totalItems;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$z;
+  });
+});
+
+var setSchoolBlankDayList = toolkit.createAction("schoolBlankDays/setSchoolBlankDayList");
+
+var initialState$A = {
+  schoolBlankDayList: [],
+  totalItems: 0
+};
+var commonReducer$i = toolkit.createReducer(initialState$A, function (builder) {
+  builder.addCase(setSchoolBlankDayList, function (state, action) {
+    state.schoolBlankDayList = action.payload.schoolBlankDayList;
+    state.totalItems = action.payload.totalItems;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$A;
+  });
+});
+
+var setStudentIdSelectedByTeacher = toolkit.createAction("navMobile/setStudentIdSelectedByTeacher");
+
+var initialState$B = {
+  studentIdSelectedByTeacher: 0
+};
+var navMobileReducer = toolkit.createReducer(initialState$B, function (builder) {
+  builder.addCase(setStudentIdSelectedByTeacher, function (state, action) {
+    state.studentIdSelectedByTeacher = action.payload;
+  }).addCase(reset, function (_state, _action) {
+    return initialState$B;
+  });
+});
+
+var rootReducer = combineReducers({
+  common: commonReducer,
+  classes: classReducer,
+  conferenceRubrics: conferenceRubricReducer,
+  faqs: commonReducer$1,
+  skills: commonReducer$2,
+  emailTemplate: emailTemplateReducer,
+  suggestionBank: suggestionBankReducer,
+  learningStrategy: learningStrategyReducer,
+  subjects: commonReducer$3,
+  learningSupportCategories: commonReducer$4,
+  questionBank: questionBankReducer,
+  badges: commonReducer$5,
+  semester: commonReducer$6,
+  goalExamples: commonReducer$8,
+  users: commonReducer$9,
+  reflections: reflectionReducer,
+  reflectionResults: reflectionReducer$1,
+  feedbacks: commonReducer$a,
+  assessments: commonReducer$b,
+  questionByCategory: questionCategoryReducer,
+  mailCategory: questionBankReducer$1,
+  questionCate: questionCateReducer,
+  notification: questionBankReducer$2,
+  myStudent: commonReducer$c,
+  assignments: commonReducer$7,
+  assistants: assistantReducer,
+  sesstionTemplates: sessionTemplateReducer,
+  sessionTemplateGeneralClasses: sessionTemplateGeneralClassReducer,
+  tutorialScreens: tutorialScreenReducer,
+  customAlerts: commonReducer$d,
+  gallery: commonReducer$e,
+  dashboard: dashboardReducer,
+  sessionPlayer: sessionPlayerReducer,
+  dataPlayer: dataPlayer,
+  certificate: commonReducer$f,
+  improveMyClass: commonReducer$g,
+  widget: widgetReducer,
+  bandScores: commonReducer$h,
+  schoolBlankDays: commonReducer$i,
+  navMobileReducer: navMobileReducer
+});
+
+var store = toolkit.configureStore({
+  reducer: rootReducer,
+  middleware: function middleware(getDefaultMiddleware) {
+    return getDefaultMiddleware({
+      serializableCheck: false
+    }).concat(logger);
+  }
+});
+
+var isInViewport = function isInViewport(el) {
+  var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
+  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+};
+
+var debounce = function debounce(callback, wait) {
+  var timeout = null;
+  return function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    var next = function next() {
+      return callback.apply(void 0, args);
+    };
+
+    clearTimeout(timeout);
+    timeout = setTimeout(next, wait);
+  };
+};
+
+var getTextFromHTML = function getTextFromHTML(htmlString) {
+  var p = document.createElement("p");
+  p.innerHTML = htmlString;
+  var text = p.innerText;
+  p.remove();
+  return text;
+};
+
+var generateRandomString = (function () {
+  return (Math.random() + 1).toString(36).substring(7);
+});
+
+var amplitudeClient = amplitude.getInstance();
+
+var USER_URL$2 = "/admin/user";
+var CREATE_USER_URL = "/admin/create-user";
+var TITLE$a = "User list";
+var HOMEPAGE_TEACHER$1 = "/home";
+var HOMEPAGE_STUDENT$1 = "/home";
+var HOMEPAGE_ADMIN$1 = "/admin/dashboard";
+var HOMEPAGE_PARENT$1 = "/parent";
+var HOMEPAGE_DISTRICT$1 = "/admin/schools";
+var HOMEPAGE_EDU_TEACHER$1 = "/list-student";
+
+var useUserList = function useUserList() {
+  var history = reactRouterDom.useHistory();
+  var query = new URLSearchParams(location.search);
+  var queryName = query.get("query");
+  var userList = reactRedux.useSelector(function (state) {
+    return state.users.userList;
+  });
+  var totalItems = reactRedux.useSelector(function (state) {
+    return state.users.totalItems;
+  });
+
+  var _useFilters = useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState = React.useState(!!queryName ? queryName : ""),
+      fullName = _useState[0],
+      setFullName = _useState[1];
+
+  var isDistrict = window.location.host.includes("-district");
+  var dispatch = reactRedux.useDispatch();
+  var getData = React.useCallback(function (fullName) {
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(fullName ? get$5(_extends({}, filters, {
+          searchString: fullName
+        })) : get$5(filters)).then(function (res) {
+          var _res$data = res.data,
+              items = _res$data.items,
+              totalItems = _res$data.totalItems;
+
+          for (var _iterator = _createForOfIteratorHelperLoose(items), _step; !(_step = _iterator()).done;) {
+            var user = _step.value;
+            user.roles = user.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : user.roles;
+          }
+
+          dispatch(setUserList({
+            userList: items,
+            totalItems: totalItems
+          }));
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [dispatch, filters]);
+  React.useEffect(function () {
+    document.title = TITLE$a;
+  }, []);
+  React.useEffect(function () {
+    if (!!fullName) {
+      getData(fullName);
+      setFullName(null);
+    } else {
+      getData();
+    }
+  }, [filters]);
+  var removeData = React.useCallback(function (id) {
+    dispatch(setLoading(true));
+
+    try {
+      dispatch(setModal({
+        isOpen: true,
+        type: "warning",
+        message: "Do you want to remove this user?",
+        onConfirm: function () {
+          try {
+            return Promise.resolve(remove$3(id)).then(function () {
+              dispatch(setAlert({
+                type: "success",
+                message: "Remove user successfully"
+              }));
+              changeFilters({
+                currentPage: 1
+              });
+            });
+          } catch (e) {
+            return Promise.reject(e);
+          }
+        }
+      }));
+    } catch (err) {
+      var _err$response2, _err$response2$data;
+
+      dispatch(setAlert({
+        type: "danger",
+        message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+      }));
+    }
+
+    dispatch(setLoading(false));
+  }, [filters]);
 
-var setSchoolBlankDayList = toolkit.createAction("schoolBlankDays/setSchoolBlankDayList");
+  var redirectLoginUser = function redirectLoginUser(res) {
+    var _res$data2 = res.data,
+        token = _res$data2.token,
+        id = _res$data2.id,
+        firstName = _res$data2.firstName,
+        lastName = _res$data2.lastName,
+        roles = _res$data2.roles,
+        email = _res$data2.email,
+        profileImageFileName = _res$data2.profileImageFileName;
+    localStorage.setItem(ACCESS_TOKEN, token);
+    localStorage.removeItem(NOTIFICATION_ALERT_KEY);
+    dispatch(setUser({
+      id: id,
+      firstName: firstName,
+      lastName: lastName,
+      roles: roles,
+      email: email,
+      profileImageFileName: profileImageFileName
+    }));
 
-var initialState$A = {
-  schoolBlankDayList: [],
-  totalItems: 0
-};
-var commonReducer$i = toolkit.createReducer(initialState$A, function (builder) {
-  builder.addCase(setSchoolBlankDayList, function (state, action) {
-    state.schoolBlankDayList = action.payload.schoolBlankDayList;
-    state.totalItems = action.payload.totalItems;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$A;
-  });
-});
+    if (isDistrict) {
+      history.push(HOMEPAGE_DISTRICT$1);
+    } else if (roles.includes("Admin")) {
+      history.push(HOMEPAGE_ADMIN$1);
+    } else if (roles.includes("Teacher") || roles.includes("Assistant")) {
+      history.push(HOMEPAGE_TEACHER$1);
+    } else if (roles.includes("Student")) {
+      history.push(HOMEPAGE_STUDENT$1);
+    } else if (roles.includes("Parent")) {
+      history.push(HOMEPAGE_PARENT$1);
+    } else if (roles.includes("EduTeacher")) {
+      history.push(HOMEPAGE_EDU_TEACHER$1);
+    }
+  };
 
-var setStudentIdSelectedByTeacher = toolkit.createAction("navMobile/setStudentIdSelectedByTeacher");
+  var swicthUser = React.useCallback(function (id) {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(switchAccountUser(id)).then(function (res) {
+          var data = res.data;
+          dispatch(setModal({
+            isOpen: true,
+            type: "warning",
+            message: "Do you want to impersonate this user?",
+            onConfirm: function () {
+              try {
+                var _temp9 = function _temp9() {
+                  dispatch(setLoading(false));
+                };
 
-var initialState$B = {
-  studentIdSelectedByTeacher: 0
-};
-var navMobileReducer = toolkit.createReducer(initialState$B, function (builder) {
-  builder.addCase(setStudentIdSelectedByTeacher, function (state, action) {
-    state.studentIdSelectedByTeacher = action.payload;
-  }).addCase(reset, function (_state, _action) {
-    return initialState$B;
-  });
-});
+                dispatch(setLoading(true));
+
+                var _temp10 = _catch(function () {
+                  var req = {
+                    email: data.email,
+                    password: "default",
+                    accessToken: data.token
+                  };
+                  return Promise.resolve(logIn(req)).then(function (res) {
+                    localStorage.clear();
+                    redirectLoginUser(res);
+                  });
+                }, function (err) {
+                  var _err$response3, _err$response3$data;
 
-var rootReducer = combineReducers({
-  common: commonReducer,
-  classes: classReducer,
-  conferenceRubrics: conferenceRubricReducer,
-  faqs: commonReducer$1,
-  skills: commonReducer$2,
-  emailTemplate: emailTemplateReducer,
-  suggestionBank: suggestionBankReducer,
-  learningStrategy: learningStrategyReducer,
-  subjects: commonReducer$3,
-  learningSupportCategories: commonReducer$4,
-  questionBank: questionBankReducer,
-  badges: commonReducer$5,
-  semester: commonReducer$6,
-  goalExamples: commonReducer$8,
-  users: commonReducer$9,
-  reflections: reflectionReducer,
-  reflectionResults: reflectionReducer$1,
-  feedbacks: commonReducer$a,
-  assessments: commonReducer$b,
-  questionByCategory: questionCategoryReducer,
-  mailCategory: questionBankReducer$1,
-  questionCate: questionCateReducer,
-  notification: questionBankReducer$2,
-  myStudent: commonReducer$c,
-  assignments: commonReducer$7,
-  assistants: assistantReducer,
-  sesstionTemplates: sessionTemplateReducer,
-  sessionTemplateGeneralClasses: sessionTemplateGeneralClassReducer,
-  tutorialScreens: tutorialScreenReducer,
-  customAlerts: commonReducer$d,
-  gallery: commonReducer$e,
-  dashboard: dashboardReducer,
-  sessionPlayer: sessionPlayerReducer,
-  dataPlayer: dataPlayer,
-  certificate: commonReducer$f,
-  improveMyClass: commonReducer$g,
-  widget: widgetReducer,
-  bandScores: commonReducer$h,
-  schoolBlankDays: commonReducer$i,
-  navMobileReducer: navMobileReducer
-});
+                  setAlert({
+                    type: "danger",
+                    message: ((_err$response3 = err.response) === null || _err$response3 === void 0 ? void 0 : (_err$response3$data = _err$response3.data) === null || _err$response3$data === void 0 ? void 0 : _err$response3$data.title) || err.message
+                  });
+                });
 
-var store = toolkit.configureStore({
-  reducer: rootReducer,
-  middleware: function middleware(getDefaultMiddleware) {
-    return getDefaultMiddleware({
-      serializableCheck: false
-    }).concat(logger);
-  }
-});
+                return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+              } catch (e) {
+                return Promise.reject(e);
+              }
+            }
+          }));
+        });
+      }, function (err) {
+        var _err$response4, _err$response4$data;
 
-var isInViewport = function isInViewport(el) {
-  var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
-  return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-};
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response4 = err.response) === null || _err$response4 === void 0 ? void 0 : (_err$response4$data = _err$response4.data) === null || _err$response4$data === void 0 ? void 0 : _err$response4$data.title) || err.message
+        }));
+      });
 
-var debounce = function debounce(callback, wait) {
-  var timeout = null;
-  return function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
     }
+  }, [filters]);
 
-    var next = function next() {
-      return callback.apply(void 0, args);
-    };
+  var reDirectDetailPage = function reDirectDetailPage(id) {
+    var url = !!id ? USER_URL$2 + "/" + id : CREATE_USER_URL;
+    history.push(url);
+  };
 
-    clearTimeout(timeout);
-    timeout = setTimeout(next, wait);
+  return {
+    userList: userList,
+    totalItems: totalItems,
+    filters: filters,
+    queryName: queryName,
+    getData: getData,
+    removeData: removeData,
+    changeFilters: changeFilters,
+    reDirectDetailPage: reDirectDetailPage,
+    swicthUser: swicthUser
   };
 };
 
-var getTextFromHTML = function getTextFromHTML(htmlString) {
-  var p = document.createElement("p");
-  p.innerHTML = htmlString;
-  var text = p.innerText;
-  p.remove();
-  return text;
-};
+var header$4 = "User";
 
-var generateRandomString = (function () {
-  return (Math.random() + 1).toString(36).substring(7);
-});
+var UserList = function UserList() {
+  var _useUserList = useUserList(),
+      queryName = _useUserList.queryName,
+      userList = _useUserList.userList,
+      totalItems = _useUserList.totalItems,
+      filters = _useUserList.filters,
+      removeData = _useUserList.removeData,
+      changeFilters = _useUserList.changeFilters,
+      reDirectDetailPage = _useUserList.reDirectDetailPage,
+      swicthUser = _useUserList.swicthUser;
 
-var amplitudeClient = amplitude.getInstance();
+  var _useTranslation = reactI18next.useTranslation(),
+      t = _useTranslation.t;
+
+  return React__default.createElement("div", {
+    className: "fadeIn animated"
+  }, React__default.createElement("h5", {
+    className: "mb-2"
+  }, t("" + header$4)), React__default.createElement(reactstrap.Row, {
+    className: "my-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 8
+  }, React__default.createElement(SearchBoxContainer, {
+    text: t("create_user"),
+    onClick: function onClick() {
+      return reDirectDetailPage();
+    },
+    initValue: !!queryName ? queryName : "",
+    onSearch: function onSearch(searchString) {
+      return changeFilters({
+        searchString: searchString
+      });
+    },
+    placeholder: t("type_something_to_search_by_user_name")
+  })), React__default.createElement(reactstrap.Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), " : ", totalItems)), React__default.createElement(reactstrap.Row, {
+    className: "mb-2"
+  }, React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React__default.createElement("div", null, React__default.createElement(reactstrap.Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
+    className: "align-top"
+  }, t("name")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("email")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("age")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("role")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("active_status")), React__default.createElement("th", {
+    className: "align-top"
+  }, t("created_time")), React__default.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React__default.createElement("tbody", null, userList.map(function (record) {
+    return React__default.createElement("tr", {
+      key: record.id
+    }, React__default.createElement("td", {
+      className: "align-middle"
+    }, React__default.createElement(LinkEditButton, {
+      label: "" + record.fullName,
+      onClick: function onClick() {
+        return reDirectDetailPage(record.id);
+      }
+    })), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.email), React__default.createElement("td", {
+      className: "align-middle"
+    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React__default.createElement("td", {
+      className: "align-middle"
+    }, !!record.roles && record.roles.join(", ")), React__default.createElement("td", {
+      className: "align-middle"
+    }, record.isActive ? t("active") : t("inactive")), React__default.createElement("td", {
+      className: "align-middle"
+    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React__default.createElement("td", {
+      className: "text-center align-middle"
+    }, React__default.createElement(fa.FaUsersCog, {
+      style: {
+        fontSize: "18px",
+        marginRight: "10px",
+        cursor: "pointer"
+      },
+      onClick: function onClick() {
+        return swicthUser(record.id);
+      }
+    }), React__default.createElement(DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeData(record.id);
+      }
+    })));
+  })))) : React__default.createElement(EmptyDataAlert, {
+    label: t("user")
+  })), React__default.createElement(reactstrap.Col, {
+    md: 12
+  }, React__default.createElement(CustomPagination, {
+    filters: filters,
+    totalRecordCount: totalItems,
+    changePageSize: function changePageSize(pageSize) {
+      return changeFilters({
+        pageSize: pageSize
+      });
+    },
+    changePage: function changePage(currentPage) {
+      return changeFilters({
+        currentPage: currentPage
+      });
+    }
+  }))));
+};
+
+var amplitudeClient$1 = amplitude.getInstance();
 
 Object.defineProperty(exports, 'I18nextProvider', {
     enumerable: true,
@@ -10562,7 +10663,8 @@ exports.FaqList = FaqList;
 exports.FileInput = InputFile;
 exports.GOOGLE_RECAPTCHA_KEY = GOOGLE_RECAPTCHA_KEY;
 exports.GalleryList = GalleryList;
-exports.INIT_AMPLITUDE_KEY = INIT_AMPLITUDE_KEY;
+exports.INIT_AMPLITUDE_KEY_PROD = INIT_AMPLITUDE_KEY_PROD;
+exports.INIT_AMPLITUDE_KEY_STAGE = INIT_AMPLITUDE_KEY_STAGE;
 exports.Images = Images;
 exports.LICENSE_AGGRID = LICENSE_AGGRID;
 exports.LinkEditButton = LinkEditButton;
@@ -10597,7 +10699,7 @@ exports.UploadFileButton = UploadFileButton;
 exports.UserDetail = UserDetail;
 exports.UserList = UserList;
 exports.addTab = addTab;
-exports.amplitudeClient = amplitudeClient;
+exports.amplitudeClient = amplitudeClient$1;
 exports.answerQuestion = answerQuestion;
 exports.answerQuestionDataPlayer = answerQuestionDataPlayer;
 exports.api = api;
@@ -10618,6 +10720,7 @@ exports.getTextFromHTML = getTextFromHTML;
 exports.i18n = i18n;
 exports.initAmplitude = initAmplitude;
 exports.isInViewport = isInViewport;
+exports.isLocalhost = isLocalhost;
 exports.reset = reset;
 exports.setAlert = setAlert;
 exports.setAssessmentList = setAssessmentList;