@orderly.network/hooks 1.0.20 → 1.0.22

package/dist/index.d.mts

@@ -40,7 +40,7 @@ declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"],
 }) | undefined) => SWRMutationResponse;
 
 type HTTP_METHOD = "POST" | "PUT" | "DELETE";
-declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
+declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any, options?: any) => Promise<any>, {
     readonly data: any;
     readonly error: E | undefined;
     readonly reset: () => void;
@@ -189,6 +189,7 @@ declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: bool
     freeCollateral: number;
     markPrice: any;
     onSubmit: (values: OrderEntity) => Promise<any>;
+    submitting: boolean;
     helper: {
         calculate: (values: any, field: string, value: any) => unknown;
         validator: (values: any) => any;
@@ -213,6 +214,7 @@ declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptio
 declare const useLeverage: () => [number | undefined, {
     update: (data: any) => Promise<unknown>;
     config: number[];
+    isMutating: boolean;
 }];
 
 declare const useTickerStream: (symbol: string) => API.MarketInfo;
@@ -253,11 +255,15 @@ declare const useOrderStream: (params: Params) => readonly [any[] | null, {
     readonly loadMore: () => void;
     readonly cancelAllOrders: () => void;
     readonly updateOrder: (orderId: string, order: OrderEntity) => Promise<any>;
-    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<void>;
+    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<any>;
     readonly errors: {
         readonly cancelOrder: unknown;
         readonly updateOrder: unknown;
     };
+    readonly submitting: {
+        readonly cancelOrder: boolean;
+        readonly updateOrder: boolean;
+    };
 }];
 
 interface MarketTradeStreamOptions {
@@ -369,6 +375,8 @@ declare const useSettleSubscription: (options?: {
 
 declare const usePrivateDataObserver: () => void;
 
+declare function useMediaQuery(query: string): boolean;
+
 /** @hidden */
 declare const useWooSwapQuery: () => {
     query: (inputs: any) => Promise<any> | undefined;
@@ -446,4 +454,4 @@ declare const useSwap: () => {
     status: WS_WalletStatusEnum;
 };
 
-export { ConfigProviderProps, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
+export { ConfigProviderProps, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };

package/dist/index.d.ts

@@ -40,7 +40,7 @@ declare const useLazyQuery: <T, R = any>(query: Parameters<typeof useSWR>["0"],
 }) | undefined) => SWRMutationResponse;
 
 type HTTP_METHOD = "POST" | "PUT" | "DELETE";
-declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any) => Promise<any>, {
+declare const useMutation: <T, E>(url: string, method?: HTTP_METHOD, options?: SWRMutationConfiguration<T, E> | undefined) => readonly [(data: any, params?: any, options?: any) => Promise<any>, {
     readonly data: any;
     readonly error: E | undefined;
     readonly reset: () => void;
@@ -189,6 +189,7 @@ declare const useOrderEntry: (symbol: string, side: OrderSide, reduceOnly?: bool
     freeCollateral: number;
     markPrice: any;
     onSubmit: (values: OrderEntity) => Promise<any>;
+    submitting: boolean;
     helper: {
         calculate: (values: any, field: string, value: any) => unknown;
         validator: (values: any) => any;
@@ -213,6 +214,7 @@ declare const useIndexPrice: (symbol: string) => swr_subscription.SWRSubscriptio
 declare const useLeverage: () => [number | undefined, {
     update: (data: any) => Promise<unknown>;
     config: number[];
+    isMutating: boolean;
 }];
 
 declare const useTickerStream: (symbol: string) => API.MarketInfo;
@@ -253,11 +255,15 @@ declare const useOrderStream: (params: Params) => readonly [any[] | null, {
     readonly loadMore: () => void;
     readonly cancelAllOrders: () => void;
     readonly updateOrder: (orderId: string, order: OrderEntity) => Promise<any>;
-    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<void>;
+    readonly cancelOrder: (orderId: string, symbol?: string) => Promise<any>;
     readonly errors: {
         readonly cancelOrder: unknown;
         readonly updateOrder: unknown;
     };
+    readonly submitting: {
+        readonly cancelOrder: boolean;
+        readonly updateOrder: boolean;
+    };
 }];
 
 interface MarketTradeStreamOptions {
@@ -369,6 +375,8 @@ declare const useSettleSubscription: (options?: {
 
 declare const usePrivateDataObserver: () => void;
 
+declare function useMediaQuery(query: string): boolean;
+
 /** @hidden */
 declare const useWooSwapQuery: () => {
     query: (inputs: any) => Promise<any> | undefined;
@@ -446,4 +454,4 @@ declare const useSwap: () => {
     status: WS_WalletStatusEnum;
 };
 
-export { ConfigProviderProps, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };
+export { ConfigProviderProps, OrderlyConfigContextState, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, WalletConnectorContext, useAccount, useAccountInfo, useAccountInstance, useBoolean, useChain, useChains, useCollateral, useConfig, useCrossSwap, useDeposit, useEventEmitter, useFundingRate, useHoldingStream, useIndexPrice, useLazyQuery, useLeverage, useLocalStorage, useMarginRatio, useMarkPrice, useMarkPricesStream, useMarketTradeStream, useMarketsStream, useMaxQty, useMediaQuery, useMutation, useOrderEntry, useOrderStream, useOrderbookStream, usePositionStream, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useSessionStorage, useSettleSubscription, useSwap, useSymbolsInfo, useTickerStream, useWS, useWalletConnector, useWalletSubscription, useWithdraw, useWooCrossSwapQuery, useWooSwapQuery };

package/dist/index.js

@@ -138,7 +138,7 @@ var useMutation = (url, method = "POST", options) => {
     fetcher2,
     options
   );
-  const mutation = async (data2, params) => {
+  const mutation = async (data2, params, options2) => {
     let newUrl = url;
     if (typeof params === "object" && Object.keys(params).length) {
       let search = new URLSearchParams(params);
@@ -150,15 +150,18 @@ var useMutation = (url, method = "POST", options) => {
       data: data2
     };
     const signature = await signer.sign(payload);
-    return trigger({
-      data: data2,
-      params,
-      method,
-      signature: {
-        ...signature,
-        "orderly-account-id": account5.accountId
-      }
-    });
+    return trigger(
+      {
+        data: data2,
+        params,
+        method,
+        signature: {
+          ...signature,
+          "orderly-account-id": account5.accountId
+        }
+      },
+      options2
+    );
   };
   return [
     mutation,
@@ -795,7 +798,9 @@ var reduceItems = (depth, level, data, asks = false) => {
         const decimal = priceStr.slice(index + 1);
         const decimalDepth = depth.toString().slice(2).length;
         const decimalStr = decimal.slice(0, ramda.min(decimal.length, decimalDepth));
-        priceKey = new utils.Decimal(priceStr.slice(0, index) + "." + decimalStr).toNumber();
+        priceKey = new utils.Decimal(
+          priceStr.slice(0, index) + "." + decimalStr
+        ).toNumber();
       }
       if (prices.has(priceKey)) {
         const item = prices.get(priceKey);
@@ -887,10 +892,10 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
   if (!symbol) {
     throw new Error("useOrderbookStream requires a symbol");
   }
+  const level = options?.level ?? 10;
   const [requestData, setRequestData] = React.useState(null);
   const [data, setData] = React.useState(initial);
   const [isLoading, setIsLoading] = React.useState(true);
-  const [level, setLevel] = React.useState(() => options?.level ?? 10);
   const config = useSymbolsInfo()[symbol];
   const [depth, setDepth] = React.useState();
   const depths = React.useMemo(() => {
@@ -921,9 +926,13 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
             return;
           if (!!message) {
             let bids = [...message.bids.sort(bidsSortFn)];
-            bids = bids.filter((item) => !isNaN(item[0]) && item[1] > 0);
+            bids = bids.filter(
+              (item) => !isNaN(item[0]) && item[1] > 0
+            );
             let asks = [...message.asks.sort(asksSortFn)];
-            asks = asks.filter((item) => !isNaN(item[0]) && item[1] > 0);
+            asks = asks.filter(
+              (item) => !isNaN(item[0]) && item[1] > 0
+            );
             setRequestData({ bids, asks });
             setData({ bids: [...bids], asks: [...asks] });
           }
@@ -1351,7 +1360,10 @@ var usePositionStream = (symbol, options) => {
   return [
     {
       rows: positionsRows,
-      aggregated: formatedPositions?.[1] ?? {},
+      aggregated: {
+        ...formatedPositions?.[1] ?? {},
+        unrealPnlROI: totalUnrealizedROI
+      },
       totalCollateral,
       totalValue,
       totalUnrealizedROI
@@ -1426,14 +1438,14 @@ var useHoldingStream = () => {
 var useOrderStream = (params) => {
   const { status, symbol, side, size = 100 } = params;
   const { data: markPrices = {} } = useMarkPricesStream();
-  const [doCancelOrder, { error: cancelOrderError }] = useMutation(
-    "/v1/order",
-    "DELETE"
-  );
-  const [doUpdateOrder, { error: updateOrderError }] = useMutation(
-    "/v1/order",
-    "PUT"
-  );
+  const [
+    doCancelOrder,
+    { error: cancelOrderError, isMutating: cancelMutating }
+  ] = useMutation("/v1/order", "DELETE");
+  const [
+    doUpdateOrder,
+    { error: updateOrderError, isMutating: updateMutating }
+  ] = useMutation("/v1/order", "PUT");
   const ordersResponse = usePrivateInfiniteQuery(
     (pageIndex, previousPageData) => {
       if (previousPageData && !previousPageData.rows?.length)
@@ -1486,7 +1498,9 @@ var useOrderStream = (params) => {
       order_id: orderId,
       symbol: symbol2
     }).then((res) => {
-      if (res.success) ; else {
+      if (res.success) {
+        return res;
+      } else {
         throw new Error(res.message);
       }
     });
@@ -1506,6 +1520,10 @@ var useOrderStream = (params) => {
       errors: {
         cancelOrder: cancelOrderError,
         updateOrder: updateOrderError
+      },
+      submitting: {
+        cancelOrder: cancelMutating,
+        updateOrder: updateMutating
       }
     }
   ];
@@ -1803,7 +1821,7 @@ var OrderFactory = class {
 
 // src/orderly/useOrderEntry.ts
 var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
-  const [doCreateOrder] = useMutation("/v1/order");
+  const [doCreateOrder, { data, error, reset, isMutating }] = useMutation("/v1/order");
   const { freeCollateral } = useCollateral();
   const symbolInfo = useSymbolsInfo();
   const baseDP = React.useMemo(
@@ -1842,9 +1860,9 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
       if (!symbol) {
         throw new Error("symbol is null");
       }
-      const data = orderCreator.create(values);
+      const data2 = orderCreator.create(values);
       return doCreateOrder({
-        ...data,
+        ...data2,
         symbol
       });
     });
@@ -1876,6 +1894,7 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
     freeCollateral,
     markPrice,
     onSubmit,
+    submitting: isMutating,
     helper: {
       calculate,
       validator
@@ -1923,13 +1942,17 @@ var useMarketsStream = () => {
         (t) => t.symbol === item.symbol
       );
       if (ticker) {
-        return {
+        const data = {
           ...item,
           ["24h_close"]: ticker.close,
           ["24h_open"]: ticker.open,
           ["24h_volumn"]: ticker.volume,
           change: 0
         };
+        if (ticker.close !== void 0 && ticker.open !== void 0) {
+          data["change"] = new utils.Decimal(ticker.close).minus(ticker.open).div(ticker.open).toNumber();
+        }
+        return data;
       }
       return item;
     });
@@ -1938,7 +1961,7 @@ var useMarketsStream = () => {
 };
 var useLeverage = () => {
   const { data, mutate: mutate2 } = usePrivateQuery("/v1/client/info");
-  const [update] = useMutation("/v1/client/leverage");
+  const [update, { isMutating }] = useMutation("/v1/client/leverage");
   const { data: config } = useQuery("/v1/public/config");
   const updateLeverage = React.useCallback((data2) => {
     return update(data2).then((res) => {
@@ -1953,6 +1976,7 @@ var useLeverage = () => {
     ramda.prop("max_leverage", data),
     {
       update: updateLeverage,
+      isMutating,
       // config: [1, 2, 3, 4, 5, 10, 15, 20],
       config: config ? config?.available_futures_leverage?.split(",").map((item) => parseInt(item)) : []
     }
@@ -3350,8 +3374,7 @@ var useChain = (token) => {
 var useWithdraw = () => {
   const { account: account5, state } = useAccount();
   const [isLoading, setIsLoading] = React.useState(false);
-  const { unsettledPnL, availableBalance } = useCollateral();
-  const { freeCollateral } = useCollateral();
+  const { unsettledPnL, availableBalance, freeCollateral } = useCollateral();
   const withdraw = React.useCallback(
     (inputs) => {
       return account5.assetsManager.withdraw(inputs).then((res) => {
@@ -3597,6 +3620,35 @@ var useSettleSubscription = (options) => {
     return () => unsubscribe();
   });
 };
+function useMediaQuery(query) {
+  const getMatches = (query2) => {
+    if (typeof window !== "undefined") {
+      return window.matchMedia(query2).matches;
+    }
+    return false;
+  };
+  const [matches, setMatches] = React.useState(getMatches(query));
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+  React.useEffect(() => {
+    const matchMedia = window.matchMedia(query);
+    handleChange();
+    if (matchMedia.addListener) {
+      matchMedia.addListener(handleChange);
+    } else {
+      matchMedia.addEventListener("change", handleChange);
+    }
+    return () => {
+      if (matchMedia.removeListener) {
+        matchMedia.removeListener(handleChange);
+      } else {
+        matchMedia.removeEventListener("change", handleChange);
+      }
+    };
+  }, [query]);
+  return matches;
+}
 var useWooSwapQuery = () => {
   const { configStore } = React.useContext(OrderlyContext);
   const account5 = useAccountInstance();
@@ -4238,6 +4290,7 @@ exports.useMarkPricesStream = useMarkPricesStream;
 exports.useMarketTradeStream = useMarketTradeStream;
 exports.useMarketsStream = useMarketsStream;
 exports.useMaxQty = useMaxQty;
+exports.useMediaQuery = useMediaQuery;
 exports.useMutation = useMutation;
 exports.useOrderEntry = useOrderEntry;
 exports.useOrderStream = useOrderStream;