mario-core 2.9.115-beta → 2.9.116-beta

package/dist/index.modern.js

@@ -32,6 +32,7 @@ import Creatable from 'react-select/creatable';
 import ReactNotification$1 from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import { AiOutlineEye } from 'react-icons/ai';
+import 'symbol-observable';
 
 var dashboard = "Dashboard";
 var user = "User";
@@ -2402,7 +2403,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.createElement("p", {
@@ -2427,11 +2427,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.createElement("div", {
     className: "d-flex align-items-center w-100",
     style: containerStyle
@@ -2454,42 +2453,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);
@@ -2498,38 +2489,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";
@@ -2689,7 +2670,6 @@ var encodeParams = (function (params) {
         return encodeURIComponent(key) + "=" + encodeURIComponent(i);
       }).join('&');
     }
-
     return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
   }).join('&');
 });
@@ -2714,12 +2694,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);
@@ -2736,7 +2714,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,
@@ -2745,17 +2722,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);
   });
 });
@@ -2813,39 +2787,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 = useDispatch();
   var history = useHistory();
-
   var _useState = useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
-
+    openLogin = _useState[0],
+    setOpenLogin = _useState[1];
   var _useState2 = useState(false),
-      isLoginGoogle = _useState2[0],
-      setIsLoginGoogle = _useState2[1];
-
+    isLoginGoogle = _useState2[0],
+    setIsLoginGoogle = _useState2[1];
   var _useState3 = useState(""),
-      googleClientId = _useState3[0],
-      setGoogleClientId = _useState3[1];
-
+    googleClientId = _useState3[0],
+    setGoogleClientId = _useState3[1];
   var _useState4 = useState(""),
-      googleRecaptchaId = _useState4[0],
-      setGoogleRecaptchaId = _useState4[1];
-
+    googleRecaptchaId = _useState4[0],
+    setGoogleRecaptchaId = _useState4[1];
   var _useState5 = useState(),
-      infoUser = _useState5[0],
-      setInfoUser = _useState5[1];
-
+    infoUser = _useState5[0],
+    setInfoUser = _useState5[1];
   var toggle = useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
-
   var _useState6 = useState(false),
