touchstudy-core 0.1.5 → 0.1.7

package/dist/index.modern.js

@@ -1,9 +1,8 @@
 import { createBrowserHistory } from 'history';
 import { createAction, createReducer, configureStore } from '@reduxjs/toolkit';
 import moment from 'moment';
-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, Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import React, { useState, useCallback, useEffect, Fragment, useRef, useMemo } from 'react';
+import { Row, Col, Form, 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, { useGoogleLogout } from '@leecheuk/react-google-login';
@@ -14,6 +13,7 @@ import i18n from 'i18next';
 import { initReactI18next, useTranslation } from 'react-i18next';
 export { I18nextProvider, useTranslation } from 'react-i18next';
 import { IoChevronDown } from 'react-icons/io5';
+import Select from 'react-select';
 
 var setLoading = createAction("common/setLoading");
 var setAlert = createAction("common/setAlert");
@@ -24,17 +24,17 @@ var reset = createAction("common/reset");
 var isLocalHost = Boolean(window.location.hostname === "localhost" || window.location.hostname === "[::1]" || window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));
 
 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 = function () {
-  return isLocalHost ? "https://localhost:7045" : "api.studypeak.io";
+  return isLocalHost ? "https://localhost:7045" : "https://api.studypeak.io";
 }();
 var PUSHER_CONFIG = {
   cluster: "ap1",
   key: "9018c77328885a14150b"
 };
