touchstudy-core 0.1.1 → 0.1.3

package/dist/index.modern.js

@@ -1,14 +1,18 @@
 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';
+import i18n from 'i18next';
+import { initReactI18next, useTranslation } from 'react-i18next';
+export { I18nextProvider, useTranslation } from 'react-i18next';
+import { IoChevronDown } from 'react-icons/io5';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -604,12 +608,18 @@ function createBrowserHistory(props) {
 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 = "http://api.touchstudy.kr";
+var PUSHER_CONFIG = {
+  cluster: "ap1",
+  key: "9018c77328885a14150b"
+};
+var EXAM_CHANNEL = "EXAM-CHANNEL";
 var getAccessToken = function getAccessToken() {
   try {
     return localStorage.getItem(ACCESS_TOKEN);
@@ -658,7 +668,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 +703,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 +719,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 +758,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 +775,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 +792,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 +814,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 +885,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
     }))))));
   });
 };
@@ -1132,6 +1170,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 +1308,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 +1356,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 +1366,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 +1382,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 +1437,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 +1541,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