mario-core 2.9.224-lang → 2.9.225-lang

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.js

@@ -31969,22 +31969,38 @@ var getCookieValue = function getCookieValue(name) {
   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 TheLanguageDropdown = function TheLanguageDropdown() {
-  var defaultLanguage = !!getCookieValue(LANGUAGE_SYSTEM) ? localStorage.getItem(LANGUAGE_SYSTEM) : DEFAULT_LANGUAGE_CODE;
+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) {
@@ -31993,24 +32009,87 @@ var TheLanguageDropdown = function TheLanguageDropdown() {
   };
 
   var changeLanguageApp = function changeLanguageApp(lang) {
-    if (!SUPPORTED_LANGUAGES_CODE.includes(lang)) lang = DEFAULT_LANGUAGE_CODE;
-    i18n.changeLanguage(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,
@@ -32032,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"
@@ -32358,7 +32437,9 @@ var TheLayout = function TheLayout(_ref) {
     try {
       var _temp6 = _catch(function () {
         return Promise.resolve(getInfo()).then(function (info) {
-          if (!info) {
+          var _info$data, _info$data$roles;
+
+          if (!info || !(info !== null && info !== void 0 && (_info$data = info.data) !== null && _info$data !== void 0 && (_info$data$roles = _info$data.roles) !== null && _info$data$roles !== void 0 && _info$data$roles.includes("Admin"))) {
             resetAuth();
           }