touchstudy-core 0.1.1 → 0.1.2

package/dist/index.modern.js

@@ -1,615 +1,35 @@
+import { createBrowserHistory } from 'history';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import moment from 'moment';
-import React, { useCallback, useState, useEffect, Fragment, useRef } from 'react';
+import React, { useCallback, useState, useEffect, Fragment, useRef, useMemo } from 'react';
 import { useGoogleReCaptcha, GoogleReCaptcha, GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
-import { Row, Col, Form, FormGroup, Modal, ModalHeader, ModalBody, ModalFooter, Button, Alert, Pagination, PaginationItem, PaginationLink } from 'reactstrap';
+import { Row, Col, Form, FormGroup, Modal, ModalHeader, ModalBody, ModalFooter, Button, Alert, Pagination, PaginationItem, PaginationLink, Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
 import { Formik } from 'formik';
 import { object, string, boolean } from 'yup';
-import GoogleLogin from '@leecheuk/react-google-login';
+import GoogleLogin, { useGoogleLogout } from '@leecheuk/react-google-login';
 import axios from 'axios';
 import { useDispatch, useSelector } from 'react-redux';
 import { gapi } from 'gapi-script';
-
-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;
-}
+import i18n from 'i18next';
+import { initReactI18next, useTranslation } from 'react-i18next';
+export { I18nextProvider, useTranslation } from 'react-i18next';
+import { IoChevronDown } from 'react-icons/io5';
 
 var setLoading = createAction("common/setLoading");
 var setAlert = createAction("common/setAlert");
 var setUser = createAction("common/setUser");
+var setLanguage = createAction("common/setLanguage");
 
 var GOOGLE_CLIENT_ID = "64118819726-0qlur4qjrs9jbuu6rnoa0u91g680lmpg.apps.googleusercontent.com";
 var GOOGLE_RECAPTCHA_ID = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
-var BASE_URL = "https://ec0e-123-24-205-68.ngrok-free.app";
+var BASE_URL = "https://localhost:7045";
+var PUSHER_CONFIG = {
+  cluster: "ap1",
+  key: "9018c77328885a14150b"
+};
+var EXAM_CHANNEL = "EXAM-CHANNEL";
 var getAccessToken = function getAccessToken() {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -658,7 +78,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1"};
+var styles = {"btn-login-google":"_2HqmH","block-login":"_wWIyO","box-login":"_38Lo1","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi"};
 
 var api = axios.create({
   baseURL: BASE_URL,
@@ -693,13 +113,14 @@ var apiUpload = axios.create({
   return i.interceptors.response.use(function (response) {
     return response;
   }, function (error) {
+    var _error$response, _error$response2;
     console.log({
       error: error
     });
-    if (error.response.status === 401) {
+    if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {
       window.location.href = "/login";
     }
-    if (error.response.status == 403) {
+    if (((_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status) == 403) {
       localStorage.removeItem(ACCESS_TOKEN);
       localStorage.removeItem("USER_EMAIL");
       window.location.href = "/login";
@@ -708,8 +129,30 @@ var apiUpload = axios.create({
   });
 });
 
-var apiLoginGoogle = function apiLoginGoogle(body) {
-  return api.post(BASE_URL + "/api/auth/login", body);
+var apiLoginGoogle = function apiLoginGoogle(body, role) {
+  return api.post(BASE_URL + "/api/auth/" + role + "/login", body);
+};
+
+var AuthenticationMessage;
+(function (AuthenticationMessage) {
+  AuthenticationMessage["NotAllowedToRegister"] = "NotAllowedToRegister";
+  AuthenticationMessage["InvalidGoogleToken"] = "InvalidGoogleToken";
+})(AuthenticationMessage || (AuthenticationMessage = {}));
+
+var useGoogleSignOut = function useGoogleSignOut(props) {
+  var onLogoutSuccess = props.onLogoutSuccess,
+    onFailure = props.onFailure;
+  var _useGoogleLogout = useGoogleLogout({
+      clientId: GOOGLE_CLIENT_ID,
+      onLogoutSuccess: onLogoutSuccess,
+      onFailure: onFailure
+    }),
+    signOut = _useGoogleLogout.signOut,
+    loaded = _useGoogleLogout.loaded;
+  return {
+    signOut: signOut,
+    loaded: loaded
+  };
 };
 
 var ERROR_MESSAGE = "Login fail!";
@@ -725,6 +168,8 @@ var BlockLogin = function BlockLogin(_ref) {
   var dispatch = useDispatch();
   var _useGoogleReCaptcha = useGoogleReCaptcha(),
     executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
+  var _useGoogleSignOut = useGoogleSignOut({}),
+    signOut = _useGoogleSignOut.signOut;
   var clickHandler = useCallback(function () {
     try {
       if (!executeRecaptcha) {
@@ -740,10 +185,6 @@ var BlockLogin = function BlockLogin(_ref) {
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
       var _exit = false;
-      console.log("success");
-      console.log({
-        res: res
-      });
       return Promise.resolve(function () {
         if (!!(res !== null && res !== void 0 && res.accessToken)) {
           var _temp2 = function _temp2(_result) {
@@ -761,21 +202,15 @@ var BlockLogin = function BlockLogin(_ref) {
             fullName: name,
             email: email,
             token: accessToken,
-            googleId: googleId,
-            role: isTeacher ? "Teacher" : "Student"
+            googleId: googleId
           };
-          console.log({
-            infoLogin: infoLogin
-          });
+          var role = isTeacher ? "Teacher" : "Student";
           dispatch(setLoading(true));
           var _temp = _catch(function () {
-            return Promise.resolve(apiLoginGoogle(infoLogin)).then(function (res1) {
+            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));
-              console.log({
-                res1: res1
-              });
               localStorage.setItem(ACCESS_TOKEN, tokenJWT);
               if (isTeacher) {
                 onNavigate("/teacher/overall-status/main");
@@ -789,10 +224,22 @@ var BlockLogin = function BlockLogin(_ref) {
               }
             });
           }, function (error) {
-            var _error$response;
-            dispatch(setAlert({
+            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: ((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.data) || ERROR_MESSAGE
+              message: message
             }));
           });
           return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
@@ -848,7 +295,8 @@ var BlockLogin = function BlockLogin(_ref) {
       onSuccess: onSuccessGoogle,
       onFailure: onFailureGoogle,
       cookiePolicy: "single_host_origin",
-      className: "" + styles["btn-login-google"]
+      className: "" + styles["btn-login-google"],
+      isSignedIn: true
     }))))));
   });
 };
@@ -1016,7 +464,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);
   }
@@ -1069,7 +517,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") {
@@ -1094,7 +542,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;
@@ -1132,6 +580,8 @@ var commonReducer = createReducer(initialState, function (builder) {
     state.alert = action.payload;
   }).addCase(setUser, function (state, action) {
     state.user = action.payload;
+  }).addCase(setLanguage, function (state, action) {
+    state.language = action.payload;
   });
 });
 
@@ -1268,9 +718,12 @@ var getInfo = function getInfo() {
 var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
     onNavigate = _ref.onNavigate;
+  var _useGoogleSignOut = useGoogleSignOut({}),
+    signOut = _useGoogleSignOut.signOut;
   var dispatch = useDispatch();
   var resetAuth = function resetAuth() {
     localStorage.removeItem(ACCESS_TOKEN);
+    signOut();
     onNavigate("/login");
   };
   var loadInfo = function loadInfo() {
@@ -1313,6 +766,8 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     _ref$okText = _ref.okText,
     okText = _ref$okText === void 0 ? "Yes" : _ref$okText,
     isDelete = _ref.isDelete,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "Confirmation" : _ref$title,
     toggle = _ref.toggle,
     onConfirm = _ref.onConfirm;
   return React.createElement(Modal, {
@@ -1321,7 +776,7 @@ var ConfirmDialog = function ConfirmDialog(_ref) {
     centered: true
   }, React.createElement(ModalHeader, {
     toggle: toggle
-  }, "Confirmation"), React.createElement(ModalBody, null, text), React.createElement(ModalFooter, null, React.createElement(Button, {
+  }, title), React.createElement(ModalBody, null, text), React.createElement(ModalFooter, null, React.createElement(Button, {
     color: "secondary",
     onClick: toggle
   }, cancelText), React.createElement(Button, {
@@ -1337,8 +792,10 @@ var CommonDialog = function CommonDialog(_ref) {
     title = _ref.title,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "xs" : _ref$size,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    backdrop = _ref.backdrop;
   return React.createElement(Modal, {
+    backdrop: backdrop,
     isOpen: open,
     toggle: onClose,
     centered: centered,
@@ -1390,10 +847,11 @@ var formatTime = (function (time, ORIGINAL_FORMAT, FORMAT) {
   }
 });
 
-var diffFromNow = (function (time, unitOfTime) {
-  if (time === DATE_MIN_VALUE) return 0;
+var diffFromNow = (function (time, unitOfTime, targetTime) {
+  if (time === DATE_MIN_VALUE || targetTime === DATE_MIN_VALUE) return 0;
   try {
-    return moment().diff(moment.utc(time).local(), unitOfTime);
+    var now = !!targetTime ? moment() : moment.utc(targetTime).local();
+    return now.diff(moment.utc(time).local(), unitOfTime);
   } catch (_unused) {
     return "";
   }
@@ -1493,7 +951,368 @@ var CustomPagination = function CustomPagination(_ref) {
   })));
 };
 
+var ExamEvent;
+(function (ExamEvent) {
+  ExamEvent["StartExam"] = "start-exam";
+  ExamEvent["TerminateExam"] = "terminate-exam";
+  ExamEvent["JoinExam"] = "join-exam";
+  ExamEvent["AddExtraDuration"] = "add-extra-duration-exam";
+  ExamEvent["TeacherDisconnectChannel"] = "teacher-disconnect-channel";
+  ExamEvent["StudentDisconnectChannel"] = "student-disconnect-channel";
+})(ExamEvent || (ExamEvent = {}));
+
+var problem_solving = "문제풀기";
+var my_story = "내 스토리";
+var search_find = "검색하여 찾기";
+var test_code = "시험코드 입력";
+var login_success = "로그인 성공";
+var welcome_success = "스터디 터치에 오신 것을 환영합니다!";
+var description_success = "스터디 터치는 엄태욱 선생님의 수업에서 활용되는 학습 도구입니다.";
+var logout = "로그 아웃";
+var overall_status = "전체 현황";
+var exam_status = "시험별 현";
+var user_manager = "사용자 목록";
+var recent_exam_results = "최근 시험 결과";
+var instructor_name = "강사이름";
+var academy_name = "학원 이름";
+var total_students = "총 학생수";
+var student = "명";
+var students = "명";
+var extra_time = "추가 시간";
+var complete = "완료";
+var current_exam = "현재 시험중";
+var exam_time = "시험 시간";
+var time_remaining = "남은 시간";
+var number_results = "결과 {{number}}건";
+var number_result = "결과 {{number}}건";
+var mins_mins_seconds_seconds = "{{mins}}분 {{seconds}}초";
+var mins_mins = "{{mins}}분";
+var class_name = "반 이름";
+var create_new_exam = "새 시험 생성";
+var there_are_no_recent_exams = "최근 시험이 없습니다";
+var you_have_created_a_exam_with_code_code_do_you_want_to_continue = "코드가 {{code}}인 시험을 생성했습니다. 계속하시겠습니까?";
+var here = "여기";
+var do_you_want_to_complete_the_exam = "시험을 완료처리 하시겠습니까?";
+var are_you_sure_you_want_to_delete_the_exam = "시험을 삭제하시겠습니까?";
+var yes = "예";
+var no = "아니요";
+var cancel = "취소";
+var confirmation = "확인";
+var student_name = "학생이름";
+var full_pool_time = "전체풀이시간";
+var number_question = "{{number}}번";
+var answer_rate = "정답률";
+var seconds = "초";
+var search_placeholder = "시험 이름으로 검색하기";
+var study_touch = "영어연구소";
+var exam_information = "시험정보";
+var issue_number = "문제번호";
+var incorrect_rate = "오답률";
+var question_time_for_each_student = "학생별 문항 시간";
+var correct_answer_for_each_student = "학생별 정답 여부";
+var information_by_question = "문항별 정보";
+var no_data = "데이터 없음";
+var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
+var problem = "문제";
+var problem_solving_time = "문제풀이 시간";
+var lang_ko = {
+	problem_solving: problem_solving,
+	my_story: my_story,
+	search_find: search_find,
+	test_code: test_code,
+	login_success: login_success,
+	welcome_success: welcome_success,
+	description_success: description_success,
+	logout: logout,
+	overall_status: overall_status,
+	exam_status: exam_status,
+	user_manager: user_manager,
+	recent_exam_results: recent_exam_results,
+	instructor_name: instructor_name,
+	academy_name: academy_name,
+	total_students: total_students,
+	student: student,
+	students: students,
+	extra_time: extra_time,
+	complete: complete,
+	current_exam: current_exam,
+	exam_time: exam_time,
+	time_remaining: time_remaining,
+	number_results: number_results,
+	number_result: number_result,
+	mins_mins_seconds_seconds: mins_mins_seconds_seconds,
+	mins_mins: mins_mins,
+	class_name: class_name,
+	create_new_exam: create_new_exam,
+	there_are_no_recent_exams: there_are_no_recent_exams,
+	you_have_created_a_exam_with_code_code_do_you_want_to_continue: you_have_created_a_exam_with_code_code_do_you_want_to_continue,
+	here: here,
+	do_you_want_to_complete_the_exam: do_you_want_to_complete_the_exam,
+	are_you_sure_you_want_to_delete_the_exam: are_you_sure_you_want_to_delete_the_exam,
+	yes: yes,
+	no: no,
+	cancel: cancel,
+	confirmation: confirmation,
+	student_name: student_name,
+	full_pool_time: full_pool_time,
+	number_question: number_question,
+	answer_rate: answer_rate,
+	seconds: seconds,
+	search_placeholder: search_placeholder,
+	study_touch: study_touch,
+	exam_information: exam_information,
+	issue_number: issue_number,
+	incorrect_rate: incorrect_rate,
+	question_time_for_each_student: question_time_for_each_student,
+	correct_answer_for_each_student: correct_answer_for_each_student,
+	information_by_question: information_by_question,
+	no_data: no_data,
+	internet_connection_was_lost: internet_connection_was_lost,
+	problem: problem,
+	problem_solving_time: problem_solving_time
+};
+
+var problem_solving$1 = "Problem Solving";
+var my_story$1 = "My Story";
+var search_find$1 = "Search and find";
+var test_code$1 = "Enter test code";
+var login_success$1 = "Login Success";
+var welcome_success$1 = "Welcome to Study Touch!";
+var description_success$1 = "Study Touch is a learning tool used in teacher Taewook Eom's classes.";
+var logout$1 = "Logout";
+var overall_status$1 = "Overall Status";
+var exam_status$1 = "Exam Status";
+var user_manager$1 = "User Manager";
+var recent_exam_results$1 = "Recent exam";
+var instructor_name$1 = "Instructor name";
+var academy_name$1 = "Academy name";
+var total_students$1 = "Total students";
+var students$1 = "Students";
+var student$1 = "Student";
+var extra_time$1 = "Extra time";
+var complete$1 = "Complete";
+var current_exam$1 = "Current exam";
+var exam_time$1 = "Extra time";
+var time_remaining$1 = "Time remaining";
+var number_results$1 = "{{number}}  Results";
+var number_result$1 = "{{number}} Result";
+var mins_mins_seconds_seconds$1 = "{{mins}}m {{seconds}}s";
+var mins_mins$1 = "{{mins}}m";
+var class_name$1 = "Class name";
+var create_new_exam$1 = "Create exam";
+var there_are_no_recent_exams$1 = "There are no recent exams";
+var you_have_created_a_exam_with_code_code_do_you_want_to_continue$1 = "You have created a exam with code {{code}}, do you want to continue?";
+var here$1 = "here";
+var do_you_want_to_complete_the_exam$1 = "Do you want to complete the exam?";
+var are_you_sure_you_want_to_delete_the_exam$1 = "Are you sure you want to delete the exam?";
+var yes$1 = "Yes";
+var no$1 = "No";
+var cancel$1 = "Cancel";
+var confirmation$1 = "Confirmation";
+var student_name$1 = "Student name";
+var full_pool_time$1 = "Full pool time";
+var number_question$1 = "No.{{number}}";
+var answer_rate$1 = "Answer rate";
+var seconds$1 = "s";
+var search_placeholder$1 = "Search by exam name";
+var study_touch$1 = "Study touch";
+var exam_information$1 = "Exam information";
+var issue_number$1 = "Issue number";
+var incorrect_rate$1 = "Incorrect rate";
+var question_time_for_each_student$1 = "Question time for each student";
+var correct_answer_for_each_student$1 = "Correct answer for each student";
+var information_by_question$1 = "Information by question";
+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 lang_en = {
+	problem_solving: problem_solving$1,
+	my_story: my_story$1,
+	search_find: search_find$1,
+	test_code: test_code$1,
+	login_success: login_success$1,
+	welcome_success: welcome_success$1,
+	description_success: description_success$1,
+	logout: logout$1,
+	overall_status: overall_status$1,
+	exam_status: exam_status$1,
+	user_manager: user_manager$1,
+	recent_exam_results: recent_exam_results$1,
+	instructor_name: instructor_name$1,
+	academy_name: academy_name$1,
+	total_students: total_students$1,
+	students: students$1,
+	student: student$1,
+	extra_time: extra_time$1,
+	complete: complete$1,
+	current_exam: current_exam$1,
+	exam_time: exam_time$1,
+	time_remaining: time_remaining$1,
+	number_results: number_results$1,
+	number_result: number_result$1,
+	mins_mins_seconds_seconds: mins_mins_seconds_seconds$1,
+	mins_mins: mins_mins$1,
+	class_name: class_name$1,
+	create_new_exam: create_new_exam$1,
+	there_are_no_recent_exams: there_are_no_recent_exams$1,
+	you_have_created_a_exam_with_code_code_do_you_want_to_continue: you_have_created_a_exam_with_code_code_do_you_want_to_continue$1,
+	here: here$1,
+	do_you_want_to_complete_the_exam: do_you_want_to_complete_the_exam$1,
+	are_you_sure_you_want_to_delete_the_exam: are_you_sure_you_want_to_delete_the_exam$1,
+	yes: yes$1,
+	no: no$1,
+	cancel: cancel$1,
+	confirmation: confirmation$1,
+	student_name: student_name$1,
+	full_pool_time: full_pool_time$1,
+	number_question: number_question$1,
+	answer_rate: answer_rate$1,
+	seconds: seconds$1,
+	search_placeholder: search_placeholder$1,
+	study_touch: study_touch$1,
+	exam_information: exam_information$1,
+	issue_number: issue_number$1,
+	incorrect_rate: incorrect_rate$1,
+	question_time_for_each_student: question_time_for_each_student$1,
+	correct_answer_for_each_student: correct_answer_for_each_student$1,
+	information_by_question: information_by_question$1,
+	no_data: no_data$1,
+	internet_connection_was_lost: internet_connection_was_lost$1,
+	problem: problem$1,
+	problem_solving_time: problem_solving_time$1
+};
+
+i18n.use(initReactI18next).init({
+  lng: "ko",
+  fallbackLng: "ko",
+  interpolation: {
+    escapeValue: false
+  },
+  resources: {
+    ko: {
+      translation: lang_ko
+    },
+    en: {
+      translation: lang_en
+    }
+  }
+});
+
+var DEFAULT_LANGUAGE_CODE = "ko";
+var LANGUAGES = [{
+  code: "ko",
+  fullName: "Korean",
+  shortName: "Korean",
+  nativeName: "Korean",
+  name: "Korean",
+  image: "/images/korea.png"
+}, {
+  code: "en",
+  fullName: "English",
+  shortName: "English",
+  nativeName: "English",
+  name: "English",
+  image: "/images/usa.png"
+}];
+var SUPPORTED_LANGUAGES_CODE = LANGUAGES.map(function (i) {
+  return i.code;
+});
+
+var TheLanguageDropdown = function TheLanguageDropdown() {
+  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || DEFAULT_LANGUAGE_CODE;
+  var dispatch = useDispatch();
+  var _useTranslation = useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useState = useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var _useState2 = useState(defaultLanguage),
+    language = _useState2[0],
+    setItemLanguage = _useState2[1];
+  var toggle = function toggle() {
+    return setDropdownOpen(function (prevState) {
+      return !prevState;
+    });
+  };
+  var changeLanguageApp = function changeLanguageApp(lang) {
+    if (!SUPPORTED_LANGUAGES_CODE.includes(lang)) lang = DEFAULT_LANGUAGE_CODE;
+    i18n.changeLanguage(lang);
+    localStorage.setItem("language", lang);
+    setItemLanguage(lang);
+    dispatch(setLanguage(lang));
+  };
+  var currentLanguage = useMemo(function () {
+    var currentLang = LANGUAGES.find(function (i) {
+      return i.code === language;
+    });
+    if (!currentLang) return null;
+    return React.createElement(React.Fragment, null, React.createElement("img", {
+      className: "mr-2 " + styles['dropdown-menu-flag'],
+      src: currentLang.image
+    }), " ", currentLang.shortName);
+  }, [language]);
+  useEffect(function () {
+    changeLanguageApp(language);
+  }, [language]);
+  return React.createElement(Dropdown, {
+    isOpen: dropdownOpen,
+    toggle: toggle,
+    className: "" + styles["dropdown-menu"]
+  }, React.createElement(DropdownToggle, {
+    className: styles["header-avatar"] + " d-flex align-items-center"
+  }, React.createElement("span", {
+    style: {
+      color: "#000",
+      textTransform: "capitalize",
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, currentLanguage, React.createElement(IoChevronDown, {
+    className: "ml-2",
+    style: {
+      fontSize: '15px',
+      marginLeft: "5px",
+      marginTop: "2px"
+    }
+  }))), React.createElement(DropdownMenu, {
+    className: styles["dropdown-content-language"]
+  }, LANGUAGES.map(function (lang, index) {
+    return React.createElement(DropdownItem, {
+      key: lang.code,
+      className: styles["dropdown-change"] + " px-0 py-0 " + (index === LANGUAGES.length - 1 ? "pb-2" : "pt-2"),
+      onClick: function onClick() {
+        return setItemLanguage(lang.code);
+      }
+    }, React.createElement("div", {
+      className: styles["dropdown-item-language"] + " " + styles["item-logout"] + " " + (language == lang.code ? styles['dropdown-item-language-active'] : "") + " d-flex align-items-center w-100"
+    }, React.createElement("span", {
+      className: "mr-2 d-flex hover-opacity"
+    }, React.createElement("img", {
+      style: {
+        width: "30px",
+        marginRight: "10px"
+      },
+      src: lang.image
+    })), lang.name));
+  })));
+};
+
+var minutesToTimeSpan = (function (time) {
+  var h = Math.floor(time / 60);
+  var m = time % 60;
+  return h.toString().padStart(2, "0") + ":" + m.toString().padStart(2, "0") + ":00";
+});
+
+var toISOString = (function (time) {
+  try {
+    return moment(time).toISOString();
+  } catch (_unused) {
+    return "";
+  }
+});
+
 var historyCore = createBrowserHistory();
 
-export { ACCESS_TOKEN, BASE_URL, CommonAlert, CommonDialog, ConfirmDialog, CustomPagination, LayoutContext, Loading, Login, NotFound, api$1 as api, diffFromNow, formatTime, historyCore, setAlert, setLoading, setUser, store, utcToLocalTime };
+export { ACCESS_TOKEN, BASE_URL, CommonAlert, CommonDialog, ConfirmDialog, CustomPagination, DATE_MIN_VALUE, EXAM_CHANNEL, ExamEvent, LayoutContext, Loading, Login, NotFound, PUSHER_CONFIG, TheLanguageDropdown, api$1 as api, diffFromNow, formatTime, historyCore, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setUser, store, toISOString, useGoogleSignOut, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map