touchstudy-core 0.1.11 → 0.1.13

package/dist/configs/constants.d.ts

@@ -5,7 +5,7 @@ export declare type Language = {
     shortName: string;
     nativeName: string;
     image: string;
+    momentLangCode: string;
 };
-export declare const DEFAULT_LANGUAGE_CODE = "ko";
+export declare const DEFAULT_LANGUAGE_INDEX = 0;
 export declare const LANGUAGES: Language[];
-export declare const SUPPORTED_LANGUAGES_CODE: string[];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 declare const historyCore: import("history").History<unknown>;
 import { setLoading, setAlert, setUser, setLanguage } from "./redux/commons/action";
-import { BASE_URL, ACCESS_TOKEN, PUSHER_CONFIG, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, DATE_MIN_VALUE } from "./utils/constants";
+import { BASE_URL, ACCESS_TOKEN, PUSHER_CONFIG, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE } from "./utils/constants";
 import utcToLocalTime from "./utils/utcToLocalTime";
 import Login from "./containers/Login/views/Login";
 import store from "./store";
@@ -42,4 +42,4 @@ import CustomAsyncSelect from "./components/Selects/CustomAsyncSelect";
 import ExamDetailView from "./containers/Exams/views/ExamDetailView";
 import { ExamDetailViewProps } from "./containers/Exams/configs/interfaces";
 import { Exam, Question, ArticleGroup } from "./containers/Exams/configs/types";
-export { diffFromNow, formatTime, utcToLocalTime, setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, ConfirmDialog, CommonDialog, CommonAlert, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, CustomAsyncSelect, getAccessToken, ChatContainer, IChatContainerProps, IChatItemProps, IChatHeaderProps, IInputChatProps, ChatItemType, useChatContainer, useConversationList, ConversationResponse, ExamResponse, usePusherConversation, ToastContainer, toast, Role, useLanguage, LANGUAGES, CustomCreatable, moment, ExamDetailView, ExamDetailViewProps, Exam, Question, ArticleGroup };
+export { diffFromNow, formatTime, utcToLocalTime, setLoading, BASE_URL, ACCESS_TOKEN, Login, store, historyCore, setAlert, setUser, Loading, NotFound, LayoutContext, api, ConfirmDialog, CommonDialog, CommonAlert, CustomPagination, useGoogleSignOut, PUSHER_CONFIG, ExamEvent, EXAM_CHANNEL, EXAM_STUDENT_CHANNEL, setLanguage, i18n, TheLanguageDropdown, useTranslation, I18nextProvider, DATE_MIN_VALUE, DATE_TIME_MIN_VALUE, minutesToTimeSpan, toISOString, canAccessRoute, CustomSelect, CustomAsyncSelect, getAccessToken, ChatContainer, IChatContainerProps, IChatItemProps, IChatHeaderProps, IInputChatProps, ChatItemType, useChatContainer, useConversationList, ConversationResponse, ExamResponse, usePusherConversation, ToastContainer, toast, Role, useLanguage, LANGUAGES, CustomCreatable, moment, ExamDetailView, ExamDetailViewProps, Exam, Question, ArticleGroup };

package/dist/index.js

@@ -16,6 +16,8 @@ var gapiScript = require('gapi-script');
 var i18n = _interopDefault(require('i18next'));
 var reactI18next = require('react-i18next');
 var io5 = require('react-icons/io5');
+require('moment/locale/ko.js');
+require('moment/locale/en-au.js');
 var Select = require('react-select');
 var Select__default = _interopDefault(Select);
 var fa = require('react-icons/fa');
