@orderly.network/hooks 1.0.28-alpha.11 → 1.0.28-alpha.13

package/dist/index.d.mts

@@ -24,7 +24,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.0.28-alpha.11";
+declare const _default: "1.0.28-alpha.13";
 
 declare type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;

package/dist/index.d.ts

@@ -24,7 +24,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.0.28-alpha.11";
+declare const _default: "1.0.28-alpha.13";
 
 declare type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;

package/dist/index.js

@@ -28,9 +28,9 @@ var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscriptio
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.0.28-alpha.11";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.0.28-alpha.13";
 }
-var version_default = "1.0.28-alpha.11";
+var version_default = "1.0.28-alpha.13";
 var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
 var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
@@ -1968,10 +1968,14 @@ var useMarkets = (type) => {
     if (jsonStr) {
       configStore.set(marketsKey, JSON.parse(jsonStr));
     } else {
+      const defaultTab = { name: "Popular", id: 1 };
       configStore.set(marketsKey, {
         recent: [],
-        favorites: [],
-        favoriteTabs: [{ name: "Popular", id: 1 }]
+        favorites: [
+          { name: "PERP_ETH_USDC", tabs: [{ ...defaultTab }] },
+          { name: "PERP_BTC_USDC", tabs: [{ ...defaultTab }] }
+        ],
+        favoriteTabs: [{ ...defaultTab }]
       });
     }
   }
@@ -1991,7 +1995,6 @@ var useMarkets = (type) => {
       }
     }
     configStore.set(marketsKey, { ...configStore.getOr(marketsKey, {}), favorites: result });
-    localStorage.setItem(marketsKey, JSON.stringify(configStore.get(marketsKey)));
     return result;
   }, [configStore]);
   const getRecent = React.useMemo(() => {
@@ -2008,7 +2011,6 @@ var useMarkets = (type) => {
         ...configStore.getOr(marketsKey, {}),
         "favoriteTabs": tabs3
       });
-      localStorage.setItem(marketsKey, JSON.stringify(configStore.get(marketsKey)));
     };
     if (Array.isArray(tab)) {
       saveTabs(tab);
@@ -2040,7 +2042,6 @@ var useMarkets = (type) => {
       ...configStore.getOr(marketsKey, {}),
       "recent": curData
     });
-    localStorage.setItem(marketsKey, JSON.stringify(configStore.get(marketsKey)));
     setRecent(curData);
   };
   const setFavoritesData = (symbol, tab, remove = false) => {
@@ -2083,7 +2084,6 @@ var useMarkets = (type) => {
       ...configStore.getOr(marketsKey, {}),
       "favorites": curData
     });
-    localStorage.setItem(marketsKey, JSON.stringify(configStore.get(marketsKey)));
     setFavorites(() => curData);
   };
   const getData = (type2) => {
@@ -2126,7 +2126,6 @@ var useMarkets = (type) => {
         ...configStore.getOr(marketsKey, {}),
         "favorites": list
       });
-      localStorage.setItem(marketsKey, JSON.stringify(configStore.get(marketsKey)));
       setFavorites(list);
     }
   };
