@orderly.network/hooks 1.0.20 → 1.0.21

package/dist/index.mjs

@@ -130,7 +130,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);
@@ -142,15 +142,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,
@@ -787,7 +790,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, min(decimal.length, decimalDepth));
-        priceKey = new Decimal(priceStr.slice(0, index) + "." + decimalStr).toNumber();
+        priceKey = new Decimal(
+          priceStr.slice(0, index) + "." + decimalStr
+        ).toNumber();
       }
       if (prices.has(priceKey)) {
         const item = prices.get(priceKey);
@@ -879,10 +884,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] = useState(null);
   const [data, setData] = useState(initial);
   const [isLoading, setIsLoading] = useState(true);
-  const [level, setLevel] = useState(() => options?.level ?? 10);
   const config = useSymbolsInfo()[symbol];
   const [depth, setDepth] = useState();
   const depths = useMemo(() => {
@@ -913,9 +918,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] });
           }
@@ -1343,7 +1352,10 @@ var usePositionStream = (symbol, options) => {
   return [
     {
       rows: positionsRows,
-      aggregated: formatedPositions?.[1] ?? {},
+      aggregated: {
+        ...formatedPositions?.[1] ?? {},
+        unrealPnlROI: totalUnrealizedROI
+      },
       totalCollateral,
       totalValue,
       totalUnrealizedROI
@@ -1418,14 +1430,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)
@@ -1478,7 +1490,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);
       }
     });
@@ -1498,6 +1512,10 @@ var useOrderStream = (params) => {
       errors: {
         cancelOrder: cancelOrderError,
         updateOrder: updateOrderError
+      },
+      submitting: {
+        cancelOrder: cancelMutating,
+        updateOrder: updateMutating
       }
     }
   ];
@@ -1795,7 +1813,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 = useMemo(
@@ -1834,9 +1852,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
       });
     });
@@ -1868,6 +1886,7 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
     freeCollateral,
     markPrice,
     onSubmit,
+    submitting: isMutating,
     helper: {
       calculate,
       validator
@@ -1915,13 +1934,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 Decimal(ticker.close).minus(ticker.open).div(ticker.open).toNumber();
+        }
+        return data;
       }
       return item;
     });
@@ -1930,7 +1953,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 = useCallback((data2) => {
     return update(data2).then((res) => {
@@ -1945,6 +1968,7 @@ var useLeverage = () => {
     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)) : []
     }
@@ -3342,8 +3366,7 @@ var useChain = (token) => {
 var useWithdraw = () => {
   const { account: account5, state } = useAccount();
   const [isLoading, setIsLoading] = useState(false);
-  const { unsettledPnL, availableBalance } = useCollateral();
-  const { freeCollateral } = useCollateral();
+  const { unsettledPnL, availableBalance, freeCollateral } = useCollateral();
   const withdraw = useCallback(
     (inputs) => {
       return account5.assetsManager.withdraw(inputs).then((res) => {
@@ -3589,6 +3612,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] = useState(getMatches(query));
+  function handleChange() {
+    setMatches(getMatches(query));
+  }
+  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 } = useContext(OrderlyContext);
   const account5 = useAccountInstance();
@@ -4191,6 +4243,6 @@ var useSwap = () => {
   };
 };
 
-export { 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 { 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 };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.mjs.map