@orderly.network/ui-order-entry 2.8.8-alpha.0 → 2.8.9-alpha.0

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import React3, { useId, forwardRef, useState, useImperativeHandle, useEffect, memo, createContext, useMemo, useRef, useCallback, useContext } from 'react';
-import { useLocalStorage, utils, usePositionStream, useEventEmitter, useDebouncedCallback, useFeeState, useRwaSymbolsInfoStore, useOrderlyContext, ERROR_MSG_CODES, useMemoizedFn, useOrderEntry, useMarginRatio, useComputedLTV, useTpslPriceChecker, useHoldingStream, useAppStore, useIndexPricesStream, useTrack, useQuery, useSymbolLeverage, useBoolean } from '@orderly.network/hooks';
+import { useLocalStorage, utils, usePositionStream, useEventEmitter, useDebouncedCallback, useFeeState, useRwaSymbolsInfoStore, useOrderlyContext, useMemoizedFn, ERROR_MSG_CODES, useOrderEntry, useMarginRatio, useComputedLTV, useTpslPriceChecker, useHoldingStream, useAppStore, useIndexPricesStream, useTrack, useQuery, useSymbolLeverage, useBoolean } from '@orderly.network/hooks';
 import { useTranslation, i18n } from '@orderly.network/i18n';
 import { useOrderEntryFormErrorMsg, useCanTrade } from '@orderly.network/react-app';
 import { EMPTY_LIST, DistributionType, TrailingCallbackType, OrderSide, OrderType, PositionType, BBOOrderType, OrderLevel, TrackerEventName } from '@orderly.network/types';
@@ -3832,7 +3832,7 @@ var OrderTPSL = (props) => {
             setOrderValue: props.setOrderValue,
             onChange: props.onChange,
             values: props.values,
-            errors: isSlPriceWarning ? {} : props.errors,
+            errors: props.errors,
             quote_dp: props.quote_dp,
             showTPSLAdvanced: props.showTPSLAdvanced,
             isMobile,
@@ -3899,7 +3899,8 @@ var TPSLInputForm = React3.forwardRef((props, ref) => {
           TPSLInputRow,
           {
             type: "SL",
-            error: getErrorMsg("sl_trigger_price"),
+            error: props.isSlPriceWarning ? void 0 : getErrorMsg("sl_trigger_price"),
+            displayErrorMessage: getErrorMsg("sl_trigger_price") !== void 0,
             onChange: props.onChange,
             values: props.values.sl,
             quote_dp: props.quote_dp,
@@ -3969,12 +3970,18 @@ var TPSLTriggerPriceInput = (props) => {
     setInnerValue(props.values.trigger_price ?? "");
   }, [props.values.trigger_price, isFocused]);
   const triggerPriceToolTipEle = useMemo(() => {
-    if (props.error && errorMsgVisible)
+    if (props.error && (errorMsgVisible || props.displayErrorMessage))
       return props.error;
     if (tipVisible)
       return tipsEle;
     return null;
-  }, [props.error, errorMsgVisible, tipVisible, tipsEle]);
+  }, [
+    props.error,
+    errorMsgVisible,
+    tipVisible,
+    tipsEle,
+    props.displayErrorMessage
+  ]);
   const getPrefixLabel = (trigger_price) => {
     let _prefix = props.type === "TP" ? t("tpsl.tpPrice") : t("tpsl.slPrice");
     if (trigger_price) {
@@ -4050,6 +4057,7 @@ var TPSLInputRow = (props) => {
         testId: props.testIds?.first,
         type: props.type,
         error: props.error,
+        displayErrorMessage: props.displayErrorMessage,
         values: props.values ?? "",
         classNames: props.classNames,
         onChange: (event) => {
@@ -4128,7 +4136,6 @@ var OrderEntry = (props) => {
   });
   const { notification } = useOrderlyContext();
   const soundAlertId = useId();
-  const isSlPriceWarning = props.slPriceError?.sl_trigger_price?.type === ERROR_MSG_CODES.SL_PRICE_WARNING;
   const { getErrorMsg } = useOrderEntryFormErrorMsg(validated ? errors : null);
   const buttonLabel = useMemo(() => {
     return side === OrderSide.BUY ? t("orderEntry.buyLong") : t("orderEntry.sellShort");
@@ -4450,7 +4457,7 @@ var OrderEntry = (props) => {
                   switchState: props.tpslSwitch,
                   onSwitchChanged: props.setTpslSwitch,
                   orderType: formattedOrder.order_type,
-                  errors: validated || isSlPriceWarning ? { ...errors, ...props.slPriceError } : null,
+                  errors: validated || props.slPriceError !== void 0 ? { ...errors, ...props.slPriceError } : null,
                   setOrderValue,
                   reduceOnlyChecked: formattedOrder.reduce_only ?? false,
                   onReduceOnlyChange: (checked) => {