npm - mario-core - Versions diffs - 2.9.122-role → 2.9.124-admin - Mend

mario-core 2.9.122-role → 2.9.124-admin

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/containers/Login/constant/type.d.ts +5 -0
package/dist/containers/Login/views/ModelSelectRole.d.ts +4 -0
package/dist/index.css +1 -13
package/dist/index.js +626 -1234
package/dist/index.js.map +1 -1
package/dist/index.modern.js +626 -1234
package/dist/index.modern.js.map +1 -1
package/dist/utils/amplitude.d.ts +1 -0
package/package.json +2 -1

package/dist/index.js CHANGED Viewed

@@ -34,6 +34,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');
+require('symbol-observable');
 var dashboard = "Dashboard";
 var user = "User";
@@ -622,7 +623,13 @@ var current_secondary_teacher_email = "Current Secondary Teacher Email";
 var remove_secondary_teacher = "Remove Secondary Teacher";
 var select_secondary_teacher_change = "Select Secondary Teacher Change";
 var filter_calendar = "Filter calendar";
+var average_student_safety = "Average Student Safety";
 var is_active = "Is Active";
+var top_5_most_used_strategies = "Top 5 most used strategies";
+var preparedness = "Preparedness";
+var average_student_stress = "Average Student Stress";
+var success_indicators = "Success Indicators";
+var learning_process = "Learning Process";
 var lang_us = {
 	dashboard: dashboard,
 	user: user,
@@ -1219,7 +1226,13 @@ var lang_us = {
 	remove_secondary_teacher: remove_secondary_teacher,
 	select_secondary_teacher_change: select_secondary_teacher_change,
 	filter_calendar: filter_calendar,
-	is_active: is_active
+	average_student_safety: average_student_safety,
+	is_active: is_active,
+	top_5_most_used_strategies: top_5_most_used_strategies,
+	preparedness: preparedness,
+	average_student_stress: average_student_stress,
+	success_indicators: success_indicators,
+	learning_process: learning_process
 };
 var dashboard$1 = "Dashboard";
@@ -1811,7 +1824,13 @@ var current_secondary_teacher_email$1 = "Current Secondary Teacher Email";
 var remove_secondary_teacher$1 = "Remove Secondary Teacher";
 var select_secondary_teacher_change$1 = "Select Secondary Teacher Change";
 var filter_calendar$1 = "Filter calendar";
+var average_student_safety$1 = "Average Student Safety";
 var is_active$1 = "Is Active";
+var top_5_most_used_strategies$1 = "Top 5 most used strategies";
+var preparedness$1 = "Preparedness";
+var average_student_stress$1 = "Average Student Stress";
+var success_indicators$1 = "Success Indicators";
+var learning_process$1 = "Learning Process";
 var lang_uk = {
 	dashboard: dashboard$1,
 	user: user$1,
@@ -2408,7 +2427,13 @@ var lang_uk = {
 	remove_secondary_teacher: remove_secondary_teacher$1,
 	select_secondary_teacher_change: select_secondary_teacher_change$1,
 	filter_calendar: filter_calendar$1,
-	is_active: is_active$1
+	average_student_safety: average_student_safety$1,
+	is_active: is_active$1,
+	top_5_most_used_strategies: top_5_most_used_strategies$1,
+	preparedness: preparedness$1,
+	average_student_stress: average_student_stress$1,
+	success_indicators: success_indicators$1,
+	learning_process: learning_process$1
 };
 var DEFAULT_LANGUAGE = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "uk";
@@ -2456,7 +2481,6 @@ var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-in
 var style = {
   fontSize: "0.85rem"
 };
 var ErrorHandler = function ErrorHandler(_ref) {
   var text = _ref.text;
   return React__default.createElement("p", {
@@ -2481,11 +2505,10 @@ var eyeIconStyle = {
   position: "absolute",
   right: "10px"
 };
 var PasswordInput = function PasswordInput(_ref) {
   var isShowPassword = _ref.isShowPassword,
-      togglePasswordVisible = _ref.togglePasswordVisible,
-      onChange = _ref.onChange;
+    togglePasswordVisible = _ref.togglePasswordVisible,
+    onChange = _ref.onChange;
   return React__default.createElement("div", {
     className: "d-flex align-items-center w-100",
     style: containerStyle
@@ -2508,42 +2531,34 @@ var PasswordInput = function PasswordInput(_ref) {
 };
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
     return target;
   };
   return _extends.apply(this, arguments);
 }
 function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure undefined");
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
 }
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
   return target;
 }
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -2552,38 +2567,28 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
   return arr2;
 }
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it;
-  if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-      if (it) o = it;
-      var i = 0;
-      return function () {
-        if (i >= o.length) return {
-          done: true
-        };
-        return {
-          done: false,
-          value: o[i++]
-        };
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+  if (it) return (it = it.call(o)).next.bind(it);
+  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+    if (it) o = it;
+    var i = 0;
+    return function () {
+      if (i >= o.length) return {
+        done: true
       };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+      return {
+        done: false,
+        value: o[i++]
+      };
+    };
   }
-  it = o[Symbol.iterator]();
-  return it.next.bind(it);
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 var TINY_MCE_API_KEY = "adpshj9swgsscf83gw4gs2f74nx0vicpd5ydka20iqjd7l8r";
@@ -2743,7 +2748,6 @@ var encodeParams = (function (params) {
         return encodeURIComponent(key) + "=" + encodeURIComponent(i);
       }).join('&');
     }
     return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
   }).join('&');
 });
