touchstudy-core 0.1.51 → 0.1.53

package/dist/index.js

@@ -44,6 +44,10 @@ var TextField = _interopDefault(require('@mui/material/TextField'));
 var Paper = _interopDefault(require('@mui/material/Paper'));
 var Grid = _interopDefault(require('@mui/material/Grid'));
 var reactRouterDom = require('react-router-dom');
+var Card = _interopDefault(require('@mui/material/Card'));
+var CardActions = _interopDefault(require('@mui/material/CardActions'));
+var CardContent = _interopDefault(require('@mui/material/CardContent'));
+var CardMedia = _interopDefault(require('@mui/material/CardMedia'));
 
 var setLoading = toolkit.createAction("common/setLoading");
 var setAlert = toolkit.createAction("common/setAlert");
@@ -483,14 +487,16 @@ var useGoogleSignOut = function useGoogleSignOut(props) {
   };
 };
 
+var pushTo = function pushTo(history, data) {
+  if (history.push) history.push(data);else history(data);
+};
+
 var ERROR_MESSAGE = "request_login_fail";
-var useLogin = function useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUrl) {
+var useLogin = function useLogin(history, homeAcademyUrl, homeUrl, registerUrl) {
   var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useGoogleSignOut = useGoogleSignOut({
-      onNavigate: onNavigate
-    }),
+  var _useGoogleSignOut = useGoogleSignOut({}),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var searchParams = new URLSearchParams(window.location.search);
   var paramDomain = searchParams.get('domain');
@@ -586,9 +592,7 @@ var useLogin = function useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUr
     !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
     !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
     dispatch(setUser(_extends({}, data)));
-    if (redirectUrl) {
-      onNavigate(redirectUrl);
-    }
+    if (redirectUrl) pushTo(history, redirectUrl);
   };
   return {
     handleLoginGoogle: handleLoginGoogle,
@@ -821,6 +825,8 @@ var LANGUAGES = [{
 }];
 
 var useLanguage = function useLanguage() {
+  var searchParams = new URLSearchParams(window.location.search);
+  var langParam = searchParams.get("lang");
   var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || LANGUAGES[DEFAULT_LANGUAGE_INDEX].code;
   var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
@@ -844,12 +850,23 @@ var useLanguage = function useLanguage() {
     i18n.changeLanguage(language.code);
     moment.locale(language.momentLangCode);
     localStorage.setItem("language", language.code);
-    setItemLanguage(language.code);
     dispatch(setLanguage(language.code));
+    searchParams.set("lang", language.code);
   };
+  var handleChangeLangParam = React.useCallback(function () {
+    if (!langParam) return;
+    var languageItem = LANGUAGES.find(function (i) {
+      return i.code === langParam.toLowerCase();
+    });
+    if (!languageItem) languageItem = LANGUAGES[DEFAULT_LANGUAGE_INDEX];
+    setItemLanguage(languageItem.code);
+  }, [searchParams.toString(), language]);
   React.useEffect(function () {
     changeLanguageApp(language);
   }, [language]);
+  React.useEffect(function () {
+    handleChangeLangParam();
+  }, [langParam]);
   var currentLanguage = React.useMemo(function () {
     var currentLang = LANGUAGES.find(function (i) {
       return i.code === language;
@@ -873,7 +890,7 @@ var schema = yup.object({
 });
 var BlockLogin = function BlockLogin(_ref) {
   var defaultInfo = _ref.defaultInfo,
-    onNavigate = _ref.onNavigate,
+    history = _ref.history,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? exports.Role.Student : _ref$role,
     homeAcademyUrl = _ref.homeAcademyUrl,
@@ -883,7 +900,7 @@ var BlockLogin = function BlockLogin(_ref) {
     currentLanguage = _useLanguage.currentLanguage;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useLogin = useLogin(onNavigate, homeAcademyUrl, homeUrl, registerUrl),
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
     handleLoginGoogle = _useLogin.handleLoginGoogle;
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
@@ -911,7 +928,7 @@ var BlockLogin = function BlockLogin(_ref) {
   };
   var onFailureGoogle = function onFailureGoogle(err) {
     console.log("error: login google", err);
-    onNavigate("/login");
+    pushTo(history, "/login");
   };
   return React__default.createElement(material.Paper, {
     elevation: 3,
@@ -971,7 +988,7 @@ var defaultInfo = {
   captcha: "",
   rememberMe: false
 };
-var useLogin$1 = function useLogin(onNavigate) {
+var useLogin$1 = function useLogin(history) {
   var _useState = React.useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -988,14 +1005,14 @@ var useLogin$1 = function useLogin(onNavigate) {
     var start = function start() {
       gapiScript.gapi.client.init({
         clientId: GOOGLE_CLIENT_ID,
-        scope: 'email'
+        scope: "email"
       });
     };
-    !!gapiScript.gapi && gapiScript.gapi.load('client:auth2', start);
+    !!gapiScript.gapi && gapiScript.gapi.load("client:auth2", start);
   }, [gapiScript.gapi]);
   React.useEffect(function () {
     var token = getAccessToken$1();
-    if (!!token) onNavigate("/");
+    if (!!token) pushTo(history, "/");
   }, []);
   return {
     defaultInfo: defaultInfo,
@@ -1008,11 +1025,11 @@ var useLogin$1 = function useLogin(onNavigate) {
   };
 };
 
-var _excluded = ["onNavigate"];
+var _excluded = ["history"];
 var Login = function Login(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useLogin = useLogin$1(onNavigate),
+  var _useLogin = useLogin$1(history),
     defaultInfo = _useLogin.defaultInfo;
   return React__default.createElement("div", {
     className: styles["login"] + " font-family-lato"
@@ -1026,7 +1043,7 @@ var Login = function Login(_ref) {
     className: "d-flex justify-content-center h-100 align-items-center"
   }, React__default.createElement(BlockLogin, Object.assign({
     defaultInfo: defaultInfo,
-    onNavigate: onNavigate
+    history: history
   }, rest)))));
 };
 
@@ -1351,11 +1368,8 @@ var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
     role = _ref.role,
     _ref$pusherRegisterUr = _ref.pusherRegisterUrls,
-    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr,
-    onNavigate = _ref.onNavigate;
-  var _useGoogleSignOut = useGoogleSignOut({
-      onNavigate: onNavigate
-    }),
+    pusherRegisterUrls = _ref$pusherRegisterUr === void 0 ? [] : _ref$pusherRegisterUr;
+  var _useGoogleSignOut = useGoogleSignOut({}),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -3625,12 +3639,12 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
   })));
 };
 
-var useSwitchAcademy = function useSwitchAcademy(role, navigate, homeAcademyUrl, homeUrl) {
+var useSwitchAcademy = function useSwitchAcademy(role, history, homeAcademyUrl, homeUrl) {
   if (role === void 0) {
     role = exports.Role.Student;
   }
   var dispatch = reactRedux.useDispatch();
-  var _useLogin = useLogin(navigate, homeAcademyUrl, homeUrl),
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl),
     handleLoginAccessToken = _useLogin.handleLoginAccessToken;
   var _useState = React.useState(false),
     dropdownOpen = _useState[0],
@@ -3752,11 +3766,11 @@ var MenuItemCustom = material.styled(MenuItem)(function () {
 var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
   var _user$roles, _selectedAcademy$name, _selectedAcademy$name2;
   var role = _ref.role,
-    navigate = _ref.navigate,
+    history = _ref.history,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
     hideAcademyName = _ref.hideAcademyName;
-  var _useSwitchAcademy = useSwitchAcademy(role, navigate, homeAcademyUrl, homeUrl),
+  var _useSwitchAcademy = useSwitchAcademy(role, history, homeAcademyUrl, homeUrl),
     academyList = _useSwitchAcademy.academyList,
     handleSwitchAcademy = _useSwitchAcademy.handleSwitchAcademy,
     selectedAcademy = _useSwitchAcademy.selectedAcademy;
@@ -8561,60 +8575,79 @@ var TextbookViewDetail = function TextbookViewDetail(props) {
   }));
 };
 
-var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superUrls, homeUrl, homeAcademyUrl) {
+var useAutoAcademyDomain = function useAutoAcademyDomain(logout, history, superUrls, homeUrl, homeAcademyUrl, isAuthPage) {
+  if (isAuthPage === void 0) {
+    isAuthPage = true;
+  }
   var searchParams = new URLSearchParams(window.location.search);
   var user = reactRedux.useSelector(function (state) {
     var _state$common;
     return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.user;
   });
+  var language = reactRedux.useSelector(function (state) {
+    var _state$common2;
+    return state === null || state === void 0 ? void 0 : (_state$common2 = state.common) === null || _state$common2 === void 0 ? void 0 : _state$common2.language;
+  });
   var initialAcademySearchParam = function initialAcademySearchParam() {
     var paramAcademyDomain = searchParams.get("domain");
+    var paramLang = searchParams.get("lang");
     var domain = getAcademyDomain();
     var pathname = window.location.pathname.toLowerCase();
-    if (!user) return;
-    var academyDomain = user.academyDomain;
+    var isUpdateSearchParam = false;
+    if ((!paramLang || paramLang.toLowerCase() !== language) && language) {
+      searchParams.set("lang", language);
+      isUpdateSearchParam = true;
+    }
+    if (!!user !== isAuthPage) return;
+    var academyDomain = user === null || user === void 0 ? void 0 : user.academyDomain;
     if (!academyDomain) {
       if (!superUrls.some(function (i) {
         return pathname.startsWith(i);
       })) {
-        pushTo({
+        !paramAcademyDomain && domain && searchParams.set("domain", domain);
+        pushTo(history, {
           pathname: homeUrl,
-          search: ""
+          search: searchParams.toString()
         });
+        return;
       }
-      if (domain) {
-        searchParams.append("domain", domain);
-        pushTo({
-          pathname: homeUrl,
-          search: ""
-        });
+      if (paramAcademyDomain) {
+        searchParams["delete"]("domain");
+        pushTo(history, _extends({}, window.location, {
+          search: searchParams.toString()
+        }));
+        return;
       }
     } else {
       if (superUrls.some(function (i) {
         return pathname.startsWith(i);
       })) {
-        pushTo({
+        searchParams["delete"]("domain");
+        pushTo(history, {
           pathname: homeAcademyUrl,
-          search: ""
+          search: searchParams.toString()
         });
+        return;
       }
       if (paramAcademyDomain && academyDomain.trim().toLocaleLowerCase() != (paramAcademyDomain === null || paramAcademyDomain === void 0 ? void 0 : paramAcademyDomain.trim().toLocaleLowerCase())) {
         logout();
+        return;
       }
-      if (!paramAcademyDomain && academyDomain) {
-        searchParams.append("domain", academyDomain);
-        pushTo(_extends({}, window.location, {
+      if (!paramAcademyDomain) {
+        !paramAcademyDomain && searchParams.set("domain", academyDomain);
+        pushTo(history, _extends({}, window.location, {
           search: searchParams.toString()
         }));
+        return;
       }
     }
-  };
-  var pushTo = function pushTo(data) {
-    if (history.push) history.push(data);else history(data);
+    if (isUpdateSearchParam) pushTo(history, _extends({}, window.location, {
+      search: searchParams.toString()
+    }));
   };
   React.useEffect(function () {
     initialAcademySearchParam();
-  }, [window.location.pathname, user === null || user === void 0 ? void 0 : user.academyDomain]);
+  }, [window.location.pathname, window.location.search, user === null || user === void 0 ? void 0 : user.academyDomain, language]);
 };
 
 var DEFAULT_PAGING_RESPONSE = {
@@ -9920,7 +9953,7 @@ var defaultSeries = function defaultSeries(t) {
   }];
 };
 
-var useExamResult = function useExamResult(searchParam, navigate, examSessionId, studentId, code, handleChangeTab, selectedTab) {
+var useExamResult = function useExamResult(searchParam, history, examSessionId, studentId, code, handleChangeTab, selectedTab) {
   var _allSeries$dataChartI;
   if (examSessionId === void 0) {
     examSessionId = 0;
@@ -10075,7 +10108,7 @@ var useExamResult = function useExamResult(searchParam, navigate, examSessionId,
     }
   };
   var handleExit = function handleExit() {
-    navigate("/student/my-story/live-main");
+    pushTo(history, "/student/my-story/live-main");
   };
   var totalTime = React.useMemo(function () {
     var _resultData$questions;
@@ -12856,14 +12889,14 @@ var useTab = function useTab() {
 
 var ExamResultV2 = function ExamResultV2(_ref) {
   var searchParams = _ref.searchParams,
-    onNavigate = _ref.onNavigate,
+    history = _ref.history,
     examSessionId = _ref.examSessionId,
     studentId = _ref.studentId,
     code = _ref.code;
   var _useTab = useTab(),
     selected = _useTab.selected,
     handleChangeTab = _useTab.handleChangeTab;
-  var _useExamResult = useExamResult(searchParams, onNavigate, examSessionId, studentId, code, handleChangeTab, selected),
+  var _useExamResult = useExamResult(searchParams, history, examSessionId, studentId, code, handleChangeTab, selected),
     examTime = _useExamResult.examTime,
     series = _useExamResult.series,
     allSeries = _useExamResult.allSeries,
@@ -13371,7 +13404,7 @@ var signInSuperAdminApi = function signInSuperAdminApi(_ref2) {
 };
 
 var useLogin$2 = function useLogin(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     _ref$role = _ref.role,
     role = _ref$role === void 0 ? exports.Role.Student : _ref$role,
     homeAcademyUrl = _ref.homeAcademyUrl,
@@ -13391,7 +13424,7 @@ var useLogin$2 = function useLogin(_ref) {
   var academyDomain = paramDomain || getAcademyDomain();
   var handleClearAcademyDomain = function handleClearAcademyDomain() {
     localStorage.removeItem(ACADEMY_DOMAIN);
-    onNavigate("/login-with-account");
+    pushTo(history, "/login-with-account");
   };
   var handleValidateForm = function handleValidateForm(_ref2) {
     var email = _ref2.email,
@@ -13456,13 +13489,11 @@ var useLogin$2 = function useLogin(_ref) {
     !data.academyDomain && localStorage.removeItem(ACADEMY_DOMAIN);
     !!data.academyDomain && localStorage.setItem(ACADEMY_DOMAIN, data.academyDomain);
     dispatch(setUser(_extends({}, data)));
-    if (redirectUrl) {
-      onNavigate(redirectUrl);
-    }
+    if (redirectUrl) pushTo(history, redirectUrl);
   };
   React.useEffect(function () {
     var token = getAccessToken$1();
-    if (!!token) onNavigate("/");
+    if (!!token) pushTo(history, "/");
   }, []);
   return {
     handleSubmit: handleSubmit,
@@ -13474,7 +13505,7 @@ var useLogin$2 = function useLogin(_ref) {
 };
 
 function SignIn(_ref) {
-  var onNavigate = _ref.onNavigate,
+  var history = _ref.history,
     role = _ref.role,
     homeAcademyUrl = _ref.homeAcademyUrl,
     homeUrl = _ref.homeUrl,
@@ -13483,7 +13514,7 @@ function SignIn(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useLoginWithPassword = useLogin$2({
-      onNavigate: onNavigate,
+      history: history,
       role: role,
       homeAcademyUrl: homeAcademyUrl,
       homeUrl: homeUrl,
@@ -13588,7 +13619,7 @@ var studentFullLogoEn = function studentFullLogoEn(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_11779)"
+    clipPath: "url(#clip0_3233_11779)"
   }, React__default.createElement("path", {
     d: "M9.24216 15.5417C9.24216 16.4045 9.73435 16.87 11.5816 17.5104C16.6013 19.2835 16.972 20.9321 16.972 24.4278V26.0764C16.972 29.5721 13.9684 30.8263 10.4489 30.8263C6.92944 30.8263 4 29.5721 4 26.0764V23.1973H9.29256V25.2165C9.29256 25.9785 9.83516 26.3729 10.5468 26.3729C11.2584 26.3729 11.8039 25.9785 11.8039 25.2165V24.6028C11.8039 21.9698 11.4096 21.7237 7.51948 20.173C4.69085 19.0374 4.07413 17.1902 4.07413 15.7136V13.3505C4.07413 9.85772 6.97985 8.60352 10.4964 8.60352C14.0129 8.60352 16.9216 9.85772 16.9216 13.3535V15.3964H11.7535V14.1896C11.7535 13.4513 11.2376 13.057 10.523 13.057C9.76103 13.057 9.24216 13.3535 9.24216 14.1392V15.5417Z",
     fill: "#2BBA84"
@@ -13650,7 +13681,7 @@ var studentFullLogoKo = function studentFullLogoKo(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_7642)"
+    clipPath: "url(#clip0_3233_7642)"
   }, React__default.createElement("path", {
     d: "M0 24.4625H20.5166V30.0272H0V24.4625ZM0.282173 21.434L5.84688 6.177H12.0777L11.4116 7.97175H16.7729C18.8498 7.97175 19.8505 9.0217 19.8505 11.0494V21.4373H13.6952V13.2805H9.48888L6.53919 21.4373H0.282173V21.434Z",
     fill: "#2BBA84"
@@ -13703,7 +13734,7 @@ var teacherFullLogoKo = function teacherFullLogoKo(_ref) {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("g", {
-    "clip-path": "url(#clip0_3233_7868)"
+    clipPath: "url(#clip0_3233_7868)"
   }, React__default.createElement("path", {
     d: "M0 38.9726H20.5175V44.5391H0V38.9726ZM0.284008 35.9458L5.85056 20.6865H12.0825L11.4171 22.4798H16.7767C18.8541 22.4798 19.8521 23.5307 19.8521 25.5552V35.9418H13.6973V27.7867H9.48991L6.54029 35.9418H0.284008V35.9458Z",
     fill: "#2BBA84"
@@ -13868,32 +13899,32 @@ var singleLogo = function singleLogo(_ref) {
   }, React__default.createElement("defs", null, React__default.createElement("clipPath", {
     id: "1"
   }, React__default.createElement("path", {
-    "clip-rule": "evenodd",
+    clipRule: "evenodd",
     d: "M0 0L207 0L207 418L0 418z"
   }))), React__default.createElement("g", {
     transform: "matrix(0.119617224 0 0 0.119617224 0.119617224 -0)"
   }, React__default.createElement("g", {
-    "clip-path": "url(#1)"
+    clipPath: "url(#1)"
   }, React__default.createElement("path", {
     d: "M9.66724 418C 136.043 342.286 179.498 275.873 207.032 138.127L207.032 138.127L207.032 344.635C 207.032 385.143 171.107 418 126.791 418L126.791 418L9.66724 418z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M101.171 163.206L19.845 83.1111L19.845 188.064L101.171 286.159C 148.167 225.175 177.424 148.413 182.497 80.5714L182.497 80.5714L101.171 163.175L101.171 163.206z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M101.171 0L54.1428 68.0317L101.171 112.952L148.167 65.4921L101.171 0z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }), React__default.createElement("path", {
     d: "M0 222.762L80.6879 319.587C 80.6879 319.587 65.2458 342.54 0 376.952L0 376.952L0 222.762z",
     stroke: "none",
     fill: "#2BBA84",
-    "fill-rule": "nonzero"
+    fillRule: "nonzero"
   }))));
 };
 
@@ -13903,7 +13934,7 @@ var Header = function Header(_ref) {
     homeRoute = _ref.homeRoute,
     headerTabs = _ref.headerTabs,
     role = _ref.role,
-    navigate = _ref.navigate,
+    history = _ref.history,
     onSignOut = _ref.onSignOut;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -13989,7 +14020,7 @@ var Header = function Header(_ref) {
     homeAcademyUrl: academyListRoute.path,
     homeUrl: homeRoute.path,
     role: role,
-    navigate: navigate,
+    history: history,
     hideAcademyName: !isLargerThanXL && headerTabs.length > 6
   })), React__default.createElement("div", {
     className: "me-2"
@@ -14007,6 +14038,156 @@ var Header = function Header(_ref) {
   }))));
 };
 
+var ACADEMY_URL$1 = BASE_URL + "/api/academy";
+var getAcademyList$1 = function getAcademyList() {
+  return api.get("" + ACADEMY_URL$1);
+};
+var switchAcademy$1 = function switchAcademy(academyId) {
+  return api.post(ACADEMY_URL$1 + "/switch-academy?academyId=" + academyId);
+};
+
+var useAcademyList = function useAcademyList(history, role, homeAcademyUrl, homeUrl, registerUrl) {
+  var dispatch = reactRedux.useDispatch();
+  var _useLogin = useLogin(history, homeAcademyUrl, homeUrl, registerUrl),
+    handleLoginAccessToken = _useLogin.handleLoginAccessToken;
+  var _useState = React.useState([]),
+    academyList = _useState[0],
+    setAcademyList = _useState[1];
+  var email = reactRedux.useSelector(function (state) {
+    var _state$common, _state$common$user;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : (_state$common$user = _state$common.user) === null || _state$common$user === void 0 ? void 0 : _state$common$user.email;
+  });
+  var getAcademies = function getAcademies() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(getAcademyList$1()).then(function (res) {
+          setAcademyList(res.data.items || []);
+        });
+      }, function (error) {
+        var _error$response, _error$response$data;
+        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_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.tile) || "Get user academies failed");
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var handleSwitchAcademy = function handleSwitchAcademy(id, domain) {
+    try {
+      var _temp4 = function _temp4() {
+        dispatch(setLoading(false));
+      };
+      dispatch(setLoading(true));
+      var _temp3 = _catch(function () {
+        return Promise.resolve(switchAcademy$1(id)).then(function (res) {
+          var data = res.data;
+          var requestBody = {
+            accessToken: data.accessToken,
+            email: email,
+            academyId: id,
+            role: role
+          };
+          localStorage.setItem(ACADEMY_DOMAIN, domain);
+          return Promise.resolve(handleLoginAccessToken(requestBody, false)).then(function () {});
+        });
+      }, function (error) {
+        var _error$response2, _error$response2$data;
+        reactToastify.toast.error((error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.tile) || "Failed");
+      });
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    getAcademies();
+  }, []);
+  return {
+    academyList: academyList,
+    handleSwitchAcademy: handleSwitchAcademy
+  };
+};
+
+var AcademyCard = function AcademyCard(_ref) {
+  var theme = _ref.theme,
+    academy = _ref.academy,
+    onSwitch = _ref.onSwitch;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleSwitchAcademy = function handleSwitchAcademy() {
+    onSwitch(academy.id, academy.domain);
+  };
+  return React.createElement(Card, null, React.createElement(CardMedia, {
+    sx: {
+      width: "100%",
+      aspectRatio: 4 / 3
+    },
+    image: academy.image || "/images/default.jpg",
+    title: academy.name
+  }), React.createElement(CardContent, null, React.createElement(Typography, {
+    variant: "h6",
+    component: "div"
+  }, academy.name)), React.createElement(CardActions, null, React.createElement(Button, {
+    sx: {
+      bgColor: theme.palette.main_theme.dark
+    },
+    size: "medium",
+    variant: "contained",
+    onClick: handleSwitchAcademy
+  }, t("switch"))));
+};
+
+var AcademyList = function AcademyList(_ref) {
+  var theme = _ref.theme,
+    history = _ref.history,
+    role = _ref.role,
+    homeAcademyUrl = _ref.homeAcademyUrl,
+    homeUrl = _ref.homeUrl,
+    registerUrl = _ref.registerUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  useAutoAcademyDomain(function () {}, history, [], "", window.location.pathname, true);
+  var _useAcademyList = useAcademyList(history, role, homeAcademyUrl, homeUrl, registerUrl),
+    academyList = _useAcademyList.academyList,
+    handleSwitchAcademy = _useAcademyList.handleSwitchAcademy;
+  return React__default.createElement("div", {
+    className: "py-3 px-4"
+  }, React__default.createElement(Grid, {
+    container: true,
+    spacing: 3
+  }, React__default.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, React__default.createElement(Typography, {
+    fontSize: 24,
+    fontWeight: 600
+  }, t("academy_list"))), React__default.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, React__default.createElement(Grid, {
+    container: true,
+    spacing: 2
+  }, academyList.map(function (i) {
+    return React__default.createElement(Grid, {
+      item: true,
+      xs: 6,
+      lg: 3,
+      key: i.id
+    }, React__default.createElement(AcademyCard, {
+      theme: theme,
+      academy: i,
+      onSwitch: handleSwitchAcademy
+    }));
+  }), !academyList.length && React__default.createElement(Grid, {
+    item: true,
+    xs: 3
+  }, React__default.createElement("span", null, t("no_academy_available"), "."))))));
+};
+
 exports.moment = moment;
 Object.defineProperty(exports, 'I18nextProvider', {
   enumerable: true,
@@ -14035,6 +14216,7 @@ Object.defineProperty(exports, 'toast', {
 exports.ACADEMY_DOMAIN = ACADEMY_DOMAIN;
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.AcademyHeaders = AcademyHeaders;
+exports.AcademyList = AcademyList;
 exports.AnswerCountSelector = AnswerCountSelector;
 exports.ArticleCategorySelector = ArticleCategorySelector;
 exports.ArticleGroupView = ArticleGroupView;