mario-core 2.9.116-beta → 2.9.121-beta

package/dist/index.modern.js

@@ -32,7 +32,6 @@ 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";
@@ -2403,6 +2402,7 @@ 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,10 +2427,11 @@ 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
@@ -2453,34 +2454,42 @@ var PasswordInput = function PasswordInput(_ref) {
 };
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+  _extends = Object.assign || 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 " + obj);
+  if (obj == null) throw new TypeError("Cannot destructure undefined");
 }
+
 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);
@@ -2489,28 +2498,38 @@ 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 = 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
-      };
-      return {
-        done: false,
-        value: o[i++]
+  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++]
+        };
       };
-    };
+    }
+
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
   }
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+
+  it = o[Symbol.iterator]();
+  return it.next.bind(it);
 }
 
 var TINY_MCE_API_KEY = "adpshj9swgsscf83gw4gs2f74nx0vicpd5ydka20iqjd7l8r";
@@ -2581,9 +2600,6 @@ var QUESTION_TYPES_OPTIONS = [{
 }, {
   label: "Learning strategy",
   value: "LearningStrategy"
-}, {
-  label: "Dropdown",
-  value: "Dropdown"
 }];
 var QUESTION_TYPES = {
   SINGLE_CHOICE: "SingleChoice",
@@ -2596,8 +2612,7 @@ var QUESTION_TYPES = {
   EMOTIONAL: "Emotional",
   SUMMARIZE: "Summarize",
   RATING: "Rating",
-  LEARNING_STRATEGY: "LearningStrategy",
-  DROPDOWN: "Dropdown"
+  LEARNING_STRATEGY: "LearningStrategy"
 };
 var STAR_OPTIONS = [{
   label: 2,
@@ -2670,6 +2685,7 @@ var encodeParams = (function (params) {
         return encodeURIComponent(key) + "=" + encodeURIComponent(i);
       }).join('&');
     }
+
     return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
   }).join('&');
 });
@@ -2694,10 +2710,12 @@ 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);
@@ -2714,6 +2732,7 @@ 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,
@@ -2722,14 +2741,17 @@ 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);
   });
 });
