@esvndev/es-react-config-setting 1.0.40 → 1.0.42

package/dist/index.mjs

@@ -11457,15 +11457,53 @@ const GetSettingGroup = (callback) => {
             catch (err) {
                 console.log('Invalid JSON:', err);
             }
-            callback({ state: true, data: JSON.parse(text) });
+            callback({ status: true, data: JSON.parse(text) });
         }
         else {
-            callback({ state: false, data: text });
+            callback({ status: false, data: text });
         }
     })
         .catch(error => {
         console.log('Fetch error:', error);
-        callback({ state: false, data: error });
+        callback({ status: false, data: error });
+    });
+};
+const GetSettingConfigByGroup = (obj, callback) => {
+    const _url = `${BASE_URL}/api/config/get-setting-config-by-group`;
+    const options = {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Authorization: `Bearer ${getToken()}`,
+        },
+        body: JSON.stringify(obj)
+    };
+    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({ status: true, data: JSON.parse(text) });
+        }
+        else {
+            callback({ status: false, data: text });
+        }
+    })
+        .catch(error => {
+        console.log('Fetch error:', error);
+        callback({ status: false, data: error });
     });
 };
 
@@ -11497,13 +11535,23 @@ const SettingApp = (props) => {
         return LucideIcon ? jsx(LucideIcon, { className: className }) : null;
     };
     //#endregion
-    const [settingData, setSettingData] = useState([]);
+    const [settingData, setSettingData] = useState({});
     const [dataSettingGroup, setDataSettingGroup] = useState([]);
     //Load data of group config and setting by group
     useEffect(() => {
-        GetSettingGroup((data) => {
-            setDataSettingGroup(data);
-        });
+        if (isOpen) {
+            GetSettingGroup((data) => {
+                if (data.status) {
+                    setDataSettingGroup(data.data);
+                    setTimeout(() => {
+                        switchSettingTab(data.data[0]);
+                    }, 500);
+                }
+                else {
+                    setDataSettingGroup([]);
+                }
+            });
+        }
     }, [isOpen]);
     //Sự kiện chọn nhóm cài đặt
     const switchSettingTab = (data) => {
@@ -11511,7 +11559,14 @@ const SettingApp = (props) => {
             ...item,
             active: item.id === data.id
         }));
-        setSettingData(data);
+        GetSettingConfigByGroup({ GroupId: data.id }, (rs) => {
+            if (rs.status) {
+                setSettingData(rs.data);
+            }
+            else {
+                setSettingData([]);
+            }
+        });
         setDataSettingGroup(updated);
     };
     //Hàm sử dụng tạo theo loại giá trị
@@ -11525,6 +11580,7 @@ const SettingApp = (props) => {
                 return (jsx("div", { className: "radio-group", title: data.description, children: data.option?.map((opt, index) => (jsxs("label", { children: [jsx(Input$1, { type: "radio", name: data.name, value: opt.value }), opt.name] }, index))) }, data.id));
             case "combobox":
                 return (jsx("div", { className: "combobox", title: data.description, children: jsxs(Input$1, { type: "select", className: "input-custom", name: data.name, id: data.name, children: [jsx("option", { value: "", children: "Ch\u1ECDn m\u1ED9t gi\u00E1 tr\u1ECB" }), data.option?.map((opt, index) => (jsx("option", { value: opt.value, children: opt.name }, index)))] }) }, data.id));
+            case "slider":
             case "text":
                 return (jsx("div", { className: "text-input", title: data.description, children: jsx(Input$1, { type: "text", className: "input-custom", placeholder: data.name }) }, data.id));
             case "password":