-      isShowPassword = _useState6[0],
-      setIsShowPassword = _useState6[1];
-
+    isShowPassword = _useState6[0],
+    setIsShowPassword = _useState6[1];
   useEffect(function () {
     document.title = TITLE;
     var token = getAccessToken();
@@ -2855,28 +2820,25 @@ var useLogin = function useLogin() {
   var isDistrict = window.location.host.includes("-district");
   var userLogin = 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({
@@ -2887,10 +2849,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
@@ -2902,10 +2862,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,
@@ -2913,7 +2871,6 @@ var useLogin = function useLogin() {
               });
             }
           }
-
           if (isDistrict) {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
@@ -2930,55 +2887,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 = 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 = {
@@ -2997,34 +2945,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,
@@ -3035,7 +2977,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 = {
@@ -3053,24 +2995,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,
@@ -3089,13 +3027,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;
@@ -3109,54 +3047,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 = useState(false),
-      modal = _useState[0],
-      setModal = _useState[1];
-
+    modal = _useState[0],
+    setModal = _useState[1];
   useEffect(function () {
     setModal(openModal);
   }, [openModal]);
-
   var toggle = function toggle() {
     setModal(!modal);
     setOpenModal(!modal);
   };
-
   var dispatch = useDispatch();
-
   var _useState2 = useState([]),
-      teachers = _useState2[0],
-      setTeachers = _useState2[1];
-
+    teachers = _useState2[0],
+    setTeachers = _useState2[1];
   var _useState3 = useState(""),
-      searchString = _useState3[0],
-      setSearchString = _useState3[1];
-
+    searchString = _useState3[0],
+    setSearchString = _useState3[1];
   var _useState4 = useState(""),
-      teacherEmail = _useState4[0],
-      setTeacherEmail = _useState4[1];
-
+    teacherEmail = _useState4[0],
+    setTeacherEmail = _useState4[1];
   var _useState5 = useState(false),
-      isLoading = _useState5[0],
-      setLoading = _useState5[1];
-
+    isLoading = _useState5[0],
+    setLoading = _useState5[1];
   var timeout = useRef();
   var loadData = 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
@@ -3166,21 +3093,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]);
   useEffect(function () {
     timeout && timeout.current && clearTimeout(timeout.current);
-
     if (!searchString || searchString.trim().length < 2) {
       setTeachers([]);
     } else {
@@ -3193,11 +3117,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, {
@@ -3230,7 +3152,6 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
     onClick: toggle
   }, "Cancel")));
 };
-
 var BlockSelectTeacher$1 = forwardRef(BlockSelectTeacher);
 
 var schema = object({
@@ -3238,51 +3159,44 @@ var schema = object({
   password: string().required("Password is required"),
   rememberMe: 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 = useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-
+    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
   var clickHandler = 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 = 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 = {
@@ -3298,7 +3212,6 @@ var BlockLogin = function BlockLogin(_ref) {
       fnIsCheckLogin(infoLogin, accessToken, clickHandler);
     }
   };
-
   return React.createElement(React.Fragment, null, React.createElement(Formik, {
     initialValues: defaultInfo,
     enableReinitialize: true,
@@ -3320,12 +3233,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.createElement(Row, {
@@ -3413,34 +3326,26 @@ var defaultInfo$1 = {
 var DASHBOARD = "/";
 var LOGIN = "/login";
 var TITLE$1 = "Log in";
-
 var useForgotPassword = function useForgotPassword() {
   var dispatch = useDispatch();
   var history = useHistory();
-
   var _useState = useState(false),
-      openLogin = _useState[0],
-      setOpenLogin = _useState[1];
-
+    openLogin = _useState[0],
+    setOpenLogin = _useState[1];
   var toggle = useCallback(function () {
     setOpenLogin(!openLogin);
   }, [openLogin]);
-
   var _useState2 = useState(false),
-      isShowNewPassword = _useState2[0],
-      setIsShowNewPassword = _useState2[1];
-
+    isShowNewPassword = _useState2[0],
+    setIsShowNewPassword = _useState2[1];
   var _useState3 = useState(false),
-      isShowReTypePassword = _useState3[0],
-      setIsShowReTypePassword = _useState3[1];
-
+    isShowReTypePassword = _useState3[0],
+    setIsShowReTypePassword = _useState3[1];
   var _useState4 = useState(true),
-      validLink = _useState4[0],
-      setValidLink = _useState4[1];
-
+    validLink = _useState4[0],
+    setValidLink = _useState4[1];
   var _useGoogleReCaptcha = useGoogleReCaptcha(),
-      executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-
+    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
   useEffect(function () {
     document.title = TITLE$1;
     var token = getAccessToken();
@@ -3448,13 +3353,11 @@ var useForgotPassword = function useForgotPassword() {
   }, []);
   var forgotPasswordRequest = 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({
@@ -3464,47 +3367,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 = 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 = 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({
@@ -3514,15 +3410,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);
     }
@@ -3533,7 +3427,6 @@ var useForgotPassword = function useForgotPassword() {
         console.log("execute recaptcha undefined");
         return Promise.resolve();
       }
-
       return Promise.resolve(executeRecaptcha("forgetPass"));
     } catch (e) {
       return Promise.reject(e);
@@ -3564,13 +3457,11 @@ var initialValues = {
 var forgotPasswordSchema = object({
   email: 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.createElement(Formik, {
     initialValues: initialValues,
     enableReinitialize: true,
@@ -3588,10 +3479,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.createElement(Row, {
       className: "" + styles["box-login"]
     }, React.createElement(Col, {
@@ -3658,20 +3549,17 @@ var resetPasswordSchema = object({
     return this.parent.password === this.parent.reEnterPassword;
   })
 });
-
 var BlockResetPassword = function BlockResetPassword() {
   var query = new URLSearchParams(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;
   useEffect(function () {
     checkResetTokenRequest(token);
   }, []);
@@ -3684,9 +3572,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;
     useEffect(function () {
       setFieldValue("token", token);
     }, []);
@@ -3762,17 +3650,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;
   useEffect(function () {
     isLogin && (document.title = LOGIN_TITLE);
     isForgotPassword && (document.title = FORGOT_PASSWORD_TITLE);
@@ -3813,7 +3698,7 @@ var QuoteContent = function QuoteContent() {
 
 var IconContent = function IconContent(_ref) {
   var srcIcon = _ref.srcIcon,
-      content = _ref.content;
+    content = _ref.content;
   return React.createElement("div", {
     key: content,
     className: "" + styles["content-icon"]
@@ -3840,10 +3725,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.createElement(Row, {
     className: "" + styles["page-not-login"]
   }, React.createElement(Col, {
@@ -3864,20 +3747,16 @@ var HOME_TEACHER = "/home";
 var HOME_STUDENT = "/home";
 var DASHBOARD_TITLE = "Dashboard";
 var ROOT_TITLE = "Mario Framework";
-
 var Dashboard = function Dashboard() {
   var _useState = useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
-
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var user = useSelector(function (state) {
     return state.common.user;
   });
-
   var toggle = function toggle() {
     return setIsOpen(!isOpen);
   };
-
   useEffect(function () {
     !!user ? document.title = DASHBOARD_TITLE : document.title = ROOT_TITLE;
   }, [user]);
@@ -3957,11 +3836,9 @@ var TheSidebar = function TheSidebar(_ref) {
   var show = useSelector(function (state) {
     return state.common.sidebarShow;
   });
-
   var _useState = useState(false),
-      toggleMinimize = _useState[0],
-      setToggleMinimize = _useState[1];
-
+    toggleMinimize = _useState[0],
+    setToggleMinimize = _useState[1];
   var signOut = useCallback(function () {
     localStorage.removeItem(ACCESS_TOKEN);
     dispatch(reset());
@@ -4035,7 +3912,6 @@ var useUnReadNotification = function useUnReadNotification() {
   var dispatch = useDispatch();
   var userId = 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 = useSelector(function (state) {
@@ -4049,20 +3925,18 @@ var useUnReadNotification = function useUnReadNotification() {
   });
   var getData = 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);
     }
@@ -4072,7 +3946,6 @@ var useUnReadNotification = function useUnReadNotification() {
   useEffect(function () {
     getData();
     var pusher;
-
     if (pusherKey && pusherCluster) {
       pusher = new Pusher(pusherKey, {
         cluster: pusherCluster
@@ -4085,7 +3958,6 @@ var useUnReadNotification = function useUnReadNotification() {
         isChat && getData();
       });
     }
-
     return function () {
       return pusher && pusher.unsubscribe(NOTIFICATION_CHANNEL + "-" + userId);
     };
@@ -4097,15 +3969,12 @@ var useUnReadNotification = function useUnReadNotification() {
 
 var NotificationButton = function NotificationButton(_ref) {
   _objectDestructuringEmpty(_ref);
-
   var user = 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 = 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";
@@ -4135,7 +4004,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 = useSelector(function (state) {
     return state.common.user;
@@ -4143,9 +4011,9 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
   var dispatch = useDispatch();
   var history = 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 = useCallback(function () {
@@ -4156,17 +4024,14 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
     dispatch(reset());
     history.push("/");
   }, []);
-
   var _useState = 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.createElement(Dropdown, {
@@ -4219,31 +4084,25 @@ var TheHeaderDropdown = function TheHeaderDropdown() {
 var TheLanguageDropdown = function TheLanguageDropdown() {
   var defaultLanguage = localStorage.getItem("language") !== null ? localStorage.getItem("language") : "us";
   var dispatch = useDispatch();
-
   var _useTranslation = useTranslation(),
-      i18n = _useTranslation.i18n;
-
+    i18n = _useTranslation.i18n;
   var _useState = useState(false),
-      dropdownOpen = _useState[0],
-      setDropdownOpen = _useState[1];
-
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
   var _useState2 = 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.createElement(React.Fragment, null, React.createElement("img", {
       className: "mr-2 " + styles['dropdown-menu-flag'],
@@ -4315,7 +4174,6 @@ var TheHeader = function TheHeader() {
 };
 
 var TITLE$2 = "Not found";
-
 var NotFound = function NotFound() {
   useEffect(function () {
     document.title = TITLE$2;
@@ -4342,7 +4200,6 @@ var loading = React.createElement("div", {
 }, React.createElement("div", {
   className: "sk-spinner sk-spinner-pulse"
 }));
-
 var TheContent = function TheContent(_ref) {
   var routes = _ref.routes;
   var location = useLocation();
@@ -4367,7 +4224,6 @@ var TheContent = function TheContent(_ref) {
     component: NotFound
   })))));
 };
-
 var TheContent$1 = React.memo(TheContent);
 
 var loadingStyle = {
@@ -4382,7 +4238,6 @@ var loadingStyle = {
   justifyContent: "center",
   alignItems: "center"
 };
-
 var Loading = function Loading() {
   var isLoading = useSelector(function (state) {
     return state.common.isLoading;
@@ -4413,20 +4268,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 = useHistory();
   var dispatch = useDispatch();
   var user = useSelector(function (state) {
@@ -4435,10 +4288,8 @@ var TheLayout = function TheLayout(_ref) {
   var language = useSelector(function (state) {
     return state.common.language;
   });
-
   var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   var location = useLocation();
   var isNotification = location.pathname.includes("notifications");
   var isDistrict = window.location.host.includes("-district");
@@ -4463,52 +4314,44 @@ var TheLayout = function TheLayout(_ref) {
   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.createElement(Loading, null);
   }
-
   return React.createElement("div", {
     className: "c-app c-default-layout"
   }, !isNotification && React.createElement(TheSidebar, {
@@ -4528,10 +4371,9 @@ var buttonTextStyle = {
 var buttonStyle = {
   height: 38
 };
-
 var AddButton = function AddButton(_ref) {
   var text = _ref.text,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return React.createElement(Button, {
     onClick: onClick,
     color: 'success',
@@ -4554,7 +4396,7 @@ var DeleteButtonIcon = function DeleteButtonIcon(_ref) {
 
 var LinkEditButton = function LinkEditButton(_ref) {
   var label = _ref.label,
-      onClick = _ref.onClick;
+    onClick = _ref.onClick;
   return React.createElement(Button, {
     className: "text-left py-0",
     color: "link",
@@ -4564,15 +4406,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.createElement(Alert, {
     color: "primary",
     className: className,
     style: style
   }, "No ", label, " to display");
 };
-
 EmptyDataAlert.defaultProps = {
   className: "",
   style: {}
@@ -4580,14 +4421,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 = useState(""),
-      input = _useState[0],
-      setInput = _useState[1];
-
+    input = _useState[0],
+    setInput = _useState[1];
   useEffect(function () {
     setInput(filters.currentPage.toString());
   }, [filters.currentPage]);
@@ -4672,19 +4511,15 @@ var get$2 = function get() {
 
 var useFilters = function useFilters() {
   var _useState = 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,
@@ -4695,7 +4530,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 = useHistory();
   var emailTemplateList = useSelector(function (state) {
@@ -4707,30 +4541,25 @@ var useEmailTemplateList = function useEmailTemplateList() {
   var mailCategoryList = useSelector(function (state) {
     return state.mailCategory.mailCategoryList;
   });
-
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
-
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = useDispatch();
   var getData = 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) {
@@ -4738,26 +4567,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 = useCallback(function (id) {
     dispatch(setLoading(true));
-
     try {
       dispatch(setModal({
         isOpen: true,
@@ -4781,13 +4606,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 = useCallback(function (id) {
@@ -4813,21 +4636,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.createElement("div", {
     className: "fadeIn animated"
   }, React.createElement("h5", {
@@ -4932,11 +4752,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.createElement(Row, {
     form: true,
     style: style$1
@@ -4985,10 +4804,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"
@@ -5028,23 +4846,20 @@ var MailCategorySelector = function MailCategorySelector(props) {
   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 {
@@ -5068,7 +4883,6 @@ var RequiredLabel = function RequiredLabel(_ref) {
     className: "ml-2 text-danger"
   }, "*"));
 };
-
 var RequiredLabel$1 = 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.";
@@ -5082,7 +4896,7 @@ function QuitPrompt(props) {
 
 var AttachmentFile = function AttachmentFile(_ref) {
   var label = _ref.label,
-      onRemove = _ref.onRemove;
+    onRemove = _ref.onRemove;
   return React.createElement(Fragment, null, React.createElement("span", {
     className: "mr-2"
   }, label), React.createElement("i", {
@@ -5161,68 +4975,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,
@@ -5232,15 +5036,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);
     }
@@ -5249,7 +5051,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];
@@ -5264,11 +5065,9 @@ var tutorial = _extends({}, config, {
         return Promise.reject(e);
       }
     };
-
     input.click();
   }
 });
-
 var editorConfig = {
   email: email$2,
   question: question$2,
@@ -5286,20 +5085,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 = useDispatch();
   var history = useHistory();
-
   var _useState = useState(initValue),
-      emailTemplateDetail = _useState[0],
-      setEmailTemplateDetail = _useState[1];
-
+    emailTemplateDetail = _useState[0],
+    setEmailTemplateDetail = _useState[1];
   var _useState2 = 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");
@@ -5309,15 +5104,12 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
       return Promise.reject(e);
     }
   };
-
   var _useState3 = useState([]),
-      removedFiles = _useState3[0],
-      setRemovedFiles = _useState3[1];
-
+    removedFiles = _useState3[0],
+    setRemovedFiles = _useState3[1];
   var _useState4 = useState([]),
-      fileUpload = _useState4[0],
-      setFileUpload = _useState4[1];
-
+    fileUpload = _useState4[0],
+    setFileUpload = _useState4[1];
   useEffect(function () {
     document.title = TITLE$4;
     setEdited(false);
@@ -5328,13 +5120,11 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
   }, [id]);
   var getData = 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,
@@ -5348,40 +5138,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 = useCallback(function () {
     history.push(EMAIL_TEMPLATE_LIST_URL);
   }, []);
   var confirmData = 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({
@@ -5391,8 +5174,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) {
@@ -5405,23 +5187,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");
@@ -5435,19 +5213,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",
@@ -5458,14 +5232,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;
         })) {
@@ -5475,17 +5246,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;
@@ -5503,22 +5270,17 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
       setFileUpload([].concat(fileUpload));
       return;
     }
-
     setRemovedFiles([].concat(removedFiles, [fileName]));
   };
-
   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;
@@ -5527,13 +5289,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,
@@ -5561,24 +5321,21 @@ var schema$1 = object({
 
 var CREATE_TEMPLATE_HEADER = "Create email template";
 var EDIT_TEMPLATE_HEADER = "Edit email template";
-
 var EmailTemplateDetail = function EmailTemplateDetail() {
   var _useParams = 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 = useSelector(function (state) {
@@ -5595,12 +5352,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.createElement("div", {
       className: "animated fadeIn detail-buttons-padding",
       id: "email-detail"
@@ -5713,22 +5470,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 = useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
-
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var dispatch = useDispatch();
-
   var showEditedWarningModal = function showEditedWarningModal(cb) {
     try {
       dispatch(setModal({
@@ -5746,20 +5500,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 = useCallback(function (isShowConfirm, cb) {
     if (!!isShowConfirm) {
       showEditedWarningModal(function () {
@@ -5771,7 +5522,6 @@ var CommonModal = function CommonModal(props, ref) {
       !!cb && cb();
     }
   }, [isOpen]);
-
   var cancel = useCallback(function () {
     _toggle(!!edited, function () {
       onCancel && onCancel();
@@ -5801,24 +5551,22 @@ var CommonModal = function CommonModal(props, ref) {
     onClick: cancel
   }, cancelText || "Cancel")));
 };
-
 var CommonModal$1 = forwardRef(CommonModal);
 
 var schema$2 = object({
   question: string().required("Question is required"),
   answer: 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.createElement(Formik, {
     initialValues: faqDetail,
     enableReinitialize: true,
@@ -5829,11 +5577,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.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -5880,7 +5628,6 @@ var FaqDetailModal = function FaqDetailModal(props, ref) {
     }))));
   });
 };
-
 var FaqDetailModal$1 = forwardRef(FaqDetailModal);
 
 var setFaqList = createAction("faqs/setFaqList");
@@ -5905,7 +5652,6 @@ var remove$1 = function remove(id) {
 };
 
 var TITLE$5 = "FAQ list";
-
 var useFaqList = function useFaqList() {
   var faqList = useSelector(function (state) {
     return state.faqs.faqList;
@@ -5913,25 +5659,21 @@ var useFaqList = function useFaqList() {
   var totalItems = useSelector(function (state) {
     return state.faqs.totalItems;
   });
-
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
-
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = useDispatch();
   var getData = 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
@@ -5939,21 +5681,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 = useCallback(function (id) {
     dispatch(setLoading(true));
-
     try {
       dispatch(setModal({
         isOpen: true,
@@ -5977,13 +5716,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]);
   useEffect(function () {
@@ -6006,22 +5743,17 @@ var initValue$1 = {
   question: "",
   answer: ""
 };
-
 var useFaqDetail = function useFaqDetail() {
   var dispatch = useDispatch();
-
   var _useState = useState(0),
-      id = _useState[0],
-      setId = _useState[1];
-
+    id = _useState[0],
+    setId = _useState[1];
   var _useState2 = useState(initValue$1),
-      faqDetail = _useState2[0],
-      setFaqDetail = _useState2[1];
-
+    faqDetail = _useState2[0],
+    setFaqDetail = _useState2[1];
   var _useState3 = 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");
@@ -6031,7 +5763,6 @@ var useFaqDetail = function useFaqDetail() {
       return Promise.reject(e);
     }
   };
-
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -6041,54 +5772,45 @@ var useFaqDetail = function useFaqDetail() {
       return Promise.reject(e);
     }
   };
-
   useEffect(function () {
     !!id ? getData() : setFaqDetail(initValue$1);
   }, [id]);
   useEffect(function () {
     setEditedFalse();
   }, []);
-
   var reset = function reset() {
     setFaqDetail(initValue$1);
     setId(0);
   };
-
   var getData = 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 = 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({
@@ -6100,14 +5822,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);
     }
@@ -6127,34 +5847,29 @@ var useFaqDetail = function useFaqDetail() {
 };
 
 var header$1 = "FAQ";
-
 var FaqList = function FaqList() {
   var modal = 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();
@@ -6162,15 +5877,12 @@ var FaqList = function FaqList() {
     });
     setEditedFalse();
   };
-
   var onRemove = function onRemove(id) {
     removeData(id);
   };
-
   var onCancel = function onCancel() {
     return reset();
   };
-
   return React.createElement("div", {
     className: "fadeIn animated"
   }, React.createElement(FaqDetailModal$1, {
@@ -6276,31 +5988,27 @@ var remove$2 = function remove(id) {
 
 var SkillSelector = function SkillSelector(props) {
   var _useState = useState([]),
-      skillList = _useState[0],
-      setSkillList = _useState[1];
-
+    skillList = _useState[0],
+    setSkillList = _useState[1];
   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,
@@ -6320,22 +6028,19 @@ var schema$3 = object({
   name: string().required("Name is required"),
   description: 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 = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return React.createElement(Formik, {
     initialValues: skillDetail,
     enableReinitialize: true,
@@ -6346,12 +6051,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.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -6359,7 +6064,6 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       ref: ref,
       onCancel: function onCancel() {
         _onCancel();
-
         resetForm();
       },
       edited: edited,
@@ -6408,13 +6112,11 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
     }))));
   });
 };
-
 var SkillDetailModal$1 = forwardRef(SkillDetailModal);
 
 var setSkillList = createAction("skills/setSkillList");
 
 var TITLE$6 = "Skill list";
-
 var useSkillList = function useSkillList() {
   var skillList = useSelector(function (state) {
     return state.skills.skillList;
@@ -6422,25 +6124,21 @@ var useSkillList = function useSkillList() {
   var totalItems = useSelector(function (state) {
     return state.skills.totalItems;
   });
-
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
-
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var dispatch = useDispatch();
   var getData = 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
@@ -6448,21 +6146,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 = useCallback(function (id) {
     dispatch(setLoading(true));
-
     try {
       dispatch(setModal({
         isOpen: true,
@@ -6470,7 +6165,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",
@@ -6482,14 +6177,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);
           }
@@ -6497,13 +6190,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]);
   useEffect(function () {
@@ -6528,22 +6219,17 @@ var initValue$2 = {
   path: "",
   parentSkillId: null
 };
-
 var useSkillDetail = function useSkillDetail() {
   var dispatch = useDispatch();
-
   var _useState = useState(0),
-      id = _useState[0],
-      setId = _useState[1];
-
+    id = _useState[0],
+    setId = _useState[1];
   var _useState2 = useState(initValue$2),
-      skillDetail = _useState2[0],
-      setSkillDetail = _useState2[1];
-
+    skillDetail = _useState2[0],
+    setSkillDetail = _useState2[1];
   var _useState3 = 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");
@@ -6553,7 +6239,6 @@ var useSkillDetail = function useSkillDetail() {
       return Promise.reject(e);
     }
   };
-
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -6563,54 +6248,45 @@ var useSkillDetail = function useSkillDetail() {
       return Promise.reject(e);
     }
   };
-
   useEffect(function () {
     !!id ? getData() : setSkillDetail(initValue$2);
   }, [id]);
-
   var reset = function reset() {
     setId(0);
     setSkillDetail(initValue$2);
   };
-
   useEffect(function () {
     setEditedFalse();
   }, []);
   var getData = 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 = 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({
@@ -6622,14 +6298,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);
     }
@@ -6650,34 +6324,29 @@ var useSkillDetail = function useSkillDetail() {
 
 var SkillList = function SkillList() {
   var modal = useRef();
-
   var _useTranslation = 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();
@@ -6685,15 +6354,12 @@ var SkillList = function SkillList() {
     });
     setEditedFalse();
   };
-
   var onRemove = function onRemove(id) {
     removeData(id);
   };
-
   var onCancel = function onCancel() {
     return reset();
   };
-
   return React.createElement("div", {
     className: "fadeIn animated"
   }, React.createElement(SkillDetailModal$1, {
@@ -6781,33 +6447,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 = useDispatch();
-
   var _useState = 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",
@@ -6815,19 +6476,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.createElement("img", {
     style: imageStyle,
     src: imageSrc,
@@ -6907,23 +6564,18 @@ var initValue$3 = {
 };
 var USER_LIST_URL = "/admin/user";
 var TITLE$7 = "User detail";
-
 var useUserDetail = function useUserDetail(id) {
   var dispatch = useDispatch();
   var history = useHistory();
-
   var _useState = useState(initValue$3),
-      userDetail = _useState[0],
-      setUserDetail = _useState[1];
-
+    userDetail = _useState[0],
+    setUserDetail = _useState[1];
   var _useState2 = useState(null),
-      file = _useState2[0],
-      setFile = _useState2[1];
-
+    file = _useState2[0],
+    setFile = _useState2[1];
   var _useState3 = 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");
@@ -6933,7 +6585,9 @@ var useUserDetail = function useUserDetail(id) {
       return Promise.reject(e);
     }
   };
-
+  var _useState4 = useState([]),
+    currentRoles = _useState4[0],
+    setCurrentRoles = _useState4[1];
   useEffect(function () {
     document.title = TITLE$7;
     setEdited(false);
@@ -6944,32 +6598,28 @@ var useUserDetail = function useUserDetail(id) {
   }, [id]);
   var getData = 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;
-
+          var _res$data$roles, _res$data, _res$data2;
           setUserDetail(_extends({}, res.data, {
             dateOfBirth: format(new Date(res.data.dateOfBirth), DATE_FORMAT),
             roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
           }));
-          document.title = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.fullName;
+          setCurrentRoles((_res$data$roles = res === null || res === void 0 ? void 0 : (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.roles) != null ? _res$data$roles : []);
+          document.title = (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.fullName;
         });
       }, function (err) {
         var _err$response, _err$response$data;
-
         dispatch(setAlert({
           type: "danger",
           message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
         }));
       });
-
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6979,14 +6629,12 @@ var useUserDetail = function useUserDetail(id) {
   }, []);
   var confirmData = 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) {
@@ -6995,57 +6643,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$data2;
-
-              var imageUrl = res === null || res === void 0 ? void 0 : (_res$data2 = res.data) === null || _res$data2 === void 0 ? void 0 : _res$data2.key;
+              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",
@@ -7054,28 +6695,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 = 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",
@@ -7084,14 +6720,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);
     }
@@ -7106,7 +6740,9 @@ var useUserDetail = function useUserDetail(id) {
     setEdited: setEdited,
     setEditedTrue: setEditedTrue,
     confirmChangePassword: confirmChangePassword,
-    forgotPasswordRequest: forgotPasswordRequest
+    forgotPasswordRequest: forgotPasswordRequest,
+    currentRoles: currentRoles,
+    handleDisableRoles: handleDisableRoles
   };
 };
 
@@ -7127,30 +6763,27 @@ var changePasswordSchema = object({
 var CREATE_USER = "create_user";
 var EDIT_USER_HEADER = "edit_user";
 var CHANGE_PASSWORD$1 = "change_password";
-
 var UserDetail = function UserDetail() {
   var _useParams = useParams(),
-      id = _useParams.id;
-
+    id = _useParams.id;
   var user = useSelector(function (state) {
     return state.common.user;
   });
-
   var _useTranslation = 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;
-
+    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: "",
@@ -7158,12 +6791,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 = {
@@ -7175,7 +6806,6 @@ var UserDetail = function UserDetail() {
       return Promise.reject(e);
     }
   };
-
   return React.createElement(Formik, {
     initialValues: userDetail,
     enableReinitialize: true,
@@ -7189,12 +6819,12 @@ var UserDetail = function UserDetail() {
     }
   }, function (formProps) {
     var values = formProps.values,
-        touched = formProps.touched,
-        errors = formProps.errors,
-        setFieldValue = formProps.setFieldValue,
-        handleChange = formProps.handleChange,
-        handleBlur = formProps.handleBlur,
-        handleSubmit = formProps.handleSubmit;
+      touched = formProps.touched,
+      errors = formProps.errors,
+      setFieldValue = formProps.setFieldValue,
+      handleChange = formProps.handleChange,
+      handleBlur = formProps.handleBlur,
+      handleSubmit = formProps.handleSubmit;
     var toggleRoles = useCallback(function (role) {
       if (values.roles.includes(role)) {
         setFieldValue("roles", values.roles.filter(function (r) {
@@ -7202,12 +6832,10 @@ var UserDetail = function UserDetail() {
         }));
         return;
       }
-
       if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER].includes(role)) {
         setFieldValue("roles", [role]);
         return;
       }
-
       setFieldValue("roles", [].concat(values.roles, [role]));
     }, [values.roles]);
     return React.createElement("div", {
@@ -7296,7 +6924,7 @@ var UserDetail = function UserDetail() {
           toggleRoles(role);
           setEditedTrue();
         },
-        disabled: !!id ? true : ["Student", "Parent"].includes(role)
+        disabled: !!id ? currentRoles.concat(["Student", "Parent", "EduTeacher"]).includes(role) || currentRoles.every(handleDisableRoles) : ["Student", "Parent"].includes(role)
       }));
     }))), touched.roles && errors.roles && React.createElement(ErrorHandler, {
       text: errors.roles
@@ -7387,10 +7015,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.createElement(Row, {
         className: "pt-2 pb-5"
       }, React.createElement(Col, {
@@ -7461,8 +7089,7 @@ var UserDetail = function UserDetail() {
 
 var ScrollToTop = function ScrollToTop() {
   var _useLocation = useLocation(),
-      pathname = _useLocation.pathname;
-
+    pathname = _useLocation.pathname;
   useEffect(function () {
     window.scrollTo(0, 0);
   }, [pathname]);
@@ -7476,19 +7103,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",
@@ -7496,16 +7120,15 @@ var modalInfo = function modalInfo(type) {
       };
   }
 };
-
 var NotificationModal = function NotificationModal() {
   var dispatch = useDispatch();
   var modal = 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 = useCallback(function () {
     dispatch(setModal({
       isOpen: !isOpen,
@@ -7515,12 +7138,10 @@ var NotificationModal = function NotificationModal() {
   var headerStyle = {
     backgroundColor: modalInfo(type).color
   };
-
   var confirm = function confirm() {
     onConfirm && onConfirm();
     toggle();
   };
-
   return React.createElement(Modal, {
     isOpen: isOpen,
     toggle: toggle,
@@ -7544,10 +7165,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.createElement("div", {
     style: headerStyle
   }, React.createElement(Row, null, rootHeader && React.createElement(Col, {
@@ -7564,7 +7184,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) {
@@ -7574,23 +7193,20 @@ var utcToLocalTime = (function (time, FORMAT) {
 
 var NotificationLogoutModal = function NotificationLogoutModal() {
   var _useState = useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
-
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var _useState2 = 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,
@@ -7600,10 +7216,8 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
       onToggle();
     }
   };
-
   useEffect(function () {
     var getAccessToken = localStorage.getItem(ACCESS_TOKEN);
-
     if (getAccessToken) {
       var interval = setInterval(function () {
         checkOpenModalLogout();
@@ -7612,14 +7226,11 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
         return clearInterval(interval);
       };
     }
-
     return;
   }, [location.href]);
-
   var onToggle = function onToggle() {
     setIsOpen(!isOpen);
   };
-
   return React.createElement(Modal, {
     isOpen: isOpen,
     toggle: onToggle,
@@ -7646,14 +7257,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.createElement(Creatable, {
     components: components,
     placeholder: placeholder || "Type something to create option",
@@ -7670,15 +7280,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 = useState(initValue),
-      searchString = _useState[0],
-      setSearchString = _useState[1];
-
+    searchString = _useState[0],
+    setSearchString = _useState[1];
   useEffect(function () {
     setSearchString(initValue);
   }, [initValue]);
@@ -7696,7 +7304,6 @@ var SearchBox = function SearchBox(_ref) {
     style: style
   });
 };
-
 SearchBox.defaultProps = {
   placeholder: "Type something to search",
   className: "",
@@ -7722,29 +7329,25 @@ var get$6 = function get() {
 
 var SuggestionCategorySelector = function SuggestionCategorySelector(props) {
   var _useState = useState([]),
-      categoryList = _useState[0],
-      setCategoryList = _useState[1];
-
+    categoryList = _useState[0],
+    setCategoryList = _useState[1];
   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 {
@@ -7778,31 +7381,27 @@ var getByFilter = function getByFilter(filter) {
 
 var QuestionCategorySelector = function QuestionCategorySelector(props) {
   var _useState = useState([]),
-      getCategoryList = _useState[0],
-      setCategoryList = _useState[1];
-
+    getCategoryList = _useState[0],
+    setCategoryList = _useState[1];
   var id = props.id,
-      parentCategoryId = props.parentCategoryId;
+    parentCategoryId = props.parentCategoryId;
   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,
@@ -7821,19 +7420,16 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
 
 var useCategorySelector = function useCategorySelector() {
   var _useState = useState([]),
-      categories = _useState[0],
-      setCategories = _useState[1];
-
+    categories = _useState[0],
+    setCategories = _useState[1];
   var dispatch = useDispatch();
   var getData = 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) {
@@ -7842,22 +7438,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;
@@ -7866,14 +7458,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 {
@@ -7882,21 +7472,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;
   };
-
   useEffect(function () {
     getData();
   }, []);
@@ -7905,6 +7491,7 @@ var useCategorySelector = function useCategorySelector() {
   };
 };
 
+var _excluded$1 = ["value"];
 var optionStyles = {
   control: function control(styles) {
     return _extends({}, styles, {
@@ -7925,14 +7512,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;
@@ -7959,13 +7543,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.createElement("div", {
     className: "w-100 d-flex"
   }, React.createElement(Button, {
@@ -7983,12 +7566,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;
@@ -7996,21 +7578,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.createElement(Fragment, null, React.createElement(Input, {
     className: "d-none",
     type: "file",
@@ -8022,7 +7602,6 @@ var InputFile = function InputFile(_ref) {
     role: "button"
   }, icon));
 };
-
 InputFile.defaultProps = {
   accept: "*"
 };
@@ -8038,10 +7617,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, {
@@ -8056,7 +7634,6 @@ var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
     styles: customSelector
   });
 };
-
 var NotificationStatusSelector$1 = memo(NotificationStatusSelector);
 
 var defaultFilters = {
@@ -8068,13 +7645,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 = useDispatch();
-
   var _useParams = useParams(),
-      roles = _useParams.roles;
-
+    roles = _useParams.roles;
   var user = useSelector(function (state) {
     return state.common.user;
   });
@@ -8094,87 +7668,68 @@ var useNotificationList = function useNotificationList() {
   var unReadNotification = useSelector(function (state) {
     return state.notification.unReadNotification;
   });
-
   var _useState = useState(defaultFilters),
-      filters = _useState[0],
-      setFilters = _useState[1];
-
+    filters = _useState[0],
+    setFilters = _useState[1];
   var _useState2 = 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 = 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
@@ -8182,14 +7737,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);
     }
@@ -8226,7 +7779,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
@@ -8255,13 +7807,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);
@@ -8282,18 +7832,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.createElement("div", {
     className: "animated fadeIn",
     style: {
@@ -8404,13 +7952,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.createElement("div", {
     className: "d-flex align-items-center"
   }, React.createElement("div", null, React.createElement(AddButton, {
@@ -8425,7 +7972,6 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
     style: searchInputStyle
   })));
 };
-
 SearchBoxContainer.defaultProps = {
   placeholder: "Type something to search"
 };
@@ -8435,21 +7981,17 @@ var CustomTabs = function CustomTabs(props) {
   var location = 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.createElement(NotFound, null);
     }
-
     return React.createElement(Row, null, React.createElement(Col, {
       md: 12
     }, React.createElement("h5", null, title)), React.createElement(Col, {
@@ -8479,7 +8021,6 @@ var CustomTabs = function CustomTabs(props) {
       }));
     }))));
   };
-
   return React.createElement("div", {
     className: "animated fadeIn"
   }, renderContent());
@@ -8487,23 +8028,19 @@ var CustomTabs = function CustomTabs(props) {
 
 var CommonAlert = function CommonAlert() {
   var _alert$message2;
-
   var dispatch = useDispatch();
   var alert = useSelector(function (state) {
     return state.common.alert;
   });
   var timeout = useRef();
-
   var onDismiss = function onDismiss() {
     dispatch(setAlert({
       message: ""
     }));
     timeout && timeout.current && clearTimeout(timeout.current);
   };
-
   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 () {
@@ -8525,10 +8062,9 @@ var CommonAlert = function CommonAlert() {
 var schema$4 = object({
   name: 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.createElement(Formik, {
@@ -8543,11 +8079,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.createElement(CommonModal$1, {
       header: header,
       confirmText: confirmText,
@@ -8566,31 +8102,27 @@ var ActionModal = function ActionModal(props, ref) {
     }))));
   });
 };
-
 var ActionModal$1 = 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 = useRef();
   var inputFile = 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.createElement(Row, {
       className: "p-2 pl-3"
@@ -8629,7 +8161,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.createElement(FaFileUpload, null), React.createElement(Label, {
@@ -8638,15 +8169,14 @@ var MediaNav = function MediaNav(_ref) {
       className: "h-100 d-flex align-items-center"
     }, breadcumb));
   };
-
   return React.createElement("div", null, renderGroupButtons(), React.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 () {});
@@ -8655,14 +8185,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);
       }
@@ -8677,10 +8205,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,
@@ -8688,21 +8214,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.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";
@@ -8722,35 +8245,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.createElement(Card, {
     className: (isTarget ? styles$1["media-image-selected"] : '') + " border-0 "
@@ -8770,7 +8287,6 @@ var Media = function Media(_ref) {
     className: styles$1["media-title"]
   }, media.name)));
 };
-
 var Media$1 = React.memo(Media);
 
 var options$1 = [{
@@ -8786,14 +8302,11 @@ var options$1 = [{
   value: MediaType.VIDEO,
   label: "Videos"
 }];
-
 var Filter = function Filter(_ref) {
   var changeFilters = _ref.changeFilters;
-
   var _useState = useState(),
-      queryTypes = _useState[0],
-      selectQueryTypes = _useState[1];
-
+    queryTypes = _useState[0],
+    selectQueryTypes = _useState[1];
   return React.createElement(Row, {
     className: "" + styles$1["filter-media-file"]
   }, React.createElement(Col, {
@@ -8838,12 +8351,10 @@ var TITLE$9 = "Gallery";
 var defaultFilter = {
   searchString: ""
 };
-
 var useGalleryList = function useGalleryList(isLibrary) {
   if (isLibrary === void 0) {
     isLibrary = false;
   }
-
   var mediaList = useSelector(function (state) {
     return state.gallery.mediaList;
   });
@@ -8854,31 +8365,26 @@ var useGalleryList = function useGalleryList(isLibrary) {
     return state.gallery.targetMedia;
   });
   var dispatch = useDispatch();
-
   var _useState = useState(),
-      formDataMediaType = _useState[0],
-      handleSelectFile = _useState[1];
-
+    formDataMediaType = _useState[0],
+    handleSelectFile = _useState[1];
   var _useState2 = useState(Object.assign(_extends({}, defaultFilter), isLibrary ? {
-    isLibrary: true
-  } : {})),
-      filters = _useState2[0],
-      setFilters = _useState2[1];
-
+      isLibrary: true
+    } : {})),
+    filters = _useState2[0],
+    setFilters = _useState2[1];
   var _useState3 = 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,
@@ -8887,13 +8393,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("/") + "/",
@@ -8907,12 +8411,10 @@ var useGalleryList = function useGalleryList(isLibrary) {
       });
     }
   };
-
   var handleSelectMedia = function handleSelectMedia(media) {
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
-
     if (targetMedia) {
       if (media.key === targetMedia.key) {
         dispatch(setTargetMedia({
@@ -8929,10 +8431,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 () {
@@ -8944,13 +8445,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);
@@ -8962,14 +8461,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) {
@@ -8979,14 +8476,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({
@@ -9001,8 +8496,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);
             }
@@ -9014,42 +8508,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 = 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,
@@ -9058,14 +8545,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);
     }
@@ -9087,18 +8572,16 @@ var useGalleryList = function useGalleryList(isLibrary) {
   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();
@@ -9109,29 +8592,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 = 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) {
@@ -9161,25 +8639,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;
@@ -9201,7 +8677,6 @@ var MediaList = function MediaList(_ref) {
       })));
     });
   };
-
   return React.createElement(Card, null, React.createElement(CardHeader, null, React.createElement(Filter, {
     changeFilters: changeFilters,
     filters: filters
@@ -9229,7 +8704,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.createElement("div", null);
   var type = getTypeByExtension(targetMedia.extension);
@@ -9260,11 +8734,9 @@ var MediaDetail = function MediaDetail(_ref) {
     tag: "h6"
   }, "General Info"), React.createElement(CardText, null, "File extension: ", (_targetMedia$extensio = targetMedia.extension) === null || _targetMedia$extensio === void 0 ? void 0 : _targetMedia$extensio.toUpperCase())));
 };
-
 var MediaDetail$1 = React.memo(MediaDetail);
 
 var header$3 = "Gallery";
-
 var GalleryList = function GalleryList(_ref) {
   var isLibrary = _ref.isLibrary;
   var targetMedia = useSelector(function (state) {
@@ -9296,29 +8768,25 @@ var get$9 = function get() {
 
 var AcademicClassSelector = function AcademicClassSelector(props) {
   var _useState = useState([]),
-      classes = _useState[0],
-      setClasses = _useState[1];
-
+    classes = _useState[0],
+    setClasses = _useState[1];
   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 {
@@ -9356,42 +8824,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.
@@ -9676,7 +9108,6 @@ var commonReducer = 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,
@@ -9991,7 +9422,6 @@ var initialState$j = {
   selectedQuestions: [],
   selectQuestion: []
 };
-
 var mergeArrayUniqueQuestion = function mergeArrayUniqueQuestion(array1, array2) {
   var ids = new Set(array1.map(function (d) {
     return d.id;
@@ -10001,11 +9431,9 @@ var mergeArrayUniqueQuestion = function mergeArrayUniqueQuestion(array1, array2)
   }));
   return arrMerged;
 };
-
 var questionCategoryReducer = 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) {
@@ -10018,7 +9446,6 @@ var questionCategoryReducer = createReducer(initialState$j, function (builder) {
     var index = state.selectQuestion.findIndex(function (item) {
       return item.id === action.payload.id;
     });
-
     if (index === -1) {
       state.selectQuestion.push(action.payload);
     } else {
@@ -10039,13 +9466,11 @@ var questionCategoryReducer = createReducer(initialState$j, function (builder) {
         });
         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) {
@@ -10055,33 +9480,26 @@ var questionCategoryReducer = createReducer(initialState$j, function (builder) {
         });
         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;
     }
   });
@@ -10260,7 +9678,6 @@ var dashboardReducer = createReducer(initialState$t, function (builder) {
     })) {
       return state;
     }
-
     return _extends({}, state, {
       tabs: [action.payload].concat(state.tabs)
     });
@@ -10319,8 +9736,8 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     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;
     });
@@ -10329,7 +9746,6 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     var existedNote = teacherResultCloner.notes.find(function (note) {
       return !!note.isConfidential === isConfidential;
     });
-
     if (existedNote) {
       existedNote.text = text;
     } else {
@@ -10338,7 +9754,6 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
         text: text
       });
     }
-
     return _extends({}, state, {
       results: state.results.map(function (result) {
         return result.isTeacherResult ? teacherResultCloner : result;
@@ -10359,9 +9774,9 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     });
   }).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;
     });
@@ -10370,7 +9785,6 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     var existedResponse = resultCloner.questionResponses.find(function (response) {
       return response.questionId === questionId;
     });
-
     if (!existedResponse) {
       resultCloner.questionResponses.push({
         questionId: questionId,
@@ -10379,7 +9793,6 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     } else {
       existedResponse.text = text;
     }
-
     return _extends({}, state, {
       results: state.results.map(function (result) {
         return result.isTeacherResult === isTeacherResult ? resultCloner : result;
@@ -10413,15 +9826,14 @@ var dataPlayer = 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,
@@ -10430,7 +9842,6 @@ var dataPlayer = createReducer(initialState$v, function (builder) {
     } else {
       existedResponse.text = text;
     }
-
     return _extends({}, state, {
       questionResponse: questionResponseCloner
     });
@@ -10586,11 +9997,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);
   };
@@ -10619,7 +10028,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 = useHistory();
   var query = new URLSearchParams(location.search);
@@ -10630,38 +10038,31 @@ var useUserList = function useUserList() {
   var totalItems = useSelector(function (state) {
     return state.users.totalItems;
   });
-
   var _useFilters = useFilters(),
-      filters = _useFilters.filters,
-      changeFilters = _useFilters.changeFilters;
-
+    filters = _useFilters.filters,
+    changeFilters = _useFilters.changeFilters;
   var _useState = useState(!!queryName ? queryName : ""),
-      fullName = _useState[0],
-      setFullName = _useState[1];
-
+    fullName = _useState[0],
+    setFullName = _useState[1];
   var isDistrict = window.location.host.includes("-district");
   var dispatch = useDispatch();
   var getData = useCallback(function (fullName) {
     try {
-      var _temp3 = function _temp3() {
+      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
@@ -10669,14 +10070,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);
     }
@@ -10694,7 +10093,6 @@ var useUserList = function useUserList() {
   }, [filters]);
   var removeData = useCallback(function (id) {
     dispatch(setLoading(true));
-
     try {
       dispatch(setModal({
         isOpen: true,
@@ -10718,25 +10116,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({
@@ -10747,7 +10142,6 @@ var useUserList = function useUserList() {
       email: email,
       profileImageFileName: profileImageFileName
     }));
-
     if (isDistrict) {
       history.push(HOMEPAGE_DISTRICT$1);
     } else if (roles.includes("Admin")) {
@@ -10764,10 +10158,9 @@ var useUserList = function useUserList() {
       history.push(HOMEPAGE_TEACHER$1);
     }
   };
-
   var swicthUser = 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({
@@ -10776,13 +10169,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",
@@ -10794,14 +10185,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);
               }
@@ -10810,24 +10199,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,
@@ -10842,21 +10227,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 = useTranslation(),
-      t = _useTranslation.t;
-
+    t = _useTranslation.t;
   return React.createElement("div", {
     className: "fadeIn animated"
   }, React.createElement("h5", {