@orderly.network/hooks 0.0.6 → 0.0.7

package/dist/index.mjs

@@ -1,20 +1,21 @@
-import { createContext, useContext, useState, useEffect, useCallback, useRef, useMemo } from 'react';
+import React, { createContext, useContext, useCallback, useState, useEffect, useRef, useMemo } from 'react';
 import useSWR from 'swr';
 export { default as useSWR } from 'swr';
-import { WebSocketClient, get, post } from '@orderly.network/net';
+import { WebSocketClient, WS, get, post } from '@orderly.network/net';
 import useSWRMutation from 'swr/mutation';
-import { getMockSigner, SimpleDI, Account } from '@orderly.network/core';
+import { SimpleDI, Account, getMockSigner } from '@orderly.network/core';
 import useConstant from 'use-constant';
 export { default as useConstant } from 'use-constant';
 import { useObservable, useEventCallback } from 'rxjs-hooks';
 export { useEventCallback, useObservable } from 'rxjs-hooks';
-import { BehaviorSubject, merge, iif } from 'rxjs';
-import { map, combineLatestWith, startWith, debounceTime, switchMap, scan, filter, distinct, withLatestFrom } from 'rxjs/operators';
-import { compose, defaultTo, head, last, pathOr, pick } from 'ramda';
+import { AccountStatusEnum, SystemStateEnum, ExchangeStatusEnum, OrderSide, OrderType } from '@orderly.network/types';
+import { BehaviorSubject, merge } from 'rxjs';
+import { map, combineLatestWith, startWith, debounceTime, switchMap, scan, withLatestFrom } from 'rxjs/operators';
+import { compose, defaultTo, head, last, pathOr, pick, propOr } from 'ramda';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString } from '@orderly.network/utils';
-import { OrderSide, OrderType } from '@orderly.network/types';
 import { useFormik } from 'formik';
 import { positions, account, order } from '@orderly.network/futures';
+import useSWRSubscription from 'swr/subscription';
 import useSWRInfinite from 'swr/infinite';
 
 var __defProp = Object.defineProperty;
