@orderly.network/hooks 0.0.53 → 0.0.54

package/dist/index.js

@@ -30,26 +30,26 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop2 in b || (b = {}))
-    if (__hasOwnProp.call(b, prop2))
-      __defNormalProp(a, prop2, b[prop2]);
+  for (var prop3 in b || (b = {}))
+    if (__hasOwnProp.call(b, prop3))
+      __defNormalProp(a, prop3, b[prop3]);
   if (__getOwnPropSymbols)
-    for (var prop2 of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop2))
-        __defNormalProp(a, prop2, b[prop2]);
+    for (var prop3 of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop3))
+        __defNormalProp(a, prop3, b[prop3]);
     }
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __objRest = (source, exclude) => {
   var target = {};
-  for (var prop2 in source)
-    if (__hasOwnProp.call(source, prop2) && exclude.indexOf(prop2) < 0)
-      target[prop2] = source[prop2];
+  for (var prop3 in source)
+    if (__hasOwnProp.call(source, prop3) && exclude.indexOf(prop3) < 0)
+      target[prop3] = source[prop3];
   if (source != null && __getOwnPropSymbols)
-    for (var prop2 of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop2) < 0 && __propIsEnum.call(source, prop2))
-        target[prop2] = source[prop2];
+    for (var prop3 of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop3) < 0 && __propIsEnum.call(source, prop3))
+        target[prop3] = source[prop3];
     }
   return target;
 };
@@ -321,25 +321,31 @@ var useTopicObserve = (topic) => {
   };
 };
 var useAppState = () => {
-  const { errors, ready } = React2.useContext(OrderlyContext);
+  const { errors } = React2.useContext(OrderlyContext);
   return {
-    errors,
-    ready
+    errors
+    // ready,
   };
 };
