@orderly.network/hooks 0.0.6 → 0.0.8

package/dist/index.js

@@ -1,26 +1,29 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var useSWR = require('swr');
 var net = require('@orderly.network/net');
 var useSWRMutation = require('swr/mutation');
 var core = require('@orderly.network/core');
 var useConstant = require('use-constant');
 var rxjsHooks = require('rxjs-hooks');
+var types = require('@orderly.network/types');
 var rxjs = require('rxjs');
 var operators = require('rxjs/operators');
 var ramda = require('ramda');
 var utils = require('@orderly.network/utils');
-var types = require('@orderly.network/types');
 var formik = require('formik');
 var futures = require('@orderly.network/futures');
+var useSWRSubscription = require('swr/subscription');
 var useSWRInfinite = require('swr/infinite');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
+var React__default = /*#__PURE__*/_interopDefault(React);
 var useSWR__default = /*#__PURE__*/_interopDefault(useSWR);
 var useSWRMutation__default = /*#__PURE__*/_interopDefault(useSWRMutation);
 var useConstant__default = /*#__PURE__*/_interopDefault(useConstant);
+var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscription);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
 
 var __defProp = Object.defineProperty;
@@ -78,7 +81,7 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
-var OrderlyContext = react.createContext({
+var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
 });
 var OrderlyProvider = OrderlyContext.Provider;
@@ -86,17 +89,18 @@ var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions
 
 // src/useQuery.ts
 var useQuery = (query, options) => {
-  const { apiBaseUrl } = react.useContext(OrderlyContext);
+  const { apiBaseUrl } = React.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__default.default(
-    `${apiBaseUrl}${query}`,
-    (url, init) => fetcher(url, init, { formatter }),
+    // `${apiBaseUrl}${query}`,
+    query,
+    (url, init) => fetcher(`${apiBaseUrl}${url}`, init, { formatter }),
     swrOptions
   );
 };
@@ -108,11 +112,12 @@ var fetcher2 = (url, options) => {
   });
 };
 var useMutation = (url, options) => {
-  const { apiBaseUrl } = react.useContext(OrderlyContext);
+  const { apiBaseUrl } = React.useContext(OrderlyContext);
   if (!url.startsWith("http")) {
     url = `${apiBaseUrl}${url}`;
   }
-  const signer = core.getMockSigner();
+  let account3 = core.SimpleDI.get("account");
+  const signer = account3.signer;
   const { trigger, data, error, reset, isMutating } = useSWRMutation__default.default(
     url,
     fetcher2,
@@ -136,33 +141,84 @@ var useMutation = (url, options) => {
   };
 };
 var signatureMiddleware = (useSWRNext) => {
+  const { apiBaseUrl } = React.useContext(OrderlyContext);
   return (key, fetcher4, config) => {
-    const extendedFetcher = (url) => __async(void 0, null, function* () {
-      const signer = core.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 = core.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 } = React.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__default.default(() => {
+    let account4 = core.SimpleDI.get("account");
+    if (!account4) {
+      account4 = new core.Account(configStore, keyStore, walletAdapter);
+      core.SimpleDI.registerByName("account", account4);
+    }
+    return account4;
+  });
+  const state = rxjsHooks.useObservable(
+    () => account3.state$,
+    account3.stateValue
+  );
+  const login = React.useCallback(
+    (address) => {
+      account3.login(address);
+    },
+    [account3]
+  );
+  return {
+    // account: state!,
+    account: account3,
+    state,
+    // info: {},
+    login
   };
 };
 var usePrivateQuery = (query, options) => {
   var _b;
-  const { apiBaseUrl } = react.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__default.default(
-    `${apiBaseUrl}${query}`,
-    (url, init) => fetcher(url, init, { formatter }),
+    () => account3.state.status >= types.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);
+      }
     })
   );
 };