@@ -82,15 +83,16 @@ var fetcher = (url, init = {}, queryOptions) => get(url, init, queryOptions == n
 var useQuery = (query, options) => {
   const { apiBaseUrl } = useContext(OrderlyContext);
   const _a = options || {}, { formatter } = _a, swrOptions = __objRest(_a, ["formatter"]);
-  if (!query.startsWith("/public")) {
+  if (typeof query === "string" && !query.startsWith("/public")) {
     throw new Error("useQuery is only for public api");
   }
   if (typeof apiBaseUrl === "undefined") {
     throw new Error("please add OrderlyProvider to your app");
   }
   return useSWR(
-    `${apiBaseUrl}${query}`,
-    (url, init) => fetcher(url, init, { formatter }),
+    // `${apiBaseUrl}${query}`,
+    query,
+    (url, init) => fetcher(`${apiBaseUrl}${url}`, init, { formatter }),
     swrOptions
   );
 };
@@ -106,7 +108,8 @@ var useMutation = (url, options) => {
   if (!url.startsWith("http")) {
     url = `${apiBaseUrl}${url}`;
   }
-  const signer = getMockSigner();
+  let account3 = SimpleDI.get("account");
+  const signer = account3.signer;
   const { trigger, data, error, reset, isMutating } = useSWRMutation(
     url,
     fetcher2,
@@ -130,33 +133,84 @@ var useMutation = (url, options) => {
   };
 };
 var signatureMiddleware = (useSWRNext) => {
+  const { apiBaseUrl } = useContext(OrderlyContext);
   return (key, fetcher4, config) => {
-    const extendedFetcher = (url) => __async(void 0, null, function* () {
-      const signer = getMockSigner();
-      const payload = {
-        method: "GET",
-        url
-      };
-      const signature = yield signer.sign(payload);
-      return fetcher4(url, {
-        headers: __spreadProps(__spreadValues({}, signature), {
-          "orderly-account-id": "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b"
-        })
+    try {
+      const extendedFetcher = (url) => __async(void 0, null, function* () {
+        let account3 = SimpleDI.get("account");
+        let fullUrl = `${apiBaseUrl}${url}`;
+        const signer = account3.signer;
+        const payload = {
+          method: "GET",
+          url: fullUrl
+        };
+        const signature = yield signer.sign(payload);
+        return fetcher4(fullUrl, {
+          headers: __spreadProps(__spreadValues({}, signature), {
+            "orderly-account-id": account3.accountId
+            // "orderly-account-id":
+            //   "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b",
+          })
+        });
       });
-    });
-    return useSWRNext(key, extendedFetcher, config);
+      return useSWRNext(key, extendedFetcher, config);
+    } catch (e) {
+      console.error("signature error:", e);
+      throw e;
+    }
+  };
+};
+var useAccount = () => {
+  const { configStore, keyStore, walletAdapter } = useContext(OrderlyContext);
+  if (!configStore)
+    throw new Error("configStore is not defined, please use OrderlyProvider");
+  if (!keyStore) {
+    throw new Error(
+      "keyStore is not defined, please use OrderlyProvider and provide keyStore"
+    );
+  }
+  const account3 = useConstant(() => {
+    let account4 = SimpleDI.get("account");
+    if (!account4) {
+      account4 = new Account(configStore, keyStore, walletAdapter);
+      SimpleDI.registerByName("account", account4);
+    }
+    return account4;
+  });
+  const state = useObservable(
+    () => account3.state$,
+    account3.stateValue
+  );
+  const login = useCallback(
+    (address) => {
+      account3.login(address);
+    },
+    [account3]
+  );
+  return {
+    // account: state!,
+    account: account3,
+    state,
+    // info: {},
+    login
   };
 };
 var usePrivateQuery = (query, options) => {
   var _b;
-  const { apiBaseUrl } = useContext(OrderlyContext);
   const _a = options || {}, { formatter } = _a, swrOptions = __objRest(_a, ["formatter"]);
+  const account3 = useAccount();
   const middleware = Array.isArray(options == null ? void 0 : options.use) ? (_b = options == null ? void 0 : options.use) != null ? _b : [] : [];
   return useSWR(
-    `${apiBaseUrl}${query}`,
-    (url, init) => fetcher(url, init, { formatter }),
+    () => account3.state.status >= AccountStatusEnum.SignedIn ? query : null,
+    // query,
+    (url, init) => {
+      return fetcher(url, init, { formatter });
+    },
     __spreadProps(__spreadValues({}, swrOptions), {
-      use: [signatureMiddleware, ...middleware]
+      use: [signatureMiddleware, ...middleware],
+      onError: (err) => {
+        console.log("usePrivateQuery error", err);
+      }
     })
   );
 };
@@ -185,41 +239,106 @@ var useTopicObserve = (topic) => {
     data
   };
 };
-var useAccount = () => {
-  const { configStore } = useContext(OrderlyContext);
+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);
+  }
+};
+AppState.instanceName = "AppState";
+SimpleDI.registerByName(AppState.instanceName, new AppState());
+function getAppState() {
+  return SimpleDI.get(AppState.instanceName);
+}
+
+// src/useAppState.ts
+var useAppState = () => {
+  const appState = getAppState();
+  return useObservable(
+    () => merge(appState.exchangeState$, appState.systemState$).pipe(
+      map((data) => {
+        return {
+          systemState: SystemStateEnum.Ready,
+          exchangeState: ExchangeStatusEnum.Normal
+        };
+      })
+    ),
+    {
+      systemState: appState.systemState$.value,
+      exchangeState: appState.exchangeState$.value
+    }
+  );
+};
+var WS_NAME = "websocketClient";
+var useWebSocketClient = () => {
+  const ws = useConstant(() => {
+    let websocketClient = SimpleDI.get(WS_NAME);
+    if (!websocketClient) {
+      websocketClient = new WebSocketClient({
+        accountId: "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b",
+        networkId: "testnet",
+        onSigntureRequest: (accountId) => __async(void 0, null, function* () {
+          const signer = getMockSigner();
+          const timestamp = (/* @__PURE__ */ new Date()).getTime();
+          const result = yield signer.signText(timestamp.toString());
+          return __spreadProps(__spreadValues({}, result), { timestamp });
+        })
+      });
+      SimpleDI.registerByName(WS_NAME, websocketClient);
+    }
+    return websocketClient;
+  });
+  return ws;
+};
+var useAccountInstance = () => {
+  const { configStore, keyStore } = useContext(OrderlyContext);
   if (!configStore)
     throw new Error("configStore is not defined, please use OrderlyProvider");
+  if (!keyStore) {
+    throw new Error(
+      "keyStore is not defined, please use OrderlyProvider and provide keyStore"
+    );
+  }
   const account3 = useConstant(() => {
     let account4 = SimpleDI.get("account");
     if (!account4) {
-      account4 = new Account(configStore);
+      account4 = new Account(configStore, keyStore);
       SimpleDI.registerByName("account", account4);
     }
     return account4;
   });
-  const { data: accountInfo } = usePrivateQuery("/client/info");
-  const state = useObservable(
-    () => account3.state$,
-    account3.stateValue
-  );
-  const login = useCallback(
-    (address) => {
-      account3.login(address);
-    },
-    [account3]
-  );
-  return {
-    account: state,
-    info: accountInfo,
-    login
-  };
+  console.log("account instance ======>>>>>", account3);
+  return account3;
 };
-var WS_NAME = "websocketClient";
-var useWebSocketClient = () => {
+
+// src/provider/dataProvider.tsx
+var DataSourceContext = createContext({});
+var DataSourceProvider = (props) => {
+  console.log("render DataSourceProvider");
+  useAccountInstance();
+  useConstant(() => {
+  });
+  return /* @__PURE__ */ React.createElement(DataSourceContext.Provider, { value: {} }, props.children);
+};
+var WS_NAME2 = "nativeWebsocketClient";
+var useWS = () => {
   const ws = useConstant(() => {
-    let websocketClient = SimpleDI.get(WS_NAME);
+    let websocketClient = SimpleDI.get(WS_NAME2);
     if (!websocketClient) {
-      websocketClient = new WebSocketClient({
+      websocketClient = new WS({
         accountId: "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b",
         networkId: "testnet",
         onSigntureRequest: (accountId) => __async(void 0, null, function* () {
@@ -229,7 +348,7 @@ var useWebSocketClient = () => {
           return __spreadProps(__spreadValues({}, result), { timestamp });
         })
       });
-      SimpleDI.registerByName(WS_NAME, websocketClient);
+      SimpleDI.registerByName(WS_NAME2, websocketClient);
     }
     return websocketClient;
   });
@@ -656,77 +775,107 @@ var useMarkPricesSubject = () => {
     )
   );
 };
-
-// src/orderly/usePositionStream.ts
+var useMarkPricesStream = () => {
+  const ws = useWS();
+  return useSWRSubscription("markPrices", (key, { next }) => {
+    const unsubscribe = ws.subscription(
+      { event: "subscribe", topic: "markprices" },
+      {
+        onMessage: (message) => {
+          const data = /* @__PURE__ */ Object.create(null);
+          for (let index = 0; index < message.length; index++) {
+            const element = message[index];
+            data[element.symbol] = element.price;
+          }
+          next(null, data);
+        },
+        onUnsubscribe: () => {
+          return "markprices";
+        },
+        onError: (error) => {
+          console.log("error", error);
+        }
+      }
+    );
+    return () => {
+      console.log("unsubscribe!!!!!!!");
+      console.log("unsubscribe", unsubscribe);
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  });
+};
 var usePositionStream = (symbol, options) => {
+  useState(false);
   const [visibledSymbol, setVisibleSymbol] = useState(
     symbol
   );
   const symbolInfo = useSymbolsInfo();
-  const { info: accountInfo } = useAccount();
+  const { data: accountInfo } = usePrivateQuery("/client/info");
+  const { mutation } = useMutation("/order");
   const fundingRates = useFundingRates();
-  const markPrices$ = useMarkPricesSubject();
+  useMarkPricesSubject();
   const { data, error, isLoading } = usePrivateQuery(
     `/positions`,
     __spreadProps(__spreadValues({}, options), {
-      formatter: (data2) => data2
+      formatter: (data2) => data2,
+      onError: (err) => {
+        console.log("usePositionStream error", err);
+      }
     })
   );
-  const value = useObservable(
-    (_, input$) => input$.pipe(
-      // map((data) => {
-      //   return data[0];
-      // }),
-      combineLatestWith(markPrices$),
-      debounceTime(100),
-      map(([[data2, symbolInfo2, accountInfo2], markPrices]) => {
-        let totalCollateral = 0;
-        return data2 == null ? void 0 : data2.map((item) => {
-          var _a;
-          const price = (_a = markPrices[item.symbol]) != null ? _a : item.mark_price;
-          const info = symbolInfo2 == null ? void 0 : symbolInfo2[item.symbol];
-          const MMR = positions.MMR({
-            baseMMR: info("base_mmr"),
-            baseIMR: info("base_imr"),
-            IMRFactor: accountInfo2.imr_factor[info("base")],
-            positionNotional: positions.notional(item.position_qty, price),
-            IMR_factor_power: 4 / 5
-          });
-          return __spreadProps(__spreadValues({}, item), {
-            mark_price: price,
-            est_liq_price: positions.liqPrice({
-              markPrice: price,
-              totalCollateral,
-              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
-            })
-          });
-        });
-      })
-    ),
-    void 0,
-    [data == null ? void 0 : data.rows, symbolInfo, accountInfo]
-  );
+  const { data: markPrices } = useMarkPricesStream();
+  const formatedPositions = useMemo(() => {
+    if (!(data == null ? void 0 : data.rows) || !symbolInfo || !accountInfo)
+      return null;
+    let totalCollateral = 0;
+    return data.rows.map((item) => {
+      const price = propOr(
+        item.mark_price,
+        item.symbol,
+        markPrices
+      );
+      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
+        ),
+        IMR_factor_power: 4 / 5
+      });
+      return __spreadProps(__spreadValues({}, item), {
+        mark_price: price,
+        est_liq_price: positions.liqPrice({
+          markPrice: price,
+          totalCollateral,
+          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
+        })
+      });
+    });
+  }, [data == null ? void 0 : data.rows, symbolInfo, accountInfo, markPrices]);
   const aggregatedData = useMemo(() => {
     const aggregatedData2 = {
       unsettledPnL: NaN,
       unrealPnL: NaN,
       notional: NaN
     };
-    if (value && value.length) {
-      aggregatedData2.unrealPnL = positions.totalUnrealizedPnL(value);
-      aggregatedData2.notional = positions.totalNotional(value);
+    if (formatedPositions && formatedPositions.length) {
+      aggregatedData2.unrealPnL = positions.totalUnrealizedPnL(formatedPositions);
+      aggregatedData2.notional = positions.totalNotional(formatedPositions);
       aggregatedData2.unsettledPnL = positions.totalUnsettlementPnL(
-        value.map((item) => {
+        formatedPositions.map((item) => {
           var _a;
           return __spreadProps(__spreadValues({}, item), {
             sum_unitary_funding: (_a = fundingRates[item.symbol]) == null ? void 0 : _a.call(
@@ -739,16 +888,22 @@ var usePositionStream = (symbol, options) => {
       );
     }
     return aggregatedData2;
-  }, [value, fundingRates]);
+  }, [formatedPositions, fundingRates]);
   const showSymbol = useCallback((symbol2) => {
     setVisibleSymbol(symbol2);
   }, []);
+  const onClosePosition = useCallback(
+    (order2) => {
+      return mutation(order2).finally(() => {
+      });
+    },
+    []
+  );
   return [
-    { rows: value, aggregated: aggregatedData },
+    { rows: formatedPositions, aggregated: aggregatedData },
     createGetter(data, 1),
     {
-      close: (qty) => {
-      },
+      close: onClosePosition,
       loading: false,
       showSymbol,
       error,
@@ -761,320 +916,155 @@ var usePositionStream = (symbol, options) => {
     }
   ];
 };
-var fetcher3 = (url, init) => get(url, init);
-var usePrivateInfiniteQuery = (getKey, options) => {
-  var _a;
-  const middleware = Array.isArray(options == null ? void 0 : options.use) ? (_a = options == null ? void 0 : options.use) != null ? _a : [] : [];
-  const { apiBaseUrl } = useContext(OrderlyContext);
-  const result = useSWRInfinite(
-    (index, prevData) => `${apiBaseUrl}${getKey(index, prevData)}`,
-    fetcher3,
-    __spreadProps(__spreadValues({}, options), {
-      use: [signatureMiddleware, ...middleware]
-    })
-  );
-  return result;
-};
-var OrderStatus = /* @__PURE__ */ ((OrderStatus2) => {
-  OrderStatus2["FILLED"] = "FILLED";
-  OrderStatus2["PARTIAL_FILLED"] = "PARTIAL_FILLED";
-  OrderStatus2["CANCELED"] = "CANCELED";
-  OrderStatus2["NEW"] = "NEW";
-  OrderStatus2["COMPLETED"] = "COMPLETED";
-  return OrderStatus2;
-})(OrderStatus || {});
-var useOrderStream = ({
-  status = "NEW" /* NEW */,
-  symbol
-} = {}) => {
-  var _a;
-  const markPrices$ = useMarkPricesSubject();
-  const res = usePrivateInfiniteQuery(
-    (pageIndex, previousPageData) => {
-      const search = new URLSearchParams([
-        ["size", "100"],
-        ["page", `${pageIndex + 1}`],
-        [`status`, status]
-      ]);
-      if (symbol) {
-        search.set(`symbol`, symbol);
-      }
-      return `/orders?${search.toString()}`;
-    },
-    {
-      initialSize: 1,
-      onError: (err) => {
-        console.error("fetch failed::::", err);
-      }
-    }
-  );
-  const orders = useObservable(
-    (_, input$) => input$.pipe(
-      map(([data]) => {
-        return data.flat();
-      }),
-      combineLatestWith(markPrices$),
-      map(([data, markPrices]) => {
-        return data.map((item) => {
-          var _a2;
-          return __spreadProps(__spreadValues({}, item), {
-            mark_price: (_a2 = markPrices[item.symbol]) != null ? _a2 : 0
-          });
-        });
-      })
-    ),
-    null,
-    [(_a = res.data) != null ? _a : []]
-  );
-  const cancelAllOrders = useCallback(() => {
-  }, [res.data]);
-  const updateOrder = useCallback((id, data) => {
-  }, []);
-  const cancelOrder = useCallback((id) => {
-  }, []);
-  return [
-    orders,
-    // {
-    //   ...res,
-    //   data: res.data?.reduce((acc, cur) => {
-    //     return [...acc, ...cur];
-    //   }, []),
-    // },
-    {
-      cancelAllOrders,
-      updateOrder,
-      cancelOrder
-    }
-  ];
-};
-var useMarkPriceStream = () => {
-  const markPrice$ = useMarkPricesSubject();
-  return useObservable(() => markPrice$, {});
-};
-
-// src/orderly/useCollateral.ts
 var totalUnsettlementPnLPath = pathOr(0, [0, "aggregated", "unsettledPnL"]);
 var positionsPath = pathOr([], [0, "rows"]);
 var useCollateral = (dp = 6) => {
   const positions2 = usePositionStream();
-  const orders = useOrderStream();
-  const { info: accountInfo } = useAccount();
+  const { data: orders } = usePrivateQuery(`/orders`);
+  const { data: accountInfo } = usePrivateQuery("/client/info");
   const symbolInfo = useSymbolsInfo();
-  const markPrices = useMarkPriceStream();
-  const { data } = usePrivateQuery("/client/holding", {
-    formatter: (data2) => {
-      return data2.holding;
+  const { data: markPrices } = useMarkPricesStream();
+  const { data: holding } = usePrivateQuery("/client/holding", {
+    formatter: (data) => {
+      return data.holding;
     }
   });
-  const totalCollateral = useObservable(
-    (_, input$) => merge(input$).pipe(
-      debounceTime(100),
-      filter((data2) => !!data2[0]),
-      map(
-        ([data2, unsettlemnedPnL, markPrices2]) => {
-          const nonUSDC = [];
-          let USDC_holding = 0;
-          data2.forEach((item) => {
-            if (item.token === "USDC") {
-              USDC_holding = item.holding;
-            } else {
-              nonUSDC.push({
-                holding: item.holding,
-                // markPrice: markPrices[item.token] ?? 0,
-                markPrice: 0,
-                discount: 0
-              });
-            }
-          });
-          const number = account.totalCollateral({
-            USDCHolding: USDC_holding,
-            nonUSDCHolding: nonUSDC,
-            unsettlementPnL: unsettlemnedPnL
-          });
-          return new Decimal(number);
-        }
-      )
-    ),
-    zero,
-    [data, totalUnsettlementPnLPath(positions2), markPrices]
-  );
-  const totalInitialMarginWithOrders = useObservable(
-    (_, input$) => input$.pipe(
-      filter((data2) => !!data2[3] && !!data2[4]),
-      map(([positions3, orders2, markPrices2, accountInfo2, symbolInfo2]) => {
-        var _a;
-        return account.totalInitialMarginWithOrders({
-          positions: positionsPath(positions3),
-          orders: (_a = orders2 == null ? void 0 : orders2[0]) != null ? _a : [],
-          markPrices: markPrices2,
-          IMR_Factors: accountInfo2.imr_factor,
-          maxLeverage: accountInfo2.max_leverage,
-          symbolInfo: symbolInfo2
+  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
         });
-      })
-    ),
-    0,
-    [positions2, orders, markPrices, accountInfo, symbolInfo]
-  );
+      }
+    });
+    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]);
+  const totalInitialMarginWithOrders = useMemo(() => {
+    if (!accountInfo || !symbolInfo || !markPrices) {
+      return 0;
+    }
+    return account.totalInitialMarginWithOrders({
+      positions: positionsPath(positions2),
+      orders: orders != null ? orders : [],
+      markPrices,
+      IMR_Factors: accountInfo.imr_factor,
+      maxLeverage: accountInfo.max_leverage,
+      symbolInfo
+    });
+  }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
   return {
     totalCollateral: totalCollateral.toDecimalPlaces(dp).toNumber(),
     freeCollateral: account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
     }).toDecimalPlaces(dp).toNumber(),
-    totalValue: 0
+    totalValue: totalValue.toDecimalPlaces(dp).toNumber()
   };
 };
 var positionsPath2 = pathOr([], [0, "rows"]);
 var useMaxQty = (symbol, side, reduceOnly = false) => {
-  var _a;
-  const positions2 = usePositionStream();
-  const orders = useOrderStream();
-  const { info: accountInfo } = useAccount();
+  const positionsData = usePositionStream();
+  const { data: orders } = usePrivateQuery(`/orders`);
+  const { data: accountInfo } = usePrivateQuery("/client/info");
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
-  const markPrices = useMarkPriceStream();
-  const maxQty = useObservable(
-    (_, input$) => input$.pipe(
-      switchMap(
-        ([{ reduceOnly: reduceOnly2 }]) => iif(
-          () => reduceOnly2,
-          input$.pipe(
-            filter(([{ positions: positions3 }]) => positions3.length > 0),
-            map(
-              ([
-                {
-                  positions: positions3,
-                  symbol: symbol2,
-                  side: side2
-                }
-              ]) => {
-                const positionQty = account.getQtyFromPositions(
-                  positions3,
-                  symbol2
-                );
-                if (positionQty > 0) {
-                  if (side2 === OrderSide.BUY) {
-                    return 0;
-                  } else {
-                    return Math.abs(positionQty);
-                  }
-                }
-                if (positionQty < 0) {
-                  if (side2 === OrderSide.BUY) {
-                    return Math.abs(positionQty);
-                  } else {
-                    return 0;
-                  }
-                }
-                return 0;
-              }
-            )
-          ),
-          input$.pipe(
-            filter(
-              ([
-                {
-                  markPrices: markPrices2,
-                  positions: positions3,
-                  orders: orders2,
-                  accountInfo: accountInfo2,
-                  symbolInfo: symbolInfo2,
-                  symbol: symbol2,
-                  side: side2,
-                  totalCollateral: totalCollateral2
-                }
-              ]) => !!symbol2 && !!side2 && !!markPrices2[symbol2] && !!positions3 && !!orders2 && !!accountInfo2 && !!symbolInfo2 && !!totalCollateral2
-            ),
-            // 数据准备
-            map(
-              ([
-                {
-                  markPrices: markPrices2,
-                  positions: positions3,
-                  orders: orders2,
-                  accountInfo: accountInfo2,
-                  symbolInfo: symbolInfo2,
-                  symbol: symbol2,
-                  side: side2,
-                  totalCollateral: totalCollateral2
-                }
-              ]) => {
-                const getSymbolInfo = symbolInfo2[symbol2];
-                const positionQty = account.getQtyFromPositions(
-                  positions3,
-                  symbol2
-                );
-                const buyOrdersQty = account.getQtyFromOrdersBySide(
-                  orders2,
-                  symbol2,
-                  OrderSide.BUY
-                );
-                const sellOrdersQty = account.getQtyFromOrdersBySide(
-                  orders2,
-                  symbol2,
-                  OrderSide.SELL
-                );
-                const otherPositions = positions3.filter(
-                  (item) => item.symbol !== symbol2
-                );
-                const otherOrders = orders2.filter(
-                  (item) => item.symbol !== symbol2
-                );
-                const otherIMs = account.otherIMs({
-                  orders: otherOrders,
-                  positions: otherPositions,
-                  symbolInfo: symbolInfo2,
-                  markPrices: markPrices2,
-                  IMR_Factors: accountInfo2.imr_factor,
-                  maxLeverage: accountInfo2.max_leverage
-                });
-                return [
-                  side2,
-                  {
-                    markPrice: markPrices2[symbol2],
-                    baseMaxQty: getSymbolInfo("base_max"),
-                    totalCollateral: totalCollateral2,
-                    maxLeverage: accountInfo2.max_leverage,
-                    takerFeeRate: accountInfo2.taker_fee_rate,
-                    baseIMR: getSymbolInfo("base_imr"),
-                    otherIMs,
-                    positionQty,
-                    buyOrdersQty,
-                    sellOrdersQty,
-                    IMR_Factor: accountInfo2.imr_factor[getSymbolInfo("base")]
-                  },
-                  {
-                    dp: getSymbolInfo("base_tick")
-                  }
-                ];
-              }
-            ),
-            map(([side2, inputs, options]) => {
-              const maxQty2 = account.maxQty(side2, inputs);
-              return maxQty2;
-            }),
-            distinct()
-            // tap((data: number) => console.log("************", data))
-          )
-        )
-      )
-    ),
-    0,
-    [
-      {
-        markPrices,
-        positions: positionsPath2(positions2),
-        orders: (_a = orders[0]) != null ? _a : [],
-        accountInfo,
-        symbolInfo,
-        symbol,
-        side,
-        totalCollateral,
-        reduceOnly
+  const { data: markPrices } = useMarkPricesStream();
+  const maxQty = useMemo(() => {
+    if (!symbol)
+      return 0;
+    const positions2 = positionsPath2(positionsData);
+    const positionQty = account.getQtyFromPositions(positions2, symbol);
+    if (reduceOnly) {
+      if (positionQty > 0) {
+        if (side === OrderSide.BUY) {
+          return 0;
+        } else {
+          return Math.abs(positionQty);
+        }
       }
-    ]
-  );
+      if (positionQty < 0) {
+        if (side === OrderSide.BUY) {
+          return Math.abs(positionQty);
+        } else {
+          return 0;
+        }
+      }
+      return 0;
+    }
+    if (!markPrices || !markPrices[symbol] || !orders || !accountInfo)
+      return 0;
+    const getSymbolInfo = symbolInfo[symbol];
+    const buyOrdersQty = account.getQtyFromOrdersBySide(
+      orders,
+      symbol,
+      OrderSide.BUY
+    );
+    const sellOrdersQty = account.getQtyFromOrdersBySide(
+      orders,
+      symbol,
+      OrderSide.SELL
+    );
+    const otherPositions = positions2.filter(
+      (item) => item.symbol !== symbol
+    );
+    const otherOrders = orders.filter(
+      (item) => item.symbol !== symbol
+    );
+    const otherIMs = account.otherIMs({
+      orders: otherOrders,
+      positions: otherPositions,
+      symbolInfo,
+      markPrices,
+      IMR_Factors: accountInfo.imr_factor,
+      maxLeverage: accountInfo.max_leverage
+    });
+    return account.maxQty(side, {
+      markPrice: markPrices[symbol],
+      symbol,
+      baseMaxQty: getSymbolInfo("base_max"),
+      totalCollateral,
+      maxLeverage: accountInfo.max_leverage,
+      takerFeeRate: accountInfo.taker_fee_rate,
+      baseIMR: getSymbolInfo("base_imr"),
+      otherIMs,
+      positionQty,
+      buyOrdersQty,
+      sellOrdersQty,
+      IMR_Factor: accountInfo.imr_factor[getSymbolInfo("base")]
+    });
+  }, [
+    orders,
+    positionsData,
+    markPrices,
+    accountInfo,
+    symbolInfo,
+    symbol,
+    side,
+    totalCollateral,
+    reduceOnly
+  ]);
   return maxQty;
 };
 var { maxPrice, minPrice } = order;
@@ -1362,6 +1352,11 @@ var useFetures = () => {
     error
   };
 };
+
+// src/orderly/useAccountInfo.ts
+var useAccountInfo = () => {
+  return usePrivateQuery("/client/info");
+};
 var useMarketsStream = () => {
   const ws = useWebSocketClient();
   const { data } = useQuery(`/public/futures`);
@@ -1429,6 +1424,86 @@ var useFundingRate = (symbol) => {
     countDown
   });
 };
+var fetcher3 = (url, init) => get(url, init);
+var usePrivateInfiniteQuery = (getKey, options) => {
+  var _a;
+  const account3 = 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) => account3.state.status >= AccountStatusEnum.SignedIn ? getKey(pageIndex, previousPageData) : null,
+    fetcher3,
+    __spreadProps(__spreadValues({}, options), {
+      use: [signatureMiddleware, ...middleware]
+    })
+  );
+  return result;
+};
+var OrderStatus = /* @__PURE__ */ ((OrderStatus2) => {
+  OrderStatus2["FILLED"] = "FILLED";
+  OrderStatus2["PARTIAL_FILLED"] = "PARTIAL_FILLED";
+  OrderStatus2["CANCELED"] = "CANCELED";
+  OrderStatus2["NEW"] = "NEW";
+  OrderStatus2["COMPLETED"] = "COMPLETED";
+  return OrderStatus2;
+})(OrderStatus || {});
+var useOrderStream = ({
+  status = "NEW" /* NEW */,
+  symbol
+} = {}) => {
+  const { data: markPrices = {} } = useMarkPricesStream();
+  const res = usePrivateInfiniteQuery(
+    (pageIndex, previousPageData) => {
+      const search = new URLSearchParams([
+        ["size", "100"],
+        ["page", `${pageIndex + 1}`],
+        [`status`, status]
+      ]);
+      if (symbol) {
+        search.set(`symbol`, symbol);
+      }
+      return `/orders?${search.toString()}`;
+    },
+    {
+      initialSize: 1,
+      onError: (err) => {
+        console.error("fetch failed::::", err);
+      }
+    }
+  );
+  const orders = useMemo(() => {
+    var _a;
+    if (!res.data) {
+      return null;
+    }
+    console.log("orders:::", markPrices);
+    return (_a = res.data) == null ? void 0 : _a.flat().map((item) => {
+      var _a2;
+      return __spreadProps(__spreadValues({}, item), {
+        mark_price: (_a2 = markPrices[item.symbol]) != null ? _a2 : 0
+      });
+    });
+  }, [res.data, markPrices]);
+  const cancelAllOrders = useCallback(() => {
+  }, [res.data]);
+  const updateOrder = useCallback((id, data) => {
+  }, []);
+  const cancelOrder = useCallback((id) => {
+  }, []);
+  return [
+    orders,
+    // {
+    //   ...res,
+    //   data: res.data?.reduce((acc, cur) => {
+    //     return [...acc, ...cur];
+    //   }, []),
+    // },
+    {
+      cancelAllOrders,
+      updateOrder,
+      cancelOrder
+    }
+  ];
+};
 
 // src/apis/index.ts
 var apis_exports = {};
@@ -1464,6 +1539,6 @@ var useFundingRate2 = (symbol) => {
   return useQuery(`/public/funding_rate`);
 };
 
-export { OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useCollateral, useFetures, useFundingRate, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbook, usePositionStream, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWebSocketClient };
+export { DataSourceProvider, OrderStatus, OrderlyContext, OrderlyProvider, apis_exports as apis, useAccount, useAccountInfo, useAppState, useCollateral, useFetures, useFundingRate, useMarkPricesStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbook, usePositionStream, usePrivateObserve, usePrivateQuery, useQuery, useSymbolsInfo, useTickerStream, useTokenInfo, useTopicObserve, useTradingView, useWS, useWebSocketClient };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map