-var usePreLoadData = (onSuccess) => {
+var usePreLoadData = () => {
   const { configStore } = React2.useContext(OrderlyContext);
-  useSWR__default.default(
+  const { error: swapSupportError, data: swapSupportData } = useSWR__default.default(
     `${configStore.get("swapSupportApiUrl")}/swap_support`,
     (url) => fetch(url).then((res) => res.json()),
     {
-      revalidateOnFocus: false,
-      //   suspense: true,
-      onSuccess: (data, key, config) => {
-        onSuccess("chains_fetch");
-      }
+      revalidateOnFocus: false
     }
   );
+  const { error: tokenError, data: tokenData } = useQuery("/v1/public/token", {
+    revalidateOnFocus: false
+  });
+  const isDone = React2.useMemo(() => {
+    return !!swapSupportData && !!tokenData;
+  }, [swapSupportData, tokenData]);
+  return {
+    error: swapSupportError || tokenError,
+    done: isDone
+  };
 };
 var useEventEmitter = (channel) => {
   return useConstant__default.default(() => {
@@ -1907,7 +1913,6 @@ var useMarketTradeStream = (symbol, options = {}) => {
       unsubscript == null ? void 0 : unsubscript();
     };
   }, [symbol]);
-  console.log("trades", trades);
   return { data: trades, isLoading };
 };
 var useMarginRatio = () => {
@@ -1934,56 +1939,106 @@ var useChains = (networkId, options = {}) => {
   const _a = options, { filter, pick, crossEnabled, wooSwapEnabled } = _a, swrOptions = __objRest(_a, ["filter", "pick", "crossEnabled", "wooSwapEnabled"]);
   const { configStore } = React2.useContext(OrderlyContext);
   const field = options == null ? void 0 : options.pick;
-  const { data } = useSWR__default.default(
-    // () =>
-    //   wooSwapEnabled
-    //     ? `${configStore.get("swapSupportApiUrl")}/swap_support`
-    //     : null,
-    `${configStore.get("swapSupportApiUrl")}/swap_support`,
+  const map = React2.useRef(/* @__PURE__ */ new Map());
+  const { data, error: swapSupportError } = useSWR__default.default(
+    () => wooSwapEnabled ? `${configStore.get("swapSupportApiUrl")}/swap_support` : null,
+    // `${configStore.get("swapSupportApiUrl")}/swap_support`,
     (url) => fetch(url).then((res) => res.json()),
     __spreadValues({
       revalidateOnFocus: false,
       revalidateOnReconnect: false
     }, swrOptions)
   );
-  const { data: orderlyChains } = useQuery("/v1/public/token");
+  const { data: orderlyChains, error: tokenError } = useQuery("/v1/public/token");
   const chains = React2.useMemo(() => {
-    if (!data || !data.data || !orderlyChains)
-      return data;
-    let testnetArr = [];
-    let mainnetArr = [];
-    Object.keys(data.data).forEach((key) => {
-      const item = __spreadProps(__spreadValues({}, data.data[key]), { name: key, priority: 1 });
-      if (typeof (options == null ? void 0 : options.filter) === "function") {
-        if (!options.filter(item))
+    if (!orderlyChains)
+      return void 0;
+    const orderlyChainsArr = [];
+    const orderlyChainIds = /* @__PURE__ */ new Set();
+    orderlyChains.forEach((item) => {
+      item.chain_details.forEach((chain) => {
+        var _a2;
+        const chainId = Number(chain.chain_id);
+        orderlyChainIds.add(chainId);
+        const chainInfo = types.chainsMap.get(chainId);
+        const _chain = {
+          network_infos: {
+            name: (_a2 = chainInfo == null ? void 0 : chainInfo.chainName) != null ? _a2 : "--",
+            // "public_rpc_url": "https://arb1.arbitrum.io/rpc",
+            chain_id: chainId,
+            // decimals: chain.decimals,
+            // contract_address: chain.contract_address,
+            bridgeless: true
+          },
+          token_infos: [
+            {
+              symbol: item.token,
+              address: chain.contract_address,
+              decimals: chain.decimals
+            }
+          ]
+        };
+        if (typeof (options == null ? void 0 : options.filter) === "function") {
+          if (!options.filter(_chain))
+            return;
+        }
+        map.current.set(chainId, _chain);
+        orderlyChainsArr.push(field ? _chain[field] : _chain);
+      });
+    });
+    if (!wooSwapEnabled) {
+      return orderlyChainsArr;
+    } else {
+      if (!data || !data.data)
+        return data;
+      let testnetArr = [];
+      let mainnetArr = [];
+      Object.keys(data.data).forEach((key) => {
+        var _a2;
+        if (orderlyChainIds.has(data.data[key].network_infos.chain_id))
           return;
+        const item = __spreadProps(__spreadValues({}, data.data[key]), {
+          name: key
+        });
+        if (((_a2 = item.token_infos) == null ? void 0 : _a2.length) === 0)
+          return;
+        map.current.set(item.network_infos.chain_id, item);
+        if (typeof (options == null ? void 0 : options.filter) === "function") {
+          if (!options.filter(item))
+            return;
+        }
+        if (item.network_infos.mainnet) {
+          mainnetArr.push(field ? item[field] : item);
+        } else {
+          testnetArr.push(field ? item[field] : item);
+        }
+      });
+      if (orderlyChainIds.size > 0) {
+        testnetArr = [...orderlyChainsArr, ...testnetArr];
       }
-      if (item.network_infos.mainnet) {
-        mainnetArr.push(field ? item[field] : item);
-      } else {
-        testnetArr.push(field ? item[field] : item);
+      if (networkId === "mainnet") {
+        return mainnetArr;
       }
-    });
-    if (networkId === "mainnet") {
-      return mainnetArr;
-    }
-    if (networkId === "testnet") {
-      return testnetArr;
+      if (networkId === "testnet") {
+        return testnetArr;
+      }
+      return {
+        testnet: testnetArr,
+        mainnet: mainnetArr
+      };
     }
-    return {
-      testnet: testnetArr,
-      mainnet: mainnetArr
-    };
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
   const findByChainId = React2.useCallback(
-    (chainId) => {
-      if (!data || !data.data)
-        return void 0;
-      return data.data[chainId];
+    (chainId, field2) => {
+      const chain = map.current.get(chainId);
+      if (typeof field2 === "string") {
+        return ramda.prop(field2, chain);
+      }
+      return chain;
     },
-    [data]
+    [chains, map.current]
   );
-  return [chains, { findByChainId }];
+  return [chains, { findByChainId, error: swapSupportError || tokenError }];
 };
 var useChain = (token) => {
   const { data, isLoading } = useQuery("/v1/public/token");
@@ -2028,25 +2083,78 @@ var useWithdraw = () => {
   }, [usdc, unsettledPnL]);
   return { withdraw, isLoading, maxAmount, availableBalance, unsettledPnL };
 };
-var useDeposit = () => {
+var nativeTokenAddress = "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
+var isNativeToken = (address) => address === nativeTokenAddress;
+var useDeposit = (options) => {
+  const [balanceRevalidating, setBalanceRevalidating] = React2.useState(false);
+  const [allowanceRevalidating, setAllowanceRevalidating] = React2.useState(false);
   const [balance, setBalance] = React2.useState("0");
   const [allowance, setAllowance] = React2.useState("0");
   const { account: account5, state } = useAccount();
-  const fetchBalance = React2.useCallback(() => __async(void 0, null, function* () {
-    const balance2 = yield account5.assetsManager.getBalance();
-    setBalance(() => balance2);
-  }), [state]);
-  const fetchAllowance = React2.useCallback(() => __async(void 0, null, function* () {
-    const allowance2 = yield account5.assetsManager.getAllowance();
-    setAllowance(() => allowance2);
-    return allowance2;
+  const fetchBalanceHandler = React2.useCallback((address) => __async(void 0, null, function* () {
+    let balance2;
+    if (!!address && isNativeToken(address)) {
+      balance2 = yield account5.assetsManager.getNativeBalance();
+    } else {
+      balance2 = yield account5.assetsManager.getBalance(address);
+    }
+    return balance2;
   }), []);
+  const fetchBalance = React2.useCallback(
+    (address) => __async(void 0, null, function* () {
+      if (!address)
+        return;
+      try {
+        if (balanceRevalidating)
+          return;
+        setBalanceRevalidating(true);
+        const balance2 = yield fetchBalanceHandler(address);
+        console.log("----- refresh balance -----", balance2);
+        setBalance(() => balance2);
+        setBalanceRevalidating(false);
+      } catch (e) {
+        console.warn("----- refresh balance error -----", e);
+        setBalanceRevalidating(false);
+        setBalance(() => "0");
+      }
+    }),
+    [state, balanceRevalidating]
+  );
+  const fetchBalances = React2.useCallback((tokens) => __async(void 0, null, function* () {
+    const tasks = [];
+    console.log("fetch balances ---->>>>", tokens);
+    for (const token of tokens) {
+      if (isNativeToken(token.address)) {
+        continue;
+      }
+      tasks.push(account5.assetsManager.getBalanceByAddress(token.address));
+    }
+    const balances = yield Promise.all(tasks);
+    console.log("----- get balances from tokens -----", balances);
+  }), []);
+  const fetchAllowance = React2.useCallback(
+    (address) => __async(void 0, null, function* () {
+      if (!address)
+        return;
+      if (address && isNativeToken(address))
+        return;
+      if (allowanceRevalidating)
+        return;
+      setAllowanceRevalidating(true);
+      const allowance2 = yield account5.assetsManager.getAllowance(address);
+      console.log("----- refresh allowance -----", allowance2);
+      setAllowance(() => allowance2);
+      setAllowanceRevalidating(false);
+      return allowance2;
+    }),
+    [allowanceRevalidating]
+  );
   React2.useEffect(() => {
     if (state.status < types.AccountStatusEnum.EnableTrading)
       return;
-    fetchBalance();
-    fetchAllowance();
-  }, [state]);
+    fetchBalance(options == null ? void 0 : options.address);
+    fetchAllowance(options == null ? void 0 : options.address);
+  }, [state.status, options == null ? void 0 : options.address]);
   const approve = React2.useCallback(
     (amount) => {
       return account5.assetsManager.approve(amount).then((result) => {
@@ -2061,7 +2169,6 @@ var useDeposit = () => {
   const deposit = React2.useCallback(
     (amount) => {
       return account5.assetsManager.deposit(amount).then((res) => {
-        console.log("----- deposit -----", res);
         setAllowance((value) => new utils.Decimal(value).sub(amount).toString());
         setBalance((value) => new utils.Decimal(value).sub(amount).toString());
         return res;
@@ -2072,8 +2179,12 @@ var useDeposit = () => {
   return {
     balance,
     allowance,
+    balanceRevalidating,
+    allowanceRevalidating,
     approve,
-    deposit
+    deposit,
+    fetchBalances,
+    fetchBalance: fetchBalanceHandler
   };
 };
 var useWalletSubscription = (options) => {