touchstudy-core 0.1.0 → 0.1.2

package/dist/index.js

@@ -1,36 +1,1358 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var history = require('history');
 var toolkit = require('@reduxjs/toolkit');
-var React = _interopDefault(require('react'));
+var moment = _interopDefault(require('moment'));
+var React = require('react');
+var React__default = _interopDefault(React);
+var reactGoogleRecaptchaV3 = require('react-google-recaptcha-v3');
 var reactstrap = require('reactstrap');
+var formik = require('formik');
+var yup = require('yup');
+var GoogleLogin = require('@leecheuk/react-google-login');
+var GoogleLogin__default = _interopDefault(GoogleLogin);
+var axios = _interopDefault(require('axios'));
+var reactRedux = require('react-redux');
+var gapiScript = require('gapi-script');
+var i18n = _interopDefault(require('i18next'));
+var reactI18next = require('react-i18next');
+var io5 = require('react-icons/io5');
 
 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 GOOGLE_CLIENT_ID = "64118819726-0qlur4qjrs9jbuu6rnoa0u91g680lmpg.apps.googleusercontent.com";
+var GOOGLE_RECAPTCHA_ID = "6LfNtLUaAAAAAL24lbBV11jS-gBtt1mhtxb4NXs0";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
-var BASE_URL = function () {
-  var windowUrl = window.location.href;
-  var url = windowUrl.split("//")[0] + "//" + windowUrl.split("//")[1].split("/")[0];
-  return url;
-}();
+var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
+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);
+  } catch (err) {
+    return null;
+  }
+};
+var encodeParams = function encodeParams(params) {
+  return Object.keys(params).filter(function (key) {
+    return params[key] || params[key] === 0 || params[key] === false;
+  }).map(function (key) {
+    if (Array.isArray(params[key])) {
+      return params[key].map(function (i) {
+        return encodeURIComponent(key) + "=" + encodeURIComponent(i);
+      }).join('&');
+    }
+    return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+  }).join('&');
+};
+
+var utcToLocalTime = (function (time, FORMAT) {
+  if (time === DATE_MIN_VALUE) return "";
+  try {
+    return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+
+// A type of promise-like that resolves synchronously and supports only one observer
+
+const _iteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.iterator || (Symbol.iterator = Symbol("Symbol.iterator"))) : "@@iterator";
+
+const _asyncIteratorSymbol = /*#__PURE__*/ typeof Symbol !== "undefined" ? (Symbol.asyncIterator || (Symbol.asyncIterator = Symbol("Symbol.asyncIterator"))) : "@@asyncIterator";
+
+// Asynchronously call a function and send errors to recovery continuation
+function _catch(body, recover) {
+	try {
+		var result = body();
+	} catch(e) {
+		return recover(e);
+	}
+	if (result && result.then) {
+		return result.then(void 0, recover);
+	}
+	return result;
+}
+
+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 styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","digital-privacy-icon":"_141p1","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-minimized-logo":"_3846X","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","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","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","button-export":"_2rTzM","button-content":"_18y0w","button-icon":"_3cZAT","hide-in-mobile":"_1INnO","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72"};
+var api = axios.create({
+  baseURL: BASE_URL,
+  timeout: 0,
+  headers: {
+    "Content-Type": "application/json"
+  },
+  paramsSerializer: function paramsSerializer(params) {
+    return encodeParams(params);
+  }
+});
+var apiUpload = axios.create({
+  baseURL: BASE_URL,
+  timeout: 60000,
+  headers: {
+    "Content-Type": "multipart/form-data"
+  }
+});
+[api, apiUpload].forEach(function (i) {
+  return i.interceptors.request.use(function (config) {
+    var token = getAccessToken();
+    if (token) {
+      config.headers.Authorization = "Bearer " + token;
+      localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
+    }
+    return config;
+  }, function (error) {
+    return Promise.reject(error);
+  });
+});
+[api, apiUpload].forEach(function (i) {
+  return i.interceptors.response.use(function (response) {
+    return response;
+  }, function (error) {
+    var _error$response, _error$response2;
+    console.log({
+      error: error
+    });
+    if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) === 401) {
+      window.location.href = "/login";
+    }
+    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";
+    }
+    return Promise.reject(error);
+  });
+});
 
