@orderly.network/hooks 0.0.94 → 1.0.0

package/dist/index.js

@@ -1,49 +1,56 @@
 'use strict';
 
-var React2 = require('react');
 var useSWR = require('swr');
 var net = require('@orderly.network/net');
+var React = require('react');
 var useSWRMutation = require('swr/mutation');
-var useConstant = require('use-constant');
+var useConstant4 = require('use-constant');
 var core = require('@orderly.network/core');
 var types = require('@orderly.network/types');
 var utils = require('@orderly.network/utils');
 var useSWRSubscription = require('swr/subscription');
 var ramda = require('ramda');
-var futures = require('@orderly.network/futures');
+var perp = require('@orderly.network/perp');
 var useSWRInfinite = require('swr/infinite');
 var useDebounce = require('use-debounce');
 var scanClient = require('@layerzerolabs/scan-client');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
+var React__default = /*#__PURE__*/_interopDefault(React);
 var useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
-var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
+var useConstant4__default = /*#__PURE__*/_interopDefault(useConstant4);
 var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscription);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
 
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var OrderlyContext = React2.createContext({
+// src/useQuery.ts
+var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
+var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
-var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
+
+// src/useConfig.ts
+var useConfig = (key, defaultValue) => {
+  const { configStore } = React.useContext(OrderlyContext);
+  if (typeof key !== "undefined") {
+    if (typeof defaultValue !== "undefined") {
+      return configStore.getOr(key, defaultValue);
+    }
+    return configStore.get(key);
+  }
+  return configStore;
+};
 
 // src/useQuery.ts
 var useQuery = (query, options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   const { formatter, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
-    throw new Error("please add OrderlyProvider to your app");
+    throw new Error("please add OrderlyConfigProvider to your app");
   }
   return useSWR__default.default(
-    // `${apiBaseUrl}${query}`,
     query,
     (url, init) => fetcher(url.startsWith("http") ? url : `${apiBaseUrl}${url}`, init, {
       formatter
@@ -52,10 +59,10 @@ var useQuery = (query, options) => {
   );
 };
 var useLazyQuery = (query, options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   const { formatter, init, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
-    throw new Error("please add OrderlyProvider to your app");
+    throw new Error("please add OrderlyConfigProvider to your app");
   }
   return useSWRMutation__default.default(
     query,
@@ -75,7 +82,7 @@ var useLazyQuery = (query, options) => {
   );
 };
 var useAccountInstance = () => {
-  const { configStore, keyStore, contractManager, getWalletAdapter } = React2.useContext(OrderlyContext);
+  const { configStore, keyStore, getWalletAdapter } = React.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -83,13 +90,12 @@ var useAccountInstance = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account5 = useConstant__default.default(() => {
+  const account5 = useConstant4__default.default(() => {
     let account6 = core.SimpleDI.get("account");
     if (!account6) {
       account6 = new core.Account(
         configStore,
         keyStore,
-        contractManager,
         getWalletAdapter
         // walletAdapter
       );
@@ -118,7 +124,7 @@ var fetcher2 = (url, options) => {
   return net.mutate(url, init);
 };
 var useMutation = (url, method = "POST", options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   let fullUrl = url;
   if (!url.startsWith("http")) {
     fullUrl = `${apiBaseUrl}${url}`;
@@ -164,7 +170,7 @@ var useMutation = (url, method = "POST", options) => {
   ];
 };
 var signatureMiddleware = (useSWRNext) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const apiBaseUrl = useConfig("apiBaseUrl");
   return (key, fetcher3, config) => {
     try {
       const extendedFetcher = async (args) => {
@@ -177,6 +183,7 @@ var signatureMiddleware = (useSWRNext) => {
           url
         };
         const signature = await signer.sign(payload);
+        console.log("signature:", fullUrl);
         return fetcher3(fullUrl, {
           headers: {
             ...signature,
@@ -194,11 +201,11 @@ var signatureMiddleware = (useSWRNext) => {
 var useAccount = () => {
   const {
     configStore,
-    keyStore,
-    onWalletConnect,
-    onWalletDisconnect,
-    onSetChain
-  } = React2.useContext(OrderlyContext);
+    keyStore
+    // onWalletConnect,
+    // onWalletDisconnect,
+    // onSetChain,
+  } = React.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -207,45 +214,35 @@ var useAccount = () => {
     );
   }
   const account5 = useAccountInstance();
-  const [state, setState] = React2.useState(account5.stateValue);
+  const [state, setState] = React.useState(account5.stateValue);
   const statusChangeHandler = (nextState) => {
     setState(() => nextState);
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     account5.on("change:status", statusChangeHandler);
     return () => {
       account5.off("change:status", statusChangeHandler);
     };
   }, []);
-  const createOrderlyKey = React2.useCallback(
+  const createOrderlyKey = React.useCallback(
     async (remember) => {
       return account5.createOrderlyKey(remember ? 365 : 30);
     },
     [account5]
   );
-  const createAccount = React2.useCallback(async () => {
+  const createAccount = React.useCallback(async () => {
     return account5.createAccount();
   }, [account5]);
-  const connect = React2.useCallback(async () => {
-    return onWalletConnect?.();
-  }, [account5]);
-  const disconnect = async () => {
-    return onWalletDisconnect?.();
-  };
-  const setChain = async (chainId) => {
-    return onSetChain?.(chainId);
-  };
   return {
-    // account: state!,
     account: account5,
     state,
     // info: {},
     // login,
     createOrderlyKey,
-    createAccount,
-    disconnect,
-    connect,
-    setChain
+    createAccount
+    // disconnect,
+    // connect,
+    // setChain,
     // settlement,
   };
 };
@@ -255,7 +252,6 @@ var usePrivateQuery = (query, options) => {
   const middleware = Array.isArray(options?.use) ? options?.use ?? [] : [];
   return useSWR__default.default(
     () => account5.state.status >= types.AccountStatusEnum.EnableTrading ? [query, account5.state.accountId] : null,
-    // query,
     (url, init) => {
       return fetcher(url, init, { formatter });
     },
@@ -268,36 +264,14 @@ var usePrivateQuery = (query, options) => {
   );
 };
 var useBoolean = (initialValue = false) => {
-  const [value, setValue] = React2.useState(initialValue);
-  const setTrue = React2.useCallback(() => setValue(true), []);
-  const setFalse = React2.useCallback(() => setValue(false), []);
-  const toggle = React2.useCallback(() => setValue((v) => !v), []);
+  const [value, setValue] = React.useState(initialValue);
+  const setTrue = React.useCallback(() => setValue(true), []);
+  const setFalse = React.useCallback(() => setValue(false), []);
+  const toggle = React.useCallback(() => setValue((v) => !v), []);
   return [value, { setTrue, setFalse, toggle }];
 };
-
-// src/useTradingView.ts
-var useTradingView = () => {
-  return {};
-};
-var useTopicObserve = (topic) => {
-  const [data, setData] = React2.useState();
-  React2.useEffect(() => {
-    return () => {
-    };
-  }, []);
-  return {
-    data
-  };
-};
-var useAppState = () => {
-  const { errors } = React2.useContext(OrderlyContext);
-  return {
-    errors
-    // ready,
-  };
-};
 var usePreLoadData = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const { error: swapSupportError, data: swapSupportData } = useSWR__default.default(
     `${configStore.get("swapSupportApiUrl")}/swap_support`,
     (url) => fetch(url).then((res) => res.json()),
@@ -308,7 +282,7 @@ var usePreLoadData = () => {
   const { error: tokenError, data: tokenData } = useQuery("/v1/public/token", {
     revalidateOnFocus: false
   });
-  const isDone = React2.useMemo(() => {
+  const isDone = React.useMemo(() => {
     return !!swapSupportData && !!tokenData;
   }, [swapSupportData, tokenData]);
   return {
@@ -316,8 +290,8 @@ var usePreLoadData = () => {
     done: isDone
   };
 };
-var useEventEmitter = (channel) => {
-  return useConstant__default.default(() => {
+var useEventEmitter = () => {
+  return useConstant4__default.default(() => {
     let ee = core.SimpleDI.get("EE");
     if (!ee) {
       ee = new core.EventEmitter();
@@ -338,7 +312,7 @@ function parseJSON(value) {
 
 // src/useSessionStorage.ts
 function useSessionStorage(key, initialValue) {
-  const readValue = React2.useCallback(() => {
+  const readValue = React.useCallback(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -350,7 +324,7 @@ function useSessionStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = React2.useState(readValue);
+  const [storedValue, setStoredValue] = React.useState(readValue);
   const setValue = (value) => {
     if (typeof window == "undefined") {
       console.warn(
@@ -365,10 +339,10 @@ function useSessionStorage(key, initialValue) {
       console.warn(`Error setting sessionStorage key \u201C${key}\u201D:`, error);
     }
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setStoredValue(readValue());
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (typeof window == "undefined") {
       return;
     }
@@ -377,7 +351,7 @@ function useSessionStorage(key, initialValue) {
       window.removeEventListener("storage", handleStorageChange);
     };
   });
-  const handleStorageChange = React2.useCallback(
+  const handleStorageChange = React.useCallback(
     (event) => {
       if (event?.key && event.key !== key) {
         return;
@@ -389,7 +363,7 @@ function useSessionStorage(key, initialValue) {
   return [storedValue, setValue];
 }
 function useLocalStorage(key, initialValue) {
-  const readValue = React2.useCallback(() => {
+  const readValue = React.useCallback(() => {
     if (typeof window === "undefined") {
       return initialValue;
     }
@@ -401,8 +375,8 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   }, [initialValue, key]);
-  const [storedValue, setStoredValue] = React2.useState(readValue);
-  const setValue = React2.useCallback(
+  const [storedValue, setStoredValue] = React.useState(readValue);
+  const setValue = React.useCallback(
     (value) => {
       if (typeof window === "undefined") {
         console.warn(
@@ -419,37 +393,15 @@ function useLocalStorage(key, initialValue) {
     },
     [storedValue]
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setStoredValue(readValue());
   }, []);
   return [storedValue, setValue];
 }
-var useRunOnce = ({ fn, sessionKey }) => {
-  const triggered = React2.useRef(false);
-  React2.useEffect(() => {
-    const hasBeenTriggered = sessionKey ? sessionStorage.getItem(sessionKey) : triggered.current;
-    if (!hasBeenTriggered) {
-      fn();
-      triggered.current = true;
-      if (sessionKey) {
-        sessionStorage.setItem(sessionKey, "true");
-      }
-    }
-  }, [fn, sessionKey]);
-  return null;
-};
-var DataSourceContext = React2.createContext({});
-var DataSourceProvider = (props) => {
-  useAccountInstance();
-  useConstant__default.default(() => {
-  });
-  return /* @__PURE__ */ React2__default.default.createElement(DataSourceContext.Provider, { value: {} }, props.children);
-};
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
-  useAccount();
-  const { configStore } = React2.useContext(OrderlyContext);
-  const ws = useConstant__default.default(() => {
+  const { configStore } = React.useContext(OrderlyContext);
+  const ws = useConstant4__default.default(() => {
     let websocketClient = core.SimpleDI.get(WS_NAME);
     const account5 = core.SimpleDI.get(core.Account.instanceName);
     if (!websocketClient) {
@@ -476,9 +428,44 @@ var useWS = () => {
   });
   return ws;
 };
-var useConfig = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
-  return configStore;
+var OrderlyConfigProvider = (props) => {
+  const { configStore, keyStore, getWalletAdapter, brokerId, networkId } = props;
+  if (!brokerId && typeof configStore === "undefined") {
+    console.error("[OrderlyConfigProvider]: brokerId is required");
+  }
+  const innerConfigStore = useConstant4__default.default(() => {
+    return configStore || new core.MemoryConfigStore({ brokerId });
+  });
+  const innerKeyStore = useConstant4__default.default(() => {
+    return keyStore || new core.LocalStorageStore(networkId);
+  });
+  const innerGetWalletAdapter = useConstant4__default.default(() => {
+    return getWalletAdapter || ((options) => new core.EtherAdapter(options));
+  });
+  React.useEffect(() => {
+    let account5 = core.SimpleDI.get(core.Account.instanceName);
+    if (!account5) {
+      account5 = new core.Account(
+        innerConfigStore,
+        innerKeyStore,
+        innerGetWalletAdapter
+      );
+      core.SimpleDI.registerByName(core.Account.instanceName, account5);
+    }
+  }, []);
+  return /* @__PURE__ */ React__default.default.createElement(
+    OrderlyProvider,
+    {
+      value: {
+        configStore: innerConfigStore,
+        keyStore: innerKeyStore,
+        getWalletAdapter: innerGetWalletAdapter,
+        networkId
+        // apiBaseUrl,
+      }
+    },
+    props.children
+  );
 };
 var useMarkPrice = (symbol) => {
   const ws = useWS();
@@ -532,9 +519,9 @@ var useTickerStream = (symbol) => {
       revalidateOnFocus: false
     }
   );
-  const [ticker, setTicker] = React2.useState();
+  const [ticker, setTicker] = React.useState();
   const ws = useWS();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(
       // { event: "subscribe", topic: "markprices" },
       `${symbol}@ticker`,
@@ -560,7 +547,7 @@ var useTickerStream = (symbol) => {
   const { data: markPrice } = useMarkPrice(symbol);
   const { data: indexPrice } = useIndexPrice(symbol);
   const { data: openInterest } = useOpenInterest(symbol);
-  const value = React2.useMemo(() => {
+  const value = React.useMemo(() => {
     if (!info)
       return null;
     if (!ticker)
@@ -666,7 +653,7 @@ var reduceItems = (depth, level, data, asks = false) => {
       } else {
         priceKey = new utils.Decimal(Math.floor(price / depth)).mul(depth).toNumber();
       }
-      if (depth < 1 && depth > 0) {
+      if (depth < 1 && depth > 0 && priceKey.toString().indexOf(".") !== -1) {
         const priceStr = price.toString();
         const index = priceStr.indexOf(".");
         const decimal = priceStr.slice(index + 1);
@@ -764,23 +751,23 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   if (!symbol) {
     throw new Error("useOrderbookStream requires a symbol");
   }
-  const [requestData, setRequestData] = React2.useState(null);
-  const [data, setData] = React2.useState(initial);
-  const [isLoading, setIsLoading] = React2.useState(true);
-  const [level, setLevel] = React2.useState(() => options?.level ?? 10);
+  const [requestData, setRequestData] = React.useState(null);
+  const [data, setData] = React.useState(initial);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [level, setLevel] = React.useState(() => options?.level ?? 10);
   const config = useSymbolsInfo()[symbol];
-  const [depth, setDepth] = React2.useState();
-  const depths = React2.useMemo(() => {
+  const [depth, setDepth] = React.useState();
+  const depths = React.useMemo(() => {
     const tick = config("quote_tick");
     return [tick, tick * 10, tick * 100, tick * 1e3];
   }, [config("quote_tick")]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setDepth(config("quote_tick"));
   }, [config("quote_tick")]);
   const ws = useWS();
   const ticker = useTickerStream(symbol);
   const eventEmitter = useEventEmitter();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setIsLoading(true);
     let ignore = false;
     ws.onceSubscribe(
@@ -815,7 +802,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     };
   }, [symbol, depth]);
   const { data: markPrice } = useMarkPrice(symbol);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!requestData)
       return;
     let ignore = false;
@@ -840,14 +827,14 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
       subscription?.();
     };
   }, [symbol, requestData]);
-  const onItemClick = React2.useCallback((item) => {
+  const onItemClick = React.useCallback((item) => {
     eventEmitter.emit("orderbook:item:click", item);
   }, []);
-  const onDepthChange = React2.useCallback((depth2) => {
+  const onDepthChange = React.useCallback((depth2) => {
     setDepth(() => depth2);
   }, []);
-  const prevMiddlePrice = React2.useRef(0);
-  const middlePrice = React2.useMemo(() => {
+  const prevMiddlePrice = React.useRef(0);
+  const middlePrice = React.useMemo(() => {
     let asksFrist = 0, bidsFirst = 0;
     if (data.asks.length > 0) {
       asksFrist = data.asks[data.asks.length - 1][0];
@@ -859,7 +846,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
       return 0;
     return [asksFrist, bidsFirst, ticker["24h_close"]].sort()[1];
   }, [ticker, data]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     prevMiddlePrice.current = middlePrice;
   }, [middlePrice]);
   const reducedData = reduceOrderbook(depth, level, {
@@ -1104,7 +1091,7 @@ var usePositionStream = (symbol, options) => {
     }
   });
   const { data: markPrices } = useMarkPricesStream();
-  const formatedPositions = React2.useMemo(() => {
+  const formatedPositions = React.useMemo(() => {
     if (!data?.rows || !symbolInfo || !accountInfo)
       return null;
     const filteredData = typeof symbol === "undefined" || symbol === "" ? data.rows : data.rows.filter((item) => {
@@ -1118,13 +1105,13 @@ var usePositionStream = (symbol, options) => {
         markPrices
       );
       const info = symbolInfo?.[item.symbol];
-      const notional = futures.positions.notional(item.position_qty, price);
-      const unrealPnl = futures.positions.unrealizedPnL({
+      const notional = perp.positions.notional(item.position_qty, price);
+      const unrealPnl = perp.positions.unrealizedPnL({
         qty: item.position_qty,
         openPrice: item.average_open_price,
         markPrice: price
       });
-      const imr = futures.account.IMR({
+      const imr = perp.account.IMR({
         maxLeverage: accountInfo.max_leverage,
         baseIMR: info("base_imr"),
         IMR_Factor: accountInfo.imr_factor[item.symbol],
@@ -1132,13 +1119,13 @@ var usePositionStream = (symbol, options) => {
         ordersNotional: 0,
         IMR_factor_power: 4 / 5
       });
-      const unrealPnlROI = futures.positions.unrealizedPnLROI({
+      const unrealPnlROI = perp.positions.unrealizedPnLROI({
         positionQty: item.position_qty,
         openPrice: item.average_open_price,
         IMR: imr,
         unrealizedPnL: unrealPnl
       });
-      const unsettlementPnL = futures.positions.unsettlementPnL({
+      const unsettlementPnL = perp.positions.unsettlementPnL({
         positionQty: item.position_qty,
         markPrice: price,
         costPosition: item.cost_position,
@@ -1170,30 +1157,30 @@ var usePositionStream = (symbol, options) => {
       }
     ];
   }, [data?.rows, symbolInfo, accountInfo, markPrices, symbol, holding]);
-  const [totalCollateral, totalValue, totalUnrealizedROI] = React2.useMemo(() => {
+  const [totalCollateral, totalValue, totalUnrealizedROI] = React.useMemo(() => {
     if (!holding || !markPrices) {
       return [utils.zero, utils.zero, 0];
     }
     const unsettlemnedPnL = ramda.pathOr(0, [1, "unsettledPnL"])(formatedPositions);
     const unrealizedPnL = ramda.pathOr(0, [1, "unrealPnL"])(formatedPositions);
     const [USDC_holding, nonUSDC] = parseHolding(holding, markPrices);
-    const totalCollateral2 = futures.account.totalCollateral({
+    const totalCollateral2 = perp.account.totalCollateral({
       USDCHolding: USDC_holding,
       nonUSDCHolding: nonUSDC,
       unsettlementPnL: unsettlemnedPnL
     });
-    const totalValue2 = futures.account.totalValue({
+    const totalValue2 = perp.account.totalValue({
       totalUnsettlementPnL: unsettlemnedPnL,
       USDCHolding: USDC_holding,
       nonUSDCHolding: nonUSDC
     });
-    const totalUnrealizedROI2 = futures.account.totalUnrealizedROI({
+    const totalUnrealizedROI2 = perp.account.totalUnrealizedROI({
       totalUnrealizedPnL: unrealizedPnL,
       totalValue: totalValue2.toNumber()
     });
     return [totalCollateral2, totalValue2, totalUnrealizedROI2];
   }, [holding, formatedPositions, markPrices]);
-  const positionsRows = React2.useMemo(() => {
+  const positionsRows = React.useMemo(() => {
     if (!formatedPositions)
       return null;
     if (!symbolInfo || !accountInfo)
@@ -1201,7 +1188,7 @@ var usePositionStream = (symbol, options) => {
     const total = totalCollateral.toNumber();
     return formatedPositions[0].filter((item) => item.position_qty !== 0).map((item) => {
       const info = symbolInfo?.[item.symbol];
-      const MMR = futures.positions.MMR({
+      const MMR = perp.positions.MMR({
         baseMMR: info("base_mmr"),
         baseIMR: info("base_imr"),
         IMRFactor: accountInfo.imr_factor[item.symbol],
@@ -1210,12 +1197,12 @@ var usePositionStream = (symbol, options) => {
       });
       return {
         ...item,
-        mm: futures.positions.maintenanceMargin({
+        mm: perp.positions.maintenanceMargin({
           positionQty: item.position_qty,
           markPrice: item.mark_price,
           MMR
         }),
-        est_liq_price: futures.positions.liqPrice({
+        est_liq_price: perp.positions.liqPrice({
           markPrice: item.mark_price,
           totalCollateral: total,
           positionQty: item.position_qty,
@@ -1261,7 +1248,7 @@ var useHoldingStream = () => {
       }
     }
   );
-  const usdc = React2.useMemo(() => {
+  const usdc = React.useMemo(() => {
     const usdc2 = data?.find((item) => item.token === "USDC");
     return usdc2;
   }, [data]);
@@ -1314,12 +1301,8 @@ var usePrivateInfiniteQuery = (getKey, options) => {
   );
   return result;
 };
-var useOrderStream = ({
-  status,
-  symbol,
-  side,
-  size = 100
-} = {}) => {
+var useOrderStream = (params) => {
+  const { status, symbol, side, size = 100 } = params;
   const ws = useWS();
   const { data: markPrices = {} } = useMarkPricesStream();
   const [doCancelOrder] = useMutation("/v1/order", "DELETE");
@@ -1351,7 +1334,7 @@ var useOrderStream = ({
       formatter: (data) => data
     }
   );
-  const orders = React2.useMemo(() => {
+  const orders = React.useMemo(() => {
     if (!ordersResponse.data) {
       return null;
     }
@@ -1362,10 +1345,10 @@ var useOrderStream = ({
       };
     });
   }, [ordersResponse.data, markPrices]);
-  const total = React2.useMemo(() => {
+  const total = React.useMemo(() => {
     return ordersResponse.data?.[0]?.meta?.total || 0;
   }, [ordersResponse.data]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscribe = ws.privateSubscribe(
       {
         id: "executionreport_orders",
@@ -1426,12 +1409,12 @@ var useOrderStream = ({
     );
     return () => unsubscribe();
   }, []);
-  const cancelAllOrders = React2.useCallback(() => {
+  const cancelAllOrders = React.useCallback(() => {
   }, [ordersResponse.data]);
-  const updateOrder = React2.useCallback((orderId, order2) => {
+  const updateOrder = React.useCallback((orderId, order2) => {
     return doUpdateOrder({ ...order2, order_id: orderId });
   }, []);
-  const cancelOrder = React2.useCallback((orderId, symbol2) => {
+  const cancelOrder = React.useCallback((orderId, symbol2) => {
     return doCancelOrder(null, {
       order_id: orderId,
       symbol: symbol2
@@ -1474,7 +1457,6 @@ function rePageData(list, total, pageSize) {
       rows = [];
     }
   }
-  console.log("rePageData", list, total, newData);
   return newData;
 }
 function editPageData(list, newOrder) {
@@ -1503,17 +1485,17 @@ var useCollateral = (options = { dp: 6 }) => {
   const symbolInfo = useSymbolsInfo();
   const { data: markPrices } = useMarkPricesStream();
   const { usdc } = useHoldingStream();
-  const [totalCollateral, totalValue] = React2.useMemo(() => {
+  const [totalCollateral, totalValue] = React.useMemo(() => {
     return [
       ramda.pathOr(utils.zero, [0, "totalCollateral"], positions2),
       ramda.pathOr(utils.zero, [0, "totalValue"], positions2)
     ];
   }, [positions2, markPrices]);
-  const totalInitialMarginWithOrders = React2.useMemo(() => {
+  const totalInitialMarginWithOrders = React.useMemo(() => {
     if (!accountInfo || !symbolInfo || !markPrices) {
       return 0;
     }
-    return futures.account.totalInitialMarginWithOrders({
+    return perp.account.totalInitialMarginWithOrders({
       positions: positionsPath(positions2),
       orders: orders ?? [],
       markPrices,
@@ -1522,14 +1504,14 @@ var useCollateral = (options = { dp: 6 }) => {
       symbolInfo
     });
   }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
-  const freeCollateral = React2.useMemo(() => {
-    return futures.account.freeCollateral({
+  const freeCollateral = React.useMemo(() => {
+    return perp.account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
     });
   }, [totalCollateral, totalInitialMarginWithOrders]);
-  const availableBalance = React2.useMemo(() => {
-    return futures.account.availableBalance({
+  const availableBalance = React.useMemo(() => {
+    return perp.account.availableBalance({
       USDCHolding: usdc?.holding ?? 0,
       unsettlementPnL: pathOr_unsettledPnLPathOr(positions2)
     });
@@ -1550,11 +1532,11 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
   const { data: markPrices } = useMarkPricesStream();
-  const maxQty = React2.useMemo(() => {
+  const maxQty = React.useMemo(() => {
     if (!symbol)
       return 0;
     const positions2 = positionsPath2(positionsData);
-    const positionQty = futures.account.getQtyFromPositions(positions2, symbol);
+    const positionQty = perp.account.getQtyFromPositions(positions2, symbol);
     if (reduceOnly) {
       if (positionQty > 0) {
         if (side === types.OrderSide.BUY) {
@@ -1575,12 +1557,12 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
     if (!markPrices || !markPrices[symbol] || !orders || !accountInfo)
       return 0;
     const getSymbolInfo = symbolInfo[symbol];
-    const buyOrdersQty = futures.account.getQtyFromOrdersBySide(
+    const buyOrdersQty = perp.account.getQtyFromOrdersBySide(
       orders,
       symbol,
       types.OrderSide.BUY
     );
-    const sellOrdersQty = futures.account.getQtyFromOrdersBySide(
+    const sellOrdersQty = perp.account.getQtyFromOrdersBySide(
       orders,
       symbol,
       types.OrderSide.SELL
@@ -1591,7 +1573,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
     const otherOrders = orders.filter(
       (item) => item.symbol !== symbol
     );
-    const otherIMs = futures.account.otherIMs({
+    const otherIMs = perp.account.otherIMs({
       orders: otherOrders,
       positions: otherPositions,
       symbolInfo,
@@ -1599,7 +1581,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
       IMR_Factors: accountInfo.imr_factor,
       maxLeverage: accountInfo.max_leverage
     });
-    return futures.account.maxQty(side, {
+    return perp.account.maxQty(side, {
       markPrice: markPrices[symbol],
       symbol,
       baseMaxQty: getSymbolInfo("base_max"),
@@ -1626,7 +1608,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
   ]);
   return maxQty;
 };
-var { maxPrice, minPrice } = futures.order;
+var { maxPrice, minPrice } = perp.order;
 var BaseOrderCreator = class {
   baseOrder(data) {
     const order2 = {
@@ -1787,11 +1769,11 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
   const [doCreateOrder] = useMutation("/v1/order");
   const { freeCollateral } = useCollateral();
   const symbolInfo = useSymbolsInfo();
-  const baseDP = React2.useMemo(
+  const baseDP = React.useMemo(
     () => utils.getPrecisionByNumber(symbolInfo[symbol]("base_tick", 0)),
     [symbolInfo]
   );
-  const quoteDP = React2.useMemo(() => {
+  const quoteDP = React.useMemo(() => {
     return utils.getPrecisionByNumber(symbolInfo[symbol]("quote_tick", 0));
   }, [symbolInfo]);
   const { data: markPrice } = useMarkPrice(symbol);
@@ -1830,7 +1812,7 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
       });
     });
   };
-  const calculate = React2.useCallback(
+  const calculate = React.useCallback(
     (values, field, value) => {
       const fieldHandler = getCalculateHandler(field);
       const newValues = ramda.compose(
@@ -1864,65 +1846,11 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
     symbolConfig: symbolInfo[symbol]()
   };
 };
-var useFetures = () => {
-  const { data, isLoading, error } = useQuery(
-    `/v1/public/futures`,
-    {
-      revalidateOnFocus: false
-    }
-  );
-  const [sortedData, setSortedData] = React2.useState(data);
-  useWS();
-  React2.useEffect(() => {
-  }, []);
-  React2.useEffect(() => {
-    if (data) {
-      const sortedData2 = data.sort((a, b) => {
-        return 0;
-      });
-      setSortedData(sortedData2);
-    }
-  }, [data]);
-  const sortBy = React2.useCallback((key) => {
-  }, [data]);
-  const filterBy = React2.useCallback((key) => {
-  }, [data]);
-  return {
-    // ...data,
-    data: sortedData,
-    sortBy,
-    filterBy,
-    isLoading,
-    error
-  };
-};
 
 // src/orderly/useAccountInfo.ts
 var useAccountInfo = () => {
   return usePrivateQuery("/v1/client/info");
 };
-
-// src/orderly/useTokenInfo.ts
-var useTokenInfo = () => {
-  const { data = {} } = useQuery(
-    "/v1/public/token",
-    {
-      focusThrottleInterval: 1e3 * 60 * 60 * 24,
-      revalidateOnFocus: false,
-      formatter(data2) {
-        if (!data2?.rows || !data2?.rows?.length) {
-          return {};
-        }
-        const obj = /* @__PURE__ */ Object.create(null);
-        for (let index = 0; index < data2.rows.length; index++) {
-          data2.rows[index];
-        }
-        return obj;
-      }
-    }
-  );
-  return createGetter(data);
-};
 var useMarketsStream = () => {
   const ws = useWS();
   const { data: futures } = useQuery(`/v1/public/futures`, {
@@ -1948,7 +1876,7 @@ var useMarketsStream = () => {
       unsubscribe?.();
     };
   });
-  const value = React2.useMemo(() => {
+  const value = React.useMemo(() => {
     if (!futures)
       return null;
     if (!tickers)
@@ -1975,7 +1903,7 @@ var useLeverage = () => {
   const { data, mutate: mutate2 } = usePrivateQuery("/v1/client/info");
   const [update] = useMutation("/v1/client/leverage");
   const { data: config } = useQuery("/v1/public/config");
-  const updateLeverage = React2.useCallback((data2) => {
+  const updateLeverage = React.useCallback((data2) => {
     return update(data2).then((res) => {
       console.log(res);
       if (res.success) {
@@ -1998,7 +1926,7 @@ var useFundingRate = (symbol) => {
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
   }
-  const [countDown, setCountDown] = React2.useState("00:00:00");
+  const [countDown, setCountDown] = React.useState("00:00:00");
   const { data } = useQuery(
     `/v1/public/funding_rate/${symbol}`,
     {
@@ -2008,7 +1936,7 @@ var useFundingRate = (symbol) => {
       }
     }
   );
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!data)
       return;
     const { next_funding_time } = data;
@@ -2038,12 +1966,11 @@ var useMarketTradeStream = (symbol, options = {}) => {
   if (!symbol) {
     throw new Error("useTradeStream: symbol is required");
   }
-  const [trades, setTrades] = React2.useState([]);
-  const [isLoading, setIsLoading] = React2.useState(false);
-  React2.useState(() => symbol);
+  const [trades, setTrades] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
   const { limit = 50 } = options;
   const ws = useWS();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     setIsLoading(true);
     setTrades(() => []);
     ws.onceSubscribe(
@@ -2064,7 +1991,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
       }
     );
   }, [symbol]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const unsubscript = ws.subscribe(
       {
         id: `${symbol}@trade`,
@@ -2094,19 +2021,19 @@ var useMarginRatio = () => {
   const [{ rows }] = usePositionStream();
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
-  const marginRatio = React2.useMemo(() => {
+  const marginRatio = React.useMemo(() => {
     if (!rows || !markPrices || !totalCollateral || rows.length === 0) {
       return 0;
     }
-    const ratio = futures.account.totalMarginRatio({
+    const ratio = perp.account.totalMarginRatio({
       totalCollateral,
       markPrices,
       positions: rows ?? []
     });
     return ratio;
   }, [rows, markPrices, totalCollateral]);
-  const currentLeverage = React2.useMemo(() => {
-    return futures.account.currentLeverage(marginRatio);
+  const currentLeverage = React.useMemo(() => {
+    return perp.account.currentLeverage(marginRatio);
   }, [marginRatio]);
   return { marginRatio, currentLeverage };
 };
@@ -3128,9 +3055,9 @@ var isNativeTokenChecker = (address) => address === nativeTokenAddress;
 // src/orderly/useChains.ts
 var useChains = (networkId, options = {}) => {
   const { filter, pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
-  const { configStore, networkId: envNetworkId } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const field = options?.pick;
-  const map2 = React2.useRef(
+  const map = React.useRef(
     /* @__PURE__ */ new Map()
   );
   const { data, error: swapSupportError } = useSWR__default.default(
@@ -3158,7 +3085,7 @@ var useChains = (networkId, options = {}) => {
       dedupingInterval: 36e5
     }
   );
-  const chains = React2.useMemo(() => {
+  const chains = React.useMemo(() => {
     if (!orderlyChains)
       return void 0;
     let orderlyChainsArr = [];
@@ -3188,7 +3115,7 @@ var useChains = (networkId, options = {}) => {
           if (!options.filter(_chain))
             return;
         }
-        map2.current.set(chainId, _chain);
+        map.current.set(chainId, _chain);
         orderlyChainsArr.push(_chain);
       });
     });
@@ -3237,7 +3164,7 @@ var useChains = (networkId, options = {}) => {
         });
         if (item.token_infos?.length === 0)
           return;
-        map2.current.set(item.network_infos.chain_id, item);
+        map.current.set(item.network_infos.chain_id, item);
         if (typeof options?.filter === "function") {
           if (!options.filter(item))
             return;
@@ -3270,9 +3197,9 @@ var useChains = (networkId, options = {}) => {
       };
     }
   }, [data, networkId, field, options, orderlyChains, wooSwapEnabled]);
-  const findByChainId = React2.useCallback(
+  const findByChainId = React.useCallback(
     (chainId, field2) => {
-      const chain = map2.current.get(chainId);
+      const chain = map.current.get(chainId);
       if (chain) {
         chain.nativeToken = chain.token_infos?.find(
           (item) => item.address === nativeTokenAddress
@@ -3283,7 +3210,7 @@ var useChains = (networkId, options = {}) => {
       }
       return chain;
     },
-    [chains, map2.current]
+    [chains, map.current]
   );
   return [
     chains,
@@ -3297,7 +3224,7 @@ var useChains = (networkId, options = {}) => {
 };
 var useChain = (token) => {
   const { data, isLoading } = useQuery("/v1/public/token");
-  const chains = React2.useMemo(() => {
+  const chains = React.useMemo(() => {
     if (!data)
       return null;
     let item = data.find((chain) => chain.token === token);
@@ -3316,9 +3243,9 @@ var useChain = (token) => {
 };
 var useWithdraw = () => {
   const { account: account5, state } = useAccount();
-  const [isLoading, setIsLoading] = React2.useState(false);
+  const [isLoading, setIsLoading] = React.useState(false);
   const { unsettledPnL, availableBalance } = useCollateral();
-  const withdraw = React2.useCallback(
+  const withdraw = React.useCallback(
     (inputs) => {
       return account5.assetsManager.withdraw(inputs).then((res) => {
         return res;
@@ -3327,7 +3254,7 @@ var useWithdraw = () => {
     [state]
   );
   const { usdc } = useHoldingStream();
-  const maxAmount = React2.useMemo(() => {
+  const maxAmount = React.useMemo(() => {
     if (!usdc || !usdc.holding)
       return 0;
     if (unsettledPnL >= 0)
@@ -3337,18 +3264,18 @@ var useWithdraw = () => {
   return { withdraw, isLoading, maxAmount, availableBalance, unsettledPnL };
 };
 var useDeposit = (options) => {
-  const { onlyTestnet } = React2.useContext(OrderlyContext);
-  const [balanceRevalidating, setBalanceRevalidating] = React2.useState(false);
-  const [allowanceRevalidating, setAllowanceRevalidating] = React2.useState(false);
+  const { onlyTestnet } = React.useContext(OrderlyContext);
+  const [balanceRevalidating, setBalanceRevalidating] = React.useState(false);
+  const [allowanceRevalidating, setAllowanceRevalidating] = React.useState(false);
   const [_, { findByChainId }] = useChains(void 0, {
     wooSwapEnabled: true
   });
-  const [balance, setBalance] = React2.useState("0");
-  const [allowance, setAllowance] = React2.useState("0");
+  const [balance, setBalance] = React.useState("0");
+  const [allowance, setAllowance] = React.useState("0");
   const { account: account5, state } = useAccount();
-  const prevAddress = React2.useRef();
-  const getBalanceListener = React2.useRef();
-  const dst = React2.useMemo(() => {
+  const prevAddress = React.useRef();
+  const getBalanceListener = React.useRef();
+  const dst = React.useMemo(() => {
     const chain = onlyTestnet ? findByChainId(types.ARBITRUM_TESTNET_CHAINID) : findByChainId(types.ARBITRUM_MAINNET_CHAINID);
     const USDC = chain?.token_infos.find((token) => token.symbol === "USDC");
     if (!chain) {
@@ -3363,11 +3290,11 @@ var useDeposit = (options) => {
       // chainId: 42161,
     };
   }, []);
-  const isNativeToken = React2.useMemo(
+  const isNativeToken = React.useMemo(
     () => isNativeTokenChecker(options?.address || ""),
     [options?.address]
   );
-  const fetchBalanceHandler = React2.useCallback(
+  const fetchBalanceHandler = React.useCallback(
     async (address, decimals) => {
       let balance2;
       if (!!address && isNativeTokenChecker(address)) {
@@ -3381,7 +3308,7 @@ var useDeposit = (options) => {
     },
     []
   );
-  const fetchBalance = React2.useCallback(
+  const fetchBalance = React.useCallback(
     async (address, decimals) => {
       if (!address)
         return;
@@ -3400,7 +3327,7 @@ var useDeposit = (options) => {
     },
     [state, balanceRevalidating]
   );
-  const fetchBalances = React2.useCallback(async (tokens) => {
+  const fetchBalances = React.useCallback(async (tokens) => {
     const tasks = [];
     for (const token of tokens) {
       if (isNativeTokenChecker(token.address)) {
@@ -3435,7 +3362,7 @@ var useDeposit = (options) => {
     const allowance2 = await account5.assetsManager.getAllowance(address);
     setAllowance(() => allowance2);
   };
-  const getVaultAddress = React2.useCallback(() => {
+  const getVaultAddress = React.useCallback(() => {
     if (dst.chainId !== options?.srcChainId) {
       return options?.crossChainRouteAddress;
     } else {
@@ -3444,7 +3371,7 @@ var useDeposit = (options) => {
       }
     }
   }, [options, dst]);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (state.status < types.AccountStatusEnum.Connected)
       return;
     fetchBalance(options?.address, options?.decimals);
@@ -3467,7 +3394,7 @@ var useDeposit = (options) => {
     account5.address,
     dst
   ]);
-  const approve = React2.useCallback(
+  const approve = React.useCallback(
     (amount) => {
       if (!options?.address) {
         throw new Error("address is required");
@@ -3482,7 +3409,7 @@ var useDeposit = (options) => {
     },
     [account5, getAllowance, options?.address]
   );
-  const deposit = React2.useCallback(
+  const deposit = React.useCallback(
     (amount) => {
       return account5.assetsManager.deposit(amount).then((res) => {
         setAllowance((value) => new utils.Decimal(value).sub(amount).toString());
@@ -3503,7 +3430,7 @@ var useDeposit = (options) => {
       loopGetBalance();
     }, 3e3);
   };
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!options?.address) {
       return;
     }
@@ -3538,7 +3465,7 @@ var useWalletSubscription = (options) => {
       {
         onMessage: (data) => {
           options?.onMessage?.(data);
-          next(data);
+          next(null, data);
         }
       }
     );
@@ -3565,22 +3492,11 @@ var useSettleSubscription = (options) => {
     return () => unsubscribe();
   });
 };
-var useBalance = () => {
-  const ws = useWS();
-  const { data } = useSWRSubscription__default.default("balance", (_, { next }) => {
-    const unsubscribe = ws.privateSubscribe("balance", {
-      onMessage: (data2) => {
-      }
-    });
-    return () => unsubscribe();
-  });
-  return data;
-};
 var usePrivateDataObserver = () => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWR.useSWRConfig();
   const { state } = useAccount();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     if (!state.accountId)
       return;
     const key = ["/v1/positions", state.accountId];
@@ -3629,39 +3545,11 @@ var usePrivateDataObserver = () => {
     };
   }, [state.accountId]);
 };
-
-// src/apis/index.ts
-var apis_exports = {};
-__export(apis_exports, {
-  useFundingRateBySymbol: () => useFundingRateBySymbol,
-  useInfo: () => useInfo,
-  useToken: () => useToken
-});
-
-// src/apis/useInfo.ts
-var useInfo = () => {
-  return useQuery("/v1/public/info", {
-    // refreshInterval: 1000 * 60 * 60 * 24,
-  });
-};
-
-// src/apis/useToken.ts
-var useToken = () => {
-  return useQuery("/v1/public/token");
-};
-
-// src/apis/useFundingRateBySymbol.ts
-var useFundingRateBySymbol = (symbol) => {
-  if (!symbol) {
-    throw new Error("symbol is required");
-  }
-  return useQuery(`/public/funding_rate/${symbol}`);
-};
 var useWooSwapQuery = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const account5 = useAccountInstance();
   const [loading, { setTrue: start, setFalse: stop }] = useBoolean(false);
-  const query = React2.useCallback(
+  const query = React.useCallback(
     (inputs) => {
       if (loading)
         return;
@@ -3702,17 +3590,17 @@ var useWooSwapQuery = () => {
   };
 };
 var useWooCrossSwapQuery = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = React.useContext(OrderlyContext);
   const [loading, { setTrue: start, setFalse: stop }] = useBoolean(false);
   const account5 = useAccountInstance();
-  const dstValutDeposit = React2.useCallback(() => {
+  const dstValutDeposit = React.useCallback(() => {
     return {
       accountId: account5.accountIdHashStr,
       brokerHash: core.utils.parseBrokerHash(configStore.get("brokerId")),
       tokenHash: core.utils.parseTokenHash("USDC")
     };
   }, [account5]);
-  const queryDestinationFee = React2.useCallback(
+  const queryDestinationFee = React.useCallback(
     async (crossChainRouteAddress, dst) => {
       if (!account5.walletClient) {
         throw new Error("walletClient is not ready");
@@ -3729,7 +3617,7 @@ var useWooCrossSwapQuery = () => {
     },
     []
   );
-  const query = React2.useCallback(
+  const query = React.useCallback(
     (inputs) => {
       if (loading)
         return;
@@ -3790,20 +3678,21 @@ var useWooCrossSwapQuery = () => {
 };
 var useCrossSwap = () => {
   const [loading, { setTrue: start, setFalse: stop }] = useBoolean(false);
-  const [layerStatus, setLayerStatus] = React2.useState(
+  const [layerStatus, setLayerStatus] = React.useState(
     "WAITTING" /* INITIALIZING */
   );
   const ee = useEventEmitter();
-  const [bridgeMessage, setBridgeMessage] = React2.useState();
-  const [status, setStatus] = React2.useState(
+  const [bridgeMessage, setBridgeMessage] = React.useState();
+  const [status, setStatus] = React.useState(
     types.WS_WalletStatusEnum.NO
   );
-  const txHashFromBridge = React2.useRef();
+  const txHashFromBridge = React.useRef();
   const account5 = useAccountInstance();
-  const { networkId, configStore } = React2.useContext(OrderlyContext);
-  const client = React2.useRef(scanClient.createClient(networkId)).current;
-  const timer = React2.useRef();
-  React2.useEffect(() => {
+  const { configStore } = React.useContext(OrderlyContext);
+  const networkId = useConfig("networkId");
+  const client = React.useRef(scanClient.createClient(networkId)).current;
+  const timer = React.useRef();
+  React.useEffect(() => {
     const handler = (data) => {
       const { side, transStatus, trxId } = data;
       if (side === "DEPOSIT" && trxId === txHashFromBridge.current) {
@@ -3815,7 +3704,7 @@ var useCrossSwap = () => {
       ee.off("wallet:changed", handler);
     };
   }, [txHashFromBridge.current]);
-  const checkLayerStatus = React2.useCallback((txHash) => {
+  const checkLayerStatus = React.useCallback((txHash) => {
     const check = async (txHash2) => {
       try {
         const { messages } = await client.getMessagesBySrcTxHash(txHash2);
@@ -3847,14 +3736,14 @@ var useCrossSwap = () => {
     };
     check(txHash);
   }, []);
-  React2.useEffect(() => {
+  React.useEffect(() => {
     return () => {
       if (timer.current) {
         clearTimeout(timer.current);
       }
     };
   }, []);
-  const dstValutDeposit = React2.useCallback(() => {
+  const dstValutDeposit = React.useCallback(() => {
     return {
       accountId: account5.accountIdHashStr,
       brokerHash: core.utils.parseBrokerHash(configStore.get("brokerId")),
@@ -4190,13 +4079,13 @@ var woofiDexDepositorAbi = [
 var useSwap = () => {
   const [loading, { setTrue: start, setFalse: stop }] = useBoolean(false);
   const account5 = useAccountInstance();
-  const { configStore } = React2.useContext(OrderlyContext);
-  const [status, setStatus] = React2.useState(
+  const { configStore } = React.useContext(OrderlyContext);
+  const [status, setStatus] = React.useState(
     types.WS_WalletStatusEnum.NO
   );
-  const txHash = React2.useRef();
+  const txHash = React.useRef();
   const ee = useEventEmitter();
-  React2.useEffect(() => {
+  React.useEffect(() => {
     const handler = (data) => {
       const { side, transStatus, trxId } = data;
       if (side === "DEPOSIT" && trxId === txHash.current) {
@@ -4208,7 +4097,7 @@ var useSwap = () => {
       ee.off("wallet:changed", handler);
     };
   }, [txHash.current]);
-  const dstValutDeposit = React2.useCallback(() => {
+  const dstValutDeposit = React.useCallback(() => {
     const brokerId = configStore.get("brokerId");
     return {
       accountId: account5.accountIdHashStr,
@@ -4216,7 +4105,7 @@ var useSwap = () => {
       tokenHash: core.utils.parseTokenHash("USDC")
     };
   }, [account5]);
-  const swap = React2.useCallback(
+  const swap = React.useCallback(
     async (woofiDexDepositorAdress, inputs, config) => {
       if (!account5.walletClient) {
         throw new Error("walletClient is undefined");
@@ -4268,17 +4157,14 @@ Object.defineProperty(exports, 'useSWR', {
 });
 Object.defineProperty(exports, 'useConstant', {
   enumerable: true,
-  get: function () { return useConstant__default.default; }
+  get: function () { return useConstant4__default.default; }
 });
-exports.DataSourceProvider = DataSourceProvider;
+exports.OrderlyConfigProvider = OrderlyConfigProvider;
 exports.OrderlyContext = OrderlyContext;
 exports.OrderlyProvider = OrderlyProvider;
-exports.apis = apis_exports;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;
 exports.useAccountInstance = useAccountInstance;
-exports.useAppState = useAppState;
-exports.useBalance = useBalance;
 exports.useBoolean = useBoolean;
 exports.useChain = useChain;
 exports.useChains = useChains;
@@ -4287,7 +4173,6 @@ exports.useConfig = useConfig;
 exports.useCrossSwap = useCrossSwap;
 exports.useDeposit = useDeposit;
 exports.useEventEmitter = useEventEmitter;
-exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
 exports.useHoldingStream = useHoldingStream;
 exports.useIndexPrice = useIndexPrice;
@@ -4301,7 +4186,6 @@ exports.useMarketTradeStream = useMarketTradeStream;
 exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
 exports.useMutation = useMutation;
-exports.useOpenInterest = useOpenInterest;
 exports.useOrderEntry = useOrderEntry;
 exports.useOrderStream = useOrderStream;
 exports.useOrderbookStream = useOrderbookStream;
@@ -4310,15 +4194,11 @@ exports.usePreLoadData = usePreLoadData;
 exports.usePrivateDataObserver = usePrivateDataObserver;
 exports.usePrivateQuery = usePrivateQuery;
 exports.useQuery = useQuery;
-exports.useRunOnce = useRunOnce;
 exports.useSessionStorage = useSessionStorage;
 exports.useSettleSubscription = useSettleSubscription;
 exports.useSwap = useSwap;
 exports.useSymbolsInfo = useSymbolsInfo;
 exports.useTickerStream = useTickerStream;
-exports.useTokenInfo = useTokenInfo;
-exports.useTopicObserve = useTopicObserve;
-exports.useTradingView = useTradingView;
 exports.useWS = useWS;
 exports.useWalletSubscription = useWalletSubscription;
 exports.useWithdraw = useWithdraw;