@orderly.network/hooks 1.1.3-alpha.8 → 1.1.3

package/dist/index.mjs

@@ -13,16 +13,16 @@ import { useDebouncedCallback } from 'use-debounce';
 export * from 'use-debounce';
 import { Decimal, zero, getPrecisionByNumber, timeConvertString, isTestnet } from '@orderly.network/utils';
 import useSWRSubscription from 'swr/subscription';
-import { pathOr, propOr, compose, head, prop, mergeDeepRight, pick, includes, omit, min } from 'ramda';
+import { pathOr, propOr, pick, compose, head, prop, mergeDeepRight, includes, omit, min } from 'ramda';
 import { positions, account, order } from '@orderly.network/perp';
 import { createClient } from '@layerzerolabs/scan-client';
 
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3-alpha.8";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.1.3";
 }
-var version_default = "1.1.3-alpha.8";
+var version_default = "1.1.3";
 var fetcher = (url, init = {}, queryOptions) => get(url, init, queryOptions?.formatter);
 var OrderlyContext = createContext({
   // configStore: new MemoryConfigStore(),
@@ -449,10 +449,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] = useState(
-    ws.client.public.readyState ? "connected" : "disconnected"
+    ws.client.public.readyState ? "connected" /* Connected */ : "disconnected" /* Disconnected */
   );
   const connectCount = useRef(0);
   useEffect(() => {
@@ -462,16 +468,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;
         }
@@ -499,7 +505,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(
           unstable_serialize((index, prevData) => [
             getKey(index, prevData),
@@ -696,16 +703,18 @@ var useWalletConnector = () => {
 };
 var useMarkPrice = (symbol) => {
   const ws = useWS();
-  return useSWRSubscription(`${symbol}@markprice`, (key, { next }) => {
+  const [price, setPrice] = useState(0);
+  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");
@@ -871,7 +880,7 @@ var reduceItems = (depth, level, data, asks = false) => {
   const result = [];
   if (typeof depth !== "undefined") {
     const prices = /* @__PURE__ */ new Map();
-    for (let i = 0; i < min(level, data.length); i++) {
+    for (let i = 0; i < data.length; i++) {
       const [price, quantity] = data[i];
       if (isNaN(price) || isNaN(quantity))
         continue;
@@ -1109,6 +1118,7 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
 var needNumberOnlyFields = [
   "order_quantity",
   "order_price",
+  "trigger_price",
   "total"
 ];
 var cleanStringStyle = (str) => {
@@ -1193,13 +1203,13 @@ function quantityInputHandle(inputs) {
   }
   if (values.order_type === OrderType.MARKET || values.order_type === OrderType.STOP_MARKET) {
     const price = markPrice;
-    values.total = quantity.mul(price).todp(2).toNumber();
+    values.total = quantity.mul(price).todp(2).toString();
   }
   if (values.order_type === OrderType.LIMIT || values.order_type === OrderType.STOP_LIMIT) {
     if (values.order_price) {
       const price = Number(values.order_price);
       const total = quantity.mul(price);
-      values.total = total.todp(2).toNumber();
+      values.total = total.todp(2).toString();
     } else {
       values.total = "";
     }
@@ -1228,13 +1238,13 @@ function totalInputHandle(inputs) {
   const totalDP = total.dp();
   if (totalDP > config.quoteDP) {
     total = total.toDecimalPlaces(config.quoteDP);
-    values.total = total.toNumber();
+    values.total = total.toString();
   }
   const quantity = total.div(price);
   return [
     {
       ...values,
-      order_quantity: quantity.toDecimalPlaces(Math.min(config.baseDP, quantity.dp())).toNumber()
+      order_quantity: quantity.toDecimalPlaces(Math.min(config.baseDP, quantity.dp())).toString()
     },
     input,
     value,
@@ -1702,7 +1712,8 @@ var useOrderStream = (params) => {
     // onError: (err) => {
     //   console.error("fetch failed::::", err);
     // },
-    formatter: (data) => data
+    formatter: (data) => data,
+    revalidateOnFocus: false
   });
   const flattenOrders = useMemo(() => {
     if (!ordersResponse.data) {
@@ -2337,7 +2348,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
   const diffOrderEntry = (prev, current) => {
     if (!prev)
       return null;
-    let key, value;
+    let key, value, preValue;
     const keys = Object.keys(current);
     for (let i = 0; i < keys.length; i++) {
       const k = keys[i];
@@ -2348,12 +2359,13 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
       if (preveValue !== currentValue) {
         key = k;
         value = currentValue;
+        preValue = preveValue;
         break;
       }
     }
     if (!key)
       return null;
-    return { key, value };
+    return { key, value, preValue };
   };
   const maxQty = useMaxQty(symbol, sideValue, isReduceOnly);
   const parseString2Number = (order3, key) => {
@@ -2364,12 +2376,34 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     }
     order3[key] = order3[key].replace(/,/g, "");
   };
+  const needParse = useMemo(() => {
+    if (typeof symbolOrOrder === "string") {
+      return null;
+    }
+    return pick([
+      "order_price",
+      "side",
+      "order_quantity",
+      "visible_quantity",
+      "order_type",
+      "order_type_ext",
+      "symbol",
+      "total",
+      "reduce_only",
+      "trigger_price"
+    ])(
+      //@ts-ignore
+      symbolOrOrder
+    );
+  }, [symbolOrOrder]);
   const parsedData = 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 Decimal(symbolOrOrder.order_quantity).toDecimalPlaces(baseDP).toString();
     }
     if (typeof symbolOrOrder.order_price === "string") {
       parseString2Number(symbolOrOrder, "order_price");
@@ -2380,11 +2414,18 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     if (typeof symbolOrOrder.trigger_price === "string") {
       parseString2Number(symbolOrOrder, "trigger_price");
     }
-    if (typeof symbolOrOrder.order_quantity === "number") {
-      symbolOrOrder.order_quantity = new Decimal(symbolOrOrder.order_quantity).toDecimalPlaces(baseDP).toString();
-    }
     return symbolOrOrder;
-  }, [symbolOrOrder]);
+  }, [
+    needParse?.order_price,
+    needParse?.order_quantity,
+    needParse?.total,
+    needParse?.trigger_price,
+    needParse?.order_type,
+    needParse?.order_type_ext,
+    needParse?.symbol,
+    needParse?.reduce_only,
+    needParse?.side
+  ]);
   const createOrder = (values) => {
     if (!values.symbol) {
       throw new SDKError("symbol is error");
@@ -2506,19 +2547,7 @@ function useOrderEntry(symbolOrOrder, sideOrOptions, reduceOnly, options) {
     prevOrderData.current = parsedData;
     orderDataCache.current = values;
     return values;
-  }, [
-    parsedData?.order_price,
-    parsedData?.side,
-    parsedData?.order_quantity,
-    parsedData?.visible_quantity,
-    parsedData?.order_type,
-    parsedData?.order_type_ext,
-    parsedData?.symbol,
-    parsedData?.total,
-    parsedData?.reduce_only,
-    parsedData?.trigger_price,
-    markPrice
-  ]);
+  }, [parsedData, markPrice]);
   useEffect(() => {
     if (!markPrice)
       return;
@@ -4046,7 +4075,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 } = useContext(OrderlyContext);
   const field = options?.pick;
   const filterFun = useRef(options?.filter);
@@ -5256,6 +5285,6 @@ var useSwap = () => {
   };
 };
 
-export { MarketsType, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, StatusContext, StatusProvider, WalletConnectorContext, 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, version_default as version };
+export { MarketsType, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, StatusContext, StatusProvider, 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, version_default as version };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map