mario-core 2.9.64-beta → 2.9.67-beta

package/dist/index.modern.js

@@ -20,11 +20,10 @@ import { CgMenuRight } from 'react-icons/cg';
 import { RiLogoutBoxRLine } from 'react-icons/ri';
 import Pusher from 'pusher-js/with-encryption';
 import { BsChevronDown } from 'react-icons/bs';
-import { FaPlus, FaTrashAlt, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload } from 'react-icons/fa';
+import { FaPlus, FaTrashAlt, FaRegEdit, FaArrowLeft, FaDownload, FaTrash, FaEdit, FaFolderPlus, FaFileUpload, FaUsersCog } from 'react-icons/fa';
 import { format } from 'date-fns';
 import { Editor } from '@tinymce/tinymce-react';
 import differenceInCalendarYears from 'date-fns/differenceInCalendarYears';
-import moment from 'moment';
 import DatePicker from 'react-datepicker';
 import toDate from 'date-fns/toDate';
 import { MdAttachFile } from 'react-icons/md';
@@ -32,6 +31,7 @@ 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";
@@ -70,7 +70,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";
@@ -216,7 +215,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";
@@ -278,7 +276,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";
@@ -578,7 +575,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,
@@ -618,7 +614,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,
@@ -766,7 +761,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,
@@ -830,7 +824,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,
@@ -1132,8 +1125,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";
@@ -1173,7 +1165,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";
@@ -1312,7 +1303,7 @@ var use_for$1 = "Use for";
 var admin_training$1 = "Admin training";
 var teacher_training$1 = "Teacher training";
 var created_time$1 = "Create time";
-var total_reflections$1 = "Total Reflections";
+var total_reflections$1 = "Total Reflections:";
 var student_training$1 = "Student training";
 var create_destination$1 = "Create Destination";
 var total_of_designation$1 = "Total of Designation";
@@ -1321,7 +1312,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";
@@ -1383,7 +1373,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";
@@ -1683,7 +1672,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,
@@ -1723,7 +1711,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,
@@ -1871,7 +1858,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,
@@ -1935,7 +1921,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,
@@ -2237,8 +2222,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";
@@ -2418,7 +2402,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",
@@ -2461,6 +2446,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"
@@ -2522,7 +2508,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";
@@ -2538,8 +2524,7 @@ var ROLES = {
   ASSISTANT: "Assistant",
   EDUTEACHER: "General ED teacher",
   STUDENT: "Student",
-  PARENT: "Parent",
-  COUNSELOR: "Counselor"
+  PARENT: "Parent"
 };
 var NOTIFICATION_ALERT_KEY = "NOTIFICATION_ALERT_KEY";
 
@@ -2771,7 +2756,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
             });
@@ -2794,7 +2779,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);
@@ -6655,13 +6640,94 @@ var SkillList = function SkillList() {
   }))));
 };
 
