@orderly.network/hooks 0.0.18 → 0.0.20

package/dist/index.js

@@ -1,13 +1,12 @@
 'use strict';
 
-var React = require('react');
+var React2 = 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 rxjs = require('rxjs');
 var useSWRSubscription = require('swr/subscription');
 var utils = require('@orderly.network/utils');
 var ramda = require('ramda');
@@ -16,7 +15,7 @@ var useSWRInfinite = require('swr/infinite');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React__default = /*#__PURE__*/_interopDefault(React);
+var React2__default = /*#__PURE__*/_interopDefault(React2);
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
 var useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
 var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
@@ -78,7 +77,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var OrderlyContext = React.createContext({
+var OrderlyContext = React2.createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
@@ -86,7 +85,7 @@ var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions
 
 // src/useQuery.ts
 var useQuery = (query, options) => {
-  const { apiBaseUrl } = React.useContext(OrderlyContext);
+  const { apiBaseUrl } = React2.useContext(OrderlyContext);
   const _a = options || {}, { formatter } = _a, swrOptions = __objRest(_a, ["formatter"]);
   if (typeof apiBaseUrl === "undefined") {
     throw new Error("please add OrderlyProvider to your app");
@@ -99,7 +98,7 @@ var useQuery = (query, options) => {
   );
 };
 var useAccountInstance = () => {
-  const { configStore, keyStore, walletAdapter } = React.useContext(OrderlyContext);
+  const { configStore, keyStore, walletAdapter } = React2.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -107,20 +106,19 @@ var useAccountInstance = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account4 = useConstant__default.default(() => {
-    let account5 = core.SimpleDI.get("account");
-    if (!account5) {
-      account5 = new core.Account(configStore, keyStore, walletAdapter);
-      core.SimpleDI.registerByName("account", account5);
+  const account5 = useConstant__default.default(() => {
+    let account6 = core.SimpleDI.get("account");
+    if (!account6) {
+      account6 = new core.Account(configStore, keyStore, walletAdapter);
+      core.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)
@@ -135,13 +133,13 @@ var fetcher2 = (url, options) => {
   return net.mutate(url, init);
 };
 var useMutation = (url, method = "POST", options) => {
-  const { apiBaseUrl } = React.useContext(OrderlyContext);
+  const { apiBaseUrl } = React2.useContext(OrderlyContext);
   let fullUrl = url;
   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__default.default(
     fullUrl,
     // method === "POST" ? fetcher : deleteFetcher,
@@ -159,14 +157,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
       })
     });
   });
@@ -181,13 +178,13 @@ var useMutation = (url, method = "POST", options) => {
   ];
 };
 var signatureMiddleware = (useSWRNext) => {
-  const { apiBaseUrl } = React.useContext(OrderlyContext);
+  const { apiBaseUrl } = React2.useContext(OrderlyContext);
   return (key, fetcher4, config) => {
     try {
       const extendedFetcher = (url) => __async(void 0, null, function* () {
-        let account4 = core.SimpleDI.get("account");
+        let account5 = core.SimpleDI.get("account");
         let fullUrl = `${apiBaseUrl}${url}`;
-        const signer = account4.signer;
+        const signer = account5.signer;
         const payload = {
           method: "GET",
           url
@@ -195,7 +192,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
           })
         });
       });
@@ -212,8 +209,9 @@ var useAccount = () => {
     keyStore,
     walletAdapter,
     onWalletConnect,
-    onWalletDisconnect
-  } = React.useContext(OrderlyContext);
+    onWalletDisconnect,
+    onSetChain
+  } = React2.useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
   if (!keyStore) {
@@ -221,64 +219,69 @@ var useAccount = () => {
       "keyStore is not defined, please use OrderlyProvider and provide keyStore"
     );
   }
-  const account4 = useConstant__default.default(() => {
-    let account5 = core.SimpleDI.get("account");
-    if (!account5) {
-      account5 = new core.Account(configStore, keyStore, walletAdapter);
-      core.SimpleDI.registerByName("account", account5);
+  const account5 = useConstant__default.default(() => {
+    let account6 = core.SimpleDI.get("account");
+    if (!account6) {
+      account6 = new core.Account(configStore, keyStore, walletAdapter);
+      core.SimpleDI.registerByName("account", account6);
     }
-    return account5;
+    return account6;
   });
-  const [state, setState] = React.useState(account4.stateValue);
+  const [state, setState] = React2.useState(account5.stateValue);
   const statusChangeHandler = (nextState) => {
     setState(() => nextState);
   };
-  React.useEffect(() => {
-    account4.on("change:status", statusChangeHandler);
+  React2.useEffect(() => {
+    account5.on("change:status", statusChangeHandler);
     return () => {
-      account4.off("change:status", statusChangeHandler);
+      account5.off("change:status", statusChangeHandler);
     };
   }, []);
-  const login = React.useCallback(
+  const login = React2.useCallback(
     (address) => {
-      account4.login(address);
+      account5.login(address);
     },
-    [account4]
+    [account5]
   );
-  const createOrderlyKey = React.useCallback(
+  const createOrderlyKey = React2.useCallback(
     (remember) => __async(void 0, null, function* () {
-      return account4.createOrderlyKey(remember ? 365 : 30);
+      return account5.createOrderlyKey(remember ? 365 : 30);
     }),
-    [account4]
+    [account5]
   );
-  const createAccount = React.useCallback(() => __async(void 0, null, function* () {
-    return account4.createAccount();
-  }), [account4]);
-  const connect = React.useCallback(() => __async(void 0, null, function* () {
+  const createAccount = React2.useCallback(() => __async(void 0, null, function* () {
+    return account5.createAccount();
+  }), [account5]);
+  const connect = React2.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__default.default(
-    () => account4.state.status >= types.AccountStatusEnum.EnableTrading ? query : null,
+    () => account5.state.status >= types.AccountStatusEnum.EnableTrading ? query : null,
     // query,
     (url, init) => {
       return fetcher(url, init, { formatter });
@@ -297,8 +300,8 @@ var useTradingView = () => {
   return {};
 };
 var usePrivateObserve = () => {
-  const [data, setData] = React.useState();
-  React.useEffect(() => {
+  const [data, setData] = React2.useState();
+  React2.useEffect(() => {
     return () => {
     };
   }, []);
@@ -307,8 +310,8 @@ var usePrivateObserve = () => {
   };
 };
 var useTopicObserve = (topic) => {
-  const [data, setData] = React.useState();
-  React.useEffect(() => {
+  const [data, setData] = React2.useState();
+  React2.useEffect(() => {
     return () => {
     };
   }, []);
@@ -316,35 +319,27 @@ var useTopicObserve = (topic) => {
     data
   };
 };
-var AppState = class {
-  constructor() {
-    this.systemState$ = new rxjs.BehaviorSubject(types.SystemStateEnum.Loading);
-    this.exchangeState$ = new rxjs.BehaviorSubject(types.ExchangeStatusEnum.Normal);
-    this.prepare = ["symbolInfo", "clientInfo"];
-  }
-  updateState(name) {
-    this.prepare = this.prepare.filter((item) => item !== name);
-    if (this.prepare.length === 0) {
-      this.systemState$.next(types.SystemStateEnum.Ready);
-    }
-  }
-  udpateSystemState(state) {
-    this.systemState$.next(state);
-  }
-  updateExchangeState(state) {
-    this.exchangeState$.next(state);
-  }
+var useAppState = () => {
+  const { errors, ready } = React2.useContext(OrderlyContext);
+  return {
+    errors,
+    ready
+  };
 };
-AppState.instanceName = "AppState";
-core.SimpleDI.registerByName(AppState.instanceName, new AppState());
-function getAppState() {
-  return core.SimpleDI.get(AppState.instanceName);
-}
 
-// src/useAppState.ts
-var useAppState = () => {
-  getAppState();
-  return {};
+// src/usePreloadData.ts
+var usePreLoadData = (onSuccess) => {
+  useSWR__default.default(
+    "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__default.default(() => {
@@ -356,21 +351,94 @@ var useEventEmitter = (channel) => {
     return ee;
   });
 };
-var DataSourceContext = React.createContext({});
+function useSessionStorage(key, initialValue) {
+  const readValue = React2.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] = React2.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);
+    }
+  };
+  React2.useEffect(() => {
+    setStoredValue(readValue());
+  }, []);
+  React2.useEffect(() => {
+    if (typeof window == "undefined") {
+      return;
+    }
+    window.addEventListener("storage", handleStorageChange);
+    return () => {
+      window.removeEventListener("storage", handleStorageChange);
+    };
+  });
+  const handleStorageChange = React2.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 = 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) => {
   console.log("render DataSourceProvider");
   useAccountInstance();
   useConstant__default.default(() => {
   });
-  return /* @__PURE__ */ React__default.default.createElement(DataSourceContext.Provider, { value: {} }, props.children);
+  return /* @__PURE__ */ React2__default.default.createElement(DataSourceContext.Provider, { value: {} }, props.children);
 };
 var WS_NAME = "nativeWebsocketClient";
 var useWS = () => {
   useAccount();
-  const { configStore } = React.useContext(OrderlyContext);
+  const { configStore } = React2.useContext(OrderlyContext);
   const ws = useConstant__default.default(() => {
     let websocketClient = core.SimpleDI.get(WS_NAME);
-    const account4 = core.SimpleDI.get(core.Account.instanceName);
+    const account5 = core.SimpleDI.get(core.Account.instanceName);
     if (!websocketClient) {
       websocketClient = new net.WS({
         // accountId: "OqdphuyCtYWxwzhxyLLjOWNdFP7sQt8RPWzmb5xY",
@@ -378,13 +446,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 === types.AccountStatusEnum.EnableTrading && nextState.accountId) {
           websocketClient.openPrivate(nextState.accountId);
         }
@@ -430,7 +498,7 @@ var useTickerStream = (symbol) => {
       };
     }
   );
-  const value = React.useMemo(() => {
+  const value = React2.useMemo(() => {
     if (!info)
       return null;
     if (!ticker)
@@ -534,18 +602,18 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
   if (!symbol) {
     throw new Error("useOrderbookStream requires a symbol");
   }
-  const [requestData, setRequestData] = React.useState(null);
-  const [data, setData] = React.useState(initial);
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [depth, setDepth] = React.useState(1e-3);
-  const [level, setLevel] = React.useState(() => {
+  const [requestData, setRequestData] = React2.useState(null);
+  const [data, setData] = React2.useState(initial);
+  const [isLoading, setIsLoading] = React2.useState(true);
+  const [depth, setDepth] = React2.useState(1e-3);
+  const [level, setLevel] = React2.useState(() => {
     var _a;
     return (_a = options == null ? void 0 : options.level) != null ? _a : 10;
   });
   const ws = useWS();
   const ticker = useTickerStream(symbol);
   const eventEmitter = useEventEmitter();
-  React.useEffect(() => {
+  React2.useEffect(() => {
     ws.onceSubscribe(
       {
         event: "request",
@@ -571,7 +639,7 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
     };
   }, [symbol]);
   const { data: markPrice } = useMarkPrice(symbol);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!requestData)
       return;
     const subscription = ws.subscribe(
@@ -593,13 +661,13 @@ var useOrderbookStream = (symbol, initial = { asks: [], bids: [] }, options) =>
       subscription == null ? void 0 : subscription();
     };
   }, [symbol, requestData]);
-  const onItemClick = React.useCallback((item) => {
+  const onItemClick = React2.useCallback((item) => {
     eventEmitter.emit("orderbook:item:click", item);
   }, []);
-  const onDepthChange = React.useCallback((depth2) => {
+  const onDepthChange = React2.useCallback((depth2) => {
     console.log("Orderbook depth has changed:", depth2);
   }, []);
-  const middlePrice = React.useMemo(() => {
+  const middlePrice = React2.useMemo(() => {
     let asksFrist = 0, bidsFirst = 0;
     if (data.asks.length > 0) {
       asksFrist = data.asks[data.asks.length - 1][0];
@@ -719,7 +787,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];
   }
@@ -736,7 +803,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,
@@ -868,12 +935,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] = React.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,
@@ -886,98 +979,161 @@ var usePositionStream = (symbol, options) => {
     }
   }));
   const { data: markPrices } = useMarkPricesStream();
-  const formatedPositions = React.useMemo(() => {
+  const formatedPositions = React2.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 = utils.zero, notional_total = utils.zero, unsettlementPnL_total = utils.zero;
+    const formatted = filteredData.map((item) => {
+      var _a2;
       const price = ramda.propOr(
         item.mark_price,
         item.symbol,
         markPrices
       );
+      const notional = futures.positions.notional(
+        item.position_qty,
+        item.average_open_price
+      );
+      const unrealPnl = futures.positions.unrealizedPnL({
+        qty: item.position_qty,
+        openPrice: item.average_open_price,
+        markPrice: price
+      });
+      const unsettlementPnL = futures.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] = React2.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({
+      USDCHolding: USDC_holding,
+      nonUSDCHolding: nonUSDC,
+      unsettlementPnL: unsettlemnedPnL
+    });
+    const totalValue2 = futures.account.totalValue({
+      totalUnsettlementPnL: unsettlemnedPnL,
+      USDCHolding: USDC_holding,
+      nonUSDCHolding: nonUSDC
+    });
+    const totalUnrealizedROI2 = futures.account.totalUnrealizedROI({
+      totalUnrealizedPnL: unrealizedPnL,
+      totalValue: totalValue2.toNumber()
+    });
+    return [totalCollateral2, totalValue2, totalUnrealizedROI2];
+  }, [holding, formatedPositions, markPrices]);
+  const positionsRows = React2.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 = futures.positions.MMR({
         baseMMR: info("base_mmr"),
         baseIMR: info("base_imr"),
         IMRFactor: accountInfo.imr_factor[info("base")],
-        positionNotional: futures.positions.notional(
-          item.position_qty,
-          price
-        ),
+        positionNotional: item.notional,
         IMR_factor_power: 4 / 5
       });
       return __spreadProps(__spreadValues({}, item), {
-        mark_price: price,
+        mm: futures.positions.maintenanceMargin({
+          positionQty: item.position_qty,
+          markPrice: item.mark_price,
+          MMR
+        }),
         est_liq_price: futures.positions.liqPrice({
-          markPrice: price,
-          totalCollateral,
+          markPrice: item.mark_price,
+          totalCollateral: total,
           positionQty: item.position_qty,
           MMR
         }),
-        notional: futures.positions.notional(
-          item.position_qty,
-          item.average_open_price
-        ),
-        unrealized_pnl: futures.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 = React.useMemo(() => {
-    const aggregatedData2 = {
-      unsettledPnL: NaN,
-      unrealPnL: NaN,
-      notional: NaN
-    };
-    if (formatedPositions && formatedPositions.length) {
-      aggregatedData2.unrealPnL = futures.positions.totalUnrealizedPnL(formatedPositions);
-      aggregatedData2.notional = futures.positions.totalNotional(formatedPositions);
-      aggregatedData2.unsettledPnL = futures.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 = React.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 = ramda.pathOr(0, [0, "aggregated", "unsettledPnL"]);
+var useHolding = () => {
+  const { data, isLoading } = usePrivateQuery(
+    "/v1/client/holding",
+    {
+      formatter: (data2) => {
+        return data2.holding;
+      }
+    }
+  );
+  const usdc = React2.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 = ramda.pathOr([], [0, "rows"]);
+ramda.pathOr(0, [0, "totalCollateral"]);
+var unsettledPnL = ramda.pathOr(0, [0, "aggregated", "unsettledPnL"]);
 var useCollateral = (options = { dp: 6 }) => {
   const { dp } = options;
   const positions2 = usePositionStream();
@@ -985,47 +1141,14 @@ 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 [totalCollateral, totalValue] = React.useMemo(() => {
-    if (!holding || !markPrices) {
-      return [utils.zero, utils.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 = futures.account.totalCollateral({
-      USDCHolding: USDC_holding,
-      nonUSDCHolding: nonUSDC,
-      unsettlementPnL: unsettlemnedPnL
-    });
-    const totalValue2 = futures.account.totalValue({
-      totalUnsettlementPnL: unsettlemnedPnL,
-      USDCHolding: USDC_holding,
-      nonUSDCHolding: nonUSDC
-    });
-    return [new utils.Decimal(number), totalValue2];
-  }, [holding, positions2, markPrices]);
-  const totalInitialMarginWithOrders = React.useMemo(() => {
+  const { usdc } = useHolding();
+  const [totalCollateral, totalValue] = React2.useMemo(() => {
+    return [
+      ramda.pathOr(utils.zero, [0, "totalCollateral"], positions2),
+      ramda.pathOr(utils.zero, [0, "totalValue"], positions2)
+    ];
+  }, [positions2, markPrices]);
+  const totalInitialMarginWithOrders = React2.useMemo(() => {
     if (!accountInfo || !symbolInfo || !markPrices) {
       return 0;
     }
@@ -1038,24 +1161,37 @@ var useCollateral = (options = { dp: 6 }) => {
       symbolInfo
     });
   }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
-  return {
-    totalCollateral: totalCollateral.toDecimalPlaces(dp).toNumber(),
-    freeCollateral: futures.account.freeCollateral({
+  const freeCollateral = React2.useMemo(() => {
+    return futures.account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
-    }).toDecimalPlaces(dp).toNumber(),
-    totalValue: totalValue.toDecimalPlaces(dp).toNumber()
+    });
+  }, [totalCollateral, totalInitialMarginWithOrders]);
+  const availableBalance = React2.useMemo(() => {
+    var _a;
+    return futures.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 = ramda.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();
   const { data: markPrices } = useMarkPricesStream();
-  const maxQty = React.useMemo(() => {
+  const maxQty = React2.useMemo(() => {
     if (!symbol)
       return 0;
     const positions2 = positionsPath2(positionsData);
@@ -1219,12 +1355,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 utils.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 utils.Decimal(
+              maxPriceNumber
+            ).todp(symbol.quote_dp)}`
           };
         }
       }
@@ -1283,11 +1423,11 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
   const { freeCollateral } = useCollateral();
   const symbolInfo = useSymbolsInfo();
   const tokenInfo = useTokenInfo();
-  const baseDP = React.useMemo(
+  const baseDP = React2.useMemo(
     () => utils.getPrecisionByNumber(symbolInfo[symbol]("base_tick", 0)),
     [symbolInfo]
   );
-  const quoteDP = React.useMemo(() => {
+  const quoteDP = React2.useMemo(() => {
     return tokenInfo.USDC("decimals", 0);
   }, [tokenInfo]);
   const { data: markPrice } = useMarkPrice(symbol);
@@ -1330,7 +1470,7 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
       });
     });
   };
-  const calculate = React.useCallback(
+  const calculate = React2.useCallback(
     (values, field, value) => {
       console.log("calculate", values, field, value, markPrice);
       const fieldHandler = getCalculateHandler(field);
@@ -1372,11 +1512,11 @@ var useFetures = () => {
       revalidateOnFocus: false
     }
   );
-  const [sortedData, setSortedData] = React.useState(data);
+  const [sortedData, setSortedData] = React2.useState(data);
   useWS();
-  React.useEffect(() => {
+  React2.useEffect(() => {
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (data) {
       const sortedData2 = data.sort((a, b) => {
         return 0;
@@ -1384,9 +1524,9 @@ var useFetures = () => {
       setSortedData(sortedData2);
     }
   }, [data]);
-  const sortBy = React.useCallback((key) => {
+  const sortBy = React2.useCallback((key) => {
   }, [data]);
-  const filterBy = React.useCallback((key) => {
+  const filterBy = React2.useCallback((key) => {
   }, [data]);
   return {
     // ...data,
@@ -1428,7 +1568,7 @@ var useMarketsStream = () => {
       unsubscribe == null ? void 0 : unsubscribe();
     };
   });
-  const value = React.useMemo(() => {
+  const value = React2.useMemo(() => {
     if (!futures)
       return null;
     if (!tickers)
@@ -1453,7 +1593,7 @@ var useMarketsStream = () => {
 var useLeverage = () => {
   const { data, mutate: mutate2 } = usePrivateQuery("/v1/client/info");
   const [update] = useMutation("/v1/client/leverage");
-  const updateLeverage = React.useCallback((data2) => {
+  const updateLeverage = React2.useCallback((data2) => {
     return update(data2).then((res) => {
       return mutate2();
     });
@@ -1461,10 +1601,11 @@ var useLeverage = () => {
   return [ramda.prop("max_leverage", data), { update: updateLeverage }];
 };
 var useFundingRate = (symbol) => {
+  var _a;
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
   }
-  const [countDown, setCountDown] = React.useState("00:00:00");
+  const [countDown, setCountDown] = React2.useState("00:00:00");
   const { data } = useQuery(
     `/v1/public/funding_rate/${symbol}`,
     {
@@ -1474,7 +1615,7 @@ var useFundingRate = (symbol) => {
       }
     }
   );
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!data)
       return;
     const { next_funding_time } = data;
@@ -1495,16 +1636,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) => net.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__default.default(
-    (pageIndex, previousPageData) => account4.state.status >= types.AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
+    (pageIndex, previousPageData) => account5.state.status >= types.AccountStatusEnum.EnableTrading ? getKey(pageIndex, previousPageData) : null,
     fetcher3,
     __spreadProps(__spreadValues({}, options), {
       use: [signatureMiddleware, ...middleware]
@@ -1521,8 +1663,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");
@@ -1530,13 +1674,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()}`;
     },
     {
@@ -1546,7 +1696,7 @@ var useOrderStream = ({
       }
     }
   );
-  const orders = React.useMemo(() => {
+  const orders = React2.useMemo(() => {
     var _a;
     if (!ordersResponse.data) {
       return null;
@@ -1558,13 +1708,13 @@ var useOrderStream = ({
       });
     });
   }, [ordersResponse.data, markPrices]);
-  const cancelAllOrders = React.useCallback(() => {
+  const cancelAllOrders = React2.useCallback(() => {
   }, [ordersResponse.data]);
-  const updateOrder = React.useCallback((orderId, order2) => {
+  const updateOrder = React2.useCallback((orderId, order2) => {
     console.log("updateOrder", order2, orderId);
     return doUpdateOrder(__spreadProps(__spreadValues({}, order2), { order_id: orderId }));
   }, []);
-  const cancelOrder = React.useCallback((orderId, symbol2) => {
+  const cancelOrder = React2.useCallback((orderId, symbol2) => {
     return doCancelOrder(null, {
       order_id: orderId,
       symbol: symbol2
@@ -1587,16 +1737,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] = React2.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();
+  React2.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
@@ -1608,7 +1778,7 @@ var useMarginRatio = () => {
   const [{ rows }] = usePositionStream();
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
-  const marginRatio = React.useMemo(() => {
+  const marginRatio = React2.useMemo(() => {
     const ratio = futures.account.totalMarginRatio({
       totalCollateral,
       markPrices,
@@ -1616,19 +1786,23 @@ var useMarginRatio = () => {
     });
     return ratio;
   }, [rows, markPrices, totalCollateral]);
-  return marginRatio;
+  const currentLeverage = React2.useMemo(() => {
+    return futures.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__default.default(
     "https://fi-api.woo.org/swap_support",
     (url) => fetch(url).then((res) => res.json()),
-    {
+    __spreadValues({
       revalidateOnFocus: false,
       revalidateOnReconnect: false
-    }
+    }, swrOptions)
   );
-  const chains = React.useMemo(() => {
+  const chains = React2.useMemo(() => {
     if (!data || !data.data)
       return data;
     let arr = [];
@@ -1654,7 +1828,7 @@ var useChains = (networkId, options) => {
     }
     return arr;
   }, [data, networkId, field, options]);
-  const findByChainId = React.useCallback(
+  const findByChainId = React2.useCallback(
     (chainId) => {
       if (!data || !data.data)
         return void 0;
@@ -1679,17 +1853,17 @@ var useBalance = () => {
 var usePrivateDataObserver = () => {
   const ws = useWS();
   const { mutate: mutate2 } = useSWR.useSWRConfig();
-  React.useEffect(() => {
+  React2.useEffect(() => {
     console.log("subscribe: executionreport");
     const unsubscribe = ws.privateSubscribe("executionreport", {
       onMessage: (data) => {
         console.info("refresh orders");
-        mutate2("/v1/orders");
+        console.log(data);
       }
     });
     return () => unsubscribe == null ? void 0 : unsubscribe();
   }, []);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     console.log("subscribe: position");
     const unsubscribe = ws.privateSubscribe("position", {
       onMessage: (data) => {
@@ -1720,7 +1894,6 @@ var useExecutionReport = () => {
 // src/apis/index.ts
 var apis_exports = {};
 __export(apis_exports, {
-  useFundingRate: () => useFundingRate2,
   useFundingRateBySymbol: () => useFundingRateBySymbol,
   useInfo: () => useInfo,
   useToken: () => useToken
@@ -1746,11 +1919,6 @@ var useFundingRateBySymbol = (symbol) => {
   return useQuery(`/public/funding_rate/${symbol}`);
 };
 
-// src/apis/useFundingRate.ts
-var useFundingRate2 = (symbol) => {
-  return useQuery(`/v1/public/funding_rate`);
-};
-
 Object.defineProperty(exports, 'useSWR', {
   enumerable: true,
   get: function () { return useSWR__default.default; }
@@ -1766,6 +1934,7 @@ exports.OrderlyProvider = OrderlyProvider;
 exports.apis = apis_exports;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;
+exports.useAccountInstance = useAccountInstance;
 exports.useAppState = useAppState;
 exports.useBalance = useBalance;
 exports.useChains = useChains;
@@ -1774,6 +1943,7 @@ exports.useEventEmitter = useEventEmitter;
 exports.useExecutionReport = useExecutionReport;
 exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
+exports.useHolding = useHolding;
 exports.useLeverage = useLeverage;
 exports.useMarginRatio = useMarginRatio;
 exports.useMarkPrice = useMarkPrice;
@@ -1786,10 +1956,13 @@ exports.useOrderEntry = useOrderEntry;
 exports.useOrderStream = useOrderStream;
 exports.useOrderbookStream = useOrderbookStream;
 exports.usePositionStream = usePositionStream;
+exports.usePreLoadData = usePreLoadData;
 exports.usePrivateDataObserver = usePrivateDataObserver;
 exports.usePrivateObserve = usePrivateObserve;
 exports.usePrivateQuery = usePrivateQuery;
 exports.useQuery = useQuery;
+exports.useRunOnce = useRunOnce;
+exports.useSessionStorage = useSessionStorage;
 exports.useSymbolsInfo = useSymbolsInfo;
 exports.useTickerStream = useTickerStream;
 exports.useTokenInfo = useTokenInfo;