touchstudy-core 0.1.3 → 0.1.4

package/dist/index.js

@@ -1,5 +1,6 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var history = require('history');
 var toolkit = require('@reduxjs/toolkit');
 var moment = _interopDefault(require('moment'));
 var React = require('react');
@@ -17,601 +18,11 @@ var i18n = _interopDefault(require('i18next'));
 var reactI18next = require('react-i18next');
 var io5 = require('react-icons/io5');
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function isAbsolute(pathname) {
-  return pathname.charAt(0) === '/';
-}
-
-// About 1.5x faster than the two-arg version of Array#splice()
-function spliceOne(list, index) {
-  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1) {
-    list[i] = list[k];
-  }
-
-  list.pop();
-}
-
-// This implementation is based heavily on node's url.parse
-function resolvePathname(to, from) {
-  if (from === undefined) from = '';
-
-  var toParts = (to && to.split('/')) || [];
-  var fromParts = (from && from.split('/')) || [];
-
-  var isToAbs = to && isAbsolute(to);
-  var isFromAbs = from && isAbsolute(from);
-  var mustEndAbs = isToAbs || isFromAbs;
-
-  if (to && isAbsolute(to)) {
-    // to is absolute
-    fromParts = toParts;
-  } else if (toParts.length) {
-    // to is relative, drop the filename
-    fromParts.pop();
-    fromParts = fromParts.concat(toParts);
-  }
-
-  if (!fromParts.length) return '/';
-
-  var hasTrailingSlash;
-  if (fromParts.length) {
-    var last = fromParts[fromParts.length - 1];
-    hasTrailingSlash = last === '.' || last === '..' || last === '';
-  } else {
-    hasTrailingSlash = false;
-  }
-
-  var up = 0;
-  for (var i = fromParts.length; i >= 0; i--) {
-    var part = fromParts[i];
-
-    if (part === '.') {
-      spliceOne(fromParts, i);
-    } else if (part === '..') {
-      spliceOne(fromParts, i);
-      up++;
-    } else if (up) {
-      spliceOne(fromParts, i);
-      up--;
-    }
-  }
-
-  if (!mustEndAbs) for (; up--; up) fromParts.unshift('..');
-
-  if (
-    mustEndAbs &&
-    fromParts[0] !== '' &&
-    (!fromParts[0] || !isAbsolute(fromParts[0]))
-  )
-    fromParts.unshift('');
-
-  var result = fromParts.join('/');
-
-  if (hasTrailingSlash && result.substr(-1) !== '/') result += '/';
-
-  return result;
-}
-
-var isProduction = process.env.NODE_ENV === 'production';
-function warning(condition, message) {
-  if (!isProduction) {
-    if (condition) {
-      return;
-    }
-
-    var text = "Warning: " + message;
-
-    if (typeof console !== 'undefined') {
-      console.warn(text);
-    }
-
-    try {
-      throw Error(text);
-    } catch (x) {}
-  }
-}
-
-var isProduction$1 = process.env.NODE_ENV === 'production';
-var prefix = 'Invariant failed';
-function invariant(condition, message) {
-    if (condition) {
-        return;
-    }
-    if (isProduction$1) {
-        throw new Error(prefix);
-    }
-    var provided = typeof message === 'function' ? message() : message;
-    var value = provided ? "".concat(prefix, ": ").concat(provided) : prefix;
-    throw new Error(value);
-}
-
-function addLeadingSlash(path) {
-  return path.charAt(0) === '/' ? path : '/' + path;
-}
-function hasBasename(path, prefix) {
-  return path.toLowerCase().indexOf(prefix.toLowerCase()) === 0 && '/?#'.indexOf(path.charAt(prefix.length)) !== -1;
-}
-function stripBasename(path, prefix) {
-  return hasBasename(path, prefix) ? path.substr(prefix.length) : path;
-}
-function stripTrailingSlash(path) {
-  return path.charAt(path.length - 1) === '/' ? path.slice(0, -1) : path;
-}
-function parsePath(path) {
-  var pathname = path || '/';
-  var search = '';
-  var hash = '';
-  var hashIndex = pathname.indexOf('#');
-
-  if (hashIndex !== -1) {
-    hash = pathname.substr(hashIndex);
-    pathname = pathname.substr(0, hashIndex);
-  }
-
-  var searchIndex = pathname.indexOf('?');
-
-  if (searchIndex !== -1) {
-    search = pathname.substr(searchIndex);
-    pathname = pathname.substr(0, searchIndex);
-  }
-
-  return {
-    pathname: pathname,
-    search: search === '?' ? '' : search,
-    hash: hash === '#' ? '' : hash
-  };
-}
-function createPath(location) {
-  var pathname = location.pathname,
-      search = location.search,
-      hash = location.hash;
-  var path = pathname || '/';
-  if (search && search !== '?') path += search.charAt(0) === '?' ? search : "?" + search;
-  if (hash && hash !== '#') path += hash.charAt(0) === '#' ? hash : "#" + hash;
-  return path;
-}
-
-function createLocation(path, state, key, currentLocation) {
-  var location;
-
-  if (typeof path === 'string') {
-    // Two-arg form: push(path, state)
-    location = parsePath(path);
-    location.state = state;
-  } else {
-    // One-arg form: push(location)
-    location = _extends({}, path);
-    if (location.pathname === undefined) location.pathname = '';
-
-    if (location.search) {
-      if (location.search.charAt(0) !== '?') location.search = '?' + location.search;
-    } else {
-      location.search = '';
-    }
-
-    if (location.hash) {
-      if (location.hash.charAt(0) !== '#') location.hash = '#' + location.hash;
-    } else {
-      location.hash = '';
-    }
-
-    if (state !== undefined && location.state === undefined) location.state = state;
-  }
-
-  try {
-    location.pathname = decodeURI(location.pathname);
-  } catch (e) {
-    if (e instanceof URIError) {
-      throw new URIError('Pathname "' + location.pathname + '" could not be decoded. ' + 'This is likely caused by an invalid percent-encoding.');
-    } else {
-      throw e;
-    }
-  }
-
-  if (key) location.key = key;
-
-  if (currentLocation) {
-    // Resolve incomplete/relative pathname relative to current location.
-    if (!location.pathname) {
-      location.pathname = currentLocation.pathname;
-    } else if (location.pathname.charAt(0) !== '/') {
-      location.pathname = resolvePathname(location.pathname, currentLocation.pathname);
-    }
-  } else {
-    // When there is no prior location and pathname is empty, set it to /
-    if (!location.pathname) {
-      location.pathname = '/';
-    }
-  }
-
-  return location;
-}
-
-function createTransitionManager() {
-  var prompt = null;
-
-  function setPrompt(nextPrompt) {
-    process.env.NODE_ENV !== "production" ? warning(prompt == null, 'A history supports only one prompt at a time') : void 0;
-    prompt = nextPrompt;
-    return function () {
-      if (prompt === nextPrompt) prompt = null;
-    };
-  }
-
-  function confirmTransitionTo(location, action, getUserConfirmation, callback) {
-    // TODO: If another transition starts while we're still confirming
-    // the previous one, we may end up in a weird state. Figure out the
-    // best way to handle this.
-    if (prompt != null) {
-      var result = typeof prompt === 'function' ? prompt(location, action) : prompt;
-
-      if (typeof result === 'string') {
-        if (typeof getUserConfirmation === 'function') {
-          getUserConfirmation(result, callback);
-        } else {
-          process.env.NODE_ENV !== "production" ? warning(false, 'A history needs a getUserConfirmation function in order to use a prompt message') : void 0;
-          callback(true);
-        }
-      } else {
-        // Return false from a transition hook to cancel the transition.
-        callback(result !== false);
-      }
-    } else {
-      callback(true);
-    }
-  }
-
-  var listeners = [];
-
-  function appendListener(fn) {
-    var isActive = true;
-
-    function listener() {
-      if (isActive) fn.apply(void 0, arguments);
-    }
-
-    listeners.push(listener);
-    return function () {
-      isActive = false;
-      listeners = listeners.filter(function (item) {
-        return item !== listener;
-      });
-    };
-  }
-
-  function notifyListeners() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    listeners.forEach(function (listener) {
-      return listener.apply(void 0, args);
-    });
-  }
-
-  return {
-    setPrompt: setPrompt,
-    confirmTransitionTo: confirmTransitionTo,
-    appendListener: appendListener,
-    notifyListeners: notifyListeners
-  };
-}
-
-var canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
-function getConfirmation(message, callback) {
-  callback(window.confirm(message)); // eslint-disable-line no-alert
-}
-/**
- * Returns true if the HTML5 history API is supported. Taken from Modernizr.
- *
- * https://github.com/Modernizr/Modernizr/blob/master/LICENSE
- * https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js
- * changed to avoid false negatives for Windows Phones: https://github.com/reactjs/react-router/issues/586
- */
-
-function supportsHistory() {
-  var ua = window.navigator.userAgent;
-  if ((ua.indexOf('Android 2.') !== -1 || ua.indexOf('Android 4.0') !== -1) && ua.indexOf('Mobile Safari') !== -1 && ua.indexOf('Chrome') === -1 && ua.indexOf('Windows Phone') === -1) return false;
-  return window.history && 'pushState' in window.history;
-}
-/**
- * Returns true if browser fires popstate on hash change.
- * IE10 and IE11 do not.
- */
-
-function supportsPopStateOnHashChange() {
-  return window.navigator.userAgent.indexOf('Trident') === -1;
-}
-/**
- * Returns true if a given popstate event is an extraneous WebKit event.
- * Accounts for the fact that Chrome on iOS fires real popstate events
- * containing undefined state when pressing the back button.
- */
-
-function isExtraneousPopstateEvent(event) {
-  return event.state === undefined && navigator.userAgent.indexOf('CriOS') === -1;
-}
-
-var PopStateEvent = 'popstate';
-var HashChangeEvent = 'hashchange';
-
-function getHistoryState() {
-  try {
-    return window.history.state || {};
-  } catch (e) {
-    // IE 11 sometimes throws when accessing window.history.state
-    // See https://github.com/ReactTraining/history/pull/289
-    return {};
-  }
-}
-/**
- * Creates a history object that uses the HTML5 history API including
- * pushState, replaceState, and the popstate event.
- */
-
-
-function createBrowserHistory(props) {
-  if (props === void 0) {
-    props = {};
-  }
-
-  !canUseDOM ? process.env.NODE_ENV !== "production" ? invariant(false, 'Browser history needs a DOM') : invariant(false) : void 0;
-  var globalHistory = window.history;
-  var canUseHistory = supportsHistory();
-  var needsHashChangeListener = !supportsPopStateOnHashChange();
-  var _props = props,
-      _props$forceRefresh = _props.forceRefresh,
-      forceRefresh = _props$forceRefresh === void 0 ? false : _props$forceRefresh,
-      _props$getUserConfirm = _props.getUserConfirmation,
-      getUserConfirmation = _props$getUserConfirm === void 0 ? getConfirmation : _props$getUserConfirm,
-      _props$keyLength = _props.keyLength,
-      keyLength = _props$keyLength === void 0 ? 6 : _props$keyLength;
-  var basename = props.basename ? stripTrailingSlash(addLeadingSlash(props.basename)) : '';
-
-  function getDOMLocation(historyState) {
-    var _ref = historyState || {},
-        key = _ref.key,
-        state = _ref.state;
-
-    var _window$location = window.location,
-        pathname = _window$location.pathname,
-        search = _window$location.search,
-        hash = _window$location.hash;
-    var path = pathname + search + hash;
-    process.env.NODE_ENV !== "production" ? warning(!basename || hasBasename(path, basename), 'You are attempting to use a basename on a page whose URL path does not begin ' + 'with the basename. Expected path "' + path + '" to begin with "' + basename + '".') : void 0;
-    if (basename) path = stripBasename(path, basename);
-    return createLocation(path, state, key);
-  }
-
-  function createKey() {
-    return Math.random().toString(36).substr(2, keyLength);
-  }
-
-  var transitionManager = createTransitionManager();
-
-  function setState(nextState) {
-    _extends(history, nextState);
-
-    history.length = globalHistory.length;
-    transitionManager.notifyListeners(history.location, history.action);
-  }
-
-  function handlePopState(event) {
-    // Ignore extraneous popstate events in WebKit.
-    if (isExtraneousPopstateEvent(event)) return;
-    handlePop(getDOMLocation(event.state));
-  }
-
-  function handleHashChange() {
-    handlePop(getDOMLocation(getHistoryState()));
-  }
-
-  var forceNextPop = false;
-
-  function handlePop(location) {
-    if (forceNextPop) {
-      forceNextPop = false;
-      setState();
-    } else {
-      var action = 'POP';
-      transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-        if (ok) {
-          setState({
-            action: action,
-            location: location
-          });
-        } else {
-          revertPop(location);
-        }
-      });
-    }
-  }
-
-  function revertPop(fromLocation) {
-    var toLocation = history.location; // TODO: We could probably make this more reliable by
-    // keeping a list of keys we've seen in sessionStorage.
-    // Instead, we just default to 0 for keys we don't know.
-
-    var toIndex = allKeys.indexOf(toLocation.key);
-    if (toIndex === -1) toIndex = 0;
-    var fromIndex = allKeys.indexOf(fromLocation.key);
-    if (fromIndex === -1) fromIndex = 0;
-    var delta = toIndex - fromIndex;
-
-    if (delta) {
-      forceNextPop = true;
-      go(delta);
-    }
-  }
-
-  var initialLocation = getDOMLocation(getHistoryState());
-  var allKeys = [initialLocation.key]; // Public interface
-
-  function createHref(location) {
-    return basename + createPath(location);
-  }
-
-  function push(path, state) {
-    process.env.NODE_ENV !== "production" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to push when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;
-    var action = 'PUSH';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-          state = location.state;
-
-      if (canUseHistory) {
-        globalHistory.pushState({
-          key: key,
-          state: state
-        }, null, href);
-
-        if (forceRefresh) {
-          window.location.href = href;
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          var nextKeys = allKeys.slice(0, prevIndex + 1);
-          nextKeys.push(location.key);
-          allKeys = nextKeys;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        process.env.NODE_ENV !== "production" ? warning(state === undefined, 'Browser history cannot push state in browsers that do not support HTML5 history') : void 0;
-        window.location.href = href;
-      }
-    });
-  }
-
-  function replace(path, state) {
-    process.env.NODE_ENV !== "production" ? warning(!(typeof path === 'object' && path.state !== undefined && state !== undefined), 'You should avoid providing a 2nd state argument to replace when the 1st ' + 'argument is a location-like object that already has state; it is ignored') : void 0;
-    var action = 'REPLACE';
-    var location = createLocation(path, state, createKey(), history.location);
-    transitionManager.confirmTransitionTo(location, action, getUserConfirmation, function (ok) {
-      if (!ok) return;
-      var href = createHref(location);
-      var key = location.key,
-          state = location.state;
-
-      if (canUseHistory) {
-        globalHistory.replaceState({
-          key: key,
-          state: state
-        }, null, href);
-
-        if (forceRefresh) {
-          window.location.replace(href);
-        } else {
-          var prevIndex = allKeys.indexOf(history.location.key);
-          if (prevIndex !== -1) allKeys[prevIndex] = location.key;
-          setState({
-            action: action,
-            location: location
-          });
-        }
-      } else {
-        process.env.NODE_ENV !== "production" ? warning(state === undefined, 'Browser history cannot replace state in browsers that do not support HTML5 history') : void 0;
-        window.location.replace(href);
-      }
-    });
-  }
-
-  function go(n) {
-    globalHistory.go(n);
-  }
-
-  function goBack() {
-    go(-1);
-  }
-
-  function goForward() {
-    go(1);
-  }
-
-  var listenerCount = 0;
-
-  function checkDOMListeners(delta) {
-    listenerCount += delta;
-
-    if (listenerCount === 1 && delta === 1) {
-      window.addEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.addEventListener(HashChangeEvent, handleHashChange);
-    } else if (listenerCount === 0) {
-      window.removeEventListener(PopStateEvent, handlePopState);
-      if (needsHashChangeListener) window.removeEventListener(HashChangeEvent, handleHashChange);
-    }
-  }
-
-  var isBlocked = false;
-
-  function block(prompt) {
-    if (prompt === void 0) {
-      prompt = false;
-    }
-
-    var unblock = transitionManager.setPrompt(prompt);
-
-    if (!isBlocked) {
-      checkDOMListeners(1);
-      isBlocked = true;
-    }
-
-    return function () {
-      if (isBlocked) {
-        isBlocked = false;
-        checkDOMListeners(-1);
-      }
-
-      return unblock();
-    };
-  }
-
-  function listen(listener) {
-    var unlisten = transitionManager.appendListener(listener);
-    checkDOMListeners(1);
-    return function () {
-      checkDOMListeners(-1);
-      unlisten();
-    };
-  }
-
-  var history = {
-    length: globalHistory.length,
-    action: 'POP',
-    location: initialLocation,
-    createHref: createHref,
-    push: push,
-    replace: replace,
-    go: go,
-    goBack: goBack,
-    goForward: goForward,
-    block: block,
-    listen: listen
-  };
-  return history;
-}
-
 var setLoading = toolkit.createAction("common/setLoading");
 var setAlert = toolkit.createAction("common/setAlert");
 var setUser = toolkit.createAction("common/setUser");
 var setLanguage = toolkit.createAction("common/setLanguage");
