@orderly.network/hooks 1.0.28-alpha.19 → 1.0.28-alpha.20

package/dist/index.d.mts

@@ -24,7 +24,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.0.28-alpha.19";
+declare const _default: "1.0.28-alpha.20";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -326,10 +326,12 @@ declare const useCollateral: (options?: Options) => CollateralOutputs;
 
 declare const useMaxQty: (symbol: string, side: OrderSide, reduceOnly?: boolean) => number;
 
-declare const useMarginRatio: () => {
+type MarginRatioReturn = {
     marginRatio: number;
     currentLeverage: number;
+    mmr: number | null;
 };
+declare const useMarginRatio: () => MarginRatioReturn;
 
 type inputOptions = {
     filter?: (item: API.Chain) => boolean;

package/dist/index.d.ts

@@ -24,7 +24,7 @@ declare global {
         };
     }
 }
-declare const _default: "1.0.28-alpha.19";
+declare const _default: "1.0.28-alpha.20";
 
 type useQueryOptions<T> = SWRConfiguration & {
     formatter?: (data: any) => T;
@@ -326,10 +326,12 @@ declare const useCollateral: (options?: Options) => CollateralOutputs;
 
 declare const useMaxQty: (symbol: string, side: OrderSide, reduceOnly?: boolean) => number;
 
-declare const useMarginRatio: () => {
+type MarginRatioReturn = {
     marginRatio: number;
     currentLeverage: number;
+    mmr: number | null;
 };
+declare const useMarginRatio: () => MarginRatioReturn;
 
 type inputOptions = {
     filter?: (item: API.Chain) => boolean;

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.0.28-alpha.19";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "1.0.28-alpha.20";
 }
-var version_default = "1.0.28-alpha.19";
+var version_default = "1.0.28-alpha.20";
 var fetcher = (url, init = {}, queryOptions) => net.get(url, init, queryOptions?.formatter);
 var OrderlyContext = React.createContext({
   // configStore: new MemoryConfigStore(),
@@ -789,7 +789,7 @@ var reduceItems = (depth, level, data, asks = false) => {
   const result = [];
   if (typeof depth !== "undefined") {
     const prices = /* @__PURE__ */ new Map();
-    for (let i = 0; i < data.length; i++) {
+    for (let i = 0; i < ramda.min(level, data.length); i++) {
       const [price, quantity] = data[i];
       if (isNaN(price) || isNaN(quantity))
         continue;
@@ -824,7 +824,8 @@ var reduceItems = (depth, level, data, asks = false) => {
     if (isNaN(price) || isNaN(quantity))
       continue;
     const newQuantity = new utils.Decimal(quantity).add(result.length > 0 ? result[result.length - 1][2] : 0).toNumber();
-    result.push([price, quantity, newQuantity]);
+    const newAmount = new utils.Decimal(quantity * price).add(result.length > 0 ? result[result.length - 1][3] : 0).toNumber();
+    result.push([price, quantity, newQuantity, newAmount]);
   }
   return result;
 };
@@ -855,9 +856,11 @@ var reduceOrderbook = (depth, level, data) => {
     }
   }
   asks = asks.reverse();
+  asks = asks.length < level ? paddingFn(level - asks.length).concat(asks) : asks;
+  bids = bids.length < level ? bids.concat(paddingFn(level - bids.length)) : bids;
   return {
-    asks: asks.length < level ? paddingFn(level - asks.length).concat(asks) : asks,
-    bids: bids.length < level ? bids.concat(paddingFn(level - bids.length)) : bids
+    asks,
+    bids
   };
 };
 var mergeItems = (data, update) => {
@@ -1649,7 +1652,7 @@ var positionsPath = ramda.pathOr([], [0, "rows"]);
 ramda.pathOr(0, [0, "totalCollateral"]);
 var useCollateral = (options = { dp: 6 }) => {
   const { dp } = options;
-  const positions2 = usePositionStream();
+  const positions3 = usePositionStream();
   const [orders] = useOrderStream({ status: types.OrderStatus.NEW });
   const { data: accountInfo } = usePrivateQuery("/v1/client/info");
   const symbolInfo = useSymbolsInfo();
@@ -1657,23 +1660,23 @@ var useCollateral = (options = { dp: 6 }) => {
   const { usdc } = useHoldingStream();
   const [totalCollateral, totalValue] = React.useMemo(() => {
     return [
-      ramda.pathOr(utils.zero, [0, "totalCollateral"], positions2),
-      ramda.pathOr(utils.zero, [0, "totalValue"], positions2)
+      ramda.pathOr(utils.zero, [0, "totalCollateral"], positions3),
+      ramda.pathOr(utils.zero, [0, "totalValue"], positions3)
     ];
-  }, [positions2, markPrices]);
+  }, [positions3, markPrices]);
   const totalInitialMarginWithOrders = React.useMemo(() => {
     if (!accountInfo || !symbolInfo || !markPrices) {
       return 0;
     }
     return perp.account.totalInitialMarginWithOrders({
-      positions: positionsPath(positions2),
+      positions: positionsPath(positions3),
       orders: orders ?? [],
       markPrices,
       IMR_Factors: accountInfo.imr_factor,
       maxLeverage: accountInfo.max_leverage,
       symbolInfo
     });
-  }, [positions2, orders, markPrices, accountInfo, symbolInfo]);
+  }, [positions3, orders, markPrices, accountInfo, symbolInfo]);
   const freeCollateral = React.useMemo(() => {
     return perp.account.freeCollateral({
       totalCollateral,
@@ -1683,15 +1686,15 @@ var useCollateral = (options = { dp: 6 }) => {
   const availableBalance = React.useMemo(() => {
     return perp.account.availableBalance({
       USDCHolding: usdc?.holding ?? 0,
-      unsettlementPnL: pathOr_unsettledPnLPathOr(positions2)
+      unsettlementPnL: pathOr_unsettledPnLPathOr(positions3)
     });
-  }, [usdc, pathOr_unsettledPnLPathOr(positions2)]);
+  }, [usdc, pathOr_unsettledPnLPathOr(positions3)]);
   return {
     totalCollateral: totalCollateral.toDecimalPlaces(dp).toNumber(),
     freeCollateral: freeCollateral.toDecimalPlaces(dp).toNumber(),
     totalValue: totalValue.toDecimalPlaces(dp).toNumber(),
     availableBalance,
-    unsettledPnL: pathOr_unsettledPnLPathOr(positions2)
+    unsettledPnL: pathOr_unsettledPnLPathOr(positions3)
   };
 };
 var positionsPath2 = ramda.pathOr([], [0, "rows"]);
@@ -1705,8 +1708,8 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
   const maxQty = React.useMemo(() => {
     if (!symbol)
       return 0;
-    const positions2 = positionsPath2(positionsData);
-    const positionQty = perp.account.getQtyFromPositions(positions2, symbol);
+    const positions3 = positionsPath2(positionsData);
+    const positionQty = perp.account.getQtyFromPositions(positions3, symbol);
     if (reduceOnly) {
       if (positionQty > 0) {
         if (side === types.OrderSide.BUY) {
@@ -1737,7 +1740,7 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
       symbol,
       types.OrderSide.SELL
     );
-    const otherPositions = positions2.filter(
+    const otherPositions = positions3.filter(
       (item) => item.symbol !== symbol
     );
     const otherOrders = orders.filter(
@@ -1954,13 +1957,20 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
   );
   const onSubmit = (values) => {
     if (!values || typeof values.order_type === "undefined" || values.order_type !== types.OrderType.MARKET && values.order_type !== types.OrderType.LIMIT) {
-      throw new Error("order_type is error");
+      throw new types.SDKError("order_type is error");
     }
     const orderCreator = OrderFactory.create(
       !!values.order_type_ext ? values.order_type_ext : values.order_type
     );
     if (!orderCreator) {
-      return Promise.reject(new Error("orderCreator is null"));
+      return Promise.reject(new types.SDKError("orderCreator is null"));
+    }
+    if (reduceOnly && !values.reduce_only) {
+      return Promise.reject(
+        new types.SDKError(
+          "The reduceOny parameter of hook does not match your order data"
+        )
+      );
     }
     return orderCreator?.validate(values, {
       symbol: symbolInfo[symbol](),
@@ -1969,10 +1979,10 @@ var useOrderEntry = (symbol, side, reduceOnly = false, options) => {
       markPrice
     }).then(() => {
       if (!orderCreator) {
-        throw new Error("orderCreator is null");
+        throw new types.SDKError("orderCreator is null");
       }
       if (!symbol) {
-        throw new Error("symbol is null");
+        throw new types.SDKError("symbol is null");
       }
       const data2 = orderCreator.create(values);
       return doCreateOrder({
@@ -2031,6 +2041,7 @@ var useMarkets = (type) => {
   const marketsKey = "markets";
   const { data } = useMarketsStream();
   const { configStore } = React.useContext(OrderlyContext);
+  const publicInfo = useSymbolsInfo();
   if (!configStore.get(marketsKey)) {
     const jsonStr = localStorage.getItem(marketsKey);
     if (jsonStr) {
@@ -2167,11 +2178,16 @@ var useMarkets = (type) => {
         const isFavorite = type2 == 0 /* FAVORITES */ ? true : favoriteKeys.includes(element.symbol);
         const fIndex = favoritesData.findIndex((item) => item.name === element.symbol);
         const tabs2 = fIndex === -1 ? [] : favoritesData[fIndex].tabs;
+        let imr = void 0;
+        if (publicInfo) {
+          imr = publicInfo?.[element.symbol]("base_imr");
+        }
         filter[index] = {
           ...filter[index],
           // @ts-ignore
           isFavorite,
-          tabs: tabs2
+          tabs: tabs2,
+          leverage: imr ? 1 / imr : void 0
         };
       }
     }
@@ -2346,7 +2362,7 @@ var useMarketTradeStream = (symbol, options = {}) => {
   return { data: trades, isLoading };
 };
 var useMarginRatio = () => {
-  const [{ rows }] = usePositionStream();
+  const [{ rows, aggregated }] = usePositionStream();
   const { data: markPrices } = useMarkPricesStream();
   const { totalCollateral } = useCollateral();
   const marginRatio = React.useMemo(() => {
@@ -2363,7 +2379,20 @@ var useMarginRatio = () => {
   const currentLeverage = React.useMemo(() => {
     return perp.account.currentLeverage(marginRatio);
   }, [marginRatio]);
-  return { marginRatio, currentLeverage };
+  const mmr = React.useMemo(() => {
+    if (!rows)
+      return 0;
+    let positionsMM = utils.zero;
+    for (let index = 0; index < rows.length; index++) {
+      const item = rows[index];
+      positionsMM = positionsMM.add(item.mm);
+    }
+    return perp.account.MMR({
+      positionsMMR: positionsMM.toNumber(),
+      positionsNotional: aggregated.notional
+    });
+  }, [rows, aggregated]);
+  return { marginRatio, currentLeverage, mmr };
 };
 
 // src/woo/constants.ts
@@ -3782,7 +3811,7 @@ var useDeposit = (options) => {
     dst.symbol
   ]);
   const approve = React.useCallback(
-    async (amount = quantity) => {
+    async (amount) => {
       if (!options?.address) {
         throw new Error("address is required");
       }
@@ -3796,7 +3825,7 @@ var useDeposit = (options) => {
         return result;
       });
     },
-    [account5, getAllowance, options?.address, quantity]
+    [account5, getAllowance, options?.address]
   );
   const deposit = React.useCallback(async () => {
     return account5.assetsManager.deposit(quantity, depositFee).then((res) => {