@orderly.network/hooks 3.0.0-beta.0 → 3.0.0-beta.10

package/dist/index.mjs

@@ -1,11 +1,11 @@
+import React, { createContext, createElement, useContext, useCallback, useState, useEffect, useMemo, useRef, useId, useLayoutEffect } from 'react';
 import { get, WS, mutate as mutate$1 } from '@orderly.network/net';
-import React, { createContext, useContext, useCallback, useState, useEffect, useMemo, useRef, useId, useLayoutEffect } from 'react';
 import useSWR5__default, { mutate } from 'swr';
 import * as useSWR5 from 'swr';
 export { useSWR5 as swr };
 export { unstable_serialize, default as useSWR, useSWRConfig } from 'swr';
-import { TesnetTokenFallback, ArbitrumSepoliaTokenInfo, SolanaDevnetTokenInfo, OrderType, OrderSide, MarginMode, SDKError, TrackerEventName, AccountStatusEnum, AlgoOrderType, AlgoOrderRootType, OrderStatus, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, EMPTY_LIST, EMPTY_OBJECT, isNativeTokenChecker, nativeTokenAddress, ChainKey, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, ChainNamespace, MaxUint256, DEPOSIT_FEE_RATE, ETHEREUM_MAINNET_CHAINID, LedgerWalletKey, SOLANA_TESTNET_CHAINID, MONAD_TESTNET_CHAINID, ABSTRACT_TESTNET_CHAINID, BSC_TESTNET_CHAINID, SolanaChains, PositionType, DistributionType, TriggerPriceType } from '@orderly.network/types';
 import { usePluginScope } from '@orderly.network/plugin-core';
+import { TesnetTokenFallback, ArbitrumSepoliaTokenInfo, SolanaDevnetTokenInfo, MarginMode, OrderType, OrderSide, SDKError, TrackerEventName, AccountStatusEnum, AlgoOrderType, AlgoOrderRootType, OrderStatus, ArbitrumSepoliaChainInfo, SolanaDevnetChainInfo, EMPTY_LIST, EMPTY_OBJECT, isNativeTokenChecker, nativeTokenAddress, ChainKey, chainsInfoMap, ARBITRUM_TESTNET_CHAINID, ARBITRUM_MAINNET_CHAINID, ChainNamespace, MaxUint256, DEPOSIT_FEE_RATE, ETHEREUM_MAINNET_CHAINID, LedgerWalletKey, SOLANA_TESTNET_CHAINID, MONAD_TESTNET_CHAINID, ABSTRACT_TESTNET_CHAINID, BSC_TESTNET_CHAINID, SolanaChains, PositionType, DistributionType, TriggerPriceType } from '@orderly.network/types';
 import { zero, windowGuard, getTimestamp, getGlobalObject, Decimal, timeConvertString, isTestnet, getPrecisionByNumber, getBBOType, camelCaseToUnderscoreCase, commify, todpIfNeed, getTPSLDirection } from '@orderly.network/utils';
 import useSWRMutation from 'swr/mutation';
 import useConstant from 'use-constant';
@@ -35,13 +35,24 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var MarketCategoriesConfigContext = createContext(void 0);
+var MarketCategoriesConfigProvider = ({ value, children }) => {
+  return createElement(
+    MarketCategoriesConfigContext.Provider,
+    { value },
+    children
+  );
+};
+function useMarketCategoriesConfig() {
+  return useContext(MarketCategoriesConfigContext);
+}
 
 // src/version.ts
 if (typeof window !== "undefined") {
   window.__ORDERLY_VERSION__ = window.__ORDERLY_VERSION__ || {};
-  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "3.0.0-beta.0";
+  window.__ORDERLY_VERSION__["@orderly.network/hooks"] = "3.0.0-beta.10";
 }
-var version_default = "3.0.0-beta.0";
+var version_default = "3.0.0-beta.10";
 var fetcher = (url, init2 = {}, queryOptions) => get(url, init2, queryOptions?.formatter);
 var noCacheConfig = {
   dedupingInterval: 0,
@@ -72,6 +83,8 @@ function useConfig(key, defaultValue) {
   }
   return configStore;
 }
+
+// src/useQuery.ts
 var PLUGIN_ID_HEADER = "X-Orderly-Plugin-Id";
 var useQuery = (query, options) => {
   const apiBaseUrl = useConfig("apiBaseUrl");
@@ -568,6 +581,20 @@ var useAudioPlayer = (src, options = {}) => {
     const el = getOrderFilledAudio();
     el.volume = Math.max(0, Math.min(1, volume));
   }, [volume]);
