@depay/widgets 6.24.0 → 6.25.0

package/dist/esm/index.bundle.js

@@ -63146,16 +63146,28 @@ var getAssets = async (options) => {
 
       return new Promise((resolve, reject)=>{
         const address = options.accounts[blockchain];
-        fetch(`https://public.depay.fi/accounts/${blockchain}/${address}/assets`)
+        const controller = new AbortController();
+        setTimeout(()=>controller.abort(), 10000);
+        fetch(`https://public.depay.fi/accounts/${blockchain}/${address}/assets`, { signal: controller.signal })
           .catch((error) => { console.log(error); resolve([]); })
-          .then((response) => response.json())
+          .then((response) => {
+            if(response && response.ok) {
+              return response.json()
+            } else {
+              resolve([]);
+            }
+          })
           .then(async (assets) => {
-            return await ensureNativeTokenAsset({
-              address,
-              options,
-              assets: filterAssets({ assets, blockchain, options }).map((asset) => Object.assign(asset, { blockchain })),
-              blockchain
-            })
+            if(assets && assets.length) {
+              return await ensureNativeTokenAsset({
+                address,
+                options,
+                assets: filterAssets({ assets, blockchain, options }).map((asset) => Object.assign(asset, { blockchain })),
+                blockchain
+              })
+            } else {
+              resolve([]);
+            }
           })
           .then(resolve)
           .catch((error) => { console.log(error); resolve([]); });
@@ -85756,10 +85768,15 @@ var PaymentRoutingProvider = (function (props) {
       selectedRoute = _useState4[0],
       setSelectedRoute = _useState4[1];
 
-  var _useState5 = react.useState(0),
+  var _useState5 = react.useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      reloadCount = _useState6[0],
-      setReloadCount = _useState6[1];
+      slowRouting = _useState6[0],
+      setSlowRouting = _useState6[1];
+
+  var _useState7 = react.useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      reloadCount = _useState8[0],
+      setReloadCount = _useState8[1];
 
   var _useContext = react.useContext(WalletContext),
       account = _useContext.account;
@@ -85810,9 +85827,15 @@ var PaymentRoutingProvider = (function (props) {
       return;
     }
 
+    var slowRoutingTimeout = setTimeout(function () {
+      setSlowRouting(true);
+    }, 4000);
     routePayments(Object.assign({}, props, {
       account: account
-    })).then(onRoutesUpdate);
+    })).then(function (routes) {
+      clearInterval(slowRoutingTimeout);
+      onRoutesUpdate(routes);
+    });
   };
 
   var roundAmounts = /*#__PURE__*/function () {
@@ -85910,7 +85933,8 @@ var PaymentRoutingProvider = (function (props) {
       setSelectedRoute: setSelectedRoute,
       getPaymentRoutes: getPaymentRoutes,
       allRoutes: allRoutes,
-      setAllRoutes: setAllRoutes
+      setAllRoutes: setAllRoutes,
+      slowRouting: slowRouting
     }
   }, props.children);
 });
@@ -89441,6 +89465,10 @@ var PaymentOverviewSkeleton = (function (props) {
   var _useContext = react.useContext(ChangableAmountContext),
       amountsMissing = _useContext.amountsMissing;
 
+  var _useContext2 = react.useContext(PaymentRoutingContext),
+      slowRouting = _useContext2.slowRouting,
+      selectedRoute = _useContext2.selectedRoute;
+
   return /*#__PURE__*/react.createElement(Dialog, {
     header: /*#__PURE__*/react.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -89466,7 +89494,9 @@ var PaymentOverviewSkeleton = (function (props) {
       className: "ButtonPrimary Skeleton"
     }, /*#__PURE__*/react.createElement("div", {
       className: "SkeletonBackground"
-    }))))
+    }))), selectedRoute == undefined && slowRouting && /*#__PURE__*/react.createElement("div", {
+      className: "TextCenter Opacity05 PaddingTopS"
+    }, /*#__PURE__*/react.createElement("strong", null, "Still loading your wallet balances...")))
   });
 });
 

package/dist/esm/index.js