+var reset = toolkit.createAction("common/reset");
 
 var GOOGLE_CLIENT_ID = "64118819726-0qlur4qjrs9jbuu6rnoa0u91g680lmpg.apps.googleusercontent.com";
 var GOOGLE_RECAPTCHA_ID = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
@@ -733,17 +144,37 @@ var AuthenticationMessage;
 })(AuthenticationMessage || (AuthenticationMessage = {}));
 
 var useGoogleSignOut = function useGoogleSignOut(props) {
+  var dispatch = reactRedux.useDispatch();
   var onLogoutSuccess = props.onLogoutSuccess,
     onFailure = props.onFailure;
+  var handleLogoutSuccess = function handleLogoutSuccess() {
+    onLogoutSuccess === null || onLogoutSuccess === void 0 ? void 0 : onLogoutSuccess();
+  };
+  var handleLogoutFailure = function handleLogoutFailure() {
+    onFailure === null || onFailure === void 0 ? void 0 : onFailure();
+  };
   var _useGoogleLogout = GoogleLogin.useGoogleLogout({
       clientId: GOOGLE_CLIENT_ID,
-      onLogoutSuccess: onLogoutSuccess,
-      onFailure: onFailure
+      onLogoutSuccess: handleLogoutSuccess,
+      onFailure: handleLogoutFailure
     }),
     signOut = _useGoogleLogout.signOut,
     loaded = _useGoogleLogout.loaded;
+  var handleSignOut = function handleSignOut() {
+    localStorage.removeItem("USER_INFORMATION");
+    localStorage.removeItem(ACCESS_TOKEN);
+    try {
+      signOut();
+    } catch (error) {
+      console.log({
+        error: error
+      });
+    }
+    dispatch(reset());
+    window.location.href = "/login";
+  };
   return {
-    signOut: signOut,
+    handleSignOut: handleSignOut,
     loaded: loaded
   };
 };