@@ -172,8 +228,8 @@ var useTradingView = () => {
   return {};
 };
 var usePrivateObserve = () => {
-  const [data, setData] = react.useState();
-  react.useEffect(() => {
+  const [data, setData] = React.useState();
+  React.useEffect(() => {
     return () => {
     };
   }, []);
@@ -182,8 +238,8 @@ var usePrivateObserve = () => {
   };
 };
 var useTopicObserve = (topic) => {
-  const [data, setData] = react.useState();
-  react.useEffect(() => {
+  const [data, setData] = React.useState();
+  React.useEffect(() => {
     return () => {
     };
   }, []);
@@ -191,41 +247,106 @@ var useTopicObserve = (topic) => {
     data
   };
 };
-var useAccount = () => {
-  const { configStore } = react.useContext(OrderlyContext);
+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);
+  }
+};
+AppState.instanceName = "AppState";
+core.SimpleDI.registerByName(AppState.instanceName, new AppState());
+function getAppState() {
+  return core.SimpleDI.get(AppState.instanceName);
+}
+
+// src/useAppState.ts
+var useAppState = () => {
+  const appState = getAppState();
+  return rxjsHooks.useObservable(
+    () => rxjs.merge(appState.exchangeState$, appState.systemState$).pipe(
+      operators.map((data) => {
+        return {
+          systemState: types.SystemStateEnum.Ready,
+          exchangeState: types.ExchangeStatusEnum.Normal
+        };
+      })
+    ),
+    {
+      systemState: appState.systemState$.value,
+      exchangeState: appState.exchangeState$.value
+    }
+  );
+};
+var WS_NAME = "websocketClient";
+var useWebSocketClient = () => {
+  const ws = useConstant__default.default(() => {
+    let websocketClient = core.SimpleDI.get(WS_NAME);
+    if (!websocketClient) {
+      websocketClient = new net.WebSocketClient({
+        accountId: "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b",
+        networkId: "testnet",
+        onSigntureRequest: (accountId) => __async(void 0, null, function* () {
+          const signer = core.getMockSigner();
+          const timestamp = (/* @__PURE__ */ new Date()).getTime();
+          const result = yield signer.signText(timestamp.toString());
+          return __spreadProps(__spreadValues({}, result), { timestamp });
+        })
+      });
+      core.SimpleDI.registerByName(WS_NAME, websocketClient);
+    }
+    return websocketClient;
+  });
+  return ws;
+};
+var useAccountInstance = () => {
+  const { configStore, keyStore } = React.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__default.default(() => {
     let account4 = core.SimpleDI.get("account");
     if (!account4) {
-      account4 = new core.Account(configStore);
+      account4 = new core.Account(configStore, keyStore);
       core.SimpleDI.registerByName("account", account4);
     }
     return account4;
   });
-  const { data: accountInfo } = usePrivateQuery("/client/info");
-  const state = rxjsHooks.useObservable(
-    () => account3.state$,
-    account3.stateValue
-  );
-  const login = react.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 = React.createContext({});
+var DataSourceProvider = (props) => {
+  console.log("render DataSourceProvider");
+  useAccountInstance();
+  useConstant__default.default(() => {
+  });
+  return /* @__PURE__ */ React__default.default.createElement(DataSourceContext.Provider, { value: {} }, props.children);
+};
+var WS_NAME2 = "nativeWebsocketClient";
+var useWS = () => {
   const ws = useConstant__default.default(() => {
-    let websocketClient = core.SimpleDI.get(WS_NAME);
+    let websocketClient = core.SimpleDI.get(WS_NAME2);
     if (!websocketClient) {
-      websocketClient = new net.WebSocketClient({
+      websocketClient = new net.WS({
         accountId: "0x47ab075adca7dfe9dd206eb7c50a10f7b99f4f08fa6c3abd4c170d438e15093b",
         networkId: "testnet",
         onSigntureRequest: (accountId) => __async(void 0, null, function* () {
@@ -235,7 +356,7 @@ var useWebSocketClient = () => {
           return __spreadProps(__spreadValues({}, result), { timestamp });
         })
       });
-      core.SimpleDI.registerByName(WS_NAME, websocketClient);
+      core.SimpleDI.registerByName(WS_NAME2, websocketClient);
     }
     return websocketClient;
   });
@@ -336,16 +457,16 @@ var useOrderbook = (symbol, initial = { asks: [], bids: [] }, options) => {
   if (!symbol) {
     throw new Error("useOrderbook requires a symbol");
   }
-  const [data, setData] = react.useState(initial);
-  const [depth, setDepth] = react.useState(1e-3);
-  const [level, setLevel] = react.useState(() => {
+  const [data, setData] = React.useState(initial);
+  const [depth, setDepth] = React.useState(1e-3);
+  const [level, setLevel] = React.useState(() => {
     var _a;
     return (_a = options == null ? void 0 : options.level) != null ? _a : 10;
   });
   const ws = useWebSocketClient();
-  const orderbookSubscriberRef = react.useRef();
+  const orderbookSubscriberRef = React.useRef();
   const ticker = useTickerStream(symbol);
-  const orderbookRequest$ = react.useMemo(() => {
+  const orderbookRequest$ = React.useMemo(() => {
     return ws.observe(
       {
         event: "request",
@@ -358,7 +479,7 @@ var useOrderbook = (symbol, initial = { asks: [], bids: [] }, options) => {
       (message) => message.event === "request"
     );
   }, [symbol]);
-  const orderbookUpdate$ = react.useMemo(() => {
+  const orderbookUpdate$ = React.useMemo(() => {
     return ws.observe(`${symbol}@orderbookupdate`, () => ({
       event: "subscribe",
       topic: `${symbol}@orderbookupdate`
@@ -383,7 +504,7 @@ var useOrderbook = (symbol, initial = { asks: [], bids: [] }, options) => {
     0,
     [symbol]
   );
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (orderbookSubscriberRef.current) {
       orderbookSubscriberRef.current.unsubscribe();
     }
@@ -403,14 +524,14 @@ var useOrderbook = (symbol, initial = { asks: [], bids: [] }, options) => {
       setData(data2);
     });
   }, [orderbookRequest$, orderbookUpdate$]);
-  const onDepthChange = react.useCallback((depth2) => {
+  const onDepthChange = React.useCallback((depth2) => {
     console.log("Orderbook depth has changed:", depth2);
     orderbookOptions$.next(__spreadProps(__spreadValues({}, orderbookOptions$.value), {
       depth: depth2
       // level,
     }));
   }, []);
-  const middlePrice = react.useMemo(() => {
+  const middlePrice = React.useMemo(() => {
     let asksFrist = 0, bidsFirst = 0;
     if (data.asks.length > 0) {
       asksFrist = data.asks[data.bids.length - 1][0];
@@ -662,77 +783,107 @@ var useMarkPricesSubject = () => {
     )
   );
 };
-
-// src/orderly/usePositionStream.ts
+var useMarkPricesStream = () => {
+  const ws = useWS();
+  return useSWRSubscription__default.default("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) => {
-  const [visibledSymbol, setVisibleSymbol] = react.useState(
+  React.useState(false);
+  const [visibledSymbol, setVisibleSymbol] = React.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 = rxjsHooks.useObservable(
-    (_, input$) => input$.pipe(
-      // map((data) => {
-      //   return data[0];
-      // }),
-      operators.combineLatestWith(markPrices$),
-      operators.debounceTime(100),
-      operators.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 = futures.positions.MMR({
-            baseMMR: info("base_mmr"),
-            baseIMR: info("base_imr"),
-            IMRFactor: accountInfo2.imr_factor[info("base")],
-            positionNotional: futures.positions.notional(item.position_qty, price),
-            IMR_factor_power: 4 / 5
-          });
-          return __spreadProps(__spreadValues({}, item), {
-            mark_price: price,
-            est_liq_price: futures.positions.liqPrice({
-              markPrice: price,
-              totalCollateral,
-              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
-            })
-          });
-        });
-      })
-    ),
-    void 0,
-    [data == null ? void 0 : data.rows, symbolInfo, accountInfo]
-  );
-  const aggregatedData = react.useMemo(() => {
+  const { data: markPrices } = useMarkPricesStream();
+  const formatedPositions = React.useMemo(() => {
+    if (!(data == null ? void 0 : data.rows) || !symbolInfo || !accountInfo)
+      return null;
+    let totalCollateral = 0;
+    return data.rows.map((item) => {
+      const price = ramda.propOr(
+        item.mark_price,
+        item.symbol,
+        markPrices
+      );
+      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
+        ),
+        IMR_factor_power: 4 / 5
+      });
+      return __spreadProps(__spreadValues({}, item), {
+        mark_price: price,
+        est_liq_price: futures.positions.liqPrice({
+          markPrice: price,
+          totalCollateral,
+          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
+        })
+      });
+    });
+  }, [data == null ? void 0 : data.rows, symbolInfo, accountInfo, markPrices]);
+  const aggregatedData = React.useMemo(() => {
     const aggregatedData2 = {
       unsettledPnL: NaN,
       unrealPnL: NaN,
       notional: NaN
     };
-    if (value && value.length) {
-      aggregatedData2.unrealPnL = futures.positions.totalUnrealizedPnL(value);
-      aggregatedData2.notional = futures.positions.totalNotional(value);
+    if (formatedPositions && formatedPositions.length) {
+      aggregatedData2.unrealPnL = futures.positions.totalUnrealizedPnL(formatedPositions);
+      aggregatedData2.notional = futures.positions.totalNotional(formatedPositions);
       aggregatedData2.unsettledPnL = futures.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(
@@ -745,16 +896,22 @@ var usePositionStream = (symbol, options) => {
       );
     }
     return aggregatedData2;
-  }, [value, fundingRates]);
-  const showSymbol = react.useCallback((symbol2) => {
+  }, [formatedPositions, fundingRates]);
+  const showSymbol = React.useCallback((symbol2) => {
     setVisibleSymbol(symbol2);
   }, []);
+  const onClosePosition = React.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,
@@ -767,320 +924,155 @@ var usePositionStream = (symbol, options) => {
     }
   ];
 };
-var fetcher3 = (url, init) => net.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 } = react.useContext(OrderlyContext);
-  const result = useSWRInfinite__default.default(
-    (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 = rxjsHooks.useObservable(
-    (_, input$) => input$.pipe(
-      operators.map(([data]) => {
-        return data.flat();
-      }),
-      operators.combineLatestWith(markPrices$),
-      operators.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 = react.useCallback(() => {
-  }, [res.data]);
-  const updateOrder = react.useCallback((id, data) => {
-  }, []);
-  const cancelOrder = react.useCallback((id) => {
-  }, []);
-  return [
-    orders,
-    // {
-    //   ...res,
-    //   data: res.data?.reduce((acc, cur) => {
-    //     return [...acc, ...cur];
-    //   }, []),
-    // },
-    {
-      cancelAllOrders,
-      updateOrder,
-      cancelOrder
-    }
-  ];
-};
-var useMarkPriceStream = () => {
-  const markPrice$ = useMarkPricesSubject();
-  return rxjsHooks.useObservable(() => markPrice$, {});
-};
-
-// src/orderly/useCollateral.ts
 var totalUnsettlementPnLPath = ramda.pathOr(0, [0, "aggregated", "unsettledPnL"]);
 var positionsPath = ramda.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 = rxjsHooks.useObservable(
-    (_, input$) => rxjs.merge(input$).pipe(
-      operators.debounceTime(100),
-      operators.filter((data2) => !!data2[0]),
-      operators.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 = futures.account.totalCollateral({
-            USDCHolding: USDC_holding,
-            nonUSDCHolding: nonUSDC,
-            unsettlementPnL: unsettlemnedPnL
-          });
-          return new utils.Decimal(number);
-        }
-      )
-    ),
-    utils.zero,
-    [data, totalUnsettlementPnLPath(positions2), markPrices]
-  );
-  const totalInitialMarginWithOrders = rxjsHooks.useObservable(
-    (_, input$) => input$.pipe(
-      operators.filter((data2) => !!data2[3] && !!data2[4]),
-      operators.map(([positions3, orders2, markPrices2, accountInfo2, symbolInfo2]) => {
-        var _a;
-        return futures.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] = 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
         });
-      })
-    ),
-    0,
-    [positions2, orders, markPrices, accountInfo, symbolInfo]
-  );
+      }
+    });
+    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(() => {
+    if (!accountInfo || !symbolInfo || !markPrices) {
+      return 0;
+    }
+    return futures.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: futures.account.freeCollateral({
       totalCollateral,
       totalInitialMarginWithOrders
     }).toDecimalPlaces(dp).toNumber(),
-    totalValue: 0
+    totalValue: totalValue.toDecimalPlaces(dp).toNumber()
   };
 };
 var positionsPath2 = ramda.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 = rxjsHooks.useObservable(
-    (_, input$) => input$.pipe(
-      operators.switchMap(
-        ([{ reduceOnly: reduceOnly2 }]) => rxjs.iif(
-          () => reduceOnly2,
-          input$.pipe(
-            operators.filter(([{ positions: positions3 }]) => positions3.length > 0),
-            operators.map(
-              ([
-                {
-                  positions: positions3,
-                  symbol: symbol2,
-                  side: side2
-                }
-              ]) => {
-                const positionQty = futures.account.getQtyFromPositions(
-                  positions3,
-                  symbol2
-                );
-                if (positionQty > 0) {
-                  if (side2 === types.OrderSide.BUY) {
-                    return 0;
-                  } else {
-                    return Math.abs(positionQty);
-                  }
-                }
-                if (positionQty < 0) {
-                  if (side2 === types.OrderSide.BUY) {
-                    return Math.abs(positionQty);
-                  } else {
-                    return 0;
-                  }
-                }
-                return 0;
-              }
-            )
-          ),
-          input$.pipe(
-            operators.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
-            ),
-            // 数据准备
-            operators.map(
-              ([
-                {
-                  markPrices: markPrices2,
-                  positions: positions3,
-                  orders: orders2,
-                  accountInfo: accountInfo2,
-                  symbolInfo: symbolInfo2,
-                  symbol: symbol2,
-                  side: side2,
-                  totalCollateral: totalCollateral2
-                }
-              ]) => {
-                const getSymbolInfo = symbolInfo2[symbol2];
-                const positionQty = futures.account.getQtyFromPositions(
-                  positions3,
-                  symbol2
-                );
-                const buyOrdersQty = futures.account.getQtyFromOrdersBySide(
-                  orders2,
-                  symbol2,
-                  types.OrderSide.BUY
-                );
-                const sellOrdersQty = futures.account.getQtyFromOrdersBySide(
-                  orders2,
-                  symbol2,
-                  types.OrderSide.SELL
-                );
-                const otherPositions = positions3.filter(
-                  (item) => item.symbol !== symbol2
-                );
-                const otherOrders = orders2.filter(
-                  (item) => item.symbol !== symbol2
-                );
-                const otherIMs = futures.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")
-                  }
-                ];
-              }
-            ),
-            operators.map(([side2, inputs, options]) => {
-              const maxQty2 = futures.account.maxQty(side2, inputs);
-              return maxQty2;
-            }),
-            operators.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 = React.useMemo(() => {
+    if (!symbol)
+      return 0;
+    const positions2 = positionsPath2(positionsData);
+    const positionQty = futures.account.getQtyFromPositions(positions2, symbol);
+    if (reduceOnly) {
+      if (positionQty > 0) {
+        if (side === types.OrderSide.BUY) {
+          return 0;
+        } else {
+          return Math.abs(positionQty);
+        }
       }
-    ]
-  );
+      if (positionQty < 0) {
+        if (side === types.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 = futures.account.getQtyFromOrdersBySide(
+      orders,
+      symbol,
+      types.OrderSide.BUY
+    );
+    const sellOrdersQty = futures.account.getQtyFromOrdersBySide(
+      orders,
+      symbol,
+      types.OrderSide.SELL
+    );
+    const otherPositions = positions2.filter(
+      (item) => item.symbol !== symbol
+    );
+    const otherOrders = orders.filter(
+      (item) => item.symbol !== symbol
+    );
+    const otherIMs = futures.account.otherIMs({
+      orders: otherOrders,
+      positions: otherPositions,
+      symbolInfo,
+      markPrices,
+      IMR_Factors: accountInfo.imr_factor,
+      maxLeverage: accountInfo.max_leverage
+    });
+    return futures.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 } = futures.order;
@@ -1202,11 +1194,11 @@ var useOrderEntry = (symbol, initialValue = {}, options) => {
   const { freeCollateral } = useCollateral();
   const symbolInfo = useSymbolsInfo();
   const tokenInfo = useTokenInfo();
-  const baseDP = react.useMemo(
+  const baseDP = React.useMemo(
     () => utils.getPrecisionByNumber(symbolInfo[symbol]("base_tick", 0)),
     [symbolInfo]
   );
-  const quoteDP = react.useMemo(() => {
+  const quoteDP = React.useMemo(() => {
     return tokenInfo.USDC("decimals", 0);
   }, [tokenInfo]);
   const [valuesUpdate, [orderExtraValues]] = rxjsHooks.useEventCallback(
@@ -1268,7 +1260,7 @@ var useOrderEntry = (symbol, initialValue = {}, options) => {
     orderExtraValues.side,
     orderExtraValues.reduce_only
   );
-  const formFieldds = react.useMemo(() => {
+  const formFieldds = React.useMemo(() => {
     return ["order_quantity", "order_price", "total"];
   }, []);
   const setValue = (field, value) => {
@@ -1316,7 +1308,7 @@ var useOrderEntry = (symbol, initialValue = {}, options) => {
       });
     });
   };
-  react.useEffect(() => {
+  React.useEffect(() => {
     formik$1.resetForm();
   }, [symbol]);
   return {
@@ -1337,9 +1329,9 @@ var useOrderEntry = (symbol, initialValue = {}, options) => {
 };
 var useFetures = () => {
   const { data, isLoading, error } = useQuery(`/public/futures`);
-  const [sortedData, setSortedData] = react.useState(data);
+  const [sortedData, setSortedData] = React.useState(data);
   const ws = useWebSocketClient();
-  react.useEffect(() => {
+  React.useEffect(() => {
     const sub = ws.observe(`tickers`).subscribe((value) => {
       console.log("useTickers", value);
     });
@@ -1347,7 +1339,7 @@ var useFetures = () => {
       sub.unsubscribe();
     };
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (data) {
       const sortedData2 = data.sort((a, b) => {
         return 0;
@@ -1355,9 +1347,9 @@ var useFetures = () => {
       setSortedData(sortedData2);
     }
   }, [data]);
-  const sortBy = react.useCallback((key) => {
+  const sortBy = React.useCallback((key) => {
   }, [data]);
-  const filterBy = react.useCallback((key) => {
+  const filterBy = React.useCallback((key) => {
   }, [data]);
   return {
     // ...data,
@@ -1368,6 +1360,11 @@ var useFetures = () => {
     error
   };
 };
+
+// src/orderly/useAccountInfo.ts
+var useAccountInfo = () => {
+  return usePrivateQuery("/client/info");
+};
 var useMarketsStream = () => {
   const ws = useWebSocketClient();
   const { data } = useQuery(`/public/futures`);
@@ -1404,14 +1401,14 @@ var useFundingRate = (symbol) => {
   if (!symbol) {
     throw new Error("useFuturesForSymbol requires a symbol");
   }
-  const [countDown, setCountDown] = react.useState("00:00:00");
+  const [countDown, setCountDown] = React.useState("00:00:00");
   const { data } = useQuery(`/public/funding_rate/${symbol}`, {
     fallbackData: {
       est_funding_rate: 0,
       next_funing_time: 0
     }
   });
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (!data)
       return;
     const { next_funding_time } = data;
@@ -1435,6 +1432,86 @@ var useFundingRate = (symbol) => {
     countDown
   });
 };
+var fetcher3 = (url, init) => net.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__default.default(
+    (pageIndex, previousPageData) => account3.state.status >= types.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 = React.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 = React.useCallback(() => {
+  }, [res.data]);
+  const updateOrder = React.useCallback((id, data) => {
+  }, []);
+  const cancelOrder = React.useCallback((id) => {
+  }, []);
+  return [
+    orders,
+    // {
+    //   ...res,
+    //   data: res.data?.reduce((acc, cur) => {
+    //     return [...acc, ...cur];
+    //   }, []),
+    // },
+    {
+      cancelAllOrders,
+      updateOrder,
+      cancelOrder
+    }
+  ];
+};
 
 // src/apis/index.ts
 var apis_exports = {};
@@ -1486,14 +1563,18 @@ Object.defineProperty(exports, 'useObservable', {
   enumerable: true,
   get: function () { return rxjsHooks.useObservable; }
 });
+exports.DataSourceProvider = DataSourceProvider;
 exports.OrderStatus = OrderStatus;
 exports.OrderlyContext = OrderlyContext;
 exports.OrderlyProvider = OrderlyProvider;
 exports.apis = apis_exports;
 exports.useAccount = useAccount;
+exports.useAccountInfo = useAccountInfo;
+exports.useAppState = useAppState;
 exports.useCollateral = useCollateral;
 exports.useFetures = useFetures;
 exports.useFundingRate = useFundingRate;
+exports.useMarkPricesStream = useMarkPricesStream;
 exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
 exports.useMutation = useMutation;
@@ -1509,6 +1590,7 @@ exports.useTickerStream = useTickerStream;
 exports.useTokenInfo = useTokenInfo;
 exports.useTopicObserve = useTopicObserve;
 exports.useTradingView = useTradingView;
+exports.useWS = useWS;
 exports.useWebSocketClient = useWebSocketClient;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map