@@ -38,6 +40,7 @@ var isLocalHost = Boolean(window.location.hostname === "localhost" || window.loc
 var GOOGLE_CLIENT_ID = "64118819726-0qlur4qjrs9jbuu6rnoa0u91g680lmpg.apps.googleusercontent.com";
 var ACCESS_TOKEN = "ACCESS_TOKEN";
 var DATE_MIN_VALUE = "0001-01-01T00:00:00+00:00";
+var DATE_TIME_MIN_VALUE = "0001-01-01T00:00:00";
 var BASE_URL = function () {
   return isLocalHost ? "https://localhost:7045" : "https://api.studypeak.io";
 }();
@@ -68,7 +71,7 @@ var encodeParams = function encodeParams(params) {
 };
 
 var utcToLocalTime = (function (time, FORMAT) {
-  if (time === DATE_MIN_VALUE) return "";
+  if (time === DATE_MIN_VALUE || time === DATE_TIME_MIN_VALUE) return "";
   try {
     return moment.utc(time).local().format(FORMAT || "yyyy-MM-DD");
   } catch (_unused) {
@@ -1019,6 +1022,38 @@ var enter_title = "시험 제목을 입력하세요";
 var select_placeholder = "선택하다...";
 var view_exam = "시험 보기";
 var back = "뒤쪽에";
+var date_format = "YYYY년 MM월 DD일";
+var date_time_format = "YYYY-MM-DD HH:mm";
+var date_time_format_12h = "YYYY-MM-DD HH:mm A";
+var full_date_time_format = "YYYY년 MMMM Do HH:mm:ss";
+var total_questions = "총 질문수";
+var code = "암호";
+var type = "유형";
+var description = "설명";
+var actions = "행위";
+var start_time = "시작 시간";
+var end_time = "종료 시간";
+var start_date = "시작일";
+var end_date = "종료일";
+var weekly_day = "주간";
+var weekly_days = "주간";
+var enter_class_name = "수업 이름을 입력하세요";
+var name = "이름";
+var total_teachers = "총 교사 수";
+var full_name = "이름";
+var email = "이메일";
+var payments = "지불";
+var view_payments = "결제 보기";
+var sunday = "일요일";
+var monday = "월요일";
+var tuesday = "화요일";
+var wednesday = "수요일";
+var thursday = "목요일";
+var friday = "금요일";
+var saturday = "토요일";
+var total_lessons = "총 수업";
+var weekly_days_required = "평일 필수";
+var main_teacher = "주 교사";
 var lang_ko = {
 	problem_solving: problem_solving,
 	my_story: my_story,
@@ -1088,7 +1123,39 @@ var lang_ko = {
 	enter_title: enter_title,
 	select_placeholder: select_placeholder,
 	view_exam: view_exam,
-	back: back
+	back: back,
+	date_format: date_format,
+	date_time_format: date_time_format,
+	date_time_format_12h: date_time_format_12h,
+	full_date_time_format: full_date_time_format,
+	total_questions: total_questions,
+	code: code,
+	type: type,
+	description: description,
+	actions: actions,
+	start_time: start_time,
+	end_time: end_time,
+	start_date: start_date,
+	end_date: end_date,
+	weekly_day: weekly_day,
+	weekly_days: weekly_days,
+	enter_class_name: enter_class_name,
+	name: name,
+	total_teachers: total_teachers,
+	full_name: full_name,
+	email: email,
+	payments: payments,
+	view_payments: view_payments,
+	sunday: sunday,
+	monday: monday,
+	tuesday: tuesday,
+	wednesday: wednesday,
+	thursday: thursday,
+	friday: friday,
+	saturday: saturday,
+	total_lessons: total_lessons,
+	weekly_days_required: weekly_days_required,
+	main_teacher: main_teacher
 };
 
 var problem_solving$1 = "Problem Solving";
@@ -1178,19 +1245,23 @@ var enter_title$1 = "Enter title";
 var enter_score = "Enter score";
 var exam_title_required = "Exam title is required";
 var question_category_required = "Question category is required";
-var start_time = "Start time";
-var end_time = "End time";
-var enter_class_name = "Enter class name";
+var start_time$1 = "Start time";
+var end_time$1 = "End time";
+var start_date$1 = "Start date";
+var end_date$1 = "End date";
+var weekly_day$1 = "Weekly day";
+var weekly_days$1 = "Weekly days";
+var enter_class_name$1 = "Enter class name";
 var class_required = "Class name is required";
-var total_teachers = "Total teachers";
-var start_time_required = "Start time is required";
-var end_time_required = "End time is required";
-var full_name = "Full name";
-var email = "Email";
+var total_teachers$1 = "Total teachers";
+var start_date_required = "Start date is required";
+var end_date_required = "End date is required";
+var full_name$1 = "Full name";
+var email$1 = "Email";
 var is_paid = "Is paid";
 var payment_time = "Payment time";
 var create_and_continue = "Create and continue";
-var payments = "Payments";
+var payments$1 = "Payments";
 var duration$1 = "Duration";
 var answer_count$1 = "Answer count";
 var question_count$1 = "Question count";
@@ -1200,6 +1271,30 @@ var view_exam$1 = "View exam";
 var update_exam$1 = "Update exam";
 var create_exam$1 = "Create exam";
 var back$1 = "Back";
+var date_format$1 = "MM-DD-YYYY";
+var date_time_format$1 = "MM-DD-YYYY HH:mm";
+var date_time_format_12h$1 = "MM-DD-YYYY HH:mm A";
+var full_date_time_format$1 = "MMM Do YYYY HH:mm:ss";
+var total_questions$1 = "Total questions";
+var code$1 = "Code";
+var type$1 = "Type";
+var description$1 = "Description";
+var actions$1 = "Actions";
+var name$1 = "Name";
+var sunday$1 = "Sunday";
+var monday$1 = "Monday";
+var tuesday$1 = "Tuesday";
+var wednesday$1 = "Wednesday";
+var thursday$1 = "Thursday";
+var friday$1 = "Friday";
+var saturday$1 = "Saturday";
+var total_lessons$1 = "Total lessons";
+var is_cancelled = "Is cancelled";
+var date = "Date";
+var weekly_days_required$1 = "Weekly days are required";
+var main_teacher$1 = "Main teacher";
+var main_teacher_required = "Main teacher is required";
+var teacher = "Teacher";
 var lang_en = {
 	problem_solving: problem_solving$1,
 	my_story: my_story$1,
@@ -1288,19 +1383,23 @@ var lang_en = {
 	enter_score: enter_score,
 	exam_title_required: exam_title_required,
 	question_category_required: question_category_required,
-	start_time: start_time,
-	end_time: end_time,
-	enter_class_name: enter_class_name,
+	start_time: start_time$1,
+	end_time: end_time$1,
+	start_date: start_date$1,
+	end_date: end_date$1,
+	weekly_day: weekly_day$1,
+	weekly_days: weekly_days$1,
+	enter_class_name: enter_class_name$1,
 	class_required: class_required,
-	total_teachers: total_teachers,
-	start_time_required: start_time_required,
-	end_time_required: end_time_required,
-	full_name: full_name,
-	email: email,
+	total_teachers: total_teachers$1,
+	start_date_required: start_date_required,
+	end_date_required: end_date_required,
+	full_name: full_name$1,
+	email: email$1,
 	is_paid: is_paid,
 	payment_time: payment_time,
 	create_and_continue: create_and_continue,
-	payments: payments,
+	payments: payments$1,
 	duration: duration$1,
 	answer_count: answer_count$1,
 	question_count: question_count$1,
@@ -1309,7 +1408,31 @@ var lang_en = {
 	view_exam: view_exam$1,
 	update_exam: update_exam$1,
 	create_exam: create_exam$1,
-	back: back$1
+	back: back$1,
+	date_format: date_format$1,
+	date_time_format: date_time_format$1,
+	date_time_format_12h: date_time_format_12h$1,
+	full_date_time_format: full_date_time_format$1,
+	total_questions: total_questions$1,
+	code: code$1,
+	type: type$1,
+	description: description$1,
+	actions: actions$1,
+	name: name$1,
+	sunday: sunday$1,
+	monday: monday$1,
+	tuesday: tuesday$1,
+	wednesday: wednesday$1,
+	thursday: thursday$1,
+	friday: friday$1,
+	saturday: saturday$1,
+	total_lessons: total_lessons$1,
+	is_cancelled: is_cancelled,
+	date: date,
+	weekly_days_required: weekly_days_required$1,
+	main_teacher: main_teacher$1,
+	main_teacher_required: main_teacher_required,
+	teacher: teacher
 };
 
 i18n.use(reactI18next.initReactI18next).init({
@@ -1328,28 +1451,27 @@ i18n.use(reactI18next.initReactI18next).init({
   }
 });
 
-var DEFAULT_LANGUAGE_CODE = "ko";
+var DEFAULT_LANGUAGE_INDEX = 0;
 var LANGUAGES = [{
   code: "ko",
   fullName: "Korean",
   shortName: "Korean",
   nativeName: "Korean",
   name: "Korean",
-  image: "/images/korea.png"
+  image: "/images/korea.png",
+  momentLangCode: "ko"
 }, {
   code: "en",
   fullName: "English",
   shortName: "English",
   nativeName: "English",
   name: "English",
-  image: "/images/usa.png"
+  image: "/images/usa.png",
+  momentLangCode: "en-au"
 }];
-var SUPPORTED_LANGUAGES_CODE = LANGUAGES.map(function (i) {
-  return i.code;
-});
 
 var useLanguage = function useLanguage() {
-  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || DEFAULT_LANGUAGE_CODE;
+  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || LANGUAGES[DEFAULT_LANGUAGE_INDEX].code;
   var dispatch = reactRedux.useDispatch();
   var _useTranslation = reactI18next.useTranslation(),
     i18n = _useTranslation.i18n;
@@ -1365,11 +1487,15 @@ var useLanguage = function useLanguage() {
     });
   };
   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 language = LANGUAGES.find(function (i) {
+      return i.code === lang;
+    });
+    if (!language) language = LANGUAGES[DEFAULT_LANGUAGE_INDEX];
+    i18n.changeLanguage(language.code);
+    moment.locale(language.momentLangCode);
+    localStorage.setItem("language", language.code);
+    setItemLanguage(language.code);
+    dispatch(setLanguage(language.code));
   };
   React.useEffect(function () {
     changeLanguageApp(language);
@@ -1639,6 +1765,8 @@ var ChatRightItem = function ChatRightItem(_ref) {
   var _useState2 = React.useState(false),
     isShowInfo = _useState2[0],
     setShowInfo = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var handleShowInfo = function handleShowInfo() {
     setShowInfo(!isShowInfo);
     !isFirst && !isSystemLog && setShowTime(!isShowInfo);
@@ -1671,12 +1799,12 @@ var ChatRightItem = function ChatRightItem(_ref) {
     }
   }, "Add message to exam")), isSystemLog || !!isFirst ? React__default.createElement("p", {
     className: "mb-0 py-1 px-3 fs-6 text-muted text-center"
-  }, utcToLocalTime(createdAt, "HH:mm DD MMM YYYY")) : React__default.createElement(reactstrap.Collapse, {
+  }, utcToLocalTime(createdAt, t("date_time_format"))) : React__default.createElement(reactstrap.Collapse, {
     className: "w-100",
     isOpen: isShowTime
   }, React__default.createElement("p", {
     className: "mb-0 py-1 px-3 fs-6 text-muted text-center"
-  }, utcToLocalTime(createdAt, "HH:mm DD MMM YYYY"))), isSystemLog ? React__default.createElement("div", {
+  }, utcToLocalTime(createdAt, t("date_time_format")))), isSystemLog ? React__default.createElement("div", {
     className: "text-center w-100"
   }, React__default.createElement(reactRouterDom.Link, {
     to: "" + (actionLink || "/"),
@@ -1733,6 +1861,8 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
   var _useState2 = React.useState(false),
     isShowInfo = _useState2[0],
     setShowInfo = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var handleShowInfo = function handleShowInfo() {
     if (!id) return;
     setShowInfo(!isShowInfo);
@@ -1761,12 +1891,12 @@ var ChatLeftItem = function ChatLeftItem(_ref) {
     }
   }, "Add message to exam")), isSystemLog || !!isFirst ? React__default.createElement("p", {
     className: "mb-0 py-1 px-3 fs-6 text-muted text-center"
-  }, utcToLocalTime(createdAt, "HH:mm DD MMM YYYY")) : React__default.createElement(reactstrap.Collapse, {
+  }, utcToLocalTime(createdAt, t("date_time_format"))) : React__default.createElement(reactstrap.Collapse, {
     className: "w-100",
     isOpen: isShowTime
   }, React__default.createElement("p", {
     className: "mb-0 py-1 px-3 fs-6 text-muted text-center"
-  }, utcToLocalTime(createdAt, "HH:mm DD MMM YYYY"))), isSystemLog ? React__default.createElement("div", {
+  }, utcToLocalTime(createdAt, t("date_time_format")))), isSystemLog ? React__default.createElement("div", {
     className: "text-center w-100"
   }, React__default.createElement(reactRouterDom.Link, {
     to: "" + (actionLink || "/"),
@@ -1922,6 +2052,12 @@ var ChatHeader = function ChatHeader(_ref) {
     onChangeOption = _ref.onChangeOption;
   var wrapperRef = React.useRef(null);
   var actionRef = React.useRef(null);
+  var language = reactRedux.useSelector(function (state) {
+    var _state$common;
+    return state === null || state === void 0 ? void 0 : (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.language;
+  });
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var handleChangeOption = function handleChangeOption(val) {
     onChangeOption === null || onChangeOption === void 0 ? void 0 : onChangeOption(val);
   };
@@ -1938,10 +2074,10 @@ var ChatHeader = function ChatHeader(_ref) {
     return options === null || options === void 0 ? void 0 : options.map(function (i) {
       return {
         value: i.id,
-        label: i.title + " (" + utcToLocalTime(i.startTime) + ")"
+        label: i.title + " (" + utcToLocalTime(i.startTime, t("date_time_format")) + ")"
       };
     });
-  }, [JSON.stringify(options)]);
+  }, [JSON.stringify(options), language]);
   return React__default.createElement("div", {
     className: "d-flex bg-light rounded-3 p-3"
   }, React__default.createElement("div", null, React__default.createElement("img", {
@@ -3458,6 +3594,7 @@ exports.CustomCreatable = CustomCreatable;
 exports.CustomPagination = CustomPagination;
 exports.CustomSelect = CustomSelect;
 exports.DATE_MIN_VALUE = DATE_MIN_VALUE;
+exports.DATE_TIME_MIN_VALUE = DATE_TIME_MIN_VALUE;
 exports.EXAM_CHANNEL = EXAM_CHANNEL;
 exports.EXAM_STUDENT_CHANNEL = EXAM_STUDENT_CHANNEL;
 exports.ExamDetailView = ExamDetailView;