@@ -3302,9 +3301,11 @@ var isNativeTokenChecker = (address) => address === nativeTokenAddress;
 
 // src/orderly/useChains.ts
 var useChains = (networkId, options = {}) => {
-  const { filter, pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
+  const { pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
   const { configStore, networkId: networkEnv } = React.useContext(OrderlyContext);
   const field = options?.pick;
+  const filterFun = React.useRef(options?.filter);
+  filterFun.current = options?.filter;
   const map = React.useRef(
     /* @__PURE__ */ new Map()
   );
@@ -3371,8 +3372,8 @@ var useChains = (networkId, options = {}) => {
             }
           ]
         };
-        if (typeof options?.filter === "function") {
-          if (!options.filter(_chain))
+        if (typeof filterFun.current === "function") {
+          if (!filterFun.current(_chain))
             return;
         }
         if (_chain.chain_id === 421613) {
@@ -3414,25 +3415,6 @@ var useChains = (networkId, options = {}) => {
         ]
       }
     ];
-    if (networkEnv === "testnet") {
-      const opGoerli = {
-        network_infos: {
-          name: "Optimism Goerli",
-          shortName: "Optimism Goerli",
-          public_rpc_url: "https://optimism-goerli.gateway.tenderly.co",
-          chain_id: 420,
-          currency_symbol: "ETH",
-          bridge_enable: true,
-          mainnet: false,
-          explorer_base_url: "https://goerli-optimism.etherscan.io",
-          est_txn_mins: null,
-          woofi_dex_cross_chain_router: "",
-          woofi_dex_depositor: ""
-        }
-      };
-      testnetArr.push(opGoerli);
-      map.current.set(420, opGoerli);
-    }
     let mainnetArr = [];
     map.current.set(421613, testnetArr[0]);
     if (wooSwapEnabled) {
@@ -3453,8 +3435,8 @@ var useChains = (networkId, options = {}) => {
         if (item.token_infos?.length === 0)
           return;
         map.current.set(item.network_infos.chain_id, item);
-        if (typeof options?.filter === "function") {
-          if (!options.filter(item))
+        if (typeof filterFun.current === "function") {
+          if (!filterFun.current(item))
             return;
         }
         if (item.network_infos.mainnet) {
@@ -3500,16 +3482,8 @@ var useChains = (networkId, options = {}) => {
             testnetArr[index] = _chain;
           }
         }
-        if (_chain.network_infos.chain_id === 420) {
-          const index = testnetArr.findIndex(
-            (item) => item.network_infos.chain_id === 420
-          );
-          if (index > -1) {
-            testnetArr[index] = _chain;
-          }
-        }
-        if (typeof options?.filter === "function") {
-          if (!options.filter(_chain))
+        if (typeof filterFun.current === "function") {
+          if (!filterFun.current(_chain))
             return;
         }
         mainnetArr.push(_chain);
@@ -3535,15 +3509,7 @@ var useChains = (networkId, options = {}) => {
       testnet: testnetArr,
       mainnet: mainnetArr
     };
-  }, [
-    data,
-    networkId,
-    field,
-    options,
-    orderlyChains,
-    wooSwapEnabled,
-    chainInfos
-  ]);
+  }, [data, networkId, field, orderlyChains, wooSwapEnabled, chainInfos]);
   const findByChainId = React.useCallback(
     (chainId, field2) => {
       const chain = map.current.get(chainId);
@@ -3773,7 +3739,9 @@ var useDeposit = (options) => {
       const vaultAddress = getVaultAddress();
       return account5.assetsManager.approve(options.address, amount, vaultAddress).then((result) => {
         if (typeof amount !== "undefined") {
-          setAllowance((value) => new utils.Decimal(value).add(amount).toString());
+          setAllowance(
+            (value) => new utils.Decimal(value).add(amount || types.MaxUint256.toString()).toString()
+          );
         }
         return result;
       });
@@ -3807,7 +3775,13 @@ var useDeposit = (options) => {
     },
     [account5, targetChain]
   );
-  const enquiryDepositFee = useDebounce.useDebouncedCallback(() => {
+  const enquiryDepositFee = React.useCallback(() => {
+    if (isNaN(Number(quantity)) || !quantity) {
+      setDepositFee(0n);
+      setDepositFeeRevalidating(false);
+      return;
+    }
+    setDepositFeeRevalidating(true);
     getDepositFee(quantity).then((res = 0n) => {
       const fee = BigInt(
         new utils.Decimal(res.toString()).mul(types.DEPOSIT_FEE_RATE).toFixed(0, utils.Decimal.ROUND_UP).toString()
@@ -3817,14 +3791,8 @@ var useDeposit = (options) => {
     }).finally(() => {
       setDepositFeeRevalidating(false);
     });
-  }, 0);
+  }, [quantity]);
   React.useEffect(() => {
-    if (isNaN(Number(quantity)) || !quantity) {
-      setDepositFee(0n);
-      setDepositFeeRevalidating(false);
-      return;
-    }
-    setDepositFeeRevalidating(true);
     enquiryDepositFee();
   }, [quantity]);
   React.useEffect(() => {