@@ -762,14 +193,23 @@ var BlockLogin = function BlockLogin(_ref) {
   var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
     executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
   var _useGoogleSignOut = useGoogleSignOut({}),
-    signOut = _useGoogleSignOut.signOut;
+    handleSignOut = _useGoogleSignOut.handleSignOut;
   var clickHandler = React.useCallback(function () {
     try {
+      var _exit = false;
       if (!executeRecaptcha) {
-        console.log("execute recaptcha undefined");
         return Promise.resolve();
       }
-      return Promise.resolve(executeRecaptcha("login"));
+      return Promise.resolve(_catch(function () {
+        return Promise.resolve(executeRecaptcha("login")).then(function (result) {
+          _exit = true;
+          return result;
+        });
+      }, function (error) {
+        console.log({
+          error: error
+        });
+      }));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -777,65 +217,59 @@ var BlockLogin = function BlockLogin(_ref) {
   var handleVerify = React.useCallback(function () {}, []);
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
-      var _exit = false;
       return Promise.resolve(function () {
         if (!!(res !== null && res !== void 0 && res.accessToken)) {
-          var _temp2 = function _temp2(_result) {
-            if (_exit) return _result;
-            dispatch(setLoading(false));
-          };
           var _res$profileObj = res.profileObj,
             email = _res$profileObj.email,
             imageUrl = _res$profileObj.imageUrl,
             name = _res$profileObj.name;
           var accessToken = res.tokenObj.id_token;
           var googleId = res.googleId;
-          var infoLogin = {
-            imageUrl: imageUrl,
-            fullName: name,
-            email: email,
-            token: accessToken,
-            googleId: googleId
-          };
-          var role = isTeacher ? "Teacher" : "Student";
-          dispatch(setLoading(true));
-          var _temp = _catch(function () {
-            return Promise.resolve(apiLoginGoogle(infoLogin, role)).then(function (res1) {
-              var isFirstLogin = res1.data.isFirstLogin;
-              var tokenJWT = res1.data.token;
-              localStorage.setItem("USER_INFORMATION", JSON.stringify(infoLogin));
-              localStorage.setItem(ACCESS_TOKEN, tokenJWT);
-              if (isTeacher) {
-                onNavigate("/teacher/overall-status/main");
-                _exit = true;
-                return;
-              }
-              if (isFirstLogin) {
-                onNavigate("/register/info");
+          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+            function _temp2() {
+              dispatch(setLoading(false));
+            }
+            if (!clickHandlerRes) return;
+            var infoLogin = {
+              imageUrl: imageUrl,
+              fullName: name,
+              email: email,
+              token: accessToken,
+              googleId: googleId,
+              captcha: clickHandlerRes
+            };
+            var role = isTeacher ? "Teacher" : "Student";
+            dispatch(setLoading(true));
+            var _temp = _catch(function () {
+              return Promise.resolve(apiLoginGoogle(infoLogin, role)).then(function (res1) {
+                var isFirstLogin = res1.data.isFirstLogin;
+                var tokenJWT = res1.data.token;
+                localStorage.setItem("USER_INFORMATION", JSON.stringify(infoLogin));
+                localStorage.setItem(ACCESS_TOKEN, tokenJWT);
+                if (!isTeacher && isFirstLogin) {
+                  onNavigate("/register/info");
+                } else {
+                  onNavigate("/");
+                }
+              });
+            }, function (error) {
+              var _error$response, _error$response$data;
+              var message = undefined;
+              var type = 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.type;
+              if (type === AuthenticationMessage.NotAllowedToRegister) {
+                alert("가입 권한이 없는 계정입니다. 관리자에게 문의하세요.");
+              } else if (type) {
+                var _error$response2, _error$response2$data;
+                message = (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.message) || ERROR_MESSAGE;
               } else {
-                onNavigate("/student/check/main");
+                var _error$response3;
+                message = (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.data) || ERROR_MESSAGE;
               }
+              message && alert(message);
+              handleSignOut();
             });
-          }, function (error) {
-            var _error$response, _error$response$data;
-            var message = undefined;
-            var type = 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.type;
-            if (type === AuthenticationMessage.NotAllowedToRegister) {
-              alert("가입 권한이 없는 계정입니다. 관리자에게 문의하세요.");
-            } else if (type) {
-              var _error$response2, _error$response2$data;
-              message = (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.message) || ERROR_MESSAGE;
-            } else {
-              var _error$response3;
-              message = (error === null || error === void 0 ? void 0 : (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : _error$response3.data) || ERROR_MESSAGE;
-            }
-            signOut();
-            !!message && dispatch(setAlert({
-              type: "danger",
-              message: message
-            }));
+            return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
           });
-          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
         }
       }());
     } catch (e) {
@@ -851,14 +285,10 @@ var BlockLogin = function BlockLogin(_ref) {
     validationSchema: schema,
     onSubmit: function (values) {
       try {
-        return Promise.resolve(_catch(function () {
-          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-            if (!clickHandlerRes) return;
-            values.captcha = clickHandlerRes;
-          });
-        }, function (err) {
-          console.error(err);
-        }));
+        return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
+          if (!clickHandlerRes) return;
+          values.captcha = clickHandlerRes;
+        });
       } catch (e) {
         return Promise.reject(e);
       }
@@ -894,13 +324,21 @@ var BlockLogin = function BlockLogin(_ref) {
   });
 };
 
+var getAccessToken$1 = (function () {
+  try {
+    return localStorage.getItem(ACCESS_TOKEN);
+  } catch (err) {
+    return null;
+  }
+});
+
 var defaultInfo = {
   email: "",
   password: "",
   captcha: "",
   rememberMe: false
 };
-var useLogin = function useLogin() {
+var useLogin = function useLogin(onNavigate) {
   var _useState = React.useState(false),
     openLogin = _useState[0],
     setOpenLogin = _useState[1];
@@ -920,7 +358,11 @@ var useLogin = function useLogin() {
         scope: 'email'
       });
     };
-    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("/");
   }, []);
   return {
     defaultInfo: defaultInfo,
@@ -936,7 +378,7 @@ var useLogin = function useLogin() {
 var Login = function Login(_ref) {
   var onNavigate = _ref.onNavigate,
     isTeacher = _ref.isTeacher;
-  var _useLogin = useLogin(),
+  var _useLogin = useLogin(onNavigate),
     defaultInfo = _useLogin.defaultInfo;
   return React__default.createElement("div", {
     className: styles["login"] + " container-fluid font-family-lato"
@@ -1057,7 +499,7 @@ function kindOf(val) {
 }
 
 // src/utils/warning.ts
-function warning$1(message) {
+function warning(message) {
   if (typeof console !== "undefined" && typeof console.error === "function") {
     console.error(message);
   }
@@ -1110,7 +552,7 @@ function combineReducers(reducers) {
     const key = reducerKeys[i];
     if (process.env.NODE_ENV !== "production") {
       if (typeof reducers[key] === "undefined") {
-        warning$1(`No reducer provided for key "${key}"`);
+        warning(`No reducer provided for key "${key}"`);
       }
     }
     if (typeof reducers[key] === "function") {
@@ -1135,7 +577,7 @@ function combineReducers(reducers) {
     if (process.env.NODE_ENV !== "production") {
       const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);
       if (warningMessage) {
-        warning$1(warningMessage);
+        warning(warningMessage);
       }
     }
     let hasChanged = false;
@@ -1174,6 +616,8 @@ var commonReducer = toolkit.createReducer(initialState, function (builder) {
     state.user = action.payload;
   }).addCase(setLanguage, function (state, action) {
     state.language = action.payload;
+  }).addCase(reset, function (_state, _action) {
+    return initialState;
   });
 });
 
@@ -1250,14 +694,6 @@ var encodeParams$1 = (function (params) {
   }).join('&');
 });
 
-var getAccessToken$1 = (function () {
-  try {
-    return localStorage.getItem(ACCESS_TOKEN);
-  } catch (err) {
-    return null;
-  }
-});
-
 var api$1 = axios.create({
   baseURL: BASE_URL,
   timeout: 0,
@@ -1309,15 +745,28 @@ var getInfo = function getInfo() {
 
 var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
-    onNavigate = _ref.onNavigate;
+    role = _ref.role;
   var _useGoogleSignOut = useGoogleSignOut({}),
-    signOut = _useGoogleSignOut.signOut;
+    handleSignOut = _useGoogleSignOut.handleSignOut;
   var dispatch = reactRedux.useDispatch();
+  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 resetAuth = function resetAuth() {
-    localStorage.removeItem(ACCESS_TOKEN);
-    signOut();
-    onNavigate("/login");
+    handleSignOut();
   };
+  var checkRoleUser = React.useCallback(function () {
+    var _user$roles, _user$roles2;
+    if (!user) return;
+    var isAdmin = (_user$roles = user.roles) === null || _user$roles === void 0 ? void 0 : _user$roles.includes("Admin");
+    if (isAdmin && role !== "Teacher") alert(user.email + " not allow to register " + role);
+    if (isAdmin) return;
+    if (!((_user$roles2 = user.roles) !== null && _user$roles2 !== void 0 && _user$roles2.includes(role))) {
+      alert(user.email + " not allow to register " + role);
+      resetAuth();
+    }
+  }, [role, JSON.stringify(user)]);
   var loadInfo = function loadInfo() {
     try {
       var _temp2 = function _temp2() {
@@ -1336,7 +785,11 @@ var LayoutContext = function LayoutContext(_ref) {
           }
           dispatch(setUser(info.data));
         });
-      }, function () {
+      }, function (err) {
+        console.log({
+          err: err
+        });
+        role === "Student" ? alert("학생, 다시 로그인해주세요.") : alert("선생님, 다시 로그인해주세요.");
         resetAuth();
       });
       return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
@@ -1345,8 +798,9 @@ var LayoutContext = function LayoutContext(_ref) {
     }
   };
   React.useEffect(function () {
-    loadInfo();
-  }, []);
+    !user && loadInfo();
+    !!user && checkRoleUser();
+  }, [JSON.stringify(user)]);
   return React__default.createElement(React.Fragment, null, children);
 };
 
@@ -1562,6 +1016,7 @@ var description_success = "스터디 터치는 엄태욱 선생님의 수업에
 var logout = "로그 아웃";
 var overall_status = "전체 현황";
 var exam_status = "시험별 현";
+var student_status = "학생 신분";
 var user_manager = "사용자 목록";
 var recent_exam_results = "최근 시험 결과";
 var instructor_name = "강사이름";
@@ -1606,6 +1061,7 @@ var no_data = "데이터 없음";
 var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
 var problem = "문제";
 var problem_solving_time = "문제풀이 시간";
+var minutes = "분";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1617,6 +1073,7 @@ var lang_ko = {
 	logout: logout,
 	overall_status: overall_status,
 	exam_status: exam_status,
+	student_status: student_status,
 	user_manager: user_manager,
 	recent_exam_results: recent_exam_results,
 	instructor_name: instructor_name,
@@ -1660,7 +1117,8 @@ var lang_ko = {
 	no_data: no_data,
 	internet_connection_was_lost: internet_connection_was_lost,
 	problem: problem,
-	problem_solving_time: problem_solving_time
+	problem_solving_time: problem_solving_time,
+	minutes: minutes
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -1673,6 +1131,7 @@ var description_success$1 = "Study Touch is a learning tool used in teacher Taew
 var logout$1 = "Logout";
 var overall_status$1 = "Overall Status";
 var exam_status$1 = "Exam Status";
+var student_status$1 = "Student Status";
 var user_manager$1 = "User Manager";
 var recent_exam_results$1 = "Recent exam";
 var instructor_name$1 = "Instructor name";
@@ -1717,6 +1176,7 @@ var no_data$1 = "No data";
 var internet_connection_was_lost$1 = "Internet connection was lost";
 var problem$1 = "Problem ";
 var problem_solving_time$1 = "Problem solving time";
+var minutes$1 = "m";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -1728,6 +1188,7 @@ var lang_en = {
 	logout: logout$1,
 	overall_status: overall_status$1,
 	exam_status: exam_status$1,
+	student_status: student_status$1,
 	user_manager: user_manager$1,
 	recent_exam_results: recent_exam_results$1,
 	instructor_name: instructor_name$1,
@@ -1771,7 +1232,8 @@ var lang_en = {
 	no_data: no_data$1,
 	internet_connection_was_lost: internet_connection_was_lost$1,
 	problem: problem$1,
-	problem_solving_time: problem_solving_time$1
+	problem_solving_time: problem_solving_time$1,
+	minutes: minutes$1
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -1903,7 +1365,20 @@ var toISOString = (function (time) {
   }
 });
 
-var historyCore = createBrowserHistory();
+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 historyCore = history.createBrowserHistory();
 
 Object.defineProperty(exports, 'I18nextProvider', {
   enumerable: true,
@@ -1932,6 +1407,7 @@ exports.NotFound = NotFound;
 exports.PUSHER_CONFIG = PUSHER_CONFIG;
 exports.TheLanguageDropdown = TheLanguageDropdown;
 exports.api = api$1;
+exports.canAccessRoute = canAccess;
 exports.diffFromNow = diffFromNow;
 exports.formatTime = formatTime;
 exports.historyCore = historyCore;