@rash2x/bridge-widget 0.6.35 → 0.6.37

package/dist/evaa-bridge.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-BXp-N4UF.cjs");
+const index = require("./index-DLEm1SpB.cjs");
 exports.DEFAULT_SLIPPAGE_BPS = index.DEFAULT_SLIPPAGE_BPS;
 exports.EvaaBridge = index.EvaaBridge;
 exports.RoutePriority = index.RoutePriority;

package/dist/evaa-bridge.mjs

@@ -1,4 +1,4 @@
-import { U, d, f, e, H, B, F, X, N, z, $, G, A, D, Z, w, s, v, r, p, q, L, a2, aa, a4, a7, x, I, y, a5, J, a3, a8, a9, Y, a6, W, P, _, a1, ab, Q, S, a0, K, V, t, o, i, u, l, m, j, n, h, k } from "./index-DvKN7Y1C.js";
+import { U, d, f, e, H, B, F, X, N, z, $, G, A, D, Z, w, s, v, r, p, q, L, a2, aa, a4, a7, x, I, y, a5, J, a3, a8, a9, Y, a6, W, P, _, a1, ab, Q, S, a0, K, V, t, o, i, u, l, m, j, n, h, k } from "./index-Ba8WNSvX.js";
 export {
   U as DEFAULT_SLIPPAGE_BPS,
   d as EvaaBridge,

package/dist/{index-DvKN7Y1C.js → index-Ba8WNSvX.js}

@@ -18,7 +18,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { Input } from "@/components/ui/input";
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from "@/components/ui/dialog";
 import { Switch } from "@/components/ui/switch";
-import { X as X$3, Loader2, AlertCircleIcon, CheckCircle2, Clock } from "lucide-react";
+import { X as X$3, Loader2, AlertCircleIcon, ArrowRight, CheckCircle2, Clock } from "lucide-react";
 import { AnimatePresence, motion } from "framer-motion";
 import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "@/components/ui/accordion";
 import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
@@ -498,6 +498,7 @@ const useTronWalletConnectStore = create(
     isConnecting: false,
     connect: null,
     disconnect: null,
+    cancelConnection: null,
     signTransaction: null,
     setAddress: (address) => set2({
       address,
@@ -507,6 +508,7 @@ const useTronWalletConnectStore = create(
     setActions: (actions) => set2({
       connect: actions.connect,
       disconnect: actions.disconnect,
+      cancelConnection: actions.cancelConnection,
       signTransaction: actions.signTransaction
     }),
     reset: () => set2({
@@ -2641,7 +2643,7 @@ const ChainSelectModal = ({
       chain2.chainKey
     );
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90dvh] h-[90dvh] overflow-hidden flex flex-col p-10 pt-7", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] fixed top-0 left-0 right-0 bottom-0 overflow-hidden flex flex-col p-10 pt-7", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left pb-0", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl leading-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0", children: [
       /* @__PURE__ */ jsx("div", { children: t2("bridge.select") }),
       /* @__PURE__ */ jsx("div", { children: t2(isSource ? "bridge.sourceNetwork" : "bridge.destinationNetwork") })
@@ -2655,7 +2657,7 @@ const ChainSelectModal = ({
         className: "text-foreground placeholder:text-muted-foreground"
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-muted-foreground/30", children: [
       groupedChains.available.length > 0 && groupedChains.available.map((c2) => renderChainItem(c2, false)),
       groupedChains.willChangeSrc.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
@@ -3149,7 +3151,7 @@ function getSimpleFallback(chainKey) {
   const key = chainKey.toLowerCase();
   if (key === "ton") return 0.15;
   if (key === "tron") return 10;
-  return 0.01;
+  return 2e-3;
 }
 function useGasEstimate(amountNum) {
   const { fromChain } = useChainsStore();
@@ -3183,6 +3185,7 @@ function useGasEstimate(amountNum) {
     const nativeBalance = nativeBalanceValue;
     const isNativeSelected = nativeSym === (selectedAssetSymbol || "").toUpperCase();
     let requiredNative = 0;
+    let quoteFeesAvailable = false;
     if (quoteFees && quoteSrcChainKey === chainKey) {
       const fees = quoteFees;
       const feesInNative = fees.filter(
@@ -3193,6 +3196,7 @@ function useGasEstimate(amountNum) {
       );
       const decimals = nativeCurrencyDecimals || 18;
       requiredNative = Number(feesInNative) / Math.pow(10, decimals);
+      quoteFeesAvailable = true;
     } else {
       requiredNative = getSimpleFallback(chainKey);
     }
@@ -3202,13 +3206,14 @@ function useGasEstimate(amountNum) {
     } else {
       hasEnoughGas = nativeBalance >= requiredNative;
     }
+    const shouldCheckGas = balancesKnown && quoteFeesAvailable;
     return {
       nativeSym,
       nativeBalance,
       requiredNative,
       balancesKnown,
       isNativeSelected,
-      hasEnoughGas: balancesKnown ? hasEnoughGas : true
+      hasEnoughGas: shouldCheckGas ? hasEnoughGas : true
     };
   }, [
     chainKey,
@@ -3762,11 +3767,9 @@ function useBridgeTransaction() {
                 );
                 feeSymbol = srcChain2?.nativeCurrency?.symbol || "";
               }
-              if (feeSymbol) {
-                const feeValue = parseFloat(result.actualFeeValue);
-                if (!isNaN(feeValue)) {
-                  txStore.updateActualFee(feeValue, feeSymbol);
-                }
+              const feeValue = parseFloat(result.actualFeeValue);
+              if (!isNaN(feeValue)) {
+                txStore.updateActualFee(feeValue, feeSymbol);
               }
             }
             txStore.updateStatus("completed");
@@ -3784,15 +3787,19 @@ function useBridgeTransaction() {
             txStore.setError("COMPLETION_TRACKING_FAILED");
           }
           console.error("Error tracking completion:", err);
+        }).finally(() => {
+          setIsProcessing(false);
         });
+        return txResult;
       } else {
+        setIsProcessing(false);
         throw new TransactionFailedError(
           chainKey,
           "Transaction hash not received from wallet"
         );
       }
-      return txResult;
     } catch (err) {
+      setIsProcessing(false);
       if (isUserRejection(err)) {
         txStore.setError("TRANSACTION_REJECTED");
         throw new TransactionFailedError(
@@ -3808,8 +3815,6 @@ function useBridgeTransaction() {
       console.log(err);
       txStore.setError("UNKNOWN_ERROR");
       throw err;
-    } finally {
-      setIsProcessing(false);
     }
   };
   return {
@@ -4314,7 +4319,7 @@ const WalletSelectModal = () => {
     }
     return a2.order - b2.order;
   });
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "p-10 pt-7", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "flex flex-col fixed top-0 left-0 right-0 bottom-0 p-10 pt-7", children: [
     /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
       /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("wallets.chooseWallet") }),
       /* @__PURE__ */ jsx(DialogDescription, { children: t2("wallets.oneWalletPerEnv") })
@@ -4547,67 +4552,114 @@ const SuccessStep = ({
 }) => {
   const { current, reset } = useTransactionStore();
   const { t: t2 } = useBridgeTranslation();
+  const { chains } = useChainsStore();
   const metadata = current?.metadata;
   const srcTxHash = current?.srcTxHash;
   const srcChainKey = current?.quote?.srcChainKey;
+  const quote = current?.quote;
+  const estimatedFee = useMemo(() => {
+    if (!quote?.fees || !srcChainKey || !chains) return null;
+    const srcChain = chains.find((c2) => c2.chainKey === srcChainKey);
+    if (!srcChain) return null;
+    const nativeCurrencyAddress = srcChain.nativeCurrency.address;
+    const nativeCurrencyDecimals = srcChain.nativeCurrency.decimals;
+    const nativeCurrencySymbol = srcChain.nativeCurrency.symbol;
+    const feesInNative = quote.fees.filter(
+      (f4) => f4.chainKey === srcChainKey && f4.token === nativeCurrencyAddress
+    ).reduce((sum, f4) => sum + BigInt(f4.amount || "0"), 0n);
+    if (feesInNative === 0n) return null;
+    const feeValue = Number(feesInNative) / Math.pow(10, nativeCurrencyDecimals);
+    return {
+      value: feeValue,
+      symbol: nativeCurrencySymbol
+    };
+  }, [quote, srcChainKey, chains]);
+  const finalFee = useMemo(() => {
+    if (metadata?.actualFeeValue !== void 0 && metadata?.actualFeeSymbol) {
+      return {
+        value: metadata.actualFeeValue,
+        symbol: metadata.actualFeeSymbol
+      };
+    }
+    return estimatedFee;
+  }, [metadata?.actualFeeValue, metadata?.actualFeeSymbol, estimatedFee]);
   const handleOpenExplorer = () => {
     if (srcTxHash && srcChainKey) {
       openTransactionInExplorer(srcChainKey, srcTxHash);
     }
   };
-  return /* @__PURE__ */ jsxs(DialogContent, { showCloseButton: true, className: "overflow-hidden md:max-w-[420px] p-10", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center bg-background", children: [
-      icon,
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 pb-2 text-center", children: /* @__PURE__ */ jsx(DialogTitle, { children: t2("transaction.success") }) }),
-      /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2 mt-4 relative z-10 pb-14", children: [
-        metadata?.srcAmountHuman && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.bridged") }),
-          /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
-            formatBalance(metadata.srcAmountHuman, 2),
-            " ",
-            metadata?.srcTokenSymbol,
-            /* @__PURE__ */ jsx(TokenSymbol, { symbol: metadata?.srcTokenSymbol })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.transferTitle") }),
-          /* @__PURE__ */ jsxs("span", { className: "font-medium space-x-1", children: [
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-              metadata?.srcChainName,
-              " ",
-              /* @__PURE__ */ jsx(NetworkSymbol, { chainKey: metadata.srcChainName })
+  return /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      showCloseButton: true,
+      className: "overflow-hidden md:max-w-[420px] p-10",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 flex-1 justify-start items-center text-center bg-background", children: [
+          icon,
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 text-center", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-[28px]", children: t2("transaction.success") }) }),
+          /* @__PURE__ */ jsxs("div", { className: "w-full space-y-2 mt-3 relative z-10 pb-14", children: [
+            metadata?.srcAmountHuman && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.bridged") }),
+              /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 font-medium", children: [
+                formatBalance(metadata.srcAmountHuman, 2),
+                " ",
+                metadata?.srcTokenSymbol,
+                /* @__PURE__ */ jsx(TokenSymbol, { className: "w-[18px] h-[18px]", symbol: metadata?.srcTokenSymbol })
+              ] })
             ] }),
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "→" }),
-            /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
-              metadata?.dstChainName,
-              " ",
-              /* @__PURE__ */ jsx(NetworkSymbol, { chainKey: metadata.dstChainName })
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.transferTitle") }),
+              /* @__PURE__ */ jsxs("span", { className: "font-medium flex gap-1 items-center", children: [
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
+                  metadata?.srcChainName,
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    NetworkSymbol,
+                    {
+                      className: "w-[18px] h-[18px] rounded-full",
+                      chainKey: metadata.srcChainName
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx(ArrowRight, { className: "text-muted-foreground/50 size-4" }),
+                /* @__PURE__ */ jsxs("span", { className: "inline-flex gap-1 items-center", children: [
+                  metadata?.dstChainName,
+                  " ",
+                  /* @__PURE__ */ jsx(
+                    NetworkSymbol,
+                    {
+                      className: "w-[18px] h-[18px] rounded-full",
+                      chainKey: metadata.dstChainName
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            srcTxHash && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.hash") }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  onClick: handleOpenExplorer,
+                  className: "font-medium cursor-pointer inline-flex items-center gap-1 underline hover:no-underline",
+                  children: formatHash(srcTxHash)
+                }
+              )
+            ] }),
+            finalFee && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.finalFee") }),
+              /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+                formatBalance(finalFee.value, 6),
+                " ",
+                finalFee.symbol
+              ] })
             ] })
           ] })
         ] }),
