@orderly.network/hooks 0.0.19 → 0.0.20

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useCallback, useMemo } from 'react';
+import React2, { createContext, useContext, useState, useEffect, useCallback, useRef, useMemo } from 'react';
 import useSWR, { useSWRConfig } from 'swr';
 export { default as useSWR } from 'swr';
 import { WS, get, mutate } from '@orderly.network/net';
@@ -6,8 +6,7 @@ import useSWRMutation from 'swr/mutation';
 import useConstant from 'use-constant';
 export { default as useConstant } from 'use-constant';
 import { SimpleDI, Account, EventEmitter } from '@orderly.network/core';
-import { AccountStatusEnum, SystemStateEnum, ExchangeStatusEnum, OrderSide, OrderType } from '@orderly.network/types';
-import { BehaviorSubject } from 'rxjs';
+import { AccountStatusEnum, OrderSide, OrderType } from '@orderly.network/types';
 import useSWRSubscription from 'swr/subscription';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString } from '@orderly.network/utils';
 import { pathOr, propOr, compose, head, prop } from 'ramda';
@@ -98,20 +97,19 @@ var useAccountInstance = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account4 = useConstant(() => {
-    let account5 = SimpleDI.get("account");
-    if (!account5) {
-      account5 = new Account(configStore, keyStore, walletAdapter);
-      SimpleDI.registerByName("account", account5);
+  const account5 = useConstant(() => {
+    let account6 = SimpleDI.get("account");
+    if (!account6) {
+      account6 = new Account(configStore, keyStore, walletAdapter);
+      SimpleDI.registerByName("account", account6);
     }
-    return account5;
+    return account6;
   });
-  return account4;
+  return account5;
 };
 
 // src/useMutation.ts
 var fetcher2 = (url, options) => {
-  console.log("muation fetcher", url, options);
   const init = {
     method: options.arg.method,
     headers: __spreadValues({}, options.arg.signature)
@@ -131,8 +129,8 @@ var useMutation = (url, method = "POST", options) => {
   if (!url.startsWith("http")) {
     fullUrl = `${apiBaseUrl}${url}`;
   }
-  const account4 = useAccountInstance();
-  const signer = account4.signer;
+  const account5 = useAccountInstance();
+  const signer = account5.signer;
   const { trigger, data, error, reset, isMutating } = useSWRMutation(
     fullUrl,
     // method === "POST" ? fetcher : deleteFetcher,
@@ -150,14 +148,13 @@ var useMutation = (url, method = "POST", options) => {
       url: newUrl,
       data: data2
     };
-    console.log("payload", payload);
     const signature = yield signer.sign(payload);
     return trigger({
       data: data2,
       params,
       method,
       signature: __spreadProps(__spreadValues({}, signature), {
-        "orderly-account-id": account4.accountId
+        "orderly-account-id": account5.accountId
       })
     });
   });
@@ -176,9 +173,9 @@ var signatureMiddleware = (useSWRNext) => {
   return (key, fetcher4, config) => {
     try {
       const extendedFetcher = (url) => __async(void 0, null, function* () {
-        let account4 = SimpleDI.get("account");
+        let account5 = SimpleDI.get("account");
         let fullUrl = `${apiBaseUrl}${url}`;
-        const signer = account4.signer;
+        const signer = account5.signer;
         const payload = {
           method: "GET",
           url
@@ -186,7 +183,7 @@ var signatureMiddleware = (useSWRNext) => {
         const signature = yield signer.sign(payload);
         return fetcher4(fullUrl, {
           headers: __spreadProps(__spreadValues({}, signature), {
-            "orderly-account-id": account4.accountId
+            "orderly-account-id": account5.accountId
           })
         });
       });
@@ -203,7 +200,8 @@ var useAccount = () => {
     keyStore,
     walletAdapter,
     onWalletConnect,
-    onWalletDisconnect
+    onWalletDisconnect,
+    onSetChain
   } = useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
@@ -212,64 +210,69 @@ var useAccount = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account4 = useConstant(() => {
-    let account5 = SimpleDI.get("account");
-    if (!account5) {
-      account5 = new Account(configStore, keyStore, walletAdapter);
-      SimpleDI.registerByName("account", account5);
+  const account5 = useConstant(() => {
+    let account6 = SimpleDI.get("account");
+    if (!account6) {
+      account6 = new Account(configStore, keyStore, walletAdapter);
+      SimpleDI.registerByName("account", account6);
     }
-    return account5;
+    return account6;
   });
-  const [state, setState] = useState(account4.stateValue);
+  const [state, setState] = useState(account5.stateValue);
   const statusChangeHandler = (nextState) => {
     setState(() => nextState);
   };
   useEffect(() => {
-    account4.on("change:status", statusChangeHandler);
+    account5.on("change:status", statusChangeHandler);
     return () => {
-      account4.off("change:status", statusChangeHandler);
+      account5.off("change:status", statusChangeHandler);
     };
   }, []);
   const login = useCallback(
     (address) => {
-      account4.login(address);
+      account5.login(address);
     },
-    [account4]
+    [account5]
   );
   const createOrderlyKey = useCallback(
     (remember) => __async(void 0, null, function* () {
-      return account4.createOrderlyKey(remember ? 365 : 30);
+      return account5.createOrderlyKey(remember ? 365 : 30);
     }),
-    [account4]
+    [account5]
   );
   const createAccount = useCallback(() => __async(void 0, null, function* () {
-    return account4.createAccount();
-  }), [account4]);
+    return account5.createAccount();
+  }), [account5]);
   const connect = useCallback(() => __async(void 0, null, function* () {
     return onWalletConnect == null ? void 0 : onWalletConnect();
-  }), [account4]);
+  }), [account5]);
   const disconnect = () => __async(void 0, null, function* () {
     return onWalletDisconnect == null ? void 0 : onWalletDisconnect();
   });
+  const setChain = (chainId) => __async(void 0, null, function* () {
+    return onSetChain == null ? void 0 : onSetChain(chainId);
+  });
   return {
     // account: state!,
-    account: account4,
+    account: account5,
     state,
     // info: {},
     login,
     createOrderlyKey,
     createAccount,
     disconnect,
-    connect
+    connect,
+    setChain
+    // settlement,
   };
 };
 var usePrivateQuery = (query, options) => {
   var _b;
   const _a = options || {}, { formatter } = _a, swrOptions = __objRest(_a, ["formatter"]);
-  const account4 = useAccount();
+  const account5 = useAccount();
   const middleware = Array.isArray(options == null ? void 0 : options.use) ? (_b = options == null ? void 0 : options.use) != null ? _b : [] : [];
   return useSWR(
-    () => account4.state.status >= AccountStatusEnum.EnableTrading ? query : null,
+    () => account5.state.status >= AccountStatusEnum.EnableTrading ? query : null,
     // query,
     (url, init) => {
       return fetcher(url, init, { formatter });
@@ -307,35 +310,27 @@ var useTopicObserve = (topic) => {
     data
   };
 };
-var AppState = class {
-  constructor() {
-    this.systemState$ = new BehaviorSubject(SystemStateEnum.Loading);
-    this.exchangeState$ = new BehaviorSubject(ExchangeStatusEnum.Normal);
-    this.prepare = ["symbolInfo", "clientInfo"];
-  }
-  updateState(name) {
-    this.prepare = this.prepare.filter((item) => item !== name);
-    if (this.prepare.length === 0) {
-      this.systemState$.next(SystemStateEnum.Ready);
-    }
-  }
-  udpateSystemState(state) {
-    this.systemState$.next(state);
-  }
-  updateExchangeState(state) {
-    this.exchangeState$.next(state);
-  }
+var useAppState = () => {
+  const { errors, ready } = useContext(OrderlyContext);
+  return {
+    errors,
+    ready
+  };
 };
-AppState.instanceName = "AppState";
-SimpleDI.registerByName(AppState.instanceName, new AppState());
-function getAppState() {
-  return SimpleDI.get(AppState.instanceName);
-}
 
-// src/useAppState.ts
-var useAppState = () => {
-  getAppState();
-  return {};
+// src/usePreloadData.ts
+var usePreLoadData = (onSuccess) => {
+  useSWR(
+    "https://fi-api.woo.org/swap_support",
+    (url) => fetch(url).then((res) => res.json()),
+    {
+      revalidateOnFocus: false,
+      //   suspense: true,
+      onSuccess: (data, key, config) => {
+        onSuccess("chains_fetch");
+      }
+    }
+  );
 };
 var useEventEmitter = (channel) => {
   return useConstant(() => {
@@ -347,13 +342,86 @@ var useEventEmitter = (channel) => {
     return ee;
   });
 };
+function useSessionStorage(key, initialValue) {
+  const readValue = useCallback(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.sessionStorage.getItem(key);
+      return item ? parseJSON(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading sessionStorage key \u201C${key}\u201D:`, error);
+      return initialValue;
+    }
+  }, [initialValue, key]);
+  const [storedValue, setStoredValue] = useState(readValue);
+  const setValue = (value) => {
+    if (typeof window == "undefined") {
+      console.warn(
+        `Tried setting sessionStorage key \u201C${key}\u201D even though environment is not a client`
+      );
+    }
+    try {
+      const newValue = value instanceof Function ? value(storedValue) : value;
+      window.sessionStorage.setItem(key, JSON.stringify(newValue));
+      setStoredValue(newValue);
+    } catch (error) {
+      console.warn(`Error setting sessionStorage key \u201C${key}\u201D:`, error);
+    }
+  };
+  useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  useEffect(() => {
+    if (typeof window == "undefined") {
+      return;
+    }
+    window.addEventListener("storage", handleStorageChange);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+    };
+  });
+  const handleStorageChange = useCallback(
+    (event) => {
+      if ((event == null ? void 0 : event.key) && event.key !== key) {
+        return;
+      }
+      setStoredValue(readValue());
+    },
+    [key, readValue]
+  );
+  return [storedValue, setValue];
+}
+function parseJSON(value) {
+  try {
+    return value === "undefined" ? void 0 : JSON.parse(value != null ? value : "");
+  } catch (e) {
+    console.log("parsing error on", { value });
+    return void 0;
+  }
+}
+var useRunOnce = ({ fn, sessionKey }) => {
+  const triggered = useRef(false);
+  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 = createContext({});
 var DataSourceProvider = (props) => {
   console.log("render DataSourceProvider");
   useAccountInstance();
   useConstant(() => {
   });
-  return /* @__PURE__ */ React.createElement(DataSourceContext.Provider, { value: {} }, props.children);
+  return /* @__PURE__ */ React2.createElement(DataSourceContext.Provider, { value: {} }, props.children);
 };
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
@@ -361,7 +429,7 @@ var useWS = () => {
   const { configStore } = useContext(OrderlyContext);
   const ws = useConstant(() => {
     let websocketClient = SimpleDI.get(WS_NAME);
-    const account4 = SimpleDI.get(Account.instanceName);
+    const account5 = SimpleDI.get(Account.instanceName);
     if (!websocketClient) {
       websocketClient = new WS({
         // accountId: "OqdphuyCtYWxwzhxyLLjOWNdFP7sQt8RPWzmb5xY",
@@ -369,13 +437,13 @@ var useWS = () => {
         publicUrl: configStore.get("publicWsUrl"),
         privateUrl: configStore.get("privateWsUrl"),
         onSigntureRequest: (accountId) => __async(void 0, null, function* () {
-          const signer = account4.signer;
+          const signer = account5.signer;
           const timestamp = (/* @__PURE__ */ new Date()).getTime();
           const result = yield signer.signText(timestamp.toString());
           return __spreadProps(__spreadValues({}, result), { timestamp });
         })
       });
-      account4.on("change:status", (nextState) => {
+      account5.on("change:status", (nextState) => {
         if (nextState.status === AccountStatusEnum.EnableTrading && nextState.accountId) {
           websocketClient.openPrivate(nextState.accountId);
         }
@@ -710,7 +778,6 @@ function orderEntityFormatHandle(baseTick, quoteTick) {
 }
 function priceInputHandle(inputs) {
   const [values, input, value, markPrice, config] = inputs;
-  console.log("priceInputHandle", inputs);
   if (value === "") {
     return [__spreadProps(__spreadValues({}, values), { total: "" }), input, value, markPrice, config];
   }
@@ -727,7 +794,7 @@ function priceInputHandle(inputs) {
   const quantityDP = total.dp();
   return [
     __spreadProps(__spreadValues({}, values), {
-      total: total.toDecimalPlaces(Math.min(quantityDP, config.baseDP)).toString()
+      total: total.todp(Math.max(quantityDP, config.baseDP)).toString()
     }),
     input,
     value,
@@ -859,12 +926,38 @@ var useMarkPricesStream = () => {
     };
   });
 };
+
+// src/utils/parseHolding.ts
+var parseHolding = (holding, markPrices) => {
+  const nonUSDC = [];
+  let USDC_holding = 0;
+  holding.forEach((item) => {
+    var _a;
+    if (item.token === "USDC") {
+      USDC_holding = item.holding;
+    } else {
+      nonUSDC.push({
+        holding: item.holding,
+        markPrice: (_a = markPrices[item.token]) != null ? _a : 0,
+        // markPrice: 0,
+        discount: 0
+      });
+    }
+  });
+  return [USDC_holding, nonUSDC];
+};
 var usePositionStream = (symbol, options) => {
-  const [visibledSymbol, setVisibleSymbol] = useState(
-    symbol
-  );
+  var _a;
   const symbolInfo = useSymbolsInfo();
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
+  const { data: holding } = usePrivateQuery(
+    "/v1/client/holding",
+    {
+      formatter: (data2) => {
+        return data2.holding;
+      }
+    }
+  );
   const fundingRates = useFundingRates();
   const { data, error } = usePrivateQuery(`/v1/positions`, __spreadProps(__spreadValues({
     // revalidateOnFocus: false,
@@ -880,95 +973,158 @@ var usePositionStream = (symbol, options) => {
   const formatedPositions = useMemo(() => {
     if (!(data == null ? void 0 : data.rows) || !symbolInfo || !accountInfo)
       return null;
-    let totalCollateral = 0;
     const filteredData = typeof symbol === "undefined" || symbol === "" ? data.rows.filter((item) => {
       return item.position_qty !== 0;
     }) : data.rows.filter((item) => {
       return item.symbol === symbol && item.position_qty !== 0;
     });
-    return filteredData.map((item) => {
+    let unrealPnL_total = zero, notional_total = zero, unsettlementPnL_total = zero;
+    const formatted = filteredData.map((item) => {
+      var _a2;
       const price = propOr(
         item.mark_price,
         item.symbol,
         markPrices
       );
+      const notional = positions.notional(
+        item.position_qty,
+        item.average_open_price
+      );
+      const unrealPnl = positions.unrealizedPnL({
+        qty: item.position_qty,
+        openPrice: item.average_open_price,
+        markPrice: price
+      });
+      const unsettlementPnL = positions.unsettlementPnL({
+        positionQty: item.position_qty,
+        markPrice: price,
+        costPosition: item.cost_position,
+        sumUnitaryFunding: (_a2 = fundingRates[item.symbol]) == null ? void 0 : _a2.call(
+          fundingRates,
+          "sum_unitary_funding",
+          0
+        ),
+        lastSumUnitaryFunding: item.last_sum_unitary_funding
+      });
+      unrealPnL_total = unrealPnL_total.add(unrealPnl);
+      notional_total = notional_total.add(notional);
+      unsettlementPnL_total = unsettlementPnL_total.add(unsettlementPnL);
+      return __spreadProps(__spreadValues({}, item), {
+        mark_price: price,
+        mm: 0,
+        notional,
+        unsettlement_pnl: unsettlementPnL,
+        unrealized_pnl: unrealPnl
+      });
+    });
+    return [
+      formatted,
+      {
+        unrealPnL: unrealPnL_total.toNumber(),
+        notional: notional_total.toNumber(),
+        unsettledPnL: unsettlementPnL_total.toNumber()
+      }
+    ];
+  }, [data == null ? void 0 : data.rows, symbolInfo, accountInfo, markPrices, symbol, holding]);
+  const [totalCollateral, totalValue, totalUnrealizedROI] = useMemo(() => {
+    if (!holding || !markPrices) {
+      return [zero, zero, 0];
+    }
+    const unsettlemnedPnL = pathOr(0, [1, "unsettledPnL"])(formatedPositions);
+    const unrealizedPnL = pathOr(0, [1, "unrealPnL"])(formatedPositions);
+    const [USDC_holding, nonUSDC] = parseHolding(holding, markPrices);
+    const totalCollateral2 = account.totalCollateral({
+      USDCHolding: USDC_holding,
+      nonUSDCHolding: nonUSDC,
+      unsettlementPnL: unsettlemnedPnL
+    });
+    const totalValue2 = account.totalValue({
+      totalUnsettlementPnL: unsettlemnedPnL,
+      USDCHolding: USDC_holding,
+      nonUSDCHolding: nonUSDC
+    });
+    const totalUnrealizedROI2 = account.totalUnrealizedROI({
+      totalUnrealizedPnL: unrealizedPnL,
+      totalValue: totalValue2.toNumber()
+    });
+    return [totalCollateral2, totalValue2, totalUnrealizedROI2];
+  }, [holding, formatedPositions, markPrices]);
+  const positionsRows = useMemo(() => {
+    if (!formatedPositions)
+      return null;
+    if (!symbolInfo || !accountInfo)
+      return formatedPositions[0];
+    const total = totalCollateral.toNumber();
+    return formatedPositions[0].map((item) => {
       const info = symbolInfo == null ? void 0 : symbolInfo[item.symbol];
       const MMR = positions.MMR({
         baseMMR: info("base_mmr"),
         baseIMR: info("base_imr"),
         IMRFactor: accountInfo.imr_factor[info("base")],
-        positionNotional: positions.notional(
-          item.position_qty,
-          price
-        ),
+        positionNotional: item.notional,
         IMR_factor_power: 4 / 5
       });
       return __spreadProps(__spreadValues({}, item), {
-        mark_price: price,
+        mm: positions.maintenanceMargin({
+          positionQty: item.position_qty,
+          markPrice: item.mark_price,
+          MMR
+        }),
         est_liq_price: positions.liqPrice({
-          markPrice: price,
-          totalCollateral,
+          markPrice: item.mark_price,
+          totalCollateral: total,
           positionQty: item.position_qty,
           MMR
         }),
-        notional: positions.notional(
-          item.position_qty,
-          item.average_open_price
-        ),
-        unrealized_pnl: positions.unrealizedPnL({
-          qty: item.position_qty,
-          openPrice: item.average_open_price,
-          markPrice: price
-        })
+        MMR
       });
     });
-  }, [data == null ? void 0 : data.rows, symbolInfo, accountInfo, markPrices, symbol]);
-  const aggregatedData = useMemo(() => {
-    const aggregatedData2 = {
-      unsettledPnL: NaN,
-      unrealPnL: NaN,
-      notional: NaN
-    };
-    if (formatedPositions && formatedPositions.length) {
-      aggregatedData2.unrealPnL = positions.totalUnrealizedPnL(formatedPositions);
-      aggregatedData2.notional = positions.totalNotional(formatedPositions);
-      aggregatedData2.unsettledPnL = positions.totalUnsettlementPnL(
-        formatedPositions.map((item) => {
-          var _a;
-          return __spreadProps(__spreadValues({}, item), {
-            sum_unitary_funding: (_a = fundingRates[item.symbol]) == null ? void 0 : _a.call(
-              fundingRates,
-              "sum_unitary_funding",
-              0
-            )
-          });
-        })
-      );
-    }
-    return aggregatedData2;
-  }, [formatedPositions, fundingRates]);
-  const showSymbol = useCallback((symbol2) => {
-    setVisibleSymbol(symbol2);
-  }, []);
+  }, [formatedPositions, symbolInfo, accountInfo, totalCollateral]);
   return [
-    { rows: formatedPositions, aggregated: aggregatedData },
+    {
+      rows: positionsRows,
+      aggregated: (_a = formatedPositions == null ? void 0 : formatedPositions[1]) != null ? _a : {},
+      totalCollateral,
+      totalValue,
+      totalUnrealizedROI
+    },
     createGetter(data, 1),
     {
       // close: onClosePosition,
       loading: false,
-      showSymbol,
+      // showSymbol,
       error,
       loadMore: () => {
       },
       refresh: () => {
       }
-      // toggleHideOthers,
-      // filter: (filter: string) => {},
     }
   ];
 };
-var totalUnsettlementPnLPath = pathOr(0, [0, "aggregated", "unsettledPnL"]);
+var useHolding = () => {
+  const { data, isLoading } = usePrivateQuery(
+    "/v1/client/holding",
+    {
+      formatter: (data2) => {
+        return data2.holding;
+      }
+    }
+  );
+  const usdc = useMemo(() => {
+    const usdc2 = data == null ? void 0 : data.find((item) => item.token === "USDC");
+    return usdc2;
+  }, [data]);
+  return {
+    data,
+    usdc,
+    isLoading
+  };
+};
+
+// src/orderly/useCollateral.ts
 var positionsPath = pathOr([], [0, "rows"]);
+pathOr(0, [0, "totalCollateral"]);
+var unsettledPnL = pathOr(0, [0, "aggregated", "unsettledPnL"]);
 var useCollateral = (options = { dp: 6 }) => {
   const { dp } = options;
   const positions2 = usePositionStream();
@@ -976,46 +1132,13 @@ var useCollateral = (options = { dp: 6 }) => {
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const symbolInfo = useSymbolsInfo();
   const { data: markPrices } = useMarkPricesStream();
-  const { data: holding } = usePrivateQuery(
-    "/v1/client/holding",
-    {
-      formatter: (data) => {
-        return data.holding;
-      }
-    }
-  );
+  const { usdc } = useHolding();
   const [totalCollateral, totalValue] = useMemo(() => {
-    if (!holding || !markPrices) {
-      return [zero, zero];
-    }
-    const unsettlemnedPnL = totalUnsettlementPnLPath(positions2);
-    const nonUSDC = [];
-    let USDC_holding = 0;
-    holding.forEach((item) => {
-      var _a;
-      if (item.token === "USDC") {
-        USDC_holding = item.holding;
-      } else {
-        nonUSDC.push({
-          holding: item.holding,
-          markPrice: (_a = markPrices[item.token]) != null ? _a : 0,
-          // markPrice: 0,
-          discount: 0
-        });
-      }
-    });
-    const number = account.totalCollateral({
-      USDCHolding: USDC_holding,
-      nonUSDCHolding: nonUSDC,
-      unsettlementPnL: unsettlemnedPnL
-    });
-    const totalValue2 = account.totalValue({
-      totalUnsettlementPnL: unsettlemnedPnL,
-      USDCHolding: USDC_holding,
-      nonUSDCHolding: nonUSDC
-    });
-    return [new Decimal(number), totalValue2];
-  }, [holding, positions2, markPrices]);
+    return [
+      pathOr(zero, [0, "totalCollateral"], positions2),
+      pathOr(zero, [0, "totalValue"], positions2)
+    ];
+  }, [positions2, markPrices]);
   const totalInitialMarginWithOrders = useMemo(() => {
     if (!accountInfo || !symbolInfo || !markPrices) {
       return 0;
@@ -1029,19 +1152,32 @@ var useCollateral = (options = { dp: 6 }) => {
       symbolInfo
     });
   }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
-  return {
-    totalCollateral: totalCollateral.toDecimalPlaces(dp).toNumber(),
-    freeCollateral: account.freeCollateral({
+  const freeCollateral = useMemo(() => {
+    return account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
-    }).toDecimalPlaces(dp).toNumber(),
-    totalValue: totalValue.toDecimalPlaces(dp).toNumber()
+    });
+  }, [totalCollateral, totalInitialMarginWithOrders]);
+  const availableBalance = useMemo(() => {
+    var _a;
+    return account.availableBalance({
+      USDCHolding: (_a = usdc == null ? void 0 : usdc.holding) != null ? _a : 0,
+      unsettlementPnL: unsettledPnL(positions2)
+    });
+  }, [usdc]);
+  return {
+    totalCollateral: totalCollateral.toDecimalPlaces(dp).toNumber(),
+    freeCollateral: freeCollateral.toDecimalPlaces(dp).toNumber(),
+    totalValue: totalValue.toDecimalPlaces(dp).toNumber(),
+    availableBalance
   };
 };
 var positionsPath2 = pathOr([], [0, "rows"]);
 var useMaxQty = (symbol, side, reduceOnly = false) => {
   const positionsData = usePositionStream();
-  const { data: orders } = usePrivateQuery(`/v1/orders`);
+  const { data: orders } = usePrivateQuery(
+    `/v1/orders?status=NEW`
+  );
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
@@ -1210,12 +1346,16 @@ var LimitOrderCreator = class extends BaseOrderCreator {
         if (price.lt(minPriceNumber)) {
           errors.order_price = {
             type: "min",
-            message: `price must be greater than ${minPriceNumber}`
+            message: `price must be greater than ${new Decimal(
+              minPriceNumber
+            ).todp(symbol.quote_dp)}`
           };
         } else if (price.gt(maxPriceNumber)) {
           errors.order_price = {
             type: "max",
-            message: `price must be less than ${maxPriceNumber}`
+            message: `price must be less than ${new Decimal(
+              maxPriceNumber
+            ).todp(symbol.quote_dp)}`
           };
         }
       }
@@ -1452,6 +1592,7 @@ var useLeverage = () => {
   return [prop("max_leverage", data), { update: updateLeverage }];
 };
 var useFundingRate = (symbol) => {
+  var _a;
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
   }
@@ -1486,16 +1627,17 @@ var useFundingRate = (symbol) => {
     };
   }, [data]);
   return __spreadProps(__spreadValues({}, data), {
+    est_funding_rate: (Number((_a = data == null ? void 0 : data.est_funding_rate) != null ? _a : 0) * 100).toFixed(4),
     countDown
   });
 };
 var fetcher3 = (url, init) => get(url, init);
 var usePrivateInfiniteQuery = (getKey, options) => {
   var _a;
-  const account4 = useAccount();
+  const account5 = useAccount();
   const middleware = Array.isArray(options == null ? void 0 : options.use) ? (_a = options == null ? void 0 : options.use) != null ? _a : [] : [];
   const result = useSWRInfinite(
-    (pageIndex, previousPageData) => account4.state.status >= AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
+    (pageIndex, previousPageData) => account5.state.status >= AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
     fetcher3,
     __spreadProps(__spreadValues({}, options), {
       use: [signatureMiddleware, ...middleware]
@@ -1512,8 +1654,10 @@ var OrderStatus = /* @__PURE__ */ ((OrderStatus2) => {
   return OrderStatus2;
 })(OrderStatus || {});
 var useOrderStream = ({
-  status = "NEW" /* NEW */,
-  symbol
+  status,
+  symbol,
+  side,
+  size = 100
 } = {}) => {
   const { data: markPrices = {} } = useMarkPricesStream();
   const [doCancelOrder] = useMutation("/v1/order", "DELETE");
@@ -1521,13 +1665,19 @@ var useOrderStream = ({
   const ordersResponse = usePrivateInfiniteQuery(
     (pageIndex, previousPageData) => {
       const search = new URLSearchParams([
-        ["size", "100"],
-        ["page", `${pageIndex + 1}`],
-        [`status`, status]
+        ["size", size.toString()],
+        ["page", `${pageIndex + 1}`]
+        // [`status`, status],
       ]);
+      if (status) {
+        search.set(`status`, status);
+      }
       if (symbol) {
         search.set(`symbol`, symbol);
       }
+      if (side) {
+        search.set(`side`, side);
+      }
       return `/v1/orders?${search.toString()}`;
     },
     {
@@ -1578,16 +1728,36 @@ var useOrderStream = ({
     }
   ];
 };
-
-// src/orderly/useMarketTradeStream.ts
-var useMarketTradeStream = (symbol) => {
+var useMarketTradeStream = (symbol, options = {}) => {
   if (!symbol) {
     throw new Error("useTradeStream: symbol is required");
   }
-  const { data, isLoading } = useQuery(
-    `/v1/public/market_trades?symbol=${symbol}&limit=20`
+  const [trades, setTrades] = useState([]);
+  const { level = 20 } = options;
+  const { isLoading } = useQuery(
+    `/v1/public/market_trades?symbol=${symbol}&limit=${level}`,
+    {
+      onSuccess: (data) => {
+        console.log("trades ^^^^^^", data);
+        if (Array.isArray(data)) {
+          setTrades(data);
+        }
+        return data;
+      }
+    }
   );
-  return { data, isLoading };
+  const ws = useWS();
+  useEffect(() => {
+    const unsubscript = ws.subscribe(`@${symbol}/@trade`, {
+      onMessage: (data) => {
+        console.log("trade", data);
+      }
+    });
+    return () => {
+      unsubscript == null ? void 0 : unsubscript();
+    };
+  }, []);
+  return { trades, isLoading };
 };
 
 // src/orderly/useTrades.tsx
@@ -1607,17 +1777,21 @@ var useMarginRatio = () => {
     });
     return ratio;
   }, [rows, markPrices, totalCollateral]);
-  return marginRatio;
+  const currentLeverage = useMemo(() => {
+    return account.currentLeverage(marginRatio);
+  }, [marginRatio]);
+  return [marginRatio, currentLeverage];
 };
-var useChains = (networkId, options) => {
+var useChains = (networkId, options = {}) => {
+  const _a = options, swrOptions = __objRest(_a, ["filter", "pick"]);
   const field = options == null ? void 0 : options.pick;
   const { data } = useSWR(
     "https://fi-api.woo.org/swap_support",
     (url) => fetch(url).then((res) => res.json()),
-    {
+    __spreadValues({
       revalidateOnFocus: false,
       revalidateOnReconnect: false
-    }
+    }, swrOptions)
   );
   const chains = useMemo(() => {
     if (!data || !data.data)
@@ -1675,7 +1849,7 @@ var usePrivateDataObserver = () => {
     const unsubscribe = ws.privateSubscribe("executionreport", {
       onMessage: (data) => {
         console.info("refresh orders");
-        mutate2("/v1/orders");
+        console.log(data);
       }
     });
     return () => unsubscribe == null ? void 0 : unsubscribe();
@@ -1711,7 +1885,6 @@ var useExecutionReport = () => {
 // src/apis/index.ts
 var apis_exports = {};
 __export(apis_exports, {
-  useFundingRate: () => useFundingRate2,
   useFundingRateBySymbol: () => useFundingRateBySymbol,
   useInfo: () => useInfo,
   useToken: () => useToken
@@ -1737,11 +1910,6 @@ var useFundingRateBySymbol = (symbol) => {
   return useQuery(`/public/funding_rate/${symbol}`);
 };
 
-// src/apis/useFundingRate.ts
-var useFundingRate2 = (symbol) => {
-  return useQuery(`/v1/public/funding_rate`);
-};
-
-export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
+export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAccountInstance, useAppState, useBalance, useChains, useCollateral, useEventEmitter, useExecutionReport, useFetures, useFundingRate, useHolding, useLeverage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateObserve, usePrivateQuery, useQuery, useRunOnce, useSessionStorage, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradeStream, useTradingView, useWS };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map