-var EXAM_CHANNEL = "EXAM-CHANNEL";
+var EXAM_CHANNEL = "presence-exam-channel";
+var EXAM_STUDENT_CHANNEL = "EXAM-CHANNEL-{examCode}-STUDENT-{studentId}";
 var getAccessToken = function getAccessToken() {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -191,88 +191,64 @@ var BlockLogin = function BlockLogin(_ref) {
     onNavigate = _ref.onNavigate,
     isTeacher = _ref.isTeacher;
   var dispatch = useDispatch();
-  var _useGoogleReCaptcha = useGoogleReCaptcha(),
-    executeRecaptcha = _useGoogleReCaptcha.executeRecaptcha;
-  var _useGoogleSignOut = useGoogleSignOut({}),
+  var _useGoogleSignOut = useGoogleSignOut({
+      onNavigate: onNavigate
+    }),
     handleSignOut = _useGoogleSignOut.handleSignOut;
-  var clickHandler = useCallback(function () {
-    try {
-      var _exit = false;
-      if (!executeRecaptcha) {
-        return Promise.resolve();
-      }
-      return Promise.resolve(_catch(function () {
-        return Promise.resolve(executeRecaptcha("login")).then(function (result) {
-          _exit = true;
-          return result;
-        });
-      }, function (error) {
-        console.log({
-          error: error
-        });
-      }));
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  }, [executeRecaptcha]);
-  var handleVerify = useCallback(function () {}, []);
   var onSuccessGoogle = function onSuccessGoogle(res) {
     try {
-      return Promise.resolve(function () {
+      var _temp3 = function () {
         if (!!(res !== null && res !== void 0 && res.accessToken)) {
+          var _temp2 = function _temp2() {
+            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;
-          return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-            function _temp2() {
-              dispatch(setLoading(false));
-            }
-            if (!clickHandlerRes) return;
-            var infoLogin = {
-              imageUrl: imageUrl,
-              fullName: name,
-              email: email,
-              token: accessToken,
-              googleId: googleId,
-              captcha: clickHandlerRes
-            };
-            var role = isTeacher ? "Teacher" : "Student";
-            dispatch(setLoading(true));
-            var _temp = _catch(function () {
-              return Promise.resolve(apiLoginGoogle(infoLogin, role)).then(function (res1) {
-                var isFirstLogin = res1.data.isFirstLogin;
-                var tokenJWT = res1.data.token;
-                localStorage.setItem("USER_INFORMATION", JSON.stringify(infoLogin));
-                localStorage.setItem(ACCESS_TOKEN, tokenJWT);
-                if (!isTeacher && isFirstLogin) {
-                  onNavigate("/register/info");
-                } else {
-                  onNavigate("/");
-                }
-              });
-            }, function (error) {
-              var _error$response, _error$response$data;
-              var message = undefined;
-              var type = error === null || error === void 0 ? void 0 : (_error$response = error.response) === null || _error$response === void 0 ? void 0 : (_error$response$data = _error$response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.type;
-              if (type === AuthenticationMessage.NotAllowedToRegister) {
-                alert("가입 권한이 없는 계정입니다. 관리자에게 문의하세요.");
-              } else if (type) {
-                var _error$response2, _error$response2$data;
-                message = (error === null || error === void 0 ? void 0 : (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.message) || ERROR_MESSAGE;
+          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 && isFirstLogin) {
+                onNavigate("/register/info");
               } 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;
+                onNavigate("/");
               }
-              message && alert(message);
-              handleSignOut();
             });
-            return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+          }, 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;
+            }
+            message && alert(message);
+            handleSignOut();
           });
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
         }
-      }());
+      }();
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -284,16 +260,7 @@ var BlockLogin = function BlockLogin(_ref) {
   return React.createElement(Formik, {
     initialValues: defaultInfo,
     validationSchema: schema,
-    onSubmit: function (values) {
-      try {
-        return Promise.resolve(clickHandler()).then(function (clickHandlerRes) {
-          if (!clickHandlerRes) return;
-          values.captcha = clickHandlerRes;
-        });
-      } catch (e) {
-        return Promise.reject(e);
-      }
-    }
+    onSubmit: function onSubmit() {}
   }, function (formikProps) {
     var handleSubmit = formikProps.handleSubmit;
     return React.createElement(Row, {
@@ -308,10 +275,7 @@ var BlockLogin = function BlockLogin(_ref) {
     }, React.createElement("img", {
       src: "/images/logo.jpeg",
       className: "" + styles["img-login-rectangle"]
-    }), React.createElement(FormGroup, null, React.createElement(GoogleReCaptcha, {
-      action: "login",
-      onVerify: handleVerify
-    })), React.createElement(Col, {
+    }), React.createElement(Col, {
       className: "p-0 mt-1 mb-4"
     }, React.createElement(GoogleLogin, {
       clientId: GOOGLE_CLIENT_ID,
@@ -390,19 +354,11 @@ var Login = function Login(_ref) {
     md: 12,
     xs: 12,
     className: "d-flex justify-content-center h-100 align-items-center"
-  }, React.createElement(GoogleReCaptchaProvider, {
-    useRecaptchaNet: true,
-    reCaptchaKey: GOOGLE_RECAPTCHA_ID,
-    scriptProps: {
-      async: true,
-      defer: true,
-      appendTo: "body"
-    }
   }, React.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 : {};
@@ -747,8 +703,11 @@ var getInfo = function getInfo() {
 
 var LayoutContext = function LayoutContext(_ref) {
   var children = _ref.children,
-    role = _ref.role;
-  var _useGoogleSignOut = useGoogleSignOut({}),
+    role = _ref.role,
+    onNavigate = _ref.onNavigate;
+  var _useGoogleSignOut = useGoogleSignOut({
+      onNavigate: onNavigate
+    }),
     handleSignOut = _useGoogleSignOut.handleSignOut;
   var dispatch = useDispatch();
   var user = useSelector(function (state) {
@@ -1003,10 +962,8 @@ 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["TeacherKickOutStudent"] = "teacher-kick-out-student";
 })(ExamEvent || (ExamEvent = {}));
 
 var problem_solving = "문제풀기";
@@ -1065,6 +1022,7 @@ var internet_connection_was_lost = "인터넷 연결이 끊어졌습니다";
 var problem = "문제";
 var problem_solving_time = "문제풀이 시간";
 var minutes = "분";
+var correct_rate = "정확한 비율";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1121,7 +1079,8 @@ var lang_ko = {
 	internet_connection_was_lost: internet_connection_was_lost,
 	problem: problem,
 	problem_solving_time: problem_solving_time,
-	minutes: minutes
+	minutes: minutes,
+	correct_rate: correct_rate
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -1180,6 +1139,7 @@ var internet_connection_was_lost$1 = "Internet connection was lost";
 var problem$1 = "Problem ";
 var problem_solving_time$1 = "Problem solving time";
 var minutes$1 = "m";
+var correct_rate$1 = "Correct rate";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -1236,7 +1196,8 @@ var lang_en = {
 	internet_connection_was_lost: internet_connection_was_lost$1,
 	problem: problem$1,
 	problem_solving_time: problem_solving_time$1,
-	minutes: minutes$1
+	minutes: minutes$1,
+	correct_rate: correct_rate$1
 };
 
 i18n.use(initReactI18next).init({
@@ -1381,7 +1342,44 @@ var canAccess = function canAccess(userRoles, componentRoles) {
   return true;
 };
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+var _excluded = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
+var CustomSelect = function CustomSelect(_ref) {
+  var options = _ref.options,
+    isDisabled = _ref.isDisabled,
+    scrollBottom = _ref.scrollBottom,
+    value = _ref.value,
+    isMulti = _ref.isMulti,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  var initialValues = Array.isArray(value) ? options.filter(function (i) {
+    return value.includes(i.value);
+  }) : isMulti ? options.filter(function (i) {
+    return i.value == value;
+  }) : options.find(function (i) {
+    return i.value == value;
+  });
+  return React.createElement(Select, Object.assign({
+    isDisabled: isDisabled,
+    options: options,
+    value: initialValues,
+    menuPlacement: scrollBottom ? "top" : "auto",
+    isMulti: isMulti
+  }, rest));
+};
+
 var historyCore = createBrowserHistory();
 
-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, canAccess as canAccessRoute, diffFromNow, formatTime, historyCore, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setUser, store, toISOString, useGoogleSignOut, utcToLocalTime };
+export { ACCESS_TOKEN, BASE_URL, CommonAlert, CommonDialog, ConfirmDialog, CustomPagination, CustomSelect, DATE_MIN_VALUE, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, ExamEvent, LayoutContext, Loading, Login, NotFound, PUSHER_CONFIG, TheLanguageDropdown, api$1 as api, canAccess as canAccessRoute, diffFromNow, formatTime, getAccessToken$1 as getAccessToken, historyCore, i18n, minutesToTimeSpan, setAlert, setLanguage, setLoading, setUser, store, toISOString, useGoogleSignOut, utcToLocalTime };
 //# sourceMappingURL=index.modern.js.map