-        srcTxHash && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.hash") }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: handleOpenExplorer,
-              className: "font-medium cursor-pointer inline-flex items-center gap-1 underline hover:no-underline",
-              children: formatHash(srcTxHash)
-            }
-          )
-        ] }),
-        metadata?.actualFeeValue && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t2("transaction.finalFee") }),
-          /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-            metadata.actualFeeValue,
-            " ",
-            metadata.actualFeeSymbol
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) })
-  ] });
+        /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, { onClick: reset, className: "w-full", children: t2("transaction.done") }) })
+      ]
+    }
+  );
 };
 const useCountdown = (initialSeconds) => {
   const [time2, setTime] = useState(initialSeconds);
@@ -6621,7 +6673,7 @@ const SettingsModal = ({ isOpen, onClose }) => {
     DialogContent,
     {
       onOpenAutoFocus: (e2) => e2.preventDefault(),
-      className: "p-10 pt-7",
+      className: "flex flex-col fixed top-0 left-0 right-0 bottom-0 p-10 pt-7",
       children: [
         /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("settings.title") }) }),
         /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
@@ -6937,7 +6989,6 @@ const TokenSelectModal = ({
   useLayoutEffect(() => {
     const updateHeight = () => {
       const container2 = document.getElementById("token-select-list");
-      console.log("CONTAINER", container2);
       if (!container2) return;
       const height = container2.getBoundingClientRect().height;
       if (height > 0) {
@@ -7010,7 +7061,7 @@ const TokenSelectModal = ({
     },
     [effectiveTab, virtualItems]
   );
-  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90dvh] h-[90dvh] overflow-hidden flex flex-col p-10 pt-7", children: [
+  return /* @__PURE__ */ jsx(Dialog, { open: isOpen, onOpenChange: (open) => !open && handleClose(), children: /* @__PURE__ */ jsxs(DialogContent, { className: "md:max-h-[90dvh] md:h-[90dvh] overflow-hidden flex flex-col fixed top-0 left-0 right-0 bottom-0 p-10 pt-7", children: [
     /* @__PURE__ */ jsx(DialogHeader, { className: "text-left", children: /* @__PURE__ */ jsx(DialogTitle, { className: "text-2xl leading-8", children: t2("bridge.selectToken") }) }),
     /* @__PURE__ */ jsx(
       SearchInput,
@@ -25914,7 +25965,7 @@ class WalletConnectModal {
   }
   async initUi() {
     if (typeof window !== "undefined") {
-      await import("./index-Cd_UnZsU.js");
+      await import("./index-YEwKytA_.js");
       const modal = document.createElement("wcm-modal");
       document.body.insertAdjacentElement("beforeend", modal);
       OptionsCtrl.setIsUiLoaded(true);
@@ -25959,11 +26010,13 @@ const useThemeStore = create((set2) => ({
   }
 }));
 const TRON_MAINNET_CHAIN_ID = "tron:0x2b6653dc";
+const CONNECTION_TIMEOUT = 6e4;
 function useTronWalletConnect(projectId) {
   const { address, isConnected, isConnecting } = useTronWalletConnectStore();
   const { setAddress, setIsConnecting, setActions, reset } = useTronWalletConnectStore();
   const providerRef = useRef(null);
   const modalRef = useRef(null);
+  const abortControllerRef = useRef(null);
   const { onClose: closeWalletSelectModal } = useWalletSelectModal();
   const appliedTheme = useThemeStore((state2) => state2.appliedTheme);
   useEffect(() => {
@@ -26026,6 +26079,9 @@ function useTronWalletConnect(projectId) {
     };
     initProvider();
     return () => {
+      if (abortControllerRef.current) {
+        abortControllerRef.current.abort();
+      }
       if (providerRef.current) {
         providerRef.current.disconnect();
       }
@@ -26052,9 +26108,14 @@ function useTronWalletConnect(projectId) {
         "WalletConnect not initialized. Please provide a valid project ID."
       );
     }
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    abortControllerRef.current = new AbortController();
+    const abortController = abortControllerRef.current;
     setIsConnecting(true);
     try {
-      const session = await providerRef.current.connect({
+      const connectionPromise = providerRef.current.connect({
         namespaces: {
           tron: {
             methods: ["tron_signTransaction", "tron_signMessage"],
@@ -26063,6 +26124,19 @@ function useTronWalletConnect(projectId) {
           }
         }
       });
+      const timeoutPromise = new Promise((_3, reject) => {
+        const timeoutId = setTimeout(() => {
+          reject(new Error("Connection timeout - please try again"));
+        }, CONNECTION_TIMEOUT);
+        abortController.signal.addEventListener("abort", () => {
+          clearTimeout(timeoutId);
+          reject(new Error("Connection cancelled"));
+        });
+      });
+      const session = await Promise.race([connectionPromise, timeoutPromise]);
+      if (abortController.signal.aborted) {
+        throw new Error("Connection cancelled");
+      }
       if (session) {
         const accounts = session.namespaces?.tron?.accounts || [];
         if (accounts.length > 0) {
@@ -26087,8 +26161,18 @@ function useTronWalletConnect(projectId) {
       throw error;
     } finally {
       setIsConnecting(false);
+      abortControllerRef.current = null;
     }
   }, [setAddress, setIsConnecting]);
+  const cancelConnection = useCallback(() => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+      console.log("TRON WalletConnect connection cancelled");
+    }
+    if (modalRef.current) {
+      modalRef.current.closeModal();
+    }
+  }, []);
   const disconnect = useCallback(async () => {
     if (!providerRef.current) return;
     try {
@@ -26125,15 +26209,17 @@ function useTronWalletConnect(projectId) {
     setActions({
       connect,
       disconnect,
+      cancelConnection,
       signTransaction
     });
-  }, [connect, disconnect, signTransaction, setActions]);
+  }, [connect, disconnect, cancelConnection, signTransaction, setActions]);
   return {
     address,
     isConnected,
     isConnecting,
     connect,
     disconnect,
+    cancelConnection,
     signTransaction
   };
 }
@@ -26638,4 +26724,4 @@ export {
   getQuoteFees as y,
   calculateMinReceived as z
 };
-//# sourceMappingURL=index-DvKN7Y1C.js.map
+//# sourceMappingURL=index-Ba8WNSvX.js.map