@@ -2644,10 +2644,15 @@ var PaymentRoutingProvider = (function (props) {
       selectedRoute = _useState4[0],
       setSelectedRoute = _useState4[1];
 
-  var _useState5 = useState(0),
+  var _useState5 = useState(false),
       _useState6 = _slicedToArray(_useState5, 2),
-      reloadCount = _useState6[0],
-      setReloadCount = _useState6[1];
+      slowRouting = _useState6[0],
+      setSlowRouting = _useState6[1];
+
+  var _useState7 = useState(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      reloadCount = _useState8[0],
+      setReloadCount = _useState8[1];
 
   var _useContext = useContext(WalletContext),
       account = _useContext.account;
@@ -2698,9 +2703,15 @@ var PaymentRoutingProvider = (function (props) {
       return;
     }
 
+    var slowRoutingTimeout = setTimeout(function () {
+      setSlowRouting(true);
+    }, 4000);
     routePayments(Object.assign({}, props, {
       account: account
-    })).then(onRoutesUpdate);
+    })).then(function (routes) {
+      clearInterval(slowRoutingTimeout);
+      onRoutesUpdate(routes);
+    });
   };
 
   var roundAmounts = /*#__PURE__*/function () {
@@ -2798,7 +2809,8 @@ var PaymentRoutingProvider = (function (props) {
       setSelectedRoute: setSelectedRoute,
       getPaymentRoutes: getPaymentRoutes,
       allRoutes: allRoutes,
-      setAllRoutes: setAllRoutes
+      setAllRoutes: setAllRoutes,
+      slowRouting: slowRouting
     }
   }, props.children);
 });
@@ -4614,6 +4626,10 @@ var PaymentOverviewSkeleton = (function (props) {
   var _useContext = useContext(ChangableAmountContext),
       amountsMissing = _useContext.amountsMissing;
 
+  var _useContext2 = useContext(PaymentRoutingContext),
+      slowRouting = _useContext2.slowRouting,
+      selectedRoute = _useContext2.selectedRoute;
+
   return /*#__PURE__*/React.createElement(Dialog$1, {
     header: /*#__PURE__*/React.createElement("div", {
       className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4639,7 +4655,9 @@ var PaymentOverviewSkeleton = (function (props) {
       className: "ButtonPrimary Skeleton"
     }, /*#__PURE__*/React.createElement("div", {
       className: "SkeletonBackground"
-    }))))
+    }))), selectedRoute == undefined && slowRouting && /*#__PURE__*/React.createElement("div", {
+      className: "TextCenter Opacity05 PaddingTopS"
+    }, /*#__PURE__*/React.createElement("strong", null, "Still loading your wallet balances...")))
   });
 });
 

package/dist/umd/index.bundle.js

@@ -63152,16 +63152,28 @@
 
         return new Promise((resolve, reject)=>{
           const address = options.accounts[blockchain];
-          fetch(`https://public.depay.fi/accounts/${blockchain}/${address}/assets`)
+          const controller = new AbortController();
+          setTimeout(()=>controller.abort(), 10000);
+          fetch(`https://public.depay.fi/accounts/${blockchain}/${address}/assets`, { signal: controller.signal })
             .catch((error) => { console.log(error); resolve([]); })
-            .then((response) => response.json())
+            .then((response) => {
+              if(response && response.ok) {
+                return response.json()
+              } else {
+                resolve([]);
+              }
+            })
             .then(async (assets) => {
-              return await ensureNativeTokenAsset({
-                address,
-                options,
-                assets: filterAssets({ assets, blockchain, options }).map((asset) => Object.assign(asset, { blockchain })),
-                blockchain
-              })
+              if(assets && assets.length) {
+                return await ensureNativeTokenAsset({
+                  address,
+                  options,
+                  assets: filterAssets({ assets, blockchain, options }).map((asset) => Object.assign(asset, { blockchain })),
+                  blockchain
+                })
+              } else {
+                resolve([]);
+              }
             })
             .then(resolve)
             .catch((error) => { console.log(error); resolve([]); });
@@ -85762,10 +85774,15 @@
         selectedRoute = _useState4[0],
         setSelectedRoute = _useState4[1];
 
-    var _useState5 = react.useState(0),
+    var _useState5 = react.useState(false),
         _useState6 = _slicedToArray(_useState5, 2),
-        reloadCount = _useState6[0],
-        setReloadCount = _useState6[1];
+        slowRouting = _useState6[0],
+        setSlowRouting = _useState6[1];
+
+    var _useState7 = react.useState(0),
+        _useState8 = _slicedToArray(_useState7, 2),
+        reloadCount = _useState8[0],
+        setReloadCount = _useState8[1];
 
     var _useContext = react.useContext(WalletContext),
         account = _useContext.account;
@@ -85816,9 +85833,15 @@
         return;
       }
 
+      var slowRoutingTimeout = setTimeout(function () {
+        setSlowRouting(true);
+      }, 4000);
       routePayments(Object.assign({}, props, {
         account: account
-      })).then(onRoutesUpdate);
+      })).then(function (routes) {
+        clearInterval(slowRoutingTimeout);
+        onRoutesUpdate(routes);
+      });
     };
 
     var roundAmounts = /*#__PURE__*/function () {
@@ -85916,7 +85939,8 @@
         setSelectedRoute: setSelectedRoute,
         getPaymentRoutes: getPaymentRoutes,
         allRoutes: allRoutes,
-        setAllRoutes: setAllRoutes
+        setAllRoutes: setAllRoutes,
+        slowRouting: slowRouting
       }
     }, props.children);
   });
