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

package/dist/index.js

@@ -3838,7 +3838,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,
@@ -3905,7 +3905,8 @@ var TPSLInputForm = React3__default.default.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,
@@ -3975,12 +3976,18 @@ var TPSLTriggerPriceInput = (props) => {
     setInnerValue(props.values.trigger_price ?? "");
   }, [props.values.trigger_price, isFocused]);
   const triggerPriceToolTipEle = React3.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) {
@@ -4056,6 +4063,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) => {
@@ -4134,7 +4142,6 @@ var OrderEntry = (props) => {
   });
   const { notification } = hooks.useOrderlyContext();
   const soundAlertId = React3.useId();
-  const isSlPriceWarning = props.slPriceError?.sl_trigger_price?.type === hooks.ERROR_MSG_CODES.SL_PRICE_WARNING;
   const { getErrorMsg } = reactApp.useOrderEntryFormErrorMsg(validated ? errors : null);
   const buttonLabel = React3.useMemo(() => {
     return side === types.OrderSide.BUY ? t("orderEntry.buyLong") : t("orderEntry.sellShort");
@@ -4456,7 +4463,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) => {