-var setUserList = createAction("users/setUserList");
-var setStudentList = 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 = useDispatch();
+
+  var _useState = 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.createElement("img", {
+    style: imageStyle,
+    src: imageSrc,
+    alt: "image"
+  }) : null;
+  return React.createElement("div", {
+    className: "mb-2"
+  }, React.createElement(Form, {
+    className: "mb-2"
+  }, React.createElement(Input, {
+    className: "d-none",
+    type: "file",
+    id: "uploadFile",
+    onChange: handleImageChange,
+    accept: "image/*"
+  }), React.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React.createElement(Label, {
+    htmlFor: "uploadFile",
+    role: "button",
+    tabIndex: 0,
+    className: styles["input-file-label"]
+  }, isCheckFeedBack == true ? React.createElement(MdAttachFile, null) : React.createElement(React.Fragment, null, React.createElement("i", {
+    className: "fa fa-paperclip mr-1",
+    "aria-hidden": "true"
+  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React.createElement(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.createElement(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
@@ -6677,7 +6743,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);
@@ -6685,32 +6751,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 = useDispatch();
   var history = useHistory();
-  var query = new URLSearchParams(location.search);
-  var queryName = query.get("query");
-  var userList = useSelector(function (state) {
-    return state.users.userList;
-  });
-  var totalItems = useSelector(function (state) {
-    return state.users.totalItems;
-  });
 
-  var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+  var _useState = useState(initValue$3),
+      userDetail = _useState[0],
+      setUserDetail = _useState[1];
 
-  var _useState = useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
+  var _useState2 = useState(null),
+      file = _useState2[0],
+      setFile = _useState2[1];
 
-  var dispatch = useDispatch();
-  var getData = useCallback(function (fullName) {
+  var _useState3 = 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);
+    }
+  };
+
+  useEffect(function () {
+    document.title = TITLE$7;
+    setEdited(false);
+    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
+  }, []);
+  useEffect(function () {
+    !!id && getData();
+  }, [id]);
+  var getData = useCallback(function () {
     try {
       var _temp3 = function _temp3() {
         dispatch(setLoading(false));
@@ -6719,22 +6811,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: 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;
@@ -6749,450 +6833,39 @@ var useUserList = function useUserList() {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [dispatch, filters]);
-  useEffect(function () {
-    document.title = TITLE$7;
+  }, [id]);
+  var backToList = useCallback(function (user) {
+    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
   }, []);
-  useEffect(function () {
-    if (!!fullName) {
-      getData(fullName);
-      setFullName(null);
-    } else {
-      getData();
-    }
-  }, [filters]);
-  var removeData = useCallback(function (id) {
-    dispatch(setLoading(true));
-
+  var confirmData = 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 = useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
-
-  useEffect(function () {
-    setSearchString(initValue);
-  }, [initValue]);
-  var onKeyUp = useCallback(function (e) {
-    e.key === "Enter" && onSearch(searchString);
-  }, [searchString, onSearch]);
-  return React.createElement(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 = 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.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React.createElement("div", null, React.createElement(AddButton, {
-    text: text,
-    onClick: onClick
-  })), React.createElement("div", {
-    className: "flex-grow-1 ml-2"
-  }, React.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 = useTranslation(),
-      t = _useTranslation.t;
-
-  return React.createElement("div", {
-    className: "fadeIn animated"
-  }, React.createElement("h5", {
-    className: "mb-2"
-  }, t("" + header$2)), React.createElement(Row, {
-    className: "my-2"
-  }, React.createElement(Col, {
-    md: 8
-  }, React.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.createElement(Col, {
-    md: 4,
-    className: "d-flex justify-content-end align-items-center"
-  }, t("total_of_users"), " : ", totalItems)), React.createElement(Row, {
-    className: "mb-2"
-  }, React.createElement(Col, {
-    md: 12
-  }, userList && userList.length > 0 ? React.createElement("div", null, React.createElement(Table, {
-    bordered: true,
-    hover: true,
-    striped: true,
-    responsive: true,
-    size: "sm"
-  }, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
-    className: "align-top"
-  }, t("name")), React.createElement("th", {
-    className: "align-top"
-  }, t("email")), React.createElement("th", {
-    className: "align-top"
-  }, t("age")), React.createElement("th", {
-    className: "align-top"
-  }, t("role")), React.createElement("th", {
-    className: "align-top"
-  }, t("active_status")), React.createElement("th", {
-    className: "align-top"
-  }, t("created_time")), React.createElement("th", {
-    className: "text-center"
-  }, t("action")))), React.createElement("tbody", null, userList.map(function (record) {
-    return React.createElement("tr", {
-      key: record.id
-    }, React.createElement("td", {
-      className: "align-middle"
-    }, React.createElement(LinkEditButton, {
-      label: "" + record.fullName,
-      onClick: function onClick() {
-        return reDirectDetailPage(record.id);
-      }
-    })), React.createElement("td", {
-      className: "align-middle"
-    }, record.email), React.createElement("td", {
-      className: "align-middle"
-    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React.createElement("td", {
-      className: "align-middle"
-    }, !!record.roles && record.roles.join(", ")), React.createElement("td", {
-      className: "align-middle"
-    }, record.isActive ? t("active") : t("inactive")), React.createElement("td", {
-      className: "align-middle"
-    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", {
-      className: "text-center align-middle"
-    }, React.createElement(DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeData(record.id);
-      }
-    })));
-  })))) : React.createElement(EmptyDataAlert, {
-    label: t("user")
-  })), React.createElement(Col, {
-    md: 12
-  }, React.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 = useDispatch();
-
-  var _useState = 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.createElement("img", {
-    style: imageStyle,
-    src: imageSrc,
-    alt: "image"
-  }) : null;
-  return React.createElement("div", {
-    className: "mb-2"
-  }, React.createElement(Form, {
-    className: "mb-2"
-  }, React.createElement(Input, {
-    className: "d-none",
-    type: "file",
-    id: "uploadFile",
-    onChange: handleImageChange,
-    accept: "image/*"
-  }), React.createElement("div", {
-    className: "d-flex align-items-center"
-  }, React.createElement(Label, {
-    htmlFor: "uploadFile",
-    role: "button",
-    tabIndex: 0,
-    className: styles["input-file-label"]
-  }, isCheckFeedBack == true ? React.createElement(MdAttachFile, null) : React.createElement(React.Fragment, null, React.createElement("i", {
-    className: "fa fa-paperclip mr-1",
-    "aria-hidden": "true"
-  }), imagePreviewUrl || fileName ? "Change file" : "Choose file")), canDelete && imagePreviewContainer && React.createElement(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.createElement(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 = useDispatch();
-  var history = useHistory();
-
-  var _useState = useState(initValue$3),
-      userDetail = _useState[0],
-      setUserDetail = _useState[1];
-
-  var _useState2 = useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
-
-  var _useState3 = 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);
-    }
-  };
-
-  useEffect(function () {
-    document.title = TITLE$8;
-    setEdited(false);
-    if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
-  }, []);
-  useEffect(function () {
-    !!id && getData();
-  }, [id]);
-  var getData = 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: 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 = useCallback(function (user) {
-    !!user && typeof user === "string" ? history.push(USER_LIST_URL + ("?query=" + user)) : history.push(USER_LIST_URL);
-  }, []);
-  var confirmData = 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) {
@@ -7390,13 +7063,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]);
@@ -7786,6 +7459,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 = useState(initValue),
+      searchString = _useState[0],
+      setSearchString = _useState[1];
+
+  useEffect(function () {
+    setSearchString(initValue);
+  }, [initValue]);
+  var onKeyUp = useCallback(function (e) {
+    e.key === "Enter" && onSearch(searchString);
+  }, [searchString, onSearch]);
+  return React.createElement(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 = memo(SearchBox);
+
 var QuestionTypeSelector = function QuestionTypeSelector(props) {
   var id = props.id;
   var initValue = !!id ? QUESTION_TYPES_OPTIONS.find(function (option) {
@@ -8006,13 +7715,23 @@ 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,
   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";
 
@@ -8052,7 +7771,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;
@@ -8067,23 +7786,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":
@@ -8137,7 +7856,7 @@ var useNotificationList = function useNotificationList() {
     }
   }, [filters]);
   useEffect(function () {
-    document.title = TITLE$9;
+    document.title = TITLE$8;
   }, []);
   useEffect(function () {
     getData();
@@ -8222,7 +7941,7 @@ var useNotificationList = function useNotificationList() {
   };
 };
 
-var header$3 = "Notification list";
+var header$2 = "Notification list";
 var ICON_SIZE = 20;
 
 var NotificationList = function NotificationList() {
@@ -8243,7 +7962,7 @@ var NotificationList = function NotificationList() {
     }
   }, React.createElement("h5", {
     className: "mb-2"
-  }, header$3), React.createElement(Row, {
+  }, header$2), React.createElement(Row, {
     className: "my-2"
   }, React.createElement(Col, {
     md: 8
@@ -8343,6 +8062,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.createElement("div", {
+    className: "d-flex align-items-center"
+  }, React.createElement("div", null, React.createElement(AddButton, {
+    text: text,
+    onClick: onClick
+  })), React.createElement("div", {
+    className: "flex-grow-1 ml-2"
+  }, React.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 = useHistory();
   var location = useLocation();
@@ -8747,7 +8495,7 @@ var get$8 = function get(filter) {
   });
 };
 
-var TITLE$a = "Gallery";
+var TITLE$9 = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
@@ -8984,7 +8732,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
     }
   }, [dispatch, filters]);
   useEffect(function () {
-    document.title = TITLE$a;
+    document.title = TITLE$9;
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
@@ -9176,7 +8924,7 @@ var MediaDetail = function MediaDetail(_ref) {
 
 var MediaDetail$1 = React.memo(MediaDetail);
 
-var header$4 = "Gallery";
+var header$3 = "Gallery";
 
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
@@ -9187,7 +8935,7 @@ var GalleryList = function GalleryList(_ref) {
     className: "fadeIn animated"
   }, !isLibrary && React.createElement("h5", {
     className: "mb-2"
-  }, header$4), React.createElement(Row, {
+  }, header$3), React.createElement(Row, {
     className: "mb-2"
   }, React.createElement(Col, {
     md: 8
@@ -9811,6 +9559,9 @@ var commonReducer$8 = createReducer(initialState$e, function (builder) {
   });
 });
 
+var setUserList = createAction("users/setUserList");
+var setStudentList = createAction("users/setStudentList");
+
 var initialState$f = {
   userList: [],
   totalItems: 0,
@@ -10390,133 +10141,489 @@ var widgetReducer = createReducer(initialState$y, function (builder) {
 
 var setBandScoreList = createAction("bandScores/setBandScoreList");
 
-var initialState$z = {
-  bandScoreList: [],
-  totalItems: 0
-};
-var commonReducer$h = 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 = 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 = createAction("schoolBlankDays/setSchoolBlankDayList");
+
+var initialState$A = {
+  schoolBlankDayList: [],
+  totalItems: 0
+};
+var commonReducer$i = 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 = createAction("navMobile/setStudentIdSelectedByTeacher");
+
+var initialState$B = {
+  studentIdSelectedByTeacher: 0
+};
+var navMobileReducer = 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 = 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 = useHistory();
+  var query = new URLSearchParams(location.search);
+  var queryName = query.get("query");
+  var userList = useSelector(function (state) {
+    return state.users.userList;
+  });
+  var totalItems = useSelector(function (state) {
+    return state.users.totalItems;
+  });
+
+  var _useFilters = useFilters(),
+      filters = _useFilters.filters,
+      changeFilters = _useFilters.changeFilters;
+
+  var _useState = useState(!!queryName ? queryName : ""),
+      fullName = _useState[0],
+      setFullName = _useState[1];
+
+  var isDistrict = window.location.host.includes("-district");
+  var dispatch = useDispatch();
+  var getData = 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]);
+  useEffect(function () {
+    document.title = TITLE$a;
+  }, []);
+  useEffect(function () {
+    if (!!fullName) {
+      getData(fullName);
+      setFullName(null);
+    } else {
+      getData();
+    }
+  }, [filters]);
+  var removeData = 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 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
+    }));
+
+    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 setSchoolBlankDayList = createAction("schoolBlankDays/setSchoolBlankDayList");
+  var swicthUser = useCallback(function (id) {
+    try {
+      var _temp7 = function _temp7() {
+        dispatch(setLoading(false));
+      };
 
-var initialState$A = {
-  schoolBlankDayList: [],
-  totalItems: 0
-};
-var commonReducer$i = 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;
-  });
-});
+      dispatch(setLoading(true));
 
-var setStudentIdSelectedByTeacher = createAction("navMobile/setStudentIdSelectedByTeacher");
+      var _temp8 = _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 _temp11 = function _temp11() {
+                  dispatch(setLoading(false));
+                };
 
-var initialState$B = {
-  studentIdSelectedByTeacher: 0
-};
-var navMobileReducer = 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 _temp12 = _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 = configureStore({
-  reducer: rootReducer,
-  middleware: function middleware(getDefaultMiddleware) {
-    return getDefaultMiddleware({
-      serializableCheck: false
-    }).concat(logger);
-  }
-});
+                return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+              } 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(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+    } 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 = useTranslation(),
+      t = _useTranslation.t;
+
+  return React.createElement("div", {
+    className: "fadeIn animated"
+  }, React.createElement("h5", {
+    className: "mb-2"
+  }, t("" + header$4)), React.createElement(Row, {
+    className: "my-2"
+  }, React.createElement(Col, {
+    md: 8
+  }, React.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.createElement(Col, {
+    md: 4,
+    className: "d-flex justify-content-end align-items-center"
+  }, t("total_of_users"), " : ", totalItems)), React.createElement(Row, {
+    className: "mb-2"
+  }, React.createElement(Col, {
+    md: 12
+  }, userList && userList.length > 0 ? React.createElement("div", null, React.createElement(Table, {
+    bordered: true,
+    hover: true,
+    striped: true,
+    responsive: true,
+    size: "sm"
+  }, React.createElement("thead", null, React.createElement("tr", null, React.createElement("th", {
+    className: "align-top"
+  }, t("name")), React.createElement("th", {
+    className: "align-top"
+  }, t("email")), React.createElement("th", {
+    className: "align-top"
+  }, t("age")), React.createElement("th", {
+    className: "align-top"
+  }, t("role")), React.createElement("th", {
+    className: "align-top"
+  }, t("active_status")), React.createElement("th", {
+    className: "align-top"
+  }, t("created_time")), React.createElement("th", {
+    className: "text-center"
+  }, t("action")))), React.createElement("tbody", null, userList.map(function (record) {
+    return React.createElement("tr", {
+      key: record.id
+    }, React.createElement("td", {
+      className: "align-middle"
+    }, React.createElement(LinkEditButton, {
+      label: "" + record.fullName,
+      onClick: function onClick() {
+        return reDirectDetailPage(record.id);
+      }
+    })), React.createElement("td", {
+      className: "align-middle"
+    }, record.email), React.createElement("td", {
+      className: "align-middle"
+    }, differenceInCalendarYears(new Date(), new Date(record.dateOfBirth))), React.createElement("td", {
+      className: "align-middle"
+    }, !!record.roles && record.roles.join(", ")), React.createElement("td", {
+      className: "align-middle"
+    }, record.isActive ? t("active") : t("inactive")), React.createElement("td", {
+      className: "align-middle"
+    }, utcToLocalTime(record === null || record === void 0 ? void 0 : record.createTime, "yyyy-MM-DD HH:mm")), React.createElement("td", {
+      className: "text-center align-middle"
+    }, React.createElement(FaUsersCog, {
+      style: {
+        fontSize: "18px",
+        marginRight: "10px",
+        cursor: "pointer"
+      },
+      onClick: function onClick() {
+        return swicthUser(record.id);
+      }
+    }), React.createElement(DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeData(record.id);
+      }
+    })));
+  })))) : React.createElement(EmptyDataAlert, {
+    label: t("user")
+  })), React.createElement(Col, {
+    md: 12
+  }, React.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();
 
-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_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, answerQuestion, answerQuestionDataPlayer, api, apiUpload, canAccess as canAccessRoute, changeNote, changeTags, clearTab, closeTab, debounce, editTab, editorConfig, firstCheckToken, generateRandomString, getFileUrl, getInfo, getTextFromHTML, i18n, initAmplitude, isInViewport, 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, 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 };
 //# sourceMappingURL=index.modern.js.map