@@ -89447,6 +89471,10 @@
     var _useContext = react.useContext(ChangableAmountContext),
         amountsMissing = _useContext.amountsMissing;
 
+    var _useContext2 = react.useContext(PaymentRoutingContext),
+        slowRouting = _useContext2.slowRouting,
+        selectedRoute = _useContext2.selectedRoute;
+
     return /*#__PURE__*/react.createElement(Dialog, {
       header: /*#__PURE__*/react.createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -89472,7 +89500,9 @@
         className: "ButtonPrimary Skeleton"
       }, /*#__PURE__*/react.createElement("div", {
         className: "SkeletonBackground"
-      }))))
+      }))), selectedRoute == undefined && slowRouting && /*#__PURE__*/react.createElement("div", {
+        className: "TextCenter Opacity05 PaddingTopS"
+      }, /*#__PURE__*/react.createElement("strong", null, "Still loading your wallet balances...")))
     });
   });
 

package/dist/umd/index.js

@@ -2639,10 +2639,15 @@
         selectedRoute = _useState4[0],
         setSelectedRoute = _useState4[1];
 
-    var _useState5 = React.useState(0),
+    var _useState5 = React.useState(false),
         _useState6 = _slicedToArray(_useState5, 2),
-        reloadCount = _useState6[0],
-        setReloadCount = _useState6[1];
+        slowRouting = _useState6[0],
+        setSlowRouting = _useState6[1];
+
+    var _useState7 = React.useState(0),
+        _useState8 = _slicedToArray(_useState7, 2),
+        reloadCount = _useState8[0],
+        setReloadCount = _useState8[1];
 
     var _useContext = React.useContext(WalletContext),
         account = _useContext.account;
@@ -2693,9 +2698,15 @@
         return;
       }
 
+      var slowRoutingTimeout = setTimeout(function () {
+        setSlowRouting(true);
+      }, 4000);
       routePayments(Object.assign({}, props, {
         account: account
-      })).then(onRoutesUpdate);
+      })).then(function (routes) {
+        clearInterval(slowRoutingTimeout);
+        onRoutesUpdate(routes);
+      });
     };
 
     var roundAmounts = /*#__PURE__*/function () {
@@ -2793,7 +2804,8 @@
         setSelectedRoute: setSelectedRoute,
         getPaymentRoutes: getPaymentRoutes,
         allRoutes: allRoutes,
-        setAllRoutes: setAllRoutes
+        setAllRoutes: setAllRoutes,
+        slowRouting: slowRouting
       }
     }, props.children);
   });
@@ -4609,6 +4621,10 @@
     var _useContext = React.useContext(ChangableAmountContext),
         amountsMissing = _useContext.amountsMissing;
 
+    var _useContext2 = React.useContext(PaymentRoutingContext),
+        slowRouting = _useContext2.slowRouting,
+        selectedRoute = _useContext2.selectedRoute;
+
     return /*#__PURE__*/React__default["default"].createElement(Dialog$1, {
       header: /*#__PURE__*/React__default["default"].createElement("div", {
         className: "PaddingTopS PaddingLeftM PaddingRightM TextLeft"
@@ -4634,7 +4650,9 @@
         className: "ButtonPrimary Skeleton"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "SkeletonBackground"
-      }))))
+      }))), selectedRoute == undefined && slowRouting && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "TextCenter Opacity05 PaddingTopS"
+      }, /*#__PURE__*/React__default["default"].createElement("strong", null, "Still loading your wallet balances...")))
     });
   });
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@depay/widgets",
   "moduleName": "DePayWidgets",
-  "version": "6.24.0",
+  "version": "6.25.0",
   "description": "Web3 Payments with any token. DePay simplifies and improves Web3 Payments with the power of DeFi. Accept any token with on-the-fly conversion.",
   "main": "./dist/umd/index.js",
   "module": "./dist/esm/index.js",
@@ -39,12 +39,12 @@
     "@depay/react-shadow-dom": "^4.0.0",
     "@depay/react-token-image": "^3.0.0",
     "@depay/walletconnect-v1": "^1.1.0",
-    "@depay/web3-assets": "^6.1.5",
+    "@depay/web3-assets": "^6.2.1",
     "@depay/web3-blockchains": "^4.3.0",
     "@depay/web3-client": "^8.0.0",
     "@depay/web3-constants": "^5.0.0",
     "@depay/web3-exchanges": "^8.2.1",
-    "@depay/web3-payments": "^10.0.5",
+    "@depay/web3-payments": "^10.1.1",
     "@depay/web3-tokens": "^8.0.1",
     "@depay/web3-wallets": "^10.0.3",
     "decimal.js": "^10.3.1",