@orderly.network/hooks 2.6.3 → 2.7.0

package/dist/index.js

@@ -61,9 +61,9 @@ var __export = (target, all) => {
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.6.3";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "2.7.0";
 }
-var version_default = "2.6.3";
+var version_default = "2.7.0";
 var fetcher = (url, init2 = {}, queryOptions) => net.get(url, init2, queryOptions?.formatter);
 var noCacheConfig = {
   dedupingInterval: 0,
@@ -490,15 +490,17 @@ var useUpdatedRef = (val) => {
   return latestRef;
 };
 var useMemoizedFn = (fn) => {
-  const fnRef = React2.useRef(fn);
-  fnRef.current = React2.useMemo(() => fn, [fn]);
-  const memoizedFn = React2.useRef(void 0);
-  if (!memoizedFn.current) {
-    memoizedFn.current = function(...args) {
+  const safeFn = typeof fn === "function" ? fn : () => {
+  };
+  const fnRef = React2.useRef(safeFn);
+  fnRef.current = React2.useMemo(() => safeFn, [safeFn]);
+  const wrapperRef = React2.useRef(null);
+  if (!wrapperRef.current) {
+    wrapperRef.current = function(...args) {
       return fnRef.current.apply(this, args);
     };
   }
-  return memoizedFn.current;
+  return wrapperRef.current;
 };
 var useAudioPlayer = (src, options = {}) => {
   const { volume = 1, loop, autoPlay } = options;
@@ -2166,13 +2168,13 @@ var useFeeState = () => {
   const makerFeeBps = accountInfo?.futures_maker_fee_rate;
   const refereeRebate = referralData?.referee_info?.referee_rebate_rate;
   const takerFee = React2.useMemo(() => {
-    if (isAccountLoading || takerFeeBps == null) {
+    if (isAccountLoading || takerFeeBps === null || takerFeeBps === void 0) {
       return "-";
     }
     return formatFractionAsPercent(bpsToFraction(takerFeeBps));
   }, [isAccountLoading, takerFeeBps]);
   const makerFee = React2.useMemo(() => {
-    if (isAccountLoading || makerFeeBps == null) {
+    if (isAccountLoading || makerFeeBps === null || makerFeeBps === void 0) {
       return "-";
     }
     return formatFractionAsPercent(bpsToFraction(makerFeeBps));
@@ -2201,15 +2203,10 @@ var useFeeState = () => {
   }, [makerFeeBps, refereeRebate, isReferralLoading]);
   return {
     takerFee,
-    // 原始 taker 费率（百分比字符串）
     makerFee,
-    // 原始 maker 费率（百分比字符串）
     refereeRebate,
-    // 返佣（fraction），例如 0.2
     effectiveTakerFee,
-    // 有效 taker 费率（百分比字符串）
     effectiveMakerFee
-    // 有效 maker 费率（百分比字符串）
   };
 };
 var apiKeyMap = {
@@ -2624,6 +2621,7 @@ var useAppStore = zustand.create()(
   }))
 );
 var useAccountInfo2 = () => useAppStore((state) => state.accountInfo);
+var usePortfolio = () => useAppStore((state) => state.portfolio);
 
 // src/orderly/useSymbolsInfo.ts
 var useSymbolsInfo = () => {
@@ -3496,8 +3494,12 @@ var PositionCalculator = class extends BaseCalculator {
         markPrice: item.mark_price
       });
       let unrealPnl_index = 0, unrealPnlROI_index = 0;
+      const maxLeverage = perp.account.maxLeverage({
+        symbolLeverage: item.leverage,
+        accountLeverage: accountInfo.max_leverage
+      });
       const imr = perp.account.IMR({
-        maxLeverage: accountInfo.max_leverage,
+        maxLeverage,
         baseIMR: info?.["base_imr"],
         IMR_Factor: accountInfo.imr_factor[item.symbol],
         positionNotional: notional,
@@ -4419,6 +4421,12 @@ var useOrderbookStream = (symbol, initial = INIT_DATA, options) => {
     }
   ];
 };
+var useSymbolInfo = (symbol) => {
+  const infos = useSymbolsInfo();
+  return React2.useMemo(() => {
+    return !symbol || infos.isNil ? null : infos[symbol];
+  }, [infos, symbol]);
+};
 var useFundingRates = () => {
   const data = useAppStore((state) => state.fundingRates);
   return createGetter({ ...data });
@@ -4842,6 +4850,13 @@ var useFundingRate = (symbol) => {
     }
     timerRef.current = setInterval(() => {
       const diff = new Date(next_funding_time).getTime() - utils.getTimestamp();
+      if (diff <= 0) {
+        setCountDown("00:00:00");
+        if (timerRef.current) {
+          clearInterval(timerRef.current);
+        }
+        return;
+      }
       const result = utils.timeConvertString(diff);
       if (result.length === 3) {
         setCountDown(
@@ -4879,7 +4894,8 @@ var useFundingDetails = (symbol) => {
     throw new types.SDKError("symbol is required");
   }
   return useQuery(`/v1/public/info/${symbol}`, {
-    errorRetryCount: 3
+    errorRetryCount: 3,
+    revalidateOnFocus: false
   });
 };
 var calculatePositiveRate = (periodData, period) => {
@@ -5457,12 +5473,45 @@ var useCollateral = (options = { dp: 6 }) => {
     // positions: positionsPath(positions),
   };
 };
+var useLeverageBySymbol = (symbol) => {
+  const { state } = useAccount();
+  const ws = useWS();
+  const [leverage, setLeverage] = React2.useState(void 0);
+  const { data } = usePrivateQuery(
+    symbol ? `/v1/client/leverage?symbol=${symbol}` : null,
+    {
+      revalidateOnFocus: false
+    }
+  );
+  React2.useEffect(() => {
+    if (data?.leverage) {
+      setLeverage(data.leverage);
+    }
+  }, [data]);
+  React2.useEffect(() => {
+    if (!state.accountId || !symbol)
+      return;
+    const unsubscribe = ws.privateSubscribe("account", {
+      onMessage: (data2) => {
+        const res = data2?.accountDetail?.symbolLeverage || {};
+        if (res.symbol === symbol) {
+          setLeverage(res.leverage);
+        }
+      }
+    });
+    return () => unsubscribe?.();
+  }, [symbol, state.accountId]);
+  return leverage;
+};
+
+// src/orderly/useMaxQty.ts
 var useMaxQty = (symbol, side, reduceOnly = false) => {
   const positions3 = usePositions();
   const accountInfo = useAccountInfo2();
   const symbolInfo = useSymbolsInfo();
   const { totalCollateral } = useCollateral();
   const { data: markPrices } = useMarkPricesStream();
+  const symbolLeverage = useLeverageBySymbol(symbol);
   const maxQty = React2.useMemo(() => {
     if (!symbol)
       return 0;
@@ -5508,7 +5557,10 @@ var useMaxQty = (symbol, side, reduceOnly = false) => {
       symbol,
       baseMaxQty: getSymbolInfo("base_max"),
       totalCollateral,
-      maxLeverage: accountInfo.max_leverage,
+      maxLeverage: perp.account.maxLeverage({
+        symbolLeverage: symbolLeverage || currentSymbolPosition?.leverage,
+        accountLeverage: accountInfo.max_leverage
+      }),
       takerFeeRate: accountInfo.futures_taker_fee_rate,
       baseIMR: getSymbolInfo("base_imr"),
       otherIMs,
@@ -5592,6 +5644,11 @@ function useChains(networkId, options = {}) {
   const filterFun = React2.useRef(options?.filter);
   filterFun.current = options?.filter;
   const chainsMap = React2.useRef(/* @__PURE__ */ new Map());
+  const brokerId = configStore.get("brokerId");
+  const env = configStore.get("env");
+  const brokerIdQuery = brokerId !== "orderly" ? `?broker_id=${brokerId}` : "";
+  const urlPrefix = env === "prod" ? "https://testnet-api.orderly.org" : "";
+  const needFetchFromAPI = options.forceAPI || !customChains;
   const commonSwrOpts = {
     revalidateIfStale: false,
     revalidateOnFocus: false,
@@ -5607,22 +5664,18 @@ function useChains(networkId, options = {}) {
     { ...commonSwrOpts }
   );
   const { data: testTokenChainsRes } = useQuery(
-    "https://testnet-api.orderly.org/v1/public/token",
+    `${urlPrefix}/v1/public/token`,
     {
       ...commonSwrOpts,
       fallbackData: testnetTokenFallback
     }
   );
-  const brokerId = configStore.get("brokerId");
-  const env = configStore.get("env");
-  const brokerIdQuery = brokerId !== "orderly" ? `?broker_id=${brokerId}` : "";
-  const needFetchFromAPI = options.forceAPI || !customChains;
   const { data: chainInfos, error: chainInfoErr } = useQuery(
     needFetchFromAPI ? `https://api.orderly.org/v1/public/chain_info${brokerIdQuery}` : null,
     { ...commonSwrOpts }
   );
   const { data: testChainInfos, error: testChainInfoError } = useQuery(
-    needFetchFromAPI ? `https://testnet-api.orderly.org/v1/public/chain_info${brokerIdQuery}` : null,
+    needFetchFromAPI ? `${urlPrefix}/v1/public/chain_info${brokerIdQuery}` : null,
     {
       ...commonSwrOpts,
       fallbackData: testnetChainFallback,
@@ -5630,10 +5683,6 @@ function useChains(networkId, options = {}) {
       }
     }
   );
-  const { data: envChainInfos, error: envChainInfoError } = useQuery(
-    needFetchFromAPI && env !== "prod" ? `/v1/public/chain_info${brokerIdQuery}` : null,
-    commonSwrOpts
-  );
   const { swapChains, swapChainsError } = useSwapChains();
   const chains = React2.useMemo(() => {
     const mainnetChains = formatChains({
@@ -5646,7 +5695,7 @@ function useChains(networkId, options = {}) {
     });
     const testnetChains = formatChains({
       tokenChains: testTokenChainsRes,
-      chainInfos: formatTestnetChainInfos(testChainInfos, envChainInfos),
+      chainInfos: testChainInfos,
       swapChains,
       mainnet: false,
       chainTransformer
@@ -5688,8 +5737,7 @@ function useChains(networkId, options = {}) {
     pickField,
     allowedChains,
     swapChains,
-    chainTransformer,
-    envChainInfos
+    chainTransformer
   ]);
   const findByChainId = React2.useCallback(
     (chainId, field) => {
@@ -5895,18 +5943,6 @@ function formatChains({
   }
   return chains;
 }
-function formatTestnetChainInfos(chainInfos, envChainInfos) {
-  if (!chainInfos || !envChainInfos || !Array.isArray(chainInfos) || !Array.isArray(envChainInfos)) {
-    return chainInfos;
-  }
-  return chainInfos.map((chain) => {
-    const info = envChainInfos.find((item) => item.chain_id === chain.chain_id);
-    if (info) {
-      chain.vault_address = info.vault_address;
-    }
-    return chain;
-  });
-}
 function useStorageChain() {
   const [chain, setChain] = useLocalStorage(types.ChainKey, null);
   const setStorageChain = (chainId) => {
@@ -5944,6 +5980,13 @@ var useChain = (token) => {
   }, [data, token]);
   return { chains, isLoading };
 };
+
+// src/orderly/useChainInfo.ts
+var useChainInfo = () => {
+  return useQuery("/v1/public/chain_info", {
+    revalidateOnFocus: false
+  });
+};
 var useHoldingStream = () => {
   const ws = useWS();
   const { data, isLoading, mutate: mutate5 } = usePrivateQuery(
@@ -8864,8 +8907,12 @@ function formatPositions(data, accountInfo, symbolsInfo, fundingRates) {
       markPrice: item.mark_price
     });
     let unrealPnl_index = 0, unrealPnlROI_index = 0;
+    const maxLeverage = perp.account.maxLeverage({
+      symbolLeverage: item.leverage,
+      accountLeverage: accountInfo.max_leverage
+    });
     const imr = perp.account.IMR({
-      maxLeverage: accountInfo.max_leverage,
+      maxLeverage,
       baseIMR: info?.("base_imr"),
       IMR_Factor: accountInfo.imr_factor[item.symbol],
       positionNotional: notional,
@@ -9522,29 +9569,36 @@ var useTPSLOrder = (position, options) => {
   const result = useTaskProfitAndStopLossInternal(position, options);
   return result;
 };
-var useSymbolLeverage = (symbol) => {
-  const { data: info } = useAccountInfo();
-  const maxAccountLeverage = info?.max_leverage;
-  const res = useQuery(`/v1/public/info/${symbol}`, {
-    dedupingInterval: 1e3 * 60 * 60 * 24,
-    // 24 hours
-    revalidateOnFocus: false,
-    errorRetryCount: 2,
-    errorRetryInterval: 200
-  });
+var useMaxLeverage = (symbol) => {
+  const symbolsInfo = useSymbolsInfo();
+  const accountInfo = useAccountInfo2();
+  const maxAccountLeverage = accountInfo?.max_leverage;
   const maxSymbolLeverage = React2.useMemo(() => {
-    const base = res?.data?.base_imr;
-    if (base)
-      return 1 / base;
-  }, [res]);
+    const symbolInfo = symbolsInfo[symbol];
+    const baseIMR = symbolInfo("base_imr");
+    return baseIMR ? 1 / baseIMR : 1;
+  }, [symbolsInfo, symbol]);
   const maxLeverage = React2.useMemo(() => {
     if (!maxAccountLeverage || !maxSymbolLeverage) {
-      return "-";
+      return 1;
     }
     return Math.min(maxAccountLeverage, maxSymbolLeverage);
   }, [maxAccountLeverage, maxSymbolLeverage]);
   return maxLeverage;
 };
+var useSymbolLeverage = (symbol) => {
+  const symbolInfo = useSymbolInfo(symbol);
+  const [update, { isMutating }] = useMutation("/v1/client/leverage");
+  const maxLeverage = React2.useMemo(() => {
+    const baseIMR = symbolInfo?.("base_imr");
+    return baseIMR ? 1 / baseIMR : 1;
+  }, [symbolInfo]);
+  return {
+    maxLeverage,
+    update,
+    isLoading: isMutating
+  };
+};
 var useAssetsHistory = (options, config) => {
   const ee = useEventEmitter();
   const getKey = () => {
@@ -9821,12 +9875,12 @@ var MaintenanceStatus = /* @__PURE__ */ ((MaintenanceStatus2) => {
   MaintenanceStatus2[MaintenanceStatus2["Maintenance"] = 2] = "Maintenance";
   return MaintenanceStatus2;
 })(MaintenanceStatus || {});
-function useMaintenanceStatus() {
+var useMaintenanceStatus = () => {
   const [status, setStatus] = React2.useState(0 /* None */);
   const [startTime, setStartTime] = React2.useState();
   const [endTime, setEndTime] = React2.useState();
   const [brokerName, setBrokerName] = React2.useState("Orderly network");
-  const { data: systemInfo, mutate: mutate5 } = useQuery(
+  const { data: systemInfo } = useQuery(
     `/v1/public/system_info?source=maintenance`,
     {
       revalidateOnFocus: false,
@@ -9872,7 +9926,7 @@ function useMaintenanceStatus() {
     startTime,
     endTime
   };
-}
+};
 var useStorageLedgerAddress = () => {
   const [ledgerWallet, setLedgerWallet] = useLocalStorage(types.LedgerWalletKey, []);
   const setLedgerAddress = (address) => {
@@ -10055,6 +10109,36 @@ var usePrivateDataObserver = (options) => {
     });
     return () => unsubscribe?.();
   }, [state.accountId, subOrder]);
+  React2.useEffect(() => {
+    if (!state.accountId)
+      return;
+    const key = ["/v1/positions", state.accountId];
+    const unsubscribe = ws.privateSubscribe("account", {
+      onMessage: (data) => {
+        const { symbol, leverage } = data?.accountDetail?.symbolLeverage || {};
+        if (symbol && leverage) {
+          useSWR.mutate(
+            key,
+            (prevPositions) => {
+              if (prevPositions?.rows?.length) {
+                return {
+                  ...prevPositions,
+                  rows: prevPositions.rows.map((row) => {
+                    return row.symbol === symbol ? { ...row, leverage } : row;
+                  })
+                };
+              }
+              return prevPositions;
+            },
+            {
+              revalidate: false
+            }
+          );
+        }
+      }
+    });
+    return () => unsubscribe?.();
+  }, [state.accountId]);
   React2.useEffect(() => {
     if (!state.accountId) {
       return;
@@ -17744,6 +17828,7 @@ exports.useBalanceSubscription = useBalanceSubscription;
 exports.useBalanceTopic = useBalanceTopic;
 exports.useBoolean = useBoolean;
 exports.useChain = useChain;
+exports.useChainInfo = useChainInfo;
 exports.useChains = useChains;
 exports.useCheckReferralCode = useCheckReferralCode;
 exports.useCollateral = useCollateral;
@@ -17776,6 +17861,7 @@ exports.useInternalTransfer = useInternalTransfer;
 exports.useKeyStore = useKeyStore;
 exports.useLazyQuery = useLazyQuery;
 exports.useLeverage = useLeverage;
+exports.useLeverageBySymbol = useLeverageBySymbol;
 exports.useLocalStorage = useLocalStorage;
 exports.useMaintenanceStatus = useMaintenanceStatus;
 exports.useMarginRatio = useMarginRatio;
@@ -17789,6 +17875,7 @@ exports.useMarketTradeStream = useMarketTradeStream;
 exports.useMarkets = useMarkets;
 exports.useMarketsStore = useMarketsStore;
 exports.useMarketsStream = useMarketsStream;
+exports.useMaxLeverage = useMaxLeverage;
 exports.useMaxQty = useMaxQty;
 exports.useMediaQuery = useMediaQuery;
 exports.useMemoizedFn = useMemoizedFn;
@@ -17802,6 +17889,7 @@ exports.useOrderStore = useOrderStore2;
 exports.useOrderStream = useOrderStream;
 exports.useOrderbookStream = useOrderbookStream;
 exports.useOrderlyContext = useOrderlyContext;
+exports.usePortfolio = usePortfolio;
 exports.usePositionActions = usePositionActions;
 exports.usePositionClose = usePositionClose;
 exports.usePositionStream = usePositionStream;
@@ -17828,6 +17916,7 @@ exports.useSubAccountMaxWithdrawal = useSubAccountMaxWithdrawal;
 exports.useSubAccountMutation = useSubAccountMutation;
 exports.useSubAccountQuery = useSubAccountQuery;
 exports.useSubAccountWS = useSubAccountWS;
+exports.useSymbolInfo = useSymbolInfo;
 exports.useSymbolLeverage = useSymbolLeverage;
 exports.useSymbolPriceRange = useSymbolPriceRange;
 exports.useSymbolsInfo = useSymbolsInfo;