@@ -2787,30 +2809,39 @@ 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();
@@ -2820,25 +2851,28 @@ var useLogin = function useLogin() {
   var isDistrict = window.location.host.includes("-district");
   var userLogin = useCallback(function (data) {
     try {
-      var _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _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({
@@ -2849,8 +2883,10 @@ 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
@@ -2862,8 +2898,10 @@ 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,
@@ -2871,6 +2909,7 @@ var useLogin = function useLogin() {
               });
             }
           }
+
           if (isDistrict) {
             history.push(HOMEPAGE_DISTRICT);
           } else if (roles.includes("Admin")) {
@@ -2887,46 +2926,55 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
+
   var getInfoGoogle = function getInfoGoogle() {
     try {
-      var _temp3 = _catch(function () {
+      var _temp6 = _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(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var fnIsCheckLogin = useCallback(function (data, token, clickHandler) {
     try {
-      var _temp6 = function _temp6() {
+      var _temp10 = function _temp10() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
+
+      var _temp11 = _catch(function () {
         return Promise.resolve(checkUserGoogle(data)).then(function (res) {
           var checkUser = res.data;
-          var _temp4 = function () {
+
+          var _temp7 = function () {
             if (checkUser) {
               return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
                 var dataUser = {
@@ -2945,28 +2993,34 @@ var useLogin = function useLogin() {
               setIsLoginGoogle(true);
             }
           }();
-          if (_temp4 && _temp4.then) return _temp4.then(function () {});
+
+          if (_temp7 && _temp7.then) return _temp7.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(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+
+      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp10) : _temp10(_temp11));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
+
   var submitLogin = function submitLogin(teacherId, clickHandler) {
     try {
-      var _temp9 = function _temp9() {
+      var _temp15 = function _temp15() {
         setIsLoginGoogle(false);
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp8 = _catch(function () {
+
+      var _temp16 = _catch(function () {
         var data = {
           firstName: infoUser.firstName,
           lastName: infoUser.lastName,
@@ -2977,7 +3031,7 @@ var useLogin = function useLogin() {
           teacherId: teacherId
         };
         return Promise.resolve(registerUserStudent(data)).then(function (res) {
-          var _temp7 = function () {
+          var _temp12 = function () {
             if (res.data) {
               return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
                 var dataLogin = {
@@ -2995,20 +3049,24 @@ var useLogin = function useLogin() {
               });
             }
           }();
-          if (_temp7 && _temp7.then) return _temp7.then(function () {});
+
+          if (_temp12 && _temp12.then) return _temp12.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(_temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8));
+
+      return Promise.resolve(_temp16 && _temp16.then ? _temp16.then(_temp15) : _temp15(_temp16));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   return {
     defaultInfo: defaultInfo,
     userLogin: userLogin,
@@ -3027,13 +3085,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, _excluded);
+      options = _ref.options,
+      isDisabled = _ref.isDisabled,
+      scrollBottom = _ref.scrollBottom,
+      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom"]);
+
   var initValue = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
   }) || null : null;
@@ -3047,43 +3105,54 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         setLoading(false);
       };
+
       setLoading(true);
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         var data = {
           token: token,
           email: email
@@ -3093,18 +3162,21 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [searchString]);
   useEffect(function () {
     timeout && timeout.current && clearTimeout(timeout.current);
+
     if (!searchString || searchString.trim().length < 2) {
       setTeachers([]);
     } else {
@@ -3117,9 +3189,11 @@ 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, {
@@ -3152,6 +3226,7 @@ var BlockSelectTeacher = function BlockSelectTeacher(_ref) {
     onClick: toggle
   }, "Cancel")));
 };
+
 var BlockSelectTeacher$1 = forwardRef(BlockSelectTeacher);
 
 var schema = object({
@@ -3159,44 +3234,51 @@ 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 = {
@@ -3212,6 +3294,7 @@ var BlockLogin = function BlockLogin(_ref) {
       fnIsCheckLogin(infoLogin, accessToken, clickHandler);
     }
   };
+
   return React.createElement(React.Fragment, null, React.createElement(Formik, {
     initialValues: defaultInfo,
     enableReinitialize: true,
@@ -3233,12 +3316,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, {
@@ -3326,26 +3409,34 @@ 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();
@@ -3353,11 +3444,13 @@ var useForgotPassword = function useForgotPassword() {
   }, []);
   var forgotPasswordRequest = useCallback(function (data) {
     try {
-      var _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(forgotPassword(data)).then(function () {
           history.push(LOGIN);
           dispatch(setAlert({
@@ -3367,40 +3460,47 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var checkResetTokenRequest = useCallback(function (token) {
     try {
-      var _temp4 = function _temp4() {
+      var _temp7 = function _temp7() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp3 = _catch(function () {
+
+      var _temp8 = _catch(function () {
         return Promise.resolve(checkResetToken(token)).then(function () {});
       }, function () {
         setValidLink(false);
       });
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
     } catch (e) {
       return Promise.reject(e);
     }
   }, []);
   var resetPasswordRequest = useCallback(function (data) {
     try {
-      var _temp6 = function _temp6() {
+      var _temp11 = function _temp11() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
+
+      var _temp12 = _catch(function () {
         return Promise.resolve(resetPassword(data)).then(function () {
           history.push(LOGIN);
           dispatch(setAlert({
@@ -3410,13 +3510,15 @@ 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(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3427,6 +3529,7 @@ var useForgotPassword = function useForgotPassword() {
         console.log("execute recaptcha undefined");
         return Promise.resolve();
       }
+
       return Promise.resolve(executeRecaptcha("forgetPass"));
     } catch (e) {
       return Promise.reject(e);
@@ -3457,11 +3560,13 @@ 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,
@@ -3479,10 +3584,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, {
@@ -3549,17 +3654,20 @@ 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);
   }, []);
@@ -3572,9 +3680,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);
     }, []);
@@ -3650,14 +3758,17 @@ 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);
@@ -3698,7 +3809,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"]
@@ -3725,8 +3836,10 @@ 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, {
@@ -3747,16 +3860,20 @@ 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]);
@@ -3836,9 +3953,11 @@ 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());
@@ -3912,6 +4031,7 @@ 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) {
@@ -3925,18 +4045,20 @@ var useUnReadNotification = function useUnReadNotification() {
   });
   var getData = useCallback(function () {
     try {
-      var _temp = _catch(function () {
+      var _temp2 = _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(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -3946,6 +4068,7 @@ var useUnReadNotification = function useUnReadNotification() {
   useEffect(function () {
     getData();
     var pusher;
+
     if (pusherKey && pusherCluster) {
       pusher = new Pusher(pusherKey, {
         cluster: pusherCluster
@@ -3958,6 +4081,7 @@ var useUnReadNotification = function useUnReadNotification() {
         isChat && getData();
       });
     }
+
     return function () {
       return pusher && pusher.unsubscribe(NOTIFICATION_CHANNEL + "-" + userId);
     };
@@ -3969,12 +4093,15 @@ 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";
@@ -4004,6 +4131,7 @@ 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;
@@ -4011,9 +4139,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 () {
@@ -4024,14 +4152,17 @@ 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, {
@@ -4084,25 +4215,31 @@ 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'],
@@ -4174,6 +4311,7 @@ var TheHeader = function TheHeader() {
 };
 
 var TITLE$2 = "Not found";
+
 var NotFound = function NotFound() {
   useEffect(function () {
     document.title = TITLE$2;
@@ -4200,6 +4338,7 @@ 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();
@@ -4224,6 +4363,7 @@ var TheContent = function TheContent(_ref) {
     component: NotFound
   })))));
 };
+
 var TheContent$1 = React.memo(TheContent);
 
 var loadingStyle = {
@@ -4238,6 +4378,7 @@ var loadingStyle = {
   justifyContent: "center",
   alignItems: "center"
 };
+
 var Loading = function Loading() {
   var isLoading = useSelector(function (state) {
     return state.common.isLoading;
@@ -4268,18 +4409,20 @@ 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) {
@@ -4288,8 +4431,10 @@ 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");
@@ -4314,44 +4459,52 @@ var TheLayout = function TheLayout(_ref) {
   useEffect(function () {
     checkAuthentication();
   }, []);
+
   var checkAuthentication = function checkAuthentication() {
     try {
-      var _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(firstCheckToken()).then(function (tokenStatus) {
           tokenStatus ? loadInfo() : resetAuth();
         });
       }, function () {
         resetAuth();
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var loadInfo = function loadInfo() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp4 = _catch(function () {
         return Promise.resolve(getInfo()).then(function (info) {
           if (!info) {
             resetAuth();
           }
+
           dispatch(setUser(info.data));
         });
       }, function () {
         resetAuth();
       });
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.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, {
@@ -4371,9 +4524,10 @@ 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',
@@ -4396,7 +4550,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",
@@ -4406,14 +4560,15 @@ 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: {}
@@ -4421,12 +4576,14 @@ 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]);
@@ -4511,15 +4668,19 @@ 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,
@@ -4530,6 +4691,7 @@ 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) {
@@ -4541,25 +4703,30 @@ 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 _temp3 = function _temp3() {
+      var _temp4 = function _temp4() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp2 = _catch(function () {
+
+      var _temp5 = _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) {
@@ -4567,22 +4734,26 @@ 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(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
+
+      return Promise.resolve(_temp5 && _temp5.then ? _temp5.then(_temp4) : _temp4(_temp5));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = useCallback(function (id) {
     dispatch(setLoading(true));
+
     try {
       dispatch(setModal({
         isOpen: true,
@@ -4606,11 +4777,13 @@ 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) {
@@ -4636,18 +4809,21 @@ 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", {
@@ -4752,10 +4928,11 @@ 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
@@ -4804,9 +4981,10 @@ 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"
@@ -4846,20 +5024,23 @@ var MailCategorySelector = function MailCategorySelector(props) {
   useEffect(function () {
     fetchMailCategory();
   }, []);
+
   var fetchMailCategory = function fetchMailCategory() {
     try {
-      var _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$2()).then(function (res) {
           dispatch(setMailCategory(res.data.items));
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var id = props.id;
   var arrCategory = mailCategoryList.map(function (i) {
     return {
@@ -4883,6 +5064,7 @@ 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.";
@@ -4896,7 +5078,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", {
@@ -4975,58 +5157,68 @@ 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 _temp = _catch(function () {
+
+      var _temp2 = _catch(function () {
         return Promise.resolve(systemEmailUpload(imageFile)).then(function (_ref) {
           var data = _ref.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.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 _temp2 = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(systemQuestionUpload(imageFile)).then(function (_ref2) {
           var data = _ref2.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.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 _temp3 = _catch(function () {
+
+      var _temp6 = _catch(function () {
         return Promise.resolve(systemAnswerUpload(imageFile)).then(function (_ref3) {
           var data = _ref3.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   }
 });
+
 var tutorial = _extends({}, config, {
   height: ANSWER_EDITOR_HEIGHT,
   media_live_embeds: true,
@@ -5036,13 +5228,15 @@ var tutorial = _extends({}, config, {
     try {
       var imageFile = new FormData();
       imageFile.append("file", blobInfo.blob(), blobInfo.filename());
-      var _temp4 = _catch(function () {
+
+      var _temp8 = _catch(function () {
         return Promise.resolve(systemTutorialUpload(imageFile)).then(function (_ref4) {
           var data = _ref4.data;
           success(getFileUrl(data.key));
         });
       }, function () {});
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5051,6 +5245,7 @@ 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];
@@ -5065,9 +5260,11 @@ var tutorial = _extends({}, config, {
         return Promise.reject(e);
       }
     };
+
     input.click();
   }
 });
+
 var editorConfig = {
   email: email$2,
   question: question$2,
@@ -5085,16 +5282,20 @@ 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");
@@ -5104,12 +5305,15 @@ 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);
@@ -5120,11 +5324,13 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
   }, [id]);
   var getData = useCallback(function () {
     try {
-      var _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(getById(id)).then(function (res) {
           setEmailTemplateDetail({
             id: res.data.id,
@@ -5138,33 +5344,40 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } 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 _temp6 = function _temp6() {
+      var _temp9 = function _temp9() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
-        function _temp4() {
+
+      var _temp10 = _catch(function () {
+        function _temp6() {
           var next = !!id ? update$2 : create$2;
           return Promise.resolve(next(data)).then(function () {
             dispatch(setAlert({
@@ -5174,7 +5387,8 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
             backToList();
           });
         }
-        var _temp3 = function () {
+
+        var _temp5 = function () {
           if (!!fileUpload && !!fileUpload.length) {
             return Promise.resolve(uploadFiles()).then(function (fileData) {
               var newAttachments = fileData.map(function (item) {
@@ -5187,19 +5401,23 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
             });
           }
         }();
-        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+
+        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
       }, 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(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+
+      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id, fileUpload]);
+
   var onAttachFile = function onAttachFile() {
     var inputs = document.getElementsByClassName("input-attachment");
     var newInput = document.createElement("input");
@@ -5213,15 +5431,19 @@ 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",
@@ -5232,11 +5454,14 @@ 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;
         })) {
@@ -5246,13 +5471,17 @@ 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;
@@ -5270,17 +5499,22 @@ 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;
@@ -5289,11 +5523,13 @@ var useEmailTemplateDetail = function useEmailTemplateDetail(id) {
           promises.push(systemEmailUpload(formData));
         }
       }
+
       return Promise.all(promises);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   return {
     emailTemplateDetail: emailTemplateDetail,
     setEditorRef: setEditorRef,
@@ -5321,21 +5557,24 @@ 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) {
@@ -5352,12 +5591,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"
@@ -5470,19 +5709,22 @@ 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({
@@ -5500,17 +5742,20 @@ 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 () {
@@ -5522,6 +5767,7 @@ var CommonModal = function CommonModal(props, ref) {
       !!cb && cb();
     }
   }, [isOpen]);
+
   var cancel = useCallback(function () {
     _toggle(!!edited, function () {
       onCancel && onCancel();
@@ -5551,22 +5797,24 @@ 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,
@@ -5577,11 +5825,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,
@@ -5628,6 +5876,7 @@ var FaqDetailModal = function FaqDetailModal(props, ref) {
     }))));
   });
 };
+
 var FaqDetailModal$1 = forwardRef(FaqDetailModal);
 
 var setFaqList = createAction("faqs/setFaqList");
@@ -5652,6 +5901,7 @@ var remove$1 = function remove(id) {
 };
 
 var TITLE$5 = "FAQ list";
+
 var useFaqList = function useFaqList() {
   var faqList = useSelector(function (state) {
     return state.faqs.faqList;
@@ -5659,21 +5909,25 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _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
@@ -5681,18 +5935,21 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = useCallback(function (id) {
     dispatch(setLoading(true));
+
     try {
       dispatch(setModal({
         isOpen: true,
@@ -5716,11 +5973,13 @@ 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 () {
@@ -5743,17 +6002,22 @@ 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");
@@ -5763,6 +6027,7 @@ var useFaqDetail = function useFaqDetail() {
       return Promise.reject(e);
     }
   };
+
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -5772,45 +6037,54 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id]);
   var confirmData = useCallback(function (values, cb) {
     try {
-      var _temp4 = function _temp4() {
+      var _temp7 = function _temp7() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp3 = _catch(function () {
+
+      var _temp8 = _catch(function () {
         var next = !!id ? update$3 : create$3;
         return Promise.resolve(next(values)).then(function () {
           dispatch(setAlert({
@@ -5822,12 +6096,14 @@ 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(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5847,29 +6123,34 @@ 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();
@@ -5877,12 +6158,15 @@ 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, {
@@ -5988,27 +6272,31 @@ 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 _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$4()).then(function (res) {
           setSkillList(res.data.items);
         });
       }, function (err) {
         console.error(err.message);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.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,
@@ -6028,19 +6316,22 @@ 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,
@@ -6051,12 +6342,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,
@@ -6064,6 +6355,7 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       ref: ref,
       onCancel: function onCancel() {
         _onCancel();
+
         resetForm();
       },
       edited: edited,
@@ -6112,11 +6404,13 @@ 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;
@@ -6124,21 +6418,25 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _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
@@ -6146,18 +6444,21 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [dispatch, filters]);
   var removeData = useCallback(function (id) {
     dispatch(setLoading(true));
+
     try {
       dispatch(setModal({
         isOpen: true,
@@ -6165,7 +6466,7 @@ var useSkillList = function useSkillList() {
         message: "Do you want to remove this skill?",
         onConfirm: function () {
           try {
-            var _temp3 = _catch(function () {
+            var _temp6 = _catch(function () {
               return Promise.resolve(remove$2(id)).then(function () {
                 dispatch(setAlert({
                   type: "success",
@@ -6177,12 +6478,14 @@ 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(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+
+            return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
           } catch (e) {
             return Promise.reject(e);
           }
@@ -6190,11 +6493,13 @@ 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 () {
@@ -6219,17 +6524,22 @@ 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");
@@ -6239,6 +6549,7 @@ var useSkillDetail = function useSkillDetail() {
       return Promise.reject(e);
     }
   };
+
   var setEditedFalse = function setEditedFalse() {
     try {
       !!localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href);
@@ -6248,45 +6559,54 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
   }, [id]);
   var confirmData = useCallback(function (values, cb) {
     try {
-      var _temp4 = function _temp4() {
+      var _temp7 = function _temp7() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp3 = _catch(function () {
+
+      var _temp8 = _catch(function () {
         var next = !!id ? update$4 : create$4;
         return Promise.resolve(next(values)).then(function () {
           dispatch(setAlert({
@@ -6298,12 +6618,14 @@ 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(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6324,29 +6646,34 @@ 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();
@@ -6354,12 +6681,15 @@ 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, {
@@ -6447,28 +6777,33 @@ 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",
@@ -6476,15 +6811,19 @@ 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,
@@ -6564,18 +6903,23 @@ 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");
@@ -6585,9 +6929,7 @@ 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);
@@ -6598,28 +6940,32 @@ var useUserDetail = function useUserDetail(id) {
   }, [id]);
   var getData = useCallback(function () {
     try {
-      var _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(getById$3(id)).then(function (res) {
-          var _res$data$roles, _res$data, _res$data2;
+          var _res$data;
+
           setUserDetail(_extends({}, res.data, {
             dateOfBirth: format(new Date(res.data.dateOfBirth), DATE_FORMAT),
             roles: res.data.roles.includes("EduTeacher") ? [ROLES.EDUTEACHER] : res.data.roles
           }));
-          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;
+          document.title = (_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.fullName;
         });
       }, function (err) {
         var _err$response, _err$response$data;
+
         dispatch(setAlert({
           type: "danger",
           message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
         }));
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6629,12 +6975,14 @@ var useUserDetail = function useUserDetail(id) {
   }, []);
   var confirmData = useCallback(function (data) {
     try {
-      var _temp6 = function _temp6() {
+      var _temp9 = function _temp9() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
-        function _temp4() {
+
+      var _temp10 = _catch(function () {
+        function _temp6() {
           var next = !!id ? update$5 : create$5;
           !id && delete data.id;
           return Promise.resolve(next(data)).then(function (result) {
@@ -6643,50 +6991,57 @@ 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 _temp3 = function () {
+
+        var _temp5 = function () {
           if (!!file) {
             var formData = new FormData();
             var name = file.name;
             formData.append("file", file, name);
             return Promise.resolve(systemProfileUpload(formData)).then(function (res) {
-              var _res$data3;
-              var imageUrl = res === null || res === void 0 ? void 0 : (_res$data3 = res.data) === null || _res$data3 === void 0 ? void 0 : _res$data3.key;
+              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;
               data.profileImageFileName = imageUrl;
             });
           }
         }();
-        return _temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3);
+
+        return _temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5);
       }, 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(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+
+      return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
     } 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 _temp8 = function _temp8() {
+      var _temp13 = function _temp13() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp7 = _catch(function () {
+
+      var _temp14 = _catch(function () {
         return Promise.resolve(changePassword(data)).then(function () {
           dispatch(setAlert({
             type: "success",
@@ -6695,23 +7050,28 @@ 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(_temp7 && _temp7.then ? _temp7.then(_temp8) : _temp8(_temp7));
+
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(_temp13) : _temp13(_temp14));
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var forgotPasswordRequest = useCallback(function (data) {
     try {
-      var _temp10 = function _temp10() {
+      var _temp17 = function _temp17() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp9 = _catch(function () {
+
+      var _temp18 = _catch(function () {
         return Promise.resolve(forgotChangePassword(data)).then(function () {
           dispatch(setAlert({
             type: "success",
@@ -6720,12 +7080,14 @@ 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(_temp9 && _temp9.then ? _temp9.then(_temp10) : _temp10(_temp9));
+
+      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(_temp17) : _temp17(_temp18));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6740,9 +7102,7 @@ var useUserDetail = function useUserDetail(id) {
     setEdited: setEdited,
     setEditedTrue: setEditedTrue,
     confirmChangePassword: confirmChangePassword,
-    forgotPasswordRequest: forgotPasswordRequest,
-    currentRoles: currentRoles,
-    handleDisableRoles: handleDisableRoles
+    forgotPasswordRequest: forgotPasswordRequest
   };
 };
 
@@ -6763,27 +7123,30 @@ 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,
-    currentRoles = _useUserDetail.currentRoles,
-    handleDisableRoles = _useUserDetail.handleDisableRoles;
+      userDetail = _useUserDetail.userDetail,
+      backToList = _useUserDetail.backToList,
+      confirmData = _useUserDetail.confirmData,
+      file = _useUserDetail.file,
+      setFile = _useUserDetail.setFile,
+      edited = _useUserDetail.edited,
+      setEdited = _useUserDetail.setEdited,
+      setEditedTrue = _useUserDetail.setEditedTrue,
+      confirmChangePassword = _useUserDetail.confirmChangePassword,
+      forgotPasswordRequest = _useUserDetail.forgotPasswordRequest;
+
   var initialValueForm = {
     oldPassword: "",
     newPassword: "",
@@ -6791,10 +7154,12 @@ 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 = {
@@ -6806,6 +7171,7 @@ var UserDetail = function UserDetail() {
       return Promise.reject(e);
     }
   };
+
   return React.createElement(Formik, {
     initialValues: userDetail,
     enableReinitialize: true,
@@ -6819,12 +7185,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) {
@@ -6832,11 +7198,16 @@ var UserDetail = function UserDetail() {
         }));
         return;
       }
-      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER].includes(role)) {
+
+      if ([ROLES.ADMIN, ROLES.STUDENT, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR, ROLES.SECONDARY_TEACHER].includes(role)) {
         setFieldValue("roles", [role]);
         return;
       }
-      setFieldValue("roles", [].concat(values.roles, [role]));
+
+      var teacherAssistantRoles = values.roles.filter(function (item) {
+        return ![ROLES.STUDENT, ROLES.ADMIN, ROLES.PARENT, ROLES.EDUTEACHER, ROLES.COUNSELOR, ROLES.SECONDARY_TEACHER].includes(item);
+      });
+      setFieldValue("roles", [].concat(teacherAssistantRoles, [role]));
     }, [values.roles]);
     return React.createElement("div", {
       className: "animated fadeIn detail-buttons-padding"
@@ -6924,7 +7295,7 @@ var UserDetail = function UserDetail() {
           toggleRoles(role);
           setEditedTrue();
         },
-        disabled: !!id ? currentRoles.concat(["Student", "Parent", "EduTeacher"]).includes(role) || currentRoles.every(handleDisableRoles) : ["Student", "Parent"].includes(role)
+        disabled: !!id ? true : ["Student", "Parent"].includes(role)
       }));
     }))), touched.roles && errors.roles && React.createElement(ErrorHandler, {
       text: errors.roles
@@ -7015,10 +7386,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, {
@@ -7089,7 +7460,8 @@ var UserDetail = function UserDetail() {
 
 var ScrollToTop = function ScrollToTop() {
   var _useLocation = useLocation(),
-    pathname = _useLocation.pathname;
+      pathname = _useLocation.pathname;
+
   useEffect(function () {
     window.scrollTo(0, 0);
   }, [pathname]);
@@ -7103,16 +7475,19 @@ 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",
@@ -7120,15 +7495,16 @@ 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,
@@ -7138,10 +7514,12 @@ 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,
@@ -7165,9 +7543,10 @@ 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, {
@@ -7184,6 +7563,7 @@ 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) {
@@ -7193,20 +7573,23 @@ 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,
@@ -7216,8 +7599,10 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
       onToggle();
     }
   };
+
   useEffect(function () {
     var getAccessToken = localStorage.getItem(ACCESS_TOKEN);
+
     if (getAccessToken) {
       var interval = setInterval(function () {
         checkOpenModalLogout();
@@ -7226,11 +7611,14 @@ var NotificationLogoutModal = function NotificationLogoutModal() {
         return clearInterval(interval);
       };
     }
+
     return;
   }, [location.href]);
+
   var onToggle = function onToggle() {
     setIsOpen(!isOpen);
   };
+
   return React.createElement(Modal, {
     isOpen: isOpen,
     toggle: onToggle,
@@ -7257,13 +7645,14 @@ 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",
@@ -7280,13 +7669,15 @@ 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]);
@@ -7304,6 +7695,7 @@ var SearchBox = function SearchBox(_ref) {
     style: style
   });
 };
+
 SearchBox.defaultProps = {
   placeholder: "Type something to search",
   className: "",
@@ -7329,25 +7721,29 @@ 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 _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$6()).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var id = props.id;
   var arrCategory = categoryList.map(function (i) {
     return {
@@ -7381,27 +7777,31 @@ 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 _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$7(parentCategoryId)).then(function (res) {
           setCategoryList(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var arrCategory = getCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -7420,16 +7820,19 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(getByFilter(_extends({}, DEFAULT_FILTER, {
           pageSize: -1
         }))).then(function (res) {
@@ -7438,18 +7841,22 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } 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;
@@ -7458,12 +7865,14 @@ 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 {
@@ -7472,17 +7881,21 @@ 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();
   }, []);
@@ -7491,7 +7904,6 @@ var useCategorySelector = function useCategorySelector() {
   };
 };
 
-var _excluded$1 = ["value"];
 var optionStyles = {
   control: function control(styles) {
     return _extends({}, styles, {
@@ -7512,11 +7924,14 @@ var optionStyles = {
     });
   }
 };
+
 var CategorySelector = function CategorySelector(_ref2) {
   var value = _ref2.value,
-    rest = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
+      rest = _objectWithoutPropertiesLoose(_ref2, ["value"]);
+
   var _useCategorySelector = useCategorySelector(),
-    categories = _useCategorySelector.categories;
+      categories = _useCategorySelector.categories;
+
   var initialValue = !!value ? categories.find(function (option) {
     return option.value === value;
   }) || null : null;
@@ -7543,12 +7958,13 @@ 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, {
@@ -7566,11 +7982,12 @@ 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 _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         var formData = new FormData();
         var file = e.target.files[0];
         var fileName = file.name;
@@ -7578,19 +7995,21 @@ 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(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   return React.createElement(Fragment, null, React.createElement(Input, {
     className: "d-none",
     type: "file",
@@ -7602,6 +8021,7 @@ var InputFile = function InputFile(_ref) {
     role: "button"
   }, icon));
 };
+
 InputFile.defaultProps = {
   accept: "*"
 };
@@ -7617,9 +8037,10 @@ 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, {
@@ -7634,6 +8055,7 @@ var NotificationStatusSelector = function NotificationStatusSelector(_ref) {
     styles: customSelector
   });
 };
+
 var NotificationStatusSelector$1 = memo(NotificationStatusSelector);
 
 var defaultFilters = {
@@ -7645,14 +8067,14 @@ 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;
-  var user = useSelector(function (state) {
-    return state.common.user;
+  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 userId = user === null || user === void 0 ? void 0 : user.id;
   var notificationList = useSelector(function (state) {
     return state.notification.notificationList;
   });
@@ -7668,68 +8090,85 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      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 _temp4 = _catch(function () {
+        return Promise.resolve(get(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(setNotification({
             notificationList: items,
             totalItems: totalItems
@@ -7737,12 +8176,14 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -7779,6 +8220,7 @@ 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
@@ -7807,11 +8249,13 @@ 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);
@@ -7832,16 +8276,18 @@ 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: {
@@ -7952,12 +8398,13 @@ 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, {
@@ -7972,6 +8419,7 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
     style: searchInputStyle
   })));
 };
+
 SearchBoxContainer.defaultProps = {
   placeholder: "Type something to search"
 };
@@ -7981,17 +8429,21 @@ 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, {
@@ -8021,6 +8473,7 @@ var CustomTabs = function CustomTabs(props) {
       }));
     }))));
   };
+
   return React.createElement("div", {
     className: "animated fadeIn"
   }, renderContent());
@@ -8028,19 +8481,23 @@ 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 () {
@@ -8062,9 +8519,10 @@ 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, {
@@ -8079,11 +8537,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,
@@ -8102,27 +8560,31 @@ 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"
@@ -8161,6 +8623,7 @@ 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, {
@@ -8169,14 +8632,15 @@ 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 _temp2 = function () {
+        var _temp3 = function () {
           if (values.name != "") {
-            var _temp = function () {
+            var _temp4 = function () {
               if (targetMedia && !targetMedia.isFolder) {
                 openModal();
                 return Promise.resolve(handleRenameFile(values.name)).then(function () {});
@@ -8185,12 +8649,14 @@ var MediaNav = function MediaNav(_ref) {
                 return Promise.resolve(handleCreateFolder(currentPrefix, values.name)).then(function () {});
               }
             }();
-            if (_temp && _temp.then) return _temp.then(function () {});
+
+            if (_temp4 && _temp4.then) return _temp4.then(function () {});
           } else {
             showErrorAlert("Name can't be empty");
           }
         }();
-        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+
+        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
       } catch (e) {
         return Promise.reject(e);
       }
@@ -8205,8 +8671,10 @@ 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 _temp3 = function () {
+
+        var _temp6 = function () {
           if (file) {
             return Promise.resolve(handleSelectFile({
               key: currentPrefix,
@@ -8214,18 +8682,21 @@ var MediaNav = function MediaNav(_ref) {
             })).then(function () {});
           }
         }();
-        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+
+        return Promise.resolve(_temp6 && _temp6.then ? _temp6.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";
@@ -8245,29 +8716,35 @@ 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 "
@@ -8287,6 +8764,7 @@ var Media = function Media(_ref) {
     className: styles$1["media-title"]
   }, media.name)));
 };
+
 var Media$1 = React.memo(Media);
 
 var options$1 = [{
@@ -8302,11 +8780,14 @@ 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, {
@@ -8351,10 +8832,12 @@ 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;
   });
@@ -8365,26 +8848,31 @@ 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,
@@ -8393,11 +8881,13 @@ 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("/") + "/",
@@ -8411,10 +8901,12 @@ var useGalleryList = function useGalleryList(isLibrary) {
       });
     }
   };
+
   var handleSelectMedia = function handleSelectMedia(media) {
     dispatch(setTargetMedia({
       targetMedia: undefined
     }));
+
     if (targetMedia) {
       if (media.key === targetMedia.key) {
         dispatch(setTargetMedia({
@@ -8431,9 +8923,10 @@ var useGalleryList = function useGalleryList(isLibrary) {
       }));
     }
   };
+
   var handleRenameFile = function handleRenameFile(name) {
     try {
-      var _temp = function () {
+      var _temp2 = function () {
         if (targetMedia !== null && targetMedia !== void 0 && targetMedia.key && name) {
           dispatch(setLoading(true));
           return Promise.resolve(renameFile(targetMedia.key, name)).then(function () {
@@ -8445,11 +8938,13 @@ var useGalleryList = function useGalleryList(isLibrary) {
           });
         }
       }();
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.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);
@@ -8461,12 +8956,14 @@ 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) {
@@ -8476,12 +8973,14 @@ var useGalleryList = function useGalleryList(isLibrary) {
           message: "Do you want to remove this " + (targetMedia.isFolder ? "folder" : "file"),
           onConfirm: function () {
             try {
-              var _temp3 = function _temp3() {
+              var _temp5 = function _temp5() {
                 dispatch(setLoading(false));
                 getData();
               };
+
               dispatch(setLoading(true));
-              var _temp2 = function () {
+
+              var _temp6 = function () {
                 if (targetMedia.isFolder) {
                   return Promise.resolve(deleteFolder(targetMedia.key || "")).then(function () {
                     dispatch(setTargetMedia({
@@ -8496,7 +8995,8 @@ var useGalleryList = function useGalleryList(isLibrary) {
                   });
                 }
               }();
-              return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
+
+              return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
             } catch (e) {
               return Promise.reject(e);
             }
@@ -8508,35 +9008,42 @@ 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 _temp4 = function () {
+      var _temp8 = function () {
         if (folderName) {
           return Promise.resolve(createFolder(prefix, folderName)).then(function () {
             getData();
           });
         }
       }();
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp8 && _temp8.then ? _temp8.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 _temp6 = function _temp6() {
+      var _temp11 = function _temp11() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp5 = _catch(function () {
+
+      var _temp12 = _catch(function () {
         return Promise.resolve(get$8(filters)).then(function (res) {
           dispatch(setGallery({
             mediaList: res.data,
@@ -8545,12 +9052,14 @@ 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(_temp5 && _temp5.then ? _temp5.then(_temp6) : _temp6(_temp5));
+
+      return Promise.resolve(_temp12 && _temp12.then ? _temp12.then(_temp11) : _temp11(_temp12));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -8572,16 +9081,18 @@ var useGalleryList = function useGalleryList(isLibrary) {
   useEffect(function () {
     var customKeyUploadEffect = function customKeyUploadEffect() {
       try {
-        var _temp9 = function _temp9() {
+        var _temp16 = function _temp16() {
           dispatch(setLoading(false));
         };
+
         if (isLibrary) return Promise.resolve();
         dispatch(setLoading(true));
-        var _temp8 = _catch(function () {
-          var _temp7 = function () {
+
+        var _temp17 = _catch(function () {
+          var _temp13 = function () {
             if (formDataMediaType) {
               var file = formDataMediaType.file,
-                key = formDataMediaType.key;
+                  key = formDataMediaType.key;
               var name = file.name;
               var customKey = key;
               var formData = new FormData();
@@ -8592,24 +9103,29 @@ var useGalleryList = function useGalleryList(isLibrary) {
               });
             }
           }();
-          if (_temp7 && _temp7.then) return _temp7.then(function () {});
+
+          if (_temp13 && _temp13.then) return _temp13.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(_temp8 && _temp8.then ? _temp8.then(_temp9) : _temp9(_temp8));
+
+        return Promise.resolve(_temp17 && _temp17.then ? _temp17.then(_temp16) : _temp16(_temp17));
       } 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) {
@@ -8639,23 +9155,25 @@ 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;
@@ -8677,6 +9195,7 @@ var MediaList = function MediaList(_ref) {
       })));
     });
   };
+
   return React.createElement(Card, null, React.createElement(CardHeader, null, React.createElement(Filter, {
     changeFilters: changeFilters,
     filters: filters
@@ -8704,6 +9223,7 @@ 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);
@@ -8734,9 +9254,11 @@ 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) {
@@ -8768,25 +9290,29 @@ 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 _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(get$9()).then(function (res) {
           setClasses(res.data.items);
         });
       }, function (err) {
         console.error(err);
       });
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
+
   var id = props.id;
   var options = classes.map(function (i) {
     return {
@@ -8824,6 +9350,42 @@ 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.
@@ -9108,6 +9670,7 @@ 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,
@@ -9422,6 +9985,7 @@ var initialState$j = {
   selectedQuestions: [],
   selectQuestion: []
 };
+
 var mergeArrayUniqueQuestion = function mergeArrayUniqueQuestion(array1, array2) {
   var ids = new Set(array1.map(function (d) {
     return d.id;
@@ -9431,9 +9995,11 @@ 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) {
@@ -9446,6 +10012,7 @@ 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 {
@@ -9466,11 +10033,13 @@ 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) {
@@ -9480,26 +10049,33 @@ 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;
     }
   });
@@ -9678,6 +10254,7 @@ var dashboardReducer = createReducer(initialState$t, function (builder) {
     })) {
       return state;
     }
+
     return _extends({}, state, {
       tabs: [action.payload].concat(state.tabs)
     });
@@ -9736,8 +10313,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;
     });
@@ -9746,6 +10323,7 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
     var existedNote = teacherResultCloner.notes.find(function (note) {
       return !!note.isConfidential === isConfidential;
     });
+
     if (existedNote) {
       existedNote.text = text;
     } else {
@@ -9754,6 +10332,7 @@ var sessionPlayerReducer = createReducer(initialState$u, function (builder) {
         text: text
       });
     }
+
     return _extends({}, state, {
       results: state.results.map(function (result) {
         return result.isTeacherResult ? teacherResultCloner : result;
@@ -9774,9 +10353,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;
     });
@@ -9785,6 +10364,7 @@ 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,
@@ -9793,6 +10373,7 @@ 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;
@@ -9826,14 +10407,15 @@ 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,
@@ -9842,6 +10424,7 @@ var dataPlayer = createReducer(initialState$v, function (builder) {
     } else {
       existedResponse.text = text;
     }
+
     return _extends({}, state, {
       questionResponse: questionResponseCloner
     });
@@ -9997,9 +10580,11 @@ 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);
   };
@@ -10028,6 +10613,7 @@ 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);
@@ -10038,31 +10624,38 @@ 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 _temp2 = function _temp2() {
+      var _temp3 = function _temp3() {
         dispatch(setLoading(false));
       };
+
       dispatch(setLoading(true));
-      var _temp = _catch(function () {
+
+      var _temp4 = _catch(function () {
         return Promise.resolve(fullName ? get$5(_extends({}, filters, {
           searchString: fullName
         })) : get$5(filters)).then(function (res) {
           var _res$data = res.data,
-            items = _res$data.items,
-            totalItems = _res$data.totalItems;
+              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
@@ -10070,12 +10663,14 @@ 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(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -10093,6 +10688,7 @@ var useUserList = function useUserList() {
   }, [filters]);
   var removeData = useCallback(function (id) {
     dispatch(setLoading(true));
+
     try {
       dispatch(setModal({
         isOpen: true,
@@ -10116,22 +10712,25 @@ 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({
@@ -10142,6 +10741,7 @@ var useUserList = function useUserList() {
       email: email,
       profileImageFileName: profileImageFileName
     }));
+
     if (isDistrict) {
       history.push(HOMEPAGE_DISTRICT$1);
     } else if (roles.includes("Admin")) {
@@ -10158,9 +10758,10 @@ var useUserList = function useUserList() {
       history.push(HOMEPAGE_TEACHER$1);
     }
   };
+
   var swicthUser = useCallback(function (id) {
     try {
-      var _temp3 = _catch(function () {
+      var _temp6 = _catch(function () {
         return Promise.resolve(switchAccountUser(id)).then(function (res) {
           var data = res.data;
           dispatch(setModal({
@@ -10169,11 +10770,13 @@ var useUserList = function useUserList() {
             message: "Do you want to impersonate this user?",
             onConfirm: function () {
               try {
-                var _temp5 = function _temp5() {
+                var _temp9 = function _temp9() {
                   dispatch(setLoading(false));
                 };
+
                 dispatch(setLoading(true));
-                var _temp4 = _catch(function () {
+
+                var _temp10 = _catch(function () {
                   var req = {
                     email: data.email,
                     password: "default",
@@ -10185,12 +10788,14 @@ 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(_temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4));
+
+                return Promise.resolve(_temp10 && _temp10.then ? _temp10.then(_temp9) : _temp9(_temp10));
               } catch (e) {
                 return Promise.reject(e);
               }
@@ -10199,20 +10804,24 @@ 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(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.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,
@@ -10227,18 +10836,21 @@ 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", {