@@ -2768,12 +2772,10 @@ var apiUpload = axios.create({
 [api, apiUpload].forEach(function (i) {
   return i.interceptors.request.use(function (config) {
     var token = getAccessToken();
     if (token) {
       config.headers.Authorization = "Bearer " + token;
       localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
     }
     return config;
   }, function (error) {
     return Promise.reject(error);
@@ -2790,7 +2792,6 @@ var apiUpload = axios.create({
       var userEmail = localStorage.getItem("USER_EMAIL");
       var roles = localStorage.getItem("ROLES");
       var hostName = window.location.hostname;
       if (userEmail) {
         amplitude.getInstance().logEvent("general: session end", {
           user_id: userEmail,
@@ -2799,17 +2800,14 @@ var apiUpload = axios.create({
         });
         amplitude.getInstance().resetSessionId();
       }
       localStorage.setItem("USER_EMAIL", "");
       window.location.href = "/login";
     }
     if (error.response.status == 403) {
       localStorage.removeItem(ACCESS_TOKEN);
       localStorage.removeItem("USER_EMAIL");
       window.location.href = "/login";
     }
     return Promise.reject(error);
   });
 });
@@ -2867,39 +2865,30 @@ var HOMEPAGE_PARENT = "/parent";
 var HOMEPAGE_DISTRICT = "/admin/schools";
 var HOMEPAGE_EDU_TEACHER = "/list-student";
 var TITLE = "Log in";
 var useLogin = function useLogin() {
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
+    openLogin = _useState[0],
+    setOpenLogin = _useState[1];
   var _useState2 = React.useState(false),
-      isLoginGoogle = _useState2[0],
-      setIsLoginGoogle = _useState2[1];
+    isLoginGoogle = _useState2[0],
+    setIsLoginGoogle = _useState2[1];
   var _useState3 = React.useState(""),
-      googleClientId = _useState3[0],
-      setGoogleClientId = _useState3[1];
+    googleClientId = _useState3[0],
+    setGoogleClientId = _useState3[1];
   var _useState4 = React.useState(""),
-      googleRecaptchaId = _useState4[0],
-      setGoogleRecaptchaId = _useState4[1];
+    googleRecaptchaId = _useState4[0],
+    setGoogleRecaptchaId = _useState4[1];
   var _useState5 = React.useState(),
-      infoUser = _useState5[0],
-      setInfoUser = _useState5[1];
+    infoUser = _useState5[0],
+    setInfoUser = _useState5[1];
   var toggle = React.useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
   var _useState6 = React.useState(false),
-      isShowPassword = _useState6[0],
-      setIsShowPassword = _useState6[1];
+    isShowPassword = _useState6[0],
+    setIsShowPassword = _useState6[1];
   React.useEffect(function () {
     document.title = TITLE;
     var token = getAccessToken();
@@ -2909,28 +2898,25 @@ var useLogin = function useLogin() {
   var isDistrict = window.location.host.includes("-district");
   var userLogin = React.useCallback(function (data) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         var _data$email, _data$password;
         return Promise.resolve(logIn(_extends({}, data, {
           email: data === null || data === void 0 ? void 0 : (_data$email = data.email) === null || _data$email === void 0 ? void 0 : _data$email.trim(),
           password: data === null || data === void 0 ? void 0 : (_data$password = data.password) === null || _data$password === void 0 ? void 0 : _data$password.trim()
         }))).then(function (res) {
           var _res$data = res.data,
-              token = _res$data.token,
-              id = _res$data.id,
-              firstName = _res$data.firstName,
-              lastName = _res$data.lastName,
-              roles = _res$data.roles,
-              email = _res$data.email,
-              profileImageFileName = _res$data.profileImageFileName,
-              isLoginFirst = _res$data.isLoginFirst;
+            token = _res$data.token,
+            id = _res$data.id,
+            firstName = _res$data.firstName,
+            lastName = _res$data.lastName,
+            roles = _res$data.roles,
+            email = _res$data.email,
+            profileImageFileName = _res$data.profileImageFileName,
+            isLoginFirst = _res$data.isLoginFirst;
           localStorage.setItem(ACCESS_TOKEN, token);
           localStorage.removeItem(NOTIFICATION_ALERT_KEY);
           dispatch(setUser({
@@ -2941,10 +2927,8 @@ var useLogin = function useLogin() {
             email: email,
             profileImageFileName: profileImageFileName
           }));
           if (data !== null && data !== void 0 && data.email && !roles.includes("Admin")) {
             var _data$roles;
             amplitude.getInstance().init(!isLocalhost ? INIT_AMPLITUDE_KEY_PROD : INIT_AMPLITUDE_KEY_STAGE, data.email, {
               includeReferrer: false,
               includeUtm: false
@@ -2959,10 +2943,8 @@ var useLogin = function useLogin() {
               roles: data === null || data === void 0 ? void 0 : (_data$roles = data.roles) === null || _data$roles === void 0 ? void 0 : _data$roles.toString()
             });
             localStorage.setItem("USER_EMAIL", data.email);
             if (isLoginFirst) {
               var _data$roles2;
               amplitude.getInstance().logEvent("general: first login", {
                 user_id: data.email,
                 domain: hostName,
@@ -2970,7 +2952,6 @@ var useLogin = function useLogin() {
               });
             }
           }
           if (isDistrict) {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
@@ -2987,55 +2968,46 @@ var useLogin = function useLogin() {
         });
       }, 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 || "Login failed"
         }));
         localStorage.removeItem(ACCESS_TOKEN);
       });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var getInfoGoogle = function getInfoGoogle() {
     try {
-      var _temp6 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(getGoogleClientId()).then(function (res) {
           setGoogleClientId(res.data.googleClientId);
           setGoogleRecaptchaId(res.data.googleCaptchaId);
         });
       }, function (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 || "Login failed"
         }));
       });
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var fnIsCheckLogin = React.useCallback(function (data, token, clickHandler) {
     try {
-      var _temp10 = function _temp10() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp11 = _catch(function () {
+      var _temp5 = _catch(function () {
         return Promise.resolve(checkUserGoogle(data)).then(function (res) {
           var checkUser = res.data;
-          var _temp7 = function () {
+          var _temp4 = function () {
             if (checkUser) {
               return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
                 var dataUser = {
@@ -3054,34 +3026,28 @@ var useLogin = function useLogin() {
               setIsLoginGoogle(true);
             }
           }();
-          if (_temp7 && _temp7.then) return _temp7.then(function () {});
+          if (_temp4 && _temp4.then) return _temp4.then(function () {});
         });
       }, function (err) {
         var _err$response3, _err$response3$data;
         dispatch(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 || "Login failed"
         }));
       });
-      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp10) : _temp10(_temp11));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var submitLogin = function submitLogin(teacherId, clickHandler) {
     try {
-      var _temp15 = function _temp15() {
+      var _temp9 = function _temp9() {
         setIsLoginGoogle(false);
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp16 = _catch(function () {
+      var _temp8 = _catch(function () {
         var data = {
           firstName: infoUser.firstName,
           lastName: infoUser.lastName,
@@ -3092,7 +3058,7 @@ var useLogin = function useLogin() {
           teacherId: teacherId
         };
         return Promise.resolve(registerUserStudent(data)).then(function (res) {
-          var _temp12 = function () {
+          var _temp7 = function () {
             if (res.data) {
               return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
                 var dataLogin = {
@@ -3110,24 +3076,20 @@ var useLogin = function useLogin() {
               });
             }
           }();
-          if (_temp12 && _temp12.then) return _temp12.then(function () {});
+          if (_temp7 && _temp7.then) return _temp7.then(function () {});
         });
       }, function (err) {
         var _err$response4, _err$response4$data;
         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 || "Login failed"
         }));
       });
-      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   return {
     defaultInfo: defaultInfo,
     userLogin: userLogin,
@@ -3146,13 +3108,13 @@ var useLogin = function useLogin() {
   };
 };
+var _excluded = ["defaultValue", "options", "isDisabled", "scrollBottom"];
 var CustomSelector = function CustomSelector(_ref) {
   var defaultValue = _ref.defaultValue,
-      options = _ref.options,
-      isDisabled = _ref.isDisabled,
-      scrollBottom = _ref.scrollBottom,
-      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom"]);
+    options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var initValue = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
   }) || null : null;
@@ -3166,54 +3128,43 @@ var CustomSelector = function CustomSelector(_ref) {
 var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
   var defaultValue = _ref.defaultValue,
-      isDisabled = _ref.isDisabled,
-      openModal = _ref.openModal,
-      onSubmit = _ref.onSubmit,
-      token = _ref.token,
-      email = _ref.email,
-      setOpenModal = _ref.setOpenModal;
+    isDisabled = _ref.isDisabled,
+    openModal = _ref.openModal,
+    onSubmit = _ref.onSubmit,
+    token = _ref.token,
+    email = _ref.email,
+    setOpenModal = _ref.setOpenModal;
   var _useState = React.useState(false),
-      modal = _useState[0],
-      setModal = _useState[1];
+    modal = _useState[0],
+    setModal = _useState[1];
   React.useEffect(function () {
     setModal(openModal);
   }, [openModal]);
   var toggle = function toggle() {
     setModal(!modal);
     setOpenModal(!modal);
   };
   var dispatch = reactRedux.useDispatch();
   var _useState2 = React.useState([]),
-      teachers = _useState2[0],
-      setTeachers = _useState2[1];
+    teachers = _useState2[0],
+    setTeachers = _useState2[1];
   var _useState3 = React.useState(""),
-      searchString = _useState3[0],
-      setSearchString = _useState3[1];
+    searchString = _useState3[0],
+    setSearchString = _useState3[1];
   var _useState4 = React.useState(""),
-      teacherEmail = _useState4[0],
-      setTeacherEmail = _useState4[1];
+    teacherEmail = _useState4[0],
+    setTeacherEmail = _useState4[1];
   var _useState5 = React.useState(false),
-      isLoading = _useState5[0],
-      setLoading = _useState5[1];
+    isLoading = _useState5[0],
+    setLoading = _useState5[1];
   var timeout = React.useRef();
   var loadData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         setLoading(false);
       };
       setLoading(true);
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         var data = {
           token: token,
           email: email
@@ -3223,21 +3174,18 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [searchString]);
   React.useEffect(function () {
     timeout && timeout.current && clearTimeout(timeout.current);
     if (!searchString || searchString.trim().length < 2) {
       setTeachers([]);
     } else {
@@ -3250,11 +3198,9 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
       value: teacher.teacherId
     };
   });
   var onChangeTeacher = function onChangeTeacher(e) {
     setTeacherEmail(e.value);
   };
   var customSelector = {
     control: function control(styles) {
       return _extends({}, styles, {
@@ -3287,7 +3233,6 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
     onClick: toggle
   }, "Cancel")));
 };
 var BlockSelectTeacher$1 = React.forwardRef(BlockSelectTeacher);
 var schema = yup.object({
@@ -3295,51 +3240,44 @@ var schema = yup.object({
   password: yup.string().required("Password is required"),
   rememberMe: yup.boolean()
 });
 var BlockLogin = function BlockLogin(_ref) {
   var defaultInfo = _ref.defaultInfo,
-      userLogin = _ref.userLogin;
+    userLogin = _ref.userLogin;
   var _useLogin = useLogin(),
-      isShowPassword = _useLogin.isShowPassword,
-      setIsShowPassword = _useLogin.setIsShowPassword,
-      fnIsCheckLogin = _useLogin.fnIsCheckLogin,
-      isLoginGoogle = _useLogin.isLoginGoogle,
-      setInfoUser = _useLogin.setInfoUser,
-      submitLogin = _useLogin.submitLogin,
-      infoUser = _useLogin.infoUser,
-      setIsLoginGoogle = _useLogin.setIsLoginGoogle,
-      googleClientId = _useLogin.googleClientId;
+    isShowPassword = _useLogin.isShowPassword,
+    setIsShowPassword = _useLogin.setIsShowPassword,
+    fnIsCheckLogin = _useLogin.fnIsCheckLogin,
+    isLoginGoogle = _useLogin.isLoginGoogle,
+    setInfoUser = _useLogin.setInfoUser,
+    submitLogin = _useLogin.submitLogin,
+    infoUser = _useLogin.infoUser,
+    setIsLoginGoogle = _useLogin.setIsLoginGoogle,
+    googleClientId = _useLogin.googleClientId;
   var togglePasswordVisible = function togglePasswordVisible() {
     return setIsShowPassword(!isShowPassword);
   };
   var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
+    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
   var clickHandler = React.useCallback(function () {
     try {
       if (!executeRecaptcha) {
         console.log("execute recaptcha undefined");
         return Promise.resolve();
       }
       return Promise.resolve(executeRecaptcha("login"));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [executeRecaptcha]);
   var handleVerify = React.useCallback(function () {}, []);
   var onSuccessGoogle = function onSuccessGoogle(res) {
     if (!!(res !== null && res !== void 0 && res.accessToken)) {
       var _res$profileObj = res.profileObj,
-          email = _res$profileObj.email,
-          familyName = _res$profileObj.familyName,
-          givenName = _res$profileObj.givenName,
-          imageUrl = _res$profileObj.imageUrl,
-          name = _res$profileObj.name;
+        email = _res$profileObj.email,
+        familyName = _res$profileObj.familyName,
+        givenName = _res$profileObj.givenName,
+        imageUrl = _res$profileObj.imageUrl,
+        name = _res$profileObj.name;
       var accessToken = res.accessToken;
       var googleId = res.googleId;
       var infoLogin = {
@@ -3355,7 +3293,6 @@ var BlockLogin = function BlockLogin(_ref) {
       fnIsCheckLogin(infoLogin, accessToken, clickHandler);
     }
   };
   return React__default.createElement(React__default.Fragment, null, React__default.createElement(formik.Formik, {
     initialValues: defaultInfo,
     enableReinitialize: true,
@@ -3377,12 +3314,12 @@ var BlockLogin = function BlockLogin(_ref) {
     }
   }, function (formikProps) {
     var handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit,
-        values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        setFieldValue = formikProps.setFieldValue;
+      handleBlur = formikProps.handleBlur,
+      handleSubmit = formikProps.handleSubmit,
+      values = formikProps.values,
+      touched = formikProps.touched,
+      errors = formikProps.errors,
+      setFieldValue = formikProps.setFieldValue;
     var emailError = touched.email && errors.email;
     var passwordError = touched.password && errors.password;
     return React__default.createElement(reactstrap.Row, {
@@ -3470,34 +3407,26 @@ var defaultInfo$1 = {
 var DASHBOARD = "/";
 var LOGIN = "/login";
 var TITLE$1 = "Log in";
 var useForgotPassword = function useForgotPassword() {
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
+    openLogin = _useState[0],
+    setOpenLogin = _useState[1];
   var toggle = React.useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
   var _useState2 = React.useState(false),
-      isShowNewPassword = _useState2[0],
-      setIsShowNewPassword = _useState2[1];
+    isShowNewPassword = _useState2[0],
+    setIsShowNewPassword = _useState2[1];
   var _useState3 = React.useState(false),
-      isShowReTypePassword = _useState3[0],
-      setIsShowReTypePassword = _useState3[1];
+    isShowReTypePassword = _useState3[0],
+    setIsShowReTypePassword = _useState3[1];
   var _useState4 = React.useState(true),
-      validLink = _useState4[0],
-      setValidLink = _useState4[1];
+    validLink = _useState4[0],
+    setValidLink = _useState4[1];
   var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
+    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
   React.useEffect(function () {
     document.title = TITLE$1;
     var token = getAccessToken();
@@ -3505,13 +3434,11 @@ var useForgotPassword = function useForgotPassword() {
   }, []);
   var forgotPasswordRequest = React.useCallback(function (data) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(forgotPassword(data)).then(function () {
           history.push(LOGIN);
           dispatch(setAlert({
@@ -3521,47 +3448,40 @@ var useForgotPassword = function useForgotPassword() {
         });
       }, 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 || "Error occured"
         }));
         localStorage.removeItem(ACCESS_TOKEN);
       });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var checkResetTokenRequest = React.useCallback(function (token) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp4 = function _temp4() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp8 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(checkResetToken(token)).then(function () {});
       }, function () {
         setValidLink(false);
       });
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var resetPasswordRequest = React.useCallback(function (data) {
     try {
-      var _temp11 = function _temp11() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp12 = _catch(function () {
+      var _temp5 = _catch(function () {
         return Promise.resolve(resetPassword(data)).then(function () {
           history.push(LOGIN);
           dispatch(setAlert({
@@ -3571,15 +3491,13 @@ var useForgotPassword = function useForgotPassword() {
         });
       }, function (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 || "Error occured"
         }));
         localStorage.removeItem(ACCESS_TOKEN);
       });
-      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3590,7 +3508,6 @@ var useForgotPassword = function useForgotPassword() {
         console.log("execute recaptcha undefined");
         return Promise.resolve();
       }
       return Promise.resolve(executeRecaptcha("forgetPass"));
     } catch (e) {
       return Promise.reject(e);
@@ -3621,13 +3538,11 @@ var initialValues = {
 var forgotPasswordSchema = yup.object({
   email: yup.string().email("Email is invalid").required("Email is required")
 });
 var BlockForgetPassword = function BlockForgetPassword() {
   var _useForgotPassword = useForgotPassword(),
-      forgotPasswordRequest = _useForgotPassword.forgotPasswordRequest,
-      clickHandler = _useForgotPassword.clickHandler,
-      handleVerify = _useForgotPassword.handleVerify;
+    forgotPasswordRequest = _useForgotPassword.forgotPasswordRequest,
+    clickHandler = _useForgotPassword.clickHandler,
+    handleVerify = _useForgotPassword.handleVerify;
   return React__default.createElement(formik.Formik, {
     initialValues: initialValues,
     enableReinitialize: true,
@@ -3645,10 +3560,10 @@ var BlockForgetPassword = function BlockForgetPassword() {
     }
   }, function (formikProps) {
     var handleChange = formikProps.handleChange,
-        handleSubmit = formikProps.handleSubmit,
-        values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors;
+      handleSubmit = formikProps.handleSubmit,
+      values = formikProps.values,
+      touched = formikProps.touched,
+      errors = formikProps.errors;
     return React__default.createElement(reactstrap.Row, {
       className: "" + styles["box-login"]
     }, React__default.createElement(reactstrap.Col, {
@@ -3715,20 +3630,17 @@ var resetPasswordSchema = yup.object({
     return this.parent.password === this.parent.reEnterPassword;
   })
 });
 var BlockResetPassword = function BlockResetPassword() {
   var query = new URLSearchParams(reactRouterDom.useLocation().search);
   var token = query.get("token");
   var _useForgotPassword = useForgotPassword(),
-      checkResetTokenRequest = _useForgotPassword.checkResetTokenRequest,
-      validLink = _useForgotPassword.validLink,
-      resetPasswordRequest = _useForgotPassword.resetPasswordRequest,
-      isShowNewPassword = _useForgotPassword.isShowNewPassword,
-      setIsShowNewPassword = _useForgotPassword.setIsShowNewPassword,
-      isShowReTypePassword = _useForgotPassword.isShowReTypePassword,
-      setIsShowReTypePassword = _useForgotPassword.setIsShowReTypePassword;
+    checkResetTokenRequest = _useForgotPassword.checkResetTokenRequest,
+    validLink = _useForgotPassword.validLink,
+    resetPasswordRequest = _useForgotPassword.resetPasswordRequest,
+    isShowNewPassword = _useForgotPassword.isShowNewPassword,
+    setIsShowNewPassword = _useForgotPassword.setIsShowNewPassword,
+    isShowReTypePassword = _useForgotPassword.isShowReTypePassword,
+    setIsShowReTypePassword = _useForgotPassword.setIsShowReTypePassword;
   React.useEffect(function () {
     checkResetTokenRequest(token);
   }, []);
@@ -3741,9 +3653,9 @@ var BlockResetPassword = function BlockResetPassword() {
     }
   }, function (formikProps) {
     var setFieldValue = formikProps.setFieldValue,
-        handleSubmit = formikProps.handleSubmit,
-        touched = formikProps.touched,
-        errors = formikProps.errors;
+      handleSubmit = formikProps.handleSubmit,
+      touched = formikProps.touched,
+      errors = formikProps.errors;
     React.useEffect(function () {
       setFieldValue("token", token);
     }, []);
@@ -3819,17 +3731,14 @@ var BlockResetPassword = function BlockResetPassword() {
 var LOGIN_TITLE = "Log in";
 var FORGOT_PASSWORD_TITLE = "Forgot password";
 var RESET_PASSWORD_TITLE = "Reset password";
 var Login = function Login(props) {
   var isLogin = props.isLogin,
-      isForgotPassword = props.isForgotPassword,
-      isResetPassword = props.isResetPassword;
+    isForgotPassword = props.isForgotPassword,
+    isResetPassword = props.isResetPassword;
   var _useLogin = useLogin(),
-      defaultInfo = _useLogin.defaultInfo,
-      userLogin = _useLogin.userLogin,
-      googleRecaptchaId = _useLogin.googleRecaptchaId;
+    defaultInfo = _useLogin.defaultInfo,
+    userLogin = _useLogin.userLogin,
+    googleRecaptchaId = _useLogin.googleRecaptchaId;
   React.useEffect(function () {
     isLogin && (document.title = LOGIN_TITLE);
     isForgotPassword && (document.title = FORGOT_PASSWORD_TITLE);
@@ -3870,7 +3779,7 @@ var QuoteContent = function QuoteContent() {
 var IconContent = function IconContent(_ref) {
   var srcIcon = _ref.srcIcon,
-      content = _ref.content;
+    content = _ref.content;
   return React__default.createElement("div", {
     key: content,
     className: "" + styles["content-icon"]
@@ -3897,10 +3806,8 @@ var contents = [{
   scrIcon: "/images/Confetti.svg",
   content: "<p>Set, monitor, and achieve <span>your goals</span>.</p>"
 }];
 var ContentHomePage = function ContentHomePage(_ref) {
   _objectDestructuringEmpty(_ref);
   return React__default.createElement(reactstrap.Row, {
     className: "" + styles["page-not-login"]
   }, React__default.createElement(reactstrap.Col, {
@@ -3921,20 +3828,16 @@ var HOME_TEACHER = "/home";
 var HOME_STUDENT = "/home";
 var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
 var Dashboard = function Dashboard() {
   var _useState = React.useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
   var toggle = function toggle() {
     return setIsOpen(!isOpen);
   };
   React.useEffect(function () {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
@@ -4014,11 +3917,9 @@ var TheSidebar = function TheSidebar(_ref) {
   var show = reactRedux.useSelector(function (state) {
     return state.common.sidebarShow;
   });
   var _useState = React.useState(false),
-      toggleMinimize = _useState[0],
-      setToggleMinimize = _useState[1];
+    toggleMinimize = _useState[0],
+    setToggleMinimize = _useState[1];
   var signOut = React.useCallback(function () {
     localStorage.removeItem(ACCESS_TOKEN);
     dispatch(reset());
@@ -4092,7 +3993,6 @@ var useUnReadNotification = function useUnReadNotification() {
   var dispatch = reactRedux.useDispatch();
   var userId = reactRedux.useSelector(function (state) {
     var _state$common$user;
     return (_state$common$user = state.common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.id;
   });
   var pusherCluster = reactRedux.useSelector(function (state) {
@@ -4106,20 +4006,18 @@ var useUnReadNotification = function useUnReadNotification() {
   });
   var getData = React.useCallback(function () {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getUnReadNotifications()).then(function (res) {
           dispatch(setUnReadNotification(res.data));
         });
       }, 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(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -4129,7 +4027,6 @@ var useUnReadNotification = function useUnReadNotification() {
   React.useEffect(function () {
     getData();
     var pusher;
     if (pusherKey && pusherCluster) {
       pusher = new Pusher(pusherKey, {
         cluster: pusherCluster
@@ -4142,7 +4039,6 @@ var useUnReadNotification = function useUnReadNotification() {
         isChat && getData();
       });
     }
     return function () {
       return pusher && pusher.unsubscribe(NOTIFICATION_CHANNEL + "-" + userId);
     };
@@ -4154,15 +4050,12 @@ var useUnReadNotification = function useUnReadNotification() {
 var NotificationButton = function NotificationButton(_ref) {
   _objectDestructuringEmpty(_ref);
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
   var isAdmin = user && user.roles.includes("Admin");
   var _useUnreadNotificatio = useUnReadNotification(),
-      unReadNotification = _useUnreadNotificatio.unReadNotification;
+    unReadNotification = _useUnreadNotificatio.unReadNotification;
   var openNotification = React.useCallback(function () {
     var features = "toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, width=1080, height=720, top=100, left=100";
     var url = (isAdmin ? "/admin" : "") + "/notifications";
@@ -4192,7 +4085,6 @@ var DEFAULT_USER_AVATAR = "/avatars/default-avatar.png";
 var ADMIN_ROLE = "Admin";
 var TEACHER_ROLE = "Teacher";
 var USER_DETAIL_URL = "/admin/user";
 var TheHeaderDropdown = function TheHeaderDropdown() {
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
@@ -4200,9 +4092,9 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
   var email = user.email,
-      profileImageFileName = user.profileImageFileName,
-      roles = user.roles,
-      id = user.id;
+    profileImageFileName = user.profileImageFileName,
+    roles = user.roles,
+    id = user.id;
   var isAdmin = roles.includes(ADMIN_ROLE);
   var isTeacher = roles.includes(TEACHER_ROLE);
   var goToTeacherPanel = React.useCallback(function () {
@@ -4213,17 +4105,14 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
     dispatch(reset());
     history.push("/");
   }, []);
   var _useState = React.useState(false),
-      dropdownOpen = _useState[0],
-      setDropdownOpen = _useState[1];
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
   var toggle = function toggle() {
     return setDropdownOpen(function (prevState) {
       return !prevState;
     });
   };
   var avatarUrl = profileImageFileName ? getFileUrl(profileImageFileName) : DEFAULT_USER_AVATAR;
   var isDistrict = window.location.host.includes("-district");
   return React__default.createElement(reactstrap.Dropdown, {
@@ -4276,31 +4165,25 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
 var TheLanguageDropdown = function TheLanguageDropdown() {
   var defaultLanguage = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "us";
   var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
-      i18n = _useTranslation.i18n;
+    i18n = _useTranslation.i18n;
   var _useState = React.useState(false),
-      dropdownOpen = _useState[0],
-      setDropdownOpen = _useState[1];
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
   var _useState2 = React.useState(defaultLanguage),
-      language = _useState2[0],
-      setItemLanguage = _useState2[1];
+    language = _useState2[0],
+    setItemLanguage = _useState2[1];
   var toggle = function toggle() {
     return setDropdownOpen(function (prevState) {
       return !prevState;
     });
   };
   var changeLanguageApp = function changeLanguageApp(lang) {
     i18n.changeLanguage(lang);
     localStorage.setItem("language", lang);
     setItemLanguage(lang);
     dispatch(setLanguage(lang));
   };
   var displayCurrentLang = {
     uk: React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
       className: "mr-2 " + styles['dropdown-menu-flag'],
@@ -4372,7 +4255,6 @@ var TheHeader = function TheHeader() {
 };
 var TITLE$2 = "Not found";
 var NotFound = function NotFound() {
   React.useEffect(function () {
     document.title = TITLE$2;
@@ -4399,7 +4281,6 @@ var loading = React__default.createElement("div", {
 }, React__default.createElement("div", {
   className: "sk-spinner sk-spinner-pulse"
 }));
 var TheContent = function TheContent(_ref) {
   var routes = _ref.routes;
   var location = reactRouterDom.useLocation();
@@ -4424,7 +4305,6 @@ var TheContent = function TheContent(_ref) {
     component: NotFound
   })))));
 };
 var TheContent$1 = React__default.memo(TheContent);
 var loadingStyle = {
@@ -4439,7 +4319,6 @@ var loadingStyle = {
   justifyContent: "center",
   alignItems: "center"
 };
 var Loading = function Loading() {
   var isLoading = reactRedux.useSelector(function (state) {
     return state.common.isLoading;
@@ -4470,20 +4349,18 @@ var canAccess = function canAccess(userRoles, componentRoles) {
   if (!Array.isArray(userRoles)) {
     return false;
   }
   if (Array.isArray(componentRoles)) {
     var intersects = userRoles.filter(function (i) {
       return componentRoles.includes(i);
     });
     return intersects.length > 0;
   }
   return true;
 };
 var TheLayout = function TheLayout(_ref) {
   var routes = _ref.routes,
-      navigation = _ref.navigation;
+    navigation = _ref.navigation;
   var history = reactRouterDom.useHistory();
   var dispatch = reactRedux.useDispatch();
   var user = reactRedux.useSelector(function (state) {
@@ -4492,10 +4369,8 @@ var TheLayout = function TheLayout(_ref) {
   var language = reactRedux.useSelector(function (state) {
     return state.common.language;
   });
   var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    t = _useTranslation.t;
   var location = reactRouterDom.useLocation();
   var isNotification = location.pathname.includes("notifications");
   var isDistrict = window.location.host.includes("-district");
@@ -4520,52 +4395,44 @@ var TheLayout = function TheLayout(_ref) {
   React.useEffect(function () {
     checkAuthentication();
   }, []);
   var checkAuthentication = function checkAuthentication() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
           tokenStatus ? loadInfo() : resetAuth();
         });
       }, function () {
         resetAuth();
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var loadInfo = function loadInfo() {
     try {
-      var _temp4 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(getInfo()).then(function (info) {
           if (!info) {
             resetAuth();
           }
           dispatch(setUser(info.data));
         });
       }, function () {
         resetAuth();
       });
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var resetAuth = function resetAuth() {
     localStorage.removeItem(ACCESS_TOKEN);
     history.push("/");
   };
   if (!user) {
     return React__default.createElement(Loading, null);
   }
   return React__default.createElement("div", {
     className: "c-app c-default-layout"
   }, !isNotification && React__default.createElement(TheSidebar, {
@@ -4585,10 +4452,9 @@ var buttonTextStyle = {
 var buttonStyle = {
   height: 38
 };
 var AddButton = function AddButton(_ref) {
   var text = _ref.text,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return React__default.createElement(reactstrap.Button, {
     onClick: onClick,
     color: 'success',
@@ -4611,7 +4477,7 @@ var DeleteButtonIcon = function DeleteButtonIcon(_ref) {
 var LinkEditButton = function LinkEditButton(_ref) {
   var label = _ref.label,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return React__default.createElement(reactstrap.Button, {
     className: "text-left py-0",
     color: "link",
@@ -4621,15 +4487,14 @@ var LinkEditButton = function LinkEditButton(_ref) {
 var EmptyDataAlert = function EmptyDataAlert(_ref) {
   var label = _ref.label,
-      className = _ref.className,
-      style = _ref.style;
+    className = _ref.className,
+    style = _ref.style;
   return React__default.createElement(reactstrap.Alert, {
     color: "primary",
     className: className,
     style: style
   }, "No ", label, " to display");
 };
 EmptyDataAlert.defaultProps = {
   className: "",
   style: {}
@@ -4637,14 +4502,12 @@ EmptyDataAlert.defaultProps = {
 var CustomPagination = function CustomPagination(props) {
   var filters = props.filters,
-      changePage = props.changePage,
-      totalRecordCount = props.totalRecordCount,
-      changePageSize = props.changePageSize;
+    changePage = props.changePage,
+    totalRecordCount = props.totalRecordCount,
+    changePageSize = props.changePageSize;
   var _useState = React.useState(""),
-      input = _useState[0],
-      setInput = _useState[1];
+    input = _useState[0],
+    setInput = _useState[1];
   React.useEffect(function () {
     setInput(filters.currentPage.toString());
   }, [filters.currentPage]);
@@ -4729,19 +4592,15 @@ var get$2 = function get() {
 var useFilters = function useFilters() {
   var _useState = React.useState(DEFAULT_FILTER),
-      filters = _useState[0],
-      setFilters = _useState[1];
+    filters = _useState[0],
+    setFilters = _useState[1];
   var changeFilters = function changeFilters(updatedFilters) {
     var newFilters = _extends({}, filters, updatedFilters);
     if (!!newFilters.searchString && !!updatedFilters.searchString && updatedFilters.searchString != filters.searchString) {
       newFilters.currentPage = 1;
     }
     setFilters(newFilters);
   };
   return {
     filters: filters,
     setFilters: setFilters,
@@ -4752,7 +4611,6 @@ var useFilters = function useFilters() {
 var EMAIL_TEMPLATE_URL$1 = "/admin/email-template";
 var CREATE_TEMPLATE_URL = "/admin/create-email-template";
 var TITLE$3 = "Email template list";
 var useEmailTemplateList = function useEmailTemplateList() {
   var history = reactRouterDom.useHistory();
   var emailTemplateList = reactRedux.useSelector(function (state) {
@@ -4764,30 +4622,25 @@ var useEmailTemplateList = function useEmailTemplateList() {
   var mailCategoryList = reactRedux.useSelector(function (state) {
     return state.mailCategory.mailCategoryList;
   });
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = reactRedux.useDispatch();
   var getData = React.useCallback(function () {
     try {
-      var _temp4 = function _temp4() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$1(filters)).then(function (res) {
           var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
+            items = _res$data.items,
+            totalItems = _res$data.totalItems;
           dispatch(setEmailTemplateList({
             emailTemplateList: items,
             totalItems: totalItems
           }));
           var _temp = function () {
             if (!!mailCategoryList && mailCategoryList.length == 0) {
               return Promise.resolve(get$2()).then(function (response) {
@@ -4795,26 +4648,22 @@ var useEmailTemplateList = function useEmailTemplateList() {
               });
             }
           }();
           if (_temp && _temp.then) return _temp.then(function () {});
         });
       }, 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(_temp5 && _temp5.then ? _temp5.then(_temp4) : _temp4(_temp5));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(setLoading(true));
     try {
       dispatch(setModal({
         isOpen: true,
@@ -4838,13 +4687,11 @@ var useEmailTemplateList = function useEmailTemplateList() {
       }));
     } 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 goToDetail = React.useCallback(function (id) {
@@ -4870,21 +4717,18 @@ var useEmailTemplateList = function useEmailTemplateList() {
 };
 var header = "Email template";
 var EmailTemplateList = function EmailTemplateList() {
   var _useEmailTemplateList = useEmailTemplateList(),
-      emailTemplateList = _useEmailTemplateList.emailTemplateList,
-      totalItems = _useEmailTemplateList.totalItems,
-      filters = _useEmailTemplateList.filters,
-      changeFilters = _useEmailTemplateList.changeFilters,
-      removeData = _useEmailTemplateList.removeData,
-      goToDetail = _useEmailTemplateList.goToDetail,
-      mailCategoryList = _useEmailTemplateList.mailCategoryList;
+    emailTemplateList = _useEmailTemplateList.emailTemplateList,
+    totalItems = _useEmailTemplateList.totalItems,
+    filters = _useEmailTemplateList.filters,
+    changeFilters = _useEmailTemplateList.changeFilters,
+    removeData = _useEmailTemplateList.removeData,
+    goToDetail = _useEmailTemplateList.goToDetail,
+    mailCategoryList = _useEmailTemplateList.mailCategoryList;
   var onRemove = function onRemove(id) {
     removeData(id);
   };
   return React__default.createElement("div", {
     className: "fadeIn animated"
   }, React__default.createElement("h5", {
@@ -4989,11 +4833,10 @@ var style$1 = {
   padding: "8px",
   zIndex: 1
 };
 var DetailActionButtons = function DetailActionButtons(_ref) {
   var confirmText = _ref.confirmText,
-      onConfirm = _ref.onConfirm,
-      onCancel = _ref.onCancel;
+    onConfirm = _ref.onConfirm,
+    onCancel = _ref.onCancel;
   return React__default.createElement(reactstrap.Row, {
     form: true,
     style: style$1
@@ -5042,10 +4885,9 @@ var defaultparams = [{
   label: "$DOMAIN$",
   meaning: "Domain"
 }];
 var MailSubject = function MailSubject(_ref) {
   var _onClick = _ref.onClick,
-      isResetPasswordTemplate = _ref.isResetPasswordTemplate;
+    isResetPasswordTemplate = _ref.isResetPasswordTemplate;
   var params = !!isResetPasswordTemplate ? [].concat(defaultparams, [{
     label: "$RESET_LINK$",
     meaning: "Reset link"
@@ -5085,23 +4927,20 @@ var MailCategorySelector = function MailCategorySelector(props) {
   React.useEffect(function () {
     fetchMailCategory();
   }, []);
   var fetchMailCategory = function fetchMailCategory() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$2()).then(function (res) {
           dispatch(setMailCategory(res.data.items));
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var id = props.id;
   var arrCategory = mailCategoryList.map(function (i) {
     return {
@@ -5125,7 +4964,6 @@ var RequiredLabel = function RequiredLabel(_ref) {
     className: "ml-2 text-danger"
   }, "*"));
 };
 var RequiredLabel$1 = React.memo(RequiredLabel);
 var quitAlertMessage = "You have some changes. Click OK to discard or click Cancel to continue edit, then click Update below to save your changes.";
@@ -5139,7 +4977,7 @@ function QuitPrompt(props) {
 var AttachmentFile = function AttachmentFile(_ref) {
   var label = _ref.label,
-      onRemove = _ref.onRemove;
+    onRemove = _ref.onRemove;
   return React__default.createElement(React.Fragment, null, React__default.createElement("span", {
     className: "mr-2"
   }, label), React__default.createElement("i", {
@@ -5218,68 +5056,58 @@ var config = {
   toolbar: "undo redo | formatselect | bold italic backcolor |         alignleft aligncenter alignright alignjustify |         bullist numlist outdent indent | removeformat | image",
   paste_data_images: true
 };
 var email$2 = _extends({}, config, {
   images_upload_handler: function images_upload_handler(blobInfo, success) {
     try {
       var imageFile = new FormData();
       imageFile.append("file", blobInfo.blob(), blobInfo.filename());
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(systemEmailUpload(imageFile)).then(function (_ref) {
           var data = _ref.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   }
 });
 var question$2 = _extends({}, config, {
   images_upload_handler: function images_upload_handler(blobInfo, success) {
     try {
       var imageFile = new FormData();
       imageFile.append("file", blobInfo.blob(), blobInfo.filename());
-      var _temp4 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(systemQuestionUpload(imageFile)).then(function (_ref2) {
           var data = _ref2.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   }
 });
 var answer$2 = _extends({}, config, {
   height: ANSWER_EDITOR_HEIGHT,
   images_upload_handler: function images_upload_handler(blobInfo, success) {
     try {
       var imageFile = new FormData();
       imageFile.append("file", blobInfo.blob(), blobInfo.filename());
-      var _temp6 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(systemAnswerUpload(imageFile)).then(function (_ref3) {
           var data = _ref3.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   }
 });
 var tutorial = _extends({}, config, {
   height: ANSWER_EDITOR_HEIGHT,
   media_live_embeds: true,
@@ -5289,15 +5117,13 @@ var tutorial = _extends({}, config, {
     try {
       var imageFile = new FormData();
       imageFile.append("file", blobInfo.blob(), blobInfo.filename());
-      var _temp8 = _catch(function () {
+      var _temp4 = _catch(function () {
         return Promise.resolve(systemTutorialUpload(imageFile)).then(function (_ref4) {
           var data = _ref4.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5306,7 +5132,6 @@ var tutorial = _extends({}, config, {
     var input = document.createElement("input");
     input.setAttribute("type", "file");
     input.setAttribute("accept", "video/*");
     input.onchange = function (e) {
       try {
         var file = e.target.files[0];
@@ -5321,11 +5146,9 @@ var tutorial = _extends({}, config, {
         return Promise.reject(e);
       }
     };
     input.click();
   }
 });
 var editorConfig = {
   email: email$2,
   question: question$2,
@@ -5343,20 +5166,16 @@ var initValue = {
 var EMAIL_TEMPLATE_LIST_URL = "/admin/email-template";
 var TITLE$4 = "Email template detail";
 var MAX_FILES_SIZE = 4194304;
 var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
   var editorRef;
   var dispatch = reactRedux.useDispatch();
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(initValue),
-      emailTemplateDetail = _useState[0],
-      setEmailTemplateDetail = _useState[1];
+    emailTemplateDetail = _useState[0],
+    setEmailTemplateDetail = _useState[1];
   var _useState2 = React.useState(false),
-      edited = _useState2[0],
-      setEdited = _useState2[1];
+    edited = _useState2[0],
+    setEdited = _useState2[1];
   var setEditedTrue = function setEditedTrue() {
     try {
       localStorage.setItem(window.location.href, "true");
@@ -5366,15 +5185,12 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
       return Promise.reject(e);
     }
   };
   var _useState3 = React.useState([]),
-      removedFiles = _useState3[0],
-      setRemovedFiles = _useState3[1];
+    removedFiles = _useState3[0],
+    setRemovedFiles = _useState3[1];
   var _useState4 = React.useState([]),
-      fileUpload = _useState4[0],
-      setFileUpload = _useState4[1];
+    fileUpload = _useState4[0],
+    setFileUpload = _useState4[1];
   React.useEffect(function () {
     document.title = TITLE$4;
     setEdited(false);
@@ -5385,13 +5201,11 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
   }, [id]);
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getById(id)).then(function (res) {
           setEmailTemplateDetail({
             id: res.data.id,
@@ -5405,40 +5219,33 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id]);
   var setEditorRef = function setEditorRef(node) {
     return editorRef = node;
   };
   var addParams = function addParams(params) {
     editorRef && editorRef.editor.execCommand("mceInsertContent", false, " " + params.label);
   };
   var backToList = React.useCallback(function () {
     history.push(EMAIL_TEMPLATE_LIST_URL);
   }, []);
   var confirmData = React.useCallback(function (data) {
     try {
-      var _temp9 = function _temp9() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp10 = _catch(function () {
-        function _temp6() {
+      var _temp5 = _catch(function () {
+        function _temp4() {
           var next = !!id ? update$2 : create$2;
           return Promise.resolve(next(data)).then(function () {
             dispatch(setAlert({
@@ -5448,8 +5255,7 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
             backToList();
           });
         }
-        var _temp5 = function () {
+        var _temp3 = function () {
           if (!!fileUpload && !!fileUpload.length) {
             return Promise.resolve(uploadFiles()).then(function (fileData) {
               var newAttachments = fileData.map(function (item) {
@@ -5462,23 +5268,19 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
             });
           }
         }();
-        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
       }, function (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
         }));
       });
-      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id, fileUpload]);
   var onAttachFile = function onAttachFile() {
     var inputs = document.getElementsByClassName("input-attachment");
     var newInput = document.createElement("input");
@@ -5492,19 +5294,15 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
     newInput.addEventListener("change", updateAttachment);
     newInput.click();
   };
   var updateAttachment = function updateAttachment() {
     var files = [];
     var totalSize = 0;
     var attachmentInputs = document.getElementsByClassName("input-attachment");
     for (var _iterator = _createForOfIteratorHelperLoose(attachmentInputs), _step; !(_step = _iterator()).done;) {
       var attachmentInput = _step.value;
       for (var _iterator3 = _createForOfIteratorHelperLoose(attachmentInput.files), _step3; !(_step3 = _iterator3()).done;) {
         var file = _step3.value;
         totalSize += file.size;
         if (totalSize > MAX_FILES_SIZE) {
           dispatch(setAlert({
             type: "danger",
@@ -5515,14 +5313,11 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
         }
       }
     }
     for (var _iterator2 = _createForOfIteratorHelperLoose(attachmentInputs), _step2; !(_step2 = _iterator2()).done;) {
       var _attachmentInput = _step2.value;
       var _loop = function _loop() {
         var file = _step4.value;
         var name = file.name;
         if (!removedFiles.includes(file) && !files.some(function (file) {
           return file.name === name;
         })) {
@@ -5532,17 +5327,13 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
           });
         }
       };
       for (var _iterator4 = _createForOfIteratorHelperLoose(_attachmentInput.files), _step4; !(_step4 = _iterator4()).done;) {
         _loop();
       }
       continue;
     }
     setFileUpload(files);
   };
   var removeAttachment = function removeAttachment(inputId, fileName) {
     if (fileUpload.filter(function (item) {
       return item.inputId === inputId;
@@ -5560,22 +5351,17 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
       setFileUpload([].concat(fileUpload));
       return;
     }
     setRemovedFiles([].concat(removedFiles, [fileName]));
   };
   React.useEffect(function () {
     updateAttachment();
   }, [removedFiles]);
   var uploadFiles = function uploadFiles() {
     try {
       var attachmentInputs = document.getElementsByClassName("input-attachment");
       var promises = [];
       for (var _iterator5 = _createForOfIteratorHelperLoose(attachmentInputs), _step5; !(_step5 = _iterator5()).done;) {
         var attachmentInput = _step5.value;
         for (var _iterator6 = _createForOfIteratorHelperLoose(attachmentInput.files), _step6; !(_step6 = _iterator6()).done;) {
           var file = _step6.value;
           var name = file.name;
@@ -5584,13 +5370,11 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
           promises.push(systemEmailUpload(formData));
         }
       }
       return Promise.all(promises);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   return {
     emailTemplateDetail: emailTemplateDetail,
     setEditorRef: setEditorRef,
@@ -5618,24 +5402,21 @@ var schema$1 = yup.object({
 var CREATE_TEMPLATE_HEADER = "Create email template";
 var EDIT_TEMPLATE_HEADER = "Edit email template";
 var EmailTemplateDetail = function EmailTemplateDetail() {
   var _useParams = reactRouterDom.useParams(),
-      id = _useParams.id;
+    id = _useParams.id;
   var _useEmailTemplateDeta = useEmailTemplateDetail(parseInt(id)),
-      emailTemplateDetail = _useEmailTemplateDeta.emailTemplateDetail,
-      setEditorRef = _useEmailTemplateDeta.setEditorRef,
-      addParams = _useEmailTemplateDeta.addParams,
-      backToList = _useEmailTemplateDeta.backToList,
-      confirmData = _useEmailTemplateDeta.confirmData,
-      edited = _useEmailTemplateDeta.edited,
-      setEdited = _useEmailTemplateDeta.setEdited,
-      setEditedTrue = _useEmailTemplateDeta.setEditedTrue,
-      onAttachFile = _useEmailTemplateDeta.onAttachFile,
-      fileUpload = _useEmailTemplateDeta.fileUpload,
-      removeAttachment = _useEmailTemplateDeta.removeAttachment;
+    emailTemplateDetail = _useEmailTemplateDeta.emailTemplateDetail,
+    setEditorRef = _useEmailTemplateDeta.setEditorRef,
+    addParams = _useEmailTemplateDeta.addParams,
+    backToList = _useEmailTemplateDeta.backToList,
+    confirmData = _useEmailTemplateDeta.confirmData,
+    edited = _useEmailTemplateDeta.edited,
+    setEdited = _useEmailTemplateDeta.setEdited,
+    setEditedTrue = _useEmailTemplateDeta.setEditedTrue,
+    onAttachFile = _useEmailTemplateDeta.onAttachFile,
+    fileUpload = _useEmailTemplateDeta.fileUpload,
+    removeAttachment = _useEmailTemplateDeta.removeAttachment;
   var header = !!id ? EDIT_TEMPLATE_HEADER : CREATE_TEMPLATE_HEADER;
   var confirmText = !!id ? "Update" : "Create";
   var mailCategoryList = reactRedux.useSelector(function (state) {
@@ -5652,12 +5433,12 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
     }
   }, function (formikProps) {
     var values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        setFieldValue = formikProps.setFieldValue,
-        handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit;
+      touched = formikProps.touched,
+      errors = formikProps.errors,
+      setFieldValue = formikProps.setFieldValue,
+      handleChange = formikProps.handleChange,
+      handleBlur = formikProps.handleBlur,
+      handleSubmit = formikProps.handleSubmit;
     return React__default.createElement("div", {
       className: "animated fadeIn detail-buttons-padding",
       id: "email-detail"
@@ -5770,22 +5551,19 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
 var CommonModal = function CommonModal(props, ref) {
   var header = props.header,
-      children = props.children,
-      onConfirm = props.onConfirm,
-      onCancel = props.onCancel,
-      confirmText = props.confirmText,
-      cancelText = props.cancelText,
-      noFooter = props.noFooter,
-      size = props.size,
-      edited = props.edited,
-      setEditedFalse = props.setEditedFalse;
+    children = props.children,
+    onConfirm = props.onConfirm,
+    onCancel = props.onCancel,
+    confirmText = props.confirmText,
+    cancelText = props.cancelText,
+    noFooter = props.noFooter,
+    size = props.size,
+    edited = props.edited,
+    setEditedFalse = props.setEditedFalse;
   var _useState = React.useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var dispatch = reactRedux.useDispatch();
   var showEditedWarningModal = function showEditedWarningModal(cb) {
     try {
       dispatch(setModal({
@@ -5803,20 +5581,17 @@ var CommonModal = function CommonModal(props, ref) {
       }));
     } catch (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
       }));
     }
   };
   var onToggle = function onToggle() {
     !!setEditedFalse && setEditedFalse();
     setIsOpen(!isOpen);
     !!isOpen && !!onCancel && onCancel();
   };
   var _toggle = React.useCallback(function (isShowConfirm, cb) {
     if (!!isShowConfirm) {
       showEditedWarningModal(function () {
@@ -5828,7 +5603,6 @@ var CommonModal = function CommonModal(props, ref) {
       !!cb && cb();
     }
   }, [isOpen]);
   var cancel = React.useCallback(function () {
     _toggle(!!edited, function () {
       onCancel && onCancel();
@@ -5858,24 +5632,22 @@ var CommonModal = function CommonModal(props, ref) {
     onClick: cancel
   }, cancelText || "Cancel")));
 };
 var CommonModal$1 = React.forwardRef(CommonModal);
 var schema$2 = yup.object({
   question: yup.string().required("Question is required"),
   answer: yup.string().required("Answer is required")
 });
 var FaqDetailModal = function FaqDetailModal(props, ref) {
   var header = props.header,
-      confirmText = props.confirmText,
-      onConfirm = props.onConfirm,
-      faqDetail = props.faqDetail,
-      onCancel = props.onCancel,
-      edited = props.edited,
-      setEdited = props.setEdited,
-      setEditedTrue = props.setEditedTrue,
-      setEditedFalse = props.setEditedFalse;
+    confirmText = props.confirmText,
+    onConfirm = props.onConfirm,
+    faqDetail = props.faqDetail,
+    onCancel = props.onCancel,
+    edited = props.edited,
+    setEdited = props.setEdited,
+    setEditedTrue = props.setEditedTrue,
+    setEditedFalse = props.setEditedFalse;
   return React__default.createElement(formik.Formik, {
     initialValues: faqDetail,
     enableReinitialize: true,
@@ -5886,11 +5658,11 @@ var FaqDetailModal = function FaqDetailModal(props, ref) {
     }
   }, function (formikProps) {
     var values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit;
+      touched = formikProps.touched,
+      errors = formikProps.errors,
+      handleChange = formikProps.handleChange,
+      handleBlur = formikProps.handleBlur,
+      handleSubmit = formikProps.handleSubmit;
     return React__default.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -5937,7 +5709,6 @@ var FaqDetailModal = function FaqDetailModal(props, ref) {
     }))));
   });
 };
 var FaqDetailModal$1 = React.forwardRef(FaqDetailModal);
 var setFaqList = toolkit.createAction("faqs/setFaqList");
@@ -5962,7 +5733,6 @@ var remove$1 = function remove(id) {
 };
 var TITLE$5 = "FAQ list";
 var useFaqList = function useFaqList() {
   var faqList = reactRedux.useSelector(function (state) {
     return state.faqs.faqList;
@@ -5970,25 +5740,21 @@ var useFaqList = function useFaqList() {
   var totalItems = reactRedux.useSelector(function (state) {
     return state.faqs.totalItems;
   });
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = reactRedux.useDispatch();
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$3(filters)).then(function (res) {
           var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
+            items = _res$data.items,
+            totalItems = _res$data.totalItems;
           dispatch(setFaqList({
             faqList: items,
             totalItems: totalItems
@@ -5996,21 +5762,18 @@ var useFaqList = function useFaqList() {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(setLoading(true));
     try {
       dispatch(setModal({
         isOpen: true,
@@ -6034,13 +5797,11 @@ var useFaqList = function useFaqList() {
       }));
     } 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]);
   React.useEffect(function () {
@@ -6063,22 +5824,17 @@ var initValue$1 = {
   question: "",
   answer: ""
 };
 var useFaqDetail = function useFaqDetail() {
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(0),
-      id = _useState[0],
-      setId = _useState[1];
+    id = _useState[0],
+    setId = _useState[1];
   var _useState2 = React.useState(initValue$1),
-      faqDetail = _useState2[0],
-      setFaqDetail = _useState2[1];
+    faqDetail = _useState2[0],
+    setFaqDetail = _useState2[1];
   var _useState3 = React.useState(false),
-      edited = _useState3[0],
-      setEdited = _useState3[1];
+    edited = _useState3[0],
+    setEdited = _useState3[1];
   var setEditedTrue = function setEditedTrue() {
     try {
       localStorage.setItem(window.location.href, "true");
@@ -6088,7 +5844,6 @@ var useFaqDetail = function useFaqDetail() {
       return Promise.reject(e);
     }
   };
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -6098,54 +5853,45 @@ var useFaqDetail = function useFaqDetail() {
       return Promise.reject(e);
     }
   };
   React.useEffect(function () {
     !!id ? getData() : setFaqDetail(initValue$1);
   }, [id]);
   React.useEffect(function () {
     setEditedFalse();
   }, []);
   var reset = function reset() {
     setFaqDetail(initValue$1);
     setId(0);
   };
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getById$1(id)).then(function (res) {
           setFaqDetail(res.data);
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id]);
   var confirmData = React.useCallback(function (values, cb) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp4 = function _temp4() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp8 = _catch(function () {
+      var _temp3 = _catch(function () {
         var next = !!id ? update$3 : create$3;
         return Promise.resolve(next(values)).then(function () {
           dispatch(setAlert({
@@ -6157,14 +5903,12 @@ var useFaqDetail = function useFaqDetail() {
         });
       }, function (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
         }));
       });
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6184,34 +5928,29 @@ var useFaqDetail = function useFaqDetail() {
 };
 var header$1 = "FAQ";
 var FaqList = function FaqList() {
   var modal = React.useRef();
   var _useFaqList = useFaqList(),
-      faqList = _useFaqList.faqList,
-      totalItems = _useFaqList.totalItems,
-      filters = _useFaqList.filters,
-      changeFilters = _useFaqList.changeFilters,
-      getData = _useFaqList.getData,
-      removeData = _useFaqList.removeData;
+    faqList = _useFaqList.faqList,
+    totalItems = _useFaqList.totalItems,
+    filters = _useFaqList.filters,
+    changeFilters = _useFaqList.changeFilters,
+    getData = _useFaqList.getData,
+    removeData = _useFaqList.removeData;
   var _useFaqDetail = useFaqDetail(),
-      id = _useFaqDetail.id,
-      setId = _useFaqDetail.setId,
-      faqDetail = _useFaqDetail.faqDetail,
-      confirmData = _useFaqDetail.confirmData,
-      reset = _useFaqDetail.reset,
-      edited = _useFaqDetail.edited,
-      setEdited = _useFaqDetail.setEdited,
-      setEditedTrue = _useFaqDetail.setEditedTrue,
-      setEditedFalse = _useFaqDetail.setEditedFalse;
+    id = _useFaqDetail.id,
+    setId = _useFaqDetail.setId,
+    faqDetail = _useFaqDetail.faqDetail,
+    confirmData = _useFaqDetail.confirmData,
+    reset = _useFaqDetail.reset,
+    edited = _useFaqDetail.edited,
+    setEdited = _useFaqDetail.setEdited,
+    setEditedTrue = _useFaqDetail.setEditedTrue,
+    setEditedFalse = _useFaqDetail.setEditedFalse;
   var openModal = function openModal(faqId) {
     !!faqId ? setId(faqId) : setId(0);
     modal && modal.current && modal.current.toggle();
   };
   var onConfirm = function onConfirm(values) {
     confirmData(values, function () {
       modal && modal.current && modal.current.toggle();
@@ -6219,15 +5958,12 @@ var FaqList = function FaqList() {
     });
     setEditedFalse();
   };
   var onRemove = function onRemove(id) {
     removeData(id);
   };
   var onCancel = function onCancel() {
     return reset();
   };
   return React__default.createElement("div", {
     className: "fadeIn animated"
   }, React__default.createElement(FaqDetailModal$1, {
@@ -6333,31 +6069,27 @@ var remove$2 = function remove(id) {
 var SkillSelector = function SkillSelector(props) {
   var _useState = React.useState([]),
-      skillList = _useState[0],
-      setSkillList = _useState[1];
+    skillList = _useState[0],
+    setSkillList = _useState[1];
   React.useEffect(function () {
     fetchSkill();
   }, []);
   var fetchSkill = function fetchSkill() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$4()).then(function (res) {
           setSkillList(res.data.items);
         });
       }, function (err) {
         console.error(err.message);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var id = props.id,
-      isDisabled = props.isDisabled;
+    isDisabled = props.isDisabled;
   var arrSkill = skillList.map(function (i) {
     return {
       id: i.id,
@@ -6377,22 +6109,19 @@ var schema$3 = yup.object({
   name: yup.string().required("Name is required"),
   description: yup.string()
 });
 var SkillDetailModal = function SkillDetailModal(props, ref) {
   var header = props.header,
-      confirmText = props.confirmText,
-      onConfirm = props.onConfirm,
-      skillDetail = props.skillDetail,
-      _onCancel = props.onCancel,
-      edited = props.edited,
-      setEdited = props.setEdited,
-      setEditedTrue = props.setEditedTrue,
-      setEditedFalse = props.setEditedFalse,
-      isDisabled = props.isDisabled;
+    confirmText = props.confirmText,
+    onConfirm = props.onConfirm,
+    skillDetail = props.skillDetail,
+    _onCancel = props.onCancel,
+    edited = props.edited,
+    setEdited = props.setEdited,
+    setEditedTrue = props.setEditedTrue,
+    setEditedFalse = props.setEditedFalse,
+    isDisabled = props.isDisabled;
   var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    t = _useTranslation.t;
   return React__default.createElement(formik.Formik, {
     initialValues: skillDetail,
     enableReinitialize: true,
@@ -6403,12 +6132,12 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
     }
   }, function (formikProps) {
     var values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit,
-        resetForm = formikProps.resetForm;
+      touched = formikProps.touched,
+      errors = formikProps.errors,
+      handleChange = formikProps.handleChange,
+      handleBlur = formikProps.handleBlur,
+      handleSubmit = formikProps.handleSubmit,
+      resetForm = formikProps.resetForm;
     return React__default.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -6416,7 +6145,6 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       ref: ref,
       onCancel: function onCancel() {
         _onCancel();
         resetForm();
       },
       edited: edited,
@@ -6465,13 +6193,11 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
     }))));
   });
 };
 var SkillDetailModal$1 = React.forwardRef(SkillDetailModal);
 var setSkillList = toolkit.createAction("skills/setSkillList");
 var TITLE$6 = "Skill list";
 var useSkillList = function useSkillList() {
   var skillList = reactRedux.useSelector(function (state) {
     return state.skills.skillList;
@@ -6479,25 +6205,21 @@ var useSkillList = function useSkillList() {
   var totalItems = reactRedux.useSelector(function (state) {
     return state.skills.totalItems;
   });
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = reactRedux.useDispatch();
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$4(filters)).then(function (res) {
           var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
+            items = _res$data.items,
+            totalItems = _res$data.totalItems;
           dispatch(setSkillList({
             skillList: items,
             totalItems: totalItems
@@ -6505,21 +6227,18 @@ var useSkillList = function useSkillList() {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(setLoading(true));
     try {
       dispatch(setModal({
         isOpen: true,
@@ -6527,7 +6246,7 @@ var useSkillList = function useSkillList() {
         message: "Do you want to remove this skill?",
         onConfirm: function () {
           try {
-            var _temp6 = _catch(function () {
+            var _temp3 = _catch(function () {
               return Promise.resolve(remove$2(id)).then(function () {
                 dispatch(setAlert({
                   type: "success",
@@ -6539,14 +6258,12 @@ var useSkillList = function useSkillList() {
               });
             }, function (error) {
               var _error$response, _error$response$data;
               dispatch(setAlert({
                 type: "danger",
                 message: ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.title) || error.message || "Error occured"
               }));
             });
-            return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+            return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -6554,13 +6271,11 @@ var useSkillList = function useSkillList() {
       }));
     } 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 || "Error occured"
       }));
     }
     dispatch(setLoading(false));
   }, [filters]);
   React.useEffect(function () {
@@ -6585,22 +6300,17 @@ var initValue$2 = {
   path: "",
   parentSkillId: null
 };
 var useSkillDetail = function useSkillDetail() {
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(0),
-      id = _useState[0],
-      setId = _useState[1];
+    id = _useState[0],
+    setId = _useState[1];
   var _useState2 = React.useState(initValue$2),
-      skillDetail = _useState2[0],
-      setSkillDetail = _useState2[1];
+    skillDetail = _useState2[0],
+    setSkillDetail = _useState2[1];
   var _useState3 = React.useState(false),
-      edited = _useState3[0],
-      setEdited = _useState3[1];
+    edited = _useState3[0],
+    setEdited = _useState3[1];
   var setEditedTrue = function setEditedTrue() {
     try {
       localStorage.setItem(window.location.href, "true");
@@ -6610,7 +6320,6 @@ var useSkillDetail = function useSkillDetail() {
       return Promise.reject(e);
     }
   };
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -6620,54 +6329,45 @@ var useSkillDetail = function useSkillDetail() {
       return Promise.reject(e);
     }
   };
   React.useEffect(function () {
     !!id ? getData() : setSkillDetail(initValue$2);
   }, [id]);
   var reset = function reset() {
     setId(0);
     setSkillDetail(initValue$2);
   };
   React.useEffect(function () {
     setEditedFalse();
   }, []);
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getById$2(id)).then(function (res) {
           setSkillDetail(res.data);
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id]);
   var confirmData = React.useCallback(function (values, cb) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp4 = function _temp4() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp8 = _catch(function () {
+      var _temp3 = _catch(function () {
         var next = !!id ? update$4 : create$4;
         return Promise.resolve(next(values)).then(function () {
           dispatch(setAlert({
@@ -6679,14 +6379,12 @@ var useSkillDetail = function useSkillDetail() {
         });
       }, function (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
         }));
       });
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6707,34 +6405,29 @@ var useSkillDetail = function useSkillDetail() {
 var SkillList = function SkillList() {
   var modal = React.useRef();
   var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    t = _useTranslation.t;
   var _useSkillList = useSkillList(),
-      skillList = _useSkillList.skillList,
-      totalItems = _useSkillList.totalItems,
-      filters = _useSkillList.filters,
-      changeFilters = _useSkillList.changeFilters,
-      getData = _useSkillList.getData,
-      removeData = _useSkillList.removeData;
+    skillList = _useSkillList.skillList,
+    totalItems = _useSkillList.totalItems,
+    filters = _useSkillList.filters,
+    changeFilters = _useSkillList.changeFilters,
+    getData = _useSkillList.getData,
+    removeData = _useSkillList.removeData;
   var _useSkillDetail = useSkillDetail(),
-      id = _useSkillDetail.id,
-      setId = _useSkillDetail.setId,
-      skillDetail = _useSkillDetail.skillDetail,
-      confirmData = _useSkillDetail.confirmData,
-      reset = _useSkillDetail.reset,
-      edited = _useSkillDetail.edited,
-      setEdited = _useSkillDetail.setEdited,
-      setEditedTrue = _useSkillDetail.setEditedTrue,
-      setEditedFalse = _useSkillDetail.setEditedFalse;
+    id = _useSkillDetail.id,
+    setId = _useSkillDetail.setId,
+    skillDetail = _useSkillDetail.skillDetail,
+    confirmData = _useSkillDetail.confirmData,
+    reset = _useSkillDetail.reset,
+    edited = _useSkillDetail.edited,
+    setEdited = _useSkillDetail.setEdited,
+    setEditedTrue = _useSkillDetail.setEditedTrue,
+    setEditedFalse = _useSkillDetail.setEditedFalse;
   var openModal = function openModal(skillId) {
     !!skillId ? setId(skillId) : setId(0);
     modal && modal.current && modal.current.toggle();
   };
   var onConfirm = function onConfirm(values) {
     confirmData(values, function () {
       modal && modal.current && modal.current.toggle();
@@ -6742,15 +6435,12 @@ var SkillList = function SkillList() {
     });
     setEditedFalse();
   };
   var onRemove = function onRemove(id) {
     removeData(id);
   };
   var onCancel = function onCancel() {
     return reset();
   };
   return React__default.createElement("div", {
     className: "fadeIn animated"
   }, React__default.createElement(SkillDetailModal$1, {
@@ -6838,33 +6528,28 @@ var SkillList = function SkillList() {
 };
 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;
+    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];
+    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",
@@ -6872,19 +6557,15 @@ var UploadFileButton = function UploadFileButton(_ref) {
       }));
       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,
@@ -6964,23 +6645,18 @@ var initValue$3 = {
 };
 var USER_LIST_URL = "/admin/user";
 var TITLE$7 = "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];
+    userDetail = _useState[0],
+    setUserDetail = _useState[1];
   var _useState2 = React.useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
+    file = _useState2[0],
+    setFile = _useState2[1];
   var _useState3 = React.useState(false),
-      edited = _useState3[0],
-      setEdited = _useState3[1];
+    edited = _useState3[0],
+    setEdited = _useState3[1];
   var setEditedTrue = function setEditedTrue() {
     try {
       localStorage.setItem(window.location.href, "true");
@@ -6990,11 +6666,9 @@ var useUserDetail = function useUserDetail(id) {
       return Promise.reject(e);
     }
   };
   var _useState4 = React.useState([]),
-      currentRoles = _useState4[0],
-      setCurrentRoles = _useState4[1];
+    currentRoles = _useState4[0],
+    setCurrentRoles = _useState4[1];
   React.useEffect(function () {
     document.title = TITLE$7;
     setEdited(false);
@@ -7005,16 +6679,13 @@ var useUserDetail = function useUserDetail(id) {
   }, [id]);
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getById$3(id)).then(function (res) {
           var _res$data$roles, _res$data, _res$data2;
           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
@@ -7024,14 +6695,12 @@ var useUserDetail = function useUserDetail(id) {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -7041,14 +6710,12 @@ var useUserDetail = function useUserDetail(id) {
   }, []);
   var confirmData = React.useCallback(function (data) {
     try {
-      var _temp9 = function _temp9() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp10 = _catch(function () {
-        function _temp6() {
+      var _temp5 = _catch(function () {
+        function _temp4() {
           var next = !!id ? update$5 : create$5;
           !id && delete data.id;
           return Promise.resolve(next(data)).then(function (result) {
@@ -7057,61 +6724,50 @@ var useUserDetail = function useUserDetail(id) {
                 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"
             }));
           });
         }
-        var _temp5 = function () {
+        var _temp3 = function () {
           if (!!file) {
             var formData = new FormData();
             var name = file.name;
             formData.append("file", file, name);
             return Promise.resolve(systemProfileUpload(formData)).then(function (res) {
               var _res$data3;
               var imageUrl = res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.key;
               data.profileImageFileName = imageUrl;
             });
           }
         }();
-        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
+        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
       }, function (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
         }));
       });
-      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id, file]);
   var handleDisableRoles = function handleDisableRoles(currentRoles) {
     return ["Student", "Parent", "EduTeacher"].includes(currentRoles);
   };
   var confirmChangePassword = function confirmChangePassword(data) {
     try {
-      var _temp13 = function _temp13() {
+      var _temp8 = function _temp8() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp14 = _catch(function () {
+      var _temp7 = _catch(function () {
         return Promise.resolve(changePassword(data)).then(function () {
           dispatch(setAlert({
             type: "success",
@@ -7120,28 +6776,23 @@ var useUserDetail = function useUserDetail(id) {
         });
       }, function (e) {
         var _e$response, _e$response$data;
         dispatch(setAlert({
           type: "danger",
           message: ((_e$response = e.response) === null || _e$response === void 0 ? void 0 : (_e$response$data = _e$response.data) === null || _e$response$data === void 0 ? void 0 : _e$response$data.title) || e.message
         }));
       });
-      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
+      return Promise.resolve(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var forgotPasswordRequest = React.useCallback(function (data) {
     try {
-      var _temp17 = function _temp17() {
+      var _temp10 = function _temp10() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp18 = _catch(function () {
+      var _temp9 = _catch(function () {
         return Promise.resolve(forgotChangePassword(data)).then(function () {
           dispatch(setAlert({
             type: "success",
@@ -7150,14 +6801,12 @@ var useUserDetail = function useUserDetail(id) {
         });
       }, function (err) {
         var _err$response3, _err$response3$data;
         dispatch(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 || "Error occured"
         }));
       });
-      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
+      return Promise.resolve(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -7195,32 +6844,27 @@ var changePasswordSchema = yup.object({
 var CREATE_USER = "create_user";
 var EDIT_USER_HEADER = "edit_user";
 var CHANGE_PASSWORD$1 = "change_password";
 var UserDetail = function UserDetail() {
   var _useParams = reactRouterDom.useParams(),
-      id = _useParams.id;
+    id = _useParams.id;
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
   var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    t = _useTranslation.t;
   var _useUserDetail = useUserDetail(id),
-      userDetail = _useUserDetail.userDetail,
-      backToList = _useUserDetail.backToList,
-      confirmData = _useUserDetail.confirmData,
-      file = _useUserDetail.file,
-      setFile = _useUserDetail.setFile,
-      edited = _useUserDetail.edited,
-      setEdited = _useUserDetail.setEdited,
-      setEditedTrue = _useUserDetail.setEditedTrue,
-      confirmChangePassword = _useUserDetail.confirmChangePassword,
-      forgotPasswordRequest = _useUserDetail.forgotPasswordRequest,
-      currentRoles = _useUserDetail.currentRoles,
-      handleDisableRoles = _useUserDetail.handleDisableRoles;
+    userDetail = _useUserDetail.userDetail,
+    backToList = _useUserDetail.backToList,
+    confirmData = _useUserDetail.confirmData,
+    file = _useUserDetail.file,
+    setFile = _useUserDetail.setFile,
+    edited = _useUserDetail.edited,
+    setEdited = _useUserDetail.setEdited,
+    setEditedTrue = _useUserDetail.setEditedTrue,
+    confirmChangePassword = _useUserDetail.confirmChangePassword,
+    forgotPasswordRequest = _useUserDetail.forgotPasswordRequest,
+    currentRoles = _useUserDetail.currentRoles,
+    handleDisableRoles = _useUserDetail.handleDisableRoles;
   var initialValueForm = {
     oldPassword: "",
     newPassword: "",
@@ -7228,12 +6872,10 @@ var UserDetail = function UserDetail() {
   };
   var header = !!id ? t("" + EDIT_USER_HEADER) : t("" + CREATE_USER);
   var confirmText = !!id ? t("update") : t("create");
   var getFile = function getFile() {
     var url = window.location.origin + "/api/ExportDataUser/" + id;
     window.open(url);
   };
   var onResetPw = function onResetPw(email) {
     try {
       var data = {
@@ -7245,7 +6887,6 @@ var UserDetail = function UserDetail() {
       return Promise.reject(e);
     }
   };
   return React__default.createElement(formik.Formik, {
     initialValues: userDetail,
     enableReinitialize: true,
@@ -7256,15 +6897,15 @@ var UserDetail = function UserDetail() {
       }));
       setEdited(false);
       if (!!localStorage.getItem(window.location.href)) localStorage.removeItem(window.location.href);
-    }
-  }, function (formProps) {
-    var values = formProps.values,
-        touched = formProps.touched,
-        errors = formProps.errors,
-        setFieldValue = formProps.setFieldValue,
-        handleChange = formProps.handleChange,
-        handleBlur = formProps.handleBlur,
-        handleSubmit = formProps.handleSubmit;
+    }
+  }, function (formProps) {
+    var values = formProps.values,
+      touched = formProps.touched,
+      errors = formProps.errors,
+      setFieldValue = formProps.setFieldValue,
+      handleChange = formProps.handleChange,
+      handleBlur = formProps.handleBlur,
+      handleSubmit = formProps.handleSubmit;
     var toggleRoles = React.useCallback(function (role) {
       if (values.roles.includes(role)) {
         setFieldValue("roles", values.roles.filter(function (r) {
@@ -7272,17 +6913,14 @@ var UserDetail = function UserDetail() {
         }));
         return;
       }
       if ([ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER].includes(role)) {
         setFieldValue("roles", [role]);
         return;
       }
       if (values.roles.includes(ROLES.EDUTEACHER) && ROLES.EDUTEACHER != role) {
         setFieldValue("roles", [role]);
         return;
       }
       setFieldValue("roles", [].concat(values.roles, [role]));
     }, [values.roles]);
     return React__default.createElement("div", {
@@ -7462,10 +7100,10 @@ var UserDetail = function UserDetail() {
       }
     }, function (formProps) {
       var values = formProps.values,
-          touched = formProps.touched,
-          errors = formProps.errors,
-          handleChange = formProps.handleChange,
-          handleSubmit = formProps.handleSubmit;
+        touched = formProps.touched,
+        errors = formProps.errors,
+        handleChange = formProps.handleChange,
+        handleSubmit = formProps.handleSubmit;
       return React__default.createElement(reactstrap.Row, {
         className: "pt-2 pb-5"
       }, React__default.createElement(reactstrap.Col, {
@@ -7536,8 +7174,7 @@ var UserDetail = function UserDetail() {
 var ScrollToTop = function ScrollToTop() {
   var _useLocation = reactRouterDom.useLocation(),
-      pathname = _useLocation.pathname;
+    pathname = _useLocation.pathname;
   React.useEffect(function () {
     window.scrollTo(0, 0);
   }, [pathname]);
@@ -7551,19 +7188,16 @@ var modalInfo = function modalInfo(type) {
         header: "Error",
         color: COLORS.DANGER
       };
     case "warning":
       return {
         header: "Warning",
         color: COLORS.WARNING
       };
     case "success":
       return {
         header: "Success",
         color: COLORS.SUCCESS
       };
     default:
       return {
         header: "Infomation",
@@ -7571,16 +7205,15 @@ var modalInfo = function modalInfo(type) {
       };
   }
 };
 var NotificationModal = function NotificationModal() {
   var dispatch = reactRedux.useDispatch();
   var modal = reactRedux.useSelector(function (state) {
     return state.common.modal;
   });
   var isOpen = modal.isOpen,
-      type = modal.type,
-      message = modal.message,
-      onConfirm = modal.onConfirm;
+    type = modal.type,
+    message = modal.message,
+    onConfirm = modal.onConfirm;
   var toggle = React.useCallback(function () {
     dispatch(setModal({
       isOpen: !isOpen,
@@ -7590,12 +7223,10 @@ var NotificationModal = function NotificationModal() {
   var headerStyle = {
     backgroundColor: modalInfo(type).color
   };
   var confirm = function confirm() {
     onConfirm && onConfirm();
     toggle();
   };
   return React__default.createElement(reactstrap.Modal, {
     isOpen: isOpen,
     toggle: toggle,
@@ -7619,10 +7250,9 @@ var headerTextStyle = {
   fontSize: "1.5rem",
   textAlign: "center"
 };
 var CommonHeader = function CommonHeader(_ref) {
   var header = _ref.header,
-      rootHeader = _ref.rootHeader;
+    rootHeader = _ref.rootHeader;
   return React__default.createElement("div", {
     style: headerStyle
   }, React__default.createElement(reactstrap.Row, null, rootHeader && React__default.createElement(reactstrap.Col, {
@@ -7639,7 +7269,6 @@ var CommonHeader = function CommonHeader(_ref) {
 var utcToLocalTime = (function (time, FORMAT) {
   if (time === DATE_MIN_VALUE) return "";
   try {
     return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
   } catch (_unused) {
@@ -7649,23 +7278,20 @@ var utcToLocalTime = (function (time, FORMAT) {
 var NotificationLogoutModal = function NotificationLogoutModal() {
   var _useState = React.useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var _useState2 = React.useState({
-    minutes: 0,
-    timeLogout: ""
-  }),
-      objTime = _useState2[0],
-      setObjTime = _useState2[1];
+      minutes: 0,
+      timeLogout: ""
+    }),
+    objTime = _useState2[0],
+    setObjTime = _useState2[1];
   var checkOpenModalLogout = function checkOpenModalLogout() {
     var lastTimeOut = localStorage.getItem("LAST_TIME_REQUETST");
     var timeMoment = moment(lastTimeOut, "YYYY-MM-DD HH:mm");
     var currentTime = moment(moment().utc().format("YYYY-MM-DD HH:mm"));
     var minutes = currentTime.diff(timeMoment, "minutes");
     var timeLogout = utcToLocalTime(currentTime.add(16 - minutes, 'minutes').format("YYYY-MM-DD HH:mm"), "HH:mm");
     if (minutes == 13) {
       var dataTime = {
         minutes: minutes,
@@ -7675,10 +7301,8 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
       onToggle();
     }
   };
   React.useEffect(function () {
     var getAccessToken = localStorage.getItem(ACCESS_TOKEN);
     if (getAccessToken) {
       var interval = setInterval(function () {
         checkOpenModalLogout();
@@ -7687,14 +7311,11 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
         return clearInterval(interval);
       };
     }
     return;
   }, [location.href]);
   var onToggle = function onToggle() {
     setIsOpen(!isOpen);
   };
   return React__default.createElement(reactstrap.Modal, {
     isOpen: isOpen,
     toggle: onToggle,
@@ -7721,14 +7342,13 @@ var EditButtonIcon = function EditButtonIcon(_ref) {
 var components = {
   DropdownIndicator: null
 };
 var CreatableSelector = function CreatableSelector(props) {
   var inputValue = props.inputValue,
-      value = props.value,
-      placeholder = props.placeholder,
-      handleChange = props.handleChange,
-      handleInputChange = props.handleInputChange,
-      handleKeyDown = props.handleKeyDown;
+    value = props.value,
+    placeholder = props.placeholder,
+    handleChange = props.handleChange,
+    handleInputChange = props.handleInputChange,
+    handleKeyDown = props.handleKeyDown;
   return React__default.createElement(Creatable, {
     components: components,
     placeholder: placeholder || "Type something to create option",
@@ -7745,15 +7365,13 @@ 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;
+    onSearch = _ref.onSearch,
+    placeholder = _ref.placeholder,
+    className = _ref.className,
+    style = _ref.style;
   var _useState = React.useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
+    searchString = _useState[0],
+    setSearchString = _useState[1];
   React.useEffect(function () {
     setSearchString(initValue);
   }, [initValue]);
@@ -7771,7 +7389,6 @@ var SearchBox = function SearchBox(_ref) {
     style: style
   });
 };
 SearchBox.defaultProps = {
   placeholder: "Type something to search",
   className: "",
@@ -7797,29 +7414,25 @@ var get$6 = function get() {
 var SuggestionCategorySelector = function SuggestionCategorySelector(props) {
   var _useState = React.useState([]),
-      categoryList = _useState[0],
-      setCategoryList = _useState[1];
+    categoryList = _useState[0],
+    setCategoryList = _useState[1];
   React.useEffect(function () {
     fetchCategory();
   }, []);
   var fetchCategory = function fetchCategory() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$6()).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var id = props.id;
   var arrCategory = categoryList.map(function (i) {
     return {
@@ -7853,31 +7466,27 @@ var getByFilter = function getByFilter(filter) {
 var QuestionCategorySelector = function QuestionCategorySelector(props) {
   var _useState = React.useState([]),
-      getCategoryList = _useState[0],
-      setCategoryList = _useState[1];
+    getCategoryList = _useState[0],
+    setCategoryList = _useState[1];
   var id = props.id,
-      parentCategoryId = props.parentCategoryId;
+    parentCategoryId = props.parentCategoryId;
   React.useEffect(function () {
     fetchCategory();
   }, []);
   var fetchCategory = function fetchCategory() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$7(parentCategoryId)).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var arrCategory = getCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -7896,19 +7505,16 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
 var useCategorySelector = function useCategorySelector() {
   var _useState = React.useState([]),
-      categories = _useState[0],
-      setCategories = _useState[1];
+    categories = _useState[0],
+    setCategories = _useState[1];
   var dispatch = reactRedux.useDispatch();
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getByFilter(_extends({}, DEFAULT_FILTER, {
           pageSize: -1
         }))).then(function (res) {
@@ -7917,22 +7523,18 @@ var useCategorySelector = function useCategorySelector() {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var convertOptions = function convertOptions(categories, parent, children) {
     var result = [];
     if (!parent) {
       var noParentCategories = categories.filter(function (c) {
         return !c.parentCategoryId;
@@ -7941,14 +7543,12 @@ var useCategorySelector = function useCategorySelector() {
         var childrenOfCategory = categories.filter(function (cg) {
           return cg.parentCategoryId === c.id;
         });
         var category = _extends({}, c, {
           label: c.name,
           value: c.id,
           level: 0,
           isDisabled: childrenOfCategory.length > 0
         });
         result = result.concat(convertOptions(categories, category, childrenOfCategory));
       });
     } else {
@@ -7957,21 +7557,17 @@ var useCategorySelector = function useCategorySelector() {
         var childrenOfCategory = categories.filter(function (cg) {
           return cg.parentCategoryId === c.id;
         });
         var category = _extends({}, c, {
           label: c.name,
           value: c.id,
           level: parent.level ? parent.level + 1 : 1,
           isDisabled: childrenOfCategory.length > 0
         });
         result = result.concat(convertOptions(categories, category, childrenOfCategory));
       });
     }
     return result;
   };
   React.useEffect(function () {
     getData();
   }, []);
@@ -7980,6 +7576,7 @@ var useCategorySelector = function useCategorySelector() {
   };
 };
+var _excluded$1 = ["value"];
 var optionStyles = {
   control: function control(styles) {
     return _extends({}, styles, {
@@ -8000,14 +7597,11 @@ var optionStyles = {
     });
   }
 };
 var CategorySelector = function CategorySelector(_ref2) {
   var value = _ref2.value,
-      rest = _objectWithoutPropertiesLoose(_ref2, ["value"]);
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
   var _useCategorySelector = useCategorySelector(),
-      categories = _useCategorySelector.categories;
+    categories = _useCategorySelector.categories;
   var initialValue = !!value ? categories.find(function (option) {
     return option.value === value;
   }) || null : null;
@@ -8034,13 +7628,12 @@ var StarRatingSelector = function StarRatingSelector(props) {
 var ACTIVE_COLOR = "primary";
 var INACTIVE_COLOR = "secondary";
 var ToggleButton = function ToggleButton(_ref) {
   var textLeft = _ref.textLeft,
-      textRight = _ref.textRight,
-      isLeft = _ref.isLeft,
-      clickLeft = _ref.clickLeft,
-      clickRight = _ref.clickRight;
+    textRight = _ref.textRight,
+    isLeft = _ref.isLeft,
+    clickLeft = _ref.clickLeft,
+    clickRight = _ref.clickRight;
   return React__default.createElement("div", {
     className: "w-100 d-flex"
   }, React__default.createElement(reactstrap.Button, {
@@ -8058,12 +7651,11 @@ var ToggleButton = function ToggleButton(_ref) {
 var InputFile = function InputFile(_ref) {
   var icon = _ref.icon,
-      accept = _ref.accept,
-      callback = _ref.callback;
+    accept = _ref.accept,
+    callback = _ref.callback;
   var handleFileChange = function handleFileChange(e) {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         var formData = new FormData();
         var file = e.target.files[0];
         var fileName = file.name;
@@ -8071,21 +7663,19 @@ var InputFile = function InputFile(_ref) {
         formData.append("customKey", "conversation");
         return Promise.resolve(customKeyUpload(formData)).then(function (res) {
           var _res$data = res.data,
-              name = _res$data.name,
-              key = _res$data.key,
-              type = _res$data.type;
+            name = _res$data.name,
+            key = _res$data.key,
+            type = _res$data.type;
           callback(name, getFileUrl(key), type);
         });
       }, function (err) {
         console.error(err.message);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   return React__default.createElement(React.Fragment, null, React__default.createElement(reactstrap.Input, {
     className: "d-none",
     type: "file",
@@ -8097,7 +7687,6 @@ var InputFile = function InputFile(_ref) {
     role: "button"
   }, icon));
 };
 InputFile.defaultProps = {
   accept: "*"
 };
@@ -8113,10 +7702,9 @@ var options = [{
   value: false,
   label: "Unread"
 }];
 var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
   var value = _ref.value,
-      onChange = _ref.onChange;
+    onChange = _ref.onChange;
   var customSelector = {
     menu: function menu(provided) {
       return _extends({}, provided, {
@@ -8131,7 +7719,6 @@ var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
     styles: customSelector
   });
 };
 var NotificationStatusSelector$1 = React.memo(NotificationStatusSelector);
 var defaultFilters = {
@@ -8143,13 +7730,10 @@ var defaultFilters = {
 var TITLE$8 = "Notification list";
 var NOTIFICATION_CHANNEL$1 = "NOTIFICATION_CHANNEL";
 var NEW_NOTIFICATION$1 = "NEW_NOTIFICATION";
 var useNotificationList = function useNotificationList() {
   var dispatch = reactRedux.useDispatch();
   var _useParams = reactRouterDom.useParams(),
-      roles = _useParams.roles;
+    roles = _useParams.roles;
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
   });
@@ -8169,87 +7753,68 @@ var useNotificationList = function useNotificationList() {
   var unReadNotification = reactRedux.useSelector(function (state) {
     return state.notification.unReadNotification;
   });
   var _useState = React.useState(defaultFilters),
-      filters = _useState[0],
-      setFilters = _useState[1];
+    filters = _useState[0],
+    setFilters = _useState[1];
   var _useState2 = React.useState(false),
-      toggleUpdateAllStatus = _useState2[0],
-      setToggleUpdateAllStatus = _useState2[1];
+    toggleUpdateAllStatus = _useState2[0],
+    setToggleUpdateAllStatus = _useState2[1];
   var changeFilters = function changeFilters(objectValue) {
     return setFilters(_extends({}, filters, objectValue));
   };
   var viewNotification = function viewNotification(notification) {
     var _JSON$parse, _JSON$parse2, _extraData$replace, _extraData$replace$sp, _extraData$replace2, _extraData$replace2$s, _JSON$parse3, _JSON$parse4, _JSON$parse5, _JSON$parse6, _JSON$parse7;
     var source = notification.source,
-        extraData = notification.extraData;
+      extraData = notification.extraData;
     switch (source) {
       case "AssessmentAssignment":
         window.open("/player/diagnosticsurvey/" + Number(extraData));
         break;
       case "NewConferenceCreated":
         window.open("/start-conference/" + ((_JSON$parse = JSON.parse(extraData)) === null || _JSON$parse === void 0 ? void 0 : _JSON$parse[0]) + "/" + ((_JSON$parse2 = JSON.parse(extraData)) === null || _JSON$parse2 === void 0 ? void 0 : _JSON$parse2[1]) + "/conferenceRubric");
         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]));
         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]));
         break;
       case "External Reflection Completed":
         window.open("/result-reflection/" + ((_JSON$parse3 = JSON.parse(extraData)) === null || _JSON$parse3 === void 0 ? void 0 : _JSON$parse3[0]) + "/external");
         break;
       case "NewSessionCreated":
         window.open("/start-question/" + ((_JSON$parse4 = JSON.parse(extraData)) === null || _JSON$parse4 === void 0 ? void 0 : _JSON$parse4[0]) + "/" + ((_JSON$parse5 = JSON.parse(extraData)) === null || _JSON$parse5 === void 0 ? void 0 : _JSON$parse5[1]));
         break;
       case "NewSessionComplete":
         window.open("/start-question/" + ((_JSON$parse6 = JSON.parse(extraData)) === null || _JSON$parse6 === void 0 ? void 0 : _JSON$parse6[0]) + "/" + ((_JSON$parse7 = JSON.parse(extraData)) === null || _JSON$parse7 === void 0 ? void 0 : _JSON$parse7[1]));
         break;
       case "ActionPointReminder":
         window.open("/action-point/to-do");
         break;
       case "SendNotiPLP":
         window.open("/personal-learning-plan");
         break;
       case "SendNotiGOAL":
         window.open("/my-goals/" + JSON.parse(extraData));
         break;
       case "CertificateApproved":
         window.open("/dashboard/certification/2");
         break;
     }
   };
   var getData = React.useCallback(function () {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get(_extends({}, filters, {
           roles: !(roles !== null && roles !== void 0 && roles.trim()) ? user === null || user === void 0 ? void 0 : user.roles : [roles] || []
         }))).then(function (res) {
           var _res$data = res.data,
-              items = _res$data.items,
-              totalItems = _res$data.totalItems;
+            items = _res$data.items,
+            totalItems = _res$data.totalItems;
           dispatch(setNotification({
             notificationList: items,
             totalItems: totalItems
@@ -8257,14 +7822,12 @@ var useNotificationList = function useNotificationList() {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8301,7 +7864,6 @@ var useNotificationList = function useNotificationList() {
       }));
     } 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
@@ -8330,13 +7892,11 @@ var useNotificationList = function useNotificationList() {
         }));
       } catch (err) {
         var _err$response3, _err$response3$data;
         dispatch(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
         }));
       }
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
@@ -8357,18 +7917,16 @@ var useNotificationList = function useNotificationList() {
 var header$2 = "Notification list";
 var ICON_SIZE = 20;
 var NotificationList = function NotificationList() {
   var _useNotificationList = useNotificationList(),
-      notificationList = _useNotificationList.notificationList,
-      totalItems = _useNotificationList.totalItems,
-      filters = _useNotificationList.filters,
-      changeFilters = _useNotificationList.changeFilters,
-      updateNotification = _useNotificationList.updateNotification,
-      viewNotification = _useNotificationList.viewNotification,
-      updateAll = _useNotificationList.updateAll,
-      toggleUpdateAllStatus = _useNotificationList.toggleUpdateAllStatus;
+    notificationList = _useNotificationList.notificationList,
+    totalItems = _useNotificationList.totalItems,
+    filters = _useNotificationList.filters,
+    changeFilters = _useNotificationList.changeFilters,
+    updateNotification = _useNotificationList.updateNotification,
+    viewNotification = _useNotificationList.viewNotification,
+    updateAll = _useNotificationList.updateAll,
+    toggleUpdateAllStatus = _useNotificationList.toggleUpdateAllStatus;
   return React__default.createElement("div", {
     className: "animated fadeIn",
     style: {
@@ -8479,13 +8037,12 @@ 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;
+    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, {
@@ -8500,7 +8057,6 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
     style: searchInputStyle
   })));
 };
 SearchBoxContainer.defaultProps = {
   placeholder: "Type something to search"
 };
@@ -8510,21 +8066,17 @@ var CustomTabs = function CustomTabs(props) {
   var location = reactRouterDom.useLocation();
   var pathname = location.pathname;
   var tabs = props.tabs,
-      title = props.title;
+    title = props.title;
   var toggle = function toggle(path) {
     history.push(path);
   };
   var renderContent = function renderContent() {
     var activeTab = tabs.map(function (t) {
       return t.path;
     }).indexOf(pathname);
     if (activeTab === -1) {
       return React__default.createElement(NotFound, null);
     }
     return React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12
     }, React__default.createElement("h5", null, title)), React__default.createElement(reactstrap.Col, {
@@ -8554,7 +8106,6 @@ var CustomTabs = function CustomTabs(props) {
       }));
     }))));
   };
   return React__default.createElement("div", {
     className: "animated fadeIn"
   }, renderContent());
@@ -8562,23 +8113,19 @@ var CustomTabs = function CustomTabs(props) {
 var CommonAlert = function CommonAlert() {
   var _alert$message2;
   var dispatch = reactRedux.useDispatch();
   var alert = reactRedux.useSelector(function (state) {
     return state.common.alert;
   });
   var timeout = React.useRef();
   var onDismiss = function onDismiss() {
     dispatch(setAlert({
       message: ""
     }));
     timeout && timeout.current && clearTimeout(timeout.current);
   };
   React.useEffect(function () {
     var _alert$message;
     if (!!((_alert$message = alert.message) !== null && _alert$message !== void 0 && _alert$message.length)) {
       timeout && timeout.current && clearTimeout(timeout.current);
       timeout.current = setTimeout(function () {
@@ -8600,10 +8147,9 @@ var CommonAlert = function CommonAlert() {
 var schema$4 = yup.object({
   name: yup.string().required("Name is required")
 });
 var ActionModal = function ActionModal(props, ref) {
   var targetMedia = props.targetMedia,
-      onConfirm = props.onConfirm;
+    onConfirm = props.onConfirm;
   var confirmText = targetMedia !== null && targetMedia !== void 0 && targetMedia.key ? "Update" : "Create";
   var header = targetMedia !== null && targetMedia !== void 0 && targetMedia.key ? "Rename" : "Folder";
   return React__default.createElement(formik.Formik, {
@@ -8618,11 +8164,11 @@ var ActionModal = function ActionModal(props, ref) {
     }
   }, function (formikProps) {
     var values = formikProps.values,
-        touched = formikProps.touched,
-        errors = formikProps.errors,
-        handleChange = formikProps.handleChange,
-        handleBlur = formikProps.handleBlur,
-        handleSubmit = formikProps.handleSubmit;
+      touched = formikProps.touched,
+      errors = formikProps.errors,
+      handleChange = formikProps.handleChange,
+      handleBlur = formikProps.handleBlur,
+      handleSubmit = formikProps.handleSubmit;
     return React__default.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -8641,31 +8187,27 @@ var ActionModal = function ActionModal(props, ref) {
     }))));
   });
 };
 var ActionModal$1 = React.forwardRef(ActionModal);
 var MediaNav = function MediaNav(_ref) {
   var isLibrary = _ref.isLibrary,
-      step = _ref.step,
-      breadcumb = _ref.breadcumb,
-      currentPrefix = _ref.currentPrefix,
-      targetMedia = _ref.targetMedia,
-      handleSelectFile = _ref.handleSelectFile,
-      handleCreateFolder = _ref.handleCreateFolder,
-      handleRenameFile = _ref.handleRenameFile,
-      handleGoBack = _ref.handleGoBack,
-      handleDownloadMedia = _ref.handleDownloadMedia,
-      handleDeleteMediaOrFolder = _ref.handleDeleteMediaOrFolder,
-      showErrorAlert = _ref.showErrorAlert;
+    step = _ref.step,
+    breadcumb = _ref.breadcumb,
+    currentPrefix = _ref.currentPrefix,
+    targetMedia = _ref.targetMedia,
+    handleSelectFile = _ref.handleSelectFile,
+    handleCreateFolder = _ref.handleCreateFolder,
+    handleRenameFile = _ref.handleRenameFile,
+    handleGoBack = _ref.handleGoBack,
+    handleDownloadMedia = _ref.handleDownloadMedia,
+    handleDeleteMediaOrFolder = _ref.handleDeleteMediaOrFolder,
+    showErrorAlert = _ref.showErrorAlert;
   var modal = React.useRef();
   var inputFile = React.useRef(null);
   var openModal = function openModal() {
     var _modal$current;
     return modal === null || modal === void 0 ? void 0 : (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.toggle();
   };
   var renderGroupButtons = function renderGroupButtons() {
     return React__default.createElement(reactstrap.Row, {
       className: "p-2 pl-3"
@@ -8704,7 +8246,6 @@ var MediaNav = function MediaNav(_ref) {
       color: "info",
       onClick: function onClick() {
         var _inputFile$current;
         return inputFile === null || inputFile === void 0 ? void 0 : (_inputFile$current = inputFile.current) === null || _inputFile$current === void 0 ? void 0 : _inputFile$current.click();
       }
     }, React__default.createElement(fa.FaFileUpload, null), React__default.createElement(reactstrap.Label, {
@@ -8713,15 +8254,14 @@ var MediaNav = function MediaNav(_ref) {
       className: "h-100 d-flex align-items-center"
     }, breadcumb));
   };
   return React__default.createElement("div", null, renderGroupButtons(), React__default.createElement(ActionModal$1, {
     ref: modal,
     targetMedia: targetMedia,
     onConfirm: function (values) {
       try {
-        var _temp3 = function () {
+        var _temp2 = function () {
           if (values.name != "") {
-            var _temp4 = function () {
+            var _temp = function () {
               if (targetMedia && !targetMedia.isFolder) {
                 openModal();
                 return Promise.resolve(handleRenameFile(values.name)).then(function () {});
@@ -8730,14 +8270,12 @@ var MediaNav = function MediaNav(_ref) {
                 return Promise.resolve(handleCreateFolder(currentPrefix, values.name)).then(function () {});
               }
             }();
-            if (_temp4 && _temp4.then) return _temp4.then(function () {});
+            if (_temp && _temp.then) return _temp.then(function () {});
           } else {
             showErrorAlert("Name can't be empty");
           }
         }();
-        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8752,10 +8290,8 @@ var MediaNav = function MediaNav(_ref) {
     onChange: function (event) {
       try {
         var _event$target;
         var file = event === null || event === void 0 ? void 0 : (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.files[0];
-        var _temp6 = function () {
+        var _temp3 = function () {
           if (file) {
             return Promise.resolve(handleSelectFile({
               key: currentPrefix,
@@ -8763,21 +8299,18 @@ var MediaNav = function MediaNav(_ref) {
             })).then(function () {});
           }
         }();
-        return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
     }
   }));
 };
 var MediaNav$1 = React__default.memo(MediaNav);
 var styles$1 = {"gallery-image":"_297lu","media-wrapper":"_fAgyT","media-image":"_174lZ","media-image-selected":"_27ch0","media-title":"_2KvRR","filter-media-file":"_1thMc","date-time-input":"_1Yddg"};
 var MediaType;
 (function (MediaType) {
   MediaType[MediaType["IMAGE"] = 0] = "IMAGE";
   MediaType[MediaType["VIDEO"] = 1] = "VIDEO";
@@ -8797,35 +8330,29 @@ var getTypeByExtension = function getTypeByExtension(extension) {
     if (docs.includes(extension)) return MediaType.DOC;
     if (audios.includes(extension)) return MediaType.AUDIO;
   }
   return MediaType.UNKNOW;
 };
 var getMediaThumbnail = function getMediaThumbnail(media) {
   if (media.isFolder) return Images.FOLDER_IMAGE;
   var type = getTypeByExtension(media.extension);
   if (type === MediaType.IMAGE) {
     return Images.PHOTO_IMAGE;
   }
   if (type === MediaType.VIDEO) {
     return Images.VIDEO_IMAGE;
   }
   if (type === MediaType.AUDIO) {
     return Images.AUDIO_IMAGE;
   }
   if (type === MediaType.DOC) {
     return Images.DOCS_IMAGE;
   }
   return Images.UNKNOW_IMAGE;
 };
 var Media = function Media(_ref) {
   var media = _ref.media,
-      isTarget = _ref.isTarget;
+    isTarget = _ref.isTarget;
   var thumbnail = getMediaThumbnail(media);
   return React__default.createElement(reactstrap.Card, {
     className: (isTarget ? styles$1["media-image-selected"] : '') + " border-0 "
@@ -8845,7 +8372,6 @@ var Media = function Media(_ref) {
     className: styles$1["media-title"]
   }, media.name)));
 };
 var Media$1 = React__default.memo(Media);
 var options$1 = [{
@@ -8861,14 +8387,11 @@ var options$1 = [{
   value: MediaType.VIDEO,
   label: "Videos"
 }];
 var Filter = function Filter(_ref) {
   var changeFilters = _ref.changeFilters;
   var _useState = React.useState(),
-      queryTypes = _useState[0],
-      selectQueryTypes = _useState[1];
+    queryTypes = _useState[0],
+    selectQueryTypes = _useState[1];
   return React__default.createElement(reactstrap.Row, {
     className: "" + styles$1["filter-media-file"]
   }, React__default.createElement(reactstrap.Col, {
@@ -8913,12 +8436,10 @@ var TITLE$9 = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
 var useGalleryList = function useGalleryList(isLibrary) {
   if (isLibrary === void 0) {
     isLibrary = false;
   }
   var mediaList = reactRedux.useSelector(function (state) {
     return state.gallery.mediaList;
   });
@@ -8929,31 +8450,26 @@ var useGalleryList = function useGalleryList(isLibrary) {
     return state.gallery.targetMedia;
   });
   var dispatch = reactRedux.useDispatch();
   var _useState = React.useState(),
-      formDataMediaType = _useState[0],
-      handleSelectFile = _useState[1];
+    formDataMediaType = _useState[0],
+    handleSelectFile = _useState[1];
   var _useState2 = React.useState(Object.assign(_extends({}, defaultFilter), isLibrary ? {
-    isLibrary: true
-  } : {})),
-      filters = _useState2[0],
-      setFilters = _useState2[1];
+      isLibrary: true
+    } : {})),
+    filters = _useState2[0],
+    setFilters = _useState2[1];
   var _useState3 = React.useState({
-    link: "",
-    step: 0
-  }),
-      router = _useState3[0],
-      changeRouter = _useState3[1];
+      link: "",
+      step: 0
+    }),
+    router = _useState3[0],
+    changeRouter = _useState3[1];
   var handleOpenFolder = function handleOpenFolder(media) {
     if (media.isFolder) {
       setFilters({
         prefix: media.key,
         isLibrary: isLibrary
       });
       if (media.key) {
         changeRouter({
           link: media.key,
@@ -8962,13 +8478,11 @@ var useGalleryList = function useGalleryList(isLibrary) {
       }
     }
   };
   var handleGoBack = function handleGoBack() {
     var link = router.link,
-        step = router.step;
+      step = router.step;
     if (!link || link == "" || step < 1) return;
     var temp = link.split("/");
     if (temp[temp.length - 1] === "") {
       changeRouter({
         link: temp.splice(0, temp.length - 2).join("/") + "/",
@@ -8982,12 +8496,10 @@ var useGalleryList = function useGalleryList(isLibrary) {
       });
     }
   };
   var handleSelectMedia = function handleSelectMedia(media) {
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
     if (targetMedia) {
       if (media.key === targetMedia.key) {
         dispatch(setTargetMedia({
@@ -9004,10 +8516,9 @@ var useGalleryList = function useGalleryList(isLibrary) {
       }));
     }
   };
   var handleRenameFile = function handleRenameFile(name) {
     try {
-      var _temp2 = function () {
+      var _temp = function () {
         if (targetMedia !== null && targetMedia !== void 0 && targetMedia.key && name) {
           dispatch(setLoading(true));
           return Promise.resolve(renameFile(targetMedia.key, name)).then(function () {
@@ -9019,13 +8530,11 @@ var useGalleryList = function useGalleryList(isLibrary) {
           });
         }
       }();
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleDownloadMedia = function handleDownloadMedia() {
     if (targetMedia !== null && targetMedia !== void 0 && targetMedia.key) {
       var url = getFileUrl(targetMedia.key);
@@ -9037,14 +8546,12 @@ var useGalleryList = function useGalleryList(isLibrary) {
       }));
     }
   };
   var showErrorAlert = function showErrorAlert(message) {
     setAlert({
       type: "danger",
       message: message
     });
   };
   var handleDeleteMediaOrFolder = function handleDeleteMediaOrFolder() {
     try {
       if (targetMedia !== null && targetMedia !== void 0 && targetMedia.key) {
@@ -9054,14 +8561,12 @@ var useGalleryList = function useGalleryList(isLibrary) {
           message: "Do you want to remove this " + (targetMedia.isFolder ? "folder" : "file"),
           onConfirm: function () {
             try {
-              var _temp5 = function _temp5() {
+              var _temp3 = function _temp3() {
                 dispatch(setLoading(false));
                 getData();
               };
               dispatch(setLoading(true));
-              var _temp6 = function () {
+              var _temp2 = function () {
                 if (targetMedia.isFolder) {
                   return Promise.resolve(deleteFolder(targetMedia.key || "")).then(function () {
                     dispatch(setTargetMedia({
@@ -9076,8 +8581,7 @@ var useGalleryList = function useGalleryList(isLibrary) {
                   });
                 }
               }();
-              return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+              return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
             } catch (e) {
               return Promise.reject(e);
             }
@@ -9089,42 +8593,35 @@ var useGalleryList = function useGalleryList(isLibrary) {
           message: "Error to delete media, please try later."
         }));
       }
       return Promise.resolve();
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var handleCreateFolder = function handleCreateFolder(prefix, folderName) {
     try {
-      var _temp8 = function () {
+      var _temp4 = function () {
         if (folderName) {
           return Promise.resolve(createFolder(prefix, folderName)).then(function () {
             getData();
           });
         }
       }();
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var changeFilters = function changeFilters(updatedFilters) {
     return setFilters(_extends({}, filters, updatedFilters));
   };
   var getData = React.useCallback(function () {
     try {
-      var _temp11 = function _temp11() {
+      var _temp6 = function _temp6() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp12 = _catch(function () {
+      var _temp5 = _catch(function () {
         return Promise.resolve(get$8(filters)).then(function (res) {
           dispatch(setGallery({
             mediaList: res.data,
@@ -9133,14 +8630,12 @@ var useGalleryList = function useGalleryList(isLibrary) {
         });
       }, 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(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -9162,18 +8657,16 @@ var useGalleryList = function useGalleryList(isLibrary) {
   React.useEffect(function () {
     var customKeyUploadEffect = function customKeyUploadEffect() {
       try {
-        var _temp16 = function _temp16() {
+        var _temp9 = function _temp9() {
           dispatch(setLoading(false));
         };
         if (isLibrary) return Promise.resolve();
         dispatch(setLoading(true));
-        var _temp17 = _catch(function () {
-          var _temp13 = function () {
+        var _temp8 = _catch(function () {
+          var _temp7 = function () {
             if (formDataMediaType) {
               var file = formDataMediaType.file,
-                  key = formDataMediaType.key;
+                key = formDataMediaType.key;
               var name = file.name;
               var customKey = key;
               var formData = new FormData();
@@ -9184,29 +8677,24 @@ var useGalleryList = function useGalleryList(isLibrary) {
               });
             }
           }();
-          if (_temp13 && _temp13.then) return _temp13.then(function () {});
+          if (_temp7 && _temp7.then) return _temp7.then(function () {});
         }, function (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
           }));
         });
-        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(_temp16) : _temp16(_temp17));
+        return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8));
       } catch (e) {
         return Promise.reject(e);
       }
     };
     customKeyUploadEffect();
   }, [formDataMediaType]);
   var breadcrumb = React.useMemo(function () {
     try {
       var _router$link;
       var subLinks = (_router$link = router.link) === null || _router$link === void 0 ? void 0 : _router$link.split("/");
       return subLinks.splice(2, subLinks.length).join("/");
     } catch (_err) {
@@ -9236,25 +8724,23 @@ var useGalleryList = function useGalleryList(isLibrary) {
 var MediaList = function MediaList(_ref) {
   var height = _ref.height,
-      isLibrary = _ref.isLibrary;
+    isLibrary = _ref.isLibrary;
   var _useGalleryList = useGalleryList(isLibrary),
-      filters = _useGalleryList.filters,
-      mediaList = _useGalleryList.mediaList,
-      targetMedia = _useGalleryList.targetMedia,
-      router = _useGalleryList.router,
-      breadcrumb = _useGalleryList.breadcrumb,
-      changeFilters = _useGalleryList.changeFilters,
-      handleOpenFolder = _useGalleryList.handleOpenFolder,
-      handleSelectMedia = _useGalleryList.handleSelectMedia,
-      handleSelectFile = _useGalleryList.handleSelectFile,
-      handleCreateFolder = _useGalleryList.handleCreateFolder,
-      handleRenameFile = _useGalleryList.handleRenameFile,
-      handleDownloadMedia = _useGalleryList.handleDownloadMedia,
-      handleDeleteMediaOrFolder = _useGalleryList.handleDeleteMediaOrFolder,
-      handleGoBack = _useGalleryList.handleGoBack,
-      showErrorAlert = _useGalleryList.showErrorAlert;
+    filters = _useGalleryList.filters,
+    mediaList = _useGalleryList.mediaList,
+    targetMedia = _useGalleryList.targetMedia,
+    router = _useGalleryList.router,
+    breadcrumb = _useGalleryList.breadcrumb,
+    changeFilters = _useGalleryList.changeFilters,
+    handleOpenFolder = _useGalleryList.handleOpenFolder,
+    handleSelectMedia = _useGalleryList.handleSelectMedia,
+    handleSelectFile = _useGalleryList.handleSelectFile,
+    handleCreateFolder = _useGalleryList.handleCreateFolder,
+    handleRenameFile = _useGalleryList.handleRenameFile,
+    handleDownloadMedia = _useGalleryList.handleDownloadMedia,
+    handleDeleteMediaOrFolder = _useGalleryList.handleDeleteMediaOrFolder,
+    handleGoBack = _useGalleryList.handleGoBack,
+    showErrorAlert = _useGalleryList.showErrorAlert;
   var renderList = function renderList() {
     return mediaList.map(function (media) {
       var isTarget = (targetMedia === null || targetMedia === void 0 ? void 0 : targetMedia.key) === media.key;
@@ -9276,7 +8762,6 @@ var MediaList = function MediaList(_ref) {
       })));
     });
   };
   return React__default.createElement(reactstrap.Card, null, React__default.createElement(reactstrap.CardHeader, null, React__default.createElement(Filter, {
     changeFilters: changeFilters,
     filters: filters
@@ -9304,7 +8789,6 @@ var MediaList = function MediaList(_ref) {
 var MediaDetail = function MediaDetail(_ref) {
   var _targetMedia$extensio;
   var targetMedia = _ref.targetMedia;
   if (!targetMedia || targetMedia !== null && targetMedia !== void 0 && targetMedia.isFolder) return React__default.createElement("div", null);
   var type = getTypeByExtension(targetMedia.extension);
@@ -9335,11 +8819,9 @@ var MediaDetail = function MediaDetail(_ref) {
     tag: "h6"
   }, "General Info"), React__default.createElement(reactstrap.CardText, null, "File extension: ", (_targetMedia$extensio = targetMedia.extension) === null || _targetMedia$extensio === void 0 ? void 0 : _targetMedia$extensio.toUpperCase())));
 };
 var MediaDetail$1 = React__default.memo(MediaDetail);
 var header$3 = "Gallery";
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
   var targetMedia = reactRedux.useSelector(function (state) {
@@ -9371,29 +8853,25 @@ var get$9 = function get() {
 var AcademicClassSelector = function AcademicClassSelector(props) {
   var _useState = React.useState([]),
-      classes = _useState[0],
-      setClasses = _useState[1];
+    classes = _useState[0],
+    setClasses = _useState[1];
   React.useEffect(function () {
     getData();
   }, []);
   var getData = function getData() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(get$9()).then(function (res) {
           setClasses(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var id = props.id;
   var options = classes.map(function (i) {
     return {
@@ -9431,42 +8909,6 @@ var reduxLogger = createCommonjsModule(function (module, exports) {
 var logger = unwrapExports(reduxLogger);
-function symbolObservablePonyfill(root) {
-	var result;
-	var Symbol = root.Symbol;
-	if (typeof Symbol === 'function') {
-		if (Symbol.observable) {
-			result = Symbol.observable;
-		} else {
-			result = Symbol('observable');
-			Symbol.observable = result;
-		}
-	} else {
-		result = '@@observable';
-	}
-	return result;
-}
-/* global window */
-var root;
-if (typeof self !== 'undefined') {
-  root = self;
-} else if (typeof window !== 'undefined') {
-  root = window;
-} else if (typeof global !== 'undefined') {
-  root = global;
-} else if (typeof module !== 'undefined') {
-  root = module;
-} else {
-  root = Function('return this')();
-}
-var result = symbolObservablePonyfill(root);
 /**
  * These are private action types reserved by Redux.
  * For any unknown actions, you must return the current state.
@@ -9751,7 +9193,6 @@ var commonReducer = toolkit.createReducer(initialState, function (builder) {
     state.defaultFontSize = action.payload;
   }).addCase(initAmplitude, function (state, action) {
     var _action$payload, _action$payload2, _action$payload3, _action$payload4, _action$payload5, _action$payload6, _action$payload7, _action$payload8, _action$payload9, _action$payload10, _action$payload11, _action$payload12, _action$payload13, _action$payload13$rol, _action$payload14;
     var hostName = window.location.hostname;
     var eventProperties = {
       user_id: (_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : _action$payload.name,
@@ -10066,7 +9507,6 @@ var initialState$j = {
   selectedQuestions: [],
   selectQuestion: []
 };
 var mergeArrayUniqueQuestion = function mergeArrayUniqueQuestion(array1, array2) {
   var ids = new Set(array1.map(function (d) {
     return d.id;
@@ -10076,11 +9516,9 @@ var mergeArrayUniqueQuestion = function mergeArrayUniqueQuestion(array1, array2)
   }));
   return arrMerged;
 };
 var questionCategoryReducer = toolkit.createReducer(initialState$j, function (builder) {
   builder.addCase(setQuestionByCategory, function (state, action) {
     state.questionByCategoryList = action.payload;
     if (state.selectedQuestions.length > 0) {
       state.questionByCategoryList = state.questionByCategoryList.filter(function (item) {
         return !state.selectedQuestions.some(function (sub) {
@@ -10093,7 +9531,6 @@ var questionCategoryReducer = toolkit.createReducer(initialState$j, function (bu
     var index = state.selectQuestion.findIndex(function (item) {
       return item.id === action.payload.id;
     });
     if (index === -1) {
       state.selectQuestion.push(action.payload);
     } else {
@@ -10114,13 +9551,11 @@ var questionCategoryReducer = toolkit.createReducer(initialState$j, function (bu
         });
         state.selectQuestion = [];
         break;
       case "right-all":
         state.selectedQuestions = mergeArrayUniqueQuestion(state.selectedQuestions, state.questionByCategoryList);
         state.selectQuestion = [];
         state.questionByCategoryList = [];
         break;
       case "left":
         state.questionByCategoryList = mergeArrayUniqueQuestion(state.questionByCategoryList, state.selectQuestion);
         state.selectedQuestions = state.selectedQuestions.filter(function (item) {
@@ -10130,33 +9565,26 @@ var questionCategoryReducer = toolkit.createReducer(initialState$j, function (bu
         });
         state.selectQuestion = [];
         break;
       case "left-all":
         state.questionByCategoryList = mergeArrayUniqueQuestion(state.questionByCategoryList, state.selectedQuestions);
         state.selectedQuestions = [];
         state.selectQuestion = [];
         break;
       case "move-up":
         var old_index = state.selectedQuestions.findIndex(function (item) {
           return item.id === state.selectQuestion[0].id;
         });
         if (old_index !== -1) {
           state.selectedQuestions.splice(old_index - 1, 0, state.selectedQuestions.splice(old_index, 1)[0]);
         }
         break;
       case "move-down":
         var old_index1 = state.selectedQuestions.findIndex(function (item) {
           return item.id === state.selectQuestion[0].id;
         });
         if (old_index1 !== -1) {
           state.selectedQuestions.splice(old_index1 + 1, 0, state.selectedQuestions.splice(old_index1, 1)[0]);
         }
         break;
     }
   });
@@ -10335,7 +9763,6 @@ var dashboardReducer = toolkit.createReducer(initialState$t, function (builder)
     })) {
       return state;
     }
     return _extends({}, state, {
       tabs: [action.payload].concat(state.tabs)
     });
@@ -10394,8 +9821,8 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
     return action.payload;
   }).addCase(changeNote, function (state, action) {
     var _action$payload = action.payload,
-        isConfidential = _action$payload.isConfidential,
-        text = _action$payload.text;
+      isConfidential = _action$payload.isConfidential,
+      text = _action$payload.text;
     var teacherResult = state.results.find(function (result) {
       return result.isTeacherResult;
     });
@@ -10404,7 +9831,6 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
     var existedNote = teacherResultCloner.notes.find(function (note) {
       return !!note.isConfidential === isConfidential;
     });
     if (existedNote) {
       existedNote.text = text;
     } else {
@@ -10413,7 +9839,6 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
         text: text
       });
     }
     return _extends({}, state, {
       results: state.results.map(function (result) {
         return result.isTeacherResult ? teacherResultCloner : result;
@@ -10434,9 +9859,9 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
     });
   }).addCase(answerQuestion, function (state, action) {
     var _action$payload2 = action.payload,
-        text = _action$payload2.text,
-        questionId = _action$payload2.questionId,
-        isTeacherResult = _action$payload2.isTeacherResult;
+      text = _action$payload2.text,
+      questionId = _action$payload2.questionId,
+      isTeacherResult = _action$payload2.isTeacherResult;
     var result = state.results.find(function (result) {
       return result.isTeacherResult === isTeacherResult;
     });
@@ -10445,7 +9870,6 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
     var existedResponse = resultCloner.questionResponses.find(function (response) {
       return response.questionId === questionId;
     });
     if (!existedResponse) {
       resultCloner.questionResponses.push({
         questionId: questionId,
@@ -10454,7 +9878,6 @@ var sessionPlayerReducer = toolkit.createReducer(initialState$u, function (build
     } else {
       existedResponse.text = text;
     }
     return _extends({}, state, {
       results: state.results.map(function (result) {
         return result.isTeacherResult === isTeacherResult ? resultCloner : result;
@@ -10488,15 +9911,14 @@ var dataPlayer = toolkit.createReducer(initialState$v, function (builder) {
     return action.payload;
   }).addCase(answerQuestionDataPlayer, function (state, action) {
     var _action$payload = action.payload,
-        questionId = _action$payload.questionId,
-        text = _action$payload.text;
+      questionId = _action$payload.questionId,
+      text = _action$payload.text;
     var questionResponse = state.questionResponse;
     if (!questionResponse) return state;
     var questionResponseCloner = JSON.parse(JSON.stringify(questionResponse));
     var existedResponse = questionResponseCloner.find(function (response) {
       return response.questionId === questionId;
     });
     if (!existedResponse) {
       questionResponseCloner.push({
         questionId: questionId,
@@ -10505,7 +9927,6 @@ var dataPlayer = toolkit.createReducer(initialState$v, function (builder) {
     } else {
       existedResponse.text = text;
     }
     return _extends({}, state, {
       questionResponse: questionResponseCloner
     });
@@ -10661,11 +10082,9 @@ var debounce = function debounce(callback, wait) {
     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);
   };
@@ -10694,7 +10113,6 @@ 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);
@@ -10705,38 +10123,31 @@ var useUserList = function useUserList() {
   var totalItems = reactRedux.useSelector(function (state) {
     return state.users.totalItems;
   });
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var _useState = React.useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
+    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() {
+      var _temp2 = function _temp2() {
         dispatch(setLoading(false));
       };
       dispatch(setLoading(true));
-      var _temp4 = _catch(function () {
+      var _temp = _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;
+            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
@@ -10744,14 +10155,12 @@ var useUserList = function useUserList() {
         });
       }, 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));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10769,7 +10178,6 @@ var useUserList = function useUserList() {
   }, [filters]);
   var removeData = React.useCallback(function (id) {
     dispatch(setLoading(true));
     try {
       dispatch(setModal({
         isOpen: true,
@@ -10793,25 +10201,22 @@ var useUserList = function useUserList() {
       }));
     } 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;
+      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({
@@ -10822,7 +10227,6 @@ var useUserList = function useUserList() {
       email: email,
       profileImageFileName: profileImageFileName
     }));
     if (isDistrict) {
       history.push(HOMEPAGE_DISTRICT$1);
     } else if (roles.includes("Admin")) {
@@ -10839,10 +10243,9 @@ var useUserList = function useUserList() {
       history.push(HOMEPAGE_TEACHER$1);
     }
   };
   var swicthUser = React.useCallback(function (id) {
     try {
-      var _temp6 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(switchAccountUser(id)).then(function (res) {
           var data = res.data;
           dispatch(setModal({
@@ -10851,13 +10254,11 @@ var useUserList = function useUserList() {
             message: "Do you want to impersonate this user?",
             onConfirm: function () {
               try {
-                var _temp9 = function _temp9() {
+                var _temp5 = function _temp5() {
                   dispatch(setLoading(false));
                 };
                 dispatch(setLoading(true));
-                var _temp10 = _catch(function () {
+                var _temp4 = _catch(function () {
                   var req = {
                     email: data.email,
                     password: "default",
@@ -10869,14 +10270,12 @@ var useUserList = function useUserList() {
                   });
                 }, function (err) {
                   var _err$response3, _err$response3$data;
                   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
                   });
                 });
-                return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
+                return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
               } catch (e) {
                 return Promise.reject(e);
               }
@@ -10885,24 +10284,20 @@ var useUserList = function useUserList() {
         });
       }, function (err) {
         var _err$response4, _err$response4$data;
         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
         }));
       });
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   }, [filters]);
   var reDirectDetailPage = function reDirectDetailPage(id) {
     var url = !!id ? USER_URL$2 + "/" + id : CREATE_USER_URL;
     history.push(url);
   };
   return {
     userList: userList,
     totalItems: totalItems,
@@ -10917,21 +10312,18 @@ var useUserList = function useUserList() {
 };
 var header$4 = "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,
-      swicthUser = _useUserList.swicthUser;
+    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 _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
+    t = _useTranslation.t;
   return React__default.createElement("div", {
     className: "fadeIn animated"
   }, React__default.createElement("h5", {