@orderly.network/ui-transfer 2.8.12 → 2.8.13-alpha.0

package/dist/index.mjs

@@ -4413,6 +4413,7 @@ function useDepositAction(options2) {
     } catch (err) {
       console.error("deposit error", err);
       const knownErrorMessage = getDepositKnownErrorMessage(err.message);
+      options2.onError?.(err, knownErrorMessage);
       if (knownErrorMessage) {
         toast.error(
           /* @__PURE__ */ jsxs("div", { children: [
@@ -4429,7 +4430,7 @@ function useDepositAction(options2) {
         toast.error(err.message || t("common.somethingWentWrong"));
       }
     }
-  }, [deposit, onSuccess, t]);
+  }, [deposit, onSuccess, t, ee, options2.onError]);
   const onDeposit = useCallback(async () => {
     const num = Number(quantity);
     if (isNaN(num) || num <= 0) {
@@ -4476,24 +4477,19 @@ function useDepositAction(options2) {
 function useInputStatus(options2) {
   const { quantity, maxQuantity } = options2;
   const { t } = useTranslation();
-  const [inputStatus, setInputStatus] = useState("default");
-  const [hintMessage, setHintMessage] = useState();
-  useEffect(() => {
+  return useMemo(() => {
     if (!quantity) {
-      setInputStatus("default");
-      setHintMessage("");
-      return;
+      return { inputStatus: "default", hintMessage: "" };
     }
     const qty = new Decimal(quantity);
     if (qty.gt(maxQuantity)) {
-      setInputStatus("error");
-      setHintMessage(t("transfer.insufficientBalance"));
-    } else {
-      setInputStatus("default");
-      setHintMessage("");
+      return {
+        inputStatus: "error",
+        hintMessage: t("transfer.insufficientBalance")
+      };
     }
-  }, [quantity, maxQuantity]);
-  return { inputStatus, hintMessage };
+    return { inputStatus: "default", hintMessage: "" };
+  }, [quantity, maxQuantity, t]);
 }
 var retryInterval2 = 3e3;
 function useNativeBalance(options2) {
@@ -4705,10 +4701,12 @@ var useDepositFormScript = (options2) => {
     needSwap,
     needCrossSwap
   });
+  const [depositExceedLimitDetected, setDepositExceedLimitDetected] = useState(false);
   const cleanData = useCallback(() => {
     setQuantity("");
     cleanTransactionInfo();
-  }, [setQuantity]);
+    setDepositExceedLimitDetected(false);
+  }, [setQuantity, cleanTransactionInfo]);
   const onSuccess = useCallback(() => {
     cleanData();
     options2.close?.();
@@ -4720,38 +4718,57 @@ var useDepositFormScript = (options2) => {
     deposit,
     enableCustomDeposit: needSwap || needCrossSwap,
     customDeposit: onSwapDeposit,
-    onSuccess
+    onSuccess: () => {
+      setDepositExceedLimitDetected(false);
+      onSuccess();
+    },
+    onError: (err, knownErrorMessage) => {
+      const message = typeof err?.message === "string" ? err.message : "";
+      const isDepositExceedLimit = message.includes("0xd969df24") || message.includes("DepositExceedLimit") || (knownErrorMessage?.includes("DepositExceedLimit") ?? false);
+      if (isDepositExceedLimit) {
+        setDepositExceedLimitDetected(true);
+      }
+    }
   });
-  const userMaxQtyMessage = useMemo(() => {
-    if (sourceToken?.symbol === "USDC" || sourceToken?.symbol !== targetToken?.symbol || !sourceToken?.is_collateral || !quantity || isNaN(Number(quantity))) {
-      return "";
+  useEffect(() => {
+    if (depositExceedLimitDetected) {
+      setDepositExceedLimitDetected(false);
     }
-    if (new Decimal(quantity).gt(sourceToken?.user_max_qty)) {
-      return /* @__PURE__ */ jsx(
-        Trans,
-        {
-          i18nKey: "transfer.deposit.userMaxQty.error",
-          values: {
-            token: sourceToken?.symbol,
-            chain: currentChain?.info?.network_infos?.name || ""
-          },
-          components: [
-            /* @__PURE__ */ jsx(
-              "a",
-              {
-                href: "https://orderly.network/docs/introduction/trade-on-orderly/multi-collateral#max-deposits-global",
-                target: "_blank",
-                rel: "noopener noreferrer",
-                className: "oui-text-primary"
-              },
-              "0"
-            )
-          ]
-        }
-      );
+  }, [quantity, sourceToken, currentChain?.id]);
+  const globalMaxQtyMessage = useMemo(() => {
+    if (sourceToken?.symbol === "USDC" || sourceToken?.symbol !== targetToken?.symbol || !sourceToken?.is_collateral || !depositExceedLimitDetected) {
+      return "";
     }
-    return "";
-  }, [sourceToken, targetToken, quantity, currentChain, t]);
+    return /* @__PURE__ */ jsx(
+      Trans,
+      {
+        i18nKey: "transfer.deposit.globalMaxQty.error",
+        values: {
+          token: sourceToken?.symbol,
+          chain: currentChain?.info?.network_infos?.name || ""
+        },
+        components: [
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: "https://orderly.network/docs/introduction/trade-on-orderly/multi-collateral#max-deposits-global",
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "oui-text-primary"
+            },
+            "0"
+          )
+        ]
+      }
+    );
+  }, [
+    depositExceedLimitDetected,
+    sourceToken?.symbol,
+    sourceToken?.is_collateral,
+    targetToken?.symbol,
+    currentChain,
+    t
+  ]);
   const loading = submitting || depositFeeRevalidating;
   const nativeSymbol = useMemo(() => {
     return currentChain?.info?.nativeToken?.symbol;
@@ -4790,13 +4807,6 @@ var useDepositFormScript = (options2) => {
   useEffect(() => {
     cleanData();
   }, [sourceToken, currentChain?.id]);
-  const gasFeeMessage = useMemo(() => {
-    if (isNativeToken && maxQuantity === quantity) {
-      return t("transfer.deposit.gasFee.error", {
-        token: sourceToken?.symbol
-      });
-    }
-  }, [maxQuantity, quantity, sourceToken?.symbol, t]);
   useEffect(() => {
     if (quantity && Number(quantity) > 0 && depositFee === 0n && !depositFeeRevalidating && account2.walletAdapter?.chainNamespace !== ChainNamespace.solana) {
       setFeeWarningMessage(t("transfer.deposit.feeUnavailable"));
@@ -4810,6 +4820,28 @@ var useDepositFormScript = (options2) => {
     }
     return false;
   }, [quantity, maxQuantity]);
+  const insufficientNativeTotal = useMemo(() => {
+    if (!isNativeToken || !quantity || Number(quantity) <= 0 || depositFeeRevalidating || insufficientBalance) {
+      return false;
+    }
+    const estimatedGasFee = new Decimal(fee.dstGasFee || 0);
+    const totalNeeded = new Decimal(quantity).add(estimatedGasFee);
+    return totalNeeded.gt(maxQuantity || 0);
+  }, [
+    isNativeToken,
+    quantity,
+    depositFeeRevalidating,
+    insufficientBalance,
+    fee.dstGasFee,
+    maxQuantity
+  ]);
+  const gasFeeMessage = useMemo(() => {
+    if (insufficientNativeTotal) {
+      return t("transfer.deposit.gasFee.error", {
+        token: sourceToken?.symbol
+      });
+    }
+  }, [insufficientNativeTotal, sourceToken?.symbol, t]);
   const nativeBalance = useNativeBalance({
     fetchBalance,
     targetChain
@@ -4836,12 +4868,17 @@ var useDepositFormScript = (options2) => {
     account2,
     nativeBalance
   ]);
-  const warningMessage = swapWarningMessage || userMaxQtyMessage || gasFeeMessage || feeWarningMessage || insufficientGasMessage;
-  const hasUserMaxQtyError = !!userMaxQtyMessage;
-  const finalInputStatus = hasUserMaxQtyError ? "error" : inputStatus;
-  const finalHintMessage = hasUserMaxQtyError ? t("transfer.deposit.exceedCap") : hintMessage;
+  const warningMessage = swapWarningMessage || globalMaxQtyMessage || gasFeeMessage || feeWarningMessage || insufficientGasMessage;
+  const isExceedUserCapByInput = useMemo(() => {
+    if (sourceToken?.symbol === "USDC" || sourceToken?.symbol !== targetToken?.symbol || !sourceToken?.is_collateral || sourceToken?.user_max_qty === void 0 || sourceToken?.user_max_qty === -1 || !quantity || isNaN(Number(quantity))) {
+      return false;
+    }
+    return new Decimal(quantity).gt(sourceToken.user_max_qty);
+  }, [sourceToken, targetToken, quantity]);
+  const finalInputStatus = inputStatus === "error" ? inputStatus : isExceedUserCapByInput ? "error" : inputStatus;
+  const finalHintMessage = inputStatus === "error" ? hintMessage : isExceedUserCapByInput ? t("transfer.deposit.exceedCap") : hintMessage;
   const disabled = !quantity || Number(quantity) === 0 || !sourceToken || inputStatus === "error" || depositFeeRevalidating || swapRevalidating || // if exceed collateral cap, disable deposit
-  !!userMaxQtyMessage || !!feeWarningMessage || !!insufficientGasMessage;
+  isExceedUserCapByInput || !!feeWarningMessage || !!insufficientNativeTotal || !!insufficientGasMessage;
   const targetQuantity = useMemo(() => {
     if (needSwap) {
       return swapQuantity ? new Decimal(swapQuantity)?.todp(SWAP_USDC_PRECISION, Decimal.ROUND_DOWN).toString() : swapQuantity;