+  useEffect(() => {
+    const handleVisibilityChange = () => {
+      if (document.visibilityState === "visible") {
+        const el = getOrderFilledAudio();
+        el.pause();
+        el.removeAttribute("src");
+        el.load();
+      }
+    };
+    document.addEventListener("visibilitychange", handleVisibilityChange);
+    return () => {
+      document.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+  }, []);
   const play = useCallback(() => {
     const currentSrc = srcRef.current;
     const currentEnabled = enabledRef.current;
@@ -1277,7 +1304,7 @@ function checkTPSLOrderTypeIsMarket(key, values) {
 }
 function tpslCalculateHelper(key, inputs, options = {}) {
   const { symbol } = options;
-  if (key !== "quantity" && key !== "tp_trigger_price" && key !== "sl_trigger_price" && key !== "tp_pnl" && key !== "sl_pnl" && key !== "tp_offset" && key !== "sl_offset" && key !== "tp_offset_percentage" && key !== "sl_offset_percentage" && key !== "tp_order_price" && key !== "sl_order_price" && key !== "tp_order_type" && key !== "sl_order_type") {
+  if (key !== "quantity" && key !== "tp_trigger_price" && key !== "sl_trigger_price" && key !== "tp_pnl" && key !== "sl_pnl" && key !== "tp_offset" && key !== "sl_offset" && key !== "tp_offset_percentage" && key !== "sl_offset_percentage" && key !== "tp_offset_from_mark" && key !== "sl_offset_from_mark" && key !== "tp_offset_percentage_from_mark" && key !== "sl_offset_percentage_from_mark" && key !== "tp_order_price" && key !== "sl_order_price" && key !== "tp_order_type" && key !== "sl_order_type") {
     return {
       [key]: inputs.value
     };
@@ -1285,6 +1312,7 @@ function tpslCalculateHelper(key, inputs, options = {}) {
   const orderType = key.startsWith("tp_") ? AlgoOrderType.TAKE_PROFIT : AlgoOrderType.STOP_LOSS;
   const keyPrefix = key.slice(0, 3);
   const qty = Number(key === "quantity" ? inputs.value : inputs.qty);
+  const markPrice = inputs.markPrice ?? inputs.entryPrice;
   if (qty === 0 && (key === "tp_pnl" || key === "sl_pnl" || key === "tp_trigger_price" || key === "sl_trigger_price")) {
     return {
       // [`${keyPrefix}trigger_price`]: "",
@@ -1295,7 +1323,7 @@ function tpslCalculateHelper(key, inputs, options = {}) {
       [key]: inputs.value
     };
   }
-  let trigger_price, offset, offset_percentage, pnl, order_price, tpsl_order_type = inputs.values[`${keyPrefix}order_type`] ?? OrderType.MARKET;
+  let trigger_price, offset, offset_percentage, offset_from_mark, offset_percentage_from_mark, pnl, order_price, tpsl_order_type = inputs.values[`${keyPrefix}order_type`] ?? OrderType.MARKET;
   const entryPrice = new Decimal(inputs.entryPrice).todp(options.symbol?.quote_dp ?? 2, Decimal.ROUND_UP).toNumber();
   switch (key) {
     case "tp_trigger_price":
@@ -1307,6 +1335,8 @@ function tpslCalculateHelper(key, inputs, options = {}) {
             [`${keyPrefix}trigger_price`]: trigger_price,
             [`${keyPrefix}offset`]: "",
             [`${keyPrefix}offset_percentage`]: "",
+            [`${keyPrefix}offset_from_mark`]: "",
+            [`${keyPrefix}offset_percentage_from_mark`]: "",
             [`${keyPrefix}pnl`]: "",
             [`${keyPrefix}ROI`]: ""
           };
@@ -1316,31 +1346,6 @@ function tpslCalculateHelper(key, inputs, options = {}) {
       }
       break;
     }
-    // case "tp_enable":
-    // case "sl_enable": {
-    //   return {
-    //     [`${keyPrefix}enable`]: inputs.value,
-    //     [`${keyPrefix}order_type`]: OrderType.MARKET,
-    //     [`${keyPrefix}trigger_price`]: "",
-    //     [`${keyPrefix}order_price`]: "",
-    //     [`${keyPrefix}offset`]: "",
-    //     [`${keyPrefix}offset_percentage`]: "",
-    //     [`${keyPrefix}pnl`]: "",
-    //     [`${keyPrefix}ROI`]: "",
-    //   };
-    // }
-    // case 'tp_pnl':{
-    //   if (inputs.values.tp_order_type !== OrderType.MARKET) {
-    //     pnl = inputs.value;
-    //     trigger_price = pnlToPrice({
-    //     qty,
-    //     pnl: Number(inputs.value),
-    //     entryPrice,
-    //     orderSide: inputs.orderSide,
-    //     orderType,
-    //     })
-    //   }
-    // }
     case "tp_pnl":
     case "sl_pnl": {
       pnl = inputs.value;
@@ -1387,6 +1392,30 @@ function tpslCalculateHelper(key, inputs, options = {}) {
       }
       break;
     }
+    case "tp_offset_from_mark":
+    case "sl_offset_from_mark": {
+      offset_from_mark = inputs.value;
+      if (!checkTPSLOrderTypeIsMarket(key, inputs.values)) {
+        order_price = offsetToPrice({
+          qty,
+          offset: Number(inputs.value),
+          entryPrice: markPrice,
+          orderSide: inputs.orderSide,
+          orderType: key === "tp_offset_from_mark" ? AlgoOrderType.TAKE_PROFIT : AlgoOrderType.STOP_LOSS
+        });
+        trigger_price = inputs.values[`${keyPrefix}trigger_price`] ?? order_price;
+      } else {
+        trigger_price = offsetToPrice({
+          qty,
+          offset: Number(inputs.value),
+          // entryPrice,
+          entryPrice: markPrice,
+          orderSide: inputs.orderSide,
+          orderType: key === "tp_offset_from_mark" ? AlgoOrderType.TAKE_PROFIT : AlgoOrderType.STOP_LOSS
+        });
+      }
+      break;
+    }
     case "tp_order_price":
     case "sl_order_price": {
       order_price = inputs.value;
@@ -1427,12 +1456,38 @@ function tpslCalculateHelper(key, inputs, options = {}) {
       }
       break;
     }
+    case "tp_offset_percentage_from_mark":
+    case "sl_offset_percentage_from_mark": {
+      offset_percentage_from_mark = inputs.value;
+      const markBase = Number(markPrice);
+      if (!checkTPSLOrderTypeIsMarket(key, inputs.values)) {
+        order_price = offsetPercentageToPrice({
+          qty,
+          percentage: Number(`${inputs.value}`.replace(/\.0{0,2}$/, "")),
+          entryPrice: markBase,
+          orderSide: inputs.orderSide,
+          orderType
+        });
+        trigger_price = inputs.values[`${keyPrefix}trigger_price`] ?? order_price;
+      } else {
+        trigger_price = offsetPercentageToPrice({
+          qty,
+          percentage: Number(`${inputs.value}`.replace(/\.0{0,2}$/, "")),
+          entryPrice: markBase,
+          orderSide: inputs.orderSide,
+          orderType
+        });
+      }
+      break;
+    }
   }
   if (!trigger_price && checkTPSLOrderTypeIsMarket(key, inputs.values)) {
     return {
       [`${keyPrefix}trigger_price`]: "",
       [`${keyPrefix}offset`]: "",
       [`${keyPrefix}offset_percentage`]: "",
+      [`${keyPrefix}offset_from_mark`]: "",
+      [`${keyPrefix}offset_percentage_from_mark`]: "",
       [`${keyPrefix}pnl`]: "",
       [`${keyPrefix}ROI`]: "",
       [key]: inputs.value
@@ -1477,6 +1532,8 @@ function tpslCalculateHelper(key, inputs, options = {}) {
     [`${keyPrefix}order_price`]: order_price ? todpIfNeed(order_price, symbol?.quote_dp ?? 2) : "",
     [`${keyPrefix}offset`]: offset ?? "",
     [`${keyPrefix}offset_percentage`]: offset_percentage ?? "",
+    [`${keyPrefix}offset_from_mark`]: offset_from_mark ?? inputs.values[`${keyPrefix}offset_from_mark`] ?? "",
+    [`${keyPrefix}offset_percentage_from_mark`]: offset_percentage_from_mark ?? inputs.values[`${keyPrefix}offset_percentage_from_mark`] ?? "",
     [`${keyPrefix}pnl`]: pnl ?? ""
     // [`${keyPrefix}ROI`]: calcROI({
     //   pnl: Number(pnl ?? 0),
@@ -1664,6 +1721,7 @@ function tpslInputHandle(inputs) {
       // order price or mark price
       qty: values.side === OrderSide.BUY ? Number(values.order_quantity) : Number(values.order_quantity) * -1,
       orderSide: values.side,
+      markPrice,
       // values: newValues,
       values
     },
@@ -1699,6 +1757,10 @@ var getCalculateHandler = (fieldName) => {
     case "sl_offset":
     case "tp_offset_percentage":
     case "sl_offset_percentage":
+    case "tp_offset_from_mark":
+    case "sl_offset_from_mark":
+    case "tp_offset_percentage_from_mark":
+    case "sl_offset_percentage_from_mark":
     case "tp_order_price":
     case "tp_order_type":
     case "sl_order_type":
@@ -2582,16 +2644,12 @@ var createDataStore = (config) => {
               const brokerIdQuery = typeof options?.brokerId === "string" && options?.brokerId !== "orderly" ? `?broker_id=${options?.brokerId}` : "";
               const url = `${dynamicBaseUrl || baseUrl || ""}${endpoint}${brokerIdQuery}`;
               const data = await fetcher(url, {}, { formatter });
-              const dataWithBrokerId = data.map((item) => ({
-                ...item,
-                broker_id: options?.brokerId
-              }));
               set({
-                data: dataWithBrokerId,
+                data,
                 loading: false,
                 error: null
               });
-              return dataWithBrokerId;
+              return data;
             } catch (error) {
               set({ error, loading: false });
               return null;
@@ -3127,7 +3185,9 @@ var DEFAULT_SYMBOL_DEPTHS = {
 };
 var DEFAULT_SYMBOL_DISPLAY_NAMES = {
   PERP_XAU_USDC: "XAU (Gold) ",
-  PERP_XAG_USDC: "XAG (Silver)"
+  PERP_XAG_USDC: "XAG (Silver)",
+  PERP_CL_USDC: "CL (WTI Crude Oil)",
+  PERP_BZ_USDC: "BZ (Brent Crude Oil)"
 };
 var ProxyConfigStore = class {
   constructor(_originConfigStore) {
@@ -3410,7 +3470,10 @@ var useGetRwaSymbolOpenTimeInterval = (symbol, thresholdMinutes = 30) => {
 };
 var useSymbolsInfo = () => {
   const symbolsInfo = useAppStore((state) => state.symbolsInfo);
-  return useMemo(() => createGetter({ ...symbolsInfo }), [symbolsInfo]);
+  return useMemo(
+    () => createGetter(symbolsInfo ? { ...symbolsInfo } : symbolsInfo),
+    [symbolsInfo]
+  );
 };
 var useSymbolsInfoStore = () => {
   return useAppStore((state) => state.symbolsInfo);
@@ -3423,6 +3486,7 @@ var MarketsType = /* @__PURE__ */ ((MarketsType2) => {
   MarketsType2[MarketsType2["ALL"] = 2] = "ALL";
   MarketsType2[MarketsType2["RWA"] = 3] = "RWA";
   MarketsType2[MarketsType2["NEW_LISTING"] = 4] = "NEW_LISTING";
+  MarketsType2[MarketsType2["COMMUNITY"] = 5] = "COMMUNITY";
   return MarketsType2;
 })(MarketsType || {});
 var MarketsStorageKey = "orderly_markets";
@@ -3592,6 +3656,8 @@ var addFieldToMarkets = (futures, symbolsInfo, rwaSymbolsInfo) => {
     const rwaInfo = !rwaSymbolsInfo.isNil ? rwaSymbolsInfo[item.symbol]() : null;
     return {
       ...item,
+      broker_id: item.broker_id,
+      display_symbol_name: item.display_symbol_name,
       quote_dp: info("quote_dp"),
       created_time: info("created_time"),
       displayName: info("displayName"),
@@ -3613,7 +3679,7 @@ var addFieldToMarkets = (futures, symbolsInfo, rwaSymbolsInfo) => {
 var filterMarkets = (params) => {
   const { markets, favorites, recent, newListing, type } = params;
   let curData = [];
-  if (type === 2 /* ALL */) {
+  if (type === 2 /* ALL */ || type === 5 /* COMMUNITY */) {
     curData = markets;
   } else if (type === 3 /* RWA */) {
     curData = markets.filter((item) => item.isRwa);
@@ -4535,7 +4601,7 @@ var useMarket = (type) => {
   const getData = (type2) => {
     const localData = type2 === 0 /* FAVORITES */ ? [...favorites] : [...recent];
     const keys = localData.map((item) => item.name);
-    const filter = type2 == 2 /* ALL */ ? marketsList : marketsList?.filter((item) => keys.includes(item.symbol));
+    const filter = type2 == 2 /* ALL */ || type2 == 4 /* COMMUNITY */ ? marketsList : marketsList?.filter((item) => keys.includes(item.symbol));
     const favoritesData = [...favorites];
     const favoriteKeys = favoritesData.map((item) => item.name);
     if (filter) {
@@ -4734,6 +4800,80 @@ var useSymbolLeverageMap = () => {
     refresh: mutate6
   };
 };
+
+// src/trading-rewards/useAllBrokers.ts
+var useAllBrokers = () => {
+  const { data } = useQuery("/v1/public/broker/name", {
+    formatter: (res) => {
+      const { rows } = res;
+      return rows?.map((item) => ({ [item.broker_id]: item.broker_name })).reduce((acc, curr) => ({ ...acc, ...curr }), {});
+    },
+    revalidateOnFocus: false
+  });
+  return [data];
+};
+
+// src/useBadgeBySymbol.ts
+function brokerNameBaseFromRaw(rawBrokerName) {
+  if (!rawBrokerName) return void 0;
+  const first = rawBrokerName.trim().split(/[ _-]/, 1)[0]?.trim() ?? "";
+  return first.length > 0 ? first : void 0;
+}
+var useBadgeBySymbol = (symbol) => {
+  const symbolsInfo = useSymbolsInfo();
+  const [brokers] = useAllBrokers();
+  return useMemo(() => {
+    if (!symbol || symbolsInfo.isNil) {
+      return {
+        displayName: symbol ?? "",
+        brokerId: void 0,
+        brokerName: void 0,
+        brokerNameRaw: void 0
+      };
+    }
+    const getter = symbolsInfo[symbol];
+    const info = typeof getter === "function" ? getter() : void 0;
+    const displayName = info?.displayName ?? info?.display_symbol_name ?? symbol;
+    const brokerId = info?.broker_id ?? void 0;
+    const rawBrokerName = brokerId ? brokers?.[brokerId] : void 0;
+    const base = brokerNameBaseFromRaw(rawBrokerName);
+    const brokerName = base ? base.length > 7 ? `${base.slice(0, 7)}...` : base : void 0;
+    return {
+      displayName,
+      brokerId,
+      brokerName,
+      brokerNameRaw: rawBrokerName
+    };
+  }, [brokers, symbolsInfo, symbol]);
+};
+function formatSymbolWithBroker(symbol, symbolsInfo, brokers) {
+  if (!symbol) return "";
+  let brokerNameBase;
+  if (!symbolsInfo.isNil) {
+    const getter = symbolsInfo[symbol];
+    const info = typeof getter === "function" ? getter() : void 0;
+    const brokerId = info?.broker_id ?? void 0;
+    const rawBrokerName = brokerId ? brokers?.[brokerId] : void 0;
+    brokerNameBase = brokerNameBaseFromRaw(rawBrokerName);
+  }
+  const parts = symbol.split("_");
+  const base = parts.length >= 3 ? parts[1] ?? "" : symbol.match(/^([A-Za-z]+)/)?.[1] ?? symbol;
+  const hasBrokerSuffix = symbol.includes("-") || symbol.split("_").length > 3;
+  if (brokerNameBase && hasBrokerSuffix) {
+    return `${base}-${brokerNameBase}`;
+  }
+  return base;
+}
+var useSymbolWithBroker = (symbol) => {
+  const symbolsInfo = useSymbolsInfo();
+  const [brokers] = useAllBrokers();
+  return useMemo(
+    () => formatSymbolWithBroker(symbol, symbolsInfo, brokers),
+    [brokers, symbolsInfo, symbol]
+  );
+};
+
+// src/orderly/useMarginModes.ts
 var useMarginModes = () => {
   const { data, error, isLoading, mutate: mutate6 } = usePrivateQuery("/v1/client/margin_modes", {
     revalidateOnFocus: false,
@@ -4775,22 +4915,28 @@ var useMarginModes = () => {
 };
 var useMarginModeBySymbol = (symbol, fallback = MarginMode.CROSS) => {
   const { marginModes, isLoading, error, refresh, updateMarginMode } = useMarginModes();
-  const marginMode = fallback === null ? marginModes[symbol] : marginModes[symbol] ?? fallback;
+  const { brokerId } = useBadgeBySymbol(symbol);
+  const marginMode = useMemo(() => {
+    if (brokerId) return MarginMode.ISOLATED;
+    return fallback === null ? marginModes[symbol] : marginModes[symbol] ?? fallback;
+  }, [brokerId, fallback, marginModes, symbol]);
   const update = useCallback(
     async (mode) => {
+      if (brokerId) mode = MarginMode.ISOLATED;
       return updateMarginMode({
         symbol_list: [symbol],
         default_margin_mode: mode
       });
     },
-    [symbol, updateMarginMode]
+    [brokerId, symbol, updateMarginMode]
   );
   return {
     marginMode,
     isLoading,
     error,
     refresh,
-    update
+    update,
+    isPermissionlessListing: !!brokerId
   };
 };
 
@@ -5029,6 +5175,11 @@ var MarkPriceCalculator = class extends BaseCalculator {
 
 // src/orderly/calculator/calculatorContext.ts
 var CalculatorContext = class _CalculatorContext {
+  // holding: API.Holding[];
+  // portfolio — dynamic getter to always read the latest output from PortfolioCalculator
+  get portfolio() {
+    return this.output["portfolio"] || useAppStore.getState().portfolio;
+  }
   static get instance() {
     return this._instance;
   }
@@ -5047,7 +5198,6 @@ var CalculatorContext = class _CalculatorContext {
   update(scope, data) {
     this.setCtxData();
     this.markPrices = scope === "markPrice" /* MARK_PRICE */ ? data : this.output[MarketCalculatorName];
-    this.portfolio = this.output["portfolio"] || useAppStore.getState().portfolio;
     return this;
   }
   setCtxData() {
@@ -5065,7 +5215,6 @@ var CalculatorContext = class _CalculatorContext {
   clearCache() {
     this.output = {};
     this.accountInfo = void 0;
-    this.portfolio = void 0;
   }
   deleteByName(name) {
     delete this.output[name];
@@ -5433,7 +5582,7 @@ var PositionCalculator = class extends BaseCalculator {
     if (!accountInfo || !fundingRates || !symbolsInfo) {
       return data;
     }
-    let unrealPnL_total = zero, unrealPnL_total_index = zero, notional_total = zero, unsettlementPnL_total = zero;
+    let unrealPnL_total = zero, unrealPnL_total_index = zero, notional_total = zero, unsettlementPnL_total = zero, totalUnsettledIsolatedPnl = zero, totalUnsettledCrossPnl = zero;
     let rows = data.rows.map((item) => {
       const info = symbolsInfo[item.symbol];
       const sum_unitary_funding = fundingRates?.[item.symbol]?.["sum_unitary_funding"] ?? 0;
@@ -5496,6 +5645,12 @@ var PositionCalculator = class extends BaseCalculator {
       unrealPnL_total_index = unrealPnL_total_index.add(unrealPnl_index);
       notional_total = notional_total.add(notional);
       unsettlementPnL_total = unsettlementPnL_total.add(unsettlementPnL2);
+      if (item.margin_mode === MarginMode.CROSS) {
+        totalUnsettledCrossPnl = totalUnsettledCrossPnl.add(unsettlementPnL2);
+      }
+      if (item.margin_mode === MarginMode.ISOLATED) {
+        totalUnsettledIsolatedPnl = totalUnsettledIsolatedPnl.add(unsettlementPnL2);
+      }
       const fundingFee = new Decimal(sum_unitary_funding).sub(item.last_sum_unitary_funding).mul(item.position_qty).negated().toNumber();
       return {
         ...item,
@@ -5511,7 +5666,8 @@ var PositionCalculator = class extends BaseCalculator {
         unrealized_pnl: unrealPnl,
         unrealized_pnl_index: unrealPnl_index,
         unrealized_pnl_ROI: unrealPnlROI,
-        unrealized_pnl_ROI_index: unrealPnlROI_index
+        unrealized_pnl_ROI_index: unrealPnlROI_index,
+        unsettled_pnl: unsettlementPnL2
       };
     });
     const totalUnrealPnl = unrealPnL_total.toNumber();
@@ -5523,18 +5679,34 @@ var PositionCalculator = class extends BaseCalculator {
       rows = rows.map((item) => {
         const info = symbolsInfo[item.symbol];
         const totalCollateral = item.margin_mode === MarginMode.ISOLATED ? new Decimal(item.margin ?? 0).add(item.unsettlement_pnl ?? 0).toNumber() : crossMarginCollateral.toNumber();
-        const est_liq_price = positions.liqPrice({
-          symbol: item.symbol,
-          markPrice: item.mark_price,
-          totalCollateral,
-          positionQty: item.position_qty,
-          positions: rows,
-          MMR: item.mmr,
-          baseMMR: info?.["base_mmr"],
-          baseIMR: info?.["base_imr"],
-          IMRFactor: accountInfo.imr_factor[item.symbol],
-          costPosition: item.cost_position
-        });
+        let est_liq_price;
+        if (item.margin_mode === MarginMode.ISOLATED) {
+          est_liq_price = positions.liquidationPriceIsolated({
+            isolatedPositionMargin: item.margin ?? 0,
+            costPosition: item.cost_position ?? 0,
+            positionQty: item.position_qty ?? 0,
+            sumUnitaryFunding: fundingRates?.[item.symbol]?.["sum_unitary_funding"] ?? 0,
+            lastSumUnitaryFunding: item.last_sum_unitary_funding ?? 0,
+            baseMMR: info?.["base_mmr"] ?? 0,
+            baseIMR: info?.["base_imr"] ?? 0,
+            IMRFactor: accountInfo.imr_factor[item.symbol],
+            referencePrice: item.mark_price,
+            leverage: item.leverage ?? 0
+          });
+        } else {
+          est_liq_price = positions.liqPrice({
+            symbol: item.symbol,
+            markPrice: item.mark_price,
+            totalCollateral,
+            positionQty: item.position_qty,
+            positions: rows,
+            MMR: item.mmr,
+            baseMMR: info?.["base_mmr"],
+            baseIMR: info?.["base_imr"],
+            IMRFactor: accountInfo.imr_factor[item.symbol],
+            costPosition: item.cost_position
+          });
+        }
         return {
           ...item,
           est_liq_price
@@ -5561,6 +5733,8 @@ var PositionCalculator = class extends BaseCalculator {
       total_unsettled_pnl: unsettlementPnL,
       unrealPnlROI: totalUnrealizedROI,
       unrealPnlROI_index: totalUnrealizedROI_index,
+      total_unsettled_cross_pnl: totalUnsettledCrossPnl.toNumber(),
+      total_unsettled_isolated_pnl: totalUnsettledIsolatedPnl.toNumber(),
       rows
     };
   }
@@ -5723,13 +5897,9 @@ var PortfolioCalculator = class extends BaseCalculator {
     if (!holding || !positions3 || !Array.isArray(positions3.rows) || !markPrices || !indexPrices || !accountInfo) {
       return null;
     }
-    const totallCrossUnsettledPnL = positions3.rows.reduce(
-      (sum, pos) => pos.margin_mode === MarginMode.ISOLATED ? sum : sum + (pos.unsettled_pnl ?? 0),
-      0
-    );
-    const totalUnsettlementPnL = positions3.rows.reduce(
-      (sum, pos) => sum + (pos.unsettled_pnl ?? 0),
-      0
+    const unsettledPnL = pathOr(0, ["total_unsettled_pnl"])(positions3);
+    const unsettledCrossPnL = pathOr(0, ["total_unsettled_cross_pnl"])(
+      positions3
     );
     const unrealizedPnL = pathOr(0, ["total_unreal_pnl"])(positions3);
     const [USDC_holding, nonUSDC] = parseHolding(
@@ -5741,7 +5911,7 @@ var PortfolioCalculator = class extends BaseCalculator {
     const totalCollateral = account.totalCollateral({
       USDCHolding: USDC_holding,
       nonUSDCHolding: nonUSDC,
-      unsettlementPnL: totallCrossUnsettledPnL,
+      unsettlementPnL: unsettledCrossPnL,
       usdcBalancePendingShortQty: usdc?.pending_short ?? 0,
       usdcBalanceIsolatedOrderFrozen: usdc?.isolated_order_frozen ?? 0
     });
@@ -5752,7 +5922,7 @@ var PortfolioCalculator = class extends BaseCalculator {
       return acc.add(curr.margin ?? 0);
     }, zero);
     const totalValue = account.totalValue({
-      totalUnsettlementPnL,
+      totalUnsettlementPnL: unsettledPnL,
       USDCHolding: USDC_holding,
       nonUSDCHolding: nonUSDC,
       totalIsolatedPositionMargin: sumIsolatedMargin.toNumber()
@@ -5796,7 +5966,7 @@ var PortfolioCalculator = class extends BaseCalculator {
       totalUnrealizedROI,
       freeCollateral,
       availableBalance,
-      unsettledPnL: totalUnsettlementPnL,
+      unsettledPnL,
       holding,
       usdcHolding: USDC_holding,
       freeCollateralUSDCOnly
@@ -5915,7 +6085,7 @@ var usePositionStream = (symbol = "all", options) => {
       total_unreal_pnl: total_unreal_pnl_index,
       unrealPnlROI: unrealPnlROI_index
     };
-  }, [calcMode]);
+  }, [calcMode, formattedPositions]);
   let rows = formattedPositions[0];
   {
     if (!rows) {
@@ -6405,14 +6575,8 @@ function formatPortfolio(inputs) {
   if (!holding || !positions3 || !Array.isArray(positions3.rows) || !markPrices || !indexPrices || !accountInfo || symbolsInfo?.isNil) {
     return null;
   }
-  const totallCrossUnsettledPnL = positions3.rows.reduce(
-    (sum, pos) => pos.margin_mode === MarginMode.ISOLATED ? sum : sum + (pos.unsettled_pnl ?? 0),
-    0
-  );
-  const totalUnsettlementPnL = positions3.rows.reduce(
-    (sum, pos) => sum + (pos.unsettled_pnl ?? 0),
-    0
-  );
+  const unsettledPnL = pathOr(0, ["total_unsettled_pnl"])(positions3);
+  const unsettledCrossPnL = pathOr(0, ["total_unsettled_cross_pnl"])(positions3);
   const unrealizedPnL = pathOr(0, ["total_unreal_pnl"])(positions3);
   const [USDC_holding, nonUSDC] = parseHolding(
     holding,
@@ -6423,7 +6587,7 @@ function formatPortfolio(inputs) {
   const totalCollateral = account.totalCollateral({
     USDCHolding: USDC_holding,
     nonUSDCHolding: nonUSDC,
-    unsettlementPnL: totallCrossUnsettledPnL,
+    unsettlementPnL: unsettledCrossPnL,
     usdcBalancePendingShortQty: usdc?.pending_short ?? 0,
     usdcBalanceIsolatedOrderFrozen: usdc?.isolated_order_frozen ?? 0
   });
@@ -6434,7 +6598,7 @@ function formatPortfolio(inputs) {
     return acc.add(curr.margin ?? 0);
   }, zero);
   const totalValue = account.totalValue({
-    totalUnsettlementPnL,
+    totalUnsettlementPnL: unsettledPnL,
     USDCHolding: USDC_holding,
     nonUSDCHolding: nonUSDC,
     totalIsolatedPositionMargin: sumIsolatedMargin.toNumber()
@@ -6478,7 +6642,7 @@ function formatPortfolio(inputs) {
     totalUnrealizedROI,
     freeCollateral,
     availableBalance,
-    unsettledPnL: totalUnsettlementPnL,
+    unsettledPnL,
     holding,
     freeCollateralUSDCOnly
   };
@@ -6487,7 +6651,7 @@ function formatPositions(data, accountInfo, symbolsInfo, fundingRates) {
   if (!accountInfo || !fundingRates || !symbolsInfo) {
     return data;
   }
-  let unrealPnL_total = zero, unrealPnL_total_index = zero, notional_total = zero, unsettlementPnL_total = zero;
+  let unrealPnL_total = zero, unrealPnL_total_index = zero, notional_total = zero, unsettlementPnL_total = zero, totalUnsettledIsolatedPnl = zero, totalUnsettledCrossPnl = zero;
   const rows = data.rows.map((item) => {
     const info = symbolsInfo[item.symbol];
     const notional = positions.notional(item.position_qty, item.mark_price);
@@ -6549,6 +6713,12 @@ function formatPositions(data, accountInfo, symbolsInfo, fundingRates) {
     unrealPnL_total_index = unrealPnL_total_index.add(unrealPnl_index);
     notional_total = notional_total.add(notional);
     unsettlementPnL_total = unsettlementPnL_total.add(unsettlementPnL2);
+    if (item.margin_mode === MarginMode.CROSS) {
+      totalUnsettledCrossPnl = totalUnsettledCrossPnl.add(unsettlementPnL2);
+    }
+    if (item.margin_mode === MarginMode.ISOLATED) {
+      totalUnsettledIsolatedPnl = totalUnsettledIsolatedPnl.add(unsettlementPnL2);
+    }
     return {
       ...item,
       mm: positions.maintenanceMargin({
@@ -6562,7 +6732,8 @@ function formatPositions(data, accountInfo, symbolsInfo, fundingRates) {
       unrealized_pnl: unrealPnl,
       unrealized_pnl_index: unrealPnl_index,
       unrealized_pnl_ROI: unrealPnlROI,
-      unrealized_pnl_ROI_index: unrealPnlROI_index
+      unrealized_pnl_ROI_index: unrealPnlROI_index,
+      unsettled_pnl: unsettlementPnL2
     };
   });
   const totalUnrealPnl = unrealPnL_total.toNumber();
@@ -6576,6 +6747,8 @@ function formatPositions(data, accountInfo, symbolsInfo, fundingRates) {
     notional: notional_total.toNumber(),
     unsettledPnL: unsettlementPnL,
     total_unsettled_pnl: unsettlementPnL,
+    total_unsettled_cross_pnl: totalUnsettledCrossPnl.toNumber(),
+    total_unsettled_isolated_pnl: totalUnsettledIsolatedPnl.toNumber(),
     rows
   };
 }
@@ -7958,7 +8131,9 @@ var useDeposit = (options) => {
     const depositPromise = isNativeToken ? account9.assetsManager.depositNativeToken(inputs) : account9.assetsManager.deposit(inputs);
     return depositPromise.then((result) => {
       updateAllowanceWhenTxSuccess(result.hash);
-      setBalance((value) => new Decimal(value).sub(quantity).toString());
+      setBalance(
+        (value) => value ? new Decimal(value).sub(quantity).toString() : "0"
+      );
       track2(TrackerEventName.depositSuccess, {
         wallet: state?.connectWallet?.name,
         network: targetChain?.network_infos.name,
@@ -8010,16 +8185,16 @@ var useDeposit = (options) => {
 };
 function useBalance(options) {
   const { srcToken, address, decimals, account: account9, status } = options;
-  const [balance, setBalance] = useState("0");
+  const [balance, setBalance] = useState(null);
   const fetchBalance = useCallback(
     async (address2, decimals2) => {
       try {
         if (isNativeTokenChecker(address2)) {
-          return account9.assetsManager.getNativeBalance({
+          return await account9.assetsManager.getNativeBalance({
             decimals: decimals2
           });
         }
-        return account9.assetsManager.getBalance(address2, {
+        return await account9.assetsManager.getBalance(address2, {
           decimals: decimals2
         });
       } catch (err) {
@@ -8068,11 +8243,13 @@ function useBalance(options) {
   useEffect(() => {
     if (swrBalance !== void 0) {
       setBalance(swrBalance || "0");
+    } else {
+      setBalance(null);
     }
-  }, [swrBalance]);
+  }, [swrBalance, address]);
   return {
     balance,
-    balanceRevalidating,
+    balanceRevalidating: balanceRevalidating || balance === null,
     setBalance,
     fetchBalance,
     fetchBalances
@@ -9602,6 +9779,9 @@ var PriceValidationStrategy = class {
     }
     const price = new Decimal(order_price);
     const { symbol } = config;
+    if (!symbol) {
+      return;
+    }
     const { quote_max, quote_min, quote_dp, price_range, price_scope } = symbol;
     const maxPriceNumber = order.maxPrice(config.markPrice, price_range);
     const minPriceNumber = order.minPrice(config.markPrice, price_range);
@@ -9648,6 +9828,9 @@ var TriggerPriceValidationStrategy = class {
   validate(values, config) {
     const { trigger_price } = values;
     const { symbol } = config;
+    if (!symbol) {
+      return;
+    }
     const { quote_max, quote_min } = symbol;
     if (!trigger_price) {
       return OrderValidation.required("trigger_price");
@@ -9694,6 +9877,9 @@ var QuantityValidationStrategy = class {
   validate(values, config) {
     let { order_quantity, total, order_price } = values;
     const { maxQty, symbol } = config;
+    if (!symbol) {
+      return;
+    }
     const { base_min, base_dp, quote_dp } = symbol;
     if (!order_quantity && total && order_price) {
       const totalNumber = new Decimal(total);
@@ -10894,7 +11080,11 @@ var tpslFields = [
   "tp_offset",
   "sl_offset",
   "tp_offset_percentage",
-  "sl_offset_percentage"
+  "sl_offset_percentage",
+  "tp_offset_from_mark",
+  "sl_offset_from_mark",
+  "tp_offset_percentage_from_mark",
+  "sl_offset_percentage_from_mark"
 ];
 var isBracketOrder = (order) => {
   return !!order.tp_trigger_price || !!order.sl_trigger_price;
@@ -10949,7 +11139,7 @@ var calcEstLiqPrice = (order$1, askAndBid, inputs) => {
     totalCollateral,
     futures_taker_fee_rate,
     positions: positions3,
-    // leverage,
+    symbolLeverage,
     sumUnitaryFunding
   } = inputs;
   const orderFee = order.orderFee({
@@ -10974,7 +11164,7 @@ var calcEstLiqPrice = (order$1, askAndBid, inputs) => {
       }
     });
   } else {
-    let isolatedPositionMargin = 0, costPosition = 0, positionQty = 0, lastSumUnitaryFunding = 0, leverage = 1;
+    let isolatedPositionMargin = 0, costPosition = 0, positionQty = 0, lastSumUnitaryFunding = 0, leverage = symbolLeverage ?? 1;
     if (positions3) {
       const position = positions3.find(
         (p) => p.symbol === symbol && p.margin_mode === MarginMode.ISOLATED
@@ -11110,6 +11300,8 @@ var useTaskProfitAndStopLossInternal = (position, options) => {
           entryPrice: position.average_open_price,
           qty: side === OrderSide.BUY ? Number(prev.quantity) : -Number(prev.quantity),
           orderSide: side,
+          markPrice: markPrice ?? position.average_open_price,
+          // use mark price as the default value
           values: prev
         },
         {
@@ -12664,6 +12856,12 @@ var DataPaint = class extends BasePaint {
     this.DEFAULT_LOSS_COLOR = "rgb(255,103,194)";
     this.transformTop = 0;
     this.QRCODE_SIZE = 56;
+    this.BROKER_BADGE_HEIGHT = 18;
+    this.BROKER_BADGE_PADDING_X = 8;
+    this.BROKER_BADGE_RADIUS = 4;
+  }
+  formatMarginMode(marginMode) {
+    return marginMode === MarginMode.ISOLATED ? "Isolated" : "Cross";
   }
   async draw(options) {
     const needDrawDetails = Array.isArray(options.data?.position?.informations) && (options.data?.position?.informations?.length ?? 0) > 0;
@@ -12750,6 +12948,49 @@ var DataPaint = class extends BasePaint {
         fontSize: this._ratio(fontSize),
         fontFamily: options.fontFamily
       });
+      const brokerName = options.data?.position.brokerName?.trim();
+      if (brokerName) {
+        left += (prevElementBoundingBox.width ?? 0) + this._ratio(10);
+        const badgeHeight = this._ratio(this.BROKER_BADGE_HEIGHT);
+        const badgePaddingX = this._ratio(this.BROKER_BADGE_PADDING_X);
+        const badgeRadius = this._ratio(this.BROKER_BADGE_RADIUS);
+        const badgeFontSize = this._ratio(12);
+        const badgeFontWeight = 600;
+        const textMetrics = this._drawText(
+          brokerName,
+          {
+            left: 0,
+            top: 0,
+            fontSize: badgeFontSize,
+            fontWeight: badgeFontWeight,
+            fontFamily: options.fontFamily
+          },
+          true
+        );
+        const badgeWidth = (textMetrics.width ?? 0) + badgePaddingX * 2;
+        const badgeTop = this._ratio(top) - badgeHeight / 2;
+        this._fillRoundedRect(
+          left,
+          badgeTop,
+          badgeWidth,
+          badgeHeight,
+          badgeRadius,
+          "rgba(255,255,255,0.06)"
+        );
+        this._drawText(brokerName, {
+          color: "rgba(255,255,255,0.36)",
+          left: left + badgePaddingX,
+          top: badgeTop + badgeHeight / 2,
+          fontSize: badgeFontSize,
+          fontWeight: badgeFontWeight,
+          fontFamily: options.fontFamily,
+          textBaseline: "middle"
+        });
+        prevElementBoundingBox = {
+          ...prevElementBoundingBox,
+          width: badgeWidth
+        };
+      }
     }
     const marginMode = options.data?.position.marginMode;
     if (marginMode) {
@@ -12764,7 +13005,7 @@ var DataPaint = class extends BasePaint {
         });
       }
       left += (prevElementBoundingBox.width ?? 0) + this._ratio(7);
-      const marginModeText = marginMode.charAt(0).toUpperCase() + marginMode.slice(1);
+      const marginModeText = this.formatMarginMode(marginMode);
       prevElementBoundingBox = this._drawText(marginModeText, {
         color: layout.color,
         left,
@@ -12797,6 +13038,20 @@ var DataPaint = class extends BasePaint {
       );
     }
   }
+  _fillRoundedRect(x, y, width, height, radius, color) {
+    const r = Math.min(radius, width / 2, height / 2);
+    this.ctx.save();
+    this.ctx.fillStyle = color;
+    this.ctx.beginPath();
+    this.ctx.moveTo(x + r, y);
+    this.ctx.arcTo(x + width, y, x + width, y + height, r);
+    this.ctx.arcTo(x + width, y + height, x, y + height, r);
+    this.ctx.arcTo(x, y + height, x, y, r);
+    this.ctx.arcTo(x, y, x + width, y, r);
+    this.ctx.closePath();
+    this.ctx.fill();
+    this.ctx.restore();
+  }
   drawUnrealizedPnL(options, offsetTop = 0) {
     const layout = path(
       ["layout", "unrealizedPnl"],
@@ -13250,18 +13505,6 @@ var useEpochInfo = (type) => {
   }, [epochInfo]);
   return [epochInfo, { isLoading, curEpochInfo, isNotStared, refresh }];
 };
-
-// src/trading-rewards/useAllBrokers.ts
-var useAllBrokers = () => {
-  const { data } = useQuery("/v1/public/broker/name", {
-    formatter: (res) => {
-      const { rows } = res;
-      return rows?.map((item) => ({ [item.broker_id]: item.broker_name })).reduce((acc, curr) => ({ ...acc, ...curr }), {});
-    },
-    revalidateOnFocus: false
-  });
-  return [data];
-};
 var useCurEpochEstimate = (type) => {
   const [data, setData] = useState(void 0);
   const { account: account9 } = useAccount();
@@ -18397,108 +18640,69 @@ var initialOrderState = {
   tp_trigger_price: "",
   sl_trigger_price: "",
   total: "",
-  symbol: ""
+  symbol: "",
+  side: OrderSide.BUY,
+  order_type: OrderType.LIMIT,
+  margin_mode: MarginMode.CROSS
 };
-var useOrderStore = create()(
-  immer((set, get3) => ({
-    entry: {
-      side: OrderSide.BUY,
-      order_type: OrderType.LIMIT,
-      ...initialOrderState
-    },
-    estLeverage: null,
-    estLiquidationPrice: null,
-    errors: {},
-    actions: {
-      initOrder: (symbol, options) => {
-        set((state) => {
-          state.entry = {
-            ...initialOrderState,
-            symbol,
-            side: options?.side ?? OrderSide.BUY,
-            order_type: options?.order_type ?? OrderType.LIMIT,
-            margin_mode: options?.margin_mode ?? MarginMode.CROSS
-          };
-          state.estLeverage = null;
-          state.estLiquidationPrice = null;
-          state.errors = {};
+var useOrderEntryNextInternal = (symbol, options = {}) => {
+  const { symbolInfo, symbolLeverage } = options;
+  const [orderEntity, setOrderEntity] = useState(
+    () => ({
+      ...initialOrderState,
+      ...options.initialOrder,
+      symbol
+    })
+  );
+  const actions = useMemo(
+    () => ({
+      initOrder: (sym, opts) => {
+        setOrderEntity({
+          ...initialOrderState,
+          symbol: sym,
+          side: opts?.side ?? OrderSide.BUY,
+          order_type: opts?.order_type ?? OrderType.LIMIT,
+          margin_mode: opts?.margin_mode ?? MarginMode.CROSS
         });
       },
-      hasTP_SL: () => {
-        const order = get3().entry;
-        return typeof order.tp_trigger_price !== "undefined" || typeof order.sl_trigger_price !== "undefined";
-      },
-      updateOrderComputed: (data) => {
-        set(
-          (state) => {
-            state.estLeverage = data.estLeverage;
-            state.estLiquidationPrice = data.estLiquidationPrice;
-          },
-          false
-          // "updateOrderComputed"
-        );
-      },
       updateOrder: (order) => {
-        set(
-          (state) => {
-            state.entry = {
-              ...state.entry,
-              ...order
-            };
-          },
-          false
-          // "updateOrder"
-        );
+        setOrderEntity((prev) => ({ ...prev, ...order }));
       },
       updateOrderByKey: (key, value) => {
-        set(
-          (state) => {
-            state.entry[key] = value;
-          },
-          false
-          // "updateOrderByKey"
-        );
-      },
-      restoreOrder: (order) => {
-        set(
-          (state) => {
-            state.entry = order;
-          },
-          false
-          // "restoreOrder"
-        );
+        setOrderEntity((prev) => ({ ...prev, [key]: value }));
       },
       resetOrder: (_order) => {
-        set(
-          (state) => {
-            state.entry.order_price = "";
-            state.entry.order_quantity = "";
-            state.entry.trigger_price = "";
-            state.entry.total = "";
-            state.entry.tp_trigger_price = "";
-            state.entry.tp_pnl = "";
-            state.entry.tp_offset = "";
-            state.entry.tp_offset_percentage = "";
-            state.entry.sl_trigger_price = "";
-            state.entry.sl_pnl = "";
-            state.entry.sl_offset = "";
-            state.entry.sl_offset_percentage = "";
-          },
-          true
-          // "resetOrder"
-        );
+        setOrderEntity((prev) => ({
+          ...prev,
+          order_price: "",
+          order_quantity: "",
+          trigger_price: "",
+          total: "",
+          tp_trigger_price: "",
+          tp_pnl: "",
+          tp_offset: "",
+          tp_offset_percentage: "",
+          tp_offset_from_mark: "",
+          tp_offset_percentage_from_mark: "",
+          sl_trigger_price: "",
+          sl_pnl: "",
+          sl_offset: "",
+          sl_offset_percentage: "",
+          sl_offset_from_mark: "",
+          sl_offset_percentage_from_mark: ""
+        }));
+      },
+      hasTP_SL: () => {
+        const order = orderEntity;
+        return typeof order.tp_trigger_price !== "undefined" || typeof order.sl_trigger_price !== "undefined";
       }
-    }
-  }))
-);
-var useOrderEntryNextInternal = (symbol, options = {}) => {
-  const { symbolInfo, symbolLeverage } = options;
-  const orderEntity = useOrderStore((state) => state.entry);
-  const orderEntryActions = useOrderStore((state) => state.actions);
+    }),
+    [orderEntity]
+  );
   useEffect(() => {
-    orderEntryActions.initOrder(symbol, options.initialOrder);
+    actions.initOrder(symbol, options.initialOrder);
     if (options.initialOrder) {
-      orderEntryActions.updateOrder(options.initialOrder);
+      actions.updateOrder(options.initialOrder);
     }
   }, [symbol]);
   const calculate2 = useCallback(
@@ -18516,10 +18720,10 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
   );
   const setValue = (key, value, additional) => {
     if (!symbolInfo) {
-      orderEntryActions.updateOrderByKey(key, value);
+      actions.updateOrderByKey(key, value);
       return;
     }
-    const currentEntry = useOrderStore.getState().entry;
+    const currentEntry = orderEntity;
     const { markPrice } = additional ?? { markPrice: 0 };
     let newValues = calculate2(
       { ...currentEntry },
@@ -18553,7 +18757,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
     if (sl_ROI) {
       newValues.sl_ROI = sl_ROI;
     }
-    orderEntryActions.updateOrder(newValues);
+    actions.updateOrder(newValues);
     return newValues;
   };
   const calculateTPSL = (key, newValues, markPrice, symbolInfo2) => {
@@ -18576,6 +18780,42 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
           symbolInfo2
         );
       }
+      if (newValues.tp_offset_from_mark !== void 0 && newValues.tp_offset_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "tp_offset_from_mark",
+          newValues.tp_offset_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.tp_offset_percentage_from_mark !== void 0 && newValues.tp_offset_percentage_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "tp_offset_percentage_from_mark",
+          newValues.tp_offset_percentage_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.sl_offset_from_mark !== void 0 && newValues.sl_offset_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "sl_offset_from_mark",
+          newValues.sl_offset_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.sl_offset_percentage_from_mark !== void 0 && newValues.sl_offset_percentage_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "sl_offset_percentage_from_mark",
+          newValues.sl_offset_percentage_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
     } else {
       if (typeof newValues.tp_trigger_price !== "undefined") {
         newValues = calculate2(
@@ -18595,16 +18835,51 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
           symbolInfo2
         );
       }
+      if (newValues.tp_offset_from_mark !== void 0 && newValues.tp_offset_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "tp_offset_from_mark",
+          newValues.tp_offset_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.tp_offset_percentage_from_mark !== void 0 && newValues.tp_offset_percentage_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "tp_offset_percentage_from_mark",
+          newValues.tp_offset_percentage_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.sl_offset_from_mark !== void 0 && newValues.sl_offset_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "sl_offset_from_mark",
+          newValues.sl_offset_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
+      if (newValues.sl_offset_percentage_from_mark !== void 0 && newValues.sl_offset_percentage_from_mark !== "") {
+        newValues = calculate2(
+          newValues,
+          "sl_offset_percentage_from_mark",
+          newValues.sl_offset_percentage_from_mark,
+          markPrice,
+          symbolInfo2
+        );
+      }
     }
     return newValues;
   };
   const setValues = (values, additional) => {
     if (!symbolInfo) {
-      orderEntryActions.updateOrder(values);
+      actions.updateOrder(values);
       return;
     }
-    const currentEntry = useOrderStore.getState().entry;
-    let newValues = { ...currentEntry };
+    let newValues = { ...orderEntity };
     Object.keys(values).forEach((key) => {
       newValues = calculate2(
         newValues,
@@ -18614,17 +18889,28 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
         symbolInfo
       );
     });
-    orderEntryActions.updateOrder(newValues);
+    actions.updateOrder(newValues);
+    return newValues;
+  };
+  const setValuesRaw = (values) => {
+    if (!symbolInfo) {
+      actions.updateOrder(values);
+      return;
+    }
+    const newValues = {
+      ...orderEntity,
+      ...values
+    };
+    actions.updateOrder(newValues);
     return newValues;
   };
   const onMarkPriceUpdated = useCallback(
     (markPrice, baseOn = []) => {
       if (!options.symbolInfo) return;
-      const currentEntry = useOrderStore.getState().entry;
-      let newValues = { ...currentEntry };
+      let newValues = { ...orderEntity };
       if (baseOn.length === 0) {
         newValues = calculate2(
-          { ...currentEntry },
+          { ...orderEntity },
           "order_price",
           markPrice,
           markPrice,
@@ -18635,7 +18921,7 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
           newValues = calculate2(
             { ...newValues },
             key,
-            currentEntry[key],
+            orderEntity[key],
             markPrice,
             options.symbolInfo
           );
@@ -18654,9 +18940,9 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
           newValues.sl_ROI = sl_ROI;
         }
       }
-      orderEntryActions.updateOrder(newValues);
+      actions.updateOrder(newValues);
     },
-    [calculate2, options.symbolInfo, orderEntryActions]
+    [calculate2, options.symbolInfo, symbolLeverage, orderEntity]
   );
   const validate = (order, creator, options2) => {
     return creator?.validate(order, {
@@ -18674,12 +18960,13 @@ var useOrderEntryNextInternal = (symbol, options = {}) => {
   const submitOrder = useCallback(() => {
   }, [orderEntity]);
   const resetOrder = (order) => {
-    orderEntryActions.resetOrder(order);
+    actions.resetOrder(order);
   };
   return {
     formattedOrder: orderEntity,
     setValue,
     setValues,
+    setValuesRaw,
     submit: submitOrder,
     reset: resetOrder,
     generateOrder,
@@ -18695,6 +18982,8 @@ var useOrderEntry2 = (symbol, options = {}) => {
   }
   const ee = useEventEmitter();
   const { track: track2 } = useTrack();
+  const apiBaseUrl = useConfig("apiBaseUrl");
+  const fetchSymbols = useSymbolStore((state) => state.fetchData);
   const [meta, setMeta] = useState({
     dirty: {},
     submitted: false,
@@ -18714,8 +19003,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
   const symbolConfig = useSymbolsInfo();
   const accountInfo = useAccountInfo();
   const positions3 = usePositions();
-  const entry = useOrderStore((s) => s.entry);
-  const effectiveMarginMode = options?.initialOrder?.margin_mode ?? entry?.margin_mode ?? MarginMode.CROSS;
+  const effectiveMarginMode = options?.initialOrder?.margin_mode ?? MarginMode.CROSS;
   const symbolLeverage = useLeverageBySymbol(symbol, effectiveMarginMode);
   const symbolInfo = symbolConfig[symbol]();
   const markPrice = actions.getMarkPriceBySymbol(symbol);
@@ -18724,6 +19012,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     formattedOrder,
     setValue: setValueInternal,
     setValues: setValuesInternal,
+    setValuesRaw: setValuesRawInternal,
     validate,
     generateOrder,
     reset,
@@ -18948,6 +19237,21 @@ var useOrderEntry2 = (symbol, options = {}) => {
       interactiveValidate(newValues);
     }
   };
+  const setValuesRaw = (values) => {
+    if (!Object.keys(values).every(
+      (key) => canSetTPSLPrice(
+        key,
+        values[key],
+        formattedOrder.order_type
+      )
+    )) {
+      return;
+    }
+    const newValues = setValuesRawInternal(values);
+    if (newValues) {
+      interactiveValidate(newValues);
+    }
+  };
   async function validateFunc(order) {
     const creator = getOrderCreator(order);
     return validate(order, creator, prepareData());
@@ -19002,11 +19306,12 @@ var useOrderEntry2 = (symbol, options = {}) => {
       markPrice: markPrice2,
       totalCollateral,
       futures_taker_fee_rate: accountInfo.futures_taker_fee_rate,
-      imr_factor: accountInfo.imr_factor[symbol],
+      imr_factor: accountInfo.imr_factor?.[symbol] ?? 0,
       symbol,
       positions: positions3,
       symbolInfo,
-      sumUnitaryFunding
+      sumUnitaryFunding,
+      symbolLeverage
     });
     return estLiqPrice2;
   }, [
@@ -19017,7 +19322,8 @@ var useOrderEntry2 = (symbol, options = {}) => {
     symbol,
     maxQty,
     symbolInfo,
-    fundingRates
+    fundingRates,
+    symbolLeverage
   ]);
   const estLiqPriceDistance = useMemo(() => {
     if (!estLiqPrice) {
@@ -19089,6 +19395,9 @@ var useOrderEntry2 = (symbol, options = {}) => {
       orders: appendOrderMetadata(order.orders, orderMetadata)
     } : appendOrderMetadata(order, orderMetadata);
     const result = await doCreateOrder(params);
+    if (!result.success && (order.order_type === OrderType.MARKET || order.order_type === OrderType.STOP_MARKET)) {
+      void fetchSymbols(apiBaseUrl);
+    }
     if (result.success) {
       let trackParams = {
         side: order.side,
@@ -19156,6 +19465,7 @@ var useOrderEntry2 = (symbol, options = {}) => {
     freeCollateral: effectiveMarginMode === MarginMode.ISOLATED ? freeCollateralUSDCOnly : freeCollateral,
     setValue: useMemoizedFn(setValue),
     setValues: useMemoizedFn(setValues),
+    setValuesRaw: useMemoizedFn(setValuesRaw),
     symbolInfo: symbolInfo || EMPTY_OBJECT,
     metaState: meta,
     isMutating,
@@ -19163,6 +19473,107 @@ var useOrderEntry2 = (symbol, options = {}) => {
     symbolLeverage
   };
 };
+var initialOrderState2 = {
+  order_price: "",
+  order_quantity: "",
+  trigger_price: "",
+  tp_trigger_price: "",
+  sl_trigger_price: "",
+  total: "",
+  symbol: ""
+};
+var useOrderStore = create()(
+  immer((set, get3) => ({
+    entry: {
+      side: OrderSide.BUY,
+      order_type: OrderType.LIMIT,
+      ...initialOrderState2
+    },
+    estLeverage: null,
+    estLiquidationPrice: null,
+    errors: {},
+    actions: {
+      initOrder: (symbol, options) => {
+        set((state) => {
+          state.entry = {
+            ...initialOrderState2,
+            symbol,
+            side: options?.side ?? OrderSide.BUY,
+            order_type: options?.order_type ?? OrderType.LIMIT,
+            margin_mode: options?.margin_mode ?? MarginMode.CROSS
+          };
+          state.estLeverage = null;
+          state.estLiquidationPrice = null;
+          state.errors = {};
+        });
+      },
+      hasTP_SL: () => {
+        const order = get3().entry;
+        return typeof order.tp_trigger_price !== "undefined" || typeof order.sl_trigger_price !== "undefined";
+      },
+      updateOrderComputed: (data) => {
+        set(
+          (state) => {
+            state.estLeverage = data.estLeverage;
+            state.estLiquidationPrice = data.estLiquidationPrice;
+          },
+          false
+          // "updateOrderComputed"
+        );
+      },
+      updateOrder: (order) => {
+        set(
+          (state) => {
+            state.entry = {
+              ...state.entry,
+              ...order
+            };
+          },
+          false
+          // "updateOrder"
+        );
+      },
+      updateOrderByKey: (key, value) => {
+        set(
+          (state) => {
+            state.entry[key] = value;
+          },
+          false
+          // "updateOrderByKey"
+        );
+      },
+      restoreOrder: (order) => {
+        set(
+          (state) => {
+            state.entry = order;
+          },
+          false
+          // "restoreOrder"
+        );
+      },
+      resetOrder: (_order) => {
+        set(
+          (state) => {
+            state.entry.order_price = "";
+            state.entry.order_quantity = "";
+            state.entry.trigger_price = "";
+            state.entry.total = "";
+            state.entry.tp_trigger_price = "";
+            state.entry.tp_pnl = "";
+            state.entry.tp_offset = "";
+            state.entry.tp_offset_percentage = "";
+            state.entry.sl_trigger_price = "";
+            state.entry.sl_pnl = "";
+            state.entry.sl_offset = "";
+            state.entry.sl_offset_percentage = "";
+          },
+          true
+          // "resetOrder"
+        );
+      }
+    }
+  }))
+);
 var useOrderEntity = (order, options) => {
   const { symbol } = order;
   const { maxQty } = options || {};
@@ -19439,6 +19850,7 @@ var useTpslPriceChecker = (params) => {
     slPrice,
     liqPrice,
     side,
+    markPrice,
     currentPosition,
     orderQuantity
   } = params;
@@ -19494,6 +19906,17 @@ var useTpslPriceChecker = (params) => {
     if (slPrice === void 0 || liqPrice === void 0 || side === void 0 || liqPrice === null) {
       return null;
     }
+    if (markPrice != null && Number.isFinite(markPrice) && markPrice > 0) {
+      if (side === OrderSide.BUY && liqPrice > markPrice) {
+        return null;
+      }
+      if (side === OrderSide.SELL && liqPrice < markPrice) {
+        return null;
+      }
+    }
+    if (typeof liqPrice === "number" && (!Number.isFinite(liqPrice) || liqPrice <= 0)) {
+      return null;
+    }
     let slPriceDecimal;
     let liqPriceDecimal;
     try {
@@ -19520,6 +19943,7 @@ var useTpslPriceChecker = (params) => {
     slPrice,
     liqPrice,
     side,
+    markPrice,
     warning_threshold,
     currentPosition,
     orderQuantity
@@ -19612,6 +20036,6 @@ var FlagKeys = /* @__PURE__ */ ((FlagKeys2) => {
   return FlagKeys2;
 })(FlagKeys || {});
 
-export { DefaultLayoutConfig, DistributionId, ENVType2 as ENVType, ERROR_MSG_CODES, EpochStatus, ExtendedConfigStore, FlagKeys, MaintenanceStatus, MarketsStorageKey, MarketsType, ORDERLY_ORDERBOOK_DEPTH_KEY, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, StatusProvider, TWType, WalletConnectorContext, WsNetworkStatus, checkNotional, cleanStringStyle, fetcher, findPositionTPSLFromOrders, findTPSLFromOrder, findTPSLOrderPriceFromOrder, getMinNotional, getPriceKey, indexedDBManager, initializeAppDatabase, isCurrentlyClosed, isCurrentlyTrading, noCacheConfig, parseJSON, persistIndexedDB, resetTimestampOffsetState, timestampWaitingMiddleware, useAccount, useAccountInfo2 as useAccountInfo, useAccountInstance, useAccountRewardsHistory, useAllBrokers, useApiKeyManager, useAppStore, useAssetsHistory, useAudioPlayer, useBalanceSubscription, useBalanceTopic, useBoolean, useChain, useChainInfo, useChains, useCheckReferralCode, useCollateral, useCommission, useComputedLTV, useConfig, useConvert, useCurEpochEstimate, useDaily, useDeposit, useDistribution, useDistributionHistory, useEpochInfo, useEstLiqPriceBySymbol, useEventEmitter, useFeatureFlag, useFeeState, useFundingDetails, useFundingFeeHistory, useFundingRate, useFundingRateBySymbol, useFundingRateHistory, useFundingRates, useFundingRatesStore, useGetClaimed, useGetEnv, useGetEstLiqPrice, useGetReferralCode, useGetRwaSymbolCloseTimeInterval, useGetRwaSymbolInfo, useGetRwaSymbolOpenStatus, useGetRwaSymbolOpenTimeInterval, useHoldingStream, useIndexPrice, useIndexPricesStream, useInfiniteQuery, useInitRwaSymbolsRuntime, useInternalTransfer, useKeyStore, useLazyQuery, useLeverage, useLeverageBySymbol, useLocalStorage, useMainTokenStore, useMainnetChainsStore, useMaintenanceStatus, useMarginModeBySymbol, useMarginModes, useMarginRatio, useMarkPrice, useMarkPriceBySymbol, useMarkPricesStream, useMarket, useMarketList, useMarketMap, useMarketTradeStream, useMarkets, useMarketsStore, useMarketsStream, useMaxLeverage, useMaxQty, useMaxWithdrawal, useMediaQuery, useMemoizedFn, useMutation, useNetworkInfo, useOdosQuote, useOrderEntity, useOrderEntry2 as useOrderEntry, useOrderEntry as useOrderEntry_deprecated, useOrderStore, useOrderStream, useOrderbookStream, useOrderlyContext, usePortfolio, usePositionActions, usePositionClose, usePositionStream, usePositions, usePoster, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useRefereeHistory, useRefereeInfo, useRefereeRebateSummary, useReferralInfo, useReferralRebateSummary, useRestrictedInfo, useRwaSymbolsInfo, useRwaSymbolsInfoStore, useSessionStorage, useSettleSubscription, useSimpleDI, useStatisticsDaily, useStorageChain, useStorageLedgerAddress, useSubAccountAlgoOrderStream, useSubAccountDataObserver, useSubAccountMaxWithdrawal, useSubAccountMutation, useSubAccountQuery, useSubAccountWS, useSwapSupportStore, useSymbolInfo, useSymbolLeverage, useSymbolLeverageMap, useSymbolPriceRange, useSymbolsInfo, useSymbolsInfoStore, useTPSLOrder, useTestTokenStore, useTestnetChainsStore, useTickerStream, useTokenInfo, useTokensInfo, useTpslPriceChecker, useTrack, useTrackingInstance, useTradingRewardsStatus, useTransfer, useTransferHistory, useUpdatedRef, useUserStatistics, useVaultsHistory, useWS, useWalletConnector, useWalletRewardsHistory, useWalletSubscription, useWalletTopic, useWithdraw, useWsStatus, utils_exports as utils, version_default as version };
+export { DefaultLayoutConfig, DistributionId, ENVType2 as ENVType, ERROR_MSG_CODES, EpochStatus, ExtendedConfigStore, FlagKeys, MaintenanceStatus, MarketCategoriesConfigProvider, MarketsStorageKey, MarketsType, ORDERLY_ORDERBOOK_DEPTH_KEY, OrderlyConfigProvider, OrderlyContext, OrderlyProvider, StatusProvider, TWType, WalletConnectorContext, WsNetworkStatus, checkNotional, cleanStringStyle, fetcher, findPositionTPSLFromOrders, findTPSLFromOrder, findTPSLOrderPriceFromOrder, formatSymbolWithBroker, getMinNotional, getPriceKey, indexedDBManager, initializeAppDatabase, isCurrentlyClosed, isCurrentlyTrading, noCacheConfig, parseJSON, persistIndexedDB, resetTimestampOffsetState, timestampWaitingMiddleware, useAccount, useAccountInfo2 as useAccountInfo, useAccountInstance, useAccountRewardsHistory, useAllBrokers, useApiKeyManager, useAppStore, useAssetsHistory, useAudioPlayer, useBadgeBySymbol, useBalanceSubscription, useBalanceTopic, useBoolean, useChain, useChainInfo, useChains, useCheckReferralCode, useCollateral, useCommission, useComputedLTV, useConfig, useConvert, useCurEpochEstimate, useDaily, useDeposit, useDistribution, useDistributionHistory, useEpochInfo, useEstLiqPriceBySymbol, useEventEmitter, useFeatureFlag, useFeeState, useFundingDetails, useFundingFeeHistory, useFundingRate, useFundingRateBySymbol, useFundingRateHistory, useFundingRates, useFundingRatesStore, useGetClaimed, useGetEnv, useGetEstLiqPrice, useGetReferralCode, useGetRwaSymbolCloseTimeInterval, useGetRwaSymbolInfo, useGetRwaSymbolOpenStatus, useGetRwaSymbolOpenTimeInterval, useHoldingStream, useIndexPrice, useIndexPricesStream, useInfiniteQuery, useInitRwaSymbolsRuntime, useInternalTransfer, useKeyStore, useLazyQuery, useLeverage, useLeverageBySymbol, useLocalStorage, useMainTokenStore, useMainnetChainsStore, useMaintenanceStatus, useMarginModeBySymbol, useMarginModes, useMarginRatio, useMarkPrice, useMarkPriceBySymbol, useMarkPricesStream, useMarket, useMarketCategoriesConfig, useMarketList, useMarketMap, useMarketTradeStream, useMarkets, useMarketsStore, useMarketsStream, useMaxLeverage, useMaxQty, useMaxWithdrawal, useMediaQuery, useMemoizedFn, useMutation, useNetworkInfo, useOdosQuote, useOrderEntity, useOrderEntry2 as useOrderEntry, useOrderEntry as useOrderEntry_deprecated, useOrderStore, useOrderStream, useOrderbookStream, useOrderlyContext, usePortfolio, usePositionActions, usePositionClose, usePositionStream, usePositions, usePoster, usePreLoadData, usePrivateDataObserver, usePrivateInfiniteQuery, usePrivateQuery, useQuery, useRefereeHistory, useRefereeInfo, useRefereeRebateSummary, useReferralInfo, useReferralRebateSummary, useRestrictedInfo, useRwaSymbolsInfo, useRwaSymbolsInfoStore, useSessionStorage, useSettleSubscription, useSimpleDI, useStatisticsDaily, useStorageChain, useStorageLedgerAddress, useSubAccountAlgoOrderStream, useSubAccountDataObserver, useSubAccountMaxWithdrawal, useSubAccountMutation, useSubAccountQuery, useSubAccountWS, useSwapSupportStore, useSymbolInfo, useSymbolLeverage, useSymbolLeverageMap, useSymbolPriceRange, useSymbolWithBroker, useSymbolsInfo, useSymbolsInfoStore, useTPSLOrder, useTestTokenStore, useTestnetChainsStore, useTickerStream, useTokenInfo, useTokensInfo, useTpslPriceChecker, useTrack, useTrackingInstance, useTradingRewardsStatus, useTransfer, useTransferHistory, useUpdatedRef, useUserStatistics, useVaultsHistory, useWS, useWalletConnector, useWalletRewardsHistory, useWalletSubscription, useWalletTopic, useWithdraw, useWsStatus, utils_exports as utils, version_default as version };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map