@salesgenterp/ui-components 0.4.313 → 0.4.314

package/dist/index.js

@@ -4431,29 +4431,36 @@ var AccountDetails = function AccountDetails(_ref) {
   var _useState = React.useState(true),
     open = _useState[0],
     setOpen = _useState[1];
-  var _useState2 = React.useState(darkMode || false),
-    isNightMode = _useState2[0],
-    setIsNightMode = _useState2[1];
-  var _useState3 = React.useState([]),
-    storeData = _useState3[0],
-    setStoreData = _useState3[1];
-  var storeIdList = (storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
-    return data === null || data === void 0 ? void 0 : data.id;
-  })) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 1;
-  var defaultStoreId = (storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
-    return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
-  })) === null || _storeData$find === void 0 ? void 0 : _storeData$find.id) || 2;
-  var _useState4 = React.useState({
+  var _useState2 = React.useState(true),
+    dataLoading = _useState2[0],
+    setDataLoading = _useState2[1];
+  var _useState3 = React.useState(darkMode || false),
+    isNightMode = _useState3[0],
+    setIsNightMode = _useState3[1];
+  var _useState4 = React.useState([]),
+    storeData = _useState4[0],
+    setStoreData = _useState4[1];
+  var _useState5 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
+      return data === null || data === void 0 ? void 0 : data.id;
+    })) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 1),
+    storeIdList = _useState5[0],
+    setSoreIdList = _useState5[1];
+  var _useState6 = React.useState((storeData === null || storeData === void 0 ? void 0 : (_storeData$find = storeData.find(function (data) {
+      return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
+    })) === null || _storeData$find === void 0 ? void 0 : _storeData$find.id) || 2),
+    defaultStoreId = _useState6[0],
+    setDefaultStoreId = _useState6[1];
+  var _useState7 = React.useState({
       primaryColor: primaryColor || '#D2122E',
       secondaryColor: secondaryColor || '#FFFFFF',
       backgroundColor: backgroundColor || '#F5F5F5',
       fontColor: fontColor || '#391111'
     }),
-    colors = _useState4[0],
-    setColors = _useState4[1];
-  var _useState5 = React.useState(path || 'Dashboard'),
-    tabValue = _useState5[0],
-    setTabValue = _useState5[1];
+    colors = _useState7[0],
+    setColors = _useState7[1];
+  var _useState8 = React.useState(path || 'Dashboard'),
+    tabValue = _useState8[0],
+    setTabValue = _useState8[1];
   React.useEffect(function () {
     setTabValue(path || 'Dashboard');
   }, [path]);
@@ -4484,16 +4491,27 @@ var AccountDetails = function AccountDetails(_ref) {
   React.useEffect(function () {
     (function () {
       try {
+        var _temp2 = function _temp2() {
+          setDataLoading(false);
+        };
+        setDataLoading(true);
         var _temp = _catch(function () {
           return Promise.resolve(API$1({
             apiEndPoint: apiEndPoint,
             token: token,
             url: "/store"
           })).then(function (data) {
+            var _data$map, _data$find;
             setStoreData(data);
+            setSoreIdList((data === null || data === void 0 ? void 0 : (_data$map = data.map(function (data) {
+              return data === null || data === void 0 ? void 0 : data.id;
+            })) === null || _data$map === void 0 ? void 0 : _data$map.join(',')) || 1);
+            setDefaultStoreId((data === null || data === void 0 ? void 0 : (_data$find = data.find(function (data) {
+              return (data === null || data === void 0 ? void 0 : data.defaultStore) === true;
+            })) === null || _data$find === void 0 ? void 0 : _data$find.id) || 2);
           });
         }, function () {});
-        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
       } catch (e) {
         Promise.reject(e);
       }
@@ -4680,7 +4698,9 @@ var AccountDetails = function AccountDetails(_ref) {
         color: colors.fontColor
       }
     }
-  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent()))))));
+  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(DataLoader, {
+    loading: dataLoading
+  }, apiEndPoint && token && renderListItemComponent())))))));
 };
 var Root$5 = styled__default(material.Box)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  // background-image: url(", ");\n  // background-position: center;\n  // background-repeat: no-repeat;\n  // background-size: cover;\n  padding: 1.4rem;\n  background-color: ", ";\n"])), function (props) {
   var _props$theme;