@esvndev/es-react-config-setting 1.0.36 → 1.0.38

package/dist/index.js

@@ -11445,6 +11445,54 @@ var Input = /*#__PURE__*/function (_React$Component) {
 Input.propTypes = propTypes;
 var Input$1 = Input;
 
+const BASE_URL = process.env.REACT_APP_BASE_URL;
+//#region using for token
+const getToken = () => {
+    let accessToken = localStorage.getItem('access_token');
+    if (!accessToken) {
+        const userData = localStorage.getItem('userData');
+        if (userData && userData.length) {
+            accessToken = JSON.parse(userData).id_token;
+        }
+    }
+    return accessToken;
+};
+//#endregion 
+const GetSettingGroup = (callback) => {
+    const _url = `${BASE_URL}/api/config/get-setting-group`;
+    const options = {
+        method: 'GET',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${getToken()}`,
+        },
+    };
+    fetch(_url, options)
+        .then(response => {
+        if (!response.ok) {
+            console.log(`HTTP error! Status: ${response.status}`);
+            return null;
+        }
+        return response.text(); // hoặc .json() nếu muốn object
+    })
+        .then(text => {
+        if (text) {
+            try {
+                JSON.parse(text); // Kiểm tra nếu là JSON hợp lệ
+                console.log('Response JSON string:', text);
+            }
+            catch (err) {
+                console.log('Invalid JSON:', err);
+            }
+        }
+        callback({ state: true, data: text });
+    })
+        .catch(error => {
+        console.log('Fetch error:', error);
+        callback({ state: true, data: error });
+    });
+};
+
 const SettingApp = (props) => {
     const { isOpen, eventChange, eventClose } = { ...props };
     useForm({
@@ -11582,6 +11630,12 @@ const SettingApp = (props) => {
             name: t('Tiện ích'),
             icon: "BookOpen"
         }]);
+    //Load data of group config and setting by group
+    React.useEffect(() => {
+        GetSettingGroup((data) => {
+            console.log('rs', data);
+        });
+    }, []);
     //Sự kiện chọn nhóm cài đặt
     const switchSettingTab = (data) => {
         const updated = dataSettingGroup.map((item) => ({
@@ -11595,6 +11649,7 @@ const SettingApp = (props) => {
     const _renderInput = (root, data) => {
         console.log((new Date()).getTime(), 111);
         switch (data.type) {
+            case "switch":
             case "checkbox":
                 return (jsxRuntime.jsx("div", { className: "checkbox", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "checkbox", className: "" }) }, data.id));
             case "radio":
@@ -11603,14 +11658,19 @@ const SettingApp = (props) => {
                 return (jsxRuntime.jsx("div", { className: "combobox", title: data.description, children: jsxRuntime.jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, children: [jsxRuntime.jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsxRuntime.jsx("option", { value: opt.value, children: opt.name }, index)))] }) }, data.id));
             case "text":
                 return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name }) }, data.id));
+            case "password":
+                return (jsxRuntime.jsx("div", { className: "text-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "password", className: "input-custom", placeholder: data.name }) }, data.id));
             case "number":
                 return (jsxRuntime.jsx("div", { className: "number-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "number", className: "t-right input-custom", placeholder: data.name }) }, data.id));
             case "date":
-                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date", className: "input-custom" }) }, data.id));
-            case "switch":
-                return (jsxRuntime.jsx("div", { className: "switch", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "switch", className: "input-custom", role: "switch" }) }, data.id));
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "date", className: "t-right input-custom" }) }, data.id));
+            case "time":
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "time", className: "t-right input-custom" }) }, data.id));
+            case "datetime":
+                return (jsxRuntime.jsx("div", { className: "date-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "datetime", className: "t-right input-custom" }) }, data.id));
             case "slider":
                 return (jsxRuntime.jsx("div", { className: "slider", title: data.description }, data.id));
+            case "image":
             case "file":
                 return (jsxRuntime.jsx("div", { className: "file-input", title: data.description, children: jsxRuntime.jsx(Input$1, { type: "file", className: "input-custom" }) }, data.id));
             case "color":