@orderly.network/hooks 0.0.95 → 0.0.96

package/dist/index.js

@@ -1,12 +1,13 @@
 'use strict';
 
-var React2 = require('react');
+var react = require('react');
 var useSWR = require('swr');
 var net = require('@orderly.network/net');
 var useSWRMutation = require('swr/mutation');
 var useConstant = require('use-constant');
 var core = require('@orderly.network/core');
 var types = require('@orderly.network/types');
+var jsxRuntime = require('react/jsx-runtime');
 var utils = require('@orderly.network/utils');
 var useSWRSubscription = require('swr/subscription');
 var ramda = require('ramda');
@@ -17,7 +18,6 @@ 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 useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
 var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
@@ -29,7 +29,7 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
-var OrderlyContext = React2.createContext({
+var OrderlyContext = react.createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
@@ -37,7 +37,7 @@ var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?
 
 // src/useQuery.ts
 var useQuery = (query, options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const { apiBaseUrl } = react.useContext(OrderlyContext);
   const { formatter, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
     throw new Error("please add OrderlyProvider to your app");
@@ -52,7 +52,7 @@ var useQuery = (query, options) => {
   );
 };
 var useLazyQuery = (query, options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const { apiBaseUrl } = react.useContext(OrderlyContext);
   const { formatter, init, ...swrOptions } = options || {};
   if (typeof apiBaseUrl === "undefined") {
     throw new Error("please add OrderlyProvider to your app");
@@ -75,7 +75,7 @@ var useLazyQuery = (query, options) => {
   );
 };
 var useAccountInstance = () => {
-  const { configStore, keyStore, contractManager, getWalletAdapter } = React2.useContext(OrderlyContext);
+  const { configStore, keyStore, contractManager, getWalletAdapter } = react.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -118,7 +118,7 @@ var fetcher2 = (url, options) => {
   return net.mutate(url, init);
 };
 var useMutation = (url, method = "POST", options) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const { apiBaseUrl } = react.useContext(OrderlyContext);
   let fullUrl = url;
   if (!url.startsWith("http")) {
     fullUrl = `${apiBaseUrl}${url}`;
@@ -164,7 +164,7 @@ var useMutation = (url, method = "POST", options) => {
   ];
 };
 var signatureMiddleware = (useSWRNext) => {
-  const { apiBaseUrl } = React2.useContext(OrderlyContext);
+  const { apiBaseUrl } = react.useContext(OrderlyContext);
   return (key, fetcher3, config) => {
     try {
       const extendedFetcher = async (args) => {
@@ -198,7 +198,7 @@ var useAccount = () => {
     onWalletConnect,
     onWalletDisconnect,
     onSetChain
-  } = React2.useContext(OrderlyContext);
+  } = react.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -207,26 +207,26 @@ 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 () => {
+  const connect = react.useCallback(async () => {
     return onWalletConnect?.();
   }, [account5]);
   const disconnect = async () => {
@@ -268,10 +268,10 @@ 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 }];
 };
 
@@ -280,8 +280,8 @@ var useTradingView = () => {
   return {};
 };
 var useTopicObserve = (topic) => {
-  const [data, setData] = React2.useState();
-  React2.useEffect(() => {
+  const [data, setData] = react.useState();
+  react.useEffect(() => {
     return () => {
     };
   }, []);
@@ -290,14 +290,14 @@ var useTopicObserve = (topic) => {
   };
 };
 var useAppState = () => {
-  const { errors } = React2.useContext(OrderlyContext);
+  const { errors } = react.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 +308,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 {
@@ -338,7 +338,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 +350,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 +365,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 +377,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 +389,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 +401,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,14 +419,14 @@ 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 triggered = react.useRef(false);
+  react.useEffect(() => {
     const hasBeenTriggered = sessionKey ? sessionStorage.getItem(sessionKey) : triggered.current;
     if (!hasBeenTriggered) {
       fn();
@@ -438,17 +438,17 @@ var useRunOnce = ({ fn, sessionKey }) => {
   }, [fn, sessionKey]);
   return null;
 };
-var DataSourceContext = React2.createContext({});
+var DataSourceContext = react.createContext({});
 var DataSourceProvider = (props) => {
   useAccountInstance();
   useConstant__default.default(() => {
   });
-  return /* @__PURE__ */ React2__default.default.createElement(DataSourceContext.Provider, { value: {} }, props.children);
+  return /* @__PURE__ */ jsxRuntime.jsx(DataSourceContext.Provider, { value: {}, children: props.children });
 };
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
   useAccount();
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = react.useContext(OrderlyContext);
   const ws = useConstant__default.default(() => {
     let websocketClient = core.SimpleDI.get(WS_NAME);
     const account5 = core.SimpleDI.get(core.Account.instanceName);
@@ -477,7 +477,7 @@ var useWS = () => {
   return ws;
 };
 var useConfig = () => {
-  const { configStore } = React2.useContext(OrderlyContext);
+  const { configStore } = react.useContext(OrderlyContext);
   return configStore;
 };
 var useMarkPrice = (symbol) => {
@@ -532,9 +532,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 +560,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)
@@ -764,23 +764,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 +815,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 +840,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 +859,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 +1104,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) => {
@@ -1170,7 +1170,7 @@ 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];
     }
@@ -1193,7 +1193,7 @@ var usePositionStream = (symbol, options) => {
     });
     return [totalCollateral2, totalValue2, totalUnrealizedROI2];
   }, [holding, formatedPositions, markPrices]);
-  const positionsRows = React2.useMemo(() => {
+  const positionsRows = react.useMemo(() => {
     if (!formatedPositions)
       return null;
     if (!symbolInfo || !accountInfo)
@@ -1261,7 +1261,7 @@ var useHoldingStream = () => {
       }
     }
   );
-  const usdc = React2.useMemo(() => {
+  const usdc = react.useMemo(() => {
     const usdc2 = data?.find((item) => item.token === "USDC");
     return usdc2;
   }, [data]);
@@ -1351,7 +1351,7 @@ var useOrderStream = ({
       formatter: (data) => data
     }
   );
-  const orders = React2.useMemo(() => {
+  const orders = react.useMemo(() => {
     if (!ordersResponse.data) {
       return null;
     }
@@ -1362,10 +1362,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,15 +1426,16 @@ 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
+      symbol: symbol2,
+      source: "mweb"
     }).then((res) => {
       if (res.success) ; else {
         throw new Error(res.message);
@@ -1503,13 +1504,13 @@ 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;
     }
@@ -1522,13 +1523,13 @@ var useCollateral = (options = { dp: 6 }) => {
       symbolInfo
     });
   }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
-  const freeCollateral = React2.useMemo(() => {
+  const freeCollateral = react.useMemo(() => {
     return futures.account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
     });
   }, [totalCollateral, totalInitialMarginWithOrders]);
-  const availableBalance = React2.useMemo(() => {
+  const availableBalance = react.useMemo(() => {
     return futures.account.availableBalance({
       USDCHolding: usdc?.holding ?? 0,
       unsettlementPnL: pathOr_unsettledPnLPathOr(positions2)
@@ -1550,7 +1551,7 @@ 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);
@@ -1787,11 +1788,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 +1831,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(
@@ -1871,11 +1872,11 @@ var useFetures = () => {
       revalidateOnFocus: false
     }
   );
-  const [sortedData, setSortedData] = React2.useState(data);
+  const [sortedData, setSortedData] = react.useState(data);
   useWS();
-  React2.useEffect(() => {
+  react.useEffect(() => {
   }, []);
-  React2.useEffect(() => {
+  react.useEffect(() => {
     if (data) {
       const sortedData2 = data.sort((a, b) => {
         return 0;
@@ -1883,9 +1884,9 @@ var useFetures = () => {
       setSortedData(sortedData2);
     }
   }, [data]);
-  const sortBy = React2.useCallback((key) => {
+  const sortBy = react.useCallback((key) => {
   }, [data]);
-  const filterBy = React2.useCallback((key) => {
+  const filterBy = react.useCallback((key) => {
   }, [data]);
   return {
     // ...data,
@@ -1948,7 +1949,7 @@ var useMarketsStream = () => {
       unsubscribe?.();
     };
   });
-  const value = React2.useMemo(() => {
+  const value = react.useMemo(() => {
     if (!futures)
       return null;
     if (!tickers)
@@ -1975,7 +1976,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 +1999,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 +2009,7 @@ var useFundingRate = (symbol) => {
       }
     }
   );
-  React2.useEffect(() => {
+  react.useEffect(() => {
     if (!data)
       return;
     const { next_funding_time } = data;
@@ -2038,12 +2039,12 @@ 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);
+  react.useState(() => symbol);
   const { limit = 50 } = options;
   const ws = useWS();
-  React2.useEffect(() => {
+  react.useEffect(() => {
     setIsLoading(true);
     setTrades(() => []);
     ws.onceSubscribe(
@@ -2064,7 +2065,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
       }
     );
   }, [symbol]);
-  React2.useEffect(() => {
+  react.useEffect(() => {
     const unsubscript = ws.subscribe(
       {
         id: `${symbol}@trade`,
@@ -2094,7 +2095,7 @@ 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;
     }
@@ -2105,7 +2106,7 @@ var useMarginRatio = () => {
     });
     return ratio;
   }, [rows, markPrices, totalCollateral]);
-  const currentLeverage = React2.useMemo(() => {
+  const currentLeverage = react.useMemo(() => {
     return futures.account.currentLeverage(marginRatio);
   }, [marginRatio]);
   return { marginRatio, currentLeverage };
@@ -3128,9 +3129,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, networkId: envNetworkId } = react.useContext(OrderlyContext);
   const field = options?.pick;
-  const map2 = React2.useRef(
+  const map2 = react.useRef(
     /* @__PURE__ */ new Map()
   );
   const { data, error: swapSupportError } = useSWR__default.default(
@@ -3158,7 +3159,7 @@ var useChains = (networkId, options = {}) => {
       dedupingInterval: 36e5
     }
   );
-  const chains = React2.useMemo(() => {
+  const chains = react.useMemo(() => {
     if (!orderlyChains)
       return void 0;
     let orderlyChainsArr = [];
@@ -3270,7 +3271,7 @@ 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);
       if (chain) {
@@ -3297,7 +3298,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 +3317,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 +3328,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 +3338,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 +3364,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 +3382,7 @@ var useDeposit = (options) => {
     },
     []
   );
-  const fetchBalance = React2.useCallback(
+  const fetchBalance = react.useCallback(
     async (address, decimals) => {
       if (!address)
         return;
@@ -3400,7 +3401,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 +3436,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 +3445,7 @@ var useDeposit = (options) => {
       }
     }
   }, [options, dst]);
-  React2.useEffect(() => {
+  react.useEffect(() => {
     if (state.status < types.AccountStatusEnum.Connected)
       return;
     fetchBalance(options?.address, options?.decimals);
@@ -3467,7 +3468,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 +3483,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 +3504,7 @@ var useDeposit = (options) => {
       loopGetBalance();
     }, 3e3);
   };
-  React2.useEffect(() => {
+  react.useEffect(() => {
     if (!options?.address) {
       return;
     }
@@ -3580,7 +3581,7 @@ 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];
@@ -3658,10 +3659,10 @@ var useFundingRateBySymbol = (symbol) => {
   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 +3703,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 +3730,7 @@ var useWooCrossSwapQuery = () => {
     },
     []
   );
-  const query = React2.useCallback(
+  const query = react.useCallback(
     (inputs) => {
       if (loading)
         return;
@@ -3790,20 +3791,20 @@ 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 { networkId, configStore } = react.useContext(OrderlyContext);
+  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 +3816,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 +3848,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 +4191,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 +4209,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 +4217,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");