-var Login = function Login(_props) {
-  return React.createElement("div", {
+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 = GoogleLogin.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!";
+var schema = yup.object({
+  email: yup.string().email("Email is invalid").required("Email is required"),
+  password: yup.string().required("Password is required"),
+  rememberMe: yup.boolean()
+});
+var BlockLogin = function BlockLogin(_ref) {
+  var defaultInfo = _ref.defaultInfo,
+    onNavigate = _ref.onNavigate,
+    isTeacher = _ref.isTeacher;
+  var dispatch = reactRedux.useDispatch();
+  var _useGoogleReCaptcha = reactGoogleRecaptchaV3.useGoogleReCaptcha(),
+    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
+  var _useGoogleSignOut = useGoogleSignOut({}),
+    signOut = _useGoogleSignOut.signOut;
+  var clickHandler = React.useCallback(function () {
+    try {
+      if (!executeRecaptcha) {
+        console.log("execute recaptcha undefined");
+        return Promise.resolve();
+      }
+      return Promise.resolve(executeRecaptcha("login"));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  }, [executeRecaptcha]);
+  var handleVerify = 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");
+              } else {
+                onNavigate("/student/check/main");
+              }
+            });
+          }, 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);
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var onFailureGoogle = function onFailureGoogle(err) {
+    console.log("error: login google", err);
+    onNavigate("/login");
+  };
+  return React__default.createElement(formik.Formik, {
+    initialValues: defaultInfo,
+    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);
+        }));
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }
+  }, function (formikProps) {
+    var handleSubmit = formikProps.handleSubmit;
+    return React__default.createElement(reactstrap.Row, {
+      className: "" + styles["box-login"]
+    }, React__default.createElement(reactstrap.Col, {
+      className: "p-0 d-flex justify-content-center"
+    }, React__default.createElement(reactstrap.Form, {
+      className: "" + styles["block-login"],
+      onSubmit: handleSubmit
+    }, React__default.createElement("div", {
+      className: "" + styles["block-form"]
+    }, React__default.createElement("img", {
+      src: "/images/logo.jpeg",
+      className: "" + styles["img-login-rectangle"]
+    }), React__default.createElement(reactstrap.FormGroup, null, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptcha, {
+      action: "login",
+      onVerify: handleVerify
+    })), React__default.createElement(reactstrap.Col, {
+      className: "p-0 mt-1 mb-4"
+    }, React__default.createElement(GoogleLogin__default, {
+      clientId: GOOGLE_CLIENT_ID,
+      buttonText: "Google \uACC4\uC815\uC73C\uB85C \uB85C\uADF8\uC778",
+      onSuccess: onSuccessGoogle,
+      onFailure: onFailureGoogle,
+      cookiePolicy: "single_host_origin",
+      className: "" + styles["btn-login-google"],
+      isSignedIn: true
+    }))))));
+  });
+};
+
+var defaultInfo = {
+  email: "",
+  password: "",
+  captcha: "",
+  rememberMe: false
+};
+var useLogin = function useLogin() {
+  var _useState = React.useState(false),
+    openLogin = _useState[0],
+    setOpenLogin = _useState[1];
+  var _useState2 = React.useState(),
+    infoUser = _useState2[0],
+    setInfoUser = _useState2[1];
+  var toggle = React.useCallback(function () {
+    setOpenLogin(!openLogin);
+  }, [openLogin]);
+  var _useState3 = React.useState(false),
+    isShowPassword = _useState3[0],
+    setIsShowPassword = _useState3[1];
+  React.useEffect(function () {
+    var start = function start() {
+      gapiScript.gapi.client.init({
+        clientId: GOOGLE_CLIENT_ID,
+        scope: 'email'
+      });
+    };
+    gapiScript.gapi.load('client:auth2', start);
+  }, []);
+  return {
+    defaultInfo: defaultInfo,
+    openLogin: openLogin,
+    toggle: toggle,
+    isShowPassword: isShowPassword,
+    setIsShowPassword: setIsShowPassword,
+    infoUser: infoUser,
+    setInfoUser: setInfoUser
+  };
+};
+
+var Login = function Login(_ref) {
+  var onNavigate = _ref.onNavigate,
+    isTeacher = _ref.isTeacher;
+  var _useLogin = useLogin(),
+    defaultInfo = _useLogin.defaultInfo;
+  return React__default.createElement("div", {
     className: styles["login"] + " container-fluid font-family-lato"
-  }, React.createElement(reactstrap.Row, {
+  }, React__default.createElement(reactstrap.Row, {
     className: "h-100"
-  }, React.createElement(reactstrap.Col, {
+  }, React__default.createElement(reactstrap.Col, {
     lg: 12,
     md: 12,
     xs: 12,
     className: "d-flex justify-content-center h-100 align-items-center"
-  }, React.createElement("h1", null, "login 123"))));
+  }, React__default.createElement(reactGoogleRecaptchaV3.GoogleReCaptchaProvider, {
+    useRecaptchaNet: true,
+    reCaptchaKey: GOOGLE_RECAPTCHA_ID,
+    scriptProps: {
+      async: true,
+      defer: true,
+      appendTo: "body"
+    }
+  }, React__default.createElement(BlockLogin, {
+    defaultInfo: defaultInfo,
+    onNavigate: onNavigate,
+    isTeacher: isTeacher
+  })))));
+};
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function unwrapExports (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function createCommonjsModule(fn, module) {
+	return module = { exports: {} }, fn(module, module.exports), module.exports;
+}
+
+var reduxLogger = createCommonjsModule(function (module, exports) {
+!function(e,t){t(exports);}(commonjsGlobal,function(e){function t(e,t){e.super_=t,e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}});}function r(e,t){Object.defineProperty(this,"kind",{value:e,enumerable:!0}),t&&t.length&&Object.defineProperty(this,"path",{value:t,enumerable:!0});}function n(e,t,r){n.super_.call(this,"E",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0}),Object.defineProperty(this,"rhs",{value:r,enumerable:!0});}function o(e,t){o.super_.call(this,"N",e),Object.defineProperty(this,"rhs",{value:t,enumerable:!0});}function i(e,t){i.super_.call(this,"D",e),Object.defineProperty(this,"lhs",{value:t,enumerable:!0});}function a(e,t,r){a.super_.call(this,"A",e),Object.defineProperty(this,"index",{value:t,enumerable:!0}),Object.defineProperty(this,"item",{value:r,enumerable:!0});}function f(e,t,r){var n=e.slice((r||t)+1||e.length);return e.length=t<0?e.length+t:t,e.push.apply(e,n),e}function u(e){var t="undefined"==typeof e?"undefined":N(e);return "object"!==t?t:e===Math?"math":null===e?"null":Array.isArray(e)?"array":"[object Date]"===Object.prototype.toString.call(e)?"date":"function"==typeof e.toString&&/^\/.*\//.test(e.toString())?"regexp":"object"}function l(e,t,r,c,s,d,p){s=s||[],p=p||[];var g=s.slice(0);if("undefined"!=typeof d){if(c){if("function"==typeof c&&c(g,d))return;if("object"===("undefined"==typeof c?"undefined":N(c))){if(c.prefilter&&c.prefilter(g,d))return;if(c.normalize){var h=c.normalize(g,d,e,t);h&&(e=h[0],t=h[1]);}}}g.push(d);}"regexp"===u(e)&&"regexp"===u(t)&&(e=e.toString(),t=t.toString());var y="undefined"==typeof e?"undefined":N(e),v="undefined"==typeof t?"undefined":N(t),b="undefined"!==y||p&&p[p.length-1].lhs&&p[p.length-1].lhs.hasOwnProperty(d),m="undefined"!==v||p&&p[p.length-1].rhs&&p[p.length-1].rhs.hasOwnProperty(d);if(!b&&m)r(new o(g,t));else if(!m&&b)r(new i(g,e));else if(u(e)!==u(t))r(new n(g,e,t));else if("date"===u(e)&&e-t!==0)r(new n(g,e,t));else if("object"===y&&null!==e&&null!==t)if(p.filter(function(t){return t.lhs===e}).length)e!==t&&r(new n(g,e,t));else {if(p.push({lhs:e,rhs:t}),Array.isArray(e)){var w;for(w=0;w<e.length;w++)w>=t.length?r(new a(g,w,new i(void 0,e[w]))):l(e[w],t[w],r,c,g,w,p);for(;w<t.length;)r(new a(g,w,new o(void 0,t[w++])));}else {var x=Object.keys(e),S=Object.keys(t);x.forEach(function(n,o){var i=S.indexOf(n);i>=0?(l(e[n],t[n],r,c,g,n,p),S=f(S,i)):l(e[n],void 0,r,c,g,n,p);}),S.forEach(function(e){l(void 0,t[e],r,c,g,e,p);});}p.length=p.length-1;}else e!==t&&("number"===y&&isNaN(e)&&isNaN(t)||r(new n(g,e,t)));}function c(e,t,r,n){return n=n||[],l(e,t,function(e){e&&n.push(e);},r),n.length?n:void 0}function s(e,t,r){if(r.path&&r.path.length){var n,o=e[t],i=r.path.length-1;for(n=0;n<i;n++)o=o[r.path[n]];switch(r.kind){case"A":s(o[r.path[n]],r.index,r.item);break;case"D":delete o[r.path[n]];break;case"E":case"N":o[r.path[n]]=r.rhs;}}else switch(r.kind){case"A":s(e[t],r.index,r.item);break;case"D":e=f(e,t);break;case"E":case"N":e[t]=r.rhs;}return e}function d(e,t,r){if(e&&t&&r&&r.kind){for(var n=e,o=-1,i=r.path?r.path.length-1:0;++o<i;)"undefined"==typeof n[r.path[o]]&&(n[r.path[o]]="number"==typeof r.path[o]?[]:{}),n=n[r.path[o]];switch(r.kind){case"A":s(r.path?n[r.path[o]]:n,r.index,r.item);break;case"D":delete n[r.path[o]];break;case"E":case"N":n[r.path[o]]=r.rhs;}}}function p(e,t,r){if(r.path&&r.path.length){var n,o=e[t],i=r.path.length-1;for(n=0;n<i;n++)o=o[r.path[n]];switch(r.kind){case"A":p(o[r.path[n]],r.index,r.item);break;case"D":o[r.path[n]]=r.lhs;break;case"E":o[r.path[n]]=r.lhs;break;case"N":delete o[r.path[n]];}}else switch(r.kind){case"A":p(e[t],r.index,r.item);break;case"D":e[t]=r.lhs;break;case"E":e[t]=r.lhs;break;case"N":e=f(e,t);}return e}function g(e,t,r){if(e&&t&&r&&r.kind){var n,o,i=e;for(o=r.path.length-1,n=0;n<o;n++)"undefined"==typeof i[r.path[n]]&&(i[r.path[n]]={}),i=i[r.path[n]];switch(r.kind){case"A":p(i[r.path[n]],r.index,r.item);break;case"D":i[r.path[n]]=r.lhs;break;case"E":i[r.path[n]]=r.lhs;break;case"N":delete i[r.path[n]];}}}function h(e,t,r){if(e&&t){var n=function(n){r&&!r(e,t,n)||d(e,t,n);};l(e,t,n);}}function y(e){return "color: "+F[e].color+"; font-weight: bold"}function v(e){var t=e.kind,r=e.path,n=e.lhs,o=e.rhs,i=e.index,a=e.item;switch(t){case"E":return [r.join("."),n,"→",o];case"N":return [r.join("."),o];case"D":return [r.join(".")];case"A":return [r.join(".")+"["+i+"]",a];default:return []}}function b(e,t,r,n){var o=c(e,t);try{n?r.groupCollapsed("diff"):r.group("diff");}catch(e){r.log("diff");}o?o.forEach(function(e){var t=e.kind,n=v(e);r.log.apply(r,["%c "+F[t].text,y(t)].concat(P(n)));}):r.log("—— no diff ——");try{r.groupEnd();}catch(e){r.log("—— diff end —— ");}}function m(e,t,r,n){switch("undefined"==typeof e?"undefined":N(e)){case"object":return "function"==typeof e[n]?e[n].apply(e,P(r)):e[n];case"function":return e(t);default:return e}}function w(e){var t=e.timestamp,r=e.duration;return function(e,n,o){var i=["action"];return i.push("%c"+String(e.type)),t&&i.push("%c@ "+n),r&&i.push("%c(in "+o.toFixed(2)+" ms)"),i.join(" ")}}function x(e,t){var r=t.logger,n=t.actionTransformer,o=t.titleFormatter,i=void 0===o?w(t):o,a=t.collapsed,f=t.colors,u=t.level,l=t.diff,c="undefined"==typeof t.titleFormatter;e.forEach(function(o,s){var d=o.started,p=o.startedTime,g=o.action,h=o.prevState,y=o.error,v=o.took,w=o.nextState,x=e[s+1];x&&(w=x.prevState,v=x.started-d);var S=n(g),k="function"==typeof a?a(function(){return w},g,o):a,j=D(p),E=f.title?"color: "+f.title(S)+";":"",A=["color: gray; font-weight: lighter;"];A.push(E),t.timestamp&&A.push("color: gray; font-weight: lighter;"),t.duration&&A.push("color: gray; font-weight: lighter;");var O=i(S,j,v);try{k?f.title&&c?r.groupCollapsed.apply(r,["%c "+O].concat(A)):r.groupCollapsed(O):f.title&&c?r.group.apply(r,["%c "+O].concat(A)):r.group(O);}catch(e){r.log(O);}var N=m(u,S,[h],"prevState"),P=m(u,S,[S],"action"),C=m(u,S,[y,h],"error"),F=m(u,S,[w],"nextState");if(N)if(f.prevState){var L="color: "+f.prevState(h)+"; font-weight: bold";r[N]("%c prev state",L,h);}else r[N]("prev state",h);if(P)if(f.action){var T="color: "+f.action(S)+"; font-weight: bold";r[P]("%c action    ",T,S);}else r[P]("action    ",S);if(y&&C)if(f.error){var M="color: "+f.error(y,h)+"; font-weight: bold;";r[C]("%c error     ",M,y);}else r[C]("error     ",y);if(F)if(f.nextState){var _="color: "+f.nextState(w)+"; font-weight: bold";r[F]("%c next state",_,w);}else r[F]("next state",w);l&&b(h,w,r,k);try{r.groupEnd();}catch(e){r.log("—— log end ——");}});}function S(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=Object.assign({},L,e),r=t.logger,n=t.stateTransformer,o=t.errorTransformer,i=t.predicate,a=t.logErrors,f=t.diffPredicate;if("undefined"==typeof r)return function(){return function(e){return function(t){return e(t)}}};if(e.getState&&e.dispatch)return console.error("[redux-logger] redux-logger not installed. Make sure to pass logger instance as middleware:\n// Logger with default options\nimport { logger } from 'redux-logger'\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n// Or you can create your own logger with custom options http://bit.ly/redux-logger-options\nimport createLogger from 'redux-logger'\nconst logger = createLogger({\n  // ...options\n});\nconst store = createStore(\n  reducer,\n  applyMiddleware(logger)\n)\n"),function(){return function(e){return function(t){return e(t)}}};var u=[];return function(e){var r=e.getState;return function(e){return function(l){if("function"==typeof i&&!i(r,l))return e(l);var c={};u.push(c),c.started=O.now(),c.startedTime=new Date,c.prevState=n(r()),c.action=l;var s=void 0;if(a)try{s=e(l);}catch(e){c.error=o(e);}else s=e(l);c.took=O.now()-c.started,c.nextState=n(r());var d=t.diff&&"function"==typeof f?f(r,l):t.diff;if(x(u,Object.assign({},t,{diff:d})),u.length=0,c.error)throw c.error;return s}}}}var k,j,E=function(e,t){return new Array(t+1).join(e)},A=function(e,t){return E("0",t-e.toString().length)+e},D=function(e){return A(e.getHours(),2)+":"+A(e.getMinutes(),2)+":"+A(e.getSeconds(),2)+"."+A(e.getMilliseconds(),3)},O="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance:Date,N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},P=function(e){if(Array.isArray(e)){for(var t=0,r=Array(e.length);t<e.length;t++)r[t]=e[t];return r}return Array.from(e)},C=[];k="object"===("undefined"==typeof commonjsGlobal?"undefined":N(commonjsGlobal))&&commonjsGlobal?commonjsGlobal:"undefined"!=typeof window?window:{},j=k.DeepDiff,j&&C.push(function(){"undefined"!=typeof j&&k.DeepDiff===c&&(k.DeepDiff=j,j=void 0);}),t(n,r),t(o,r),t(i,r),t(a,r),Object.defineProperties(c,{diff:{value:c,enumerable:!0},observableDiff:{value:l,enumerable:!0},applyDiff:{value:h,enumerable:!0},applyChange:{value:d,enumerable:!0},revertChange:{value:g,enumerable:!0},isConflict:{value:function(){return "undefined"!=typeof j},enumerable:!0},noConflict:{value:function(){return C&&(C.forEach(function(e){e();}),C=null),c},enumerable:!0}});var F={E:{color:"#2196F3",text:"CHANGED:"},N:{color:"#4CAF50",text:"ADDED:"},D:{color:"#F44336",text:"DELETED:"},A:{color:"#2196F3",text:"ARRAY:"}},L={level:"log",logger:console,logErrors:!0,collapsed:void 0,predicate:void 0,duration:!1,timestamp:!0,stateTransformer:function(e){return e},actionTransformer:function(e){return e},errorTransformer:function(e){return e},colors:{title:function(){return "inherit"},prevState:function(){return "#9E9E9E"},action:function(){return "#03A9F4"},nextState:function(){return "#4CAF50"},error:function(){return "#F20404"}},diff:!1,diffPredicate:void 0,transformer:void 0},T=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.dispatch,r=e.getState;return "function"==typeof t||"function"==typeof r?S()({dispatch:t,getState:r}):void console.error("\n[redux-logger v3] BREAKING CHANGE\n[redux-logger v3] Since 3.0.0 redux-logger exports by default logger with default settings.\n[redux-logger v3] Change\n[redux-logger v3] import createLogger from 'redux-logger'\n[redux-logger v3] to\n[redux-logger v3] import { createLogger } from 'redux-logger'\n")};e.defaults=L,e.createLogger=S,e.logger=T,e.default=T,Object.defineProperty(e,"__esModule",{value:!0});});
+});
+
+var logger = unwrapExports(reduxLogger);
+
+// src/utils/formatProdErrorMessage.ts
+function formatProdErrorMessage(code) {
+  return `Minified Redux error #${code}; visit https://redux.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;
+}
+
+// src/utils/actionTypes.ts
+var randomString = () => Math.random().toString(36).substring(7).split("").join(".");
+var ActionTypes = {
+  INIT: `@@redux/INIT${/* @__PURE__ */ randomString()}`,
+  REPLACE: `@@redux/REPLACE${/* @__PURE__ */ randomString()}`,
+  PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${randomString()}`
 };
