@orderly.network/hooks 1.1.3-alpha.10 → 1.1.3-alpha.11

package/dist/index.d.mts

@@ -25,7 +25,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.3-alpha.10";
+declare const _default: "1.1.3-alpha.11";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -118,7 +118,11 @@ interface OrderlyConfigContextState {
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
-type WsNetworkStatus = "connected" | "unstable" | "disconnected";
+declare enum WsNetworkStatus {
+    Connected = "connected",
+    Unstable = "unstable",
+    Disconnected = "disconnected"
+}
 declare function useWsStatus(): WsNetworkStatus;
 
 interface StatusContextState {
@@ -185,7 +189,7 @@ type OrderbookOptions = {
 declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions) => ({
     asks: OrderBookItem[];
     bids: OrderBookItem[];
-    markPrice: any;
+    markPrice: number;
     middlePrice: number[];
     onDepthChange?: undefined;
     depth?: undefined;
@@ -302,7 +306,9 @@ declare const useMarkets: (type: MarketsType) => readonly [_orderly_network_type
 
 declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionResponse<any, any>;
 
-declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+declare const useMarkPrice: (symbol: string) => {
+    data: number;
+};
 
 declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
@@ -539,4 +545,4 @@ declare const useCrossSwap: () => any;
 /** @hidden */
 declare const useSwap: () => any;
 
-export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, cleanStringStyle, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };
+export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, WsNetworkStatus, cleanStringStyle, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };

package/dist/index.d.ts

@@ -25,7 +25,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.1.3-alpha.10";
+declare const _default: "1.1.3-alpha.11";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -118,7 +118,11 @@ interface OrderlyConfigContextState {
 declare const OrderlyContext: react.Context<OrderlyConfigContextState>;
 declare const OrderlyProvider: react.Provider<OrderlyConfigContextState>;
 
-type WsNetworkStatus = "connected" | "unstable" | "disconnected";
+declare enum WsNetworkStatus {
+    Connected = "connected",
+    Unstable = "unstable",
+    Disconnected = "disconnected"
+}
 declare function useWsStatus(): WsNetworkStatus;
 
 interface StatusContextState {
@@ -185,7 +189,7 @@ type OrderbookOptions = {
 declare const useOrderbookStream: (symbol: string, initial?: OrderbookData, options?: OrderbookOptions) => ({
     asks: OrderBookItem[];
     bids: OrderBookItem[];
-    markPrice: any;
+    markPrice: number;
     middlePrice: number[];
     onDepthChange?: undefined;
     depth?: undefined;
@@ -302,7 +306,9 @@ declare const useMarkets: (type: MarketsType) => readonly [_orderly_network_type
 
 declare const useMarkPricesStream: () => swr_subscription.SWRSubscriptionResponse<any, any>;
 
-declare const useMarkPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
+declare const useMarkPrice: (symbol: string) => {
+    data: number;
+};
 
 declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptionResponse<any, any>;
 
@@ -539,4 +545,4 @@ declare const useCrossSwap: () => any;
 /** @hidden */
 declare const useSwap: () => any;
 
-export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, cleanStringStyle, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };
+export { ConfigProviderProps, Favorite, FavoriteTab, MarketsType, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, Recent, StatusContext, StatusContextState, StatusProvider, UseOrderEntryMetaState, WalletConnectorContext, WsNetworkStatus, cleanStringStyle, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarkets, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolPriceRange, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery, useWsStatus, _default as version };

package/dist/index.js

@@ -28,9 +28,9 @@ var useSWRSubscription__default = /*#__PURE__*/_interopDefault(useSWRSubscriptio
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.10";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.11";
 }
-var version_default = "1.1.3-alpha.10";
+var version_default = "1.1.3-alpha.11";
 var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
 var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
@@ -457,10 +457,16 @@ var useWS = () => {
   });
   return ws;
 };
+var WsNetworkStatus = /* @__PURE__ */ ((WsNetworkStatus2) => {
+  WsNetworkStatus2["Connected"] = "connected";
+  WsNetworkStatus2["Unstable"] = "unstable";
+  WsNetworkStatus2["Disconnected"] = "disconnected";
+  return WsNetworkStatus2;
+})(WsNetworkStatus || {});
 function useWsStatus() {
   const ws = useWS();
   const [wsStatus, setWsStatus] = React.useState(
-    ws.client.public.readyState ? "connected" : "disconnected"
+    ws.client.public.readyState ? "connected" /* Connected */ : "disconnected" /* Disconnected */
   );
   const connectCount = React.useRef(0);
   React.useEffect(() => {
@@ -470,16 +476,16 @@ function useWsStatus() {
         switch (type) {
           case "open":
             connectCount.current = 0;
-            setWsStatus("connected");
+            setWsStatus("connected" /* Connected */);
             break;
           case "close":
             connectCount.current = 0;
-            setWsStatus("disconnected");
+            setWsStatus("disconnected" /* Disconnected */);
             break;
           case "reconnecting":
             connectCount.current++;
-            if (connectCount.current >= 2) {
-              setWsStatus("unstable");
+            if (connectCount.current >= 3) {
+              setWsStatus("unstable" /* Unstable */);
             }
             break;
         }
@@ -507,7 +513,8 @@ var usePrivateDataObserver = (options) => {
       "positions"
     );
     map.forEach((getKey, key) => {
-      if (orderStatus === "history" && key === "orders" || orderStatus === "positions" && key === "orders:NEW" || key.includes(orderStatus)) {
+      if (orderStatus === "history" && key === "orders" || orderStatus === "positions" && key === "orders:NEW" || key.includes("INCOMPLETE") || // always update pending list
+      key.includes(orderStatus)) {
         mutate2(
           useSWRInfinite.unstable_serialize((index, prevData) => [
             getKey(index, prevData),
@@ -704,16 +711,18 @@ var useWalletConnector = () => {
 };
 var useMarkPrice = (symbol) => {
   const ws = useWS();
-  return useSWRSubscription__default.default(`${symbol}@markprice`, (key, { next }) => {
+  const [price, setPrice] = React.useState(0);
+  React.useEffect(() => {
     const unsubscribe = ws.subscribe(`${symbol}@markprice`, {
       onMessage: (message) => {
-        next(null, message.price);
+        setPrice(message.price);
       }
     });
     return () => {
       unsubscribe?.();
     };
-  });
+  }, [symbol]);
+  return { data: price };
 };
 var useIndexPrice = (symbol) => {
   symbol = symbol.replace("PERP", "SPOT");
@@ -1711,7 +1720,8 @@ var useOrderStream = (params) => {
     // onError: (err) => {
     //   console.error("fetch failed::::", err);
     // },
-    formatter: (data) => data
+    formatter: (data) => data,
+    revalidateOnFocus: false
   });
   const flattenOrders = React.useMemo(() => {
     if (!ordersResponse.data) {
@@ -2371,14 +2381,26 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     if (order3[key] && order3[key].startsWith(".")) {
       order3[key] = `0${order3[key]}`;
     }
+    order3[`${key}_origin`] = order3[key];
     order3[key] = order3[key].replace(/,/g, "");
   };
+  const needParse = React.useMemo(() => {
+    if (typeof symbolOrOrder === "string") {
+      return null;
+    }
+    return ramda.pick(["order_quantity", "order_price", "total", "trigger_price"])(
+      //@ts-ignore
+      symbolOrOrder
+    );
+  }, [symbolOrOrder]);
   const parsedData = React.useMemo(() => {
     if (typeof symbolOrOrder === "string") {
       return null;
     }
     if (typeof symbolOrOrder.order_quantity === "string") {
       parseString2Number(symbolOrOrder, "order_quantity");
+    } else if (typeof symbolOrOrder.order_quantity === "number") {
+      symbolOrOrder.order_quantity = new utils.Decimal(symbolOrOrder.order_quantity).toDecimalPlaces(baseDP).toString();
     }
     if (typeof symbolOrOrder.order_price === "string") {
       parseString2Number(symbolOrOrder, "order_price");
@@ -2389,14 +2411,13 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     if (typeof symbolOrOrder.trigger_price === "string") {
       parseString2Number(symbolOrOrder, "trigger_price");
     }
-    if (typeof symbolOrOrder.trigger_price === "string") {
-      symbolOrOrder.trigger_price = symbolOrOrder.trigger_price.replace(/,/g, "");
-    }
-    if (typeof symbolOrOrder.order_quantity === "number") {
-      symbolOrOrder.order_quantity = new utils.Decimal(symbolOrOrder.order_quantity).toDecimalPlaces(baseDP).toString();
-    }
     return symbolOrOrder;
-  }, [symbolOrOrder]);
+  }, [
+    needParse?.order_price,
+    needParse?.order_quantity,
+    needParse?.total,
+    needParse?.trigger_price
+  ]);
   const createOrder = (values) => {
     if (!values.symbol) {
       throw new types.SDKError("symbol is error");
@@ -4058,7 +4079,7 @@ var woofiDexCrossChainRouterAbi = [
 var nativeTokenAddress = "0xEeeeeEeeeEeEeeEeEeEeeEEEeeeeEeeeeeeeEEeE";
 var isNativeTokenChecker = (address) => address === nativeTokenAddress;
 var useChains = (networkId, options = {}) => {
-  const { pick: pick3, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
+  const { pick: pick4, crossEnabled, wooSwapEnabled, ...swrOptions } = options;
   const { configStore } = React.useContext(OrderlyContext);
   const field = options?.pick;
   const filterFun = React.useRef(options?.filter);
@@ -5287,6 +5308,7 @@ exports.OrderlyProvider = OrderlyProvider;
 exports.StatusContext = StatusContext;
 exports.StatusProvider = StatusProvider;
 exports.WalletConnectorContext = WalletConnectorContext;
+exports.WsNetworkStatus = WsNetworkStatus;
 exports.cleanStringStyle = cleanStringStyle;
 exports.useAccount = useAccount;
 exports.useAccountInfo = useAccountInfo;