mario-core 2.9.224-release → 2.9.225-lang

package/dist/containers/Login/components/ButtonLogin.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ButtonLogin: ({ fnLoginSSO }: any) => JSX.Element;
+export default ButtonLogin;

package/dist/containers/Login/constant/authConfig.d.ts

@@ -1,4 +1,3 @@
-import { LogLevel } from "@azure/msal-browser";
 /**
  * Configuration object to be passed to MSAL instance on creation.
  * For a full list of MSAL.js configuration parameters, visit:
@@ -16,7 +15,7 @@ export declare const msalConfig: {
     };
     system: {
         loggerOptions: {
-            loggerCallback: (level: LogLevel, message: string, containsPii: any) => void;
+            loggerCallback: (level: any, message: string, containsPii: any) => void;
         };
     };
 };

package/dist/containers/Login/constant/config.d.ts

@@ -0,0 +1,6 @@
+export declare const config: {
+    appId: string;
+    redirectUri: string;
+    scopes: string[];
+    authority: string;
+};

package/dist/hooks/useLanguages.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const useLanguages: () => {
+    languageList: any;
+    toggle: () => void;
+    dropdownOpen: boolean;
+    setCurrentLang: import("react").Dispatch<any>;
+    language: any;
+};
+export default useLanguages;

package/dist/index.d.ts

@@ -65,6 +65,7 @@ import getFileUrl from "./utils/getFileUrl";
 import getTextFromHTML from "./utils/getTextFromHTML";
 import utcToLocalTime from "./utils/utcToLocalTime";
 import getStaticFileUrl from "./utils/getStaticFileUrl";
+import getCookieValue from "./utils/getCookieValue";
 import { uploadFile, systemStudentBadge, systemCertificateUpload } from "./services/fileServices";
 import { setLoading, setModal, setAlert, setUser, reset, setCurrentStudentId, setCurrentStudentUserId, setCurrentStudentName, setTurnOffPassWhenChangeMode, showMenuBar, showFontSize, initAmplitude } from "./redux/commons/action";
 import { setClassList } from "./redux/classes/action";
@@ -112,4 +113,4 @@ import { setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, se
 import useFilters from "./hooks/useFilters";
 import amplitude from "amplitude-js";
 declare const amplitudeClient: amplitude.AmplitudeClient;
-export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserContainer, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, NotificationLogoutModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, SandboxAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, CategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, setSandboxMode, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, DEFAULT_LANGUAGE_CODE, LANGUAGES, SUPPORTED_LANGUAGES_CODE, EMOTIONS, TAB_COLORS, SANDBOX_NOTIFICATION, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY_STAGE, INIT_AMPLITUDE_KEY_PROD, isLocalhost, getStaticFileUrl };
+export { Login, Dashboard, TheLayout, TheContent, NotFound, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, UserContainer, UserDetail, Loading, NotificationModal, CommonHeader, CommonModal, NotificationLogoutModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, ToggleButton, EmptyDataAlert, SandboxAlert, CreatableSelector, CustomPagination, SearchBox, FileInput, QuitPrompt, QuestionTypeSelector, QuestionCategorySelector, SuggestionCategorySelector, CategorySelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, ReactNotification, NotificationList, CustomSelector, UploadFileButton, SearchBoxContainer, CustomTab, CommonAlert, GalleryList, MediaList, useGalleryList, AcademicClassSelector, SchoolList, store, showMenuBar, showFontSize, setLoading, setModal, setAlert, setClassList, setConferenceRubricList, setSuggestionList, setStrategyList, setSubjectList, setLearningSupportCategoryList, setQuestionList, setUserList, setStudentList, setBadgeList, setGoalExampleList, setSemesterList, setFeedbackList, setAssessmentList, setQuestionByCategory, setSelectQuestion, setMoveItemQuestion, setReflectionList, setReflectionResultList, setEditItemQuesion, setResetQuestionList, setMailCategory, setUser, setAssignmentList, setAssistantList, setSessionTemplateList, setTutorialScreenList, setSessionTemplateGeneralClassList, setCustomAlertList, setCertificateList, closeTab, addTab, editTab, clearTab, changeNote, changeTags, answerQuestion, setSessionPlayer, setStartTime, setTurnOffPassWhenChangeMode, reset, setImproveMyClass, setSchoolBlankDayList, setEnableIEP, setEnableSurvey, setConversationOneToOne, setLanguage, setSandboxMode, i18n, useTranslation, I18nextProvider, api, apiUpload, uploadFile, systemStudentBadge, systemCertificateUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, QUESTION_TYPES_OPTIONS, ANSWER_EDITOR_HEIGHT, CHAT_CHANNEL, NOTIFICATION_CHANNEL, DATE_RESULT, DATE_FORMAT, FULL_DATE_RESULT, ACCESS_TOKEN, NOTIFICATION_ALERT_KEY, GOOGLE_RECAPTCHA_KEY, DEFAULT_LANGUAGE_CODE, LANGUAGES, SUPPORTED_LANGUAGES_CODE, EMOTIONS, TAB_COLORS, SANDBOX_NOTIFICATION, Filter, Conversation, Message, ConversationMember, NavbarTab, editorConfig, generateRandomString, isInViewport, debounce, firstCheckToken, canAccessRoute, getFileUrl, getTextFromHTML, utcToLocalTime, getInfo, Images, setQuestionCateList, setMyStudent, setDataPlayer, answerQuestionDataPlayer, setCurrentStudentUserId, setCurrentStudentId, setCurrentStudentName, setFilterWidget, setBandScoreList, setStudentIdSelectedByTeacher, useFilters, ScrollToTop, initAmplitude, amplitudeClient, INIT_AMPLITUDE_KEY_STAGE, INIT_AMPLITUDE_KEY_PROD, isLocalhost, getStaticFileUrl, getCookieValue };

package/dist/index.js

@@ -12563,9 +12563,7 @@ var LANGUAGES = [{
   image: "/images/usa.png"
 }];
 var DEFAULT_LANGUAGE_CODE = "en-US";
-var SUPPORTED_LANGUAGES_CODE = LANGUAGES.map(function (i) {
-  return i.code;
-});
+var SUPPORTED_LANGUAGES_CODE = ["en-US", "en-GB", "ar", "es"];
 
 var resources = {
   "en-US": {
@@ -31965,20 +31963,44 @@ var TheHeaderDropdown = function TheHeaderDropdown(_ref) {
   })), t("log_out")))));
 };
 
-var TheLanguageDropdown = function TheLanguageDropdown() {
-  var defaultLanguage = !!localStorage.getItem("language") ? localStorage.getItem("language") : navigator.language || DEFAULT_LANGUAGE_CODE;
+var getCookieValue = function getCookieValue(name) {
+  var _document$cookie$matc;
+
+  return ((_document$cookie$matc = document.cookie.match('(^|;)\\s*' + name + '\\s*=\\s*([^;]+)')) === null || _document$cookie$matc === void 0 ? void 0 : _document$cookie$matc.pop()) || '';
+};
+
+var apiGetLanguage = function apiGetLanguage() {
+  return api.get(BASE_URL + "/api/language");
+};
+
+var apiUpdateLanguage = function apiUpdateLanguage(lang) {
+  return api.put(BASE_URL + "/api/language?lang=" + lang);
+};
+
+var LANGUAGE_SYSTEM = "LANGUAGE_SYSTEM";
+
+var useLanguages = function useLanguages() {
   var dispatch = reactRedux.useDispatch();
 
   var _useTranslation = reactI18next.useTranslation(),
       i18n = _useTranslation.i18n;
 
-  var _useState = React.useState(false),
-      dropdownOpen = _useState[0],
-      setDropdownOpen = _useState[1];
+  var language = reactRedux.useSelector(function (state) {
+    return state.common.language;
+  });
+  var defaultLanguage = getCookieValue(LANGUAGE_SYSTEM) != null ? getCookieValue(LANGUAGE_SYSTEM) : language;
+
+  var _useState = React.useState([]),
+      languageList = _useState[0],
+      setLanguageList = _useState[1];
 
-  var _useState2 = React.useState(defaultLanguage),
-      language = _useState2[0],
-      setItemLanguage = _useState2[1];
+  var _useState2 = React.useState(false),
+      dropdownOpen = _useState2[0],
+      setDropdownOpen = _useState2[1];
+
+  var _useState3 = React.useState(defaultLanguage),
+      currentLang = _useState3[0],
+      setCurrentLang = _useState3[1];
 
   var toggle = function toggle() {
     return setDropdownOpen(function (prevState) {
@@ -31987,25 +32009,87 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
   };
 
   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));
+    try {
+      var _temp3 = function _temp3() {
+        dispatch(setLoading(false));
+      };
+
+      dispatch(setLoading(true));
+
+      var _temp4 = _catch(function () {
+        return Promise.resolve(apiUpdateLanguage(lang)).then(function () {
+          i18n.changeLanguage(lang);
+          setCurrentLang(lang);
+          dispatch(setLanguage(lang));
+        });
+      }, function (err) {
+        var _err$response, _err$response$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response = err.response) === null || _err$response === void 0 ? void 0 : (_err$response$data = _err$response.data) === null || _err$response$data === void 0 ? void 0 : _err$response$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  var getListLanguage = function getListLanguage() {
+    try {
+      var _temp6 = _catch(function () {
+        return Promise.resolve(apiGetLanguage()).then(function (res) {
+          setLanguageList(res.data);
+        });
+      }, function (err) {
+        var _err$response2, _err$response2$data;
+
+        dispatch(setAlert({
+          type: "danger",
+          message: ((_err$response2 = err.response) === null || _err$response2 === void 0 ? void 0 : (_err$response2$data = _err$response2.data) === null || _err$response2$data === void 0 ? void 0 : _err$response2$data.title) || err.message
+        }));
+      });
+
+      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+
+  React.useEffect(function () {
+    changeLanguageApp(currentLang);
+  }, [currentLang]);
+  React.useEffect(function () {
+    getListLanguage();
+  }, []);
+  return {
+    languageList: languageList,
+    toggle: toggle,
+    dropdownOpen: dropdownOpen,
+    setCurrentLang: setCurrentLang,
+    language: language
   };
+};
+
+var TheLanguageDropdown = function TheLanguageDropdown() {
+  var _useLanguages = useLanguages(),
+      languageList = _useLanguages.languageList,
+      toggle = _useLanguages.toggle,
+      dropdownOpen = _useLanguages.dropdownOpen,
+      setCurrentLang = _useLanguages.setCurrentLang,
+      language = _useLanguages.language;
 
   var currentLanguage = React.useMemo(function () {
-    var currentLang = LANGUAGES.find(function (i) {
+    var currentLang = languageList.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: "" + getStaticFileUrl(currentLang.image)
-    }), " ", currentLang.shortName);
-  }, [language]);
-  React.useEffect(function () {
-    changeLanguageApp(language);
+    }), " ", currentLang.name);
   }, [language]);
   return React__default.createElement(reactstrap.Dropdown, {
     isOpen: dropdownOpen,
@@ -32027,12 +32111,12 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
     }
   }))), React__default.createElement(reactstrap.DropdownMenu, {
     className: styles["dropdown-content-language"]
-  }, LANGUAGES.map(function (lang, index) {
+  }, !!languageList && languageList.length > 0 && languageList.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"),
+      className: styles["dropdown-change"] + " px-0 py-0 " + (index === languageList.length - 1 ? "pb-2" : "pt-2"),
       onClick: function onClick() {
-        return setItemLanguage(lang.code);
+        return setCurrentLang(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"
@@ -41166,6 +41250,7 @@ exports.editTab = editTab;
 exports.editorConfig = editorConfig;
 exports.firstCheckToken = firstCheckToken;
 exports.generateRandomString = generateRandomString;
+exports.getCookieValue = getCookieValue;
 exports.getFileUrl = getFileUrl;
 exports.getInfo = getInfo;
 exports.getStaticFileUrl = getStaticFileUrl;