@orderly.network/ui-tpsl 2.8.13-rc.0 → 2.8.14-alpha.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { SDKError, PositionType, AlgoOrderRootType, OrderType, OrderSide, OrderStatus, AlgoOrderType } from '@orderly.network/types';
 import { Flex, Input, inputFormatter, cn, Slider, Text, registerSimpleSheet, registerSimpleDialog, useScreen, ScrollArea, DotStatus, Grid, Button, ThrottledButton, Divider, Box, toast, TokenIcon, modal, Tooltip, ExclamationFillIcon, Select, ChevronDownIcon, Badge, textVariants, Checkbox, SimpleDropdownMenu, CaretDownIcon, useModal } from '@orderly.network/ui';
 import { memo, useRef, useState, useEffect, createContext, useMemo, useContext, Fragment as Fragment$1 } from 'react';
-import { utils, useSymbolsInfo, useAccount, useEventEmitter, useLocalStorage, usePositionStream, useEstLiqPriceBySymbol, useTPSLOrder, useTpslPriceChecker, ERROR_MSG_CODES, useMemoizedFn, useOrderEntry, useOrderStream, useSubAccountAlgoOrderStream, findPositionTPSLFromOrders, useMutation, useMarkPrice, useIndexPrice, useLeverageBySymbol, useMaxQty, findTPSLFromOrder, findTPSLOrderPriceFromOrder } from '@orderly.network/hooks';
+import { utils, useSymbolsInfo, useAccount, useEventEmitter, useLocalStorage, usePositionStream, useEstLiqPriceBySymbol, useTPSLOrder, useTpslPriceChecker, ERROR_MSG_CODES, useMemoizedFn, useOrderEntry, useGetEstLiqPrice, useOrderStream, useSubAccountAlgoOrderStream, findPositionTPSLFromOrders, useMutation, useMarkPrice, useIndexPrice, useLeverageBySymbol, useMaxQty, findTPSLFromOrder, findTPSLOrderPriceFromOrder } from '@orderly.network/hooks';
 import { useTranslation, i18n, Trans } from '@orderly.network/i18n';
 import { useOrderEntryFormErrorMsg } from '@orderly.network/react-app';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -1622,6 +1622,11 @@ var TPSLAdvancedUI = (props) => {
   const { getErrorMsg } = useOrderEntryFormErrorMsg(props.slPriceError);
   const isSlPriceWarning = props.slPriceError?.sl_trigger_price?.type === ERROR_MSG_CODES.SL_PRICE_WARNING;
   const isSlPriceError = props.slPriceError?.sl_trigger_price?.type === ERROR_MSG_CODES.SL_PRICE_ERROR;
+  const displayEstLiqPrice = useGetEstLiqPrice({
+    estLiqPrice: props.estLiqPrice,
+    symbol: props.symbolInfo.symbol,
+    side: props.formattedOrder.side
+  });
   const {
     formattedOrder,
     setValue: setOrderValue,
@@ -1696,7 +1701,7 @@ var TPSLAdvancedUI = (props) => {
           order: formattedOrder,
           baseDP: symbolInfo.base_dp,
           quoteDP: symbolInfo.quote_dp,
-          estLiqPrice: props.estLiqPrice ?? void 0,
+          estLiqPrice: displayEstLiqPrice ?? void 0,
           symbolLeverage: props.symbolLeverage
         }
       ) }),
@@ -1924,6 +1929,7 @@ var useTPSLAdvanced = (props) => {
     symbolInfo,
     slPriceError,
     estLiqPrice: state.estLiqPrice,
+    estLiqPriceDistance: state.estLiqPriceDistance,
     setValue,
     setValues,
     onSubmit,