+var actionTypes_default = ActionTypes;
+
+// src/utils/isPlainObject.ts
+function isPlainObject(obj) {
+  if (typeof obj !== "object" || obj === null)
+    return false;
+  let proto = obj;
+  while (Object.getPrototypeOf(proto) !== null) {
+    proto = Object.getPrototypeOf(proto);
+  }
+  return Object.getPrototypeOf(obj) === proto || Object.getPrototypeOf(obj) === null;
+}
+
+// src/utils/kindOf.ts
+function miniKindOf(val) {
+  if (val === void 0)
+    return "undefined";
+  if (val === null)
+    return "null";
+  const type = typeof val;
+  switch (type) {
+    case "boolean":
+    case "string":
+    case "number":
+    case "symbol":
+    case "function": {
+      return type;
+    }
+  }
+  if (Array.isArray(val))
+    return "array";
+  if (isDate(val))
+    return "date";
+  if (isError(val))
+    return "error";
+  const constructorName = ctorName(val);
+  switch (constructorName) {
+    case "Symbol":
+    case "Promise":
+    case "WeakMap":
+    case "WeakSet":
+    case "Map":
+    case "Set":
+      return constructorName;
+  }
+  return Object.prototype.toString.call(val).slice(8, -1).toLowerCase().replace(/\s/g, "");
+}
+function ctorName(val) {
+  return typeof val.constructor === "function" ? val.constructor.name : null;
+}
+function isError(val) {
+  return val instanceof Error || typeof val.message === "string" && val.constructor && typeof val.constructor.stackTraceLimit === "number";
+}
+function isDate(val) {
+  if (val instanceof Date)
+    return true;
+  return typeof val.toDateString === "function" && typeof val.getDate === "function" && typeof val.setDate === "function";
+}
+function kindOf(val) {
+  let typeOfVal = typeof val;
+  if (process.env.NODE_ENV !== "production") {
+    typeOfVal = miniKindOf(val);
+  }
+  return typeOfVal;
+}
+
+// src/utils/warning.ts
+function warning(message) {
+  if (typeof console !== "undefined" && typeof console.error === "function") {
+    console.error(message);
+  }
+  try {
+    throw new Error(message);
+  } catch (e) {
+  }
+}
+
+// src/combineReducers.ts
+function getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {
+  const reducerKeys = Object.keys(reducers);
+  const argumentName = action && action.type === actionTypes_default.INIT ? "preloadedState argument passed to createStore" : "previous state received by the reducer";
+  if (reducerKeys.length === 0) {
+    return "Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.";
+  }
+  if (!isPlainObject(inputState)) {
+    return `The ${argumentName} has unexpected type of "${kindOf(inputState)}". Expected argument to be an object with the following keys: "${reducerKeys.join('", "')}"`;
+  }
+  const unexpectedKeys = Object.keys(inputState).filter((key) => !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key]);
+  unexpectedKeys.forEach((key) => {
+    unexpectedKeyCache[key] = true;
+  });
+  if (action && action.type === actionTypes_default.REPLACE)
+    return;
+  if (unexpectedKeys.length > 0) {
+    return `Unexpected ${unexpectedKeys.length > 1 ? "keys" : "key"} "${unexpectedKeys.join('", "')}" found in ${argumentName}. Expected to find one of the known reducer keys instead: "${reducerKeys.join('", "')}". Unexpected keys will be ignored.`;
+  }
+}
+function assertReducerShape(reducers) {
+  Object.keys(reducers).forEach((key) => {
+    const reducer = reducers[key];
+    const initialState = reducer(void 0, {
+      type: actionTypes_default.INIT
+    });
+    if (typeof initialState === "undefined") {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(12) : `The slice reducer for key "${key}" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);
+    }
+    if (typeof reducer(void 0, {
+      type: actionTypes_default.PROBE_UNKNOWN_ACTION()
+    }) === "undefined") {
+      throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(13) : `The slice reducer for key "${key}" returned undefined when probed with a random type. Don't try to handle '${actionTypes_default.INIT}' or other actions in "redux/*" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);
+    }
+  });
+}
+function combineReducers(reducers) {
+  const reducerKeys = Object.keys(reducers);
+  const finalReducers = {};
+  for (let i = 0; i < reducerKeys.length; i++) {
+    const key = reducerKeys[i];
+    if (process.env.NODE_ENV !== "production") {
+      if (typeof reducers[key] === "undefined") {
+        warning(`No reducer provided for key "${key}"`);
+      }
+    }
+    if (typeof reducers[key] === "function") {
+      finalReducers[key] = reducers[key];
+    }
+  }
+  const finalReducerKeys = Object.keys(finalReducers);
+  let unexpectedKeyCache;
+  if (process.env.NODE_ENV !== "production") {
+    unexpectedKeyCache = {};
+  }
+  let shapeAssertionError;
+  try {
+    assertReducerShape(finalReducers);
+  } catch (e) {
+    shapeAssertionError = e;
+  }
+  return function combination(state = {}, action) {
+    if (shapeAssertionError) {
+      throw shapeAssertionError;
+    }
+    if (process.env.NODE_ENV !== "production") {
+      const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);
+      if (warningMessage) {
+        warning(warningMessage);
+      }
+    }
+    let hasChanged = false;
+    const nextState = {};
+    for (let i = 0; i < finalReducerKeys.length; i++) {
+      const key = finalReducerKeys[i];
+      const reducer = finalReducers[key];
+      const previousStateForKey = state[key];
+      const nextStateForKey = reducer(previousStateForKey, action);
+      if (typeof nextStateForKey === "undefined") {
+        const actionType = action && action.type;
+        throw new Error(process.env.NODE_ENV === "production" ? formatProdErrorMessage(14) : `When called with an action of type ${actionType ? `"${String(actionType)}"` : "(unknown type)"}, the slice reducer for key "${key}" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.`);
+      }
+      nextState[key] = nextStateForKey;
+      hasChanged = hasChanged || nextStateForKey !== previousStateForKey;
+    }
+    hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;
+    return hasChanged ? nextState : state;
+  };
+}
+
+var initialState = {
+  isLoading: false,
+  alert: {
+    type: "",
+    message: ""
+  },
+  user: null
+};
+var commonReducer = toolkit.createReducer(initialState, function (builder) {
+  builder.addCase(setLoading, function (state, action) {
+    state.isLoading = action.payload;
+  }).addCase(setAlert, function (state, action) {
+    state.alert = action.payload;
+  }).addCase(setUser, function (state, action) {
+    state.user = action.payload;
+  }).addCase(setLanguage, function (state, action) {
+    state.language = action.payload;
+  });
+});
+
+var rootReducer = combineReducers({
+  common: commonReducer
+});
+
+var store = toolkit.configureStore({
+  reducer: rootReducer,
+  middleware: function middleware(getDefaultMiddleware) {
+    return getDefaultMiddleware({
+      serializableCheck: false
+    }).concat(logger);
+  }
+});
+
+var TITLE = "Not found";
+var NotFound = function NotFound() {
+  React.useEffect(function () {
+    document.title = TITLE;
+  });
+  return React__default.createElement("div", {
+    className: "not-found"
+  }, React__default.createElement("div", {
+    className: "clearfix"
+  }, React__default.createElement("h1", {
+    className: "float-left display-3 mr-4"
+  }, "404"), React__default.createElement("div", {
+    className: "float-left"
+  }, React__default.createElement("h4", {
+    className: "pt-3"
+  }, "Oops! You are lost."), React__default.createElement("p", {
+    className: "text-muted mb-2"
+  }, "The page you are looking for was not found."), React__default.createElement("div", null))));
+};
+
+var loadingStyle = {
+  minWidth: "100vw",
+  minHeight: "100vh",
+  position: "fixed",
+  top: 0,
+  left: 0,
+  zIndex: 999999999,
+  backgroundColor: "rgba(0, 0, 0, 0.4)",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
+};
+var Loading = function Loading() {
+  var isLoading = reactRedux.useSelector(function (state) {
+    return state.common.isLoading;
+  });
+  localStorage.setItem("LAST_TIME_REQUETST", moment().utc().format("YYYY-MM-DD HH:mm:ss"));
+  return isLoading ? React__default.createElement("div", {
+    style: loadingStyle
+  }, React__default.createElement("div", {
+    className: "spinner-border text-secondary",
+    role: "status"
+  }, React__default.createElement("span", {
+    className: "sr-only"
+  }))) : null;
+};
+
+var encodeParams$1 = (function (params) {
+  return Object.keys(params).filter(function (key) {
+    return params[key] || params[key] === 0 || params[key] === false;
+  }).map(function (key) {
+    if (Array.isArray(params[key])) {
+      return params[key].map(function (i) {
+        return encodeURIComponent(key) + "=" + encodeURIComponent(i);
+      }).join('&');
+    }
+    return encodeURIComponent(key) + "=" + encodeURIComponent(params[key]);
+  }).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,
+  headers: {
+    "Content-Type": "application/json"
+  },
+  paramsSerializer: function paramsSerializer(params) {
+    return encodeParams$1(params);
+  }
+});
+var apiUpload$1 = axios.create({
+  baseURL: BASE_URL,
+  timeout: 60000,
+  headers: {
+    "Content-Type": "multipart/form-data"
+  }
+});
+[api$1, apiUpload$1].forEach(function (i) {
+  return i.interceptors.request.use(function (config) {
+    var token = getAccessToken$1();
+    if (token) {
+      config.headers.Authorization = "Bearer " + token;
+    }
+    return config;
+  }, function (error) {
+    return Promise.reject(error);
+  });
+});
+[api$1, apiUpload$1].forEach(function (i) {
+  return i.interceptors.response.use(function (response) {
+    return response;
+  }, function (error) {
+    if (error.response.status === 401) {
+      window.location.href = "/login";
+    }
+    if (error.response.status == 403) {
+      localStorage.removeItem(ACCESS_TOKEN);
+      localStorage.removeItem("USER_EMAIL");
+      window.location.href = "/login";
+    }
+    return Promise.reject(error);
+  });
+});
+
+var AUTH_URL = BASE_URL + "/api/auth";
+var getInfo = function getInfo() {
+  return api$1.get(AUTH_URL + "/info");
+};
+
+var LayoutContext = function LayoutContext(_ref) {
+  var children = _ref.children,
+    onNavigate = _ref.onNavigate;
+  var _useGoogleSignOut = useGoogleSignOut({}),
+    signOut = _useGoogleSignOut.signOut;
+  var dispatch = reactRedux.useDispatch();
+  var resetAuth = function resetAuth() {
+    localStorage.removeItem(ACCESS_TOKEN);
+    signOut();
+    onNavigate("/login");
+  };
+  var loadInfo = function loadInfo() {
+    try {
+      var _temp2 = function _temp2() {
+        dispatch(setLoading(false));
+      };
+      var token = getAccessToken();
+      if (!token) {
+        resetAuth();
+        return Promise.resolve();
+      }
+      dispatch(setLoading(true));
+      var _temp = _catch(function () {
+        return Promise.resolve(getInfo()).then(function (info) {
+          if (!info) {
+            resetAuth();
+          }
+          dispatch(setUser(info.data));
+        });
+      }, function () {
+        resetAuth();
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    loadInfo();
+  }, []);
+  return React__default.createElement(React.Fragment, null, children);
+};
+
+var ConfirmDialog = function ConfirmDialog(_ref) {
+  var open = _ref.open,
+    text = _ref.text,
+    _ref$cancelText = _ref.cancelText,
+    cancelText = _ref$cancelText === void 0 ? "No" : _ref$cancelText,
+    _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__default.createElement(reactstrap.Modal, {
+    isOpen: open,
+    toggle: toggle,
+    centered: true
+  }, React__default.createElement(reactstrap.ModalHeader, {
+    toggle: toggle
+  }, title), React__default.createElement(reactstrap.ModalBody, null, text), React__default.createElement(reactstrap.ModalFooter, null, React__default.createElement(reactstrap.Button, {
+    color: "secondary",
+    onClick: toggle
+  }, cancelText), React__default.createElement(reactstrap.Button, {
+    color: isDelete ? "danger" : "primary",
+    onClick: onConfirm
+  }, okText)));
+};
+
+var CommonDialog = function CommonDialog(_ref) {
+  var open = _ref.open,
+    children = _ref.children,
+    centered = _ref.centered,
+    title = _ref.title,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "xs" : _ref$size,
+    onClose = _ref.onClose,
+    backdrop = _ref.backdrop;
+  return React__default.createElement(reactstrap.Modal, {
+    backdrop: backdrop,
+    isOpen: open,
+    toggle: onClose,
+    centered: centered,
+    size: size
+  }, React__default.createElement(reactstrap.ModalHeader, {
+    toggle: onClose
+  }, title), children);
+};
+
+var CommonAlert = function CommonAlert() {
+  var _alert$message2;
+  var dispatch = reactRedux.useDispatch();
+  var alert = reactRedux.useSelector(function (state) {
+    return state.common.alert;
+  });
+  var timeout = React.useRef();
+  var onDismiss = function onDismiss() {
+    dispatch(setAlert({
+      message: ""
+    }));
+    timeout && timeout.current && clearTimeout(timeout.current);
+  };
+  React.useEffect(function () {
+    var _alert$message;
+    if (!!((_alert$message = alert.message) !== null && _alert$message !== void 0 && _alert$message.length)) {
+      timeout && timeout.current && clearTimeout(timeout.current);
+      timeout.current = setTimeout(function () {
+        dispatch(setAlert({
+          message: ""
+        }));
+      }, 3000);
+    }
+  }, [alert]);
+  return ((_alert$message2 = alert.message) === null || _alert$message2 === void 0 ? void 0 : _alert$message2.length) > 0 ? React__default.createElement("div", {
+    className: "app-alert"
+  }, React__default.createElement(reactstrap.Alert, {
+    color: alert.type,
+    isOpen: alert.message.length > 0,
+    toggle: onDismiss
+  }, alert.message)) : null;
+};
+
+var formatTime = (function (time, ORIGINAL_FORMAT, FORMAT) {
+  if (time === DATE_MIN_VALUE) return "";
+  try {
+    return moment(time, ORIGINAL_FORMAT).format(FORMAT || "yyyy-MM-DD");
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var diffFromNow = (function (time, unitOfTime, targetTime) {
+  if (time === DATE_MIN_VALUE || targetTime === DATE_MIN_VALUE) return 0;
+  try {
+    var now = !!targetTime ? moment() : moment.utc(targetTime).local();
+    return now.diff(moment.utc(time).local(), unitOfTime);
+  } catch (_unused) {
+    return "";
+  }
+});
+
+var CustomPagination = function CustomPagination(_ref) {
+  var currentPage = _ref.currentPage,
+    totalPage = _ref.totalPage,
+    onChangePage = _ref.onChangePage;
+  return React__default.createElement(reactstrap.Pagination, {
+    className: "w-fit"
+  }, React__default.createElement(reactstrap.PaginationItem, {
+    disabled: currentPage <= 1
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(currentPage - 1);
+    },
+    previous: true,
+    href: "#"
+  })), React__default.createElement(reactstrap.PaginationItem, {
+    active: 1 === currentPage,
+    key: 1
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(1);
+    },
+    href: "#"
+  }, 1)), totalPage > 2 && React__default.createElement(reactstrap.PaginationItem, {
+    active: 2 === currentPage,
+    key: 1
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(2);
+    },
+    href: "#"
+  }, 2)), currentPage > 4 && currentPage !== totalPage && totalPage !== 5 && React__default.createElement(reactstrap.PaginationItem, {
+    disabled: true,
+    key: "first"
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    href: "#"
+  }, "...")), (currentPage === 1 || currentPage === totalPage) && totalPage === 5 && React__default.createElement(reactstrap.PaginationItem, {
+    key: 3
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(3);
+    },
+    href: "#"
+  }, "3")), [currentPage - 1, currentPage, currentPage + 1].filter(function (page) {
+    return page > 2 && page < totalPage - 1;
+  }).map(function (page) {
+    return React__default.createElement(reactstrap.PaginationItem, {
+      active: page === currentPage,
+      key: page
+    }, React__default.createElement(reactstrap.PaginationLink, {
+      onClick: function onClick(e) {
+        e.preventDefault();
+        onChangePage(page);
+      },
+      href: "#"
+    }, page));
+  }), totalPage - currentPage > 4 && React__default.createElement(reactstrap.PaginationItem, {
+    disabled: true,
+    key: "last"
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    href: "#"
+  }, "...")), totalPage > 3 && React__default.createElement(reactstrap.PaginationItem, {
+    active: totalPage - 1 === currentPage,
+    key: totalPage - 1
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(totalPage - 1);
+    },
+    href: "#"
+  }, totalPage - 1)), totalPage > 1 && React__default.createElement(reactstrap.PaginationItem, {
+    active: totalPage === currentPage,
+    key: totalPage
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(totalPage);
+    },
+    href: "#"
+  }, totalPage)), React__default.createElement(reactstrap.PaginationItem, {
+    disabled: currentPage >= totalPage
+  }, React__default.createElement(reactstrap.PaginationLink, {
+    onClick: function onClick(e) {
+      e.preventDefault();
+      onChangePage(currentPage + 1);
+    },
+    next: true,
+    href: "#"
+  })));
+};
+
+(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";
+})(exports.ExamEvent || (exports.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(reactI18next.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 = reactRedux.useDispatch();
+  var _useTranslation = reactI18next.useTranslation(),
+    i18n = _useTranslation.i18n;
+  var _useState = React.useState(false),
+    dropdownOpen = _useState[0],
+    setDropdownOpen = _useState[1];
+  var _useState2 = React.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 = React.useMemo(function () {
+    var currentLang = LANGUAGES.find(function (i) {
+      return i.code === language;
+    });
+    if (!currentLang) return null;
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("img", {
+      className: "mr-2 " + styles['dropdown-menu-flag'],
+      src: currentLang.image
+    }), " ", currentLang.shortName);
+  }, [language]);
+  React.useEffect(function () {
+    changeLanguageApp(language);
+  }, [language]);
+  return React__default.createElement(reactstrap.Dropdown, {
+    isOpen: dropdownOpen,
+    toggle: toggle,
+    className: "" + styles["dropdown-menu"]
+  }, React__default.createElement(reactstrap.DropdownToggle, {
+    className: styles["header-avatar"] + " d-flex align-items-center"
+  }, React__default.createElement("span", {
+    style: {
+      color: "#000",
+      textTransform: "capitalize",
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, currentLanguage, React__default.createElement(io5.IoChevronDown, {
+    className: "ml-2",
+    style: {
+      fontSize: '15px',
+      marginLeft: "5px",
+      marginTop: "2px"
+    }
+  }))), React__default.createElement(reactstrap.DropdownMenu, {
+    className: styles["dropdown-content-language"]
+  }, LANGUAGES.map(function (lang, index) {
+    return React__default.createElement(reactstrap.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__default.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__default.createElement("span", {
+      className: "mr-2 d-flex hover-opacity"
+    }, React__default.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 = history.createBrowserHistory();
 
+Object.defineProperty(exports, 'I18nextProvider', {
+  enumerable: true,
+  get: function () {
+    return reactI18next.I18nextProvider;
+  }
+});
+Object.defineProperty(exports, 'useTranslation', {
+  enumerable: true,
+  get: function () {
+    return reactI18next.useTranslation;
+  }
+});
 exports.ACCESS_TOKEN = ACCESS_TOKEN;
 exports.BASE_URL = BASE_URL;
+exports.CommonAlert = CommonAlert;
+exports.CommonDialog = CommonDialog;
+exports.ConfirmDialog = ConfirmDialog;
+exports.CustomPagination = CustomPagination;
+exports.DATE_MIN_VALUE = DATE_MIN_VALUE;
+exports.EXAM_CHANNEL = EXAM_CHANNEL;
+exports.LayoutContext = LayoutContext;
+exports.Loading = Loading;
 exports.Login = Login;
+exports.NotFound = NotFound;
+exports.PUSHER_CONFIG = PUSHER_CONFIG;
+exports.TheLanguageDropdown = TheLanguageDropdown;
+exports.api = api$1;
+exports.diffFromNow = diffFromNow;
+exports.formatTime = formatTime;
+exports.historyCore = historyCore;
+exports.i18n = i18n;
+exports.minutesToTimeSpan = minutesToTimeSpan;
+exports.setAlert = setAlert;
+exports.setLanguage = setLanguage;
 exports.setLoading = setLoading;
+exports.setUser = setUser;
+exports.store = store;
+exports.toISOString = toISOString;
+exports.useGoogleSignOut = useGoogleSignOut;
+exports.utcToLocalTime = utcToLocalTime;
 //# sourceMappingURL=index.js.map